@charset "UTF-8";

/************************************************************
*
*　白猫温泉物語
*
************************************************************/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　MODULE
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.info_area{
	padding:10% 0 10% 0;
	}
.header_b01{
	text-align:center;	
}

.header_b01 li{
	display:inline-block;
	vertical-align:middle;
	width:46%;
	margin:0 auto;
	padding:4% 1.5% 0 1.5%;
}

.header_b01 li:last-child{
	padding:4% 1.5% 5% 1.5%;
}

.kv_cont{
	position:relative;
	display:block;
	height:0;
	width:100%;
	background-image: url(/shironekoproject/lp/collabo_chichibu/assets/img/railway/t_key_pc.jpg);
	background-size: cover;
	padding-top:53%;
	}
.s_info_top{
	position: absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
	width:36.8%;
	text-align:center;
	padding-top:42%;
	margin:0 auto 0 auto;
	}
@media screen and (max-width: 640px){
.kv_cont{
	position:relative;
	display:block;
	height:0;
	width:100%;
	background-image: url(/shironekoproject/lp/collabo_chichibu/assets/img/railway/t_key_sp.jpg);
	background-size: cover;
	padding-top:141.3%;
	}
.s_info_top{
	position: absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
	width:100%;
	padding-top:110%;
	text-align:center;
	margin:0 auto 0 auto;
	}
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　店舗詳細
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.shop_bg{
	text-align:center;
	width:100% !important;
}

.shop_bg > li{
	display: inline-block;
	vertical-align:middle;
	margin:0 1% 4% 1%;
	border:1px solid #000;
	width:45%;	
}
.shop_bg > li > ul{
	width:95%;
	padding:2% 0 2% 0;
	margin:0 auto;
}

.shop_bg > li > ul > li{
	width:100%;
	padding:0 0 3% 0;
}

.shop_expla01{
	font-size:1em;
	letter-spacing:0.1em;
	line-height:1.2em;
	}
.shop_expla02{
	word-break:break-all;
	font-size:0.8em;
	letter-spacing:0.2em;
	line-height:2em;
	background-color:#4D4D4D;
	color:#fff;
	padding:2.5% 2.5% 2.5% 2.5% !important;
	}
.shop_expla02 a{
	color:#fff;
	}
.shop_expla02 dt{
	font-weight:bold;
	padding:0 0 1.2% 0;
	}
.shop_expla02 dd{
	padding:0 0 3% 0;
	}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　コラボドリンク
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.drink_bg{
	text-align:center;
	width:100% !important;
}

.drink_bg > li{
	display: inline-block;
	vertical-align:middle;
	margin:0 1% 4% 1%;
	padding:0 0 0 0 !important;
	border:1px solid #000;
	width:45%;	
}
.drink_bg > li > ul{
	width:90%;
	padding:5% 0 5% 0;
	margin:0 auto;
}

.drink_bg > li > ul > li{
	width:100%;
	padding:0 0 3% 0;
}

.drink_expla01{
	font-size:1.2em;
	letter-spacing:0.1em;
	line-height:1.2em;
	text-align:center;
	}
.drink_expla02{
	word-break:break-all;
	text-align:center;
	font-size:1.4em;
	letter-spacing:0.2em;
	line-height:2em;
	font-weight:bold;
	background-color:#4D4D4D;
	color:#fff;
	padding:2% 2% 2% 2% !important;
	}
.drink_expla02 a{
	color:#fff;
	}
.drink_expla02 dt{
	font-weight:bold;
	padding:0 0 1.2% 0;
	}
.drink_expla02 dd{
	padding:0 0 3% 0;
	}

.s_drink_title{
	width:29.7%;
	margin:0 auto;
	}