/* SEO 静的ページ専用（2026-09-19）。build_seo_pages.js が焼く p/ 配下だけが読む。
   v7.css とは独立——浅色が既定（prefers-color-scheme:dark で追従）。外部フォント無し。 */
:root{--bg:#fff;--fg:#16181d;--mute:#5b6472;--faint:#8a93a3;--line:#e6e8ec;--card:#f7f8fa;--accent:#16181d;--accent-fg:#fff;--up:#c0392b;--down:#1e8e5a;--radius:12px;--max:760px}
@media (prefers-color-scheme:dark){
  :root{--bg:#111317;--fg:#eef0f3;--mute:#a7aebb;--faint:#767e8c;--line:#2a2e37;--card:#181b21;--accent:#eef0f3;--accent-fg:#111317;--up:#ff6b5b;--down:#3ddc97}
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;line-height:1.7;font-size:15px}
a{color:inherit}
.p-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.p-logo{font-weight:800;font-size:18px;text-decoration:none}
.p-nav{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}
.p-nav a{text-decoration:none;color:var(--mute)}
.p-nav a:hover{color:var(--fg)}
.p-main{max-width:var(--max);margin:0 auto;padding:20px 16px 48px}
.p-crumb{font-size:12px;color:var(--faint);margin:0 0 14px;overflow-wrap:anywhere}
.p-crumb a{text-decoration:none}
.p-card h1{font-size:21px;line-height:1.45;margin:0 0 8px}
.p-badge{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid var(--line);color:var(--mute);margin:0 0 14px}
.p-hero{text-align:center;margin:14px 0}
.p-hero-img{max-width:320px;width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line)}
.p-lead{color:var(--faint);font-size:12.5px;margin:0 0 10px}
.p-price,.p-ev,.p-related,.p-twrap{margin-top:22px}
h2{font-size:16px;margin:0 0 10px}
.p-dl{margin:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card)}
.p-dl .row{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);margin:0}
.p-dl dt{color:var(--mute);font-size:13px;font-weight:500}
.p-dl dd{margin:0;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.p-dl .note{display:block;font-weight:400;color:var(--faint);font-size:11.5px;margin-top:2px}
.up{color:var(--up)}
.down{color:var(--down)}
.p-shops{list-style:none;margin:0;padding:10px 14px 12px}
.p-shops li{display:flex;justify-content:space-between;padding:7px 0;font-size:13px;border-bottom:1px solid var(--line)}
.p-dl .row:last-child,.p-shops li:last-child{border-bottom:none}
.p-shops a{text-decoration:underline}
.p-shops .v{font-weight:700;padding-left:10px}
.p-twrap{overflow-x:auto}
.p-tb{width:100%;border-collapse:collapse;font-size:13px}
.p-tb caption{text-align:left;font-weight:700;font-size:14px;margin-bottom:8px}
.p-tb th,.p-tb td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
.p-tb .r{text-align:right;font-variant-numeric:tabular-nums}
.p-sub{color:var(--faint);font-size:11.5px;white-space:normal}
.p-cta{margin:26px 0;text-align:center}
.btn-primary{display:inline-block;background:var(--accent);color:var(--accent-fg);text-decoration:none;font-weight:700;padding:13px 28px;border-radius:999px;font-size:14.5px}
.p-relgrid,.p-idxlist{list-style:none;margin:0;padding:0;display:grid;gap:0}
.p-relgrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px 16px}
.p-relgrid li,.p-idxlist li{display:flex;justify-content:space-between;gap:8px;padding:8px 2px;border-bottom:1px solid var(--line);font-size:13px}
.p-relgrid a,.p-idxlist a{text-decoration:none;font-weight:600}
.p-relgrid .v,.p-idxlist .v{color:var(--faint);font-weight:400;white-space:nowrap;flex-shrink:0}
.p-ft{max-width:var(--max);margin:0 auto;padding:22px 16px 60px;color:var(--faint);font-size:11.5px;border-top:1px solid var(--line)}
.p-ft p{margin:4px 0}
.p-ft a{color:var(--mute)}
@media (max-width:480px){
  .p-card h1{font-size:19px}
  .p-dl dt,.p-dl dd{font-size:13px}
  .p-relgrid{grid-template-columns:1fr}
}