@charset "UTF-8";
/* ============================================================
   記事末の店舗情報テーブル（inc/80-shopinfo.php が出力）
   トーンは 00-tokens.css の --filo-* に合わせる
   ============================================================ */

.filo-shopinfo {
	margin: 3.2em 0 1.6em;
	border: 1px solid var(--filo-line);
	border-radius: var(--filo-radius);
	background: var(--filo-card);
	overflow: hidden;
}

/* 見出し（SWELLの目次に拾わせないため h2 ではなく p で出している） */
.filo-shopinfo__title {
	margin: 0;
	padding: 15px 20px 13px;
	background: var(--filo-gold-bg);
	border-bottom: 1px solid var(--filo-line);
	font-family: var(--filo-serif);
	font-size: 1.05em;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: .08em;
	color: var(--filo-ink);
}

/* 閉店・移転の注意書き */
.filo-shopinfo__alert {
	margin: 0;
	padding: 12px 20px;
	background: #FCF4F2;
	border-bottom: 1px solid var(--filo-line-2);
	font-size: .85em;
	line-height: 1.8;
	color: var(--filo-c-rest);
}

/* ---------- 表本体 ---------- */
/* SWELL 側が本文のテーブルを display:block（横スクロール）にしている場合に備え、
   表としての表示を明示的に指定し直す */
.post_content .filo-shopinfo__table,
.filo-shopinfo__table {
	display: table;
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: .88em;
	line-height: 1.85;
	background: transparent;
	overflow: visible;
}
.post_content .filo-shopinfo__table tbody,
.filo-shopinfo__table tbody { display: table-row-group; }
.post_content .filo-shopinfo__table tr,
.filo-shopinfo__table tr {
	display: table-row;
	background: transparent;
}
.post_content .filo-shopinfo__table th,
.post_content .filo-shopinfo__table td,
.filo-shopinfo__table th,
.filo-shopinfo__table td {
	display: table-cell;
	border: 0;
	border-bottom: 1px solid var(--filo-line-2);
	padding: 11px 20px;
	vertical-align: top;
	text-align: left;
	word-break: break-word;
	overflow-wrap: anywhere;
}
.post_content .filo-shopinfo__table th,
.filo-shopinfo__table th {
	width: 8.5em;
	font-weight: 600;
	color: var(--filo-ink-3);
	background: #FCFAF7;
	border-right: 1px solid var(--filo-line-2);
	letter-spacing: .04em;
}
.post_content .filo-shopinfo__table td,
.filo-shopinfo__table td {
	color: var(--filo-ink-2);
}
.post_content .filo-shopinfo__table tr:last-child th,
.post_content .filo-shopinfo__table tr:last-child td,
.filo-shopinfo__table tr:last-child th,
.filo-shopinfo__table tr:last-child td {
	border-bottom: 0;
}

/* 閉店・移転のしるし */
.filo-shopinfo__flag {
	color: var(--filo-c-rest);
	font-weight: 700;
	letter-spacing: .06em;
}

/* 公式サイトのリンク */
.post_content .filo-shopinfo__link,
.filo-shopinfo__link {
	color: var(--filo-gold);
	text-decoration: none;
	border-bottom: 1px solid var(--filo-line);
	word-break: break-all;
}
.post_content .filo-shopinfo__link:hover,
.filo-shopinfo__link:hover {
	border-bottom-color: var(--filo-gold);
}

/* 注記 */
.filo-shopinfo__note {
	margin: 0;
	padding: 12px 20px 14px;
	border-top: 1px solid var(--filo-line-2);
	background: #FCFAF7;
	font-size: .78em;
	line-height: 1.8;
	color: var(--filo-ink-3);
}

/* ---------- スマホ：ラベルと値を縦に積む（横スクロールを出さない） ---------- */
@media (max-width: 600px) {
	.post_content .filo-shopinfo__table,
	.post_content .filo-shopinfo__table tbody,
	.post_content .filo-shopinfo__table tr,
	.post_content .filo-shopinfo__table th,
	.post_content .filo-shopinfo__table td,
	.filo-shopinfo__table,
	.filo-shopinfo__table tbody,
	.filo-shopinfo__table tr,
	.filo-shopinfo__table th,
	.filo-shopinfo__table td {
		display: block;
		width: auto;
	}
	.post_content .filo-shopinfo__table tr,
	.filo-shopinfo__table tr {
		border-bottom: 1px solid var(--filo-line-2);
		padding: 10px 16px;
	}
	.post_content .filo-shopinfo__table tr:last-child,
	.filo-shopinfo__table tr:last-child {
		border-bottom: 0;
	}
	.post_content .filo-shopinfo__table th,
	.filo-shopinfo__table th {
		padding: 0;
		border: 0;
		background: transparent;
		font-size: .92em;
		color: var(--filo-ink-3);
	}
	.post_content .filo-shopinfo__table td,
	.filo-shopinfo__table td {
		padding: 2px 0 0;
		border: 0;
	}

	.filo-shopinfo__title { padding: 13px 16px 11px; }
	.filo-shopinfo__alert { padding: 11px 16px; }
	.filo-shopinfo__note { padding: 11px 16px 12px; }
}

/* Google の帰属表示 */
.filo-shopinfo__pbg {
	display: inline-block;
	margin-top: 2px;
	letter-spacing: .03em;
	color: var(--filo-ink-3);
}

/* 地図（Maps Embed API） */
.filo-shopinfo__map {
	border-top: 1px solid var(--filo-line-2);
	line-height: 0;
	background: #F3EFEA;
}
.filo-shopinfo__map iframe {
	display: block;
	width: 100%;
	height: 300px;
	border: 0;
}
@media (max-width: 600px) {
	.filo-shopinfo__map iframe { height: 220px; }
}

/* 見出しを h2 にしたぶん、SWELL と 00-tokens.css の h2 装飾を打ち消す
   （目次に載せるために p → h2 へ変更したもの。見た目は元のままにする） */
.post_content h2.filo-shopinfo__title,
.filo-shopinfo__title {
	margin: 0;
	padding: 15px 20px 13px;
	background: var(--filo-gold-bg);
	border: 0;
	border-bottom: 1px solid var(--filo-line);
	border-radius: 0;
	font-family: var(--filo-serif);
	font-size: 1.05em;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: .08em;
	color: var(--filo-ink);
	text-align: left;
}
.post_content h2.filo-shopinfo__title::before,
.post_content h2.filo-shopinfo__title::after {
	content: none;
	display: none;
}
@media (max-width: 600px) {
	.post_content h2.filo-shopinfo__title,
	.filo-shopinfo__title { padding: 13px 16px 11px; }
}