/* TARNAR共通フッター（単体版）：既存サイトのCSSに影響しないよう、変数を .tarnar-footer の内側だけで定義 */
.tarnar-footer { --color-text: #203632; --color-text-muted: #3e5550; --color-line: #e4ddd2; --color-accent: #203632; --font-en: "Cormorant Garamond", "Times New Roman", serif; --font-serif: "Shippori Mincho", serif; border-top: 1px solid var(--color-line); background: #faf8f3; color: var(--color-text-muted); font-size: 14px; line-height: 1.75; }
.tarnar-footer .wrap { display: grid; max-width: 1040px; margin: 0 auto; padding-inline: 16px; }
@media (min-width: 800px) { .tarnar-footer .wrap { padding-inline: 24px; } }
.tarnar-footer ul { list-style: none; margin: 0; padding: 0; }
/* TARNAR共通フッター：3分類で22媒体をつなぐ */
.tarnar-footer { padding-block: 40px 56px; }
.tarnar-footer .wrap { gap: 24px; }
.tarnar-footer .tf-head { display: grid; gap: 8px; max-width: 672px; }
.tarnar-footer .tf-logo { font-family: var(--font-en); font-size: 26px; font-weight: 500; letter-spacing: .12em; color: var(--color-text); text-decoration: none; }
.tarnar-footer .tf-head p { margin: 0; }
.tarnar-footer .tf-cols { display: grid; gap: 24px; }
@media (min-width: 800px) { .tarnar-footer .tf-cols { grid-template-columns: repeat(3, 1fr); } }
.tarnar-footer .tf-cat { margin: 0 0 8px; padding-bottom: 6px; font-family: var(--font-serif); font-weight: 600; color: var(--color-text); border-bottom: 2px solid var(--color-accent); }
.tarnar-footer .tf-cols ul { display: grid; gap: 0; }
.tarnar-footer .tf-cols li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding-block: 7px; border-bottom: 1px solid var(--color-line); }
.tarnar-footer .tf-cols a { color: var(--color-text); }
.tarnar-footer .tf-cols small { font-size: 12px; color: var(--color-text-muted); }
.tarnar-footer .tf-cols li[aria-current="page"] > * { color: var(--color-accent); font-weight: 500; }
.tarnar-footer .tf-op { margin: 0; font-size: 13px; }