﻿@charset "UTF-8";

/* レイアウト */
body.page-shopstoredetail .block-store-detail-frame-top { margin: 0 0 50px; display: flex; justify-content: space-between;}
body.page-shopstoredetail .block-store-detail-frame-top .block-store-detail--store { width: calc(100% - 550px); display: block;}
body.page-shopstoredetail .block-store-detail-frame-top .block-store-detail--store-images { width: 500px;}

/* SHOP名 */
body.page-shopstoredetail .block-store-detail--title { padding: 0; margin: 0 0 30px; border: none; font-size: 30px; font-weight: 700; line-height: 1.2;}
body.page-shopstoredetail:has(div.block-store-detail.outlet) .block-store-detail--title::after {
	content: 'OUTLET店舗';
	width: 110px;
	height: 30px;
	padding: 0;
	margin: 20px 0 0;
	border: #FF5B5B 1px solid;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	line-height: 1.0;
	color: #FF5B5B;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFF;
}

/* SHOP情報詳細 */
body.page-shopstoredetail .block-store-detail--store .block-store-detail--store-info { width: 100%; padding: 0;}
body.page-shopstoredetail .block-store-detail--store .block-store-detail--store-info dl { width: 100%; display: flex; justify-content: space-between;}
body.page-shopstoredetail .block-store-detail--store .block-store-detail--store-info dl + dl { margin-top: 10px;}
body.page-shopstoredetail .block-store-detail--store .block-store-detail--store-info dl dt { width: 130px; font-size: 15px; font-weight: 500; position: relative;}
body.page-shopstoredetail .block-store-detail--store .block-store-detail--store-info dl dt::after { content: '：'; position: absolute; right: 0;}
body.page-shopstoredetail .block-store-detail--store .block-store-detail--store-info dl dd { width: calc(100% - 140px); font-size: 15px; font-weight: 500;}

/* SHOP画像スライダー */
body.page-shopstoredetail .block-store-detail--store-images { position: relative;}
body.page-shopstoredetail .block-store-detail--store-images li { padding: 0; margin: 0;}
body.page-shopstoredetail .block-store-detail--store-images .slick-arrow { display: none !important;}
body.page-shopstoredetail .block-store-detail--store-images .slick-dots { width: 100%; margin: 15px 0 0; display: flex; justify-content: center; column-gap: 10px;}
body.page-shopstoredetail .block-store-detail--store-images .slick-dots li { width: 12px; height: 12px; padding: 0; border: none; border-radius: 12px; font-size: 0; color: #FFF;}
body.page-shopstoredetail .block-store-detail--store-images .slick-dots li button {
  width: 12px;
  height: 12px;
	padding: 0;
	margin: 0;
  border: #707070 1px solid;
  border-radius: 12px;
  font-size: 0;
  color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
  background: #FFF;
}
body.page-shopstoredetail .block-store-detail--store-images .slick-dots li.slick-active button { background: #707070;}

/* MAP */
body.page-shopstoredetail .block-shoplist-gmap { width: 100%; height: 0; /* padding-top: 56.25%; */ padding-top: 35%; margin: 0 0 50px; position: relative; overflow: hidden;}
body.page-shopstoredetail .block-shoplist-gmap iframe { width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0;}
body.page-shopstoredetail .block-shoplist-gmapbtn { display: flex; justify-content: center; align-items: center;}
body.page-shopstoredetail .block-shoplist-gmapbtn a {
  width: 300px;
  height: 50px;
	padding: 0;
	margin: 0 auto;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
  background: #EF3F51;
	transition: 0.3s;
}
body.page-shopstoredetail .block-shoplist-gmapbtn a:hover { opacity: 0.7;}

/* ACEブログ */
body.page-shopstoredetail #ace_blog_frame { margin-top: 120px; display: none;}
body.page-shopstoredetail #ace_blog_frame:has(.hacobune-grid-col) { display: block;}
