@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/stamp/s_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:38%;
	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/stamp/s_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:100%;
	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%;
	padding:0 0 0 0 !important;
	border:1px solid #000;
	width:90%;
	height:100%;
}
.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_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%;	
		position: relative;
}

.shop_bg > li > ul{
	width:95%;
	padding:2% 0 2% 0;
	margin:0 auto;
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.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:2%;
	background-color:#2D2D2D;
	color:#fff;
	padding:2.5% 2.5% 2.5% 2.5% !important;
	}
.shop_expla02 a{
	color:#fff;
	}
.shop_expla02 ul{
	width:100% !important;
	padding:0 0 0 0 !important;
	}
.shop_expla02 li{
	padding:0 0 2% 0 !important;
	letter-spacing:0.2em;
	line-height:2em;
	}
.shop_expla02 li:last-child{
	padding:0 0 0 0 !important;
	}
.shop_ex_01{
	padding-top:5% !important;
	}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　コラボドリンク
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.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%;
	height:100%;
}
.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:120%;
	letter-spacing:0.2em;
	line-height:1.4em;
	font-weight:bold;
	background-color:#b60000;
	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;
	}