/* CSS Document */
.start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	width: 145px;
}
.start p img{
	width: 100%;
}

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 1;
  z-index: 99;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 60px;
	padding: 28px 5px;
	text-align: center;
	display: block;
	border-radius: 90px;
	opacity: 0.9;
	transition: all .3s ease;
	background-color: #83838F;
}
#page-top a:hover {
  text-decoration: none;
  opacity: .5;
}
.fadein {
  opacity: 0;
  transform : translate(0, 30px);
  transition : all 1500ms;
}
.fadein2 {
  opacity: 0;
  transform : translate(0, 0);
  transition : all 1500ms;
}
.fadein3 {
  opacity: 0;
  transform : translate(0, 15px);
  transition : all 1500ms;
}
.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.hr1 {
	border-top: 2px solid orange;
	background-color: rgb(232, 243, 131);
	margin-top: 50px;
	margin-bottom: 50px;
}

.Mbox {
	text-align: center;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-bottom: 40px;
}
.Mbox2 {
	text-align: center;
	font-size: 12px;
	line-height: 22px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
  background-image: url(bkTop.jpg) ,url(bkBtm.jpg) ,url(bkMdl.jpg);
  background-repeat: no-repeat,no-repeat,repeat-y;
  background-position: top,bottom,top;
  background-size: 100%,100%,100%;
}
.pc{
	display:none;
}
.pc { display: none !important; }
 
@media screen and (max-width: 750px) {
    .pc { display: block !important; }
}
@media screen and (max-width: 750px) {
.Mbox {width: 750px;}
.Mbox2 {width: 750px;
	font-size: 22px;
	line-height: 28px;
}
#page-top {
  display:none;
}
}
.Mbox .ttl{
	/* [disabled]margin-bottom: 20px; */
	width: 100%;
}
.Mbox .obj{
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.Mbox2 .midashi{
	font-size: 1.6em;
	line-height: 1em;
	color: #F30;
	text-align: left;
	font-weight: bold;
}
.Mbox ul.thum {
	/* [disabled]background-color: #FF9; */
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-left: 0px;
}
.Mbox ul.thum.row5 {
	width: 100%;
}
.Mbox ul.thum.row4 {
	width: 100%;
}
.Mbox ul.thum.row3 {
	width: 75%;
}
.Mbox ul.thum.row2 {
	width: 75%;
}
.Mbox ul.thum.row1 {
	width: 25%;
}
.Mbox .thum li {
	list-style-type: none;
	float: left;
	margin: 5px;
	height: auto;
	background-color: #FFF;
}
.Mbox .thum.row5 li {
	width: 19%;
}
.Mbox .thum.row4 li {
	width: 24%;
}
.Mbox .thum.row3 li {
	width: 32%;
}
.Mbox .thum.row2 li {
	width: 48%;
}
.Mbox .thum.row1 li {
	width: 100%;
}
.thum li img {
	width: 100%;
	height: auto;
	border: 1px solid #CCC;
}
.dropShadow {
	filter: drop-shadow(2px 2px 5px black);
}
@media screen and (max-width: 750px) {
.Mbox ul.thum li {
	width: 30%;
}
.Mbox ul.thum {
	width: 100%;
}
.Mbox ul.thum.row5 {
	width: 100%;
}
.Mbox ul.thum.row4 {
	width: 100%;
}
.Mbox ul.thum.row3 {
	width: 100%;
}
.Mbox ul.thum.row2 {
	width: 70%;
}
.Mbox ul.thum.row1 {
	width: 33%;
}
.Mbox .thum.row5 li {
	width: 32%;
}
.Mbox .thum.row4 li {
	width: 32%;
}
.Mbox .thum.row3 li {
	width: 32%;
}
.Mbox .thum.row2 li {
	width: 48%;
}
.Mbox .thum.row1 li {
	width: 100%;
}

}

.Mbox2 ul {
	/* [disabled]background-color: #FF9; */
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 0px;
}
.Mbox2 ul li {
	list-style-type: none;
	float: left;
	width: 95%;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 26px;
	margin-left: 6px;
	padding-bottom: 26px;
}
.Mbox2 ul li img {
	width: 500px;
	height: 500px;
	float: left;
	border: 1px solid #CCC;
}
.Mbox2 ul li .mess {
	text-align: left;
	font-size: 1.2em;
	line-height: 1.6em;
	word-wrap: normal;
	overflow-wrap: break-word;
	width: 380px;
	height: 500px;
	/* [disabled]border: 1px solid #F00; */
	float: right;
	position: relative;
}
.Mbox2 ul li .mess .sname {
	text-align: center;
	font-weight: 900;
	font-size: 2em;
	margin-top: 40px;
	margin-bottom: 40px;
	line-height: 1em;
	
}
.Mbox2 ul li .mess .shohin {
	vertical-align: bottom;
	position: absolute;
	bottom: 10px;
	font-size: 0.8em;
	color: #333;
}
.Mbox2 ul li .mess .comnt {
	font-size: 1em;
	font-weight: 300;
	margin-top: 0px;
	margin-left: 20px;
	line-height: 1.7em;
}
@media screen and (max-width: 750px) {
.Mbox2 ul {
	/* [disabled]background-color: #FF9; */
	width: 700px;
	margin-right: 25;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

.Mbox2 ul li img {
	width: 100%;
	height: auto;
	float: none;
	border: 1px solid #CCC;
}

.Mbox2 ul li .mess {
	text-align: left;
	font-size: 1.2em;
	
	word-wrap: normal;
	overflow-wrap: break-word;
	width: 680px;
	height: auto;
	float: right;
	position: static;
}
.Mbox2 ul li .mess .sname {
	text-align: center;
	font-weight: 900;
	font-size: 2em;
	margin-top: 40px;
	margin-bottom: 40px;
	line-height: 1em;
	
}
.Mbox2 ul li .mess .shohin {
	vertical-align: auto;
	position: inherit;
	font-size: 1.1em;
	line-height: 1.7em;
	margin-left: 20px;
	color: #333;
}
.Mbox2 ul li .mess .comnt {
	font-size: 1.3em;
	font-weight: 300;
	margin-top: 0px;
	margin-left: 20px;
	line-height: 1.8em;
}

}
.clear {
	clear:both;
}