/* ==========================================================================
   追従するボタン類（モック パーツ_フッター 準拠）
   - 右下の言語切り替え「Aあ EN／中文」（全ページ）
   - スマホのページ下部の予約バー「電話予約｜WEB予約」
   PCでは親テーマの「ページトップ」ボタン（右下 60px）と重ならない高さに置く
   ========================================================================== */

.tnk-lang {
	position: fixed;
	right: 14px;
	bottom: 76px;
	z-index: 98;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.tnk-lang__panel {
	margin-bottom: 8px;
	min-width: 200px;
	background: #fff;
	border: 1px solid #c9a86a;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

.tnk-lang__panel[hidden] { display: none; }

.tnk-lang__head {
	margin: 0;
	padding: 9px 14px;
	background: #000;
	color: #c9a86a;
	font-size: 11px;
	letter-spacing: 0.18em;
	line-height: 1.5;
}

.tnk-lang__link {
	display: block;
	padding: 11px 14px;
	border-bottom: 1px dotted #e0dcd4;
	color: #23262b;
	font-size: 13.5px;
	line-height: 1.5;
	text-decoration: none;
	transition: background-color 0.2s, color 0.2s;
}

.tnk-lang__link:last-child { border-bottom: 0; }
.tnk-lang__link:hover { background: #f9f7f3; color: #660000; text-decoration: none; }
.tnk-lang__link span { display: block; margin-top: 2px; font-size: 11px; color: #6b7078; }

.tnk-lang__btn {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: auto;
	padding: 11px 18px;
	background: #000;
	color: #fff;
	border: 1px solid #c9a86a;
	border-radius: 0;
	font-family: inherit;
	font-size: 13px;
	letter-spacing: 0.12em;
	line-height: 1.4;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
	transition: background-color 0.2s;
}

.tnk-lang__btn:hover { background: #660000; color: #fff; }
.tnk-lang__mark { font-size: 15px; color: #c9a86a; }

/* --------------------------------------------------------------------------
   スマホのページ下部の予約バー（モック：左＝電話予約（白）、右＝WEB予約（黒））
   -------------------------------------------------------------------------- */

.tnk-mbar,
.tnk-mbar-spacer { display: none; }

@media (max-width: 767px) {

	/* ページの最後がバーに隠れないよう、バーの高さぶん空ける */
	.tnk-mbar-spacer { display: block; height: 60px; }

	.tnk-mbar {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1px;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 97;
		background: #e0dcd4;
		border-top: 1px solid #c8c2ba;
		font-family: "Times New Roman", "游明朝", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}

	.tnk-mbar--single { grid-template-columns: 1fr; }

	.tnk-mbar__tel {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 8px 4px;
		background: #fff;
		color: #23262b;
		font-size: 12px;
		line-height: 1.6;
		text-decoration: none;
	}

	.tnk-mbar__tel span { color: #660000; font-size: 10px; }
	.tnk-mbar__tel strong { font-weight: 700; }

	.tnk-mbar__web {
		display: flex;
		align-items: center;
		justify-content: center;
		background: #000;
		color: #fff;
		font-size: 13.5px;
		letter-spacing: 0.08em;
		text-decoration: none;
	}

	.tnk-mbar__tel:hover,
	.tnk-mbar__web:hover { text-decoration: none; }
	.tnk-mbar__web:hover { color: #fff; }

	/* 言語切り替えはバーの上（モック：右14px・下72px） */
	.tnk-lang { right: 14px; bottom: 72px; }

	/* モックのスマホ表示にはページトップボタンが無い（バーと重なるため出さない） */
	.p-pagetop { display: none !important; }
}