:root{--bg:#f5f2ec;--card:#fffdf9;--ink:#1b1a1f;--sub:#57555c;--faint:#85838c;--line:#e4ddd0;--shu:#c8371d;--navy:#1d2b4f;--gold:#b08a3e}
@media (prefers-color-scheme:dark){:root{--bg:#121216;--card:#1a1a20;--ink:#ecebef;--sub:#b4b2ba;--faint:#85838c;--line:#2b2a32;--shu:#ec6d4f;--navy:#c9d3ee;--gold:#d6ba80}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.8 "Noto Sans JP",system-ui,sans-serif;-webkit-text-size-adjust:100%}
a{color:var(--navy)}
.w{max-width:760px;margin:0 auto;padding:0 16px 48px}
.top{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--card)}
.top a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.top b{font:700 15px/1.3 "Noto Serif JP",serif}.top small{display:block;font-size:11px;color:var(--sub)}
.mk{width:34px;height:34px;flex:none}
.bc{font-size:12px;color:var(--sub);margin:14px 0 6px}.bc a{color:var(--sub)}
h1{font:700 clamp(22px,6vw,30px)/1.4 "Noto Serif JP",serif;margin:6px 0 10px;letter-spacing:.02em}
h2{font:700 19px/1.5 "Noto Serif JP",serif;margin:30px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)}
h3{font-size:15px;margin:18px 0 6px}
.lead{color:var(--sub);margin:0 0 12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin:12px 0}
.hw{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hw img{width:84px;height:84px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}
.hw .en{font:600 clamp(32px,9vw,44px)/1.1 "Source Serif 4",Georgia,serif;margin:0}
.hw .ipa{color:var(--sub);font-size:14px}
.pos{display:inline-block;font-size:12px;border:1px solid var(--line);border-radius:4px;padding:0 6px;margin-right:6px;color:var(--sub)}
.ja{font-size:18px;font-weight:700;margin:8px 0 0}
.say{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:4px 12px;font:600 13px inherit;color:var(--ink);cursor:pointer}
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0}
.nums div{background:var(--bg);border-radius:10px;padding:8px;text-align:center}
.nums b{display:block;font:600 24px/1.2 Georgia,serif;color:var(--shu)}.nums small{font-size:11.5px;color:var(--sub)}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}
th{font-size:12px;color:var(--sub);font-weight:700}
td.n{text-align:right;white-space:nowrap;color:var(--shu);font-weight:700}
td.r{color:var(--faint);white-space:nowrap;width:3.2em}
td a{font:600 16px "Source Serif 4",Georgia,serif;text-decoration:none}
.ex{font:17px/1.7 "Source Serif 4",Georgia,serif;margin:0}.exja{color:var(--sub);margin:4px 0 0;font-size:14px}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chips a,.chips span{border:1px solid var(--line);border-radius:99px;padding:3px 12px;font-size:13.5px;text-decoration:none;background:var(--card)}
.cta{display:block;text-align:center;background:var(--shu);color:#fff;text-decoration:none;font-weight:700;border-radius:12px;padding:14px;margin:16px 0 8px;font-size:16px}
.cta2{display:block;text-align:center;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;font-weight:700;border-radius:12px;padding:12px;margin:8px 0}
.pg{display:flex;justify-content:space-between;gap:8px;margin:20px 0}.pg a{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px;text-decoration:none;background:var(--card);font-size:13px}
.pg a:last-child{text-align:right}.pg b{display:block;font:600 17px "Source Serif 4",Georgia,serif}
.para{margin:10px 0;padding:12px;background:var(--bg);border-radius:10px;font-size:14px}.para .lb{font-size:11px;font-weight:700;color:var(--sub);display:block}
.para .en{font-family:"Source Serif 4",Georgia,serif;font-size:15.5px}
.note{font-size:12px;color:var(--faint);line-height:1.7}
.lv{display:grid;gap:8px}.lv a{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--ink);background:var(--card)}
.lv a small{display:block;color:var(--sub);font-size:12px}.lv a b{font:700 16px "Noto Serif JP",serif}.lv a span.c{font:600 20px Georgia,serif;color:var(--shu);white-space:nowrap}
.faq dt{font-weight:700;margin-top:14px}.faq dd{margin:4px 0 0;color:var(--sub)}
footer{border-top:1px solid var(--line);margin-top:36px;padding-top:14px;font-size:12px;color:var(--sub)}
@media (max-width:420px){.nums b{font-size:20px}td.hide-s,th.hide-s{display:none}}