/* 公開版（_honban/index.html）の <style> を1つにまとめた物。honban_pages.py が毎回作り直す */


:root{
  --bg:#f3f5f1; --paper:#ffffff; --ink:#1d2a25; --sub:#58675f; --line:#dbe2da; --soft:#ecf0ea;
  --sky:#0d7770; --sky-soft:#ddf0ec; --forest:#5a7c1c; --forest-soft:#ecf3dc; --sun:#c97300; --sun-soft:#fdf0d8;
  --money:#c2185b; --money-soft:#fde7f0; --onacc:#ffffff; --mihon:#a35a00; --ok:#1f7a45;
  --danger:#c8361d; --danger-soft:#fbe6e1; --violet:#5b4bb5;
  --f-disp:"Zen Kaku Gothic New","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  --f-body:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  --f-num:"Roboto Mono",ui-monospace,Consolas,monospace;
  --f-gd:"Share Tech Mono","Roboto Mono",ui-monospace,Consolas,monospace;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.7;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 56px}
a{color:var(--sky)}
.wrap{max-width:1180px;margin:0 auto}
h1,h2,h3,h4{font-family:var(--f-disp);text-wrap:balance;line-height:1.35;margin:0}
p{margin:0}
.num{font-family:var(--f-num);font-variant-numeric:tabular-nums}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}


header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--line);margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)));padding-inline:max(16px,env(safe-area-inset-left,0px))}
.hbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-block:10px 6px}
.logo{font-family:var(--f-disp);font-weight:900;font-size:19px;line-height:1.2;cursor:pointer}
.logo small{display:block;font-family:var(--f-body);font-weight:500;font-size:11px;color:var(--sub)}
nav.gnav{display:flex;gap:4px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
nav.gnav button{flex:0 0 auto;border:0;background:transparent;font-weight:700;font-size:14px;padding:6px 10px;border-radius:6px;cursor:pointer;color:var(--sub);white-space:nowrap}
nav.gnav button[aria-current="page"]{background:var(--ink);color:var(--paper)}
nav.gnav button:hover{color:var(--ink)}


.view{padding-block:18px 0}
.crumb{font-size:12px;color:var(--sub);margin-bottom:8px}
.crumb a{cursor:pointer}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--sub);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin-bottom:14px}
.mv{color:var(--mihon);text-decoration:underline dotted;text-underline-offset:3px}
.ck{color:var(--ok);font-weight:700}
.ck::before{content:"✓ "}
.sec{padding-block:26px 0}
.sh{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-bottom:12px;border-bottom:3px solid var(--ink);padding-bottom:6px}
.sh h2{font-size:20px;font-weight:900}
.sh .more{margin-left:auto;font-size:13px;font-weight:700;cursor:pointer;color:var(--sky);background:none;border:0;padding:0}
.sh small{font-size:12px;color:var(--sub)}
.g2{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.g3{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.g4{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}
.ms{display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 300px;align-items:start}
@media (max-width:920px){.ms{grid-template-columns:minmax(0,1fr)}}
.card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:14px;min-width:0}
.card h3{font-size:16px;margin-bottom:6px}
.muted{color:var(--sub);font-size:13px}
.src{font-size:11.5px;color:var(--sub);overflow-wrap:anywhere}
.tag{display:inline-block;font-size:11px;font-weight:700;padding:1px 7px;border-radius:3px;background:var(--soft);color:var(--sub)}
.tag.sky{background:var(--sky-soft);color:var(--sky)}
.tag.forest{background:var(--forest-soft);color:var(--forest)}
.tag.sun{background:var(--sun-soft);color:var(--sun)}
.pr{display:inline-block;font-size:10.5px;font-weight:900;color:var(--onacc);background:var(--sub);padding:0 6px;border-radius:3px;letter-spacing:.05em}
.link{cursor:pointer;color:var(--sky);font-weight:700;background:none;border:0;padding:0;text-align:left}
.btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:6px;padding:8px 14px;font-weight:700;cursor:pointer;text-decoration:none;font-size:14px}
.btn.buy{background:var(--sun);color:var(--onacc)}
.btn.main{background:var(--sky);color:var(--onacc)}
.btn.line{background:var(--paper);border:1px solid var(--line);color:var(--ink)}
.tscroll{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
table{border-collapse:collapse;width:100%;font-size:13.5px}
th,td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
thead th{background:var(--soft);font-size:12.5px;white-space:nowrap}
tbody th{font-weight:700;white-space:nowrap;color:var(--sub);font-size:12.5px}
td.n,th.n{text-align:right;font-family:var(--f-num);font-variant-numeric:tabular-nums;white-space:nowrap}
.cat th{background:var(--sky-soft);color:var(--sky);font-size:12.5px}


.mz{position:relative}


.vc{display:grid;gap:6px;text-decoration:none;color:inherit;min-width:0}
.vth{position:relative;aspect-ratio:16/9;max-width:100%;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,var(--sky) 0%,var(--forest) 100%);display:grid;place-items:center}
.vth::before{content:"";width:52px;height:52px;border-radius:50%;background:var(--paper);opacity:.92}
.vth::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-35%,-50%);border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent var(--sky)}
.vth .ch{position:absolute;left:8px;bottom:6px;right:8px;font-size:11px;font-weight:700;color:var(--onacc);text-shadow:0 1px 2px rgba(0,0,0,.35);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.vth .yt{position:absolute;right:8px;top:6px;font-size:10px;font-weight:900;background:var(--paper);color:var(--ink);border-radius:3px;padding:0 5px}
.vt{font-size:13.5px;font-weight:700;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vd{font-size:11.5px;color:var(--sub)}
.vgrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}


.ph{aspect-ratio:4/3;max-width:100%;border:2px dashed var(--line);border-radius:8px;display:grid;place-items:center;text-align:center;font-size:12px;color:var(--sub);padding:8px;background:var(--paper)}
.fig{background:var(--sky-soft);border-radius:8px;display:grid;place-items:center;padding:8px}
.fig svg{width:100%;height:auto;max-width:220px}
.s-body{fill:var(--paper);stroke:var(--ink);stroke-width:2}
.s-win{fill:var(--sky);opacity:.55}
.s-tire{fill:var(--ink)}
.s-hub{fill:var(--paper)}
.s-acc{fill:var(--sun)}
.s-gnd{stroke:var(--sub);stroke-width:1.5}


.psearch{display:grid;gap:6px;margin-bottom:12px}
.psbox{display:flex;gap:0;max-width:760px;border:2px solid var(--sky);border-radius:8px;overflow:hidden;background:var(--paper)}
.psbox input{flex:1;min-width:0;font:inherit;font-size:16px;padding:11px 14px;border:0;background:var(--paper);color:var(--ink)}
.psbox button{border:0;background:var(--sky);color:var(--onacc);font-weight:900;padding:0 22px;cursor:pointer}
.pskw{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;align-items:center}
.pskw span{color:var(--sub)}
.svc{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px 8px;margin-bottom:16px}
@media (max-width:1000px){.svc{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:520px){.svc{grid-template-columns:repeat(4,minmax(0,1fr))}}
.svc button{display:grid;justify-items:center;gap:4px;border:0;background:none;cursor:pointer;font-size:11.5px;font-weight:700;line-height:1.3;padding:4px 2px;border-radius:6px;text-align:center}
.svc button:hover{background:var(--soft)}
.svc i{font-style:normal;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--c);color:var(--onacc);font-family:var(--f-disp);font-weight:900;font-size:19px}
.portal{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 320px;align-items:start}
@media (max-width:920px){.portal{grid-template-columns:minmax(0,1fr)}.pmain,.pside{display:contents}
  .pmain > *{order:3}.pmain > .news{order:1}.pside > *{order:5}.pside > .wxw{order:2}.pside > .member{order:4}}
.pmain{display:grid;gap:22px;min-width:0}
.pside{display:grid;gap:12px;min-width:0}
.news{padding:0;overflow:hidden}
.ntabs{display:flex;overflow-x:auto;border-bottom:2px solid var(--ink)}
.ntabs button{flex:0 0 auto;border:0;background:none;padding:10px 16px;font-weight:900;font-size:14px;cursor:pointer;color:var(--sub)}
.ntabs button[aria-selected="true"]{background:var(--ink);color:var(--paper)}
.nbody{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:14px;padding:10px 14px 4px}
@media (max-width:700px){.nbody{grid-template-columns:minmax(0,1fr)}}
.nlist{list-style:none;margin:0;padding:0}
.nlist li{border-bottom:1px dotted var(--line)}
.nlist li:last-child{border-bottom:0}
.nlist a{display:grid;grid-template-columns:3.4em minmax(0,1fr);gap:8px;padding:7px 0;text-decoration:none;color:var(--ink);font-size:14px;line-height:1.45}
.nlist a:hover b{color:var(--sky);text-decoration:underline}
.nlist .d{font-family:var(--f-num);font-size:12px;color:var(--sub);padding-top:1px}
.nlist b{font-weight:700}
.nlist small{display:block;font-size:11px;color:var(--sub);font-weight:400}
.nfeat{background:linear-gradient(160deg,var(--sky-soft),var(--forest-soft));border-radius:8px;padding:10px;display:grid;gap:8px;align-content:start;cursor:pointer}
.nfeat b{font-size:14.5px;line-height:1.45}
.nfeat .crow{grid-template-columns:minmax(0,6em) minmax(0,1fr);font-size:12px}
.pmain .vgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr))}
.pmain .types{grid-template-columns:repeat(auto-fill,minmax(min(100%,112px),1fr))}
.pside .wx{grid-template-columns:repeat(auto-fill,minmax(min(100%,80px),1fr))}
.news > .src{padding:0 14px 10px}
.feat{cursor:pointer;display:grid;gap:4px}
.member{display:grid;gap:8px;border:2px solid var(--sky)}
.wxl{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:13px}
.wxw select{font:inherit;font-size:13px;padding:3px 6px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink)}
.kv{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}
.kv b{font-size:16px;white-space:nowrap}

.lead{display:grid;gap:16px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
@media (max-width:860px){.lead{grid-template-columns:minmax(0,1fr)}}
.feature{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:grid;cursor:pointer}
.feature .vis{background:linear-gradient(160deg,var(--sky-soft),var(--forest-soft));padding:18px;display:grid;gap:10px}
.feature .vis .thermo{display:grid;gap:6px}
.feature .body{padding:14px 16px 16px;display:grid;gap:6px}
.feature h2{font-size:clamp(20px,3vw,28px);font-weight:900}
.newslist{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:6px 14px}
.newslist .it{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer}
.newslist .it:last-child{border-bottom:0}
.newslist .d{font-family:var(--f-num);font-size:12px;color:var(--sub);padding-top:2px}
.newslist b{font-size:14px;line-height:1.45}
.newslist .c{grid-column:2;font-size:11.5px;color:var(--sub)}
.types{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}
.type{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px;display:grid;gap:4px;cursor:pointer;text-align:left}
.type:hover{border-color:var(--sky)}
.type svg{width:100%;height:56px}
.type b{font-family:var(--f-disp);font-size:15px}
.type em{font-style:normal;font-size:11.5px;color:var(--sub);line-height:1.45}
.rank{list-style:none;margin:0;padding:0;display:grid;gap:0}
.rank li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);cursor:pointer}
.rank .r{font-family:var(--f-num);font-weight:700;font-size:16px;color:var(--sky);text-align:center}
.rank .nm{font-weight:700;font-size:14px;line-height:1.4}
.rank .nm small{display:block;font-weight:400;font-size:11.5px;color:var(--sub)}
.bar{height:10px;background:var(--sky-soft);border-radius:5px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--sky)}
.post{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid var(--line)}
.post:last-child{border-bottom:0}
.post .who{font-size:12px;color:var(--sub)}
.post b{font-size:14px}
.stars{color:var(--sun);letter-spacing:1px;font-size:13px}
.prod{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;gap:6px;align-content:start;min-width:0}
.prod .pic{aspect-ratio:1/1;max-width:100%;background:var(--soft);border-radius:6px;display:grid;place-items:center;font-size:11px;color:var(--sub);text-align:center;padding:6px}
.prod b{font-size:14px;line-height:1.4}
.prod .why{font-size:12px;color:var(--sub);line-height:1.5}
.prod .row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pills{display:flex;flex-wrap:wrap;gap:6px}
.pill{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;cursor:pointer}
.pill[aria-pressed="true"]{background:var(--sky);border-color:var(--sky);color:var(--onacc)}


.filters{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px}
.filters label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--sub)}
.filters select{font:inherit;font-size:14px;padding:7px 8px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);min-width:0}
.axes{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,118px),1fr));margin-bottom:4px}
.ax{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 10px}
.ax small{display:block;font-size:11.5px;color:var(--sub)}
.ax b{font-family:var(--f-num);font-size:18px}
.ax em{display:block;font-style:normal;font-size:11.5px;color:var(--sub)}
.ax.big{border:2px solid var(--sky)}
.ax.big b{font-size:22px}
.carlist{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.car{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:grid;align-content:start}
.car .cph{position:relative;background:var(--sky-soft);aspect-ratio:16/10;max-width:100%;display:grid;place-items:center;padding:10px}
.car .cph svg{width:78%;height:auto}
.car .cph .cap{position:absolute;left:8px;bottom:6px;font-size:10.5px;color:var(--sub)}
.car .cph .st{position:absolute;right:8px;top:8px;font-size:11px;font-weight:900;padding:1px 7px;border-radius:3px;background:var(--forest);color:var(--onacc)}
.car .cph .st.off{background:var(--sub)}
.car .cb{padding:10px 12px;display:grid;gap:5px}
.car .tg{display:flex;flex-wrap:wrap;gap:4px}
.car b.nm{font-family:var(--f-disp);font-size:17px;line-height:1.3}
.car .mk{font-size:12px;color:var(--sub)}
.car .pr2{font-family:var(--f-num);font-size:17px;font-weight:700}
.car .pr2 small{font-family:var(--f-body);font-size:11px;color:var(--sub);font-weight:500;margin-left:4px}
.car .sp{font-size:12.5px;display:flex;flex-wrap:wrap;gap:2px 12px}
.car .ft{font-size:12.5px;color:var(--sub);line-height:1.5}
.car .act{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid var(--line);padding:8px 12px;font-size:13px}
.car label{display:flex;gap:6px;align-items:center;font-weight:700;cursor:pointer}
details.all182{margin-top:10px}
details.all182 summary{cursor:pointer;font-weight:900;color:var(--sky);padding:10px 0}


.chead{display:grid;gap:8px}
.chead h1{font-size:clamp(24px,4vw,34px);font-weight:900}
.phnote{grid-column:span 2;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:13px;display:grid;gap:4px;align-content:start}
.phnote ul{margin:0;padding-left:1.2em}
@media (max-width:640px){.phnote{grid-column:1/-1}}
.prod .pic{aspect-ratio:4/3}.prod .pic .ph3{height:100%;border-radius:6px}
.vth.c1{background:linear-gradient(135deg,var(--forest) 0%,var(--sky) 100%)}
.vth.c2{background:linear-gradient(135deg,var(--sun) 0%,var(--danger) 100%)}
.vth.c3{background:linear-gradient(135deg,var(--violet) 0%,var(--sky) 100%)}
.vth .big{position:absolute;left:10px;top:8px;right:60px;font-family:var(--f-disp);font-weight:900;font-size:13px;line-height:1.35;color:var(--onacc);text-shadow:0 1px 2px rgba(0,0,0,.35);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ms > *{min-width:0}
.ms > div,.ms > aside{grid-template-columns:minmax(0,1fr)}
.gal{display:grid;gap:8px;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}
.gal .fig{grid-row:span 2}
@media (max-width:640px){.gal{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gal .fig{grid-column:1/-1;grid-row:auto}}
@media (max-width:920px){.ms > aside{position:static!important}}
.price{display:grid;gap:8px}
.price .big{font-family:var(--f-num);font-size:26px;font-weight:700}
.keyspec{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,120px),1fr))}
.keyspec div{background:var(--soft);border-radius:6px;padding:8px 10px}
.keyspec small{display:block;font-size:11px;color:var(--sub)}
.keyspec b{font-family:var(--f-num);font-size:16px}
.jump{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}
.jump a{flex:0 0 auto;font-size:12.5px;font-weight:700;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:3px 10px;text-decoration:none;color:var(--ink);cursor:pointer}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{cursor:pointer;padding:10px 4px;font-weight:700;display:flex;justify-content:space-between;gap:8px}
.acc summary span{font-size:12px;color:var(--sub);font-weight:500}
.yesno{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.yesno ul{margin:6px 0 0;padding-left:1.2em;font-size:14px}
.comment{background:var(--sky-soft);border-radius:8px;padding:12px 14px;display:grid;gap:8px}
.comment li{margin-bottom:6px}
.revbar{display:grid;grid-template-columns:48px minmax(0,1fr) 34px;gap:8px;align-items:center;font-size:12px}


.wx{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,120px),1fr))}
.wx div{background:var(--soft);border-radius:6px;padding:8px;text-align:center;font-size:12px}
.wx b{display:block;font-size:14px}
.alert{border-left:5px solid var(--sun);background:var(--sun-soft);border-radius:6px;padding:10px 12px;font-size:13.5px}
.spot{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid var(--line)}
.spot:last-child{border-bottom:0}
.spot b{font-size:14.5px}
.spot .fac{display:flex;flex-wrap:wrap;gap:4px}


.judge-hero{background:var(--paper);border:2px solid var(--sky);border-radius:10px;padding:16px;display:grid;gap:8px}
.judge-hero h1{font-size:clamp(22px,3.4vw,30px);font-weight:900}
.kpi{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.kpi div{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px}
.kpi small{display:block;font-size:12px;color:var(--sub)}
.kpi b{font-family:var(--f-num);font-size:24px;font-weight:700}
.kpi em{font-style:normal;font-size:11.5px;color:var(--sub)}
.hbars{display:grid;gap:10px}
.hb{display:grid;grid-template-columns:minmax(0,10em) minmax(0,1fr);gap:10px;align-items:center;font-size:13px}
.hb .tr{display:grid;gap:3px}
.hb .tk{height:14px;background:var(--soft);border-radius:4px;position:relative}
.hb .tk i{position:absolute;inset:0 auto 0 0;border-radius:4px}
.hb .lo i{background:var(--sky)}
.hb .hi i{background:var(--forest)}
.hb .tk span{position:absolute;left:calc(100% + 6px);top:-2px;font-family:var(--f-num);font-size:11.5px;white-space:nowrap}
.axis{display:grid;grid-template-columns:minmax(0,10em) minmax(0,1fr);gap:10px;font-family:var(--f-num);font-size:11px;color:var(--sub)}
.axis div{display:flex;justify-content:space-between}
.dec{display:grid;gap:10px}
.dec .q{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:grid;gap:8px}
.dec .q b{font-size:15px}
.dec .q .yn{display:flex;gap:8px;flex-wrap:wrap}
.dec .q .yn button{border:2px solid var(--line);background:var(--paper);border-radius:6px;padding:6px 18px;font-weight:900;cursor:pointer}
.dec .q .yn button[aria-pressed="true"].y{background:var(--forest);border-color:var(--forest);color:var(--onacc)}
.dec .q .yn button[aria-pressed="true"].n{background:var(--sun);border-color:var(--sun);color:var(--onacc)}
.flow{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);align-items:center}
@media (max-width:820px){.flow{grid-template-columns:minmax(0,1fr)}}
.fcol{display:grid;gap:8px}
.fnode{border-radius:8px;padding:10px 12px;display:grid;gap:4px;font-size:13px}
.fnode b{font-size:14.5px}
.fnode ol{margin:4px 0;padding-left:1.1em;display:grid;gap:4px}
.fnode.src2{background:var(--soft);border:1px solid var(--line)}
.fnode.us{background:var(--sky-soft);border:2px solid var(--sky)}
.fnode.out{background:var(--sun-soft);border:1px solid var(--sun)}
.fnode .stay{font-weight:900;color:var(--forest)}
.farr{font-size:12.5px;color:var(--sub);font-weight:700}
.farr span{font-weight:500}
.law td:first-child{font-weight:700;white-space:nowrap}
.law .ok{color:var(--ok);font-weight:700}
.law .ng{color:var(--money);font-weight:700}
.law .cd{color:var(--sun);font-weight:700}
.steps{display:grid;gap:8px}
.step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.step .no{font-family:var(--f-num);font-weight:700;font-size:20px;color:var(--sky)}
.step.now{border:2px solid var(--forest)}


article.kiji{max-width:720px}
article.kiji h1{font-size:clamp(22px,4vw,32px);font-weight:900;margin:6px 0}
article.kiji h2{font-size:19px;margin:28px 0 8px;padding-top:12px;border-top:1px solid var(--line)}
article.kiji p{margin:10px 0}
blockquote{margin:10px 0;padding:8px 14px;background:var(--sky-soft);border-radius:6px;font-size:14px}
blockquote cite{display:block;font-style:normal;font-size:12px;color:var(--sub)}
.note{background:var(--sun-soft);border-radius:6px;padding:10px 14px;font-size:14px}
.chart{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;gap:10px}
.crow{display:grid;grid-template-columns:minmax(0,9.5em) minmax(0,1fr);gap:10px;align-items:center;font-size:13px}
.track{position:relative;height:24px;background:var(--sky-soft);border-radius:4px;overflow:hidden}
.fill{position:absolute;inset:0 auto 0 0;background:var(--sky);border-radius:4px}
.fill.ok{background:var(--forest)}
.lab{position:absolute;right:8px;top:2px;font-family:var(--f-num);font-size:12px;color:var(--ink)}
.cax{display:grid;grid-template-columns:minmax(0,9.5em) minmax(0,1fr);gap:10px;font-family:var(--f-num);font-size:11px;color:var(--sub)}
.cax div{display:flex;justify-content:space-between}
ol.srcs{font-size:12px;color:var(--sub);padding-left:1.4em;overflow-wrap:anywhere}
.check{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}
.check li{display:flex;gap:8px;align-items:flex-start;font-size:14px}
.check li::before{content:"";flex:0 0 16px;height:16px;margin-top:4px;border:2px solid var(--forest);border-radius:3px}


.form{display:grid;gap:8px}
.form label{display:grid;gap:4px;font-size:12.5px;font-weight:700;color:var(--sub)}
.form input,.form textarea,.form select{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);min-width:0;width:100%}
.plans{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.plan{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:8px;align-content:start}
.plan h3{font-size:17px}
.plan .yen{font-family:var(--f-num);font-size:22px;font-weight:700}
.plan ul{margin:0;padding-left:1.2em;font-size:13.5px}
.plan.hl{border:2px solid var(--sky)}
footer.site{margin-top:40px;font-size:12px;color:var(--sub);border-top:1px solid var(--line);padding-top:14px;display:grid;gap:6px}
@media (prefers-reduced-motion:no-preference){.fill,.bar i,.hb .tk i{transition:width .5s ease}}

.ico{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 auto}
.ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.logo{display:flex;align-items:center;gap:8px}
.logo .ico{width:30px;height:30px;color:var(--sky)}
nav.gnav button{display:inline-flex;align-items:center;gap:6px}
nav.gnav button .ico{width:18px;height:18px;color:var(--sky)}
nav.gnav button[aria-current="page"] .ico{color:var(--sun)}
.dash{display:grid;gap:8px;background:var(--ink);border-radius:12px;padding:12px;margin-bottom:10px}
.dash .psbox{border-color:var(--sun);max-width:none}
.dash .psbox .ico{color:var(--sky);margin-left:10px;align-self:center}
.trend{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.trend b{color:var(--sun);font-size:12px;letter-spacing:.08em;font-family:var(--f-gd)}
.chip{border:1px solid rgba(255,255,255,.35);background:transparent;color:var(--paper);border-radius:999px;padding:3px 11px;font-size:12.5px;font-weight:700;cursor:pointer}
.chip:hover{background:rgba(255,255,255,.12)}
.ticker{display:flex;align-items:stretch;overflow:hidden;background:var(--sky-soft);border-radius:8px;margin-bottom:12px;white-space:nowrap}.tkwrap{overflow:hidden;flex:1;min-width:0}.tkmh{flex:none;display:flex;align-items:center;padding:0 10px;font-size:12px;font-weight:700;color:#fff;background:#c2410c;border-radius:8px 0 0 8px}
.tk-in{display:inline-flex;gap:28px;padding:7px 0;animation:tk 40s linear infinite;font-size:13px;font-weight:700}
.tk-in span{display:inline-flex;gap:6px;align-items:center;cursor:pointer}
.tk-in i{font-style:normal;font-family:var(--f-gd);color:var(--sky)}
@keyframes tk{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tk-in{animation:none}.ticker{overflow-x:auto}}

.ph3{position:relative;margin:0;overflow:hidden;border-radius:10px;background:var(--soft);min-width:0}
.ph3 img{display:block;width:100%;height:100%;object-fit:cover;max-width:100%}
.ph3 .cr{position:absolute;right:0;bottom:0;max-width:100%;font-size:11px;line-height:1.35;color:#fff;background:rgba(0,0,0,.55);padding:2px 6px;border-top-left-radius:6px}
.ph3 .cr a{color:#fff;text-decoration:underline}
.ph3 .ex{position:absolute;left:8px;top:8px;font-size:10.5px;font-weight:900;background:var(--paper);color:var(--ink);border-radius:3px;padding:1px 6px}
.tile{position:relative;display:block;cursor:pointer;color:#fff;text-decoration:none;border-radius:10px;overflow:hidden;min-width:0}
.tile .ph3{height:100%;border-radius:0}
.tile .cap{position:absolute;left:0;right:0;bottom:0;padding:34px 12px 22px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72));pointer-events:none}
.tile .cap b{display:block;font-family:var(--f-disp);font-size:15px;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.tile .cap em{font-style:normal;font-size:11px;font-weight:700;background:var(--sun);color:#1b1206;border-radius:3px;padding:0 6px;margin-bottom:4px;display:inline-block}
.tile .cr{pointer-events:auto}
.mosaic{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:150px;margin-bottom:14px}
.mosaic .tile:first-child{grid-column:span 2;grid-row:span 2}
.mosaic .tile:first-child .cap b{font-size:clamp(18px,2.4vw,26px)}
@media (max-width:900px){.mosaic{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:130px}}
@media (max-width:560px){.mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:120px}.mosaic .tile:first-child{grid-row:span 2}}

.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.rail > *{scroll-snap-align:start}
@media (max-width:560px){.rail{grid-auto-columns:78%}}
.rail .tile{aspect-ratio:4/3;max-width:100%}
.hero3{margin-bottom:12px}
.hero3 .rail{grid-auto-columns:minmax(300px,1fr)}
.hero3 .tile{aspect-ratio:16/10}
@media (max-width:560px){.hero3 .rail{grid-auto-columns:88%}}
.railnav{display:flex;gap:6px;justify-content:flex-end;margin-top:-4px;margin-bottom:6px}
.railnav button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--paper);cursor:pointer;font-weight:900}

.gadgets{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:6px}
@media (max-width:1000px){.gadgets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.gadgets{grid-template-columns:minmax(0,1fr)}}
.gd{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:6px;align-content:start;min-width:0;position:relative}
.gd h4{font-family:var(--f-gd);font-size:11px;letter-spacing:.12em;color:var(--sub);font-weight:400;display:flex;align-items:center;gap:6px}
.gd h4 .ico{width:16px;height:16px;color:var(--sky)}
.gd .big{font-family:var(--f-gd);font-size:34px;line-height:1;color:var(--ink)}
.gd .big small{font-size:13px;color:var(--sub);margin-left:4px}
.gd.today{grid-template-columns:96px minmax(0,1fr);cursor:pointer}
.gd.today h4{grid-column:1/-1}
.gd.today .ph3{aspect-ratio:1/1;border-radius:8px}
.gd.today .ph3 .cr{font-size:11px}
.gauge svg{width:100%;max-width:170px;height:auto;display:block;margin:0 auto}
.gauge .arc{fill:none;stroke:var(--soft);stroke-width:10;stroke-linecap:round}
.gauge .val{fill:none;stroke:var(--sky);stroke-width:10;stroke-linecap:round}
.gauge text{font-family:var(--f-gd);fill:var(--ink)}
.mapw svg{width:100%;height:auto;max-height:150px}
.mapw .rg{fill:var(--sky-soft);stroke:var(--paper);stroke-width:2;cursor:pointer}
.mapw .rg.on{fill:var(--sky)}
.mapw text{font-size:8px;fill:var(--ink);font-family:var(--f-body);font-weight:700;pointer-events:none}
.mapw .on + text{fill:var(--paper)}
.strip{display:grid;gap:10px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);margin-bottom:12px}
@media (max-width:760px){.strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.strip .gd.today{grid-column:1/-1}}
.strip .gd.quizlink{cursor:pointer;background:var(--sun-soft);border-color:var(--sun)}

.quiz h3{display:flex;gap:8px;align-items:center}
.quiz .qs{display:grid;gap:10px;margin-top:8px}
.quiz .q b{display:block;font-size:14px;margin-bottom:4px}
.quiz .opts{display:flex;flex-wrap:wrap;gap:6px}
.quiz .opts button{border:2px solid var(--line);background:var(--paper);border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer;min-height:40px}
.quiz .opts button[aria-pressed="true"]{border-color:var(--sky);background:var(--sky);color:var(--paper)}
.quiz .res{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;align-items:center;background:var(--sky-soft);border-radius:10px;padding:10px;margin-top:10px}
.quiz .res .ph3{aspect-ratio:4/3}
@media (max-width:480px){.quiz .res{grid-template-columns:minmax(0,1fr)}}

.loop{margin-top:30px;display:grid;gap:18px}
.loop .feed{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr))}
.loop .feed .tile{aspect-ratio:1/1}
.loop .feed .tile .cap b{font-size:13px}
.loop .more2{justify-self:center}
.series{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:13px}
.series button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 12px;font-weight:700;cursor:pointer}
.series .cur{background:var(--ink);color:var(--paper);border-color:var(--ink)}

.car .cph .ph3{position:absolute;inset:0;border-radius:0}
.car .cph .ph3 img{height:100%}
.ugc{border:2px dashed var(--sky);background:var(--sky-soft);border-radius:10px;padding:12px;display:grid;gap:6px;text-align:center;font-size:13px}
.lead2{font-size:13.5px;color:var(--sub);max-width:62ch}
details.more3 summary{cursor:pointer;color:var(--sky);font-weight:700;font-size:13px;padding:4px 0}

.loop,.pmain,.pside{grid-template-columns:minmax(0,1fr)}
.loop > *,.pmain > *,.hero3,.rail{min-width:0;max-width:100%}



