:root{--bg:#f6eedd;--card:#fffaf0;--ink:#33261a;--sub:#5e4b39;--line:#c9b994;--zebra:#efe4cc;--th-row:#f3e9d4;--link:#873015;--accent:#a4391a;--px:#a4391a;--hd:#3d2c1f;--on-hd:#fbf3e2;--hd-line:#a4391a;--th:#4a3626;--on-th:#fbf3e2;--btn:#a4391a;--on-btn:#fff;--btn-h:#3d2c1f;--ft:#3d2c1f;--on-ft:#eadfc8;--ft-link:#fff;--lg-mark:#f0a53a;--lg-on:#3d2c1f;--lg-name:#fbf3e2;--lg-accent:#f0a53a;--lg-line:#e6d6b8;--cs-ink:#fbf3e2;--cs-line:#9c8a72;--cs-on:#fbf3e2;--cs-on-ink:#3d2c1f;--r:2px;--maxw:1080px;color-scheme:light}
:root[data-c=dark]{--bg:#151311;--card:#1f1c18;--ink:#ece4d6;--sub:#b9ad9a;--line:#4d443a;--zebra:#1c1916;--th-row:#221f1b;--link:#f2b48e;--accent:#ef9466;--px:#ffb48c;--hd:#0b0a09;--on-hd:#f3ecdf;--hd-line:#ef9466;--th:#2b2621;--on-th:#f3ecdf;--btn:#ef9466;--on-btn:#1a0f08;--btn-h:#ffb48c;--ft:#0b0a09;--on-ft:#cfc3ae;--ft-link:#f3ecdf;--lg-mark:#f0a53a;--lg-on:#0b0a09;--lg-name:#f3ecdf;--lg-accent:#f0a53a;--lg-line:#cfc3ae;--cs-ink:#f3ecdf;--cs-line:#6d6253;--cs-on:#f3ecdf;--cs-on-ink:#0b0a09;color-scheme:dark}
:root[data-c=light]{--bg:#fff;--card:#fff;--ink:#1d2427;--sub:#56646b;--line:#c5ced2;--zebra:#f2f5f5;--th-row:#fafbfb;--link:#17323b;--accent:#b4441c;--px:#b4441c;--hd:#17323b;--on-hd:#fff;--hd-line:#b4441c;--th:#17323b;--on-th:#fff;--btn:#b4441c;--on-btn:#fff;--btn-h:#17323b;--ft:#17323b;--on-ft:#e4ecee;--ft-link:#fff;--lg-mark:#f0a53a;--lg-on:#17323b;--lg-name:#fff;--lg-accent:#f0a53a;--lg-line:#dbe5e8;--cs-ink:#fff;--cs-line:#7d949b;--cs-on:#fff;--cs-on-ink:#17323b;color-scheme:light}
*{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(--link);text-underline-offset:2px}
a:hover{color:var(--accent)}
a:focus-visible,button:focus-visible,th:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hd{background:var(--hd);color:var(--on-hd);border-bottom:3px solid var(--hd-line)}
.hd a:focus-visible,.hd button:focus-visible{outline-color:var(--on-hd)}
.hd .in{max-width:var(--maxw);margin:0 auto;padding:4px 16px 0}
.hd .row{display:flex;align-items:center;gap:8px;min-width:0}
.nav{display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:0 4px;font-size:14px;margin:0 -8px;scrollbar-width:thin}
.nav a{display:inline-flex;align-items:center;flex:none;min-height:44px;padding:0 8px;color:var(--on-hd);text-decoration:none;border-bottom:2px solid transparent}
.nav a:hover{border-bottom-color:var(--on-hd);color:var(--on-hd)}
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:var(--card);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(--sub)}
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(--ink)}
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(--px);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;background:var(--card)}
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(--th);color:var(--on-th);font-weight:700;white-space:nowrap}
thead th[data-sort]{cursor:pointer}
thead th[aria-sort=ascending]:after{content:" \25B2";font-size:12px}
thead th[aria-sort=descending]:after{content:" \25BC";font-size:12px}
tbody th{font-weight:400;background:var(--th-row)}
tbody tr:nth-child(even) td{background:var(--zebra)}
.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.dn{color:var(--px)}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:0;border:1px solid var(--line);border-radius:var(--r);margin:8px 0;background:var(--card)}
.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(--btn);color:var(--on-btn);font-weight:700;padding:8px 16px;border-radius:var(--r);text-decoration:none}
.buy:hover{color:var(--bg);background:var(--btn-h)}
.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(--th);color:var(--on-th);font-size:14px;border-radius:var(--r)}
.idx h3 a{color:var(--on-th)}
.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}
.hero .btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--r);background:var(--btn);color:var(--on-btn);font-weight:700;text-decoration:none}
.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);background:var(--card)}
.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(--ft);color:var(--on-ft);font-size:13px;margin-top:36px}
.ft .in{max-width:var(--maxw);margin:0 auto;padding:16px}
.ft a{color:var(--ft-link)}
.ft a:focus-visible{outline-color:var(--ft-link)}
.ft ul{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
main p,main dd,main li,.ans{max-width:46em}
.cards{padding-left:0}.cards>li{list-style:none;display:flow-root;margin:0 0 12px}.cards>li>a:first-child:has(img){float:left;margin-right:10px}.cards img{display:block}
.idx li{flex-wrap:wrap}main li>.n{white-space:normal}
@media (max-width:640px){body{font-size:14px}h1{font-size:19px}th,td{padding:4px 6px}.facts{grid-template-columns:1fr}.facts dt{border-bottom:0}.sub,.method,.tl{font-size:14px}}
@media (max-width:359px){.hd .logo{flex:0 1 auto;min-width:0}.hd .logo-tx{white-space:normal;min-width:0}.hd .logo-name{white-space:nowrap}}
@media (max-width:999px){.tw td:not(.im),.tw th{min-width:6.5em}}
@media (max-width:1024px){main nav li a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}main li>a:first-child{display:inline-flex;align-items:center;min-height:44px;min-width:44px}}
@media print{.hd,.ft,.buy{display:none}}
[data-scroll]:before{content:"← 横にずらすと続きがあります →";display:block;position:sticky;left:0;width:max-content;max-width:100%;padding:4px 10px 0;font-size:12px;line-height:1.6;font-weight:700}
.logo{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:none;color:var(--lg-name);flex:none}
.logo:hover{color:var(--lg-name)}
.logo-mark{width:32px;height:32px;flex:none;display:block}
.lm-t{fill:var(--lg-mark)}.lm-h,.lm-b{fill:var(--lg-on)}
.logo-tx{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}
.logo-name{font-size:20px;font-weight:800;letter-spacing:.08em;color:var(--lg-name)}
.logo-name i{font-style:normal;color:var(--lg-accent)}
.logo-line{font-size:12px;font-weight:400;letter-spacing:.02em;color:var(--lg-line);margin-top:2px}
.logo-line .lw{display:none}
@media (min-width:900px){.logo-line .lw{display:inline}}
.cs{display:inline-flex;flex:none;align-items:center;gap:0;margin-left:auto}
html:not(.js) .cs{display:none}
.cs button{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;padding:0 2px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:inherit;color:var(--cs-ink)}
.cs button span{display:block;font-size:12px;line-height:1;padding:6px 8px;border:1px solid var(--cs-line);border-radius:999px;white-space:nowrap}
.cs button[aria-pressed=true] span{background:var(--cs-on);color:var(--cs-on-ink);border-color:var(--cs-on);font-weight:700}
.cs button:focus-visible{outline:2px solid var(--cs-ink);outline-offset:-2px}
@media print{.cs{display:none}}

