@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/matsuri/m_key_pc.jpg);
	background-size: cover;
	padding-top:53%;
	}
.m_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/matsuri/m_key_sp.jpg);
	background-size: cover;
	padding-top:141.3%;
	}
.m_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 > li{
	display: inline-block;
	vertical-align:middle;
	margin:0 1% 4% 1%;
	border:1px solid #000;
	width:45%;
	height:600px;
}
.m_c_menu_bg > li{
	height:410px !important;
}
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　コラボメニュー
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.m_c_menu_bg{
	text-align:center;
	width:100% !important;
}
.m_width_ex_01{
	width:100% !important;
	padding:6% 0 0 0 !important;
	}
.m_c_menu_bg > li{
	display: inline-block;
	vertical-align:top;
	margin:0 1% 4% 1%;
	padding:0 0 0 0 !important;
	border:1px solid #000;
	width:45%;
	height:460px;
}

.m_c_menu_bg .m_c_menu_width_ex{
	width:92% !important;
	}
.m_c_menu_bg > li > ul{
	width:90%;
	padding:5% 0 5% 0;
	margin:0 auto;
}

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

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

.m_m_c_menu_title{
	width:29.7%;
	margin:0 auto;
	}
	
.shop_ex_01{
	padding-top:5% !important;
	}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　グッズ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.m_c_pa_ex_01{
	padding:0 0 6% 0 !important;
	}