.th{display:contents}
.th img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;background:var(--soft);max-width:100%}
.th .cr{font-size:11px;line-height:1.4;color:var(--sub);word-break:break-all}
.th .cr a{color:var(--sub);text-decoration:underline}
.nlist li.wph{display:grid;grid-template-columns:92px minmax(0,1fr);gap:0 10px;align-items:start;padding:6px 0}
.nlist li.wph .th img{grid-column:1;grid-row:1/3;aspect-ratio:4/3;height:auto}
.nlist li.wph a{grid-column:2;grid-row:1;padding:2px 0}
.nlist li.wph .cr{grid-column:2;grid-row:2}
@media (max-width:420px){.nlist li.wph{grid-template-columns:76px minmax(0,1fr)}}
.rank li.wph{grid-template-columns:28px 76px minmax(0,1fr) auto;row-gap:2px}
.rank li.wph .r{grid-column:1;grid-row:1}
.rank li.wph .th img{grid-column:2;grid-row:1;aspect-ratio:4/3;height:auto}
.rank li.wph .nm{grid-column:3;grid-row:1}.rank li.wph .num{grid-column:4;grid-row:1}
.rank li.wph .cr{grid-column:2/-1;grid-row:2}
@media (max-width:420px){.rank li.wph{grid-template-columns:24px 64px minmax(0,1fr) auto}}
.band{position:relative;overflow:hidden;border-radius:12px;min-height:150px;color:#fff;display:grid;align-items:center;cursor:pointer;background:#26332d}
.band .bg{position:absolute;inset:0}
.band .bg .ph3{position:absolute;inset:0;border-radius:0}
.band .bg .ph3 img{height:100%}
.band .bg .ph3::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,14,.82),rgba(8,18,14,.5) 70%,rgba(8,18,14,.3))}
.band .bg .ph3 .cr{z-index:2}
.band .bg .ph3 .ex{z-index:2}
.band .tx{position:relative;z-index:1;padding:22px 18px 30px;display:grid;gap:6px;max-width:34em}
.band h3{font-family:var(--f-disp);font-size:clamp(19px,3vw,26px);font-weight:900;line-height:1.35;color:#fff}
.band p{margin:0;font-size:14px;line-height:1.55;color:#f1f5f2}
.band .go{justify-self:start;margin-top:4px;background:#fff;color:var(--ink);border-radius:6px;padding:7px 14px;font-weight:900;font-size:14px}
.tint-a{background:var(--sky-soft);border-radius:12px;padding:12px}
.tint-b{background:var(--sun-soft);border-radius:12px;padding:12px}
.tint-c{background:var(--forest-soft);border-radius:12px;padding:12px}
.car3{position:relative;min-width:0}
.car3-in{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.car3-in .sl{flex:0 0 100%;scroll-snap-align:start;min-width:0}
.car3-in .sl .ph3{aspect-ratio:4/3}
.car3 .cn{position:absolute;top:44%;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.88);color:var(--ink);font-size:20px;font-weight:900;cursor:pointer;z-index:3}
.car3 .cn.p{left:6px}.car3 .cn.n{right:6px}
.carw{display:grid;gap:8px}
.quiz .qban{margin:-2px 0 10px}
.quiz .qban .ph3{aspect-ratio:16/5}
@media (max-width:480px){.quiz .qban .ph3{aspect-ratio:16/8}}.src details summary{cursor:pointer;font-size:12px}

.ccm{position:fixed;inset:0;background:rgba(10,20,30,.55);display:flex;align-items:center;justify-content:center;z-index:99;padding:max(16px,env(safe-area-inset-left,0px))}
.ccm[hidden]{display:none!important}
.ccmb{background:var(--paper);color:var(--ink);border-radius:12px;max-width:560px;width:100%;max-height:85vh;overflow:auto;padding:18px;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.ccmb h3{margin:0 0 8px;font-size:17px}.ccmb .x{float:right;border:0;background:none;font-size:22px;cursor:pointer;color:var(--sub)}
.ccmb .ply{aspect-ratio:16/9;max-width:100%;background:linear-gradient(135deg,var(--sky-soft),var(--forest-soft));border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-size:13.5px;margin:8px 0}
.ccmb .uri{font-size:12px;word-break:break-all;user-select:all;background:var(--sky-soft);padding:4px 6px;border-radius:4px;display:block;margin:2px 0 8px}
.crb{border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:0}
.offc{font-weight:700}
.feed-end{text-align:center;font-size:13px;color:var(--sub);margin:8px 0 0}
.tile.noph{background:linear-gradient(150deg,var(--sky-soft),var(--forest-soft));display:flex;align-items:flex-end}
.tile.noph .cap{position:static}
.wxg .wsel{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0;align-items:end}.wxg .wsel label{display:grid;gap:1px}.wxg .wsel small{font-size:11px;color:var(--sub);font-weight:700}
.wxg .wfind{position:relative;margin:4px 0}.wxg .wq{width:100%;box-sizing:border-box;font:inherit;font-size:14px;padding:7px 10px;border:2px solid var(--sky);border-radius:8px;background:var(--paper);color:var(--ink)}
.wxg .wres{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.wxg .wres button{font:inherit;font-size:12.5px;font-weight:700;border:1px solid var(--line);background:var(--sky-soft);color:var(--ink);border-radius:999px;padding:3px 10px;cursor:pointer}
.wxg select{font:inherit;font-size:12.5px;padding:3px 4px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);max-width:100%}
.wxg .wgeo{font:inherit;font-size:12.5px;font-weight:700;border:1px solid var(--sky);color:var(--sky);background:var(--paper);border-radius:999px;padding:3px 10px;cursor:pointer}
.wxg .wplace{font-size:14px;text-align:center;display:block}.wxg .wmsg{display:block;font-size:12px;color:var(--sub);text-align:center}
.wxg .wbig{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.wxg .wbig div{border-radius:8px;padding:6px 8px;font-size:32px;font-weight:900;line-height:1.1;font-family:var(--f-gd)}.wxg .wbig i{font-style:normal;font-size:16px;margin-left:2px}.wxg .wbig small{display:block;font-size:11px;font-weight:700;font-family:var(--f-body)}
.wxg .wbig .hi{background:var(--danger-soft);color:var(--danger)}.wxg .wbig .lo{background:var(--sky-soft);color:var(--sky)}
.wxg .wday{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.wxg .wday span{background:var(--sky-soft);border-radius:6px;padding:4px 6px;font-size:13px;font-weight:700}
.wxg .wday small,.wxg .wpops small{display:block;font-size:11px;font-weight:400;color:var(--sub)}
.wxg .wpops{display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));gap:3px;margin-top:6px;font-size:12px;align-items:end}.wxg .wpop{background:var(--forest-soft);border-radius:5px;padding:1px 4px;font-weight:700;text-align:center}.wxg .wpop small{font-size:10px}
.wxg .wtemp{font-size:12px;margin:6px 0 0}.wxg .wwarn{font-size:12.5px;margin:6px 0 0}.wxg .wwarn.on{color:var(--danger);font-weight:700}.wxg .wwarn small{display:block;font-weight:400;color:var(--sub)}
.wxg .src{font-size:11px;margin-top:6px}.wxg details.src summary{cursor:pointer;color:var(--sub)}

.logo .rvt-mark{width:46px;height:auto;flex:0 0 auto}.logo .rvt-name b{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:900;font-size:1.25em;color:#22201c;letter-spacing:.02em}.logo .rvt-name em{font-style:normal;color:#e8590c}.logo .rvt-name small{display:block}
.mdtb{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;margin:18px 0}.mdtb a{display:flex;align-items:stretch;gap:0;border:1px solid #d0e3f5;border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;color:#22201c;min-width:0;box-shadow:0 2px 10px rgba(25,113,194,.08)}.mdtb a:hover{border-color:#1971c2}.mdtb .ph{flex:0 0 120px;background:#e7f5ff center/cover no-repeat;position:relative}.mdtb .ph i{position:absolute;left:4px;bottom:3px;font-style:normal;font-size:9px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.mdtb .tx{padding:12px 14px;min-width:0;display:flex;flex-direction:column;gap:3px}.mdtb b{font-size:16px;color:#1971c2}.mdtb small{font-size:12.5px;color:#5c5f66;line-height:1.5}.mdtb .pr{display:inline-block;font-size:10.5px;font-weight:700;border:1px solid #c9a227;color:#8a6d00;background:#fff8db;border-radius:4px;padding:0 5px;margin-right:6px;vertical-align:2px}


.gadgets{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
@media (max-width:1000px){.gadgets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.gadgets{grid-template-columns:minmax(0,1fr)}}
.gd{box-shadow:0 1px 3px rgba(20,40,50,.08);border-color:var(--line);padding:12px 14px}
.gd h4{font-size:12px;letter-spacing:.06em;color:var(--ink);font-weight:700;border-bottom:1px solid var(--line);padding-bottom:6px}
.gd.today{grid-template-columns:minmax(0,1fr)}
.gd.today .ph3{aspect-ratio:16/10;border-radius:8px}
.gd.today .ph3 .cr{font-size:10px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gd .tdb{display:grid;gap:3px}.gd .tdb b{font-size:16px}
.gd .cdm{display:flex;align-items:center;gap:12px}.gd .cdm .big{font-size:44px;color:var(--sky)}.gd .cdm b{display:block;font-size:14px;line-height:1.4}
.gd .cdl{list-style:none;margin:6px 0 0;padding:0;font-size:13px}.gd .cdl li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px dotted var(--line)}.gd .cdl b{white-space:nowrap;color:var(--sky)}
.jmap{width:100%;height:auto;max-height:230px;display:block}
.jmap .pf rect{fill:var(--soft);stroke:none;cursor:pointer}
.jmap .pf text{font-size:5.4px;font-weight:700;fill:var(--ink);pointer-events:none}
.jmap .pf.w-sun rect{fill:#f6c453}.jmap .pf.w-cld rect{fill:#b9c4cc}.jmap .pf.w-rain rect{fill:#5b9bd5}.jmap .pf.w-snow rect{fill:#e8f1f7;stroke:#9fb5c4;stroke-width:.6}
.jmap .pf.w-rain text{fill:#fff}
.jmap .pf.on rect{stroke:var(--ink);stroke-width:1.4}
.jmap .pf:hover rect,.jmap .pf:focus rect{stroke:var(--sky);stroke-width:1.4}
.jleg{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11.5px}.jleg span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.jleg .w-sun::before{background:#f6c453}.jleg .w-cld::before{background:#b9c4cc}.jleg .w-rain::before{background:#5b9bd5}.jleg .w-snow::before{background:#e8f1f7;border:1px solid #9fb5c4}
.tile.noph{background:linear-gradient(150deg,var(--ink),#2f5d6a);display:block}
.tile.noph .nph{position:absolute;inset:0 0 40% 0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85)}
.tile.noph .nph svg{width:34%;max-width:72px;height:auto;fill:none;stroke:currentColor;stroke-width:1.4}
.tile.noph .cap{position:absolute;background:none}

.gadgets .gd.today{grid-template-columns:minmax(0,1fr)}
.gadgets .mapw svg.jmap{max-height:none;width:100%;height:auto}
@media (min-width:1001px){.gadgets .mapw svg.jmap{max-height:260px}}

.gadgets .ph3 .cr,figure.ph3 > .cr{top:0;bottom:auto;right:0;left:auto;max-width:72%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9.5px;line-height:1.5;padding:1px 6px;border-radius:0 0 0 6px;border-top-left-radius:0;background:rgba(0,0,0,.45)}
figure.ph3 > .ex{left:6px;top:6px;max-width:56%;white-space:normal;line-height:1.35}
figure.ph3 > .cr{max-width:42%}
figure.ph3{background-size:cover;background-position:center;background-repeat:no-repeat}
.illu svg *{fill:none;stroke:currentColor}.illu svg .s-tire,.illu svg .s-hub{fill:var(--paper)}
.illu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--sky-soft);border-radius:10px;padding:10px;text-align:center;font-size:11px;line-height:1.5;color:var(--sub);height:100%;min-height:120px;box-sizing:border-box}
.illu svg{width:72%;max-width:200px;height:auto;color:var(--ink)}
.tile .illu{border-radius:0;justify-content:flex-start;padding-top:14%}.tile .illu span{display:none}
.tdx{font-size:13px;line-height:1.6;margin:2px 0 0;color:var(--ink)}
.tdbt{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tdbt span{cursor:pointer;font-size:12.5px;font-weight:700;border-radius:999px;padding:5px 12px}
.tdbt .btn1{background:var(--sky);color:#fff}.tdbt .btn2{border:1px solid var(--sky);color:var(--sky);background:var(--paper)}
.cdph{position:relative;aspect-ratio:16/9;border-radius:8px;margin-top:4px}.cdph .cddays{position:absolute;left:8px;bottom:8px;background:rgba(255,255,255,.92);color:var(--ink);border-radius:8px;padding:2px 10px;font-weight:700;font-size:13px}.cdph .cddays b{font-size:30px;color:var(--sky);font-family:var(--f-gd)}
.cdcap{font-size:11px;color:var(--sub);margin:3px 0 0}.cdinfo{font-size:13px;line-height:1.6;margin:6px 0 0}



.colcats{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}
.colcats button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:4px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.colcats button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.colmon{font-size:14px;font-weight:900;margin:14px 0 6px;border-bottom:2px solid var(--ink);padding-bottom:2px}
.colcard{display:grid;grid-template-columns:5.6em minmax(0,1fr);gap:10px;padding:10px 4px;border-bottom:1px dotted var(--line);cursor:pointer}
.colcard:hover b{color:var(--sky);text-decoration:underline}
.colcard{border-left:5px solid var(--cc,var(--sky));padding-left:10px}
.colcard .cd{font-family:var(--f-num);font-size:13px;color:var(--sub);line-height:1.3}
.colcard .cd small{display:block;font-size:11px}
.colcard b{font-size:15px;line-height:1.5;display:block}
.colcard p{margin:2px 0 0;font-size:13px;color:var(--sub);line-height:1.6}
.ccat{display:inline-block;font-size:11px;font-weight:700;border-radius:4px;padding:1px 6px;margin-bottom:3px;background:var(--cc,var(--sky));color:#fff}
.colart{--cc:var(--sky)}.colart h2{border-left-color:var(--cc)}.colart .know{background:color-mix(in srgb,var(--cc) 12%,var(--paper))}.colart th{background:color-mix(in srgb,var(--cc) 14%,var(--paper))}
.colband{height:10px;border-radius:6px;background:linear-gradient(90deg,var(--cc),color-mix(in srgb,var(--cc) 30%,var(--paper)));margin:4px 0 10px}
.colart{max-width:46em;margin:0 auto}
.colart h1{font-size:clamp(21px,3.4vw,28px);line-height:1.45;text-wrap:balance;margin:6px 0 10px}
.colart h2{font-size:18px;margin:26px 0 8px;padding-left:10px;border-left:5px solid var(--sky)}
.colart p,.colart li{font-size:15.5px;line-height:1.9}
.colart table{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0}
.colart th,.colart td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
.colart th{background:var(--sky-soft)}
.colart .tw{overflow-x:auto;max-width:100%}
.colart .know{background:var(--forest-soft);border-radius:10px;padding:10px 14px;margin:10px 0}
.colart .chk{list-style:none;padding-left:0}.colart .chk li::before{content:"□ ";font-weight:700;color:var(--sky)}
.colart .afp{border:1px dashed var(--line);border-radius:8px;padding:8px 12px;margin:12px 0;font-size:13px;color:var(--sub)}
.colart .afp b{color:var(--ink)}
.colart .zu{border:2px dashed var(--sky);border-radius:10px;padding:14px;margin:12px 0;text-align:center;font-size:13px;color:var(--sub);background:var(--sky-soft)}
.colart .srcs{font-size:12.5px;color:var(--sub);border-top:1px solid var(--line);margin-top:24px;padding-top:8px}
.colnav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.colnav button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;padding:10px;text-align:left;font:inherit;cursor:pointer;min-width:0}
.colnav button small{display:block;color:var(--sub);font-size:12px}
.colnav button:disabled{opacity:.4;cursor:default}
.colrel{margin-top:16px}.colrel h3{font-size:15px;margin:0 0 6px}



#v-list{--th:#0d7770;--th2:#d9f0eb;--pbg:#eef5f3}
#v-car{--th:#1f5f8b;--th2:#dfeaf6;--pbg:#f0f4f8}
#v-ippan{--th:#c2410c;--th2:#fff0b8;--pbg:#fbfbea;--th3:#5f8f12}
#v-area{--th:#1769aa;--th2:#dcefff;--pbg:#eef6fc;--th3:#3f8f3a}
#v-shop{--th:#7a4b1e;--th2:#f6ead8;--pbg:#faf6ef;--th3:#c9a06a}
#v-pet{--th:#b94a1f;--th2:#ffe4d2;--pbg:#fff6ef;--th3:#e8a33d}
#v-world{--th:#3b3f9e;--th2:#e6e7fb;--pbg:#f2f2f9;--th3:#f5c84c}
#v-comm{--th:#5b4bb5;--th2:#ece9fb;--pbg:#f6f4fd}
#v-bcp{--th:#13294b;--th2:#e3e9f3;--pbg:#eef1f6;--th3:#f2a900}
#v-col{--th:#2f3e46;--th2:#eef0ee;--pbg:#fbfaf6}
#v-kiji{--th:#2f6f4f;--th2:#e1f0e6;--pbg:#f6f8f3}
.view:not(#v-top){background:var(--pbg);box-shadow:0 0 0 100vmax var(--pbg);clip-path:inset(0 -100vmax);padding-bottom:24px}

.view:not(#v-top) .strip{display:none!important}

.view:not(#v-top) .card,.view:not(#v-top) .prod,.view:not(#v-top) .car{border-color:color-mix(in srgb,var(--th) 20%,var(--line));box-shadow:0 1px 2px rgba(20,30,40,.07),0 4px 14px rgba(20,30,40,.06)}
.view:not(#v-top) .card > h3:first-child{border-left:4px solid var(--th);padding-left:9px}
.view:not(#v-top) .sh{border-bottom-color:var(--th)}
.view:not(#v-top) .pill[aria-pressed="true"]{background:var(--th);border-color:var(--th)}
.carw,.carw > div,.car3,.car3-in{min-width:0;max-width:100%}
.car3-in .sl > .illu{width:100%;aspect-ratio:4/3;min-height:0;overflow:hidden}
.band.noimg{background:linear-gradient(120deg,#0d6f69,#4f7d1c)}


.ccdoor{position:relative;display:grid;gap:18px;grid-template-columns:minmax(0,1fr);border-radius:14px;padding:clamp(16px,3vw,30px);margin:4px 0 18px;background:linear-gradient(135deg,var(--th2),#fff 80%);border:1px solid color-mix(in srgb,var(--th) 24%,transparent);overflow:hidden;color:var(--ink);min-width:0}
.ccdoor > *{min-width:0}
.ccdoor .dk{display:inline-block;font-family:var(--f-disp);font-weight:900;font-size:12.5px;letter-spacing:.06em;color:#fff;background:var(--th);padding:3px 11px;border-radius:4px}
.ccdoor .chead{display:grid;gap:6px;margin:8px 0 0!important}
.ccdoor .chead h1{font-size:clamp(27px,4.8vw,44px);font-weight:900;line-height:1.22;letter-spacing:.01em}
.ccdoor .chead .lead2,.ccdoor .chead p.muted{font-size:13.5px;color:var(--sub);max-width:none}
.ccdoor .dl{margin-top:10px;font-family:var(--f-disp);font-weight:900;font-size:clamp(15.5px,1.7vw,19px);line-height:1.55;max-width:34em}
.ccdoor .dn{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ccdoor .dn li{background:#fff;border:1px solid color-mix(in srgb,var(--th) 28%,transparent);border-radius:8px;padding:7px 12px 6px;display:grid;line-height:1.2;min-width:6.4em}
.ccdoor .dn b{font-family:var(--f-num);font-size:clamp(22px,2.6vw,28px);font-weight:700;color:var(--th)}
.ccdoor .dn span{font-size:12px;font-weight:700;color:var(--sub);margin-top:2px}
.ccdoor .dx{margin-top:14px}
.ccdoor .drail .rail{grid-auto-columns:minmax(230px,1fr)}
.ccdoor .drail .rail .tile{aspect-ratio:16/10}
.ccdoor .drail .railnav{margin:6px 0 0}
.ccdoor .mosaic{margin:0}
@media (min-width:900px){
  .ccdoor.side{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center}
}
.ccdoor.side .drail .rail{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none;padding:0}
.ccdoor.side .drail .rail .tile{aspect-ratio:4/3}
.ccdoor.side .drail .rail .tile:first-child:nth-last-child(2n+1){grid-column:1/-1;aspect-ratio:16/9}
.ccdoor.side .drail .railnav{display:none}
@media (max-width:899px){.ccdoor.side .drail .rail .tile:first-child:nth-last-child(2n+1){aspect-ratio:21/9}}
@media (max-width:560px){.ccdoor .drail .rail{grid-auto-columns:80%}.ccdoor .dn li{min-width:0;flex:1 1 calc(33% - 8px);padding-inline:9px}.ccdoor .dn span{font-size:11px}}
.ccdoor.slim{padding-block:clamp(14px,2.4vw,22px)}
.ccdoor.slim .tag{background:#fff}


.ccdoor[data-door="list"]{background:linear-gradient(135deg,#d3eee8,#f7fcfb 70%);border-top:6px solid var(--th)}

.ccdoor[data-door="ippan"]{background:linear-gradient(120deg,#fff0b0 0%,#fff8dc 45%,#e2f5c1 100%);border:2px solid #f0c94a}
.ccdoor[data-door="ippan"] .dn li{border-width:2px;border-color:#f0c94a}
.ccdoor[data-door="ippan"] .dn li:nth-child(even) b{color:var(--th3)}

.ccdoor[data-door="area"]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120V78l150-52 110 34 170-58 180 72 120-28 170 44 150-36 150 38v106z' fill='%23cde6c4'/%3E%3Cpath d='M0 120V96l210-30 190 26 220-34 230 30 190-18 160 22v28z' fill='%23b4d9a8'/%3E%3C/svg%3E") bottom/100% 64px no-repeat,linear-gradient(180deg,#bfe2ff 0%,#e3f2ff 55%,#eef8ea 100%);padding-bottom:clamp(34px,4vw,48px);border-color:#a9d2f2}
.ccdoor[data-door="area"] .dn li{background:rgba(255,255,255,.88)}
.ccdoor[data-door="area"] .dn li:nth-child(n+3) b{color:var(--th3)}

.ccdoor[data-door="shop"]{background:linear-gradient(180deg,#fdf6ea,#f3e2c7);border:1px solid #e3c99f;border-bottom:12px solid var(--th3)}
.ccdoor .dcats{display:flex;flex-wrap:wrap;gap:8px}
.ccdoor .dcats button{display:grid;text-align:left;gap:1px;border:1px solid #d9bd90;border-left:6px solid var(--th);background:#fff;border-radius:6px;padding:7px 12px;cursor:pointer;min-width:7.5em}
.ccdoor .dcats button b{font-family:var(--f-disp);font-weight:900;font-size:14.5px}
.ccdoor .dcats button small{font-size:12px;color:var(--sub);font-weight:700}
.ccdoor .dcats button:hover{background:#fff8ec}
.shelves{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}
.shelves > .shelf,.shelf .shrow{min-width:0;max-width:none}
.shelf{background:#fff;border:1px solid #e6d6bd;border-radius:10px;padding:12px 14px 0;box-shadow:0 1px 2px rgba(60,40,20,.07),0 4px 14px rgba(60,40,20,.06);scroll-margin-top:120px}
.shelf .shh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;border-left:6px solid var(--th);padding-left:10px}
.shelf .shh b{font-family:var(--f-disp);font-size:19px;font-weight:900}
.shelf .shh small{font-family:var(--f-num);font-weight:700;color:var(--th);font-size:13px}
.shelf .shh > span{font-size:12.5px;color:var(--sub)}
.shelf .shrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(185px,1fr);gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:12px 14px 14px;margin:0 -14px;border-bottom:12px solid var(--th3);background:linear-gradient(180deg,#fff 70%,#f7ecdb);border-radius:0 0 10px 10px;scrollbar-width:thin}
.shelf .shrow > .prod{scroll-snap-align:start}
@media (max-width:560px){.shelf .shrow{grid-auto-columns:72%}}

.ccdoor[data-door="pet"]{background:linear-gradient(135deg,#ffd9c0 0%,#ffeede 50%,#fff8f0 100%);border-radius:6px;border:2px solid #f2b48f}
.ccdoor[data-door="pet"] .dk{border-radius:2px}
.ccdoor[data-door="pet"] .dn li{border-radius:3px;border-width:2px;border-color:#f2b48f}
#v-pet .card,#v-pet .prod,#v-pet .pill{border-radius:5px}
#v-pet .card > h3:first-child{border-left-color:var(--th3)}

.ccdoor.night{background:linear-gradient(160deg,#e8ecff 0%,#f4f1ff 55%,#fff4dc 100%);border:1px solid #d9dcf5;color:var(--ink)}
.ccdoor.night .dk{background:var(--th);color:#fff}
.ccdoor.night .chead h1{color:#2b2f86;font-size:clamp(28px,5.4vw,52px)}
.ccdoor.night .dl{color:var(--ink)}
.ccdoor.night .dn li{background:#fff;border-color:#d9dcf5}
.ccdoor.night .dn b{color:var(--th)}
.ccdoor.night .dn span{color:var(--sub)}
@media (min-width:900px){.ccdoor.night{grid-template-columns:minmax(0,1fr)}.ccdoor.night .dtx{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 24px}.ccdoor.night .dtx .dk{grid-column:1/-1;justify-self:start}.ccdoor.night .dtx .dn{grid-column:2;grid-row:2/4;margin:0;justify-content:flex-end}}

.ccdoor[data-door="comm"]{background:linear-gradient(135deg,#e6e1fb,#fbfaff 75%)}
.ccdoor[data-door="comm"] .dn li{border-radius:14px 14px 14px 3px}

.ccdoor.navy{background:repeating-linear-gradient(-45deg,var(--th3) 0 14px,#13294b 14px 28px) left/10px 100% no-repeat,linear-gradient(135deg,#e6edf8,#fff 85%);color:var(--ink);border:0;padding-left:calc(clamp(16px,3vw,30px) + 10px)}
.ccdoor.navy .dk{background:#13294b;color:#fff}
.ccdoor.navy .chead h1{color:#13294b}
.ccdoor.navy .chead .lead2{color:var(--sub)}
.ccdoor.navy .dl{color:var(--ink)}
.ccdoor.navy .dn li{background:#fff;border-color:rgba(242,169,0,.55)}
.ccdoor.navy .dn b{color:#13294b}
.ccdoor.navy .dn span{color:var(--sub)}
#v-bcp .card{border-left:4px solid color-mix(in srgb,var(--th) 55%,#fff)}

.ccdoor[data-door="col"]{background:#fff;border-top:6px solid var(--th)}
.dcol .dstripe{display:flex;height:18px;border-radius:5px;overflow:hidden;gap:2px;background:#fff}
.dcol .dstripe span{min-width:4px}
.dcol .dlegend{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.dcol .dlegend button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:4px 10px;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--ink)}
.dcol .dlegend i{width:12px;height:12px;border-radius:3px;flex:0 0 auto}
.dcol .dlegend small{font-family:var(--f-num);color:var(--sub)}

.ccdoor[data-door="kiji"]{background:linear-gradient(135deg,#d9eee0,#fbfdf9 75%)}



.band .illu{display:none!important}
.band:not(:has(img)){background:var(--f3b,#eef5f1)!important;color:var(--ink);border:1px solid #d3e1da;min-height:0;cursor:pointer}
.band:not(:has(img)) .bg{display:none}
#band1:not(:has(img)){--f3b:linear-gradient(115deg,#e2f0fb 0%,#f2f8ee 100%);border-left:8px solid #1769aa}
#band2:not(:has(img)){--f3b:linear-gradient(115deg,#ffeedd 0%,#fff9f3 100%);border-left:8px solid #b94a1f}
#band3:not(:has(img)){--f3b:linear-gradient(115deg,#e6ecf6 0%,#f8f9fc 100%);border-left:8px solid #13294b}
.band:not(:has(img)) .tx{padding:20px 20px 22px}
.band:not(:has(img)) h3{color:#13294b;text-shadow:none}
#band2:not(:has(img)) h3{color:#8a3413}
#band1:not(:has(img)) h3{color:#0f4f80}
.band:not(:has(img)) p{color:#33433b}
.band:not(:has(img)) .go{background:#13294b;color:#fff}
#band2:not(:has(img)) .go{background:#8a3413}
#band1:not(:has(img)) .go{background:#0f4f80}

.quiz .qban{display:none!important}
.quiz .res .illu{display:none!important}
.quiz .res:not(:has(img)){grid-template-columns:minmax(0,1fr)}

.view:not(#v-top) .strip{display:none!important}

.tile .f3zu{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:9%;background:linear-gradient(165deg,#eef5f2,#d6e7e0)}
.tile .f3zu svg{width:66%;max-width:220px;height:auto}
.tile .f3zu small{position:absolute;left:8px;top:8px;font-size:11px;font-weight:900;background:#fff;color:var(--ink);border-radius:3px;padding:1px 6px}
.tile:has(.f3zu){aspect-ratio:4/3}

.view .tile:not([data-type]):has(.illu),.view .tile.noph:not([data-type]){display:none!important}
.car3-in .sl:has(.illu){display:none!important}
.card.carw:not(:has(img)){display:none!important}
#v-car .gal.f3one{grid-template-columns:minmax(0,1fr)}
.gal.f3one{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important}

.colart .zu,.view .zu{display:none!important}

@media (max-width:640px){
  #c-mop .tscroll{overflow:visible;border:0;background:none}
  #c-mop table,#c-mop tbody,#c-mop tr,#c-mop td{display:block;width:auto}
  #c-mop thead{display:none}
  #c-mop tr{border:1px solid var(--line);border-left:4px solid var(--th,#1f5f8b);border-radius:8px;padding:10px 12px;margin:0 0 8px;background:var(--paper)}
  #c-mop td{border:0!important;padding:2px 0!important;white-space:normal!important;text-align:left!important}
  #c-mop td:first-child{font-weight:900;font-size:15px;line-height:1.4}
  #c-mop td:nth-child(2){color:var(--sub);font-size:13px;line-height:1.5}
  #c-mop td:last-child{font-size:12px;margin-top:4px}
}

.prod .illu{display:none!important}
.prod .pic:not(:has(img)){display:none!important}
.prod.f3np{border-top:6px solid var(--th,#0d7770)!important;padding-top:12px}
.prod.f3np > b{font-size:16px;line-height:1.4}
.prod.f3np .row .mv{font-size:14px!important;font-weight:900;color:var(--th,#0d7770);font-family:var(--f-num)}
.prod.f3np .f3cat{display:inline-block;justify-self:start;font-size:11.5px;font-weight:900;color:#fff;background:var(--th,#0d7770);border-radius:3px;padding:1px 8px;margin-bottom:2px}
.car.f3np .illu{display:none}

#carlist .car .cph{aspect-ratio:auto!important;height:78px!important;min-height:0!important;display:flex;align-items:center;justify-content:flex-start;padding:0 14px}
#carlist .car .cph svg{height:58px!important;width:auto!important;max-width:45%}

.rank li:not(:has(figure)) .r{grid-column:auto}
.rank.f3plain li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:9px 2px;border-bottom:1px solid var(--line);cursor:pointer}
.rank.f3plain .nm{display:grid;gap:1px;font-weight:900}
.rank.f3plain .nm small{font-weight:400;color:var(--sub);font-size:12px}
.rank.f3plain .num{font-family:var(--f-num);font-weight:700;font-size:15px;color:var(--ink);white-space:nowrap}
.rank.f3plain .num small{font-size:11px;color:var(--sub);font-weight:400;margin-left:2px}

figure.ph3 > .ex{left:6px;top:6px;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.45}
.tile figure.ph3 > .cr{top:6px;bottom:auto;right:6px;max-width:40%;font-size:10.5px;line-height:1.45;border-radius:3px;background:rgba(0,0,0,.5)}
.tile figure.ph3:has(> .ex) > .cr{max-width:38%}
.tile figure.ph3 > .cr .crb{font-size:inherit}

.loop .f3hide{display:none!important}
.loop .rail{grid-auto-columns:minmax(220px,320px)!important;justify-content:start}
#c-spec .keyspec em.f3n{display:block;font-style:normal;font-size:11.5px;color:var(--sub);margin-top:3px;line-height:1.4}
.loop .feed:empty{display:none}


.view .card > h3:first-child{margin:-14px -16px 12px;padding:11px 16px 10px;font-size:clamp(17px,1.6vw,19px);font-weight:900;line-height:1.35;letter-spacing:.02em;color:var(--th,var(--sky));background:linear-gradient(90deg,color-mix(in srgb,var(--th,var(--sky)) 16%,var(--paper)),color-mix(in srgb,var(--th,var(--sky)) 4%,var(--paper)));border:0;border-bottom:3px solid var(--th,var(--sky));display:flex;align-items:center;gap:8px}
.view .card > h3:first-child::before{content:"";flex:0 0 auto;width:8px;height:1.1em;border-radius:3px;background:var(--th,var(--sky))}
.view .card{overflow:hidden}
.view .sh h2{font-size:clamp(20px,2.2vw,24px);font-weight:900;letter-spacing:.02em}
.view .sh{border-bottom-width:3px!important}
.tile .cap em.k-toku{background:#c9a227;color:#1b1206}.tile .cap em.k-world{background:#3b2f86;color:#fff}.tile .cap em.k-pet{background:#e0703a;color:#fff}
.tile .cap em.k-trailer{background:#11807a;color:#fff}.tile .cap em.k-sai{background:#c62828;color:#fff}.tile .cap em.k-ippan{background:#3f8f2f;color:#fff}
.tile .cap em.k-sha{background:#1f5f9e;color:#fff}.tile .cap em.k-chi{background:#2e6b3f;color:#fff}.tile .cap em.k-goods{background:#7a4b1e;color:#fff}


.wico{display:inline-flex;align-items:center;gap:2px;vertical-align:-6px;margin-right:6px}.wico svg{width:30px;height:30px}
.wday .wico svg,.wx .wico svg{width:34px;height:34px}.wx .wico{display:flex;justify-content:center;margin:2px 0}
.wxg{position:relative;overflow:hidden;isolation:isolate}
.wxg::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55}
.wxg.wb-sun::before{background:radial-gradient(circle at 85% 8%,#ffd76a 0,#ffe9a8 18%,transparent 45%),linear-gradient(180deg,#fff6dc,transparent 60%);animation:wsun 6s ease-in-out infinite alternate}
.wxg.wb-cloud::before{background:radial-gradient(ellipse 120px 40px at 20% 15%,#dfe5ea 60%,transparent 62%),radial-gradient(ellipse 160px 50px at 70% 10%,#e7ecf0 60%,transparent 62%),linear-gradient(180deg,#eef2f5,transparent 70%);background-size:200% 100%;animation:wcloud 18s linear infinite}
.wxg.wb-rain::before{background:repeating-linear-gradient(105deg,rgba(80,130,190,.35) 0 2px,transparent 2px 14px),linear-gradient(180deg,#dbe7f3,transparent 70%);background-size:60px 60px,100% 100%;animation:wrain .6s linear infinite}
.wxg.wb-snow::before{background:radial-gradient(circle,#fff 0 2px,transparent 3px) 0 0/28px 28px,radial-gradient(circle,#fff 0 1.5px,transparent 2.5px) 14px 10px/22px 22px,linear-gradient(180deg,#dce8f2,transparent 75%);animation:wsnow 5s linear infinite}
@keyframes wsun{to{opacity:.8}}@keyframes wcloud{to{background-position:-200% 0,0 0}}@keyframes wrain{to{background-position:-20px 60px,0 0}}@keyframes wsnow{to{background-position:0 56px,14px 54px,0 0}}
@media (prefers-reduced-motion:reduce){.wxg::before{animation:none!important}}
.jmap .pf .pfi{pointer-events:none}


body[data-pg]{background-attachment:fixed!important}
body[data-pg=top]{background:radial-gradient(900px 520px at 0% 0%,#ffe2b8 0,transparent 62%),radial-gradient(800px 480px at 100% 10%,#cdeafe 0,transparent 60%),radial-gradient(700px 500px at 50% 100%,#d9f5df 0,transparent 60%),repeating-linear-gradient(135deg,rgba(0,0,0,.022) 0 2px,transparent 2px 16px),#fbf8f1!important}
body[data-pg=car],body[data-pg=list]{background:radial-gradient(900px 500px at 100% 0%,#d6e4ff 0,transparent 60%),radial-gradient(700px 500px at 0% 60%,#ffe0cc 0,transparent 60%),repeating-linear-gradient(90deg,rgba(30,60,120,.035) 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,rgba(30,60,120,.035) 0 1px,transparent 1px 28px),#f6f8fc!important}
body[data-pg=ippan]{background:radial-gradient(800px 500px at 0% 0%,#d8f3dc 0,transparent 60%),radial-gradient(700px 500px at 100% 70%,#fff1bf 0,transparent 60%),repeating-linear-gradient(45deg,rgba(40,100,40,.03) 0 2px,transparent 2px 18px),#f7fbf5!important}
body[data-pg=area]{background:radial-gradient(900px 520px at 0% 0%,#c9f0e4 0,transparent 60%),radial-gradient(800px 500px at 100% 30%,#dfe7ff 0,transparent 60%),radial-gradient(600px 400px at 30% 100%,#fde2cf 0,transparent 60%),#f4f9f7!important}
body[data-pg=shop]{background:radial-gradient(800px 480px at 0% 0%,#ffd8a8 0,transparent 60%),radial-gradient(800px 480px at 100% 20%,#ffc9de 0,transparent 60%),radial-gradient(700px 500px at 50% 100%,#c5f6fa 0,transparent 60%),radial-gradient(circle,rgba(120,60,10,.06) 1.2px,transparent 1.6px) 0 0/18px 18px,#fff8f0!important}
body[data-pg=pet]{background:radial-gradient(800px 480px at 100% 0%,#ffd6c2 0,transparent 60%),radial-gradient(700px 480px at 0% 50%,#fff3b0 0,transparent 60%),radial-gradient(circle,rgba(200,90,40,.07) 2px,transparent 2.5px) 0 0/26px 26px,#fff9f3!important}
body[data-pg=world]{background:radial-gradient(900px 520px at 0% 0%,#ddd6ff 0,transparent 60%),radial-gradient(800px 500px at 100% 40%,#c3fae8 0,transparent 60%),radial-gradient(600px 400px at 40% 100%,#ffe3e3 0,transparent 60%),#f8f7ff!important}
body[data-pg=comm]{background:radial-gradient(800px 480px at 0% 0%,#e5dbff 0,transparent 60%),radial-gradient(800px 480px at 100% 30%,#ffdeeb 0,transparent 60%),radial-gradient(700px 500px at 50% 100%,#d3f9d8 0,transparent 60%),#faf8ff!important}
body[data-pg=bcp]{background:radial-gradient(800px 480px at 100% 0%,#ffe3e3 0,transparent 60%),radial-gradient(800px 500px at 0% 40%,#fff3bf 0,transparent 60%),repeating-linear-gradient(135deg,rgba(230,119,0,.05) 0 12px,transparent 12px 40px),#fffaf5!important}
body[data-pg=col],body[data-pg=kiji]{background:radial-gradient(800px 480px at 0% 0%,#d0ebff 0,transparent 60%),radial-gradient(800px 480px at 100% 30%,#fff0f6 0,transparent 60%),radial-gradient(700px 480px at 50% 100%,#fff4e6 0,transparent 60%),#fbfaf7!important}
body[data-pg=judge]{background:radial-gradient(800px 480px at 0% 0%,#e7f5ff 0,transparent 60%),radial-gradient(800px 480px at 100% 60%,#f3f0ff 0,transparent 60%),#f8f9fb!important}
.view .card{background:linear-gradient(180deg,#fff 0,#fff 55%,color-mix(in srgb,var(--hc,#888) 8%,#fff) 100%)!important;border-color:color-mix(in srgb,var(--hc,#888) 30%,#e5e5e5)!important;box-shadow:0 2px 4px rgba(0,0,0,.05),0 10px 24px color-mix(in srgb,var(--hc,#888) 14%,transparent)!important}
.view .card > h3:first-child{position:relative;min-height:60px;margin:-14px -16px 14px!important;padding:15px 160px 15px 18px!important;color:#fff!important;background:linear-gradient(100deg,var(--hc) 0,var(--hc) 55%,color-mix(in srgb,var(--hc) 70%,#000) 100%)!important;border:0!important;font-size:clamp(18px,1.8vw,21px)!important;line-height:1.35;letter-spacing:.03em;text-shadow:none;overflow:hidden}
.view .card > h3:first-child::before{display:none!important}
.view .card > h3:first-child *{color:#fff!important}
.view .card > h3.f1{font-family:"Noto Sans JP",sans-serif!important;font-weight:900!important}
.view .card > h3.f2{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif!important;font-weight:900!important}
.view .card > h3.f3{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif!important;font-weight:700!important}
.view .card > h3 .hph{position:absolute;right:0;top:0;height:100%;width:190px;max-width:none;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 50%);mask-image:linear-gradient(90deg,transparent 0,#000 50%);pointer-events:none}
@media (max-width:560px){.view .card > h3:first-child{padding-right:100px!important}.view .card > h3 .hph{width:120px}}
.view .sh h2{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif!important;font-weight:900!important;font-size:clamp(21px,2.3vw,26px)!important;color:#1d2530!important;letter-spacing:.03em;display:flex;align-items:center;gap:10px}
.view .sh h2::before{content:"";flex:0 0 auto;width:6px;height:1.15em;border-radius:3px;background:var(--hc,#1971c2)}
.view .sh{border-bottom:3px solid color-mix(in srgb,var(--hc,#1971c2) 55%,#fff)!important}

.band.b8{position:relative;overflow:hidden;min-height:170px;display:flex;flex-direction:column;justify-content:center;background-size:cover!important;background-position:center!important;border:0!important;color:#fff!important}
.band.b8 *{color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,.5)}
.band.b8 h2,.band.b8 b,.band.b8 strong{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif!important;font-weight:900!important;font-size:clamp(22px,2.6vw,30px)!important}
.band.b8 a,.band.b8 button,.band.b8 .btn,.band.b8 [data-go]{background:#fff!important;color:#222!important;text-shadow:none!important;border:0!important;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.band.b8 [data-go] *{color:#222!important;text-shadow:none!important}
.band.b8 .b8c{position:absolute;right:8px;bottom:6px;font-size:10px;opacity:.85}
.crd8{position:absolute;right:4px;top:4px;z-index:2;max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px!important;line-height:1.4;font-weight:500!important;font-family:"Noto Sans JP",sans-serif!important;letter-spacing:0!important;background:rgba(0,0,0,.5);color:#fff!important;padding:0 5px;border-radius:3px;text-shadow:none!important;pointer-events:none}
.view .card > h3 .crd8{top:auto;bottom:3px;right:4px}

#v-bcp .b8fig{position:relative;margin:0 0 18px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e3e3e3;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center}#v-bcp .b8fig img{width:100%;height:100%;max-height:300px;object-fit:cover;display:block}#v-bcp .b8fig figcaption{padding:16px 18px;font-size:14px;line-height:1.7;color:#333}#v-bcp .b8fig .crd8{top:6px;left:6px;right:auto}@media (max-width:560px){#v-bcp .b8fig{grid-template-columns:1fr}}
.b8hero .b8cap{position:absolute;right:10px;bottom:8px;font-size:11px;font-weight:700;color:#fff;background:rgba(0,0,0,.55);padding:2px 8px;border-radius:4px}
.prod .f3cat.t8{background:#fff4e6!important;color:#b35300!important;border:1px solid #ffd8a8;font-size:12px!important;padding:2px 8px!important}
.mem8{display:inline-flex;gap:6px;align-items:center;margin-right:8px}.mem8 button{font:inherit;font-size:13px;font-weight:900;border-radius:999px;padding:7px 14px;cursor:pointer;white-space:nowrap}
.mem8 .m8l{background:#fff;color:#1d2530;border:1.5px solid #1d2530}.mem8 .m8r{background:linear-gradient(135deg,#e8590c,#d6336c);color:#fff;border:0;box-shadow:0 3px 10px rgba(214,51,108,.3)}
@media (max-width:560px){.mem8 button{font-size:12px;padding:6px 10px}}
#carlist .car .cph.c8,.view .car .cph.c8{height:170px!important;min-height:170px!important;padding:0!important;display:block!important}#carlist .car .cph.c8 > img.c8i,.view .car .cph.c8 > img.c8i{height:170px!important;width:100%}
.car .cph.c8 .c8n{font-size:10.5px!important;padding:22px 8px 6px!important;line-height:1.35}.car .cph.c8 .c8n b{font-size:14px!important;margin-bottom:1px}
.car .cph.c8 .crd8{left:4px;right:auto;max-width:58%}

#v-pet .ccdoor[data-door].b8pet{position:relative;background:linear-gradient(90deg,#fff7ef 0,#fff7ef 52%,rgba(255,247,239,0) 64%),url(img/dog.m.webp) right center/auto 100% no-repeat,#fff7ef!important}

#v-col .b8col[class]{position:relative;background:linear-gradient(90deg,#fff 0,#fff 55%,rgba(255,255,255,0) 68%),url(img/suwa.m.webp) right center/auto 100% no-repeat,#fff!important}
#toast8{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#1d2530;color:#fff;font-weight:700;font-size:14px;padding:10px 18px;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.25);transition:.25s;z-index:9999;max-width:90vw;text-align:center}
#toast8.on{opacity:1;transform:translateX(-50%) translateY(0)}
#v-world .g2,#v-world .g3,#v-world .grid{align-items:start}
@media (max-width:560px){.b8hero .b8cap{position:static;display:block;margin-top:8px;width:max-content;max-width:100%}}
.view .card > h3.noph8{padding-right:18px!important}
.colcard.noth8{grid-template-columns:5.6em minmax(0,1fr)!important}
#carlist .car .cph.c8.c8none,.view .car .cph.c8.c8none{height:auto!important;min-height:0!important;background:linear-gradient(135deg,color-mix(in srgb,var(--hc,#1971c2) 14%,#fff),#fff)!important}
#carlist .car .cph.c8.c8none .c8n,.view .car .cph.c8.c8none .c8n{position:static!important;background:none;color:#5b6573;padding:10px 12px!important}
#carlist .car .cph.c8.c8none .c8n b,.view .car .cph.c8.c8none .c8n b{display:none!important}#carlist .car .cph.c8.c8none .c8n,.view .car .cph.c8.c8none .c8n{padding:12px 110px 12px 12px!important;font-size:11.5px!important}

.gadgets #g-today{order:0}.gadgets #g-count{order:1}.gadgets #g-map{order:2}.gadgets #g-wx{order:3}
.crd8{white-space:normal!important;max-width:92%!important;text-overflow:clip!important}

body:not(.m-on) .plan[data-k="C"],body:not(.m-on) .plan[data-k="D"]{display:none!important}

#v-d8 .d8{display:flex;flex-direction:column;gap:18px}
#v-d8 .d8hero{position:relative;border-radius:16px;overflow:hidden;min-height:320px;background:#222}
#v-d8 .d8hero img{width:100%;height:clamp(300px,52vw,560px);object-fit:cover;display:block}
#v-d8 .d8h{position:absolute;left:0;right:0;bottom:0;padding:28px clamp(16px,3vw,32px) 22px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));color:#fff}
#v-d8 .d8h h1{margin:6px 0 6px;font-size:clamp(24px,3.6vw,40px);font-weight:900;line-height:1.25;color:#fff}
#v-d8 .d8h p{margin:0;font-size:clamp(14px,1.6vw,17px);line-height:1.7;max-width:60em}
#v-d8 .d8tg{display:inline-block;font-size:12px;font-weight:900;background:#5f3dc4;color:#fff;border-radius:4px;padding:2px 9px}
#v-d8 .d8grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#v-d8 .d8c{background:#fff;border-radius:14px;padding:18px 20px;border-top:6px solid var(--dc,#1971c2);box-shadow:0 4px 14px rgba(0,0,0,.06)}
#v-d8 .d8a{--dc:#1971c2}#v-d8 .d8b{--dc:#2b8a3e}#v-d8 .d8l{--dc:#e67700}
#v-d8 .d8c h2{margin:0 0 8px;font-size:19px;font-weight:900;color:#1d2530}#v-d8 .d8c h3{margin:10px 0 4px;font-size:15px;font-weight:900;color:#2b3440}
#v-d8 .d8c p,#v-d8 .d8c li{font-size:15px;line-height:1.75;color:#333}#v-d8 .d8c ul{margin:4px 0;padding-left:1.2em}
#v-d8 .d8src{font-size:12px!important;color:#778!important}
#v-d8 .d8s h2{font-size:21px;font-weight:900;color:#1d2530;margin:6px 0 10px;display:flex;align-items:center;gap:10px}#v-d8 .d8s h2::before{content:"";width:6px;height:1.1em;border-radius:3px;background:#5f3dc4}
#v-d8 .d8row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:12px;overflow-x:auto;padding-bottom:6px}
#v-d8 .d8t{position:relative;border:0;padding:0;border-radius:12px;overflow:hidden;cursor:pointer;background:#222;text-align:left;font:inherit;height:170px}
#v-d8 .d8t img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}#v-d8 .d8t:hover img{transform:scale(1.06)}
#v-d8 .d8t span{position:absolute;left:0;right:0;bottom:0;padding:24px 12px 10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75));color:#fff;display:flex;flex-direction:column;gap:3px}
#v-d8 .d8t em{font-style:normal;font-size:11px;font-weight:900;background:rgba(95,61,196,.9);align-self:flex-start;padding:1px 7px;border-radius:3px}#v-d8 .d8t b{font-size:15px;line-height:1.35}
#v-d8 .d8b{display:flex;flex-wrap:wrap;gap:10px}#v-d8 .d8b button{font:inherit;font-size:15px;font-weight:900;border-radius:999px;padding:11px 18px;cursor:pointer;border:1.5px solid #1971c2;background:#fff;color:#1971c2}#v-d8 .d8b button:first-child{background:#1971c2;color:#fff}
#v-d8 .d8foot{font-size:12px;color:#778}
#v-d8 .s8list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
#v-d8 .s8i{text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-left:5px solid #1971c2;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;transition:box-shadow .15s,transform .15s}
#v-d8 .s8i:hover{box-shadow:0 6px 16px rgba(0,0,0,.1);transform:translateY(-1px)}#v-d8 .s8i b{font-size:15px;color:#1d2530}#v-d8 .s8i small{font-size:12px;color:#667}
#v-d8 .d8c h2{display:block!important;float:none!important}#v-d8 .d8c h3{float:none!important;clear:both!important;width:100%!important;position:static!important;display:block!important;text-align:left!important;font-size:15px!important;margin:10px 0 4px!important;padding:0!important;background:none!important;color:#2b3440!important;min-height:0!important}
#v-d8 .c8hero{border-radius:16px;padding:clamp(20px,4vw,40px);background:linear-gradient(135deg,#e7f5ff 0,#f3f0ff 60%,#fff4e6 100%);border:1px solid #dbe4ff}
#v-d8 .c8hero h1{margin:8px 0 4px;font-size:clamp(26px,4vw,42px);font-weight:900;color:#1d2530}
#v-d8 .c8mk{margin:0;font-size:16px;color:#495057;font-weight:700}#v-d8 .c8pr{margin:10px 0 0;font-size:clamp(24px,3.4vw,34px);font-weight:900;color:#c2255c}#v-d8 .c8pr small{font-size:13px;color:#667;margin-left:8px;font-weight:500}
#v-d8 .c8np{margin:8px 0 0;font-size:12px;color:#778}
#v-d8 .c8spec dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}#v-d8 .c8spec dl div{background:#f8f9fa;border-radius:10px;padding:10px 12px}
#v-d8 .c8spec dt{font-size:12px;color:#667}#v-d8 .c8spec dd{margin:2px 0 0;font-size:16px;font-weight:900;color:#1d2530;word-break:break-word}
@media (max-width:760px){#v-d8 .c8spec dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
#v-d8 .c8tt{background:linear-gradient(135deg,#1971c2,#5f3dc4)!important}#v-d8 .c8tt .c8tc{position:absolute;inset:0;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;color:#fff;background:none}
#v-d8 .c8tt small{font-size:12px;opacity:.9}#carlist .car{cursor:pointer}
@media (max-width:900px){#v-d8 .d8grid{grid-template-columns:1fr}}
@media (max-width:560px){#v-d8 .d8row{grid-auto-columns:72%}}

#shousai8{position:fixed;inset:0;z-index:10000;background:rgba(10,14,20,.6);display:none;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
#shousai8.on{display:flex}
#shousai8 .s8in{position:relative;background:#fff;border-radius:16px;max-width:880px;width:100%;max-height:92vh;overflow:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);box-shadow:0 20px 60px rgba(0,0,0,.35)}
#shousai8 .s8ph{position:relative;min-height:240px;background:#eee}#shousai8 .s8ph img{width:100%;height:100%;object-fit:cover;display:block}
#shousai8 .s8tx{padding:22px 22px 18px;display:flex;flex-direction:column;gap:10px}
#shousai8 h2{margin:0;font-size:22px;line-height:1.35;font-weight:900;color:#1d2530}
#shousai8 .s8tg{align-self:flex-start;font-size:12px;font-weight:900;color:#fff;background:#5f3dc4;border-radius:4px;padding:2px 9px}
#shousai8 .s8d{margin:0;font-size:15px;line-height:1.75;color:#333}#shousai8 .s8j{margin:0;font-size:12px;color:#667}#shousai8 .s8s{margin:auto 0 0;font-size:11px;color:#889}
#shousai8 .s8b{display:flex;flex-wrap:wrap;gap:8px}#shousai8 .s8b button{font:inherit;font-size:14px;font-weight:900;border-radius:999px;padding:9px 14px;cursor:pointer;border:1.5px solid #1971c2;background:#fff;color:#1971c2}
#shousai8 .s8b button:first-child{background:#1971c2;color:#fff}
#shousai8 .s8x{position:absolute;top:8px;right:8px;z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:22px;line-height:1;cursor:pointer}
@media (max-width:640px){#shousai8 .s8in{grid-template-columns:1fr}#shousai8 .s8ph{min-height:200px;max-height:42vh}}
.view .tile{cursor:pointer!important}

@media (max-width:760px){
 header.site .hbar{transition:max-height .25s,opacity .2s;max-height:400px;overflow:hidden}
 body.sc8 header.site .hbar{max-height:0;opacity:0;padding:0!important;margin:0!important}
 header.site .gnav{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
}
header.site .gnav button[data-go="car"]{display:none}
#cmpbar8{position:fixed;left:50%;transform:translateX(-50%) translateY(140%);bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:9000;display:flex;gap:10px;align-items:center;background:#1d2530;color:#fff;padding:10px 12px 10px 18px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.3);transition:transform .25s;max-width:94vw;font-weight:700;font-size:14px}
#cmpbar8.on{transform:translateX(-50%) translateY(0)}#cmpbar8 button{font:inherit;font-weight:900;border:0;border-radius:999px;padding:8px 14px;cursor:pointer;background:#ffd43b;color:#1d2530;white-space:nowrap}#cmpbar8 button.x{background:transparent;color:#ced4da;padding:8px 6px}
#calc8.g9{margin:0 0 22px;border-radius:22px;padding:clamp(18px,3vw,30px);background:radial-gradient(600px 300px at 0% 0%,#e7f5ff 0,transparent 60%),radial-gradient(500px 300px at 100% 100%,#fff3bf 0,transparent 60%),#fff;border:1px solid #dbe4ff;box-shadow:0 18px 40px rgba(25,113,194,.12)}
.g9head .g9tag{font-family:"Roboto Mono",monospace;font-weight:700;font-size:12px;letter-spacing:.2em;color:#1971c2;background:#e7f5ff;padding:3px 8px;border-radius:4px}
.g9head h2{margin:10px 0 4px;font-size:clamp(22px,2.8vw,30px);font-weight:900;color:#1d2530}.g9head p{margin:0 0 14px;color:#495057;font-size:14px}
.g9in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,2fr);gap:10px;margin-bottom:14px}
.g9f{background:#fff;border:1px solid #e9ecef;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 6px rgba(0,0,0,.04)}.g9f label{font-size:13px;font-weight:900;color:#495057}
.g9st{display:flex;align-items:center;justify-content:space-between}.g9st button{width:38px;height:38px;border-radius:50%;border:0;background:#1971c2;color:#fff;font-size:20px;font-weight:900;cursor:pointer}.g9st b{font-family:"Roboto Mono",monospace;font-size:28px;color:#1d2530}
.g9f input[type=range]{width:100%;accent-color:#1971c2}.g9f label b{font-family:"Roboto Mono",monospace;font-size:22px;color:#1971c2}.g9tick{display:flex;justify-content:space-between;font-size:11px;color:#868e96}
.g9cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.g9c{position:relative;border-radius:16px;padding:14px 16px;background:#fff;border:1px solid #e9ecef;display:flex;flex-direction:column;gap:4px;overflow:hidden}
.g9c::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--gc)}.g9water{--gc:#228be6}.g9food{--gc:#f08c00}.g9toilet{--gc:#7048e8}.g9pet{--gc:#e64980}
.g9i{font-size:26px;line-height:1}.g9c h3{margin:0;font-size:15px;font-weight:900;color:#343a40}
.g9big{margin:2px 0;font-size:14px;color:#495057}.g9big b{font-family:"Roboto Mono",monospace;font-size:38px;color:var(--gc);line-height:1}
.g9bottles{display:flex;flex-wrap:wrap;gap:3px;margin:4px 0}.g9bottles i{width:9px;height:20px;border-radius:3px 3px 2px 2px;background:linear-gradient(180deg,#a5d8ff,#228be6)}.g9bottles em{font-style:normal;font-size:12px;color:#228be6;font-weight:900}
.g9s{margin:0;font-size:13px;color:#343a40;font-weight:700}.g9src{margin:auto 0 0;font-size:11px;color:#868e96;line-height:1.55;padding-top:6px}
.g9mini{font-size:12px;color:#495057;font-weight:700;display:flex;align-items:center;gap:6px}.g9mini input,.g9dev input[type=number]{width:4.6em;font:inherit;font-size:14px;padding:4px 6px;border:1.5px solid #ced4da;border-radius:8px}
.g9link{align-self:flex-start;font:inherit;font-size:13px;font-weight:900;color:#e64980;background:none;border:0;padding:0;cursor:pointer}
.g9elec{margin-top:12px;background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:14px 16px}.g9eh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.g9eh h3{margin:0;font-size:16px;font-weight:900;flex:1 1 auto}
.g9devs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:10px 0}.g9dev{display:flex;align-items:center;gap:6px;font-size:13px;color:#343a40;flex-wrap:wrap}.g9dn{min-width:8.5em;font-weight:700}
.g9meter{display:flex;align-items:center;gap:14px}.g9bar{flex:1 1 auto;height:16px;border-radius:8px;background:#f1f3f5;overflow:hidden}.g9bar i{display:block;height:100%;border-radius:8px;transition:width .3s}
.g9big2{margin:0;font-size:14px;color:#495057;white-space:nowrap}.g9big2 b{font-family:"Roboto Mono",monospace;font-size:32px;color:#2b8a3e}.g9big2 small{font-size:12px}
.g9foot{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.g9copy{font:inherit;font-weight:900;font-size:14px;border:0;border-radius:999px;padding:10px 18px;background:#1971c2;color:#fff;cursor:pointer}#g9copied{font-size:12px;color:#2b8a3e;white-space:pre-wrap}
@media (max-width:900px){.g9in{grid-template-columns:repeat(3,minmax(0,1fr))}.g9wide{grid-column:1/-1}.g9cards{grid-template-columns:repeat(2,minmax(0,1fr))}.g9devs{grid-template-columns:1fr}}
@media (max-width:480px){.g9cards{grid-template-columns:1fr}.g9meter{flex-direction:column;align-items:stretch}}
.empty8{margin:6px 0;padding:14px 16px;border:2px dashed #ced4da;border-radius:10px;color:#495057;font-weight:700;background:#f8f9fa}
.ticker{display:flex!important;gap:10px!important}.ticker .tkmh{position:relative!important;left:auto!important;top:auto!important;flex:0 0 auto!important;z-index:2}.ticker .tkwrap{flex:1 1 auto;min-width:0;overflow-x:auto}.ticker .tk-in{transform:none!important;margin-left:0!important;animation:none!important}
@media (max-width:760px){
 header.site .hbar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 6px!important}
 header.site .hbar .logo{flex:1 1 100%}
 header.site .mem8{margin-right:0}header.site .mem8 button{font-size:12px!important;padding:6px 11px!important}
 .ticker .tk-in{display:flex!important;flex-direction:column!important;gap:6px!important;white-space:normal!important}
 .ticker .tk-in span[data-colgo]:nth-child(n+4){display:none}
 .ticker{align-items:flex-start!important;flex-direction:column}
}

.view .ccdoor.h9{position:relative;min-height:clamp(360px,42vw,520px);border:0!important;border-radius:20px!important;overflow:hidden;color:#fff!important;padding:clamp(22px,4vw,48px)!important;display:flex!important;flex-direction:column;justify-content:flex-end;box-shadow:0 18px 40px rgba(15,20,30,.22)}
.view .ccdoor.h9::before,.view .ccdoor.h9::after{display:none!important}
.view .ccdoor.h9 .dtx{position:relative;z-index:2;max-width:760px}
.view .ccdoor.h9c{align-items:center;text-align:center}.view .ccdoor.h9c .dtx{margin:0 auto}.view .ccdoor.h9c .dn,.view .ccdoor.h9c .h9new,.view .ccdoor.h9c .h9top{justify-content:center}
.view .ccdoor.h9 .h9top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.view .ccdoor.h9 .h9no{font-family:"Roboto Mono",monospace;font-weight:700;font-size:13px;color:#1d2530;background:var(--h9);padding:3px 8px;border-radius:4px}
.view .ccdoor.h9 .h9en{font-family:"Noto Sans JP",sans-serif;font-weight:900;font-size:clamp(13px,1.3vw,16px);letter-spacing:.12em;color:var(--h9)}
.view .ccdoor.h9 .dk{display:none!important}
.view .ccdoor.h9 h1{color:#fff!important;font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif!important;font-weight:900!important;font-size:clamp(34px,5.4vw,66px)!important;line-height:1.12!important;letter-spacing:-.01em!important;margin:0 0 12px!important;text-shadow:0 2px 18px rgba(0,0,0,.35);background:none!important;-webkit-text-fill-color:#fff}
.view .ccdoor.h9 h1::after{content:"";display:block;width:72px;height:6px;border-radius:3px;background:var(--h9);margin-top:14px}
.view .ccdoor.h9c h1::after{margin-left:auto;margin-right:auto}
.view .ccdoor.h9 .lead2,.view .ccdoor.h9 .chead p,.view .ccdoor.h9 .dtx > p{color:rgba(255,255,255,.92)!important;font-size:clamp(15px,1.6vw,18px)!important;font-weight:700;line-height:1.7;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.view .ccdoor.h9 .dn{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.view .ccdoor.h9 .dn li{background:rgba(255,255,255,.14)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;border-radius:12px!important}
.view .ccdoor.h9 .dn li *{color:#fff!important}.view .ccdoor.h9 .dn li b,.view .ccdoor.h9 .dn li strong{font-family:"Roboto Mono",monospace;font-size:26px!important;color:var(--h9)!important}
.view .ccdoor.h9 .h9new{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px}
.view .ccdoor.h9 .h9lb{font-family:"Roboto Mono",monospace;font-weight:700;font-size:12px;letter-spacing:.15em;color:#1d2530;background:var(--h9);padding:4px 8px;border-radius:4px}
.view .ccdoor.h9 .h9new button{font:inherit;font-size:14px;font-weight:700;color:#fff;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:7px 14px;cursor:pointer;text-align:left;max-width:100%}
.view .ccdoor.h9 .h9new button:hover{background:var(--h9);color:#1d2530}.view .ccdoor.h9 .h9new time{font-family:"Roboto Mono",monospace;margin-right:8px;opacity:.85}
.view .ccdoor.h9 .dvis{position:relative;z-index:2;margin-top:18px}
.view .ccdoor.h9 *{writing-mode:horizontal-tb!important}
.view .ccdoor.h9.night .dtx,.view .ccdoor.h9 .dtx{display:block!important}.view .ccdoor.h9.night .dtx .dn{margin-top:16px!important;justify-content:inherit}.view .ccdoor.h9 .dtx .dn{display:flex!important}.view .ccdoor.h9 .chead,.view .ccdoor.h9 .dh{background:none!important;box-shadow:none!important;border:0!important;padding:0!important}
.view .ccdoor.h9 .dtx,.view .ccdoor.h9 .dh,.view .ccdoor.h9 .chead,.view .ccdoor.h9 h1,.view .ccdoor.h9 .dl{position:static!important;transform:none!important;width:auto!important;max-width:760px!important;grid-column:auto!important;grid-row:auto!important}
.view .ccdoor.h9 .dl{color:rgba(255,255,255,.92)!important;font-size:clamp(15px,1.6vw,18px)!important;font-weight:700;margin:0}
.view .ccdoor.h9 .dvis{width:100%;max-width:none}
.view .ccdoor.h9 .dcats{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.view .ccdoor.h9c .dcats{justify-content:center}
.view .ccdoor.h9 .dcats button{background:rgba(255,255,255,.14)!important;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4)!important;border-radius:999px!important;padding:8px 14px!important;cursor:pointer;display:flex;gap:6px;align-items:baseline}
.view .ccdoor.h9 .dcats button b{color:#fff!important;font-size:14px}.view .ccdoor.h9 .dcats button small{color:var(--h9)!important;font-weight:700}
.view .ccdoor.h9 .dcats button:hover{background:var(--h9)!important}.view .ccdoor.h9 .dcats button:hover b,.view .ccdoor.h9 .dcats button:hover small{color:#1d2530!important}
.view .ccdoor.h9 > .crd8{top:10px;right:12px;bottom:auto;left:auto}
@media (max-width:640px){.view .ccdoor.h9{min-height:440px;border-radius:14px!important}.view .ccdoor.h9 .dn li b{font-size:20px!important}.view .ccdoor.h9 .h9new button{font-size:13px}}
.rk9{display:flex;flex-direction:column;gap:8px}
.rk9c{display:grid;grid-template-columns:88px 34px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;font:inherit;background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:6px 12px 6px 6px;cursor:pointer;transition:transform .15s,box-shadow .15s}
.rk9c:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.1)}
.rk9p{position:relative;width:88px;height:62px;border-radius:8px;overflow:hidden;display:block}.rk9p img{width:100%;height:100%;object-fit:cover}.rk9p .crd8{font-size:7px!important;top:2px;right:2px;max-width:95%!important}
.rk9no{font-family:"Roboto Mono",monospace;font-size:24px;font-weight:700;color:#adb5bd;text-align:center}.rk9c:nth-child(1) .rk9no{color:#e0a800}.rk9c:nth-child(2) .rk9no{color:#868e96}.rk9c:nth-child(3) .rk9no{color:#b8692e}
.rk9t{display:flex;flex-direction:column;gap:2px;min-width:0}.rk9t b{font-size:17px;color:#1d2530}.rk9t small{font-size:12px;color:#667}
.rk9bar{display:block;height:8px;border-radius:4px;background:#e9f5f2;overflow:hidden;margin-top:3px}.rk9bar i{display:block;height:100%;background:linear-gradient(90deg,#12b886,#0c8599);border-radius:4px}
.rk9n{font-size:13px;color:#495057;text-align:right}.rk9n b{display:block;font-family:"Roboto Mono",monospace;font-size:24px;color:#0c8599;line-height:1}
.pc9{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.pc9c{position:relative;text-align:left;font:inherit;cursor:pointer;background:linear-gradient(160deg,color-mix(in srgb,var(--pc) 12%,#fff),#fff 60%);border:1px solid color-mix(in srgb,var(--pc) 35%,#e9ecef);border-top:6px solid var(--pc);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;transition:transform .15s,box-shadow .15s}
.pc9c:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.12)}
.pc9t{align-self:flex-start;font-size:11px;font-weight:900;color:#fff;background:var(--pc);border-radius:4px;padding:2px 8px}
.pc9n{font-size:17px;color:#1d2530;line-height:1.3}.pc9m{font-size:12px;color:#667}
.pc9p{font-family:"Roboto Mono",monospace;font-size:28px;font-weight:700;color:var(--pc);line-height:1.1;margin-top:4px}.pc9p small{font-family:"Noto Sans JP",sans-serif;font-size:13px;margin-left:2px}
.pc9s{display:flex;flex-wrap:wrap;gap:4px}.pc9s i{font-style:normal;font-size:11.5px;background:#f1f3f5;border-radius:999px;padding:2px 8px;color:#343a40}
.pc9go{font-size:13px;font-weight:900;color:var(--pc);margin-top:4px}
@media (max-width:560px){.rk9c{grid-template-columns:72px 26px minmax(0,1fr) auto}.rk9p{width:72px;height:52px}}
.rk9cr{font-size:10.5px;color:#868e96;margin:6px 0 0;line-height:1.5}
.pc9{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}
.view .card > h3:first-child{color:#1d2530!important;background:linear-gradient(100deg,color-mix(in srgb,var(--hc) 22%,#fff) 0,color-mix(in srgb,var(--hc) 8%,#fff) 60%,#fff 100%)!important;border-left:8px solid var(--hc)!important;text-shadow:none!important}
.view .card > h3:first-child *{color:#1d2530!important}
.view .card > h3:first-child small{color:#495057!important}

.colart .p9fig{margin:16px 0;border-radius:14px;overflow:hidden;position:relative;background:#eee}.colart .p9fig img{width:100%;max-height:420px;object-fit:cover;display:block}
.colart .p9fig figcaption{font-size:12px;color:#667;padding:6px 10px;background:#fff}
.colart.p9h1 .p9top{margin-left:-6vw;margin-right:-6vw;border-radius:0}.colart.p9h2 .p9top{float:right;width:46%;margin:4px 0 12px 18px}.colart.p9h3 .p9top{border:8px solid #fff;box-shadow:0 10px 30px rgba(0,0,0,.15);transform:rotate(-1deg)}
.colart.p9h4 .p9top img{max-height:300px}.colart.p9h4 .p9top{border-bottom:6px solid var(--p9)}
.colart .p9alt{width:70%;margin-left:auto}.colart.p9h2 .p9alt{margin-left:0}
.colart.p9s0 h2{border-left:6px solid var(--p9)!important;background:none}
.colart.p9s1 h2{border:0!important;padding:0 0 6px!important;border-bottom:3px solid var(--p9)!important}
.colart.p9s2 h2{border:0!important;background:color-mix(in srgb,var(--p9) 12%,#fff);padding:8px 12px!important;border-radius:8px}
.colart.p9s3 h2{border:0!important;padding-left:0!important}.colart.p9s3 h2::before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--p9);margin-right:10px;vertical-align:2px}
.colart.p9b0 .know{border-left:6px solid var(--p9);background:color-mix(in srgb,var(--p9) 8%,#fff)!important}
.colart.p9b1 .know{border:2px dashed var(--p9);background:#fff!important;border-radius:14px}
.colart.p9b2 .know{background:linear-gradient(135deg,color-mix(in srgb,var(--p9) 16%,#fff),#fff)!important;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.colart h1{background:linear-gradient(transparent 70%,color-mix(in srgb,var(--p9) 25%,transparent) 70%);display:inline}
@media (max-width:640px){.colart.p9h2 .p9top{float:none;width:auto;margin:12px 0}.colart.p9h1 .p9top{margin-left:-16px;margin-right:-16px}.colart .p9alt{width:100%}}

#arc9{margin:6px 0 18px;background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:14px 16px}
#arc9 .a9h{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-bottom:10px}#arc9 .a9h b{font-size:18px;color:#1d2530}#arc9 .a9h span{font-size:13px;color:#495057}
#arc9 .a9bar{flex:1 1 160px;height:8px;background:#f1f3f5;border-radius:4px;overflow:hidden}#arc9 .a9bar i{display:block;height:100%;background:linear-gradient(90deg,#15aabf,#37b24d)}
#arc9 .a9row{display:flex;gap:10px;align-items:center;padding:5px 0;border-top:1px solid #f1f3f5}#arc9 .a9yr{width:4.6em;font-family:"Roboto Mono",monospace;font-weight:700;font-size:16px;color:#1d2530;display:flex;flex-direction:column;line-height:1.1}#arc9 .a9yr small{font-size:11px;color:#868e96;font-family:"Noto Sans JP",sans-serif}
#arc9 .a9ms{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;flex:1 1 auto}
#arc9 .a9m{font:inherit;font-size:12px;font-weight:700;border:1px solid #d0ebff;background:#e7f5ff;color:#1864ab;border-radius:8px;padding:6px 0;cursor:pointer;position:relative}#arc9 .a9m i{display:block;font-style:normal;font-size:10px;color:#1c7ed6}
#arc9 .a9e{background:#f8f9fa;border-color:#f1f3f5;color:#ced4da;cursor:default}#arc9 .a9n{margin:8px 0 0;font-size:12px;color:#868e96}
@media (max-width:640px){#arc9 .a9ms{grid-template-columns:repeat(6,minmax(0,1fr))}}

#cmpbar8,#cmpbar8 *{writing-mode:horizontal-tb!important;white-space:nowrap!important}#cmpbar8{min-width:min(560px,94vw);justify-content:space-between}
@media (max-width:560px){#cmpbar8{left:0;right:0;transform:translateY(140%);border-radius:14px 14px 0 0;bottom:0;max-width:none;min-width:0;padding:10px 12px}#cmpbar8.on{transform:translateY(0)}#cmpbar8 span{font-size:13px}}
.vth .ch{display:none!important}.vth::before{width:44px;height:44px}.vth .yt{font-size:12px!important}
@media (min-width:901px){.pside{position:sticky;top:130px;align-self:start}}
#carlist .car .cph.c8.c8none .c8n,.view .car .cph.c8.c8none .c8n{display:none!important}#carlist .car .cph.c8.c8none,.view .car .cph.c8.c8none{height:8px!important;min-height:8px!important;padding:0!important;background:linear-gradient(90deg,#1c7ed6,#7950f2)!important}
.view .card textarea::placeholder,.view .card input::placeholder{color:#9aa3ad}
.mapw svg{width:100%!important;height:auto!important;max-width:none!important}
.view h1,.view h2,.view h3,.view .sh h2{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
@media (max-width:560px){.view .ccdoor.h9 h1{font-size:clamp(26px,7.4vw,32px)!important}.view .ccdoor .dn{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.view .ccdoor .dn li{min-width:0}}
.view .prod{display:flex!important;flex-direction:column}.view .prod .btn,.view .prod button:last-child,.view .prod a.btn{margin-top:auto}
.view .prod .btn,.view .prod button.buy,.view .prod a.btn,.view .prod button{background:#f76707!important;border-color:#f76707!important;color:#fff!important}
.shelf .shh{border-left:0!important;padding-left:0!important}.pr,.wxg .wpop small,.car .cph .cap{font-size:12px!important}.crd8{font-size:10.5px!important}.colcard .cth i,.post.pph > .pimg i,.pvis i{font-size:11px!important}
#carlist input[type=checkbox]{width:20px;height:20px;accent-color:#1c7ed6}#carlist label:has(input[data-cmp]){display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}
#calc8 input[type=number]{min-width:4.8em;height:36px;font-size:16px}
@media (max-width:760px){header.site .gnav{flex-wrap:wrap!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;row-gap:4px}header.site .gnav button{padding:6px 9px!important;font-size:13px!important}}
.view .num,.yen,.view .tag.mv{text-decoration:none!important;border-bottom:0!important}
@media (max-width:560px){.view .ccdoor.h9 .dtx .dn,.view .ccdoor.h9.night .dtx .dn{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.view .sh.s9{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;gap:2px 14px;padding:18px 20px 16px!important;border-radius:16px;border:0!important;border-image:none!important;box-shadow:0 6px 18px rgba(30,40,60,.08);margin-bottom:12px;min-height:84px}
.view .sh.s9 .s9en{flex:1 1 100%;font-family:"Noto Sans JP",sans-serif;font-weight:900;font-size:13px;letter-spacing:.12em;color:var(--hc,#1c7ed6)}
.view .sh.s9 h2{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif!important;font-weight:900!important;font-size:clamp(22px,2.6vw,30px)!important;color:#1d2530!important;letter-spacing:.02em!important;margin:0!important;background:linear-gradient(transparent 62%,color-mix(in srgb,var(--hc,#1c7ed6) 28%,transparent) 62%);display:inline!important}
.view .sh.s9 h2::before{display:none!important}
.view .sh.s9 .more,.view .sh.s9 button{margin-left:auto;background:#fff;border:1.5px solid var(--hc,#1c7ed6)!important;color:var(--hc,#1c7ed6)!important;border-radius:999px;padding:6px 14px;font-weight:900}
.wx9{margin-top:12px;padding-top:12px;border-top:1px dashed #dee2e6}.wx9 h4{margin:0 0 8px;font-size:15px;font-weight:900;color:#1d2530}.wx9 h4 small{font-size:11px;color:#868e96;font-weight:500;margin-left:6px}
.wx9bar{display:flex;height:26px;border-radius:8px;overflow:hidden;font-size:11.5px;font-weight:900}.wx9bar span{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;color:#1d2530}
.w9晴れ{background:#ffd43b}.w9くもり{background:#ced4da}.w9雨{background:#74c0fc}.w9雪{background:#e7f5ff}.wx9n{margin:4px 0 8px;font-size:11px;color:#868e96}
.wx9g{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wx9g div{background:#f8f9fa;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.wx9g b{font-size:12.5px;color:#495057}
.wx9g i{font-style:normal;font-size:12.5px;color:#1d2530;display:flex;justify-content:space-between;gap:6px}.wx9g em{font-style:normal;font-family:"Roboto Mono",monospace;font-weight:700;color:#e8590c;text-align:right}
.wx9s{margin:8px 0 0;font-size:11px;color:#868e96}
.kz9{display:grid;gap:6px;margin:10px 0;width:100%;flex:0 0 100%;grid-column:1/-1}.kz9 *{writing-mode:horizontal-tb!important}.kz9 div{display:grid;grid-template-columns:2.4em 1fr;gap:6px;background:#f1f8ff;border-radius:10px;padding:8px 10px;font-size:13px}.kz9 b{color:#1c7ed6}
@media (max-width:480px){.wx9g{grid-template-columns:1fr}}
#gw9{grid-column:1/-1;margin:0 0 14px;border-radius:22px;padding:clamp(16px,2.6vw,26px);background:radial-gradient(500px 260px at 0% 0%,#e7f5ff 0,transparent 60%),radial-gradient(500px 260px at 100% 100%,#fff9db 0,transparent 60%),#fff;border:1px solid #d0ebff;box-shadow:0 14px 34px rgba(28,126,214,.12)}
.gw9h .gw9tag{font-family:"Roboto Mono",monospace;font-weight:700;font-size:12px;letter-spacing:.2em;color:#1c7ed6;background:#e7f5ff;padding:3px 8px;border-radius:4px}
.gw9h h3{margin:8px 0 2px;font-size:clamp(22px,2.6vw,30px);font-weight:900;color:#1d2530}.gw9h p{margin:0 0 12px;font-size:14px;color:#495057}
.gw9rg{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.gw9r{position:relative;height:96px;border:0;border-radius:14px;background-size:cover;background-position:center;color:#fff;font:inherit;cursor:pointer;text-align:left;padding:10px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 4px 10px rgba(0,0,0,.12);transition:transform .15s,box-shadow .15s;outline:3px solid transparent}
.gw9r:hover{transform:translateY(-2px)}.gw9r.on{outline-color:#1c7ed6;box-shadow:0 8px 20px rgba(28,126,214,.35)}
.gw9r b{font-size:16px;font-weight:900;text-shadow:0 1px 4px rgba(0,0,0,.6)}.gw9r small{font-size:11px;opacity:.9}.gw9i{position:absolute;top:6px;right:8px;font-size:22px}
.gw9pf h4{margin:14px 0 8px;font-size:18px;font-weight:900;color:#1d2530}
.gw9cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.gw9c{position:relative;text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:14px;padding:0 0 10px;overflow:hidden;display:flex;flex-direction:column;gap:3px;transition:transform .15s,box-shadow .15s}
.gw9c:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.12)}
.gw9ph{display:block;height:74px;background-size:cover;background-position:center}.gw9ci{position:absolute;top:44px;right:10px;font-size:34px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.gw9c b{font-size:17px;color:#1d2530;padding:6px 12px 0}.gw9w{font-size:12.5px;color:#495057;padding:0 12px}.gw9t{font-size:12px;color:#495057;padding:0 12px}.gw9t em{font-style:normal;font-family:"Roboto Mono",monospace;font-size:20px;font-weight:700;color:#e8590c}
.gw9a{margin:2px 12px 0;font-size:11.5px;font-weight:900;color:#c92a2a;background:#fff5f5;border-radius:6px;padding:2px 6px;align-self:flex-start}.gw9go{font-size:12px;font-weight:900;color:#1c7ed6;padding:4px 12px 0}
#gw9 .wx9{margin-top:16px}#g-wx.gw9hi{box-shadow:0 0 0 4px #74c0fc!important;transition:box-shadow .3s}
@media (max-width:900px){.gw9rg{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:480px){.gw9rg{grid-template-columns:repeat(2,minmax(0,1fr))}.gw9r{height:78px}.gw9cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

#quiz{border:0!important;border-radius:22px!important;padding:0!important;overflow:hidden;background:linear-gradient(135deg,#fff4e6,#fff 55%,#e7f5ff)!important;box-shadow:0 14px 34px rgba(247,103,7,.14)!important}
#quiz > h3:first-child{min-height:150px!important;margin:0!important;padding:26px 28px!important;font-size:clamp(22px,2.6vw,30px)!important;color:#fff!important;border:0!important;background:linear-gradient(90deg,rgba(20,24,32,.78),rgba(20,24,32,.25)),url(img/elf_rv.m.webp) center 60%/cover!important;display:flex;align-items:flex-end}
#quiz > h3:first-child *{color:#fff!important}#quiz > h3 .hph,#quiz .qban{display:none!important}
#quiz .qs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px 24px 8px}
#quiz .q{background:#fff;border-radius:16px;padding:14px;box-shadow:0 4px 12px rgba(0,0,0,.06)}#quiz .q > b{display:block;font-size:16px;font-weight:900;color:#1d2530;margin-bottom:10px}
#quiz .opts{display:flex;flex-direction:column;gap:8px}#quiz .opts button{font:inherit;font-size:16px;font-weight:900;padding:12px 14px;border-radius:12px;border:2px solid #ffd8a8;background:#fff;color:#1d2530;cursor:pointer;text-align:left;transition:.15s}
#quiz .opts button:hover{border-color:#f76707}#quiz .opts button[aria-pressed="true"]{background:linear-gradient(135deg,#f76707,#f59f00);border-color:#f76707;color:#fff}
#quiz > p,#quiz .muted{padding:0 24px 18px;display:block}
@media (max-width:760px){#quiz .qs{grid-template-columns:1fr}}
.pc9{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:8px!important}
.pc9c{padding:0 0 10px!important;overflow:hidden;border-top-width:0!important}.pc9c::before{content:"";display:block;height:70px;margin-bottom:6px;background:var(--pi) center/cover,#ddd}
.pc9t{margin:0 10px;font-size:10.5px!important}.pc9n{font-size:14.5px!important;padding:0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pc9m{padding:0 10px}
.pc9p{padding:0 10px;font-size:24px!important}.pc9s{padding:0 10px}.pc9s i:nth-child(3){display:none}.pc9go{padding:0 10px;font-size:12px!important}
#band3{min-height:200px!important;border-radius:20px!important;border:0!important;background:linear-gradient(90deg,rgba(15,23,42,.82),rgba(15,23,42,.35) 65%,rgba(15,23,42,.1)),url(img/power__2.m.webp) center/cover!important;color:#fff!important;padding:28px!important;display:flex;flex-direction:column;justify-content:flex-end}
#band3 *{color:#fff!important}#band3 h2,#band3 b{font-size:clamp(22px,2.8vw,32px)!important}#band3 button,#band3 .btn,#band3 [data-go]{background:#ffd43b!important;color:#1d2530!important;border:0!important}
.gadgets.g9three{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media (max-width:900px){.gadgets.g9three{grid-template-columns:1fr!important}}
#gw9{padding:14px 16px!important;box-shadow:0 6px 16px rgba(28,126,214,.08)!important;margin-top:12px!important}.gw9h h3{font-size:19px!important;margin:0!important}.gw9h p{margin:2px 0 10px!important;font-size:13px!important}
.gw9r{height:64px!important;padding:6px 8px!important}.gw9r b{font-size:14px!important}.gw9r small{display:none}.gw9i{font-size:18px!important}
.gw9ph{height:56px!important}.gw9ci{top:30px!important;font-size:26px!important}.gw9c b{font-size:15px!important}
.wx9d{margin-top:10px}.wx9d summary{cursor:pointer;font-weight:900;font-size:14px;color:#1c7ed6;padding:6px 0}.wx9d .wx9{border-top:0;margin-top:4px;padding-top:0}
.fav9w{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fav9{font:inherit;font-weight:900;font-size:15px;border:2px solid #f06595;color:#f06595;background:#fff;border-radius:999px;padding:9px 18px;cursor:pointer}.fav9.on{background:#f06595;color:#fff}.fav9w span{font-size:12px;color:#667}
#fav9top{margin:0 0 14px;background:#fff0f6;border:1px solid #fcc2d7;border-radius:16px;padding:12px 14px}#fav9top b{color:#c2255c}#fav9top .fl{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}#fav9top button{font:inherit;font-weight:700;border:1px solid #fcc2d7;background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer}
.ticker .tk-in{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:10px!important;white-space:normal!important;animation:none!important}
.ticker .tk-in span.tk9{display:grid!important;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 10px;align-items:center;background:#fff;border:1px solid #f1d7b0;border-radius:12px!important;padding:6px!important;cursor:pointer}
.ticker .tk-in span.tk9 .tk9p{grid-row:1/3;width:96px;height:64px;border-radius:8px;background-size:cover;background-position:center}
.ticker .tk-in span.tk9 i{display:none!important}.ticker .tk-in span.tk9 b{font-size:14px;line-height:1.35;color:#1d2530}.ticker .tk-in span.tk9 small{font-size:12px;color:#868e96}
.ticker .tk-in span[data-colgo]:nth-child(n+4){display:grid!important}
@media (max-width:760px){.ticker .tk-in span.tk9:nth-child(n+5){display:none!important}}
.view .ccdoor.h9 .h9new button{display:inline-flex;align-items:center;gap:8px}.view .ccdoor.h9 .h9new .h9p{flex:0 0 auto;width:44px;height:32px;border-radius:6px;background-size:cover;background-position:center}

.ticker{background:linear-gradient(90deg,#fff 0,#fff6e9 100%)!important;border:1px solid #f1d7b0;border-radius:12px!important;padding:6px;align-items:center!important;box-shadow:0 4px 14px rgba(160,90,20,.10)}
.ticker .tkmh{font-size:14px!important;padding:10px 14px!important;border-radius:9px!important;background:linear-gradient(135deg,#e8590c,#c2255c)!important;align-self:stretch}
.tk-in{gap:10px!important;padding:4px 10px!important;font-size:15px!important}
.tk-in span[data-go]{background:#fff;border:1px solid #e3e7ec;border-radius:999px;padding:6px 14px 6px 6px;color:#1d2530;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:transform .15s,box-shadow .15s}
.tk-in span[data-go]:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.12)}
.tk-in span[data-go] i{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1971c2;color:#fff!important;font-size:13px;font-weight:900}
.tk-in span[data-go]:nth-child(1) i{background:linear-gradient(135deg,#f9d423,#e0a800)}.tk-in span[data-go]:nth-child(2) i{background:linear-gradient(135deg,#ced4da,#868e96)}.tk-in span[data-go]:nth-child(3) i{background:linear-gradient(135deg,#e8a26b,#b8692e)}

.shelf{--sc:#d9480f;border:0!important;border-top:7px solid var(--sc)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--sc) 10%,#fff),#fff 45%)!important}
.shelf .shh b{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:900;font-size:clamp(20px,2.1vw,24px);color:#1d2530;border-left:6px solid var(--sc);padding-left:10px}
.shelf .shrow{border-bottom-color:var(--sc)!important;background:linear-gradient(180deg,transparent 60%,color-mix(in srgb,var(--sc) 12%,#fff))!important}
.prod{overflow:hidden;border-top-color:var(--sc,#d9480f)!important}
.prod .btn,.prod button,.prod a.btn,.prod .buy{background:var(--sc)!important;border-color:var(--sc)!important;color:#fff!important}
.prod .f3cat,.prod .tag{background:var(--sc)!important;color:#fff!important}
.pvis{position:relative;margin:-12px -12px 10px;height:130px;overflow:hidden;background:#ddd}
.pvis img{width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .35s}.prod:hover .pvis img{transform:scale(1.07)}
.pvis i{position:absolute;left:6px;bottom:6px;font-style:normal;font-size:10px;background:rgba(0,0,0,.6);color:#fff;padding:1px 6px;border-radius:3px}

.car .cph.c8{position:relative;overflow:hidden;padding:0!important}
.car .cph.c8 > img.c8i{width:100%;height:100%;min-height:120px;max-width:none;object-fit:cover;display:block}
.car .cph.c8 .c8n{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 6px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.65));color:#fff;font-size:11px;font-weight:700}
.car .cph.c8 .c8n b{display:block;font-size:15px;font-weight:900;letter-spacing:.03em}

.colcard{grid-template-columns:5.6em 132px minmax(0,1fr)!important;align-items:start}
.colcard .cth{position:relative;width:132px;height:88px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.colcard .cth img{width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .3s}.colcard:hover .cth img{transform:scale(1.06)}
.colcard .cth i{position:absolute;right:4px;bottom:4px;font-style:normal;font-size:9px;background:rgba(0,0,0,.55);color:#fff;padding:0 5px;border-radius:3px}
.colcard:hover{background:color-mix(in srgb,var(--cc) 7%,#fff)}
@media (max-width:560px){.colcard{grid-template-columns:4.6em 96px minmax(0,1fr)!important}.colcard .cth{width:96px;height:68px}}

.post.pph{display:grid;grid-template-columns:128px minmax(0,1fr);gap:2px 12px;align-items:start}
.post.pph > .pimg{grid-row:1/span 6;position:relative;width:128px;height:96px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.post.pph > .pimg img{width:100%;height:100%;max-width:none;object-fit:cover}.post.pph > .pimg i{position:absolute;left:4px;bottom:4px;font-style:normal;font-size:9px;background:rgba(0,0,0,.6);color:#fff;padding:0 5px;border-radius:3px}
.pdrop{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.pdrop span{flex:1 1 140px;display:flex;align-items:center;gap:8px;justify-content:center;padding:16px 10px;border:2px dashed #7950f2;border-radius:10px;background:linear-gradient(135deg,#f3f0ff,#fff0f6);color:#5f3dc4;font-weight:900}
.pdrop svg{width:28px;height:28px}


#v-area .ar-h1{font-size:clamp(24px,4vw,34px);font-weight:900;line-height:1.3;margin:0 0 8px}
#v-area .ar-lead{font-size:15px;color:var(--sub);margin:0 0 12px}
#v-area .ar-fresh{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0 0 14px}
#v-area .ar-fr{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:3px 11px;border-radius:999px;background:#eef6ff;border:1px solid #cfe2fb;font-size:12.5px;color:#1d3550}
#v-area .ar-fr b{font-family:"Roboto Mono",ui-monospace,monospace;font-size:13px;color:#1769aa}
#v-area .ar-fr .dot{width:8px;height:8px;border-radius:50%;background:#20b35a;box-shadow:0 0 0 0 rgba(32,179,90,.6);animation:arp 1.8s infinite}
#v-area .ar-fr.old{background:#fff7e6;border-color:#f3d9a4}
@keyframes arp{70%{box-shadow:0 0 0 8px rgba(32,179,90,0)}100%{box-shadow:0 0 0 0 rgba(32,179,90,0)}}
#v-area .ar-sec{margin:0 0 22px}
#v-area .ar-sec>h2{font-size:21px;font-weight:900;margin:0 0 10px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
#v-area .ar-sec>h2 small{font-size:12.5px;font-weight:400;color:var(--sub)}
#v-area .ar-num{font-family:"Roboto Mono",ui-monospace,Consolas,monospace}
#v-area .ar-src{font-size:11.5px;color:var(--sub);margin:8px 0 0;line-height:1.7;overflow-wrap:anywhere}
#v-area .ar-src a{color:var(--sub)}
#v-area .ar-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid #cfdbe6;background:#fff;font-weight:700;font-size:14px;color:#1d2a25;cursor:pointer;text-decoration:none}
#v-area .ar-btn.pri{background:#1769aa;border-color:#1769aa;color:#fff}
#v-area .ar-btn:hover{border-color:#1769aa}

#v-area .ar-jp{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
#v-area .ar-jpmap{position:relative;background:linear-gradient(180deg,#eaf4fd,#f5fafe);border:1px solid #d6e4f0;border-radius:14px;overflow:hidden}
#v-area .ar-jpmap svg{display:block;width:100%;height:auto;max-height:760px}
#v-area .ar-jpmap .jp{stroke:#fff;stroke-width:1.1;vector-effect:non-scaling-stroke;cursor:pointer;transition:filter .15s;outline:none}
#v-area .ar-jpmap .jp:hover,#v-area .ar-jpmap .jp:focus,#v-area .ar-jpmap .jp.on{filter:brightness(1.06) saturate(1.25);stroke:#1d3550;stroke-width:2.2}
#v-area .ar-jpmap .jpl{font-size:16px;font-weight:800;fill:#22323f;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round;pointer-events:none}
#v-area .ar-jpmap .jpt{font-size:14px;font-weight:700;fill:#c2361b;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:3px;pointer-events:none;font-family:"Roboto Mono",monospace}
#v-area .ar-jpmap .jpw{fill:#c2361b;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none}
#v-area .ar-jpmap .oki{fill:none;stroke:#9db4c8;stroke-dasharray:5 4;stroke-width:1.2;vector-effect:non-scaling-stroke}
#v-area .ar-jpmap .okit{font-size:13px;fill:#58708a}
#v-area .ar-jpleg{display:flex;flex-wrap:wrap;gap:6px 12px;padding:8px 12px;background:#fff;border-top:1px solid #d6e4f0;font-size:12.5px;align-items:center}
#v-area .ar-jpleg i{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:-2px;margin-right:4px}
#v-area .ar-jpleg .w{background:#c2361b;border-radius:50%;width:10px;height:10px}
#v-area .ar-hint{position:absolute;left:10px;top:10px;padding:7px 11px;border-radius:10px;background:rgba(255,255,255,.94);font-size:13px;box-shadow:0 1px 4px rgba(0,0,0,.12);pointer-events:none}
#v-area .ar-hint b{color:#1769aa}
#v-area .ar-tip{position:absolute;z-index:5;width:250px;background:#fff;border-radius:12px;box-shadow:0 6px 22px rgba(20,40,60,.25);overflow:hidden;pointer-events:none}
#v-area .ar-tip[hidden]{display:none}
#v-area .ar-card{background:#fff;border:1px solid #d6e4f0;border-radius:14px;overflow:hidden}
#v-area .ar-pc .im{position:relative;aspect-ratio:16/10;background:#dfe9f2;overflow:hidden}
#v-area .ar-pc .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
#v-area .ar-pc:hover .im img{transform:scale(1.06)}
#v-area .ar-pc .im .nm{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 8px;color:#fff;font-weight:900;font-size:20px;background:linear-gradient(transparent,rgba(0,0,0,.55));text-shadow:0 1px 2px rgba(0,0,0,.4)}
#v-area .ar-pc .im .nm small{font-size:12px;font-weight:400;margin-left:6px}
#v-area .ar-pc .bd{padding:10px 12px 12px;display:grid;gap:6px}
#v-area .ar-pc .wxl{display:flex;align-items:center;gap:8px;font-size:14px}
#v-area .ar-pc .wxl svg{width:34px;height:34px;flex:0 0 auto}
#v-area .ar-pc .wxl b.t{font-size:20px;color:#d2461f;font-family:"Roboto Mono",monospace}
#v-area .ar-pc .wxl small{color:var(--sub);font-size:11.5px;display:block}
#v-area .ar-pc .bg{display:flex;flex-wrap:wrap;gap:5px}
#v-area .ar-pc .cr{font-size:10px;color:var(--sub);line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#v-area .ar-tg{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px;background:#eef1f5;color:#3a4a56}
#v-area .ar-tg.s{background:#e3f4e9;color:#1f7a45}#v-area .ar-tg.e{background:#e5eefb;color:#2b5fb0}#v-area .ar-tg.w{background:#fde8e4;color:#b5261b}
#v-area .ar-tg.n{background:#e0342a;color:#fff}#v-area .ar-tg.c{background:#fff4d6;color:#8a5a00}
#v-area .ar-rtab{display:flex;gap:8px;overflow-x:auto;margin:0 0 12px;padding-bottom:2px}
#v-area .ar-rtab button{flex:0 0 auto;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid #cfdbe6;background:#fff;font-size:14.5px;font-weight:700;color:#3a4a56;cursor:pointer}
#v-area .ar-rtab button.on{background:#1769aa;border-color:#1769aa;color:#fff}
#v-area .ar-reg{margin:0 0 18px}
#v-area .ar-reg h3{font-size:17px;font-weight:900;margin:0 0 8px;padding-left:10px;border-left:5px solid #1769aa}
#v-area .ar-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}
#v-area .ar-pc{cursor:pointer;display:block;text-align:left;padding:0;font:inherit;color:inherit;width:100%}
#v-area .ar-pc:focus-visible{outline:3px solid #1769aa;outline-offset:2px}
#v-area .ar-side{display:grid;gap:12px}
#v-area .ar-wl{display:flex;flex-wrap:wrap;gap:6px}
#v-area .ar-wl button{min-height:40px;padding:0 12px;border-radius:10px;border:1px solid #f3c3ba;background:#fff5f3;color:#a3281a;font-weight:700;font-size:13px;cursor:pointer}

#v-area .ar-band{display:grid;grid-template-columns:2fr 1fr;grid-auto-rows:1fr;gap:8px;margin:0 0 18px}
#v-area .ar-band.n1{grid-template-columns:1fr}
#v-area .ar-band.n2{grid-template-columns:3fr 2fr}
#v-area .ar-ph{position:relative;margin:0;border-radius:14px;overflow:hidden;background:#dfe9f2;cursor:zoom-in;min-height:150px}
#v-area .ar-ph:first-child{grid-row:span 2;min-height:320px}
#v-area .ar-band.n1 .ar-ph:first-child,#v-area .ar-band.n2 .ar-ph{grid-row:auto;min-height:300px}
#v-area .ar-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
#v-area .ar-ph:hover img{transform:scale(1.04)}
#v-area .ar-ph figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 10px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.58))}
#v-area .ar-ph figcaption b{display:block;font-size:17px;text-shadow:0 1px 2px rgba(0,0,0,.4)}
#v-area .ar-ph:first-child figcaption b{font-size:22px}
#v-area .ar-ph figcaption small{font-size:10.5px;opacity:.92}
#v-area .ar-ph figcaption a{color:#fff}
#v-area .ar-thumbs{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));margin:-10px 0 18px}
#v-area .ar-ph.sm{min-height:140px}#v-area .ar-ph.sm figcaption b{font-size:14px}
#v-area .ar-wxg{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}
#v-area .ar-wx{border:1px solid #d6e4f0;border-radius:14px;padding:12px;background:#fff;display:grid;gap:8px}
#v-area .ar-wx.sun{background:#fffaf0}#v-area .ar-wx.rain{background:#f2f7fe}#v-area .ar-wx.snow{background:#f4f8fe}#v-area .ar-wx.cloud{background:#f6f8fa}
#v-area .ar-wx h3{font-size:16px;margin:0;display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap}
#v-area .ar-wx h3 small{font-size:11.5px;font-weight:400;color:var(--sub)}
#v-area .ar-wx .dy{display:grid;grid-template-columns:52px 1fr;gap:4px 10px;align-items:center}
#v-area .ar-wx .dy svg{width:52px;height:52px}
#v-area .ar-wx .dy em{font-style:normal;font-size:12px;font-weight:700;color:#1769aa;display:block}
#v-area .ar-wx .dy b.w{font-size:15.5px;display:block;line-height:1.35}
#v-area .ar-wx .dy .tp{font-size:13px}
#v-area .ar-wx .dy .tp b{font-family:"Roboto Mono",monospace;font-size:20px}
#v-area .ar-wx .dy .tp .hi{color:#d2461f}#v-area .ar-wx .dy .tp .lo{color:#2b6fd6}
#v-area .ar-wx .wn{font-size:13px;font-weight:700;color:#b5261b;background:#fdecea;border-radius:8px;padding:6px 9px}
#v-area .ar-wx .wn.ok{color:#1f7a45;background:#e9f6ee;font-weight:400}
#v-area .ar-wx .ob{font-size:11px;color:var(--sub)}
#v-area .ar-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
#v-area .ar-spf{display:flex;gap:8px;overflow-x:auto;margin:0 0 10px;padding-bottom:2px}
#v-area .ar-spf button{flex:0 0 auto;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid #cfdbe6;background:#fff;font-size:14px;font-weight:700;color:#3a4a56;cursor:pointer}
#v-area .ar-spf button.on{background:#1f8a4c;border-color:#1f8a4c;color:#fff}
#v-area .ar-spl{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));align-items:start}
#v-area .ar-eki{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
#v-area .ar-eki a,#v-area .ar-eki span.x{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 10px;border:1px solid #d6e4f0;border-radius:10px;background:#fff;color:#1d2a25;text-decoration:none;font-size:14px}
#v-area .ar-eki a:hover{border-color:#2b6fd6}
#v-area .ar-eki i{flex:0 0 auto;width:20px;height:20px;transform:rotate(45deg);border-radius:4px;background:#2b6fd6;display:inline-block}
#v-area .ar-eki i.st{background:#7b3fd1}
#v-area .ar-eki small{color:var(--sub);font-size:11.5px;display:block}
#v-area .ar-quote{margin:10px 0 0;padding:10px 12px;border-left:4px solid #2b6fd6;background:#f3f7fd;font-size:13.5px;border-radius:0 10px 10px 0}
#v-area .ar-cols{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
#v-area .ar-col{display:block;text-align:left;width:100%;padding:14px;border:1px solid #d6e4f0;border-radius:14px;background:#fff;font:inherit;color:inherit;cursor:pointer}
#v-area .ar-col:hover{border-color:#1769aa}
#v-area .ar-col b{display:block;font-size:16px;margin:4px 0}
#v-area .ar-col small{color:var(--sub);font-size:12px}
#v-area .ar-col p{font-size:13.5px;color:#3a4a56;margin:4px 0 0}
#v-area .ar-nb{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr))}
#v-area .ar-nb .ar-pc .im .nm{font-size:17px}
#v-area .ar-more{margin-top:10px}
#v-area .ar-mz{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin-top:6px}
#v-area .ar-lb{position:fixed;inset:0;background:rgba(20,30,40,.62);display:flex;align-items:center;justify-content:center;z-index:60;padding:16px}
#v-area .ar-lb[hidden]{display:none}
#v-area .ar-lb .in{position:relative;max-width:980px;width:100%;background:#fff;border-radius:16px;overflow:hidden}
#v-area .ar-lb img{width:100%;max-height:72vh;object-fit:contain;background:#eef2f6;display:block}
#v-area .ar-lb .cp{padding:10px 14px;font-size:15px}
#v-area .ar-lb .cp small{display:block;color:var(--sub);font-size:11.5px}
#v-area .ar-lb .x{position:absolute;right:8px;top:8px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.94);font-size:22px;cursor:pointer}
#v-area .ar-load{padding:18px;border-radius:14px;background:#f4f8fc;color:var(--sub);font-size:14px}
#v-area .ar-mpick{display:none}
#v-area .ar-sp{display:none}
@media (max-width:760px){#v-area .ar-sp{display:inline}}
@media (max-width:760px){
  #v-area .ar-mpick{display:block;margin:0 0 16px}
  #v-area .ar-mpick h2{font-size:19px;font-weight:900;margin:0 0 8px}
  #v-area .ar-mreg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  #v-area .ar-mreg>button{position:relative;display:block;min-height:96px;padding:0;border:0;border-radius:14px;overflow:hidden;background:#dfe9f2;cursor:pointer;text-align:left;font:inherit}
  #v-area .ar-mreg>button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  #v-area .ar-mreg>button span{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 8px;color:#fff;font-weight:900;font-size:18px;background:linear-gradient(transparent,rgba(0,0,0,.6));text-shadow:0 1px 2px rgba(0,0,0,.4)}
  #v-area .ar-mreg>button span small{display:block;font-size:11.5px;font-weight:700;opacity:.95}
  #v-area .ar-mreg>button.on{outline:4px solid #1769aa;outline-offset:-4px}
  #v-area .ar-mprefs{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border:2px solid #1769aa;border-radius:14px;background:#f2f8fe}
  #v-area .ar-mprefs[hidden]{display:none}
  #v-area .ar-mprefs b.t{grid-column:1/-1;font-size:15px}
  #v-area .ar-mprefs button{display:flex;align-items:center;gap:6px;min-height:56px;padding:6px 10px;border:1px solid #bcd3e8;border-radius:12px;background:#fff;font:inherit;font-size:16px;font-weight:800;color:#1d2a25;cursor:pointer;text-align:left}
  #v-area .ar-mprefs button svg{width:28px;height:28px;flex:0 0 auto}
  #v-area .ar-mprefs button small{display:block;font-size:11.5px;font-weight:700;color:#d2461f}
  #v-area .ar-mprefs button small.w{color:#b5261b}
  #v-area .ar-jpmap svg{pointer-events:none}
  #v-area .ar-jpmap .ar-hint{position:static;display:block;border-radius:0;box-shadow:none;border-bottom:1px solid #d6e4f0}
  #v-area .ar-fresh{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  #v-area .ar-fr{display:block;border-radius:10px;min-height:0;padding:7px 9px;font-size:12px;line-height:1.45}
  #v-area .ar-fr b{display:block;font-size:15px}
  #v-area .ar-fr .dot{display:inline-block;margin-right:4px}
}
@media (max-width:900px){
  #v-area .ar-jp{grid-template-columns:1fr}
  #v-area .ar-band{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;grid-template-rows:none;grid-auto-rows:auto;overflow-x:auto;scroll-snap-type:x mandatory}
  #v-area .ar-ph,#v-area .ar-ph:first-child,#v-area .ar-band.n1 .ar-ph:first-child,#v-area .ar-band.n2 .ar-ph{grid-row:auto;min-height:220px;scroll-snap-align:start}
  #v-area .ar-band.n1{grid-auto-columns:100%}
  #v-area .ar-sec>h2{font-size:19px}
  #v-area .ar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #v-area .ar-pc .im .nm{font-size:16px;padding:22px 8px 6px}
  #v-area .ar-pc .bd{padding:8px}
  #v-area .ar-pc .wxl{font-size:12.5px}
  #v-area .ar-pc .wxl svg{width:28px;height:28px}
  #v-area .ar-pc .wxl b.t{font-size:17px}
  #v-area .ar-nb{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}

#v-area .ccmap{--c-ink:#1d2a25;--c-sub:#58675f;--c-line:#dbe2da;--c-acc:#2b7bea;--c-stay:#1f8a4c;--c-eki:#2b6fd6;--c-new:#e0342a;color:var(--c-ink)}
#v-area .ccmap .num{font-family:"Roboto Mono",ui-monospace,Consolas,monospace}
#v-area .ccmap button{font:inherit;cursor:pointer}
#v-area .ccm-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
#v-area .ccm-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--c-line);background:#fff;font-size:14px;color:var(--c-ink)}
#v-area .ccm-chip b{font-size:17px}
#v-area .ccm-chip.live{background:#eef6ff;border-color:#cfe2fb}
#v-area .ccm-chip.live b{font-size:13px;color:var(--c-acc)}
#v-area .ccm-chip .dot{width:9px;height:9px;border-radius:50%;background:#20b35a;animation:arp 1.8s infinite}
#v-area .ccm-chip.big{background:var(--c-stay);border-color:var(--c-stay);color:#fff;font-weight:700}
#v-area .ccm-chip.eki{background:#eaf1fc;border-color:#c9daf5;color:#1f4f9c;font-weight:700}
#v-area .ccm-chip.new{background:#fff0ef;border-color:#f6c3bf;color:var(--c-new);font-weight:700}
#v-area .ccm-selw{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;font-weight:700;font-size:14px}
#v-area .ccm-sel{min-height:48px;min-width:min(100%,320px);padding:0 12px;border:1px solid #9fb8cf;border-radius:12px;background:#fff;font:inherit;font-size:16px;color:#1d2a25}
#v-area .ccm-filters{display:flex;gap:8px;overflow-x:auto;margin:0 0 10px}
#v-area .ccm-f{flex:0 0 auto;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--c-line);background:#fff;font-size:15px;font-weight:700;color:var(--c-sub)}
#v-area .ccm-f.on{background:var(--c-acc);border-color:var(--c-acc);color:#fff}
#v-area .ccm-body{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:start}
#v-area .ccm-mapwrap{position:relative;background:#f4f8fc;border:1px solid var(--c-line);border-radius:16px;overflow:hidden}
#v-area .ccm-map svg{display:block;width:100%;height:min(74vh,820px);touch-action:manipulation}
#v-area .ccm-map .mu{stroke:#fff;stroke-width:1.2;vector-effect:non-scaling-stroke;cursor:pointer;transition:opacity .25s,filter .2s;outline:none}
#v-area .ccm-map .mu:hover,#v-area .ccm-map .mu:focus{filter:brightness(1.07) saturate(1.2);stroke:#33475b;stroke-width:2}
#v-area .ccm-map .mu.dim{opacity:.38}
#v-area .ccm-map .mu.sel{stroke:#1d2a25;stroke-width:2.5;stroke-dasharray:6 4}
#v-area .ccm-map .ins{fill:#fff;fill-opacity:.55;stroke:#8fa6bb;stroke-width:1.2;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}
#v-area .ccm-map .inst{fill:#4a6278;font-weight:700;pointer-events:none}
#v-area .ccm-nm{text-anchor:middle;fill:#25343f;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round;pointer-events:none}
#v-area .ccm-nm.big{font-weight:800}
#v-area .ccm-ekid{fill:var(--c-eki);stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}
#v-area .ccm-ekid.stay{fill:#7b3fd1}
#v-area .ccm-badge,#v-area .ccm-pin2,#v-area .ccm-bub{cursor:pointer;outline:none}
#v-area .ccm-badge .hit,#v-area .ccm-pin2 .hit{fill:transparent}
#v-area .ccm-badge .bg{fill:var(--c-stay);stroke:#fff;stroke-width:2.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
#v-area .ccm-badge.e .bg{fill:var(--c-eki)}
#v-area .ccm-badge text,#v-area .ccm-pin2 text{fill:#fff;text-anchor:middle;font-weight:800;pointer-events:none}
#v-area .ccm-badge:hover .bg,#v-area .ccm-badge:focus .bg{stroke:#ffd84d}
#v-area .ccmap .nw{fill:var(--c-new);stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}
#v-area .ccmap .nwt{fill:#fff;text-anchor:middle;font-weight:800;pointer-events:none}
#v-area .ccm-pin2 .bg{fill:var(--c-stay);stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}
#v-area .ccm-pin2.e .bg{fill:var(--c-eki)}
#v-area .ccm-pin2.e.stay .bg{fill:#7b3fd1}
#v-area .ccm-pin2:hover .bg{stroke:#ffd84d}
#v-area .ccm-bub .ring{fill:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
#v-area .ccm-bub .tail{fill:#fff}
#v-area .ccm-bub .pc{fill:var(--c-acc);stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}
#v-area .ccm-bub .pct{fill:#fff;text-anchor:middle;font-weight:800;pointer-events:none}
#v-area .ccm-bub:hover .ring{fill:#ffd84d}
#v-area .ccm-back{position:absolute;left:10px;top:10px;min-height:44px;padding:0 16px;border-radius:12px;border:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);font-weight:700;font-size:15px}
#v-area .ccm-back[hidden],#v-area .ccm-hint[hidden]{display:none}
#v-area .ccm-hint{position:absolute;left:10px;top:10px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.94);font-size:13px;box-shadow:0 1px 4px rgba(0,0,0,.12);pointer-events:none}
#v-area .ccm-hint b{color:var(--c-acc)}
#v-area .ccm-legend{display:flex;flex-wrap:wrap;gap:6px 12px;padding:8px 12px;background:#fff;border-top:1px solid var(--c-line);font-size:13px;align-items:center}
#v-area .ccm-lgt{font-weight:700}
#v-area .ccm-lgi{display:inline-flex;align-items:center;gap:5px}
#v-area .ccm-lgi i{width:16px;height:16px;border-radius:4px;display:inline-block}
#v-area .ccmap i.sym,#v-area i.sym{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:#fff;font-style:normal;font-size:12px;font-weight:800;flex:0 0 auto}
#v-area i.sym.s{background:var(--c-stay,#1f8a4c)}#v-area i.sym.e{background:var(--c-eki,#2b6fd6)}#v-area i.sym.n{background:var(--c-new,#e0342a)}
#v-area .ccm-panel{background:#fff;border:1px solid var(--c-line);border-radius:16px;padding:14px;max-height:min(74vh,880px);overflow:auto;position:relative}
#v-area .ccm-close{display:none}
#v-area .ccm-pt{font-size:19px;margin:4px 0 10px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
#v-area .ccm-pt small{font-size:12px;color:var(--c-sub);font-weight:400}
#v-area .ccm-wx{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;margin-bottom:10px;background:#f6f8fb}
#v-area .ccm-wx.sun{background:#fff6e0}#v-area .ccm-wx.cloud{background:#eef1f5}#v-area .ccm-wx.rain{background:#e6f0fc}#v-area .ccm-wx.snow{background:#eef4fc}
#v-area .ccm-wx .wxi{width:60px;height:60px;flex:0 0 auto}
#v-area .ccm-wxt{display:flex;flex-direction:column;gap:3px;min-width:0}
#v-area .ccm-wxt .w0{font-size:18px}
#v-area .ccm-wxt .tmp{font-size:14px}#v-area .ccm-wxt .tmp em{font-style:normal;color:var(--c-sub);font-size:12px;margin:0 3px 0 8px}#v-area .ccm-wxt .tmp em:first-child{margin-left:0}
#v-area .ccm-wxt .hi{font-size:24px;color:#d2461f}#v-area .ccm-wxt .lo{font-size:21px;color:#2b6fd6}
#v-area .ccm-wxt .tm{font-size:13.5px}#v-area .ccm-wxt .tm em{font-style:normal;font-weight:700;color:#1769aa;margin-right:4px}
#v-area .ccm-wxt .pop{font-size:13px}#v-area .ccm-wxt .wn{font-size:13px;color:#b5261b;font-weight:700}
#v-area .ccm-wxt small{font-size:11px;color:var(--c-sub)}
#v-area .ccm-cnt{font-size:14px;margin:4px 0 6px}#v-area .ccm-cnt b{font-size:22px;margin:0 2px 0 0}
#v-area .ccm-note{font-size:12px;color:var(--c-sub);margin:0 0 8px}
#v-area .ccm-card{border:1px solid var(--c-line,#dbe2da);border-radius:14px;margin:0 0 8px;background:#fff;transition:box-shadow .2s}
#v-area .ccm-card.flash{box-shadow:0 0 0 3px #ffd84d}
#v-area .ccm-card summary{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:12px;min-height:44px;cursor:pointer}
#v-area .ccm-card summary::-webkit-details-marker{display:none}
#v-area .ccm-card summary:hover{background:#f7fbff;border-radius:14px}
#v-area .ccm-card .nm{font-weight:800;font-size:15px;flex:1 1 60%;min-width:0}
#v-area .ccm-card .row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;width:100%;padding-left:30px}
#v-area .ccm-card .yen{font-size:14px;color:#c2185b}#v-area .ccm-card .yen .num{font-size:19px;font-family:"Roboto Mono",monospace}
#v-area .ccm-card .fresh{font-size:12px;color:var(--c-sub,#58675f);width:100%;padding-left:30px}#v-area .ccm-card .fresh b{color:var(--c-ink,#1d2a25)}
#v-area .ccm-card .where{font-size:12px;color:var(--c-sub,#58675f);width:100%;padding-left:30px}
#v-area .ccm-card .tg{display:inline-block;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;background:#eef1f5;color:#3a4a56}
#v-area .ccm-card .tg.ok{background:#e3f4e9;color:#1f7a45}#v-area .ccm-card .tg.ng{background:#fbe6e1;color:#c8361d}#v-area .ccm-card .tg.q{background:#f0f2f5;color:#58675f}
#v-area .ccm-card .tg.pw{background:#fff4d6;color:#8a5a00}#v-area .ccm-card .tg.new{background:#e0342a;color:#fff}
#v-area .ccm-card .dt{padding:0 12px 12px 42px;font-size:13px}
#v-area .ccm-card dl{display:grid;grid-template-columns:5em 1fr;gap:4px 8px;margin:0 0 10px}#v-area .ccm-card dt{color:var(--c-sub,#58675f)}#v-area .ccm-card dd{margin:0;word-break:break-word}
#v-area .ccm-card .go{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;background:#2b7bea;color:#fff;font-weight:800;text-decoration:none}
#v-area .ccm-top{display:flex;flex-wrap:wrap;gap:8px}
#v-area .ccm-top button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--c-line);background:#fff;font-size:14px;font-weight:700}
#v-area .ccm-top i{width:12px;height:12px;border-radius:3px}#v-area .ccm-top b{color:var(--c-stay);font-size:17px}
#v-area .ccm-near{margin:6px 0 12px;padding:10px;border-radius:12px;background:#f3f9f4}#v-area .ccm-near>b{display:block;font-size:14px;margin-bottom:6px;color:#1f7a45}
#v-area .ccm-src{font-size:11px;color:var(--c-sub);margin:10px 0 0;line-height:1.7}
@media (max-width:900px){
  #v-area .ccm-body{grid-template-columns:1fr}
  #v-area .ccm-map svg{height:min(68vh,600px)}
  #v-area .ccm-chip{min-height:40px;padding:0 11px;font-size:13px}
  #v-area .ccmap.zoomed .ccm-panel{position:fixed;left:0;right:0;bottom:0;max-height:56vh;border-radius:18px 18px 0 0;z-index:40;box-shadow:0 -6px 24px rgba(0,0,0,.2);padding-top:18px}
  #v-area .ccmap.zoomed .ccm-close{display:block;position:absolute;right:8px;top:6px;width:44px;height:44px;border:0;background:#f0f2f5;border-radius:50%;font-size:22px}
}


#colart .afx{border:1px solid var(--line,#dfe3ea);border-radius:12px;background:var(--paper,#fff);color:var(--ink,#151a22);margin:16px 0;padding:12px 14px 14px;font-size:14px;line-height:1.6}
#colart .afx .afh{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0 0 10px;font-size:12.5px;color:var(--sub,#5a6473)}
#colart .afx .afpr{display:inline-block;font-size:11.5px;font-weight:900;letter-spacing:.08em;color:#fff;background:#151a22;border-radius:4px;padding:1px 7px;line-height:1.6}
#colart .afx .afh b{color:var(--ink,#151a22);font-size:13.5px}
#colart .afx .afg{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
#colart .afx .afc{display:grid;gap:4px;align-content:start;border:1px solid var(--line,#dfe3ea);border-radius:10px;padding:10px 12px;min-width:0;background:color-mix(in srgb,var(--paper,#fff) 94%,var(--ink,#151a22))}
#colart .afx .afk{font-size:11.5px;font-weight:700;color:var(--sub,#5a6473)}
#colart .afx .afn{font-size:15px;font-weight:900;line-height:1.45;overflow-wrap:anywhere}
#colart .afx .afm{font-size:12.5px;color:var(--sub,#5a6473);overflow-wrap:anywhere}
#colart .afx .afy{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums;margin-top:2px}
#colart .afx .afy small{display:block;font-size:11.5px;font-weight:500;color:var(--sub,#5a6473);line-height:1.5}
#colart .afx .afd{font-size:11.5px;color:var(--sub,#5a6473)}
#colart .afx .afw{font-size:12px;font-weight:700;color:#c92a2a}
#colart .afx .afb{justify-self:start;margin-top:6px;border:0;border-radius:8px;background:#ff5a1f;color:#fff;font:inherit;font-size:13.5px;font-weight:900;padding:8px 14px;cursor:pointer;min-height:40px}
#colart .afx .afb i{font-style:normal;font-size:11px;font-weight:900;letter-spacing:.06em;background:rgba(0,0,0,.25);border-radius:3px;padding:0 5px;margin-left:6px}
#colart .afx .afb:hover{filter:brightness(1.06)}
#colart .afx .afnote{margin:8px 0 0;font-size:11.5px;color:var(--sub,#5a6473)}
#colart .afx.afgo{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;border-style:dashed}
#colart .afx.afgo p{margin:0;font-size:13.5px;line-height:1.6;min-width:0;flex:1 1 16em}
#colart .afx.afgo p b{color:var(--ink,#151a22)}
#colart .afx.afgo .afb{margin:0;background:var(--ink,#151a22);color:var(--paper,#fff)}



body{--d1:#0d7770;--d1s:#e3f4f1;--d1b:#f2a900}
body[data-pg=list]{--d1:#1864ab;--d1s:#e7f1fb;--d1b:#f08c00}
body[data-pg=ippan]{--d1:#2b8a3e;--d1s:#eaf6e2;--d1b:#f59f00}
body[data-pg=pet]{--d1:#d9480f;--d1s:#fff0e6;--d1b:#20c997}
body[data-pg=world]{--d1:#5f3dc4;--d1s:#f0ebff;--d1b:#f76707}
body[data-pg=comm]{--d1:#c2255c;--d1s:#fdeaf1;--d1b:#7048e8}
body[data-pg=bcp]{--d1:#1c4f8c;--d1s:#e8f0fa;--d1b:#f59f00}
body[data-pg=col]{--d1:#0b7285;--d1s:#e3f6f8;--d1b:#e8590c}


header.site{background:rgba(255,255,255,.86)!important;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border-bottom:1px solid rgba(20,40,40,.08)!important;box-shadow:0 6px 20px -14px rgba(20,40,60,.35)}
nav.gnav button[aria-current="page"]{background:var(--d1)!important;color:#fff!important;box-shadow:0 6px 14px -6px color-mix(in srgb,var(--d1) 70%,transparent)}
nav.gnav button[aria-current="page"] .ico{color:#fff!important}
nav.gnav button:not([aria-current]):hover{background:var(--d1s)!important;color:var(--d1)!important}
@media (max-width:760px){
  header.site .gnav{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent)!important;mask-image:linear-gradient(90deg,#000 86%,transparent)!important;padding-bottom:6px}
  header.site .gnav::-webkit-scrollbar{display:none}
  header.site .gnav button{flex:0 0 auto!important}
}


.view .ccdoor.h9.d1lt{--d1x:color-mix(in srgb,var(--h9) 45%,#14261f);min-height:0!important;padding:clamp(18px,3vw,36px)!important;gap:18px;box-shadow:0 22px 50px -26px rgba(20,40,60,.45)}
.view .ccdoor.h9.d1lt .dtx{background:rgba(255,255,255,.86);backdrop-filter:blur(14px) saturate(1.35);-webkit-backdrop-filter:blur(14px) saturate(1.35);border:1px solid rgba(255,255,255,.75);border-radius:18px;padding:clamp(18px,2.4vw,30px) clamp(18px,2.6vw,34px)!important;max-width:660px!important;box-shadow:0 16px 40px -18px rgba(20,40,60,.4);position:relative;overflow:hidden}
.view .ccdoor.h9.d1lt .dtx::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--h9),var(--d1x))}
.view .ccdoor.h9c.d1lt .dtx{margin-inline:auto}
.view .ccdoor.h9.d1lt h1{color:#15231d!important;-webkit-text-fill-color:#15231d!important;text-shadow:none!important;font-size:clamp(30px,4.2vw,52px)!important}
.view .ccdoor.h9.d1lt h1::after{background:linear-gradient(90deg,var(--h9),var(--d1x))!important}
.view .ccdoor.h9.d1lt .h9en{color:var(--d1x)!important}
.view .ccdoor.h9.d1lt .lead2,.view .ccdoor.h9.d1lt .chead p,.view .ccdoor.h9.d1lt .dtx > p,.view .ccdoor.h9.d1lt .dl{color:#2c3b35!important;text-shadow:none!important;font-size:clamp(14.5px,1.35vw,16.5px)!important}
.view .ccdoor.h9.d1lt .dn li{background:linear-gradient(160deg,color-mix(in srgb,var(--h9) 22%,#fff),#fff)!important;border:1px solid color-mix(in srgb,var(--h9) 55%,#fff)!important;backdrop-filter:none!important;box-shadow:0 4px 10px -6px rgba(20,40,60,.3)}
.view .ccdoor.h9.d1lt .dn li *{color:#41504a!important}
.view .ccdoor.h9.d1lt .dn li b,.view .ccdoor.h9.d1lt .dn li strong{color:var(--d1x)!important}
.view .ccdoor.h9.d1lt .h9new button{background:#fff!important;color:#1d2a25!important;border:1px solid color-mix(in srgb,var(--h9) 60%,#d9dee0)!important;box-shadow:0 3px 8px -5px rgba(20,40,60,.35)}
.view .ccdoor.h9.d1lt .h9new button:hover{background:var(--h9)!important}
.view .ccdoor.h9.d1lt .h9new time{color:var(--d1x)}
.view .ccdoor.h9.d1lt .dcats button{background:#fff!important;border-color:color-mix(in srgb,var(--h9) 50%,#dde)!important}
.view .ccdoor.h9.d1lt .dcats button b{color:#1d2a25!important}
.view .ccdoor.h9.d1lt .dcats button small{color:var(--d1x)!important}
.view .ccdoor.h9.d1lt > .crd8{background:rgba(255,255,255,.82);color:#33413b!important;text-shadow:none}

.view .ccdoor.h9.d1lt .dvis .rail .tile{max-height:240px}
.view .ccdoor.side.h9.d1lt .drail .rail .tile{aspect-ratio:16/10!important}

#v-col .ccdoor.h9 .dx{display:none!important}
@media (max-width:640px){
  .view .ccdoor.h9.d1lt{padding:150px 10px 12px!important;border-radius:16px!important;background-size:auto,cover!important}
  .view .ccdoor.h9.d1lt .dtx{padding:16px 16px 18px!important;border-radius:14px}
  .view .ccdoor.h9.d1lt h1{font-size:clamp(25px,7vw,30px)!important}
  .view .ccdoor.h9.d1lt .h9new button + button{display:none}
  .view .ccdoor.h9.d1lt .dn{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  .view .ccdoor.h9.d1lt .dn li{padding:6px 6px 5px!important;border-radius:9px!important}
  .view .ccdoor.h9.d1lt .dn li b{font-size:17px!important}
  .view .ccdoor.h9.d1lt .dn li span{font-size:10px!important;line-height:1.25}
  .view .ccdoor.h9.d1lt .dvis .rail{grid-auto-columns:64%!important}
  .view .ccdoor.h9.d1lt .dvis .rail .tile{max-height:150px}
  .view .ccdoor.side.h9.d1lt .drail .rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .view .ccdoor.side.h9.d1lt .drail .rail .tile{aspect-ratio:4/3!important}
}


.view .band.b8.d1lt{min-height:150px;box-shadow:0 14px 30px -20px rgba(20,40,60,.45)}
.view .band.b8.d1lt *{color:#15231d!important;text-shadow:none!important}
.view .band.b8.d1lt .tx{background:rgba(255,255,255,.84);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;margin:16px;padding:16px 20px!important;max-width:30em;box-shadow:0 10px 26px -14px rgba(20,40,60,.4);border-left:6px solid var(--d1b)}
.view .band.b8.d1lt .go,.view .band.b8.d1lt [data-go]{background:var(--d1)!important;color:#fff!important;border-radius:999px!important}
.view .band.b8.d1lt .go *,.view .band.b8.d1lt [data-go] *{color:#fff!important}
.view .band.b8.d1lt .crd8,.view .band.b8.d1lt .crd8 *{background:rgba(255,255,255,.85);color:#33413b!important}

.view .band:not(:has(img)):not(.b8):not(#band3){background:linear-gradient(110deg,#fff7e0 0%,#fff 46%,#e7f0fb 100%)!important;border:1px solid #f2d68a!important;border-radius:16px!important;padding-left:118px;position:relative;box-shadow:0 12px 28px -20px rgba(20,40,60,.5)}
.view .band:not(:has(img)):not(.b8):not(#band3)::before{content:"";position:absolute;left:22px;top:50%;width:76px;height:76px;margin-top:-38px;border-radius:20px;background:#f59f00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E") center/42px no-repeat;box-shadow:0 10px 20px -8px rgba(245,159,0,.7)}
.view .band:not(:has(img)):not(.b8):not(#band3) h3{color:#13294b!important}
.view .band:not(:has(img)):not(.b8):not(#band3) .go{background:#1c4f8c!important;border-radius:999px!important}
@media (max-width:640px){.view .band:not(:has(img)):not(.b8){padding-left:0}.view .band:not(:has(img)):not(.b8):not(#band3)::before{position:static;display:block;margin:16px 0 0 20px;width:52px;height:52px;background-size:30px;border-radius:14px}
  .view .band.b8.d1lt .tx{margin:90px 10px 10px}}


.vth{background:linear-gradient(150deg,var(--v1),var(--v2))!important;border:1px solid color-mix(in srgb,var(--v3) 30%,#fff);border-radius:12px!important;box-shadow:inset 0 0 0 4px rgba(255,255,255,.55),0 10px 22px -16px rgba(20,40,60,.6)}
.vth::before{background:var(--v3)!important;opacity:1!important;width:48px!important;height:48px!important;box-shadow:0 8px 16px -6px color-mix(in srgb,var(--v3) 80%,transparent);margin-top:18px}
.vth::after{border-color:transparent transparent transparent #fff!important;margin-top:9px}
.vth .big{color:#15231d!important;text-shadow:none!important;left:52px!important;top:10px!important;font-size:12.5px!important}
.vth .yt{background:#ff0033!important;color:#fff!important;border-radius:4px!important;top:auto!important;bottom:8px;right:8px!important}
.vth .d1av{position:absolute;left:10px;top:10px;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--v3);font-weight:900;font-size:15px;display:grid;place-items:center;font-family:var(--f-disp);box-shadow:0 0 0 2px var(--v3)}
.vth .d1bar{position:absolute;left:10px;right:74px;bottom:13px;height:4px;border-radius:2px;background:rgba(255,255,255,.75);overflow:hidden}
.vth .d1bar::after{content:"";position:absolute;left:0;top:0;bottom:0;width:30%;background:var(--v3)}
.vc{--v1:#e3f4f1;--v2:#c5ece4;--v3:#0d7770}
.vc:nth-child(6n+2){--v1:#fff1db;--v2:#ffd9a8;--v3:#e8590c}
.vc:nth-child(6n+3){--v1:#ece6ff;--v2:#d5c9ff;--v3:#6741d9}
.vc:nth-child(6n+4){--v1:#e3f1ff;--v2:#c3ddfb;--v3:#1971c2}
.vc:nth-child(6n+5){--v1:#ffe7ef;--v2:#ffc6d8;--v3:#d6336c}
.vc:nth-child(6n){--v1:#eef7dc;--v2:#d6ecb0;--v3:#5c940d}
.vc .vt{font-size:13.5px;font-weight:700;line-height:1.5}
.vc .vd{font-size:11.5px;color:#66756e}
.vc:hover .vth{transform:translateY(-2px);transition:transform .2s}

@media (max-width:640px){
  .view .vgrid,.view .vlist{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:72%!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px}
}


.prod .d1pi{display:grid;place-items:center;height:96px;margin:-12px -12px 4px;background:radial-gradient(120px 70px at 30% 20%,#fff 0,transparent 70%),linear-gradient(140deg,color-mix(in srgb,var(--sc,#0d7770) 16%,#fff),color-mix(in srgb,var(--sc,#0d7770) 34%,#fff));position:relative;overflow:hidden}
.prod .d1pi::after{content:"";position:absolute;right:-18px;bottom:-18px;width:70px;height:70px;border-radius:50%;background:color-mix(in srgb,var(--sc,#0d7770) 22%,transparent)}
.prod:has(img) .d1pi{display:none!important}
.prod .d1pi svg{width:46px;height:46px;stroke:var(--sc,#0d7770);position:relative;z-index:1;filter:drop-shadow(0 6px 8px color-mix(in srgb,var(--sc,#0d7770) 35%,transparent))}
.prod .d1pi small{position:absolute;left:8px;bottom:6px;font-size:10px;color:color-mix(in srgb,var(--sc,#0d7770) 70%,#222);font-weight:700;z-index:1}
.view .prod{border-radius:14px!important;box-shadow:0 10px 24px -18px rgba(20,40,60,.55)!important;transition:transform .2s}
.view .prod:hover{transform:translateY(-3px)}
.view .prod .btn,.view .prod button.buy{padding:8px 10px!important;font-size:13px!important;border-radius:999px!important;min-height:0!important}
@media (max-width:640px){
  .view:not(#v-shop):not(#v-area) .g4:has(> .prod){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .view:not(#v-shop):not(#v-area) .g4 > .prod{padding:10px!important}
  .view:not(#v-shop):not(#v-area) .g4 > .prod .d1pi{height:70px;margin:-10px -10px 4px}
  .view:not(#v-shop):not(#v-area) .g4 > .prod > b{font-size:14px!important}
}


.loop .rail{grid-auto-columns:minmax(220px,1fr)!important;justify-content:stretch!important}
.loop .feed{display:flex!important;flex-wrap:wrap;gap:10px}
.loop .feed > .tile{flex:1 1 170px;aspect-ratio:auto!important;height:200px;min-width:0}
.tile{border-radius:14px!important;box-shadow:0 10px 22px -16px rgba(20,40,60,.6)}
@media (max-width:640px){.loop .feed > .tile{flex:1 1 40%;height:150px}.loop .rail{grid-auto-columns:62%!important}}


.view aside .card:not(.carw){border-radius:14px!important;position:relative;overflow:hidden;border-top:4px solid var(--a1,#0d7770)!important}
.view aside .card:not(.carw):nth-child(4n+1){--a1:#0d7770}
.view aside .card:not(.carw):nth-child(4n+2){--a1:#e8590c}
.view aside .card:not(.carw):nth-child(4n+3){--a1:#6741d9}
.view aside .card:not(.carw):nth-child(4n){--a1:#1971c2}
.view aside .card .d1ic{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--a1,#0d7770);margin-right:10px;vertical-align:middle;box-shadow:0 6px 12px -6px var(--a1,#0d7770);flex:0 0 auto}
.view aside .card .d1ic svg{width:20px;height:20px;stroke:#fff}
.view aside .card.d1hasic > b:first-of-type,.view aside .card.d1hasic > h3:first-of-type{display:flex;align-items:center}
.view aside .card.d1hasic > p.muted{margin-left:44px}
.view aside .card.d1hasic > h3:first-of-type{font-size:17px!important;line-height:1.4!important}



#v-top .dash{background:linear-gradient(120deg,#d6f1ec 0%,#eef7ff 50%,#fff2dc 100%)!important;border:1px solid #cfe5e0;box-shadow:0 16px 34px -24px rgba(13,119,112,.6);padding:16px!important;border-radius:18px!important}
#v-top .dash .psbox{border:2px solid #0d7770!important;border-radius:999px!important;box-shadow:0 8px 18px -10px rgba(13,119,112,.6)}
#v-top .dash .psbox button{background:linear-gradient(90deg,#0d7770,#12a594)!important;border-radius:999px;margin:4px;padding:0 26px!important}
#v-top .trend b{color:#c2410c!important}
#v-top .trend .chip{background:#fff!important;color:#1d2a25!important;border:1px solid #cfe0db!important;border-radius:999px!important}
#v-top .trend .chip:hover{background:#0d7770!important;color:#fff!important}

#v-top .card.news .nbody{grid-template-columns:minmax(0,1fr)!important}
#v-top .card.news .nlist{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding-top:8px}
#v-top .card.news .nlist li{border:1px solid #e3ebe8!important;border-radius:12px;background:linear-gradient(180deg,#fff,#f6faf9);padding:2px 12px;position:relative}
#v-top .card.news .nlist li::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 3px 3px 0;background:var(--n1,#0d7770)}
#v-top .card.news .nlist li:nth-child(3n+2){--n1:#e8590c}#v-top .card.news .nlist li:nth-child(3n){--n1:#6741d9}
#v-top .card.news .nlist .d{font-weight:700;color:var(--n1,#0d7770)!important}
@media (max-width:640px){#v-top .card.news .nlist{grid-template-columns:minmax(0,1fr)}}
#v-top #band3{background:linear-gradient(90deg,rgba(255,255,255,.25),rgba(255,255,255,0) 60%),url(img/power__2.m.webp) center/cover!important;padding:20px!important;border-left:0!important;box-shadow:0 14px 30px -20px rgba(20,40,60,.45)}
#v-top #band3 .tx{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;padding:16px 20px!important;max-width:30em;border-left:6px solid #f59f00;box-shadow:0 10px 26px -14px rgba(20,40,60,.4);margin:0!important}
#v-top #band3::before{display:none!important}
#v-top #band3 *{color:#13294b!important;text-shadow:none!important}
#v-top #band3 .go,#v-top #band3 [data-go]{background:#f59f00!important;color:#fff!important}
#v-top #band3 .go *{color:#fff!important}
#quiz > h3:first-child{background:linear-gradient(90deg,rgba(255,255,255,.94) 0,rgba(255,255,255,.72) 45%,rgba(255,255,255,0) 75%),url(img/elf_rv.m.webp) center 60%/cover!important;color:#7a2e00!important}
#quiz > h3:first-child *{color:#7a2e00!important}
@media (max-width:640px){#v-top #band3{padding:110px 10px 10px!important}
  #quiz > h3:first-child{background:linear-gradient(180deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.95) 75%),url(img/elf_rv.m.webp) center 60%/cover!important}}
#v-top .g2 .sh.s9 h2{font-size:clamp(18px,1.7vw,21px)!important}
#v-top .g2 .sh.s9{padding:14px 16px 12px!important}
@media (max-width:640px){
  #v-top .pc9{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #v-top .pc9c b,#v-top .pc9c strong{font-size:13px!important}
  #quiz .opts{flex-direction:row!important;flex-wrap:wrap!important}
  #quiz .opts button{flex:1 1 30%!important;padding:10px 8px!important;font-size:14px!important;text-align:center!important}
  #quiz .qs{padding:14px 12px 6px!important;gap:10px!important}
  #quiz > h3:first-child{min-height:110px!important;font-size:21px!important;padding:18px!important}
}

.pc9c{border-radius:14px!important}
.pc9c > span:first-child,.pc9c .pc9t{white-space:normal}

#v-top .g2{align-items:start!important}

#quiz .opts button{border-radius:12px!important;border:2px solid #ffd8a8!important;background:linear-gradient(180deg,#fff,#fff6ec)!important;font-weight:900!important;padding:10px 18px!important;box-shadow:0 6px 12px -10px rgba(232,89,12,.7)}
#quiz .opts button:hover,#quiz .opts button[aria-pressed="true"],#quiz .opts button.on{background:#f76707!important;color:#fff!important;border-color:#f76707!important}



#v-list .axes .ax{position:relative;border-radius:14px!important;padding:12px 14px 16px!important;background:linear-gradient(160deg,#fff,var(--x2,#f3f8ff))!important;border:1px solid color-mix(in srgb,var(--x1,#1864ab) 25%,#fff)!important;overflow:hidden}
#v-list .axes .ax b{color:var(--x1,#1864ab);font-size:24px!important}
#v-list .axes .ax .d1m{position:absolute;left:14px;right:14px;bottom:9px;height:5px;border-radius:3px;background:color-mix(in srgb,var(--x1,#1864ab) 14%,#fff)}
#v-list .axes .ax .d1m i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--x1,#1864ab)}
#v-list .axes .ax:nth-child(2){--x1:#2b8a3e;--x2:#eef8ea}#v-list .axes .ax:nth-child(3){--x1:#1971c2;--x2:#eaf3fd}#v-list .axes .ax:nth-child(4){--x1:#e8590c;--x2:#fff2e8}#v-list .axes .ax:nth-child(5){--x1:#6741d9;--x2:#f2eeff}#v-list .axes .ax:nth-child(6){--x1:#0b7285;--x2:#e6f6f8}

#v-list .ms{display:block!important}
#v-list .ms > aside{display:block!important;margin:0 0 14px}
#v-list .ms > aside .card{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;padding:12px 16px!important}
#v-list .ms > aside .card > *{margin:0!important}
#v-list .ms > aside .card h3,#v-list .ms > aside .card > b{font-size:15px!important;padding:0!important;margin:0!important;background:none!important;border:0!important}
#carlist.carlist{grid-template-columns:repeat(auto-fill,minmax(min(100%,232px),1fr))!important;gap:14px!important}
#carlist .car{border-radius:14px!important;box-shadow:0 10px 24px -20px rgba(20,40,60,.7)!important;transition:transform .2s,box-shadow .2s}
#carlist .car:hover{transform:translateY(-3px);box-shadow:0 18px 30px -18px rgba(20,40,60,.55)!important}

#carlist .car .cph.c8.c8none{height:104px!important;min-height:104px!important;padding:0!important;display:block!important;position:relative;background:radial-gradient(160px 80px at 80% 10%,rgba(255,255,255,.9),transparent 70%),linear-gradient(135deg,var(--t2,#e7f1fb),var(--t3,#cfe2f6))!important;border-bottom:1px solid color-mix(in srgb,var(--t1,#1864ab) 18%,#fff)}
#carlist .car .cph.c8.c8none::before{content:"";position:absolute;left:14px;right:96px;top:14px;bottom:18px;background:var(--sil) left center/contain no-repeat;opacity:.95}
#carlist .car .cph.c8.c8none::after{content:"図：" attr(data-d1n) "の形";position:absolute;left:12px;bottom:5px;font-size:10px;font-weight:700;color:color-mix(in srgb,var(--t1,#1864ab) 75%,#222)}
#carlist .car .cph.c8.c8none .st{top:auto!important;bottom:8px;right:8px}
#carlist .car .cph.c8:not(.c8none){height:150px!important;min-height:150px!important}
#carlist .car .cph.c8:not(.c8none) > img.c8i{height:150px!important}
#carlist .car .pr2{color:var(--t1,#1864ab);font-size:20px!important}
#carlist .car .sp{gap:4px!important}
#carlist .car .sp > *{background:#f3f6f8;border-radius:6px;padding:1px 7px;font-size:12px}
#carlist .car .act{background:#fafcfd}
#carlist .car[data-d1t=cab]{--t1:#1864ab;--t2:#e7f1fb;--t3:#c9def5}
#carlist .car[data-d1t=van]{--t1:#2b8a3e;--t2:#ecf8e6;--t3:#cdebc0}
#carlist .car[data-d1t=kei]{--t1:#d9480f;--t2:#fff1e6;--t3:#ffd8bd}
#carlist .car[data-d1t=bus]{--t1:#5f3dc4;--t2:#f1ecff;--t3:#d9cdfd}
#carlist .car[data-d1t=trl]{--t1:#0b7285;--t2:#e3f6f8;--t3:#bfe6ec}
#carlist .car[data-d1t=oth]{--t1:#495057;--t2:#f1f3f5;--t3:#dde1e5}
@media (max-width:640px){
  #v-list #filters.filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #v-list #filters.filters label{font-size:11.5px!important;min-width:0}
  #v-list #filters.filters select{font-size:13px!important;padding:8px 6px!important;width:100%}
  #carlist.carlist{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #carlist .car .cb{padding:8px 9px!important;gap:3px!important}
  #carlist .car .tg > :nth-child(n+3){display:none}
  #carlist .car b.nm{font-size:14px!important}
  #carlist .car .mk{font-size:10.5px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #carlist .car .pr2{font-size:16px!important}
  #carlist .car .pr2 small{display:none}
  #carlist .car .sp > *{font-size:10.5px;padding:0 5px}
  #carlist .car .cph.c8.c8none{height:74px!important;min-height:74px!important}
  #carlist .car .cph.c8.c8none::before{left:8px;right:8px;top:8px;bottom:16px;background-position:center}
  #carlist .car .cph.c8.c8none .st{display:none}
  #carlist .car .cph.c8:not(.c8none),#carlist .car .cph.c8:not(.c8none) > img.c8i{height:104px!important;min-height:104px!important}
  #carlist .car .act{padding:6px 9px!important}
  #v-list .axes{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #v-list .axes .ax{padding:8px 9px 13px!important}
  #v-list .axes .ax b{font-size:18px!important}
  #v-list .axes .ax small{font-size:10px!important}
}


#v-pet table.d1temp td .d1t{display:flex;align-items:center;gap:8px;justify-content:flex-end}
#v-pet table.d1temp td .d1t i{display:block;flex:0 0 calc(var(--w)*1.3px);height:10px;border-radius:5px;background:linear-gradient(90deg,#ffd43b,#f76707 60%,#e03131);min-width:6px}
#v-pet table.d1temp td .d1t.cool i{background:linear-gradient(90deg,#74c0fc,#1c7ed6)}
#v-pet table.d1temp td .d1t b{font-family:var(--f-num);min-width:3.2em;text-align:right}
#v-pet table.d1temp tr:hover td{background:#fff6ee}
@media (max-width:640px){#v-pet table.d1temp{min-width:0!important;width:100%!important;table-layout:fixed}#v-pet table.d1temp th,#v-pet table.d1temp td{padding:7px 6px!important;font-size:12px!important;white-space:normal!important}#v-pet table.d1temp th:first-child,#v-pet table.d1temp td:first-child{width:44%}#v-pet table.d1temp td .d1t i{flex-basis:calc(var(--w)*.35px)}#v-pet table.d1temp td:nth-child(3) .d1t i{display:none}#v-pet table.d1temp td .d1t{gap:4px}#v-pet table.d1temp td .d1t b{min-width:0}}


#v-comm .plans{align-items:stretch}
#v-comm .plan{border-radius:18px!important;padding:0 0 16px!important;overflow:hidden;box-shadow:0 14px 30px -22px rgba(20,40,60,.6);border:1px solid #e7e3ef!important;background:#fff!important}
#v-comm .plan > h3{margin:0!important;padding:16px 18px 6px!important;background:linear-gradient(135deg,#e7f6f3,#fff)!important;font-size:18px!important}
#v-comm .plan .yen{padding:0 18px 12px;background:linear-gradient(135deg,#e7f6f3,#fff);margin:0 0 6px;font-size:30px!important;color:#0d7770!important;border-bottom:1px dashed #cfe5e0}
#v-comm .plan.hl > h3,#v-comm .plan.hl .yen{background:linear-gradient(135deg,#fde7ef,#fff6ea)!important}
#v-comm .plan.hl .yen{color:#c2255c!important}
#v-comm .plan.hl{border:2px solid #f783ac!important;position:relative}
#v-comm .plan ul{list-style:none!important;padding:0 18px!important;display:grid;gap:7px}
#v-comm .plan ul li{position:relative;padding-left:26px;font-size:14px}
#v-comm .plan ul li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#0d7770 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
#v-comm .plan.hl ul li::before{background-color:#d6336c}
#v-comm .plan > p,#v-comm .plan > small,#v-comm .plan > .src,#v-comm .plan > .muted{padding:0 18px}
#v-comm .sec.g2{align-items:start!important}
@media (max-width:640px){#v-comm .loop .feed > .tile{flex:1 1 40%;height:150px}}

#v-comm .form input::placeholder,#v-comm .form textarea::placeholder{color:#a3adb8}
#v-comm .sec.g2 > .card{height:auto}

@media (min-width:641px){#v-bcp .b8fig{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important}}
#v-bcp .b8fig{background:linear-gradient(135deg,#fff,#eef3fa)!important;border-radius:16px!important;box-shadow:0 14px 30px -22px rgba(20,40,60,.6)}
#v-bcp .b8fig figcaption{padding:22px 24px!important;font-size:15px!important;line-height:1.85!important;border-left:6px solid #f59f00}
#v-bcp .b8fig figcaption b{display:block;font-size:19px;color:#13294b;margin-bottom:6px;font-family:var(--f-disp)}
@media (max-width:640px){#v-bcp .b8fig{display:block!important}#v-bcp .b8fig img{width:100%!important;height:auto!important;max-height:none!important}#v-bcp .b8fig figcaption{border-left:0;border-top:5px solid #f59f00;padding:14px 16px!important;font-size:14px!important}}

@media (max-width:640px){
  #calc8 .g9in{gap:6px!important}
  #calc8 .g9f{padding:8px 8px!important}
  #calc8 .g9st button{width:28px!important;height:28px!important;font-size:16px!important;flex:0 0 auto}
  #calc8 .g9st b{font-size:22px!important}
  #calc8 .g9cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #calc8 .g9c{padding:12px!important}
  #calc8 .g9c .g9big b{font-size:30px!important}
  #calc8 .g9c .g9src{display:none}
  #calc8 .g9dev{display:grid!important;grid-template-columns:auto minmax(0,1fr) 3.4em auto 3.4em auto;gap:4px!important;align-items:center;font-size:11.5px!important;padding:6px 0;border-bottom:1px dashed #e3e8ee}
  #calc8 .g9dev input[type=number]{width:3.4em!important;padding:4px 3px!important;font-size:13px!important;text-align:center}
  #calc8 .g9dev .g9dn{font-size:12.5px;font-weight:700}
}

@media (max-width:640px){
  #v-bcp .tscroll table thead{display:none}
  #v-bcp .tscroll table,#v-bcp .tscroll tbody{display:block}
  #v-bcp .tscroll tr{display:grid;grid-template-columns:auto 1fr auto;gap:2px 8px;padding:10px 12px;margin:0 0 8px;border:1px solid #f2d1b3;border-left:5px solid #f76707;border-radius:12px;background:#fff}
  #v-bcp .tscroll td{border:0!important;padding:0!important}
  #v-bcp .tscroll td:nth-child(1){font-weight:900;font-size:15px}
  #v-bcp .tscroll td:nth-child(2){font-size:12px;color:#5b6a64;align-self:center}
  #v-bcp .tscroll td:nth-child(3){font-family:var(--f-num);font-size:12px;color:#c2410c}
  #v-bcp .tscroll td:nth-child(4){grid-column:1/-1;font-size:13.5px}
}


#v-world .g2,#v-world .sec.g2{align-items:start!important}
@media (min-width:900px){#v-world .g2:has(.g4 > .prod){grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)!important}
  #v-world .g4:has(> .prod){grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  #v-world .g4 > .prod > b{font-size:14px!important}}



#arc9 .a9row:not(:has(.a9m:not(.a9e))){display:none!important}
#arc9{border-radius:16px!important;background:linear-gradient(135deg,#e3f6f8,#fff 60%)!important}
#arc9 .a9m:not(.a9e){background:linear-gradient(180deg,#fff,#d7f1f4)!important;border:1px solid #99d8e0!important;color:#0b7285!important;font-weight:900}
#arc9 .a9m:not(.a9e) i{background:#0b7285;color:#fff;border-radius:999px;padding:0 6px;font-style:normal}

#colcats button[style*="--cc"]{border-left:6px solid var(--cc)!important}

#collist{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
#collist > section,#collist > .colmon,#collist > :not(.colcard){grid-column:1/-1}
#collist .colmon{font-family:var(--f-disp);font-size:20px!important;font-weight:900;border-bottom:0!important;padding:14px 0 2px!important;display:flex;align-items:center;gap:10px}
#collist .colmon::after{content:"";flex:1;height:3px;border-radius:2px;background:linear-gradient(90deg,#0b7285,transparent)}
#collist .colcard{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:auto 1fr;gap:4px 14px!important;align-items:start;background:#fff;border:1px solid #e3ecee!important;border-left:0!important;border-radius:16px!important;padding:12px!important;box-shadow:0 10px 22px -20px rgba(20,40,60,.7);position:relative;overflow:hidden;cursor:pointer;transition:transform .2s}
#collist .colcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--cc,#0b7285)}
#collist .colcard:hover{transform:translateY(-2px)}
#collist .colcard .cd{grid-column:2;grid-row:1;display:flex!important;gap:6px;align-items:baseline;font-size:12.5px!important;color:var(--cc,#0b7285)!important;font-weight:700;padding:0!important;margin:0!important}
#collist .colcard .cd small{font-size:11px;color:#6b7a74}
#collist .colcard .cth{grid-column:1;grid-row:1/3;width:150px!important;height:auto!important;border-radius:12px;overflow:hidden;position:relative;margin:0!important;background:#f1f4f3}
#collist .colcard .cth img{width:100%!important;height:104px!important;object-fit:cover;display:block}
#collist .colcard .cth .crd8{position:static!important;display:block;max-width:none!important;font-size:9.5px!important;line-height:1.35!important;padding:3px 6px 4px!important;background:none!important;color:#5f6e68!important;text-shadow:none!important;border-radius:0!important;white-space:normal!important}
#collist .colcard .cth i{top:6px!important;bottom:auto!important;right:6px!important;left:auto!important;font-size:9.5px!important;padding:0 5px!important}
#collist .colcard > div:last-child{grid-column:2;grid-row:2;min-width:0}
#collist .colcard > div:last-child b{display:block;font-size:15.5px;line-height:1.45;margin:4px 0 4px;font-family:var(--f-disp)}
#collist .colcard > div:last-child p{font-size:12.5px!important;color:#5b6a64;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:820px){#collist{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  #collist .colcard{grid-template-columns:104px minmax(0,1fr)!important;padding:10px!important}
  #collist .colcard .cth{width:104px!important}
  #collist .colcard .cth img{height:78px!important}
  #collist .colcard > div:last-child b{font-size:14px}
  #collist .colcard > div:last-child p{-webkit-line-clamp:2;font-size:12px!important}
  #colcats{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  #colcats button{flex:0 0 auto}
}


.view .sh.s9{border-radius:16px!important;position:relative;overflow:hidden;box-shadow:0 10px 24px -20px rgba(20,40,60,.6)}
.view .sh.s9::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:6px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--d1),var(--d1b))}
.view .sh.s9 .s9en{color:var(--d1)!important;letter-spacing:.24em!important;display:flex;align-items:center;gap:8px}
.view .sh.s9 .s9en::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--d1b);box-shadow:0 0 0 3px color-mix(in srgb,var(--d1b) 25%,transparent)}




#v-ippan .ipn-ph{display:block;position:relative;overflow:hidden;background:#eef1ea;width:100%}
#v-ippan .ipn-tile .ipn-ph{grid-column:1/-1;margin:-9px -12px 4px;width:auto;aspect-ratio:16/10;border-radius:7px 7px 0 0}
#v-ippan .ipn-ph img{width:100%;height:100%;object-fit:cover;display:block}
#v-ippan .ipn-ph .crd8{position:absolute!important;right:4px!important;bottom:3px!important;top:auto!important;left:auto!important;z-index:2;font-size:9.5px!important;max-width:94%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding:0 5px!important;border-radius:3px!important;background:rgba(0,0,0,.55)!important;color:#fff!important}
#v-ippan .ipn-tile .ipn-cap{grid-column:1/-1;font-size:12px;line-height:1.4;color:#58675f;margin:0 0 4px}
#v-ippan .ipn-fig{margin:0;width:100%;display:grid;gap:4px}
#v-ippan .ipn-fig .ipn-ph{aspect-ratio:4/3;border-radius:10px}
#v-ippan .ipn-fig figcaption{font-size:12px;line-height:1.4;color:#58675f;text-align:left}
#v-ippan #ipnews{display:grid;gap:16px;margin:0 0 26px;min-width:0;font-family:var(--f-body)}
#v-ippan #ipnews *{box-sizing:border-box}
#v-ippan .ipn-top{display:grid;gap:10px;background:#fff;border:1px solid #e7e2c8;border-radius:16px;padding:clamp(16px,2.6vw,26px);border-top:6px solid var(--th3,#5f8f12)}
#v-ippan .ipn-kick{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-num);font-weight:700;font-size:12.5px;letter-spacing:.14em;color:#5f8f12}
#v-ippan .ipn-kick i{width:8px;height:8px;border-radius:50%;background:#e8590c;display:inline-block}
#v-ippan .ipn-top h2{margin:0;font-family:var(--f-disp);font-weight:900;font-size:clamp(24px,3.4vw,34px);line-height:1.25;color:#1d2a25}
#v-ippan .ipn-top h2 em{font-style:normal;background:linear-gradient(transparent 62%,#ffe066 62%)}
#v-ippan .ipn-top p{margin:0;font-size:15px;line-height:1.75;color:#3d4a43}
#v-ippan .ipn-stat{display:flex;flex-wrap:wrap;gap:8px}
#v-ippan .ipn-stat span{display:inline-flex;align-items:baseline;gap:4px;background:#f4f8ea;border:1px solid #dfe9c6;border-radius:999px;padding:4px 12px;font-size:13px;color:#3d4a43}
#v-ippan .ipn-stat b{font-family:var(--f-num);font-size:17px;color:#1d2a25}


#v-ippan .ipn-sec{background:#fff;border:1px solid #e7e2c8;border-radius:16px;padding:clamp(14px,2.2vw,22px);min-width:0}
#v-ippan .ipn-sec > h3{margin:0 0 4px;font-family:var(--f-disp);font-weight:900;font-size:20px;color:#1d2a25}
#v-ippan .ipn-sec > .ipn-note{margin:0 0 12px;font-size:13px;color:#58675f}
#v-ippan .ipn-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
#v-ippan .ipn-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:2px 8px;text-align:left;background:#fff;border:1px solid #e3e6dd;border-top:5px solid var(--c);border-radius:12px;padding:9px 12px 10px;cursor:pointer;font:inherit;color:#1d2a25;min-width:0}
#v-ippan .ipn-tile[hidden]{display:none!important}
#v-ippan .ipn-tile:hover,#v-ippan .ipn-tile[aria-pressed="true"]{background:color-mix(in srgb,var(--c) 9%,#fff);border-color:var(--c)}
#v-ippan .ipn-tile b{font-size:15px;line-height:1.35;font-family:var(--f-disp);font-weight:900;overflow-wrap:anywhere;min-width:0}
#v-ippan .ipn-tile small{grid-column:1/-1;font-size:12px;color:#66756c;line-height:1.35}
#v-ippan .ipn-tile .ipn-n{font-family:var(--f-num);font-weight:700;font-size:17px;color:var(--c);white-space:nowrap;line-height:1.2}
#v-ippan .ipn-tile .ipn-n small{display:inline;font-family:var(--f-body);font-size:12px;color:#66756c}
#v-ippan .ipn-more{margin-top:10px;display:flex;justify-content:center}
#v-ippan .ipn-btn{border:1px solid #c9d3bf;background:#fff;border-radius:999px;padding:8px 18px;font:inherit;font-size:14px;font-weight:700;color:#2f5d0f;cursor:pointer}
#v-ippan .ipn-btn:hover{background:#f4f8ea}


#v-ippan .ipn-ini{display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--c);color:#fff;font-family:var(--f-disp);font-weight:900;line-height:1.05;text-align:center;letter-spacing:-.02em;overflow:hidden;padding:2px;word-break:break-all}


#v-ippan .ipn-find{display:grid;gap:10px}
#v-ippan .ipn-q{display:flex;gap:8px;flex-wrap:wrap}
#v-ippan .ipn-q input{flex:1 1 220px;min-width:0;border:1px solid #c9d3bf;border-radius:10px;padding:10px 12px;font:inherit;font-size:15px;background:#fff;color:#1d2a25}
#v-ippan .ipn-sels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#v-ippan .ipn-sels label{display:grid;gap:3px;font-size:12px;color:#58675f;min-width:0}
#v-ippan .ipn-sels select{width:100%;min-width:0;border:1px solid #c9d3bf;border-radius:10px;padding:8px 8px;font:inherit;font-size:14px;background:#fff;color:#1d2a25}
#v-ippan .ipn-tags{display:flex;flex-wrap:wrap;gap:6px}
#v-ippan .ipn-tags button{border:1px solid #d6dccd;background:#fff;border-radius:999px;padding:4px 11px;font:inherit;font-size:13px;color:#3d4a43;cursor:pointer}
#v-ippan .ipn-tags button[aria-pressed="true"]{background:#2f5d0f;border-color:#2f5d0f;color:#fff}
#v-ippan .ipn-res{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:#3d4a43}
#v-ippan .ipn-res b{font-family:var(--f-num);font-size:18px;color:#1d2a25}
#v-ippan .ipn-res .ipn-cond{display:inline-flex;align-items:center;gap:4px;background:#fff4e0;border:1px solid #f3d9a8;border-radius:999px;padding:2px 10px;font-size:13px}
#v-ippan .ipn-res .ipn-clr{border:0;background:none;color:#c2410c;font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:underline}


#v-ippan .ipn-body{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
@media (min-width:921px){#v-ippan .ipn-body{grid-template-columns:minmax(0,1fr) 250px}#v-ippan .ipn-arc{position:sticky;top:118px}}
#v-ippan .ipn-list{display:grid;gap:12px;min-width:0}
#v-ippan .ipn-item{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;background:#fff;border:1px solid #e3e6dd;border-radius:14px;padding:14px;position:relative;min-width:0}
#v-ippan .ipn-item::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--c)}
#v-ippan .ipn-side{display:grid;gap:6px;justify-items:center;align-content:start}
#v-ippan .ipn-side .ipn-ini{width:64px;height:64px;font-size:15px;border-radius:14px}
#v-ippan .ipn-side small{font-size:12px;color:#66756c;text-align:center;line-height:1.3}
#v-ippan .ipn-main{display:grid;gap:7px;min-width:0}
#v-ippan .ipn-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px;color:#58675f}
#v-ippan .ipn-meta time{font-family:var(--f-num);font-weight:700;color:#1d2a25;font-size:14px}
#v-ippan .ipn-car{background:var(--c);color:#fff;border-radius:6px;padding:2px 9px;font-weight:800;font-size:13px;border:0;cursor:pointer;font-family:inherit}
#v-ippan .ipn-kind{border:1px solid #cfd6c8;border-radius:6px;padding:1px 7px;font-size:12px;color:#3d4a43;background:#fafbf7}
#v-ippan .ipn-kind.k-v{border-color:#f1b2a4;color:#b02a0c;background:#fff3ef}
#v-ippan .ipn-kind.k-o{border-color:#a9c7ef;color:#1b4f8f;background:#f0f6ff}
#v-ippan .ipn-ev{background:#e6f7ee;color:#1f7a45;border-radius:6px;padding:1px 7px;font-size:12px;font-weight:800}
#v-ippan .ipn-main h4{margin:0;font-family:var(--f-disp);font-weight:900;font-size:clamp(18px,2vw,21px);line-height:1.4;color:#1d2a25}
#v-ippan .ipn-main p{margin:0;font-size:14.5px;line-height:1.75;color:#3d4a43}
#v-ippan .ipn-ttl{font-size:13px;color:#58675f;line-height:1.6;overflow-wrap:anywhere}
#v-ippan .ipn-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;color:#58675f}
#v-ippan .ipn-foot .ipn-chk{font-size:12px;color:#66756c}
#v-ippan .ipn-go{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:#c2410c;color:#fff;text-decoration:none;font-weight:800;font-size:13.5px;padding:7px 14px}
#v-ippan .ipn-go:hover{background:#9a3412}
#v-ippan .ipn-play{display:inline-flex;align-items:center;gap:6px;border:1px solid #c2410c;color:#c2410c;background:#fff;border-radius:999px;font:inherit;font-weight:800;font-size:13.5px;padding:6px 14px;cursor:pointer}
#v-ippan .ipn-vid{width:100%;max-width:560px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#eef1ea}
#v-ippan .ipn-vid iframe{width:100%;height:100%;border:0;display:block}
#v-ippan .ipn-itags{display:flex;flex-wrap:wrap;gap:5px}
#v-ippan .ipn-itags button{border:0;background:#f1f4ec;border-radius:6px;padding:2px 8px;font:inherit;font-size:12px;color:#4a5a50;cursor:pointer}
#v-ippan .ipn-none{background:#fff;border:1px dashed #c9d3bf;border-radius:14px;padding:22px;text-align:center;color:#58675f;font-size:14px}

#v-ippan .ipn-arc{background:#fff;border:1px solid #e3e6dd;border-radius:14px;padding:14px;min-width:0}
#v-ippan .ipn-arc summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;justify-content:space-between;gap:8px}
#v-ippan .ipn-arc summary::-webkit-details-marker{display:none}
#v-ippan .ipn-arc summary small{font-size:12.5px;color:#c2410c;font-weight:700}
#v-ippan .ipn-arc[open] summary small{display:none}
#v-ippan .ipn-arc h3{margin:0 0 2px;font-family:var(--f-disp);font-weight:900;font-size:17px}
#v-ippan .ipn-arc > p{margin:0 0 10px;font-size:12.5px;color:#58675f;line-height:1.6}
#v-ippan .ipn-yr{margin:8px 0 4px;font-weight:800;font-size:13.5px;color:#1d2a25}
#v-ippan .ipn-y2{font-family:var(--f-num);font-weight:700;font-size:13px;color:#3d4a43;margin-top:6px}
#v-ippan .ipn-mos{display:flex;flex-wrap:wrap;gap:5px}
#v-ippan .ipn-mos button{border:1px solid #d6dccd;background:#fff;border-radius:8px;padding:3px 9px;font:inherit;font-size:13px;color:#3d4a43;cursor:pointer}
#v-ippan .ipn-mos button small{font-size:12px;color:#7a877f;margin-left:2px}
#v-ippan .ipn-mos button[aria-pressed="true"]{background:#2f5d0f;border-color:#2f5d0f;color:#fff}
#v-ippan .ipn-mos button[aria-pressed="true"] small{color:#e5f0d6}
#v-ippan .ipn-rule{margin-top:12px;padding-top:10px;border-top:1px solid #eceee6;font-size:12.5px;color:#58675f;line-height:1.65}


#v-ippan .ipn-ex{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:8px 0 0;padding:12px 0 0;border-top:2px solid #e7e2c8;font-family:var(--f-disp);font-weight:900;font-size:20px;color:#1d2a25}
#v-ippan .ipn-ex span{font-family:var(--f-body);font-weight:700;font-size:13px;color:#fff;background:#5f8f12;border-radius:6px;padding:2px 9px}
#v-ippan .ipn-ex small{font-family:var(--f-body);font-weight:400;font-size:13px;color:#58675f}


#v-ippan .ccdoor .dn li span,#v-ippan .ccdoor .chead .tag,#v-ippan .ccdoor .drail .tile em,#v-ippan .prod .k3pv i,#v-ippan .vgrid .vd,#v-ippan #ippanrank2 small,#v-ippan #ippanrank2 li .k3hm,#v-ippan .keyspec small,#v-ippan .f3cat,#v-ippan .vgrid .yt,#v-ippan .vgrid .ch{font-size:12px!important}
@media (max-width:760px){
  #v-ippan .ipn-sels{grid-template-columns:repeat(2,minmax(0,1fr))}
  #v-ippan .ipn-item{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 12px 12px 16px}
  #v-ippan .ipn-side{display:grid;gap:4px;justify-items:start}
  #v-ippan .ipn-fig .ipn-ph{aspect-ratio:16/9}
  #v-ippan .ipn-side .ipn-ini{width:auto;min-width:34px;height:28px;padding:0 9px;font-size:12.5px;border-radius:8px;white-space:nowrap;word-break:normal;overflow:visible}
  #v-ippan .ipn-arc{order:-1}
  #v-ippan .ipn-arc:not([open]) > :not(summary){display:none}
  #v-ippan .ipn-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  #v-ippan .ipn-tile{padding:8px 10px}
  #v-ippan .ipn-tile b{font-size:14px}
}




#v-bcp .ccdoor.h9 h1{-webkit-text-fill-color:currentColor!important}
@media (min-width:761px){
  #v-bcp .rail.k3fill{grid-auto-flow:row!important;grid-template-columns:repeat(var(--k3n),minmax(0,1fr))!important;grid-auto-columns:unset!important;overflow:visible!important}
  #v-bcp .rail.k3fill > .tile{width:auto!important;max-width:none!important}
  
  #v-bcp .loop .rail > .tile{height:250px!important;aspect-ratio:auto!important;min-height:0!important}
  #v-bcp .loop .rail > .tile > figure{height:100%!important;margin:0}
  #v-bcp .loop .rail > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-bcp .loop .feed.k3g{display:grid!important;grid-template-columns:repeat(var(--k3c),minmax(0,1fr))!important;gap:10px!important}
  #v-bcp .loop .feed.k3g > .tile{flex:none!important;width:auto!important;height:200px!important}
  #v-bcp .loop .feed.k3g > .tile > figure{height:100%!important;margin:0}
  #v-bcp .loop .feed.k3g > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-bcp .loop .feed > .tile.k3cut{display:none!important}
}
@media (min-width:921px){
  #v-bcp .ms > aside,#v-bcp .portal > aside{position:sticky;top:118px;align-self:start}
}
#v-bcp .prod.k3hasph{overflow:hidden}
#v-bcp .prod.k3hasph .d1pi{display:none!important}
#v-bcp .prod .k3pv{position:relative;margin:-12px -12px 10px;height:130px;flex:0 0 auto;overflow:hidden;background:#dfe6ea}
#v-bcp .prod .k3pv img{width:100%;height:100%;object-fit:cover;display:block}
#v-bcp .prod .k3pv i{position:absolute;left:8px;bottom:8px;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:rgba(20,28,36,.72);padding:2px 7px;border-radius:5px}
#v-bcp .prod .k3pv .k3cr{position:absolute;top:6px;right:6px;left:auto;max-width:78%!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis!important}
#v-bcp .empty8.k3empty{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:190px;padding:16px!important;border:0!important;border-radius:14px;background-size:cover!important;background-position:center!important;color:#fff!important;text-align:left}
#v-bcp .empty8.k3empty b{font-size:17px;line-height:1.35;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
#v-bcp .empty8.k3empty span{font-size:12.5px;opacity:.92}
#v-bcp .empty8.k3empty .k3eb{align-self:flex-start;margin-top:6px;border:0;border-radius:999px;background:#ff7a1a;color:#fff;font-weight:800;font-size:13px;padding:8px 14px;cursor:pointer}
#v-bcp .empty8.k3empty .k3crb{position:absolute;top:8px;right:8px;font-size:10px}
@media (max-width:760px){
  #v-bcp .loop .rail > .tile{max-height:220px}
}


@media (max-width:640px){
  #v-bcp #calc8 .g9dev .g9dn{min-width:0!important;white-space:normal;line-height:1.3;word-break:break-all}
}




#v-col .ccdoor.h9 h1{-webkit-text-fill-color:currentColor!important}
@media (min-width:761px){
  #v-col .rail.k3fill{grid-auto-flow:row!important;grid-template-columns:repeat(var(--k3n),minmax(0,1fr))!important;grid-auto-columns:unset!important;overflow:visible!important}
  #v-col .rail.k3fill > .tile{width:auto!important;max-width:none!important}
  
  #v-col .loop .rail > .tile{height:250px!important;aspect-ratio:auto!important;min-height:0!important}
  #v-col .loop .rail > .tile > figure{height:100%!important;margin:0}
  #v-col .loop .rail > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-col .loop .feed.k3g{display:grid!important;grid-template-columns:repeat(var(--k3c),minmax(0,1fr))!important;gap:10px!important}
  #v-col .loop .feed.k3g > .tile{flex:none!important;width:auto!important;height:200px!important}
  #v-col .loop .feed.k3g > .tile > figure{height:100%!important;margin:0}
  #v-col .loop .feed.k3g > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-col .loop .feed > .tile.k3cut{display:none!important}
}
@media (min-width:921px){
  #v-col .ms > aside,#v-col .portal > aside{position:sticky;top:118px;align-self:start}
}
#v-col .prod.k3hasph{overflow:hidden}
#v-col .prod.k3hasph .d1pi{display:none!important}
#v-col .prod .k3pv{position:relative;margin:-12px -12px 10px;height:130px;flex:0 0 auto;overflow:hidden;background:#dfe6ea}
#v-col .prod .k3pv img{width:100%;height:100%;object-fit:cover;display:block}
#v-col .prod .k3pv i{position:absolute;left:8px;bottom:8px;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:rgba(20,28,36,.72);padding:2px 7px;border-radius:5px}
#v-col .prod .k3pv .k3cr{position:absolute;top:6px;right:6px;left:auto;max-width:78%!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis!important}
#v-col .empty8.k3empty{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:190px;padding:16px!important;border:0!important;border-radius:14px;background-size:cover!important;background-position:center!important;color:#fff!important;text-align:left}
#v-col .empty8.k3empty b{font-size:17px;line-height:1.35;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
#v-col .empty8.k3empty span{font-size:12.5px;opacity:.92}
#v-col .empty8.k3empty .k3eb{align-self:flex-start;margin-top:6px;border:0;border-radius:999px;background:#ff7a1a;color:#fff;font-weight:800;font-size:13px;padding:8px 14px;cursor:pointer}
#v-col .empty8.k3empty .k3crb{position:absolute;top:8px;right:8px;font-size:10px}
@media (max-width:760px){
  #v-col .loop .rail > .tile{max-height:220px}
}





#v-comm .ccdoor.h9 h1{-webkit-text-fill-color:currentColor!important}
@media (min-width:761px){
  #v-comm .rail.k3fill{grid-auto-flow:row!important;grid-template-columns:repeat(var(--k3n),minmax(0,1fr))!important;grid-auto-columns:unset!important;overflow:visible!important}
  #v-comm .rail.k3fill > .tile{width:auto!important;max-width:none!important}
  
  #v-comm .loop .rail > .tile{height:250px!important;aspect-ratio:auto!important;min-height:0!important}
  #v-comm .loop .rail > .tile > figure{height:100%!important;margin:0}
  #v-comm .loop .rail > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-comm .loop .feed.k3g{display:grid!important;grid-template-columns:repeat(var(--k3c),minmax(0,1fr))!important;gap:10px!important}
  #v-comm .loop .feed.k3g > .tile{flex:none!important;width:auto!important;height:200px!important}
  #v-comm .loop .feed.k3g > .tile > figure{height:100%!important;margin:0}
  #v-comm .loop .feed.k3g > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-comm .loop .feed > .tile.k3cut{display:none!important}
}
@media (min-width:921px){
  #v-comm .ms > aside,#v-comm .portal > aside{position:sticky;top:118px;align-self:start}
}
#v-comm .prod.k3hasph{overflow:hidden}
#v-comm .prod.k3hasph .d1pi{display:none!important}
#v-comm .prod .k3pv{position:relative;margin:-12px -12px 10px;height:130px;flex:0 0 auto;overflow:hidden;background:#dfe6ea}
#v-comm .prod .k3pv img{width:100%;height:100%;object-fit:cover;display:block}
#v-comm .prod .k3pv i{position:absolute;left:8px;bottom:8px;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:rgba(20,28,36,.72);padding:2px 7px;border-radius:5px}
#v-comm .prod .k3pv .k3cr{position:absolute;top:6px;right:6px;left:auto;max-width:78%!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis!important}
#v-comm .empty8.k3empty{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:190px;padding:16px!important;border:0!important;border-radius:14px;background-size:cover!important;background-position:center!important;color:#fff!important;text-align:left}
#v-comm .empty8.k3empty b{font-size:17px;line-height:1.35;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
#v-comm .empty8.k3empty span{font-size:12.5px;opacity:.92}
#v-comm .empty8.k3empty .k3eb{align-self:flex-start;margin-top:6px;border:0;border-radius:999px;background:#ff7a1a;color:#fff;font-weight:800;font-size:13px;padding:8px 14px;cursor:pointer}
#v-comm .empty8.k3empty .k3crb{position:absolute;top:8px;right:8px;font-size:10px}
@media (max-width:760px){
  #v-comm .loop .rail > .tile{max-height:220px}
}


#v-comm .card.k3cre{background:linear-gradient(150deg,#fff0f6,#fff 55%,#f3f0ff)!important}
#v-comm .k3ch{margin:8px 0 10px}
#v-comm .k3cn{margin:0 0 8px;font-size:13px;color:#495057}
#v-comm .k3cn b{font-size:24px;color:#c2255c;margin-right:2px;font-family:var(--f-num,inherit)}
#v-comm .k3cn small{display:block;font-size:11px;color:#868e96}
#v-comm .k3cl{display:flex;flex-wrap:wrap;gap:6px}
#v-comm .k3cl span{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #f1c4d6;border-radius:999px;padding:3px 10px 3px 3px;font-size:12px;font-weight:700;color:#343a40}
#v-comm .k3cl em{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;font-size:11px;font-weight:900;color:#fff;background:hsl(calc(330 + var(--i) * 37),62%,48%)}

#v-comm aside .empty8.k3empty{min-height:150px}
#v-comm aside .card > h3{font-size:18px!important}




#v-ippan .ccdoor.h9 h1{-webkit-text-fill-color:currentColor!important}
@media (min-width:761px){
  #v-ippan .rail.k3fill{grid-auto-flow:row!important;grid-template-columns:repeat(var(--k3n),minmax(0,1fr))!important;grid-auto-columns:unset!important;overflow:visible!important}
  #v-ippan .rail.k3fill > .tile{width:auto!important;max-width:none!important}
  
  #v-ippan .loop .rail > .tile{height:250px!important;aspect-ratio:auto!important;min-height:0!important}
  #v-ippan .loop .rail > .tile > figure{height:100%!important;margin:0}
  #v-ippan .loop .rail > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-ippan .loop .feed.k3g{display:grid!important;grid-template-columns:repeat(var(--k3c),minmax(0,1fr))!important;gap:10px!important}
  #v-ippan .loop .feed.k3g > .tile{flex:none!important;width:auto!important;height:200px!important}
  #v-ippan .loop .feed.k3g > .tile > figure{height:100%!important;margin:0}
  #v-ippan .loop .feed.k3g > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-ippan .loop .feed > .tile.k3cut{display:none!important}
}
@media (min-width:921px){
  #v-ippan .ms > aside,#v-ippan .portal > aside{position:sticky;top:118px;align-self:start}
}
#v-ippan .prod.k3hasph{overflow:hidden}
#v-ippan .prod.k3hasph .d1pi{display:none!important}
#v-ippan .prod .k3pv{position:relative;margin:-12px -12px 10px;height:130px;flex:0 0 auto;overflow:hidden;background:#dfe6ea}
#v-ippan .prod .k3pv img{width:100%;height:100%;object-fit:cover;display:block}
#v-ippan .prod .k3pv i{position:absolute;left:8px;bottom:8px;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:rgba(20,28,36,.72);padding:2px 7px;border-radius:5px}
#v-ippan .prod .k3pv .k3cr{position:absolute;top:6px;right:6px;left:auto;max-width:78%!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis!important}
#v-ippan .empty8.k3empty{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:190px;padding:16px!important;border:0!important;border-radius:14px;background-size:cover!important;background-position:center!important;color:#fff!important;text-align:left}
#v-ippan .empty8.k3empty b{font-size:17px;line-height:1.35;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
#v-ippan .empty8.k3empty span{font-size:12.5px;opacity:.92}
#v-ippan .empty8.k3empty .k3eb{align-self:flex-start;margin-top:6px;border:0;border-radius:999px;background:#ff7a1a;color:#fff;font-weight:800;font-size:13px;padding:8px 14px;cursor:pointer}
#v-ippan .empty8.k3empty .k3crb{position:absolute;top:8px;right:8px;font-size:10px}
@media (max-width:760px){
  #v-ippan .loop .rail > .tile{max-height:220px}
}


#v-ippan > .ms{display:grid!important;margin-top:18px}
#v-ippan > .ms .gal.f3one{display:none!important}

@media (min-width:761px){#v-ippan .ccdoor .drail[data-n="2"] .rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important}}

#v-ippan #ippanrank2 li{display:grid!important;grid-template-columns:64px 1.4em minmax(0,1fr) auto;align-items:center;gap:8px;cursor:pointer;padding:6px 0;position:relative}
#v-ippan #ippanrank2 li .k3th{width:64px;height:44px;border-radius:8px;overflow:hidden;background:#dde3e6}
#v-ippan #ippanrank2 li .k3th img{width:100%;height:100%;object-fit:cover;display:block}
#v-ippan #ippanrank2 li.k3here{background:#f1f9e8;border-radius:10px}
#v-ippan #ippanrank2 li .k3hm{position:absolute;right:4px;top:2px;font-style:normal;font-size:9.5px;font-weight:800;color:#2b8a3e}
#v-ippan #ippanrank2 li[data-rkq]:hover .nm{color:#2b8a3e;text-decoration:underline}

#v-ippan .card.k3safe{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:16px;align-items:start}
#v-ippan .card.k3safe > :not(.k3sp){grid-column:2}
#v-ippan .card.k3safe .k3sp{grid-column:1;grid-row:1/span 4;position:relative;height:100%;min-height:170px;border-radius:10px;overflow:hidden}
#v-ippan .card.k3safe .k3sp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#v-ippan .card.k3safe .k3sp i{position:absolute;left:8px;bottom:8px;right:8px;font-style:normal;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7)}
#v-ippan .card.k3safe .k3sp .k3cr{position:absolute;top:6px;left:6px;right:auto;font-size:9.5px}
@media (max-width:640px){#v-ippan .card.k3safe{grid-template-columns:minmax(0,1fr)}#v-ippan .card.k3safe > *{grid-column:1!important}#v-ippan .card.k3safe .k3sp{grid-row:auto;height:150px;min-height:0;margin-bottom:8px}}




#v-kiji .ccdoor.h9 h1{-webkit-text-fill-color:currentColor!important}
@media (min-width:761px){
  #v-kiji .rail.k3fill{grid-auto-flow:row!important;grid-template-columns:repeat(var(--k3n),minmax(0,1fr))!important;grid-auto-columns:unset!important;overflow:visible!important}
  #v-kiji .rail.k3fill > .tile{width:auto!important;max-width:none!important}
  
  #v-kiji .loop .rail > .tile{height:250px!important;aspect-ratio:auto!important;min-height:0!important}
  #v-kiji .loop .rail > .tile > figure{height:100%!important;margin:0}
  #v-kiji .loop .rail > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-kiji .loop .feed.k3g{display:grid!important;grid-template-columns:repeat(var(--k3c),minmax(0,1fr))!important;gap:10px!important}
  #v-kiji .loop .feed.k3g > .tile{flex:none!important;width:auto!important;height:200px!important}
  #v-kiji .loop .feed.k3g > .tile > figure{height:100%!important;margin:0}
  #v-kiji .loop .feed.k3g > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-kiji .loop .feed > .tile.k3cut{display:none!important}
}
@media (min-width:921px){
  #v-kiji .ms > aside,#v-kiji .portal > aside{position:sticky;top:118px;align-self:start}
}
#v-kiji .prod.k3hasph{overflow:hidden}
#v-kiji .prod.k3hasph .d1pi{display:none!important}
#v-kiji .prod .k3pv{position:relative;margin:-12px -12px 10px;height:130px;flex:0 0 auto;overflow:hidden;background:#dfe6ea}
#v-kiji .prod .k3pv img{width:100%;height:100%;object-fit:cover;display:block}
#v-kiji .prod .k3pv i{position:absolute;left:8px;bottom:8px;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:rgba(20,28,36,.72);padding:2px 7px;border-radius:5px}
#v-kiji .prod .k3pv .k3cr{position:absolute;top:6px;right:6px;left:auto;max-width:78%!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis!important}
#v-kiji .empty8.k3empty{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:190px;padding:16px!important;border:0!important;border-radius:14px;background-size:cover!important;background-position:center!important;color:#fff!important;text-align:left}
#v-kiji .empty8.k3empty b{font-size:17px;line-height:1.35;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
#v-kiji .empty8.k3empty span{font-size:12.5px;opacity:.92}
#v-kiji .empty8.k3empty .k3eb{align-self:flex-start;margin-top:6px;border:0;border-radius:999px;background:#ff7a1a;color:#fff;font-weight:800;font-size:13px;padding:8px 14px;cursor:pointer}
#v-kiji .empty8.k3empty .k3crb{position:absolute;top:8px;right:8px;font-size:10px}
@media (max-width:760px){
  #v-kiji .loop .rail > .tile{max-height:220px}
}


#v-kiji .k3nx{display:grid;gap:8px;margin-top:4px}
#v-kiji .k3nx button{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;text-align:left;border:1px solid #e3e8ec;border-radius:12px;background:#fff;padding:6px;cursor:pointer;font:inherit;transition:transform .15s}
#v-kiji .k3nx button:hover{transform:translateY(-2px);border-color:#f06595}
#v-kiji .k3nx .k3ni{width:72px;height:56px;border-radius:9px;overflow:hidden;background:#dfe6ea}
#v-kiji .k3nx .k3ni img{width:100%;height:100%;object-fit:cover;display:block}
#v-kiji .k3nx em{display:inline-block;font-style:normal;font-size:10px;font-weight:800;color:#c2255c;background:#fff0f6;border-radius:4px;padding:0 5px}
#v-kiji .k3nx b{display:block;font-size:13px;line-height:1.4;margin:2px 0}
#v-kiji .k3nx small{font-size:10.5px;color:#868e96}

#v-kiji .card.k3pr{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:16px;align-items:center}
#v-kiji .card.k3pr > :not(.k3pv2){grid-column:2}
#v-kiji .card.k3pr > .k3pv2{grid-column:1;grid-row:1/span 4;position:relative;height:130px;border-radius:10px;overflow:hidden}
#v-kiji .card.k3pr > .k3pv2 img{width:100%;height:100%;object-fit:cover;display:block}
#v-kiji .card.k3pr > .k3pv2 i{position:absolute;left:6px;bottom:6px;right:6px;font-style:normal;font-size:10.5px;font-weight:700;color:#fff;text-shadow:0 1px 3px #000}
#v-kiji .card.k3pr > .k3pv2 .k3cr{position:absolute;top:5px;left:5px;right:auto;font-size:9px}
#v-kiji .card.k3pr > .pr{justify-self:start}

#v-kiji .card.k3pdf{display:grid;grid-template-columns:170px minmax(0,1fr);column-gap:18px;align-items:center;background:linear-gradient(135deg,#f1f8f5,#fff)!important}
#v-kiji .card.k3pdf > :not(.k3sh){grid-column:2}
#v-kiji .card.k3pdf > .k3sh{grid-column:1;grid-row:1/span 4;background:#fff;border:1px solid #d5dde2;border-radius:6px;box-shadow:4px 6px 0 -1px #e3ebe7,0 10px 18px -12px rgba(20,40,60,.6);padding:10px 10px 8px;transform:rotate(-2.5deg);display:grid;gap:5px}
#v-kiji .k3sh b{font-size:11px;border-bottom:2px solid #2b8a3e;padding-bottom:3px;margin-bottom:2px}
#v-kiji .k3sh span{display:flex;gap:5px;align-items:flex-start;font-size:8.5px;line-height:1.35;color:#495057}
#v-kiji .k3sh span i{flex:0 0 8px;height:8px;border:1.2px solid #2b8a3e;border-radius:2px;margin-top:1px}
#v-kiji .k3sh .k3more{color:#2b8a3e;font-weight:700;justify-content:flex-end}
@media (max-width:640px){#v-kiji .card.k3pr,#v-kiji .card.k3pdf{grid-template-columns:minmax(0,1fr)}#v-kiji .card.k3pr > *,#v-kiji .card.k3pdf > *{grid-column:1!important}#v-kiji .card.k3pr > .k3pv2{grid-row:auto;margin-bottom:8px}#v-kiji .card.k3pdf > .k3sh{grid-row:auto;max-width:220px;margin:4px auto 12px}}
#v-kiji .card.k3pr > .btn{justify-self:start}

#v-kiji .chart .track .lab{text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 2px #fff}
#v-kiji .chart .track .fill.ok + .lab{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}




#v-list .ccdoor.h9 h1{-webkit-text-fill-color:currentColor!important}
@media (min-width:761px){
  #v-list .rail.k3fill{grid-auto-flow:row!important;grid-template-columns:repeat(var(--k3n),minmax(0,1fr))!important;grid-auto-columns:unset!important;overflow:visible!important}
  #v-list .rail.k3fill > .tile{width:auto!important;max-width:none!important}
  
  #v-list .loop .rail > .tile{height:250px!important;aspect-ratio:auto!important;min-height:0!important}
  #v-list .loop .rail > .tile > figure{height:100%!important;margin:0}
  #v-list .loop .rail > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-list .loop .feed.k3g{display:grid!important;grid-template-columns:repeat(var(--k3c),minmax(0,1fr))!important;gap:10px!important}
  #v-list .loop .feed.k3g > .tile{flex:none!important;width:auto!important;height:200px!important}
  #v-list .loop .feed.k3g > .tile > figure{height:100%!important;margin:0}
  #v-list .loop .feed.k3g > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-list .loop .feed > .tile.k3cut{display:none!important}
}
@media (min-width:921px){
  #v-list .ms > aside,#v-list .portal > aside{position:sticky;top:118px;align-self:start}
}
#v-list .prod.k3hasph{overflow:hidden}
#v-list .prod.k3hasph .d1pi{display:none!important}
#v-list .prod .k3pv{position:relative;margin:-12px -12px 10px;height:130px;flex:0 0 auto;overflow:hidden;background:#dfe6ea}
#v-list .prod .k3pv img{width:100%;height:100%;object-fit:cover;display:block}
#v-list .prod .k3pv i{position:absolute;left:8px;bottom:8px;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:rgba(20,28,36,.72);padding:2px 7px;border-radius:5px}
#v-list .prod .k3pv .k3cr{position:absolute;top:6px;right:6px;left:auto;max-width:78%!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis!important}
#v-list .empty8.k3empty{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:190px;padding:16px!important;border:0!important;border-radius:14px;background-size:cover!important;background-position:center!important;color:#fff!important;text-align:left}
#v-list .empty8.k3empty b{font-size:17px;line-height:1.35;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
#v-list .empty8.k3empty span{font-size:12.5px;opacity:.92}
#v-list .empty8.k3empty .k3eb{align-self:flex-start;margin-top:6px;border:0;border-radius:999px;background:#ff7a1a;color:#fff;font-weight:800;font-size:13px;padding:8px 14px;cursor:pointer}
#v-list .empty8.k3empty .k3crb{position:absolute;top:8px;right:8px;font-size:10px}
@media (max-width:760px){
  #v-list .loop .rail > .tile{max-height:220px}
}


#v-list #carlist:not(.k3all) > .car:nth-child(n+25){display:none!important}
#v-list #k3more{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 8px;flex-wrap:wrap}
#v-list #k3more .k3mb{border:0;border-radius:999px;background:linear-gradient(90deg,#1864ab,#1c7ed6);color:#fff;font-weight:800;font-size:15px;padding:12px 28px;cursor:pointer;box-shadow:0 10px 20px -10px rgba(24,100,171,.8)}
#v-list #k3more .k3mb:hover{transform:translateY(-1px)}
#v-list #k3more .k3mn{font-size:13px;color:#5b6573}
#v-list #cmptable .k3nk{font-size:12px;color:#868e96}




#v-pet .ccdoor.h9 h1{-webkit-text-fill-color:currentColor!important}
@media (min-width:761px){
  #v-pet .rail.k3fill{grid-auto-flow:row!important;grid-template-columns:repeat(var(--k3n),minmax(0,1fr))!important;grid-auto-columns:unset!important;overflow:visible!important}
  #v-pet .rail.k3fill > .tile{width:auto!important;max-width:none!important}
  
  #v-pet .loop .rail > .tile{height:250px!important;aspect-ratio:auto!important;min-height:0!important}
  #v-pet .loop .rail > .tile > figure{height:100%!important;margin:0}
  #v-pet .loop .rail > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-pet .loop .feed.k3g{display:grid!important;grid-template-columns:repeat(var(--k3c),minmax(0,1fr))!important;gap:10px!important}
  #v-pet .loop .feed.k3g > .tile{flex:none!important;width:auto!important;height:200px!important}
  #v-pet .loop .feed.k3g > .tile > figure{height:100%!important;margin:0}
  #v-pet .loop .feed.k3g > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-pet .loop .feed > .tile.k3cut{display:none!important}
}
@media (min-width:921px){
  #v-pet .ms > aside,#v-pet .portal > aside{position:sticky;top:118px;align-self:start}
}
#v-pet .prod.k3hasph{overflow:hidden}
#v-pet .prod.k3hasph .d1pi{display:none!important}
#v-pet .prod .k3pv{position:relative;margin:-12px -12px 10px;height:130px;flex:0 0 auto;overflow:hidden;background:#dfe6ea}
#v-pet .prod .k3pv img{width:100%;height:100%;object-fit:cover;display:block}
#v-pet .prod .k3pv i{position:absolute;left:8px;bottom:8px;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:rgba(20,28,36,.72);padding:2px 7px;border-radius:5px}
#v-pet .prod .k3pv .k3cr{position:absolute;top:6px;right:6px;left:auto;max-width:78%!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis!important}
#v-pet .empty8.k3empty{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:190px;padding:16px!important;border:0!important;border-radius:14px;background-size:cover!important;background-position:center!important;color:#fff!important;text-align:left}
#v-pet .empty8.k3empty b{font-size:17px;line-height:1.35;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
#v-pet .empty8.k3empty span{font-size:12.5px;opacity:.92}
#v-pet .empty8.k3empty .k3eb{align-self:flex-start;margin-top:6px;border:0;border-radius:999px;background:#ff7a1a;color:#fff;font-weight:800;font-size:13px;padding:8px 14px;cursor:pointer}
#v-pet .empty8.k3empty .k3crb{position:absolute;top:8px;right:8px;font-size:10px}
@media (max-width:760px){
  #v-pet .loop .rail > .tile{max-height:220px}
}


#v-pet .card.k3stay{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto 1fr}
#v-pet .card.k3stay > h3{grid-column:1/-1}
#v-pet .card.k3stay .k3sp{position:relative;margin:12px 0 14px 14px;border-radius:12px;overflow:hidden;min-height:180px}
#v-pet .card.k3stay .k3sp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#v-pet .card.k3stay .k3sp i{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 8px;font-style:normal;font-size:11.5px;font-weight:700;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7))}
#v-pet .card.k3stay .k3sp .k3cr{position:absolute;top:6px;left:6px;right:auto;font-size:9.5px}
#v-pet .card.k3stay .k3sb{min-width:0}
@media (max-width:640px){#v-pet .card.k3stay{grid-template-columns:minmax(0,1fr)}#v-pet .card.k3stay .k3sp{margin:10px 12px 0;min-height:150px}}




#v-top .ccdoor.h9 h1{-webkit-text-fill-color:currentColor!important}
@media (min-width:761px){
  #v-top .rail.k3fill{grid-auto-flow:row!important;grid-template-columns:repeat(var(--k3n),minmax(0,1fr))!important;grid-auto-columns:unset!important;overflow:visible!important}
  #v-top .rail.k3fill > .tile{width:auto!important;max-width:none!important}
  
  #v-top .loop .rail > .tile{height:250px!important;aspect-ratio:auto!important;min-height:0!important}
  #v-top .loop .rail > .tile > figure{height:100%!important;margin:0}
  #v-top .loop .rail > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-top .loop .feed.k3g{display:grid!important;grid-template-columns:repeat(var(--k3c),minmax(0,1fr))!important;gap:10px!important}
  #v-top .loop .feed.k3g > .tile{flex:none!important;width:auto!important;height:200px!important}
  #v-top .loop .feed.k3g > .tile > figure{height:100%!important;margin:0}
  #v-top .loop .feed.k3g > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-top .loop .feed > .tile.k3cut{display:none!important}
}
@media (min-width:921px){
  #v-top .ms > aside,#v-top .portal > aside{position:sticky;top:118px;align-self:start}
}
#v-top .prod.k3hasph{overflow:hidden}
#v-top .prod.k3hasph .d1pi{display:none!important}
#v-top .prod .k3pv{position:relative;margin:-12px -12px 10px;height:130px;flex:0 0 auto;overflow:hidden;background:#dfe6ea}
#v-top .prod .k3pv img{width:100%;height:100%;object-fit:cover;display:block}
#v-top .prod .k3pv i{position:absolute;left:8px;bottom:8px;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:rgba(20,28,36,.72);padding:2px 7px;border-radius:5px}
#v-top .prod .k3pv .k3cr{position:absolute;top:6px;right:6px;left:auto;max-width:78%!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis!important}
#v-top .empty8.k3empty{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:190px;padding:16px!important;border:0!important;border-radius:14px;background-size:cover!important;background-position:center!important;color:#fff!important;text-align:left}
#v-top .empty8.k3empty b{font-size:17px;line-height:1.35;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
#v-top .empty8.k3empty span{font-size:12.5px;opacity:.92}
#v-top .empty8.k3empty .k3eb{align-self:flex-start;margin-top:6px;border:0;border-radius:999px;background:#ff7a1a;color:#fff;font-weight:800;font-size:13px;padding:8px 14px;cursor:pointer}
#v-top .empty8.k3empty .k3crb{position:absolute;top:8px;right:8px;font-size:10px}
@media (max-width:760px){
  #v-top .loop .rail > .tile{max-height:220px}
}


@media (min-width:1001px){
  #v-top .gadgets:has(> #g-map[style*="none"]){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

#v-top #g-wx .wpops{display:grid!important;grid-template-columns:auto repeat(4,minmax(0,1fr))!important;gap:4px!important}
#v-top #g-wx .wpops > .kz9{order:9;grid-column:1/-1!important;width:auto!important;margin:8px 0 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
#v-top #g-wx .wpops > .kz9 div{grid-template-columns:2em 1fr!important}
#v-top #g-wx .wpops > .wpop{text-align:center}

#v-top .news .nbody{grid-template-columns:minmax(0,1fr)!important}
#v-top .news .nlist a{grid-template-columns:3.6em minmax(0,1fr) auto!important;align-items:center}
#v-top .news .nlist .k3pl{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#c92a2a;background:#fff0f0;border-radius:999px;padding:3px 8px;white-space:nowrap}
#v-top .news .nlist .k3pl::before{content:"";width:0;height:0;border-left:7px solid #e03131;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}
#v-top .news .nlist .k3new{display:inline-block;margin-right:6px;font-size:10px;font-weight:800;color:#fff;background:#f03e3e;border-radius:4px;padding:1px 5px;vertical-align:2px}

#v-top .pc9c{position:relative}
#v-top .pc9c.k3sil::before{background:var(--pi) center/auto 78% no-repeat,linear-gradient(135deg,color-mix(in srgb,var(--pc,#1864ab) 10%,#fff),color-mix(in srgb,var(--pc,#1864ab) 26%,#fff))!important}
#v-top .pc9c .k3fig,#v-top .pc9c .k3own{position:absolute;left:8px;top:54px;font-size:9.5px;font-weight:800;color:#33414b;background:rgba(255,255,255,.85);border-radius:4px;padding:0 5px;line-height:1.5}
#v-top .pc9c .k3own{color:#fff;background:rgba(0,0,0,.6)}

#v-top #topgoods .prod{min-height:0}




#v-world .ccdoor.h9 h1{-webkit-text-fill-color:currentColor!important}
@media (min-width:761px){
  #v-world .rail.k3fill{grid-auto-flow:row!important;grid-template-columns:repeat(var(--k3n),minmax(0,1fr))!important;grid-auto-columns:unset!important;overflow:visible!important}
  #v-world .rail.k3fill > .tile{width:auto!important;max-width:none!important}
  
  #v-world .loop .rail > .tile{height:250px!important;aspect-ratio:auto!important;min-height:0!important}
  #v-world .loop .rail > .tile > figure{height:100%!important;margin:0}
  #v-world .loop .rail > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-world .loop .feed.k3g{display:grid!important;grid-template-columns:repeat(var(--k3c),minmax(0,1fr))!important;gap:10px!important}
  #v-world .loop .feed.k3g > .tile{flex:none!important;width:auto!important;height:200px!important}
  #v-world .loop .feed.k3g > .tile > figure{height:100%!important;margin:0}
  #v-world .loop .feed.k3g > .tile > figure img{width:100%!important;height:100%!important;object-fit:cover}
  #v-world .loop .feed > .tile.k3cut{display:none!important}
}
@media (min-width:921px){
  #v-world .ms > aside,#v-world .portal > aside{position:sticky;top:118px;align-self:start}
}
#v-world .prod.k3hasph{overflow:hidden}
#v-world .prod.k3hasph .d1pi{display:none!important}
#v-world .prod .k3pv{position:relative;margin:-12px -12px 10px;height:130px;flex:0 0 auto;overflow:hidden;background:#dfe6ea}
#v-world .prod .k3pv img{width:100%;height:100%;object-fit:cover;display:block}
#v-world .prod .k3pv i{position:absolute;left:8px;bottom:8px;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:rgba(20,28,36,.72);padding:2px 7px;border-radius:5px}
#v-world .prod .k3pv .k3cr{position:absolute;top:6px;right:6px;left:auto;max-width:78%!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis!important}
#v-world .empty8.k3empty{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:190px;padding:16px!important;border:0!important;border-radius:14px;background-size:cover!important;background-position:center!important;color:#fff!important;text-align:left}
#v-world .empty8.k3empty b{font-size:17px;line-height:1.35;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
#v-world .empty8.k3empty span{font-size:12.5px;opacity:.92}
#v-world .empty8.k3empty .k3eb{align-self:flex-start;margin-top:6px;border:0;border-radius:999px;background:#ff7a1a;color:#fff;font-weight:800;font-size:13px;padding:8px 14px;cursor:pointer}
#v-world .empty8.k3empty .k3crb{position:absolute;top:8px;right:8px;font-size:10px}
@media (max-width:760px){
  #v-world .loop .rail > .tile{max-height:220px}
}


#v-world .card.k3box{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:18px;align-items:start}
#v-world .card.k3box > :not(.k3bx){grid-column:2}
#v-world .card.k3box .k3bx{grid-column:1;grid-row:1/span 5;position:relative;align-self:stretch;min-height:150px;border-radius:12px;overflow:hidden;margin:0}
#v-world .card.k3box .k3bx img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#v-world .card.k3box .k3bx i{position:absolute;left:0;right:0;bottom:0;padding:16px 10px 7px;font-style:normal;font-size:11.5px;font-weight:700;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
#v-world .card.k3box .k3bx .k3cr{position:absolute;top:6px;left:6px;right:auto;font-size:9.5px}

#v-world .g2:has(#diygoods){align-items:stretch!important}
#v-world .g2:has(#diygoods) > .card.k3box{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(220px,1fr) auto auto auto}
#v-world .g2:has(#diygoods) > .card.k3box > *{grid-column:1!important}
#v-world .g2:has(#diygoods) > .card.k3box .k3bx{grid-row:1;margin-bottom:12px}
@media (max-width:640px){#v-world .card.k3box{grid-template-columns:minmax(0,1fr)}#v-world .card.k3box > *{grid-column:1!important}#v-world .card.k3box .k3bx{grid-row:auto;min-height:160px;margin-bottom:10px}}


@media (max-width:760px){
  #v-area .ar-pc{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;height:100%}
  #v-area .ar-pc .im{flex:0 0 auto}
  #v-area .ar-pc .bd{flex:1 1 auto;align-content:start}
  #v-area .ar-pc .wxl{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:start!important;gap:6px!important}
  #v-area .ar-pc .wxl svg{width:28px!important;height:28px!important;margin-top:2px}
  #v-area .ar-pc .wxl > span{min-width:0}
}


@media (max-width:760px){
  #v-bcp .card.m9hasth{position:relative;padding-right:132px!important;min-height:112px}
  #v-bcp .card .m9th{position:absolute;right:12px;top:12px;bottom:12px;width:108px;margin:0;border-radius:12px;overflow:hidden;background:#e9eef0}
  #v-bcp .card .m9th img{width:100%;height:100%;object-fit:cover;display:block}
  #v-bcp .card .m9th i{position:absolute;left:5px;top:5px;font-style:normal;font-size:12px;line-height:1.4;font-weight:700;background:rgba(255,255,255,.9);color:#24313a;border-radius:4px;padding:0 4px}
  #v-bcp .card .m9th figcaption{position:absolute;left:0;right:0;bottom:0;font-size:9px;line-height:1.3;color:#fff;padding:8px 5px 2px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}


@media (max-width:760px){
  #v-d8 .c8hero{position:relative;overflow:hidden}
  #v-d8 .c8hero .m9cv{position:relative;margin:-20px -20px 14px;height:236px;overflow:hidden;background:#dfe7ea}
  #v-d8 .c8hero .m9cv > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
  #v-d8 .c8hero .m9cv.m9sc > img{filter:saturate(1.05)}
  #v-d8 .c8hero .m9lb{position:absolute;left:10px;top:10px;font-size:12px;font-weight:700;background:rgba(255,255,255,.92);color:#24313a;border-radius:999px;padding:2px 10px;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #v-d8 .c8hero .m9sil{position:absolute;left:12px;width:58%;bottom:28px;height:92px;border-radius:14px;background:rgba(255,255,255,.95) center 8px/auto 56px no-repeat;box-shadow:0 10px 24px -12px rgba(10,30,40,.55)}
  #v-d8 .c8hero .m9sil b{position:absolute;left:12px;bottom:6px;font-size:12px;font-weight:700;color:#5b6a64}
  #v-d8 .c8hero .m9cr{position:absolute;right:8px;bottom:5px;font-size:10px;color:#fff;background:rgba(0,0,0,.5);border-radius:4px;padding:0 6px;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #v-d8 .c8hero h1{font-size:28px!important;line-height:1.25}
  #v-d8 .c8hero .c8np{font-size:12px}
  #v-d8 .c8spec dl > div.m9w{grid-column:1/-1}
  #v-d8 .c8spec dl > div.m9w dd{font-size:14px!important;font-weight:600!important;line-height:1.6}
  #v-d8 .c8tt.m9s{background:#fff var(--m9s) center 14px/auto 62px no-repeat!important;border:1px solid #dbe4ea!important;box-shadow:0 10px 22px -18px rgba(20,40,60,.6)}
  #v-d8 .c8tt.m9s .c8tc{color:#1d2b33!important;padding:12px!important}
  #v-d8 .c8tt.m9s .c8tc b{color:#1d2b33!important}
  #v-d8 .c8tt.m9s .c8tc small{color:#5b6a64!important;opacity:1!important}
  #v-d8 .c8tt.m9s .c8tc em{color:#fff!important}
  #v-d8 .c8tt.m9s .m9fig{position:absolute;right:8px;top:8px;font-size:12px;color:#5b6a64;background:#f1f4f3;border-radius:4px;padding:0 5px}
  #v-d8 .c8tt.m9s.m9own{background:#222 var(--m9s) center/cover no-repeat!important}
  #v-d8 .c8tt.m9s.m9own .c8tc{background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.78))!important}
  #v-d8 .c8tt.m9s.m9own .c8tc b,#v-d8 .c8tt.m9s.m9own .c8tc small{color:#fff!important}
}


@media (max-width:760px){
  #v-col #collist .colcard{grid-template-columns:120px minmax(0,1fr)!important;gap:3px 12px!important}
  #v-col #collist .colcard .cth{width:120px!important}
  #v-col #collist .colcard .cth img{height:96px!important}
  #v-col .colcard .cth{position:relative!important;overflow:hidden}
  #v-col .colcard .cth .crd8{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;max-width:none!important;font-size:9px!important;line-height:1.3!important;padding:8px 5px 2px!important;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72))!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border-radius:0!important;text-shadow:none!important}
  #v-col #collist .colcard.m9hid{display:none!important}
  #v-col #collist .m9more{grid-column:1/-1;display:block;width:100%;margin:2px 0 18px;padding:12px 14px;border-radius:999px;border:2px solid #0b7285;background:#fff;color:#0b7285;font:inherit;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 8px 18px -14px rgba(11,114,133,.8)}
  #v-col .colrel .colcard{grid-template-columns:104px minmax(0,1fr)!important;grid-template-rows:auto 1fr;gap:2px 12px!important;align-items:start;padding:10px 4px 10px 10px!important}
  #v-col .colrel .colcard .cd{grid-column:2;grid-row:1;display:flex;gap:6px;align-items:baseline;font-size:12.5px}
  #v-col .colrel .colcard .cd small{display:inline}
  #v-col .colrel .colcard .cth{grid-column:1;grid-row:1/3;width:104px!important;height:80px!important;border-radius:10px}
  #v-col .colrel .colcard .cth img{width:100%;height:100%;object-fit:cover}
  #v-col .colcard .cth i{top:5px!important;right:5px!important;bottom:auto!important;left:auto!important}
  #v-col .colrel .colcard > div:last-child{grid-column:2;grid-row:2;min-width:0}
  #v-col .colrel .colcard > div:last-child b{font-size:14px;line-height:1.45}
  #v-col .colrel .colcard > div:last-child p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.6}
}


@media (max-width:760px){
  #v-ippan .ipn-tile{grid-template-columns:minmax(0,1fr)!important}
  #v-ippan .ipn-tile > *{grid-column:1/-1!important}
  #v-ippan .ipn-tile b{word-break:keep-all;overflow-wrap:break-word!important;white-space:normal}
  #v-ippan .ipn-item .m9ph{position:relative;margin:-12px -12px 4px -16px;height:150px;border-radius:14px 14px 0 0;overflow:hidden;background:#e9eef0}
  #v-ippan .ipn-item .m9ph img{width:100%;height:100%;object-fit:cover;display:block}
  #v-ippan .ipn-item .m9ph i{position:absolute;left:8px;top:8px;font-style:normal;font-size:12px;font-weight:700;background:rgba(255,255,255,.92);color:#24313a;border-radius:6px;padding:1px 8px}
  #v-ippan .ipn-item .m9ph figcaption,#v-ippan .card .m9th figcaption{position:absolute;left:0;right:0;bottom:0;font-size:9px;line-height:1.3;color:#fff;padding:10px 6px 2px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
  #v-ippan .card.m9hasth{position:relative;padding-right:132px!important;min-height:112px}
  #v-ippan .card .m9th{position:absolute;right:12px;top:12px;bottom:12px;width:108px;margin:0;border-radius:12px;overflow:hidden;background:#e9eef0}
  #v-ippan .card .m9th img{width:100%;height:100%;object-fit:cover;display:block}
  #v-ippan .card .m9th i{position:absolute;left:5px;top:5px;font-style:normal;font-size:12px;line-height:1.4;font-weight:700;background:rgba(255,255,255,.9);color:#24313a;border-radius:4px;padding:0 4px}
}


@media (max-width:760px){
  #v-list #cmptable{border-collapse:separate;border-spacing:0}
  #v-list #cmptable thead th:first-child,#v-list #cmptable tbody tr:not(.cat) > th{position:sticky;left:0;z-index:2;background:#f7faf9;min-width:108px;max-width:108px;width:108px;box-shadow:6px 0 8px -6px rgba(20,40,60,.35);font-size:12.5px;white-space:normal!important;overflow-wrap:anywhere;word-break:break-all;line-height:1.45}
  #v-list #cmptable td{white-space:normal!important;overflow-wrap:anywhere}
  #v-list #cmptable td,#v-list #cmptable thead th:not(:first-child){min-width:168px;max-width:168px;width:168px}
  #v-list #cmptable tr.cat > th{text-align:left}
  #v-list .m9swipe{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#0b7285;margin:0 0 6px}
  #v-list .m9swipe::before{content:"⇆";font-size:16px}
}


@media (max-width:760px){
  
  #v-pet .pn-fold > h3{padding-right:148px!important;word-break:keep-all;line-break:strict;line-height:1.4}
  #v-pet .card.m9hasth{position:relative;padding-right:132px!important;min-height:112px}
  #v-pet .card .m9th{position:absolute;right:12px;top:12px;bottom:12px;width:108px;margin:0;border-radius:12px;overflow:hidden;background:#e9eef0}
  #v-pet .card .m9th img{width:100%;height:100%;object-fit:cover;display:block}
  #v-pet .card .m9th i{position:absolute;left:5px;top:5px;font-style:normal;font-size:12px;line-height:1.4;font-weight:700;background:rgba(255,255,255,.9);color:#24313a;border-radius:4px;padding:0 4px}
  #v-pet .card .m9th figcaption{position:absolute;left:0;right:0;bottom:0;font-size:9px;line-height:1.3;color:#fff;padding:8px 5px 2px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}


@media (max-width:760px){
  #v-shop .hero .hr figure{position:relative}
  #v-shop .hero .hr figure .cr{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;max-width:none!important;font-size:9px!important;line-height:1.3!important;padding:10px 6px 2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7))!important;color:#fff!important;border-radius:0!important;text-align:right!important;writing-mode:horizontal-tb!important}
  #v-shop .hero .hr .hstamp{bottom:20px!important}
  #v-shop #nsx .sp9 .sp9l{top:8px!important;bottom:auto!important;max-width:calc(100% - 16px)!important}
  #v-shop #nsx .sp9 .sp9l small{display:block!important}
  #v-shop #nsx .sp9 .crd8{top:auto!important;bottom:0!important;left:0!important;right:0!important;max-width:none!important;border-radius:0!important;font-size:9px!important;padding:10px 6px 2px!important;text-align:right;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7))!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  
  #v-shop .c-diy .dgrid > .dc.m9hid{display:none!important}
  #v-shop .c-diy .m9more{display:block;width:100%;margin:4px 0 8px;padding:12px 14px;border-radius:999px;border:2px solid #0b7285;background:#fff;color:#0b7285;font:inherit;font-weight:800;font-size:14px;cursor:pointer}
}


@media (max-width:760px){
  #v-top #quiz > h3:first-child{min-height:0!important;padding:132px 18px 14px!important;align-items:flex-end;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 104px,#fff 122px),url(img/elf_rv.m.webp) center 38%/cover no-repeat!important;color:#1d2530!important;font-size:21px!important;line-height:1.35}
  #v-top #quiz > h3:first-child *{color:#e8590c!important}
  #v-top #quiz > h3:first-child::after{content:"写真：キャンピングカーの一例";position:absolute;left:12px;top:10px;font-size:11px;font-weight:700;color:#fff;background:rgba(0,0,0,.5);border-radius:999px;padding:1px 8px}
  #v-top #quiz > h3:first-child{position:relative}
  #v-top #quiz > h3:first-child .ico{display:none!important}
  #v-top .card.m9hasth{position:relative;padding-right:132px!important;min-height:112px}
  #v-top .card .m9th{position:absolute;right:12px;top:12px;bottom:12px;width:108px;margin:0;border-radius:12px;overflow:hidden;background:#e9eef0}
  #v-top .card .m9th img{width:100%;height:100%;object-fit:cover;display:block}
  #v-top .card .m9th i{position:absolute;left:5px;top:5px;font-style:normal;font-size:12px;line-height:1.4;font-weight:700;background:rgba(255,255,255,.9);color:#24313a;border-radius:4px;padding:0 4px}
  #v-top .card .m9th figcaption{position:absolute;left:0;right:0;bottom:0;font-size:9px;line-height:1.3;color:#fff;padding:8px 5px 2px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}


@media (max-width:760px){
  #v-world .dtx ul.dn{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  #v-world .dtx ul.dn > li{min-width:0!important;width:auto!important;padding-left:4px!important;padding-right:4px!important}
}


#v-pet #pnews{display:grid;gap:14px;margin:0 0 22px;min-width:0;font-family:var(--f-body,"Noto Sans JP",sans-serif)}
#v-pet #pnews *{box-sizing:border-box}
#v-pet .pn-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 18px;background:linear-gradient(120deg,#fff 0%,#fff 55%,#fff3e6 100%);border:1px solid #f0dcc4;border-top:6px solid #ff7a1a;border-radius:16px;padding:clamp(14px,2.4vw,22px)}
#v-pet .pn-top > div{min-width:0;flex:1 1 320px}
#v-pet .pn-kick{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-num,inherit);font-weight:700;font-size:12.5px;letter-spacing:.14em;color:#c2550a}
#v-pet .pn-kick i{width:8px;height:8px;border-radius:50%;background:#2f8f5b;display:inline-block}
#v-pet .pn-top h2{margin:4px 0 6px;font-family:var(--f-disp,inherit);font-weight:900;font-size:clamp(22px,3.2vw,32px);line-height:1.25;color:#1d2a25}
#v-pet .pn-top h2 em{font-style:normal;background:linear-gradient(transparent 62%,#ffd8a8 62%)}
#v-pet .pn-top p{margin:0;font-size:14.5px;line-height:1.7;color:#3d4a43}
#v-pet .pn-stat{display:flex;flex-wrap:wrap;gap:8px}
#v-pet .pn-stat span{display:inline-flex;align-items:baseline;gap:4px;background:#fff;border:1px solid #f0dcc4;border-radius:999px;padding:4px 12px;font-size:13px;color:#3d4a43;white-space:nowrap}
#v-pet .pn-stat b{font-family:var(--f-num,inherit);font-size:17px;color:#1d2a25}

#v-pet .pn-bar{display:grid;gap:8px;min-width:0}
#v-pet .pn-row{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
#v-pet .pn-row > b{flex:0 0 auto;font-size:13px;color:#58675f;margin-right:2px;white-space:nowrap}
#v-pet .pn-row button{flex:0 0 auto;border:1px solid #d6dccd;background:#fff;border-radius:999px;padding:6px 13px;font:inherit;font-size:13.5px;color:#2d3a33;cursor:pointer;white-space:nowrap}
#v-pet .pn-row button small{font-family:var(--f-num,inherit);font-size:12px;color:#7a877f;margin-left:3px}
#v-pet .pn-row button[aria-pressed="true"]{background:#2f5d45;border-color:#2f5d45;color:#fff}
#v-pet .pn-row button[aria-pressed="true"] small{color:#d9eadf}
#v-pet .pn-row.pn-ym button{padding:4px 11px;font-size:13px}
#v-pet .pn-res{font-size:13.5px;color:#3d4a43}
#v-pet .pn-res b{font-family:var(--f-num,inherit);font-size:17px;color:#1d2a25}

#v-pet .pn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;min-width:0}
#v-pet .pn-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e6dd;border-radius:14px;overflow:hidden;min-width:0;box-shadow:0 1px 2px rgba(30,40,35,.05)}
#v-pet .pn-card:hover{border-color:#f0b37a;box-shadow:0 4px 14px rgba(30,40,35,.09)}
#v-pet .pn-ph{position:relative;display:block;aspect-ratio:16/10;background:#e9ece6;overflow:hidden}
#v-pet .pn-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#v-pet .pn-ph .crd8{top:6px;right:6px;left:auto;max-width:80%!important;white-space:nowrap!important;text-overflow:ellipsis!important}
#v-pet .pn-ph .pn-im{position:absolute;left:0;right:0;bottom:0;padding:16px 10px 6px;font-style:normal;font-size:12px;font-weight:700;line-height:1.35;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.66))}
#v-pet .pn-bd{display:flex;flex-direction:column;gap:7px;padding:12px 14px 13px;flex:1 1 auto;min-width:0}
#v-pet .pn-tg{display:flex;flex-wrap:wrap;gap:5px}
#v-pet .pn-tg span{display:inline-block;border-radius:6px;padding:1px 8px;font-size:12px;font-weight:700;line-height:1.6;background:var(--pc,#eef3ea);color:var(--pt,#2f5d45)}
#v-pet .pn-tg .pn-new{background:#ff7a1a;color:#fff}
#v-pet .pn-card h3{margin:0;font-family:var(--f-disp,inherit);font-weight:800;font-size:15.5px;line-height:1.45;color:#1d2a25;overflow-wrap:anywhere}
#v-pet .pn-card h3 a{color:inherit;text-decoration:none}
#v-pet .pn-card h3 a:hover{text-decoration:underline}
#v-pet .pn-card p{margin:0;font-size:13.5px;line-height:1.65;color:#3d4a43;overflow-wrap:anywhere}
#v-pet .pn-ft{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;padding-top:6px;border-top:1px dashed #e3e6dd;font-size:12.5px;color:#58675f}
#v-pet .pn-ft span{min-width:0}
#v-pet .pn-ft span b{color:#2d3a33;font-weight:700}
#v-pet .pn-ft time,#v-pet .pn-ft small{white-space:nowrap}
#v-pet .pn-ft small{font-size:12px}
#v-pet .pn-go{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:#fff3e6;border:1px solid #f3c99b;color:#b4490a;font-weight:800;font-size:13px;padding:4px 12px;text-decoration:none;white-space:nowrap}
#v-pet .pn-go:hover{background:#ffe6cc}
#v-pet .pn-more{display:flex;justify-content:center}
#v-pet .pn-more button{border:1px solid #c9d3bf;background:#fff;border-radius:999px;padding:9px 20px;font:inherit;font-size:14px;font-weight:700;color:#2f5d45;cursor:pointer}
#v-pet .pn-more button:hover{background:#f4f8ea}
#v-pet .pn-note{margin:0;font-size:12.5px;line-height:1.6;color:#66756c}
#v-pet .pn-empty{padding:18px;border:1px dashed #d6dccd;border-radius:12px;font-size:14px;color:#58675f;text-align:center}
@media (max-width:760px){
  #v-pet .pn-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;margin:0 -2px}
  #v-pet .pn-grid > .pn-card{flex:0 0 80%;max-width:320px;scroll-snap-align:start}
  #v-pet .pn-top h2{font-size:23px}
}


#v-pet .card.pn-fold{margin-top:18px}
#v-pet .card.pn-fold > h3{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;user-select:none}
#v-pet .card.pn-fold > h3::after{content:"開く ▼";flex:0 0 auto;font-size:12.5px;font-weight:700;color:#2f5d45;background:#eef3ea;border-radius:999px;padding:3px 11px}
#v-pet .card.pn-fold.pn-open > h3::after{content:"閉じる ▲"}
#v-pet .card.pn-fold:not(.pn-open) > :not(h3){display:none!important}
#v-pet .card.pn-fold > h3:focus-visible{outline:2px solid #ff7a1a;outline-offset:3px;border-radius:6px}


#v-shop > :not(#nsx):not(.crumb){display:none!important}
#v-shop #nsx{--ink:#151a22;--sub:#5a6473;--line:#e3e7ee;--bg2:#f4f6f9;--acc:#ff5a1f;--ok:#0ca678;--ng:#e03131;
  --fd:"Zen Kaku Gothic New","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  --fb:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  --fm:"Roboto Mono",ui-monospace,Consolas,monospace;--fg:"Share Tech Mono","Roboto Mono",ui-monospace,monospace;
  display:grid;gap:22px;color:var(--ink);font-family:var(--fb);min-width:0;margin-top:6px}
#nsx *{box-sizing:border-box}
#nsx button{font:inherit;color:inherit;cursor:pointer}
#nsx img{max-width:100%;display:block}
#nsx .c-den{--k:#f59f00;--kd:#8a5300}#nsx .c-mat{--k:#1c7ed6;--kd:#0b4f91}#nsx .c-bag{--k:#7048e8;--kd:#4321a8}
#nsx .c-lan{--k:#f76707;--kd:#a33f00}#nsx .c-mado{--k:#0ca678;--kd:#06664a}#nsx .c-out{--k:#37b24d;--kd:#1f6f2e}
#nsx .c-pet{--k:#e64980;--kd:#9c1d4f}#nsx .c-bosai{--k:#e03131;--kd:#931c1c}#nsx .c-diy{--k:#1098ad;--kd:#0a5f6e}#nsx .c-all{--k:#ff5a1f;--kd:#a8360a}

#nsx .pr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12.5px;color:var(--sub);background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px}
#nsx .prb{font-family:var(--fg);font-size:12px;font-weight:700;letter-spacing:.08em;color:#fff;background:#151a22;border-radius:4px;padding:2px 8px}
#nsx .pr b{color:var(--ink)}

#nsx .hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 2px 4px rgba(20,30,50,.05),0 18px 50px -20px rgba(20,30,50,.25);border:1px solid var(--line)}
#nsx .hl{grid-template-columns:minmax(0,1fr);min-width:0;padding:clamp(20px,3.4vw,40px);display:grid;gap:14px;align-content:start;position:relative;
  background:radial-gradient(600px 300px at 0% 0%,#fff1e6 0,transparent 70%),radial-gradient(500px 300px at 100% 100%,#e7f5ff 0,transparent 70%),#fff}
#nsx .tagline{font-family:var(--fg);font-size:13px;letter-spacing:.22em;color:var(--acc);display:flex;align-items:center;gap:10px}
#nsx .tagline i{display:inline-block;width:28px;height:2px;background:var(--acc)}
#nsx .hl h1{margin:0;font-family:var(--fd);font-weight:900;font-size:clamp(36px,5.6vw,64px);line-height:1.05;letter-spacing:.02em}
#nsx .hl h1 small{display:block;font-size:.3em;letter-spacing:.12em;color:var(--sub);margin-top:10px;font-weight:700}
#nsx .nlead{display:block;font-size:clamp(15px,1.5vw,17px);line-height:1.75;margin:0;font-weight:500}
#nsx .nlead b{display:inline;background:linear-gradient(transparent 62%,#ffe066 62%);font-weight:900}
#nsx .srch{display:flex;align-items:center;gap:8px;background:var(--bg2);border:2px solid #151a22;border-radius:12px;padding:6px 6px 6px 14px}
#nsx .srch input{flex:1;min-width:0;border:0;background:transparent;font:500 16px var(--fb);padding:8px 0;outline:none;color:var(--ink)}
#nsx .srch button{border:0;background:var(--acc);color:#fff;font-weight:900;border-radius:9px;padding:10px 16px;white-space:nowrap}
#nsx .sugg{display:flex;flex-wrap:wrap;gap:6px}
#nsx .sugg button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:700}
#nsx .sugg button:hover{border-color:var(--acc);color:var(--acc)}
#nsx .lcd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
#nsx .lcd > div{background:#fbfcfd;padding:10px 12px;display:grid;gap:2px}
#nsx .lcd b{font-family:var(--fm);font-size:clamp(20px,2.2vw,28px);font-weight:700;line-height:1;color:var(--ink)}
#nsx .lcd b em{font-style:normal;font-size:.5em;color:var(--sub);margin-left:2px}
#nsx .lcd span{font-family:var(--fg);font-size:12px;letter-spacing:.06em;color:var(--sub)}
#nsx .hr{position:relative;display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:4px;min-height:420px;background:#fff}
#nsx .hr figure{margin:0;position:relative;overflow:hidden;min-height:0}
#nsx .hr figure:first-child{grid-row:1/3}
#nsx .hr img{width:100%;height:100%;object-fit:cover;max-width:none}
#nsx .cr{position:absolute;right:6px;bottom:6px;font-size:12px;line-height:1.3;color:#fff;background:rgba(10,14,20,.55);padding:2px 6px;border-radius:4px;max-width:92%;text-align:right}
#nsx .scene{position:absolute;left:8px;top:8px;font-size:12px;font-weight:700;background:#fff;color:var(--ink);padding:3px 8px;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.18)}
#nsx .hstamp{position:absolute;left:14px;bottom:14px;background:#fff;border-radius:12px;padding:10px 14px;box-shadow:0 10px 30px -8px rgba(0,0,0,.35);display:grid;gap:2px;max-width:70%}
#nsx .hstamp span{font-family:var(--fg);font-size:12px;letter-spacing:.1em;color:var(--acc)}
#nsx .hstamp b{font-family:var(--fd);font-size:15px;font-weight:900}

#nsx .news{display:flex;flex-wrap:wrap;gap:10px}
#nsx .nw{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 14px 8px 8px;font-size:13px;font-weight:700}
#nsx .nw .nd{font-family:var(--fm);font-size:12px;color:#fff;background:var(--k,#151a22);border-radius:6px;padding:3px 7px}
#nsx .nw .nn{font-family:var(--fg);font-size:12px;color:var(--acc);letter-spacing:.1em}

#nsx .sec{display:grid;gap:12px;min-width:0}
#nsx .sech{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 14px}
#nsx .sech h2{margin:0;font-family:var(--fd);font-weight:900;font-size:clamp(22px,2.6vw,30px);line-height:1.2;letter-spacing:.01em}
#nsx .sech .en{font-family:var(--fg);font-size:12px;letter-spacing:.2em;color:var(--sub);width:100%;margin-bottom:-6px}
#nsx .sech p{margin:0;font-size:13px;color:var(--sub)}
#nsx .dock{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}
#nsx .dk{position:relative;display:grid;justify-items:start;gap:4px;padding:12px 12px 11px;background:#fff;border:1px solid var(--line);border-radius:14px;text-align:left;transition:transform .15s,box-shadow .15s;overflow:hidden}
#nsx .dk::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--k)}
#nsx .dk:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px color-mix(in srgb,var(--k) 70%,transparent)}
#nsx .dk[aria-pressed=true]{background:color-mix(in srgb,var(--k) 12%,#fff);border-color:var(--k)}
#nsx .dk svg{width:34px;height:34px;color:var(--k)}
#nsx .dk b{font-family:var(--fd);font-weight:900;font-size:14.5px;line-height:1.25}
#nsx .dk span{font-family:var(--fm);font-size:12px;color:var(--kd);font-weight:700}

#nsx .finder{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:grid;gap:10px;box-shadow:0 1px 2px rgba(20,30,50,.04)}
#nsx .frow{display:grid;grid-template-columns:5.5em minmax(0,1fr);align-items:center;gap:10px}
#nsx .frow > label,#nsx .frow > span{font-family:var(--fd);font-weight:900;font-size:13px}
#nsx .seg{display:flex;flex-wrap:wrap;gap:6px}
#nsx .seg button{border:1px solid var(--line);background:var(--bg2);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700}
#nsx .seg button[aria-pressed=true]{background:#151a22;color:#fff;border-color:#151a22}
#nsx .seg button .cnt{font-family:var(--fm);font-size:12px;opacity:.7;margin-left:4px}
#nsx .bud{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#nsx .bud input[type=range]{flex:1;min-width:160px;accent-color:var(--acc)}
#nsx .bud output{font-family:var(--fm);font-weight:700;font-size:16px;min-width:8em}
#nsx .fbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;border-top:1px dashed var(--line);padding-top:10px}
#nsx .fbar .hit{font-family:var(--fd);font-weight:900;font-size:15px}
#nsx .fbar .hit b{font-family:var(--fm);font-size:24px;color:var(--acc);margin:0 3px}
#nsx .fbar select{font:700 13px var(--fb);border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#fff;color:var(--ink)}
#nsx .fbar label.nck{font-size:13px;font-weight:700;display:flex;align-items:center;gap:5px}
#nsx .rule{font-size:12px;color:var(--sub);line-height:1.6}
#nsx .rule summary{cursor:pointer;font-weight:700;color:var(--ink)}

#nsx .picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
#nsx .pk{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--k) 14%,#fff),#fff 70%);border:1px solid color-mix(in srgb,var(--k) 35%,transparent);border-radius:14px;padding:14px}
#nsx .pk .pnum{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:#fff;border:3px solid var(--k);text-align:center;line-height:1}
#nsx .pk .pnum b{font-family:var(--fm);font-size:24px;font-weight:700;color:var(--kd)}
#nsx .pk .pnum small{display:block;font-size:12px;color:var(--sub);margin-top:3px;font-weight:700}
#nsx .pk .pl{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--fg);font-size:12px;letter-spacing:.12em;color:var(--kd)}
#nsx .pk h3{margin:2px 0 4px;font-family:var(--fd);font-size:15.5px;font-weight:900;line-height:1.35}
#nsx .pk p{margin:0;font-size:12.5px;line-height:1.55}
#nsx .pk .pp{font-family:var(--fm);font-weight:700;font-size:15px;margin-top:4px}
#nsx .pk button.go{margin-top:8px}

#nsx .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
#nsx .it{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .15s,box-shadow .15s;min-width:0}
#nsx .it:hover{transform:translateY(-3px);box-shadow:0 16px 34px -18px rgba(20,30,50,.45)}
#nsx .rd{position:relative;padding:14px 14px 12px;background:
  repeating-linear-gradient(0deg,color-mix(in srgb,var(--k) 9%,transparent) 0 1px,transparent 1px 14px),
  repeating-linear-gradient(90deg,color-mix(in srgb,var(--k) 9%,transparent) 0 1px,transparent 1px 14px),
  linear-gradient(160deg,color-mix(in srgb,var(--k) 20%,#fff),color-mix(in srgb,var(--k) 6%,#fff));min-height:132px;display:grid;align-content:space-between;gap:6px}
#nsx .rd .rt{display:flex;justify-content:space-between;align-items:center;gap:6px}
#nsx .rd .cat{font-family:var(--fg);font-size:12px;letter-spacing:.08em;color:var(--kd);font-weight:700;background:#fff;border-radius:4px;padding:2px 7px}
#nsx .rd .prt{font-family:var(--fg);font-size:12px;font-weight:700;color:#fff;background:#151a22;border-radius:3px;padding:1px 6px}
#nsx .rd .big{display:flex;align-items:baseline;gap:6px;color:var(--kd)}
#nsx .rd .big b{font-family:var(--fm);font-size:clamp(40px,4.4vw,52px);font-weight:700;line-height:1;letter-spacing:-.02em}
#nsx .rd .big em{font-style:normal;font-family:var(--fm);font-size:18px;font-weight:700}
#nsx .rd .big small{font-size:12px;font-weight:700;color:var(--sub);margin-left:2px}
#nsx .rd .big.txt b{font-family:var(--fd);font-size:22px;letter-spacing:0;line-height:1.3}
#nsx .meter{height:7px;border-radius:9px;background:rgba(255,255,255,.85);overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 25%,transparent)}
#nsx .meter i{display:block;height:100%;background:linear-gradient(90deg,var(--k),var(--kd));border-radius:9px}
#nsx .mlab{font-family:var(--fg);font-size:12px;color:var(--sub);display:flex;justify-content:space-between}
#nsx .ib{padding:12px 14px 4px;display:grid;gap:4px;min-width:0}
#nsx .ib .mk{font-size:12px;color:var(--sub);font-weight:700}
#nsx .ib h3{margin:0;font-family:var(--fd);font-size:16px;font-weight:900;line-height:1.38;overflow-wrap:anywhere}
#nsx .ib .md{font-family:var(--fm);font-size:12px;color:var(--sub)}
#nsx .chips{display:flex;flex-wrap:wrap;gap:5px;padding:6px 14px 0;align-content:start}
#nsx .chips span{font-size:12px;background:var(--bg2);border-radius:6px;padding:3px 7px;line-height:1.35}
#nsx .chips span b{font-weight:700;color:var(--sub);margin-right:4px}
#nsx .warn{margin:8px 14px 0;font-size:12px;font-weight:700;color:#9a3412;background:#fff4e6;border-radius:8px;padding:5px 8px}
#nsx .ft{padding:10px 14px 14px;display:grid;gap:8px;border-top:1px solid var(--line);margin-top:10px}
#nsx .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
#nsx .price b{font-family:var(--fm);font-size:22px;font-weight:700}
#nsx .price b.na{font-family:var(--fb);font-size:13px;color:var(--sub)}
#nsx .price s{font-family:var(--fm);font-size:12px;color:var(--sub)}
#nsx .price .sale{font-size:12px;font-weight:900;color:#fff;background:var(--ng);border-radius:4px;padding:1px 6px}
#nsx .pkd{font-size:12px;color:var(--sub);line-height:1.45}
#nsx .stat{display:flex;flex-wrap:wrap;gap:5px}
#nsx .stat span{font-size:12px;font-weight:700;border-radius:999px;padding:2px 8px;background:#e6fcf5;color:#087f5b}
#nsx .stat span.st{background:#fff0f6;color:#a61e4d}
#nsx .acts{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px}
#nsx .go{white-space:nowrap;border:0;border-radius:10px;background:var(--acc);color:#fff;font-weight:900;font-size:14px;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 0 #c43c0b;transition:transform .1s,box-shadow .1s}
#nsx .go:active{transform:translateY(3px);box-shadow:0 1px 0 #c43c0b}
#nsx .go .prt{font-family:var(--fg);font-size:12px;background:rgba(0,0,0,.25);border-radius:3px;padding:1px 5px}
#nsx .ic{border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 11px;font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:4px}
#nsx .ic[aria-pressed=true]{background:#151a22;color:#fff;border-color:#151a22}
#nsx .ic.fav[aria-pressed=true]{background:#fff0f6;color:#d6336c;border-color:#d6336c}
#nsx .src{font-size:12px;color:var(--sub);overflow-wrap:anywhere}
#nsx .more{justify-self:center;border:2px solid #151a22;background:#fff;border-radius:999px;padding:10px 28px;font-weight:900}
#nsx .empty{padding:30px;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:14px;color:var(--sub)}

#nsx .tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#nsx .tl{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:10px;align-content:start;position:relative;overflow:hidden}
#nsx .tl::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--k)}
#nsx .tl h3{margin:0;font-family:var(--fd);font-weight:900;font-size:18px;display:flex;align-items:center;gap:8px}
#nsx .tl h3 svg{width:26px;height:26px;color:var(--k)}
#nsx .tl .lbl{font-family:var(--fg);font-size:12px;letter-spacing:.14em;color:var(--kd)}
#nsx .screen{border-radius:12px;padding:12px 14px;background:linear-gradient(160deg,color-mix(in srgb,var(--k) 16%,#fff),#fff);border:1px solid color-mix(in srgb,var(--k) 30%,transparent);display:grid;gap:4px}
#nsx .screen b{font-family:var(--fm);font-weight:700;font-size:40px;line-height:1;color:var(--kd)}
#nsx .screen b em{font-style:normal;font-size:16px;margin-left:4px}
#nsx .screen small{font-size:12px;color:var(--sub)}
#nsx .dev{display:grid;grid-template-columns:minmax(0,1fr) 4.6em 3.8em 1.8em;gap:5px;align-items:center;font-size:13px}
#nsx .dev input{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;padding:6px 7px;font:500 13px var(--fb);background:var(--bg2);color:var(--ink)}
#nsx .dev input[type=number]{font-family:var(--fm);text-align:right}
#nsx .dev button{border:0;background:transparent;color:var(--sub);font-size:16px}
#nsx .dhd{font-size:12px;color:var(--sub);font-weight:700}
#nsx .addr{border:1px dashed var(--line);background:#fff;border-radius:8px;padding:5px;font-size:12.5px;font-weight:700}
#nsx .rlist{display:grid;gap:5px}
#nsx .rl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;font-size:12.5px;padding:6px 8px;border-radius:8px;background:var(--bg2)}
#nsx .rl.ok{background:#e6fcf5}#nsx .rl.mid{background:#fff9db}#nsx .rl.no{background:#f8f9fa;color:#8a94a3}
#nsx .rl b{font-weight:700;overflow-wrap:anywhere}
#nsx .rl i{font-style:normal;font-family:var(--fm);font-size:12px;font-weight:700;white-space:nowrap}
#nsx .rl .bar{grid-column:1/-1;height:5px;border-radius:5px;background:#fff;overflow:hidden}
#nsx .rl .bar u{display:block;height:100%;background:var(--k)}
#nsx .thermo{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}
#nsx .tube{position:relative;height:150px;width:22px;margin:0 auto;border-radius:12px;background:#f1f3f5;border:2px solid #dee2e6}
#nsx .tube i{position:absolute;left:3px;right:3px;bottom:3px;border-radius:8px;background:linear-gradient(0deg,#1c7ed6,#7048e8);transition:height .2s}
#nsx .tube::after{content:"";position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:#7048e8;border:2px solid #dee2e6}
#nsx .tl input[type=range]{width:100%;accent-color:var(--k)}
#nsx .dims{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:13px;font-weight:700}
#nsx .dims input{width:5.2em;border:1px solid var(--line);border-radius:7px;padding:6px 7px;font:700 15px var(--fm);text-align:right;background:var(--bg2);color:var(--ink)}
#nsx .note{font-size:12px;color:var(--sub);line-height:1.6;margin:0}

#nsx .shelf2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
#nsx .shelf2 figure{margin:0;position:relative;min-height:260px}
#nsx .shelf2 figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
#nsx .shelf2 .sb{padding:16px 16px 16px 0;display:grid;gap:10px;min-width:0}
#nsx .rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:4px}
#nsx .mini{scroll-snap-align:start;display:grid;gap:4px;align-content:start;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--k) 9%,#fff),#fff 60%);min-width:0}
#nsx .mini .mb{font-family:var(--fm);font-size:28px;font-weight:700;color:var(--kd);line-height:1}
#nsx .mini .mb em{font-style:normal;font-size:13px;margin-left:2px}
#nsx .mini .mb small{font-family:var(--fb);font-size:12px;color:var(--sub);margin-left:4px}
#nsx .mini h4{margin:0;font-family:var(--fd);font-size:14px;font-weight:900;line-height:1.35}
#nsx .mini .pp{font-family:var(--fm);font-weight:700}
#nsx .mini .why{font-size:12px;color:var(--sub);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#nsx .mini .go{font-size:12.5px;padding:7px 10px;box-shadow:0 3px 0 #c43c0b}

#nsx .diyh{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
#nsx .diyk{display:flex;gap:8px;flex-wrap:wrap}
#nsx .diyk div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px 12px;display:grid}
#nsx .diyk b{font-family:var(--fm);font-size:22px;color:#0a5f6e;line-height:1.1}
#nsx .diyk span{font-size:12px;color:var(--sub);font-weight:700}
#nsx .dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
#nsx .dc{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;min-width:0}
#nsx .vt{position:relative;aspect-ratio:16/9;background:#e9f7f9;border:0;padding:0;width:100%;display:block;overflow:hidden}
#nsx .vt img{width:100%;height:100%;object-fit:cover;max-width:none;transition:transform .3s}
#nsx .vt:hover img{transform:scale(1.04)}
#nsx .vt .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:44px;border-radius:12px;background:#ff0033;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.35)}
#nsx .vt .play::after{content:"";border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}
#nsx .vt .vcap{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 7px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-size:12px;text-align:left;line-height:1.4}
#nsx .vt .vno{position:absolute;left:8px;top:8px;font-family:var(--fm);font-size:12px;font-weight:700;background:#fff;color:#0a5f6e;border-radius:6px;padding:2px 7px}
#nsx .vt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#nsx .vt.nov{display:grid;place-items:center;background:repeating-linear-gradient(135deg,#e3f6f8 0 10px,#f2fbfc 10px 20px)}
#nsx .vt.nov b{font-family:var(--fm);font-size:44px;color:#0a5f6e;line-height:1}
#nsx .vt.nov small{display:block;font-size:12px;color:var(--sub);font-weight:700;text-align:center;margin-top:4px}
#nsx .db{padding:12px 14px 14px;display:grid;gap:7px;align-content:start}
#nsx .db h3{margin:0;font-family:var(--fd);font-size:16px;font-weight:900;line-height:1.35}
#nsx .db .tot{display:flex;align-items:baseline;gap:6px;font-size:12px;color:var(--sub);font-weight:700}
#nsx .db .tot b{font-family:var(--fm);font-size:24px;color:#0a5f6e}
#nsx .itl{display:flex;flex-wrap:wrap;gap:4px}
#nsx .itl a{font-size:12px;background:#e9f7f9;color:#0a5f6e;border-radius:6px;padding:2px 7px;text-decoration:none;font-weight:700}
#nsx .itl a i{font-style:normal;font-family:var(--fm);margin-left:4px;color:var(--ink)}
#nsx .db p{margin:0;font-size:12.5px;line-height:1.6}
#nsx .db .ch{font-size:12px;color:#9a3412;background:#fff4e6;border-radius:8px;padding:5px 8px;font-weight:700}
#nsx .db details{font-size:12px}
#nsx .db details summary{cursor:pointer;font-weight:700;color:#0a5f6e}
#nsx .db details li{margin:4px 0;line-height:1.5}
#nsx .vmore{display:flex;gap:5px;flex-wrap:wrap}
#nsx .vmore button{border:1px solid var(--line);background:#fff;border-radius:6px;font-size:12px;padding:2px 7px;font-weight:700}
#nsx .vmore button[aria-pressed=true]{background:#0a5f6e;color:#fff;border-color:#0a5f6e}
#nsx .tag2{font-size:12px;font-weight:900;border-radius:4px;padding:1px 6px;background:#e6fcf5;color:#087f5b}
#nsx .tag2.near{background:#fff9db;color:#8a5300}
#nsx .nolist{font-size:12.5px;color:var(--sub);background:#fff;border:1px dashed var(--line);border-radius:12px;padding:10px 14px;line-height:1.7}

#nsx .cbar{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:9000;display:none;align-items:center;gap:10px;background:#fff;border:2px solid #151a22;border-radius:999px;padding:7px 8px 7px 16px;box-shadow:0 14px 40px -10px rgba(0,0,0,.4);font-weight:700;font-size:13.5px;max-width:calc(100vw - 24px)}
#nsx .cbar.on{display:flex}
#nsx .cbar b{font-family:var(--fm);font-size:17px;color:var(--acc)}
#nsx .cbar button{border:0;border-radius:999px;padding:8px 14px;font-weight:900}
#nsx .cbar .cgo{background:#151a22;color:#fff}
#nsx .cbar .cfav{background:#fff0f6;color:#d6336c}
#nsx .cbar .cx{background:var(--bg2)}
#nsx .modal{position:fixed;inset:0;z-index:10000;background:rgba(20,26,34,.45);display:none;align-items:flex-start;justify-content:center;padding:4vh 12px;overflow:auto}
#nsx .modal.on{display:flex}
#nsx .mbox{background:#fff;border-radius:18px;max-width:1000px;width:100%;padding:18px;display:grid;gap:12px;box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}
#nsx .mbox h3{margin:0;font-family:var(--fd);font-weight:900;font-size:20px;display:flex;justify-content:space-between;align-items:center}
#nsx .mbox h3 button{border:0;background:var(--bg2);border-radius:8px;padding:6px 12px;font-weight:900}
#nsx .ctab{overflow-x:auto}
#nsx .ctab table{border-collapse:collapse;width:100%;min-width:520px;font-size:13px}
#nsx .ctab th,#nsx .ctab td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
#nsx .ctab thead th{font-family:var(--fd);font-weight:900;font-size:14px;background:var(--bg2)}
#nsx .ctab tbody th{white-space:nowrap;color:var(--sub);font-size:12px}
#nsx .ctab td.best{background:#e6fcf5;font-weight:700}
#nsx .fsum{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;font-weight:700}
#nsx .fsum b{font-family:var(--fm);font-size:26px;color:var(--acc)}

#nsx .foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#nsx .foot > div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:12.5px;line-height:1.7}
#nsx .foot h4{margin:0 0 6px;font-family:var(--fd);font-size:15px;font-weight:900}
#nsx .foot ol,#nsx .foot ul{margin:0;padding-left:1.2em}
@media (max-width:1100px){#nsx .dock{grid-template-columns:repeat(5,minmax(0,1fr))}#nsx .tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:860px){#nsx .hero{grid-template-columns:minmax(0,1fr)}#nsx .hr{min-height:300px}#nsx .shelf2{grid-template-columns:minmax(0,1fr)}#nsx .shelf2 figure{min-height:200px}#nsx .shelf2 .sb{padding:0 14px 14px}#nsx .foot{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){
  #nsx{gap:18px}
  #nsx .lcd{grid-template-columns:repeat(2,minmax(0,1fr))}
  #nsx .hr{min-height:240px;grid-template-columns:1.3fr 1fr}
  #nsx .dock{grid-template-columns:repeat(3,minmax(0,1fr))}
  #nsx .frow{grid-template-columns:minmax(0,1fr);gap:5px}
  #nsx .seg button{padding:6px 10px}
  #nsx .tools{grid-template-columns:minmax(0,1fr)}
  #nsx .hstamp{left:8px;bottom:30px;padding:6px 9px}#nsx .hstamp b{font-size:12.5px}#nsx .tagline{letter-spacing:.12em;font-size:12px}
  #nsx .grid{grid-template-columns:minmax(0,1fr)}
  #nsx .diyh{grid-template-columns:minmax(0,1fr)}
  #nsx .rail{grid-auto-columns:76%}
  #nsx .cbar{font-size:12px;gap:6px;padding-left:12px}
}


.bx9{display:flex;align-items:center;gap:10px;margin:-2px 0 10px;padding:10px 12px;border-radius:10px;background:var(--bx9b,#e7f5ff);color:var(--bx9c,#1864ab)}
.bx9 svg{width:34px;height:34px;flex:0 0 34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bx9 small{font-size:12px;font-weight:700;line-height:1.4;color:inherit}


.cm9{position:relative;display:block;overflow:hidden;background:#eef2f6;border-radius:10px;aspect-ratio:16/10;margin:0 0 8px}
.cm9 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cm9 .cm9l{position:absolute;left:6px;bottom:6px;z-index:1;font-size:11px;font-weight:700;line-height:1.3;color:#1d2530;background:rgba(255,255,255,.93);border-radius:6px;padding:2px 7px;max-width:calc(100% - 12px)}
.cm9 .cm9c{position:absolute;right:5px;top:5px;z-index:1;font-size:10px;color:#fff;background:rgba(0,0,0,.55);border-radius:4px;padding:1px 6px;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.car .cph.cm9h{background-image:none!important;min-height:150px}
.car .cph.cm9h .cm9{position:absolute;inset:0;margin:0;border-radius:inherit;aspect-ratio:auto}
.car .cph.cm9h .c8n{display:none!important}
.car .cph.cm9h .st{position:relative;z-index:2}
.s8i.cm9s{display:grid!important;grid-template-columns:120px minmax(0,1fr);gap:4px 12px;align-items:center;text-align:left}
.s8i.cm9s .cm9{grid-row:1/span 2;margin:0;aspect-ratio:3/2}
.s8i.cm9s .cm9 .cm9l{font-size:10px;padding:1px 5px;left:3px;bottom:3px}
.s8i.cm9s .cm9 .cm9c{font-size:9px}
.pc9c.cm9p,.c8tt.cm9p{display:block}
.pc9c.cm9p{background-image:none!important}
.c8tt.cm9p.m9s{--m9s:none!important}
.c8tt.cm9p .m9fig,.pc9c.cm9p .k3fig{display:none!important}


.cvb{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;margin:0;cursor:pointer;background:#1d2530 center/cover no-repeat;display:block}
.cvp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:58px;height:40px;border-radius:10px;background:rgba(214,40,40,.92);color:#fff;font-size:20px;line-height:40px;text-align:center;pointer-events:none}
.cvb .cvc{position:absolute;left:0;right:0;bottom:0;padding:14px 8px 5px;font-size:11px;font-weight:700;color:#fff;text-align:left;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cvf{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;z-index:3}
#carlist .car .cph[data-cv]{cursor:pointer}
#cmptable tr.cvrow td{vertical-align:top}
#cmptable .cvbox{position:relative;width:100%;min-width:150px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#1d2530}


#calc8 .e9cap{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}
#calc8 .e9cap button{min-height:44px;padding:6px 14px;border-radius:12px;border:2px solid #d0ebff;background:#fff;font:inherit;font-weight:800;font-size:14px;color:#1d2530;cursor:pointer;text-align:left;line-height:1.25}
#calc8 .e9cap button small{display:block;font-weight:600;font-size:11.5px;color:#5c6b78}
#calc8 .e9cap button.on{border-color:#1c7ed6;background:#e7f5ff;box-shadow:0 4px 12px rgba(28,126,214,.18)}
#calc8 .e9q{margin:2px 0 8px;font-size:13.5px;color:#495057}
#calc8 .e9q b{color:#1c7ed6}
#calc8 .e9grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
#calc8 .e9c{border:2px solid #e9ecef;border-radius:16px;background:#fff;padding:12px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s,box-shadow .15s}
#calc8 .e9c.on{border-color:#2f9e44;box-shadow:0 6px 16px rgba(47,158,68,.16);background:linear-gradient(180deg,#f4fbf5,#fff 60%)}
#calc8 .e9top{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:left;min-height:44px}
#calc8 .e9ic{font-size:30px;line-height:1;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#f1f3f5}
#calc8 .e9c.on .e9ic{background:#d3f9d8}
#calc8 .e9nm{font-weight:900;font-size:15.5px;color:#1d2530;flex:1}
#calc8 .e9sw{width:46px;height:26px;border-radius:999px;background:#ced4da;position:relative;flex:0 0 auto}
#calc8 .e9sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}
#calc8 .e9c.on .e9sw{background:#2f9e44}#calc8 .e9c.on .e9sw::after{left:23px}
#calc8 .e9ask{font-size:12.5px;color:#5c6b78;font-weight:700}
#calc8 .e9op{display:flex;flex-wrap:wrap;gap:6px}
#calc8 .e9op button{min-height:40px;padding:4px 12px;border-radius:999px;border:1px solid #dee2e6;background:#f8f9fa;font:inherit;font-size:13.5px;font-weight:700;color:#343a40;cursor:pointer}
#calc8 .e9op button.on{background:#2f9e44;border-color:#2f9e44;color:#fff}
#calc8 .e9c:not(.on) .e9op,#calc8 .e9c:not(.on) .e9use{opacity:.45}
#calc8 .e9use{font-size:12px;color:#5c6b78}
#calc8 .e9use b{color:#e8590c;font-family:"Roboto Mono",monospace}
#calc8 .e9say{margin:10px 0 0;font-size:15px;font-weight:800;color:#1d2530;background:#fff9db;border-radius:12px;padding:10px 14px}
#calc8 .e9more{margin-top:10px}
#calc8 .e9more summary{cursor:pointer;font-size:13px;font-weight:800;color:#1c7ed6;min-height:36px;display:flex;align-items:center}
#calc8 .g9devs.e9hid{display:none}
#calc8 .e9more[open] .g9devs.e9hid{display:grid}



@media (max-width:760px){
 header.site .hbar{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;padding:6px 0!important;min-height:0!important}
 header.site .hbar .logo{flex:1 1 auto!important;min-width:0}
 header.site .hbar .logo small{display:none!important}
 header.site .hbar .logo span{font-size:15px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header.site .mem8 .m8l{display:none!important}
 header.site .mem8 .m8r{font-size:12px!important;padding:6px 10px!important;white-space:nowrap}
 header.site .gnav{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent)!important;mask-image:linear-gradient(90deg,#000 85%,transparent)!important;scrollbar-width:none;padding-bottom:4px}
 header.site .gnav::-webkit-scrollbar{display:none}
 header.site .gnav button{flex:0 0 auto;font-size:13px!important;padding:6px 10px!important}
}


.ph9{position:relative;margin:-2px 0 10px;border-radius:12px;overflow:hidden;height:132px}
.ph9 img{width:100%;height:100%;object-fit:cover;display:block}
.ph9 figcaption{position:absolute;left:8px;bottom:8px;font-size:12px;font-weight:900;color:#1d2530;background:rgba(255,255,255,.92);padding:3px 9px;border-radius:8px;max-width:calc(100% - 16px)}
.ph9 .crd8{position:absolute!important;right:6px!important;top:6px!important;bottom:auto!important;left:auto!important;font-size:10px!important;max-width:60%!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1px 6px;border-radius:4px}


#nsx .sb9{position:relative;margin:0 0 14px;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px -18px rgba(120,60,10,.35);border:1px solid #f3d9bf;background:#fffaf3}
#nsx .sb9 .awn{height:26px;background:repeating-linear-gradient(90deg,#e8590c 0 34px,#fff4e6 34px 68px);position:relative}
#nsx .sb9 .awn::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px;background:radial-gradient(circle at 17px 0,#e8590c 16px,transparent 17px) 0 0/68px 12px repeat-x,radial-gradient(circle at 51px 0,#fff4e6 16px,transparent 17px) 0 0/68px 12px repeat-x}
#nsx .sb9 .sbin{display:flex;align-items:center;gap:16px;padding:22px clamp(14px,3vw,28px) 14px;flex-wrap:wrap}
#nsx .sb9 .logo{display:flex;align-items:center;gap:14px;min-width:0}
#nsx .sb9 .logo svg{width:clamp(70px,9vw,96px);height:auto;flex:0 0 auto;filter:drop-shadow(0 6px 10px rgba(232,89,12,.28))}
#nsx .sb9 .lt{display:flex;flex-direction:column;min-width:0}
#nsx .sb9 .lt b{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:900;font-size:clamp(30px,5vw,48px);line-height:1.05;letter-spacing:.04em;color:#2b1d12}
#nsx .sb9 .lt b em{font-style:normal;color:#e8590c}
#nsx .sb9 .lt span{margin-top:6px;font-size:clamp(12px,1.4vw,14px);font-weight:700;color:#8a5a2b;letter-spacing:.12em}
#nsx .sb9 .seal{margin-left:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:92px;height:92px;border-radius:50%;border:3px double #e8590c;color:#e8590c;font-weight:900;font-size:12px;line-height:1.3;text-align:center;transform:rotate(-8deg);background:#fff}
#nsx .sb9 .seal b{font-size:20px;font-family:"Roboto Mono",monospace}
#nsx .sb9 nav{display:flex;gap:6px;overflow-x:auto;padding:0 clamp(14px,3vw,28px) 14px;scrollbar-width:none}
#nsx .sb9 nav::-webkit-scrollbar{display:none}
#nsx .sb9 nav button{flex:0 0 auto;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #f0c9a3;background:#fff;color:#5a3a1e;font:inherit;font-weight:800;font-size:14px;cursor:pointer}
#nsx .sb9 nav button:hover{background:#fff0e0;border-color:#e8590c;color:#e8590c}
#nsx .hero.hb9{position:relative;background:#fff}
#nsx .hero.hb9::before{content:"";position:absolute;inset:0;background:var(--hbg) center/cover no-repeat;opacity:.95}
#nsx .hero.hb9::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,250,243,.97) 0,rgba(255,250,243,.93) 42%,rgba(255,250,243,.55) 70%,rgba(255,250,243,.15) 100%)}
#nsx .hero.hb9>*{position:relative;z-index:1}
#nsx .hero.hb9 .hl{background:transparent}
#nsx .hero.hb9 .hbcr{position:absolute;right:8px;bottom:6px;z-index:2;font-size:10px;color:#fff;background:rgba(0,0,0,.45);padding:1px 6px;border-radius:4px}
#nsx .hero.hb9 .tagline,#nsx .hero.hb9 h1{display:none}
@media (max-width:760px){#nsx .hero.hb9::after{background:linear-gradient(180deg,rgba(255,250,243,.94) 0,rgba(255,250,243,.9) 60%,rgba(255,250,243,.75) 100%)}#nsx .sb9 .seal{display:none}#nsx .sb9 .lt span{letter-spacing:.04em}}


#nsx .sp9{position:relative;height:118px;margin:-1px -1px 10px;border-radius:14px 14px 0 0;background-size:cover;background-position:center;overflow:hidden}
#nsx .pk .sp9{grid-column:1/-1;height:104px;margin:0 0 8px;border-radius:12px}
#nsx .sp9 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none;opacity:1;display:block}
#nsx .sp9::before,#nsx .sp9::after{display:none!important}
#nsx .sp9 .sp9l{position:absolute;left:8px;bottom:8px;z-index:2;font-size:12px;font-weight:900;line-height:1.35;color:#1d2530;background:rgba(255,255,255,.92);padding:3px 9px;border-radius:8px;max-width:calc(100% - 16px)}
#nsx .sp9 .sp9l small{display:block;font-size:10.5px;font-weight:700;color:#868e96}
#nsx .sp9 .crd8{position:absolute!important;right:6px!important;top:6px!important;bottom:auto!important;left:auto!important;z-index:2;font-size:10px!important;max-width:60%!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1px 6px;border-radius:4px}


.vc .vth.vt9{position:relative;overflow:hidden;background:#e9edf2!important}
.vc .vth.vt9 img.vt9i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.vc .vth.vt9 > span{position:relative;z-index:1}
.vc .vth.vt9 .big{display:none}
.vc .vth.vt9 .yt,.vc .vth.vt9 .ch{background:rgba(255,255,255,.92);color:#1d2530;border-radius:6px;padding:1px 7px;font-weight:700}
.vc .vth.vt9 .yt{color:#c4001d}

@media (min-width:761px){header.site .hbar .mem8{margin-left:auto}}
.vth.ytimg{background-color:#111!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.vth.ytimg .big,.vth.ytimg .d1av,.vth.ytimg .d1bar,.vth.ytimg .ch{display:none!important}.vth.ytimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.35));pointer-events:none}.vth.ytimg{position:relative}