.chart .cg{stroke:var(--line)}.chart .ct{fill:var(--sub)}.chart .ck{fill:var(--ink)}.chart .c1{stroke:var(--accent)}.chart .c2{stroke:var(--ink)}
.chart.cn{display:none}
@media (max-width:640px){.chart.cw{display:none}.chart.cn{display:block}}

@media (max-width:640px){.tw{overflow-x:visible;border:0}table[data-card],table[data-card] tbody,table[data-card] tr,table[data-card] td,table[data-card] tbody th{display:block;width:auto}table[data-card] thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}table[data-card] caption{display:block;text-align:left}table[data-card] tr{border:1px solid var(--line);border-radius:var(--r);margin:0 0 8px;padding:6px 8px}table[data-card] tbody tr:nth-child(even) td{background:none}table[data-card] td,table[data-card] tbody th{border:0;padding:2px 0;text-align:left;white-space:normal;overflow-wrap:break-word}table[data-card] td[data-l]::before,table[data-card] tbody th[data-l]::before{content:attr(data-l) "：";font-size:12px;color:var(--sub,inherit);margin-right:4px;font-weight:normal}table[data-card] td:empty{display:none}table[data-card] td.im::before{content:none}table[data-card] .n,table[data-card] .px{text-align:left}}
td,th{overflow-wrap:break-word}.n,.px,td.tm,.u{white-space:nowrap}
.hero>[data-noimg]{display:none}.hero:has(>[data-noimg]){grid-template-columns:minmax(0,1fr)}
.sf{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0}.sf label{flex:1 1 100%;font-size:13px;color:var(--sub,inherit)}.sf input{flex:1 1 12em;min-width:0;min-height:44px;padding:6px 8px;font-size:16px;color:var(--ink);background:var(--card);border:1px solid var(--sub);border-radius:var(--r)}.sf button{min-height:44px;padding:6px 14px;font-size:15px;color:var(--on-btn);background:var(--btn);border:0;border-radius:var(--r);font-weight:700;cursor:pointer}