/* 祭り旅ナビ(仮) 共通トークン・ベーススタイル */
:root{
  --ink:#241b16;
  --ink-soft:#6b5b4f;
  --paper:#faf3e6;
  --paper-deep:#f2e8d5;
  --line:#e3d5bd;
  --red:#c8102e;
  --red-soft:#fbe4e6;
  --red-deep:#8f0b21;
  --gold:#c9a227;
  --gold-soft:#f7efd6;
  --indigo:#233458;
  --indigo-soft:#e7ebf3;
  --pink:#e0447b;
  --pink-soft:#fbe3ee;
  --pink-deep:#a82a5c;
  --blue:#2f6fd6;
  --blue-soft:#e3ecfb;
  --blue-deep:#1d4ea3;
  --cta:#8a5a19;
  --cta-soft:#f3e6cf;
  --radius:10px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:"Noto Sans JP","Hiragino Sans",Meiryo,sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.7;
}
h1,h2,h3,.serif{font-family:"Shippori Mincho",serif}
a{color:var(--cta)}
img{max-width:100%;display:block}

.site-header{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:12px 18px;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fffdf8,var(--paper));
}
.site-header .logo{font-family:"Shippori Mincho",serif;font-size:18px;font-weight:700;color:var(--red-deep);text-decoration:none}
.site-header .logo small{display:block;font-family:"Noto Sans JP",sans-serif;font-size:10.5px;font-weight:400;color:var(--ink-soft);letter-spacing:.04em}
.site-nav{display:flex;gap:16px;margin-left:auto;font-size:13px}
.site-nav a{color:var(--ink);text-decoration:none;padding:4px 2px;border-bottom:2px solid transparent}
.site-nav a:hover,.site-nav a[aria-current]{border-color:var(--red)}

.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.02em}
.badge--nebuta{background:var(--pink-soft);color:var(--pink-deep)}
.badge--other{background:var(--blue-soft);color:var(--blue-deep)}
.badge--hanabi{background:var(--gold-soft);color:#7a5c0e}
.badge--discontinued{background:#eee;color:#777}
.badge--kind{background:#f1ede6;color:#5a4a3a}

.site-footer{padding:22px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-soft)}
.site-footer a{color:var(--ink-soft)}

:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.affiliate-box{
  border:1px dashed var(--cta);background:var(--cta-soft);border-radius:var(--radius);
  padding:14px 16px;font-size:13.5px;color:var(--ink);
}
.affiliate-box .aff-title{font-weight:700;color:var(--cta);margin-bottom:4px;display:flex;align-items:center;gap:6px}
.affiliate-box .aff-note{font-size:11.5px;color:var(--ink-soft);margin-top:6px}