@charset "UTF-8";
/* 店舗ページ（津田沼・柏の葉など）専用CSS */
/* 使い方: ページ本文の一番外側のdivに class="shopPage" を付けてください */
/* 例: <div id="shop-tsudanuma" class="form shopPage"> */

.shopPage {
	margin-bottom: 50px;
	width: 100%;
}

/* キービジュアル（.keyImageの中身は各ページで背景画像を指定する仕組み） */
/* 津田沼・柏の葉で共通の「店舗情報」バナーを使用 */
@media (max-width: 699px) {
	.shopPage .keyImage {
		background-image: url("../images/titleImage/shop_sp.jpg");
	}
}
@media (min-width: 700px) {
	.shopPage .keyImage {
		background-image: url("../images/titleImage/shop_pc.jpg");
	}
}
.shopPage img {
	max-width: 100%;
	box-sizing: border-box;
}
.shopPage h3 {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	background-color: #F6F5F5;
	margin: 50px 0 20px;
	font-size: 1.1em;
}
.shopPage h3 p {
	color: #393939;
	font-size: 1.1em;
	padding: 0 0 5px;
	border-bottom: 3px solid #BED9E4;
	display: inline-block;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 2px;
	font-weight: 900;
}
.shopPage h4 {
	background: #BED9E4;
	padding: 10px 0;
	color: #fff;
	font-weight: 900;
	letter-spacing: 1px;
	line-height: 1.3;
	text-align: center;
	font-size: 1.2em;
	font-family: 'Noto Sans JP', sans-serif;
}
.shopPage .map {
	margin-bottom: 50px;
}
.shopPage .shopCol {
	margin: 10px 0;
}
.shopPage .shopCol dt {
	background-color: #CB2154;
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 600;
	font-size: 0.8em;
	text-align: center;
	padding: 10px 0;
	width: 25%;
	margin: 5px 5% 5px 0;
	letter-spacing: 1px;
	display: inline-block;
	vertical-align: middle;
}
.shopPage .shopCol dd {
	font-family: 'Noto Sans JP', sans-serif;
	display: inline-block;
	width: 68%;
	vertical-align: middle;
	font-weight: 500;
}
/* 対応エリアだけ小さく */
.shopPage .shopCol dd.shopArea {
	font-size: 0.85em;
	line-height: 1.6;
}

/* ギャラリースライダー（bxSlider）のレイアウト調整 */
.shopPage .bgBeige {
	background: #F1E7DB;
}
.shopPage .bx-wrapper {
	max-width: 100%;
	position: relative;
	margin-bottom: 30px;
}
.shopPage .bx-controls {
	position: absolute;
	top: 50%;
	width: 100%;
}
.shopPage .bx-controls-direction {
	width: 100%;
	position: relative;
	display: block;
}
.shopPage .bx-pager {
	overflow: hidden;
	margin-bottom: 30px;
}
.shopPage .bx-prev {
	position: absolute;
	left: 5px;
}
.shopPage .bx-next {
	position: absolute;
	right: 5px;
}
.shopPage .bx-pager a {
	width: 32%;
	float: left;
	margin: 0 2% 3px 0;
}
.shopPage .bx-pager a:nth-child(3n) {
	margin-right: 0;
}
.shopPage .bx-pager a img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

/* 柏の葉 グランドオープン告知・特典バナーまわり */
.shopPage .opening-plan {
	color: #CB2154;
	font-weight: 600;
}
.shopPage .shopSubAddress {
	font-size: 0.8em;
}
.shopPage .map-kashiwanoha {
	margin-top: 24px;
}
.shopPage .tokuten-img {
	width: 100%;
	display: block;
}

@media (min-width: 700px) {
	.shopPage .tokuten-img {
		width: 40% !important;
	}
}

@media (min-width: 700px) {
	.shopPage .item1 {
		flex-basis: 45%;
	}
	.shopPage .item2 {
		flex-basis: 45%;
	}
	.shopPage .shopCol {
		margin: 0 0 70px 0;
	}
	.shopPage h4 {
		font-size: 1.4em;
	}
	.shopPage .bgBeige {
		background-color: #F1E7DB;
		padding: 20px;
		box-sizing: border-box;
		overflow: hidden;
		margin-bottom: 50px;
	}
	.shopPage .bx-wrapper {
		max-width: 60% !important;
		height: 400px;
		position: relative;
		float: left;
		margin: 0 20px 0 0;
		overflow: hidden;
	}
	.shopPage .bx-viewport {
		width: 100%;
		overflow: hidden;
		position: relative;
		height: 400px !important;
	}
	.shopPage .bx-pager {
		margin-bottom: 0;
	}
}