/* =========================================================
 * OTHER FACILITIES（館内施設・ブロックエディタ版）専用
 * inc/function-block.php により、対象ページとその編集画面でのみ読み込む。
 * 既存の style.css は「元の HTML 構造」向けのため、
 * ブロック化で変わった構造の差分だけをここで補正する。
 * ======================================================= */

/* 元ページで div 直下の文字だった部分（段落ブロック化したもの）は余白なし・親の文字設定を継承 */
.facility-page p.fb-t {
	margin: 0;
	font: inherit;
	letter-spacing: inherit;
	color: inherit;
}

/* スクロールで表示する演出：元と同じく表示前は透明（表示時は main.js が opacity:1 を付ける） */
.facility-page .animated {
	opacity: 0;
}

/* 元ページは #page-wrapper に .single-facility が付いていた。その指定を同じ内容でこのページに当てる */
.facility-page .map_index {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
	font-family: var(--font-base);
	font-size: 1.5rem;
}
.facility-page .map_index li {
	display: block;
	list-style: none;
	margin: .5em;
	text-align: center;
	border: 1px solid var(--c-gold);
}
.facility-page .map_index li a {
	display: block;
	padding: .5em 3em;
	color: var(--c-gold);
}
.facility-page .floor-map {
	margin-bottom: 60px;
	padding-top: 60px;
	padding-bottom: 60px;
}

/* フロアマップ（画像ブロック） */
.facility-page figure.fb-floor {
	margin: 0;
}
.facility-page .fb-floor img {
	mix-blend-mode: multiply;
}

/* ---------------------------------------------------------
 * 各施設の写真（画像ブロック）
 * 元は背景画像の div（縦横比 66.64%・中央で切り抜き・リンク時はマウスを乗せると拡大）
 * ------------------------------------------------------- */
.facility-page figure.fb-img-box {
	display: block;
	overflow: hidden;
	margin: 0 0 1em;
}
.facility-page .fb-img-box a {
	display: block;
}
.facility-page .fb-img-box img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / .6664;
	object-fit: cover;
	object-position: center center;
	transition: .3s;
}
.facility-page .fb-img-box a:hover img {
	transform: scale(1.1);
}

/* GLOW の Instagram リンク（元はアイコンの <i> タグ。ブロックでは残せないため CSS で表示） */
.facility-page .fb-insta a {
	display: block;
}
.facility-page .fb-insta a::before {
	content: "\f16d";
	display: inline-block;
	font-family: "Font Awesome 6 Brands";
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: 1;
	position: relative;
	top: 1px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

/* リード文：元は改行が .col-0（スマホでは改行しない） */
@media (max-width: 767px) {
	.facility-page .page-lead br {
		display: none;
	}
}