@charset "utf-8";

/*********************
 window resize 774px
*********************/
.sp{display: none;}
@media screen and (max-width: 900px) {
	.pc{display: none;}
	.sp{display: block;}

	/*********************
	 header
	*********************/
	header div.headerLine a.imgLink{
		max-width:30%;
	}
	header div.headerLine a.imgLink:last-child{
		max-width:50%;
	}
	header .topArea .regBox{
		position:absolute;
		width:50%;
		padding:20px 0;
		background:rgba(255,255,255,0);
		border-top:0;
	}
	header .topArea .regBox .textlink,
	header .topArea .regBox a.guest_btn,
	header .topArea .regBox a.girl_btn{
		display:none;
	}

	/*********************
	 bottom_menu
	*********************/
	header .topArea .sp-menu{
		display: block;
		position: fixed;
		width: 100%;
		height:90px;
		bottom: 0px;
		z-index: 99;
	}
	header .topArea .sp-menu a{
		display: inline-block;
		width:50%;
		height:90px;
		text-align:center;
		position: relative;
	}
	header .topArea .sp-menu img{
		width:80%;
		max-width:170px;
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
	}
	header .topArea .sp-menu .guest_btn{
		background:#55beb7;
	}
	header .topArea .sp-menu .girl_btn{
		background:#d77370;
	}

	/*********************
	 what
	*********************/
	.what{
		background: url(../img/champagne-sp.jpg) center center / cover no-repeat;
		background-color:rgba(255,255,255,0.4);
		background-blend-mode:lighten;
	}
	.what img.champagne{
		display: none;
	}
	.what .textBox{
		padding:40px 20px;
		margin:50px 20px 50px;
		background-color:rgba(255,255,255,0.85);
		border-radius:5px;
		font-size:0.8em;
	}
	.what .textBox img{
		max-width:80%;
		padding:0 0 30px;
	}
	.what .textBox p{
		font-size:10px;
	}

	/*********************
	 girlList
	*********************/
	.girlList h1{
		font-size:1.4em;
	}
	.girlList h2{
		margin:10px 0 20px;
	}
	.girlList .item{
		width:33%;
	}

	/*********************
	 priceBox
	*********************/
	.priceBox img.price_img{
		max-width:40%;
	}
	.priceBox .textBox h1{
		font-size:1em;
		margin-top:20px;
	}
	.priceBox .menu{
		margin-top:10px;
	}

	/*********************
	 howTo
	*********************/
	.howTo h1{
		font-size:1.4em;
	}
	.howTo .imageBox{
		width:calc( 100% - 10% );
		margin:0 auto;
	}

	/*********************
	 safety
	*********************/
	.safety h1{
		font-size:1.4em;
	}
	.safety h2{
		margin:10px 0 20px;
	}
	.safety .imageBox img{
		width:70px;
		margin-right:20px;
	}
	.safety .imageBox p b{
		font-size:1.1em;
		display:block;
	}

	/*********************
	 Q&A
	*********************/
	.qa h1{
		font-size:1.4em;
	}
	.qa .qainner .Label {
		padding:10px 40px 10px 50px;
	}
	.qa .qainner .line_regist_notice {
		width:90%;
	}

	/*********************
	 footer
	*********************/
	footer{
		padding-bottom:90px;
	}


}