:root{--base:#17323b;--accent:#b4441c;--ink:#1d2427;--sub:#56646b;--line:#c5ced2;--zebra:#f2f5f5;--bg:#fff;--r:2px;--maxw:1080px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 "BIZ UDPGothic","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,sans-serif;overflow-wrap:anywhere}
a{color:var(--base);text-underline-offset:2px}
a:hover{color:var(--accent)}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hd{background:var(--base);color:#fff;border-bottom:3px solid var(--accent)}
.hd .in{max-width:var(--maxw);margin:0 auto;padding:8px 16px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px}
.brand{color:#fff;font-weight:700;font-size:18px;letter-spacing:.06em;text-decoration:none}
.brand small{font-weight:400;font-size:12px;letter-spacing:0;margin-left:8px;opacity:.85}
.nav{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:13px}
.nav a{color:#fff;text-decoration:none;border-bottom:1px solid transparent}
.nav a:hover{border-bottom-color:#fff;color:#fff}
main{max-width:var(--maxw);margin:0 auto;padding:10px 16px 28px}
.pr{float:right;margin:2px 0 0 8px;font-size:12px;font-weight:700;line-height:1.5;color:var(--ink);background:#fff;border:1px solid var(--ink);border-radius:var(--r);padding:0 6px}
.crumb{font-size:12px;color:var(--sub);margin:2px 0 4px}
.crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 6px}
.crumb li+li:before{content:"/";margin-right:6px;color:var(--line)}
h1{font-size:22px;line-height:1.45;margin:8px 0 8px;padding-left:10px;border-left:6px solid var(--accent)}
h2{font-size:17px;line-height:1.5;margin:30px 0 8px;padding-bottom:3px;border-bottom:2px solid var(--base)}
h3{font-size:15px;margin:18px 0 6px}
p{margin:6px 0 10px}
.ans{font-size:16px;margin:4px 0 10px}
.sub{color:var(--sub);font-size:13px}
.px{color:var(--accent);font-weight:700}
.tw{overflow-x:auto;margin:8px 0 6px;border:1px solid var(--line);border-radius:var(--r)}
table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5}
caption{caption-side:bottom;text-align:left;font-size:12px;color:var(--sub);padding:4px 8px}
th,td{border:1px solid var(--line);padding:5px 8px;text-align:left;vertical-align:top}
.tw table{border-style:hidden}
thead th{background:var(--base);color:#fff;font-weight:700;white-space:nowrap}
thead th[data-sort]{cursor:pointer}
thead th[aria-sort=ascending]:after{content:" \25B2";font-size:10px}
thead th[aria-sort=descending]:after{content:" \25BC";font-size:10px}
tbody th{font-weight:400;background:#fafbfb}
tbody tr:nth-child(even) td{background:var(--zebra)}
.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.dn{color:var(--accent)}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:0;border:1px solid var(--line);border-radius:var(--r);margin:8px 0}
.facts dt,.facts dd{margin:0;padding:5px 10px;border-bottom:1px solid var(--line)}
.facts dt{background:var(--zebra);font-size:13px;color:var(--sub)}
.facts dt:nth-last-child(2),.facts dd:last-child{border-bottom:0}
.buy{display:inline-block;min-height:44px;line-height:28px;background:var(--accent);color:#fff;font-weight:700;padding:8px 16px;border-radius:var(--r);text-decoration:none}
.buy:hover{color:#fff;background:var(--base)}
.tl{font-size:13px}
.idx{columns:2 300px;column-gap:28px;margin:6px 0}
.idx section{break-inside:avoid;margin:0 0 14px}
.idx h3{margin:0 0 4px;padding:2px 8px;background:var(--base);color:#fff;font-size:14px;border-radius:var(--r)}
.idx h3 a{color:#fff}
.idx ul{list-style:none;margin:0;padding:0}
.idx li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px dotted var(--line);padding:3px 2px;font-size:14px}
.im{width:60px;padding:3px 5px}
.im img,.hero img{display:block;object-fit:contain;background:#fff;border:1px solid var(--line)}
.tm{white-space:nowrap;font-size:12px}
.hero{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:flex-start;margin:6px 0 10px}
.hero .hi{flex:none}
.hero p{margin:0 0 8px}
.qa h3{margin:14px 0 2px}
.qa p{margin:0 0 8px}
.chart{width:100%;max-width:720px;height:auto;display:block;margin:6px 0;border:1px solid var(--line);border-radius:var(--r)}
.wg{margin:14px 0;max-width:100%;overflow:hidden}
.wg>.sub{margin:0 0 4px}
.method{font-size:13px;margin:28px 0 0;border-top:1px solid var(--line);padding-top:8px}
.method dl{display:grid;grid-template-columns:max-content 1fr;gap:2px 12px;margin:4px 0}
.method dt{color:var(--sub)}
.method dd{margin:0}
.ft{background:var(--base);color:#e4ecee;font-size:13px;margin-top:36px}
.ft .in{max-width:var(--maxw);margin:0 auto;padding:16px}
.ft a{color:#fff}
.ft ul{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
@media (max-width:640px){body{font-size:14px}h1{font-size:19px}table{font-size:13px}th,td{padding:4px 6px}.facts{grid-template-columns:1fr}.facts dt{border-bottom:0}}
@media print{.hd,.ft,.buy{display:none}}