.zentai::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, -1px);
    transform: translate3d(0, 0, -1px);
    width: 100%;
    height: 100vh;
    background: url(img/sp/haikei1.jpg) center/cover no-repeat;
    -webkit-background-size: cover;
  }

  
.bigboxsp{
	  position:relative;
	  max-width:1440px;
	  height:auto;
	  margin:0 auto;
	  overflow:hidden;
  }
  



/*プロフィール*/


.bigboxm{
	max-width:768px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}





.profileba{
	max-width:768px;
	height:auto;
	margin-top:50px;
	margin-bottom:10px;
	padding-left:8%;
	margin-left:auto;
	margin-right:auto;
}

.profileba a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition: all 0.3s;

}
  
  
  
.ksetumei a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition: all 0.3s;

}



/*囲み線なし　タイトル付*/
.tboxm4 h2{
	margin:0px 0px 0px 0px;
	color:#FFF;
}
.tboxm4{
	max-width:768px;
	height:auto;
	padding:10px;
	margin:10px;

}

.boxm4 {
	max-width:768px;
    padding: 0.5em 1em;
    margin: 2em 0;
	margin:10px;
    font-weight: bold;


}

.boxm4a {
	max-width:768px;
    padding: 0.5em 1em;
    margin: 2em 0;
	margin:10px;
    font-weight: bold;
	color:#FFF;

}

.boxm4a p {
	font-weight:500;
	line-height:2;
	color:#fff;
    margin: 10px; 
    padding: 0;
}


.boxm4 p {
	font-weight:500;
	line-height:2;
	color:#FFF;
    margin: 10px; 
    padding: 0;
}





.tboxm4 li{
	font-size:1.2em;
	line-height:1.8;
	margin:20px 0px 30px 15px;
    padding: 0;
}

.tboxm4 h2{
	text-align:center;
}



@media only screen and (max-width:480px){
	
	
.topga1 img{
	max-width:480px;
	position:absolute;
	margin-top:0px;
	z-index:1;
}




}



@media only screen and (min-width:480px){
	
	
.topga img{
	max-width:1440px;
	margin-top:0px;
}

.topga{
	text-align:center;
}

.topga1 img{ display: none !important; }



}






@media only screen and (max-width:767px){


.circleBehind{ display: none !important; }

.kojins1{ display: none !important; }




}









@media only screen and (max-width:767px){
	

	
.topga1 img{
	position:absolute;
	margin-top:-150px;
	z-index:1;
}




.kojins img{
	position:absolute;
	top:5px;
	right:10px;
	z-index:12;
}

	
.kojins a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition: all 0.3s;

}



.kojins1{ display: none !important; }




}




@media only screen and (min-width:768px) {

.kojins{ display: none !important; }


.kojins1 img{
	position:absolute;
	top:10px;
	right:10px;
	z-index:11;
}

.kojins1 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition: all 0.3s;

}



}

















@media only screen and (max-width:480px){

.mmenu a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition: all 0.3s;

}




.mmenu{
	margin: 70px 0px 30px 0px;
}


.ongakuno{
	margin:200px 0px 60px 0px;
}


.siru{
	margin:20px 0px 20px 0px;
}

.fureru{
	margin:20px 0px 20px 0px;
}


.tutaeru{
	margin:20px 0px 20px 0px;
}




.baex{
	margin:100px 0px 40px 0px;
}


.explore{
	text-align:center;
	max-width:1024px;
	height:auto;
	margin-top:50px;
	margin:0 auto;
	padding:0px 20px 0px 20px;
	color:#FFF;

}


.footert{
	width:200px;
	height:auto;
	margin:0px 3% 0px 6%;

}



.footer1 a:hover{
color:#CCC;
text-decoration:underline;
}






.footert img{
	margin-bottom:20px;
}

.footert li p{
	color:#FFF;

}

.ainfo {
	width:98%;
	border:#FFF 2px solid;
	margin: 400px 10px 30px 10px;
	
}

.baex1{ display: none !important; }


.siru1{ display: none !important; }

.fureru1{ display: none !important; }

.tutaeru1{ display: none !important; }


}






@media only screen and (min-width:480px) {


.baex{ display: none !important; }

.siru{ display: none !important; }

.fureru{ display: none !important; }

.tutaeru{ display: none !important; }



.mmenu a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition: all 0.3s;

}





.baex1{
	text-align:center;
	margin:100px 0px 50px 0px;
}



.explore{
	text-align:center;
	max-width:1024px;
	height:auto;
	margin-top:10px;
	margin:0 auto;
	padding:0px 100px 0px 100px;
	color:#FFF;

}



.ongakuno{
	max-width:800px;
	margin-top:200px;
	margin-bottom:100px;
	margin-left:auto;
	margin-right:auto;

}


.mmenu{
	margin-bottom:250px;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -webkit-flex-pack:center;
    -moz-flex-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
}

.siru1 img{
	margin:5px;
}

.fureru1 img{ 	margin:5px;
 }

.tutaeru1 img{ 	margin:5px;
 }


.footer1{
  display: flex;
  justify-content: center;
  margin:100px 0px 100px 0px;

}





.footert{
	width:200px;
	height:auto;
	margin:0px 3% 0px 6%;

}

.footert img{
	margin-bottom:20px;
}

.footert li p{
	color:#FFF;

}




.footer1 a:hover{
color:#CCC;
text-decoration:underline;
}



}




/* スライドエフェクト画面外にいる状態 */
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 1.5s;
    }
 
/* スライドエフェクト画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }


.ainfo {
	width:98%;
	border:#FFF 2px solid;
	margin: 400px 10px 30px 10px;
	
}







.footer{
  width: 100%;
	height:100px;
	background-color:#333;
	text-align:center;
	margin:100px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	  display: table;
}

.footer p{

	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#FFF;
	  display: table-cell;
  vertical-align: middle;
  font-weight:10;

}







/*商品コメント付き２横並び　中央揃え*/

.ms{
	width:500px;
	height:auto;
	margin:30px;
	padding:20px;
}

.ms1{
	border: #999 solid 1px;
	margin: 1px 1px 10px 1px;
	padding:5px 5px 50px 5px;
	/*縦横指定しないとレスポンス時並びが崩れる*/
	max-width:300px;
	height:350px;
	/*はみ出た文字を消す*/
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap;/*折り返し*/
}




.ms a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}



.mtxt{
	background-color:#FFF;
	margin:30px;
	padding:20px;
}


.mtxt p{
	font-size: calc(112.5% + 0.10vw);
	font-weight:500;
	line-height:1.8;
	color:#333;
    margin: 0px 10px 20px 10px ; 
    padding: 20px;

}






/*商品コメント付き1横並び　←揃え*/

.msss{
	max-width:800px;
	height:auto;
	margin:0 auto;
	

}

.mss{
	display:flex;
    justify-content: left;/*中央ぞろえ*/
    align-items: left;/*中央ぞろえ*/
    margin: 60px 10px 10px 10px;


}

.mss1{
	max-width:800px;
	height: auto;
	border: #999 solid 1px;
	border-radius:3px;
	margin: 10px 10px 10px 10px;
	padding:5px 5px 20px 5px;
	background-color:#F4F5F7;
	color: #222;
	/*縦横指定しないとレスポンス時並びが崩れる*/
	/*はみ出た文字を消す*/
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap;/*折り返し*/
}



.mss a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


.mmtxt h2{
	font-size:1.8em;
	font-weight:bold;
	padding:0;
	margin:30px 0px 10px 15px;
}

.mmtxt p{
	font-size:1.3em;
	font-weight:500;
	line-height:1.8;
	color:#333;
    margin: 0px 10px 10px 15px ; 
    padding: 0;

}


/*商品コメント付き1横並び　←揃えここまで*/







.cdba{
	max-width:750px;
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
}







/*------ページトップボタン---------*/

#page-top {
    position: fixed;
    bottom: 10px;	
    right: 20px;
    font-size: 77%;
}

#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 3px;
	opacity: 0.9;/*トップボタンの透明度*/

}

#page-top a:hover {
    text-decoration: none;
    background: #999;
}


/*------ここまで------------*/




/*


@media only screen and (max-width:480px){

.info{
	
}

.info1{ display: none !important; }


}



@media only screen and (min-width:480px) {

.info{ display: none !important; }

.info1{

}

}



*/