/* 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; }

/* 各サイトの短い帯（元のフッター） */
.site-band { padding: 24px 0; border-top: 1px solid #e4ddd2; }
.site-band .wrap { display: grid; gap: 8px; }
.site-band .sb-name { margin: 0; font-weight: 600; }
.site-band .sb-links { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13px; }
.tarnar-footer .tf-links { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 13px; }
.tarnar-footer .tf-links a { color: var(--color-text); }
.site-band .wrap { max-width: 1040px; margin: 0 auto; padding-inline: 16px; font-family: "Noto Sans JP", "Hiragino Sans", sans-serif; color: #203632; }
@media (min-width: 800px) { .site-band .wrap { padding-inline: 24px; } }
.site-band .sb-links a { color: #203632; }

.tarnar-footer .tf-sns { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 14px 0 0; font-size: 0.875rem; }
.tarnar-footer .tf-sns a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }