@charset "UTF-8";

/* ==============================
   p-sitemap
   サイトマップ（config.php のナビから生成）
   ============================== */
.p-sitemap__inner { max-width: calc(1000px + var(--gutter) * 2); }
.p-sitemap__home { display: flex; align-items: center; gap: 14px; padding: 20px 24px; background: var(--color-text); color: var(--color-bg); transition: background .2s; }
.p-sitemap__home:hover { background: #3A312C; color: var(--color-bg); }
.p-sitemap__home::after { content: "→"; margin-left: auto; }
.p-sitemap__home-en { font: 600 12px var(--font-en); letter-spacing: .3em; text-transform: uppercase; color: var(--color-accent-lt); }
.p-sitemap__home-label { font: 700 18px var(--font-mincho); letter-spacing: .06em; }
.p-sitemap__groups { display: grid; gap: 24px; margin-top: 24px; align-items: start; }
.p-sitemap__group { padding: 24px 22px 12px; border: 1px solid var(--color-line); background: var(--color-bg-white); }
.p-sitemap__head { display: flex; align-items: baseline; gap: 14px; padding-bottom: 12px; border-bottom: 1.5px solid var(--color-text); font: 700 16px var(--font-mincho); letter-spacing: .06em; }
.p-sitemap__head-en { margin-left: auto; font: 600 11px var(--font-en); letter-spacing: .26em; text-transform: uppercase; color: var(--color-accent); }
.p-sitemap__item { border-bottom: 1px solid var(--color-line); }
.p-sitemap__item:last-child { border-bottom: 0; }
.p-sitemap__child { border-top: 1px solid var(--color-line); }
.p-sitemap__link { display: flex; align-items: center; gap: 10px; padding: 15px 0; color: var(--color-text); font-size: 14.5px; font-weight: 500; }
.p-sitemap__link::before { content: "✦"; font-size: 10px; color: var(--color-accent); }
.p-sitemap__link::after { content: "→"; margin-left: auto; color: var(--color-accent); }
.p-sitemap__link:hover { color: var(--color-accent); }
.p-sitemap__link--child { padding: 13px 0 13px 24px; font-size: 13.5px; font-weight: 400; color: var(--color-text-sub); }
.p-sitemap__link--child::before { content: "└"; font-size: inherit; color: var(--color-beige); }
@media (min-width: 768px) {
  .p-sitemap__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .p-sitemap__group { padding: 28px 28px 20px; }
  .p-sitemap__head { font-size: 18px; }
}