@charset "utf-8";
/* CSS Document */


*{
	margin: 0;
	padding: 0;
}



@font-face {
  font-family: "shs_regular";
  src: url("../font/SourceHanSansJP-Regular.eot?")  format('eot'),
       url("../font/SourceHanSansJP-Regular.woff")  format('woff');
	
	
	
}


/* -----------------------------------------------------------
 フォントサイズ基本
----------------------------------------------------------- */

html {
  font-size: 18px;
  font-family: "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-y:auto;
}

	
ul{list-style:none;
padding-left:0;}	


.in{margin-left:auto;
margin-right:auto;
width:100%;
   }	

a{text-decoration:none;}
		
img{border:0;
    width:100%;}		

.center{text-align:center;
}

#top a:hover img{opacity:0.7;
           filter: alpha(opacity=70);
}

		
.cf:after {  
  content: ".";   
  display: block;   
  height: 0;   
 clear: both;   
  visibility: hidden;
	font-size: 0.1em;} 	
	
.center{text-align:center;
margin-left:auto;
margin-right:auto;}

body{
	color:#595757;
	word-wrap: break-word;


}


.only-pc{display:none;}/*-----sp----*/
.only-sp{display:block;}/*-----sp----*/	

#main{width:100%;
margin-left:auto;
margin-right:auto;}




h1{
font-size: 10px;
}



.content{
	line-height:1.9em;}

.box{margin-bottom:15%;}

/*-----------------------------
header
-------------------------------*/

#header{padding:2%;
}

#logo{width:70%;
float:left;
margin-top: 2%;}



#tel-top{width:13%;
float:right;
margin-left:0%;}

#mail-top{width:13%;
float:right;
margin-left:2%;
margin-top: 0%;}

#menuButton{width:11%;
float:right;
margin-top: 2%;}



/*-----------------------------
key
-------------------------------*/




.bg-pink-b{background:#fae5ea;
margin: 0;}

/*-----------------------------
contact
-------------------------------*/

.kaisetsu{width:70%;
margin: 2% auto;}

.text{width:95%;
margin: 5% auto;}


.tit{width:45%;
margin: 5% auto;}


.step{margin-top:10%;}


.video{
margin: 5% auto;
background: url("../img-kumatori/pic11-2.png")no-repeat;
background-size: 100% 100%;
height: 300px;}

.video iframe{
margin: 10% auto 5% auto;
display: block;
height: 
	250px;
	padding-top: 3%;
width:77%;
	
}




/*.video02{
margin: 5% auto;
background: url( "../img-double/phone02.png") no-repeat;
background-size: 100% 100%;
height: 640px;}

.video02 video{border: solid 5px #FF0004;
margin-left: 4%;
padding: 4% 0%;	
display: block;
height: 590px;
width:50%;

}*/



#flow-pic01{width:60%;
float:left;
margin: 5% auto;
background: url( "../img-double/phone03.png") no-repeat;
background-size: 100% 100%;
height: 360px;
}



#flow-pic01 iframe{
margin: 10% auto 5% auto;
display: block;
height: 
	320px;
width:85%;
	
}



#flow-pic02{width:30%;
float:right;
margin-top: 10%;}


#flow{width:100%;
margin: 5% auto 0% auto;}


.coupon{text-align:center;
font-size: 15px;
font-weight: bold;
color: #fff;
margin: 0% auto;
width: 70%;}

#countdownArea{background:#D15289;
border-radius: 30px;}

#countdownArea02{background:#D15289;
border-radius: 30px;}

.coupon02{
margin: 0% auto;
	color: #000;
	font-size: 10px;
line-height: 1.5em;
padding-bottom: 5%;}



#main{margin-bottom:0%;
margin-top: 0%;}

.contact{background:url(../img-biyo/contact-bg.png) no-repeat;
background-size: 100% 100%;
border-top:solid 5px #FF6865;
border-bottom:solid 3px #FF6865;
padding: 3% 0%;}

.contact-in {width: 100%;
margin: 0 auto;}

.contact li{width:48%;
float: left;
margin-right: 1%;
margin-left: 1%;}

/*-----------------------------
footer
-------------------------------*/


#footer{
padding-bottom: 0%;}










.go-top{width:10%;
float: right;
padding: 2%;}


.copy{
font-size: 10px;
padding-top:10%;
	text-align: center;
}







   
/*-------固定戻る---------*/   
#topbutton03 {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 0%;   /* ←下端からの距離 */
      right: 0px;    /* ←右端からの距離 */
      width:100%;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: none;
	

      
   } 


nav{font-size:16px;}






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

	
html {
    font-size: 20px;
    overflow-y: scroll;
    font-family: "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}	
	
	
.only-pc{display:block;}/*-----pc----*/
.only-sp{display:none;}/*-----pc----*/	


.in{margin-left:auto;
    margin-right:auto;
    max-width:1000px;}
		
h1{margin-bottom:0%;
font-size: 10px;
}
	

h2{
font-size: 30px;}

/*-----------------------------
header
-------------------------------*/


#header{padding:0% 0% 2% 0%;}	
	
#logo{width:50%;
float:left;
	padding-top: 0%;
	margin-top: 2%;}


#tel-top{width:22%;
float:right;
margin-top:4%;}

#mail-top{width:22%;
float:left;
margin-left:5%;
margin-top:4%;}





/*-----------------------------
gnav
-------------------------------*/

#gnav li{width:19.8%;
float:left;
	text-align: center;
	vertical-align: bottom;
	font-size: 14px;
	padding: 2% 0%;
	border-left: solid 1px #E2E2E2;
	}
	

#gnav li :last-child{
	border-right: solid 1px #E2E2E2;
	}	
	
#gnav a{color: #000;
	font-weight: bold;}	
	
#gnav{border-bottom: solid 0px #E2E2E2;
	border-top: solid 0px #E2E2E2;}
	

	
	

/*-----------------------------
key
-------------------------------*/

#flow{width:80%;
margin: 5% auto 0% auto;}
	

/*-----------------------------
main
-------------------------------*/
	
	
	
.video{
margin: 5% auto;
background: url( "../img-kumatori/pic11-2.png") no-repeat;
background-size: 100% 100%;
height: 500px;}

.video iframe{
margin: 5% auto;
display: block;
height: 410px;
width:76%;
padding: 3% 0%;	
}
	
	
	
#flow-pic01{width:60%;
float:left;
margin: 3% auto 5% auto;
background: url( "../img-double/phone03.png") no-repeat;
background-size: 100% 100%;
height: 740px;
}



#flow-pic01 iframe{
margin: 10% auto 5% auto;
display: block;
height: 
	680px;
width:85%;
	
}	
	
	
	
	
	
	
	
/*.video02{
margin: 5% auto;
background: url( "../img-double/phone02.png") no-repeat;
background-size: 100% 100%;
height: 900px;}

.video02 video{border: solid 5px #FF0004;
margin-left: 4%;
padding: 4% 0%;	
display: block;
height: 840px;
width:50%;

}*/
	
	
	


.coupon{text-align:center;
font-size: 20px;
font-weight: bold;
width: 60%;
margin: 0% auto;}


.coupon02{
margin: 0% auto;
	color: #000;
	font-size: 14px;
	line-height: 1.2em;}


/*-----------------------------
footer
-------------------------------*/
	

	
	
#footer{
margin-top: 0%;
padding-bottom:0%;}	
	



.copy{
	}
	
	
	
.contact-in {width: 80%;
margin: 0 auto;}	
	
.contact{
padding: 1% 0%;}

	



}