/* RECO TOOL サイト共通（2026-10-28 デザイン案「スタンダード・検索主役」で決定。元は scripts/design_mock.py） */

*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#111;font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.8}
a{color:inherit}img{max-width:100%;height:auto;display:block}
:root{--o:#f07800;--od:#c96400;--k:#111;--g:#f5f5f5;--l:#dddddd;--t:#555}
.w{max-width:1100px;margin:0 auto;padding:0 20px}
.h2 small{display:none}
/* ヘッダー */
.hd{border-bottom:1px solid var(--l);background:#fff}
.hd .w{display:flex;align-items:center;gap:28px;height:76px}
.logo img{height:42px;width:auto}
.nav{display:flex;gap:24px;font-weight:700;font-size:15px}.nav a{text-decoration:none}.nav a:hover{color:var(--o)}
.tel{margin-left:auto;text-align:right;line-height:1.25}.tel small{display:block;font-size:11px;color:var(--t)}.tel b{font-size:24px;letter-spacing:.02em}
.btn{display:inline-block;text-align:center;font-weight:700;text-decoration:none;border-radius:4px;padding:13px 24px;font-size:16px}
.btn-o{background:var(--o);color:#fff}.btn-o:hover{background:var(--od)}
.btn-k{background:var(--k);color:#fff}.btn-line{background:#fff;color:var(--k);border:2px solid var(--k)}
.menu{display:none;width:28px;height:20px;border-top:3px solid var(--k);border-bottom:3px solid var(--k);position:relative;margin-left:auto}
.menu:after{content:"";position:absolute;left:0;right:0;top:5.5px;border-top:3px solid var(--k)}
/* 共通の部品 */
.crumb{font-size:12px;color:var(--t);padding:14px 0 0}.crumb a{text-decoration:none}
.sec{padding:56px 0 0}.sec:last-of-type{padding-bottom:56px}
.h2{font-size:24px;line-height:1.4;margin:0 0 20px}
.lead{margin:0 0 20px;color:#333}
.note{font-size:12px;color:var(--t);margin:10px 0 0}
.tbl{width:100%;border-collapse:collapse}
.tbl th,.tbl td{border:1px solid var(--l);padding:11px 14px;text-align:left;vertical-align:middle}
.tbl thead th{background:var(--g);font-size:13px}
.tbl .p{text-align:right;font-weight:700;color:var(--o);white-space:nowrap}
.tbl .ask{color:var(--t);font-weight:700}
.tbl .ti{width:76px;padding:6px}.tbl .ti img{width:64px;height:64px;object-fit:contain}
.tbl .sub{display:block;font-size:12px;color:var(--t)}
.tbl a{text-decoration:none;font-weight:700}.tbl a:hover{color:var(--o);text-decoration:underline}
.spec th{width:28%;background:var(--g)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.item{display:block;text-decoration:none;border:1px solid var(--l);background:#fff}
.item:hover{border-color:var(--o)}
.item .im{aspect-ratio:1;padding:12px;display:flex;align-items:center;justify-content:center}.item .im img{max-height:100%;object-fit:contain}
.item .tx{display:block;padding:10px 12px 12px;border-top:1px solid var(--l)}
.item .mk{display:block;font-size:12px;color:var(--t)}.item .nm{display:block;font-weight:700;font-size:14px;line-height:1.45}
.item .pr{display:block;font-weight:700;font-size:18px;color:var(--o);margin-top:4px}.item .pr.ask{color:var(--t);font-size:14px}
.pts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--l)}
.pts>div{padding:22px 20px;border-right:1px solid var(--l)}.pts>div:last-child{border-right:0}
.pts b{display:block;font-size:17px;margin-bottom:6px}.pts p{margin:0;font-size:14px;color:#333}
.pts .n{display:block;font-size:13px;font-weight:700;color:var(--o);margin-bottom:4px}
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.flow li{border:1px solid var(--l);padding:20px}.flow .n{font-weight:700;color:var(--o);font-size:13px}.flow b{display:block;font-size:17px;margin:2px 0 6px}.flow p{margin:0;font-size:14px}
.cta{margin:40px 0 0;border:1px solid var(--l);padding:26px 20px;text-align:center;background:#fff}
.cta p{margin:0 0 14px;font-weight:700;font-size:17px}.cta .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cta .btn{min-width:260px}.cta small{display:block;margin-top:10px;color:var(--t);font-size:12px}
.faq dt{font-weight:700;padding:14px 0 4px;border-top:1px solid var(--l)}.faq dt:before{content:"Q. ";color:var(--o)}
.faq dd{margin:0 0 14px;color:#333}.faq dd:before{content:"A. ";font-weight:700}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a{border:1px solid var(--l);padding:5px 12px;font-size:13px;text-decoration:none;font-weight:700;background:#fff}
.chips a span{color:var(--t);font-weight:400;margin-left:4px}.chips a:hover{border-color:var(--o);color:var(--o)}
.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid var(--l);border-left:1px solid var(--l)}
.cats a{display:block;text-align:center;text-decoration:none;font-size:13px;font-weight:700;line-height:1.4;padding:12px 8px;border-right:1px solid var(--l);border-bottom:1px solid var(--l)}
.cats a img{width:72px;height:72px;object-fit:contain;margin:0 auto 6px}.cats a:hover{color:var(--o)}
.cols{list-style:none;margin:0;padding:0;border-top:1px solid var(--l)}.cols li{border-bottom:1px solid var(--l)}
.cols a{display:flex;gap:16px;padding:12px 0;text-decoration:none}.cols time{color:var(--t);font-size:13px;flex:0 0 90px}.cols a:hover{color:var(--o)}
/* 商品ヒーロー */
.ph{display:grid;grid-template-columns:460px 1fr;gap:40px;align-items:start;padding:20px 0 0}
.ph .pic{border:1px solid var(--l);aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:28px;background:#fff}
.ph .pic img{max-height:100%;object-fit:contain}
.ph .mk{font-size:14px;font-weight:700;color:var(--t);margin:0}
.ph h1{font-size:26px;line-height:1.4;margin:2px 0 4px}.ph .md{font-size:13px;color:var(--t);margin:0 0 18px}
.pricebox{border-top:1px solid var(--l);border-bottom:1px solid var(--l);padding:16px 0;margin:0 0 18px}
.pricebox .lb{font-size:14px;font-weight:700;margin:0}.pricebox .v{font-size:46px;font-weight:800;line-height:1.15;color:var(--o);letter-spacing:.01em}.pricebox .v small{font-size:20px;margin-left:2px}
.pricebox .dt{font-size:12px;color:var(--t);margin:2px 0 0}
.facts{list-style:none;margin:0 0 20px;padding:0;font-size:14px}.facts li{padding-left:18px;position:relative}.facts li:before{content:"";position:absolute;left:2px;top:.65em;width:8px;height:8px;background:var(--o)}
.ph .btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
/* カテゴリヒーロー */
.chd{padding:22px 0 0}.chd h1{font-size:30px;line-height:1.35;margin:4px 0 8px}
.chd .sum{display:flex;gap:28px;flex-wrap:wrap;margin:14px 0 18px;font-size:14px}.chd .sum b{font-size:28px;color:var(--o);margin:0 2px}
/* トップ */
.mv{padding:34px 0 40px;border-bottom:1px solid var(--l)}
.mv .w{display:grid;grid-template-columns:1fr 520px;gap:30px;align-items:center}
.mv .k1{font-size:16px;font-weight:700;margin:0;color:var(--t)}
.mv h1{font-size:44px;line-height:1.3;margin:6px 0 14px}.mv h1 em{font-style:normal;color:var(--o)}
.mv ul{list-style:none;margin:0 0 22px;padding:0;font-size:17px;font-weight:700}.mv li{padding-left:22px;position:relative;margin:4px 0}.mv li:before{content:"";position:absolute;left:0;top:.6em;width:10px;height:10px;background:var(--o)}
.mv .tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mv .tools img{aspect-ratio:1;object-fit:contain;border:1px solid var(--l);padding:10px;background:#fff}
.mv .btns{display:flex;gap:12px;flex-wrap:wrap}.mv .btn{min-width:240px}
.pit{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pit>div{border:1px solid var(--l);padding:20px}
.pit .n{display:inline-block;font-weight:800;color:#fff;background:var(--k);padding:0 8px;margin-bottom:8px}.pit b{display:block;font-size:17px;margin-bottom:6px}.pit p{margin:0;font-size:14px;color:#333}
.pit-ok{margin:16px 0 0;font-weight:700;font-size:17px;text-align:center}
.why4{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.why4>div{border:1px solid var(--l);padding:20px 22px}
.why4 .n{font-weight:800;color:var(--o);font-size:28px;line-height:1;margin-right:8px}.why4 b{font-size:18px}.why4 p{margin:8px 0 0;font-size:14px;color:#333}
/* フッター */
.ft{margin-top:64px;border-top:1px solid var(--l);background:var(--g);padding:34px 0 26px;font-size:13px}
.ft .w{display:grid;grid-template-columns:240px 1fr;gap:24px}.ft .lg img{height:34px;width:auto}
.ft nav{display:flex;flex-wrap:wrap;gap:6px 22px}.ft nav a{text-decoration:none}
.ft .cr{grid-column:1/-1;border-top:1px solid var(--l);padding-top:14px;color:var(--t);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.fix{display:none}
.layout{display:block}
@media(max-width:820px){
 body{font-size:14px;padding-bottom:58px}
 .w{padding:0 16px}
 .hd .w{height:60px;gap:12px}.logo img{height:32px}.nav,.tel,.hd .btn{display:none}.menu{display:block}
 .sec{padding-top:40px}.h2{font-size:20px;margin-bottom:14px}
 .grid{grid-template-columns:repeat(2,1fr);gap:10px}.item .nm{font-size:13px}.item .pr{font-size:16px}
 .pts{grid-template-columns:1fr}.pts>div{border-right:0;border-bottom:1px solid var(--l)}.pts>div:last-child{border-bottom:0}
 .flow{grid-template-columns:1fr;gap:10px}.pit{grid-template-columns:1fr;gap:10px}.why4{grid-template-columns:1fr;gap:10px}
 .cats{grid-template-columns:repeat(3,1fr)}.cats a img{width:56px;height:56px}
 .ph{grid-template-columns:1fr;gap:16px;padding-top:12px}.ph .pic{padding:12px;width:72%;margin:0 auto}.ph h1{font-size:21px}.pricebox .v{font-size:38px}
 .ph .btns{grid-template-columns:1fr}
 .chd h1{font-size:23px}.chd .sum b{font-size:24px}
 .mv{padding:20px 0 28px}.mv .w{grid-template-columns:1fr}.mv h1{font-size:30px}.mv ul{font-size:15px}.mv .btn{min-width:0;width:100%}
 .cta .btn{min-width:0;width:100%}
 .tbl th,.tbl td{padding:9px 10px}.tbl .ti{width:56px}.tbl .ti img{width:46px;height:46px}.hide-sp{display:none}
 .ft .w{grid-template-columns:1fr}
 .fix{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:30;border-top:1px solid var(--l)}
 .fix a{display:block;text-align:center;padding:16px 4px;font-weight:700;text-decoration:none;font-size:15px}
 .fix .a1{background:var(--o);color:#fff}.fix .a2{background:#fff;color:var(--k)}
}

.h2{padding-left:12px;border-left:5px solid var(--o)}

.mv-k{display:inline-block;background:var(--o);color:#fff;font-weight:700;font-size:14px;padding:3px 12px;margin:0 0 12px}
.mv-h{font-size:52px;line-height:1.25;font-weight:800;margin:0 0 16px;letter-spacing:.01em}.mv-h em{font-style:normal;color:var(--o)}
.mv-l{list-style:none;margin:0 0 26px;padding:0;font-size:17px;font-weight:700}.mv-l li{padding-left:24px;position:relative;margin:5px 0}
.mv-l li:before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;border:3px solid var(--o);border-radius:50%}
.mv-b{display:flex;gap:12px;flex-wrap:wrap}.mv-b .btn{min-width:230px;padding:16px 24px;font-size:17px}
.btn-w{background:#fff;color:var(--k)}
/* A 写真ワイド */
.mva{position:relative;background:#222 url(/wp-content/uploads/Impact-kogu_main.webp) center/cover no-repeat;color:#fff}
.mva:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5)}
.mva .w{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:520px;gap:20px}
.mva .stage{position:relative;height:440px}.mva .stage img{position:absolute;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.45))}
.mva .stage .i1{width:56%;left:24%;top:2%}.mva .stage .i2{width:44%;left:0;bottom:2%}.mva .stage .i3{width:40%;right:-4%;bottom:0}
.mvbar{border-bottom:1px solid var(--l)}.mvbar .w{display:grid;grid-template-columns:repeat(4,1fr)}
.mvbar div{padding:18px 10px;text-align:center;border-right:1px solid var(--l);font-size:13px;font-weight:700}.mvbar div:first-child{border-left:1px solid var(--l)}
.mvbar b{display:block;font-size:30px;line-height:1.2;color:var(--o)}.mvbar b small{font-size:15px;color:var(--k);margin-left:2px}
/* B 左右分割 */
.mvb{display:grid;grid-template-columns:46% 54%;min-height:560px;border-bottom:1px solid var(--l)}
.mvb .l{background:var(--o);color:#fff;display:flex;align-items:center;justify-content:flex-end;padding:40px 48px}
.mvb .l>div{max-width:520px;width:100%}.mvb .mv-k{background:var(--k)}.mvb .mv-h em{color:var(--k)}.mvb .mv-l li:before{border-color:#fff}
.mvb .mv-b .btn-o{background:var(--k)}.mvb .r{background:#f4f4f4;position:relative;overflow:hidden}
.mvb .sl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .8s}.mvb .sl.on{opacity:1}
.mvb .sl img{width:62%;max-height:78%;object-fit:contain}
.mvb .tag{position:absolute;left:40px;bottom:40px;background:var(--k);color:#fff;padding:12px 18px;line-height:1.4}
.mvb .tag small{display:block;font-size:12px;color:#ccc}.mvb .tag b{font-size:30px;color:var(--o)}.mvb .tag b small{display:inline;font-size:15px;color:#fff;margin-left:2px}
.mvb .dots{position:absolute;right:30px;bottom:30px;display:flex;gap:8px}.mvb .dots i{width:28px;height:4px;background:#ccc}.mvb .dots i.on{background:var(--o)}
/* C 商品パネル */
.mvc{padding:36px 0 44px;border-bottom:1px solid var(--l)}
.mvc .hd2{display:grid;grid-template-columns:1fr 420px;gap:30px;align-items:end;margin-bottom:28px}.mvc .mv-l{margin-bottom:16px}
.mvc .pn{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mvc .pn a{display:block;text-decoration:none;background:#f4f4f4;position:relative}
.mvc .pn .ph2{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:24px}.mvc .pn img{max-height:100%;object-fit:contain}
.mvc .pn .cap{display:flex;justify-content:space-between;align-items:center;background:var(--k);color:#fff;padding:12px 16px;gap:10px}
.mvc .pn .cap span{font-size:13px;line-height:1.4}.mvc .pn .cap span small{display:block;color:#bbb;font-size:11px}
.mvc .pn .cap b{font-size:24px;color:var(--o);white-space:nowrap}.mvc .pn .cat{position:absolute;left:0;top:0;background:var(--o);color:#fff;font-size:12px;font-weight:700;padding:4px 10px}
/* D 検索主役 */
.mvd{position:relative;background:#222 url(/wp-content/uploads/Impact-kogu_main.webp) center/cover no-repeat;color:#fff;text-align:center}
.mvd:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55)}
.mvd .w{position:relative;padding:64px 20px 70px}.mvd .mv-h{font-size:46px}.mvd .sub{font-weight:700;margin:0 0 26px}
.mvd form{display:flex;max-width:720px;margin:0 auto;background:#fff;border:3px solid var(--o)}
.mvd input{flex:1;border:0;font-size:18px;padding:16px 18px;min-width:0;font-family:inherit}.mvd button{border:0;background:var(--o);color:#fff;font-weight:700;font-size:17px;padding:0 30px;font-family:inherit}
.mvd .kw{margin:16px 0 0;font-size:13px}.mvd .kw a{display:inline-block;color:#fff;border:1px solid rgba(255,255,255,.6);padding:3px 10px;margin:4px 3px;text-decoration:none}
.mvd .tl{display:flex;justify-content:center;gap:28px;margin-top:22px;font-size:14px;font-weight:700}.mvd .tl span:before{content:"✓ ";color:var(--o)}
.mvd-cat{border-bottom:1px solid var(--l)}.mvd-cat .w{display:grid;grid-template-columns:repeat(6,1fr)}
.mvd-cat a{display:block;text-align:center;text-decoration:none;font-weight:700;font-size:13px;padding:16px 8px;border-right:1px solid var(--l)}.mvd-cat a:first-child{border-left:1px solid var(--l)}
.mvd-cat img{height:84px;width:auto;margin:0 auto 6px;object-fit:contain}.mvd-cat a:hover{color:var(--o)}
/* 写真つきの落とし穴・理由 */
.pit>div{padding:0}.pit .pimg{aspect-ratio:68/44;object-fit:cover;width:100%}.pit .pt{padding:16px 18px 18px}
.why4>div{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:start}.why4 img{width:150px;height:150px;object-fit:cover}
@media(max-width:820px){
 .mv-h{font-size:32px}.mv-l{font-size:15px}.mv-b .btn{min-width:0;width:100%}
 .mva .w{grid-template-columns:1fr;min-height:0;padding-top:28px;padding-bottom:10px}.mva .stage{height:250px}
 .mvbar .w{grid-template-columns:repeat(2,1fr);padding:0}.mvbar div{border-bottom:1px solid var(--l)}.mvbar div:nth-child(odd){border-left:0}.mvbar b{font-size:24px}
 .mvb{grid-template-columns:1fr;min-height:0}.mvb .l{padding:28px 16px}.mvb .r{height:330px}.mvb .tag{left:16px;bottom:16px;padding:8px 12px}.mvb .tag b{font-size:22px}
 .mvc{padding:22px 0 28px}.mvc .hd2{grid-template-columns:1fr;gap:6px;margin-bottom:18px}
 .mvc .pn{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -16px;padding:0 16px}.mvc .pn a{flex:0 0 78%;scroll-snap-align:start}
 .mvd .w{padding:36px 16px 40px}.mvd .mv-h{font-size:28px}.mvd input{font-size:15px;padding:13px}.mvd button{padding:0 16px;font-size:15px}.mvd .tl{gap:12px;flex-wrap:wrap;font-size:12px}
 .mvd-cat .w{grid-template-columns:repeat(3,1fr);padding:0}.mvd-cat a{border-bottom:1px solid var(--l)}.mvd-cat a:nth-child(3n+1){border-left:0}.mvd-cat img{height:60px}
 .why4>div{grid-template-columns:96px 1fr;gap:12px}.why4 img{width:96px;height:96px}
 .pit>div{display:grid;grid-template-columns:120px 1fr}.pit .pimg{height:100%;aspect-ratio:auto}.pit .pt{padding:12px 14px}
}

/* ---- 本番で足した部品 ---- */
.menu{cursor:pointer;background:none;padding:0}
.drawer{display:none;position:fixed;inset:60px 0 0 0;background:#fff;z-index:40;overflow:auto;border-top:1px solid var(--l)}
.drawer.on{display:block}.drawer a{display:block;padding:15px 18px;border-bottom:1px solid var(--l);text-decoration:none;font-weight:700}
.drawer .tel2{padding:18px;text-align:center}.drawer .tel2 b{display:block;font-size:24px}
/* 検索（トップ・買取価格一覧） */
.srch{position:relative;max-width:720px;margin:0 auto;text-align:left}
.srch-r{list-style:none;margin:0;padding:0;position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid var(--l);border-top:0;max-height:380px;overflow:auto;z-index:20;color:var(--k)}
.srch-r:empty{display:none}.srch-r a{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--l);text-decoration:none;font-size:14px}
.srch-r a:hover{background:#fff4e8}.srch-r small{display:block;color:var(--t);font-size:12px}.srch-r b{color:var(--o);white-space:nowrap}.srch-r b.ask{color:var(--t)}
.srch-box{display:flex;background:#fff;border:3px solid var(--o)}.srch-box input{flex:1;border:0;font-size:17px;padding:14px 16px;min-width:0;font-family:inherit;outline:0}
.srch-box button{border:0;background:var(--o);color:#fff;font-weight:700;font-size:16px;padding:0 26px;font-family:inherit;cursor:pointer}
/* 一覧の「さらに表示」 */
.more{text-align:center;margin:14px 0 0}.more button{border:2px solid var(--k);background:#fff;font-weight:700;font-size:15px;padding:10px 40px;cursor:pointer;font-family:inherit}
/* 商品画像（小さい元画像は引き伸ばさない） */
.ph .pic img{width:auto}
/* 本文ページ（運営会社・特商法・個人情報） */
.doc{padding:24px 0 0}.doc h1{font-size:28px;margin:6px 0 20px}.doc h3.style3a{font-size:22px;padding-left:12px;border-left:5px solid var(--o);margin:0 0 18px}
.doc h4{font-size:17px;margin:26px 0 8px}.doc table{width:100%;border-collapse:collapse}.doc table th,.doc table td{border:1px solid var(--l);padding:11px 14px;text-align:left;vertical-align:top}
.doc table th{background:var(--g);width:28%}
@media(max-width:820px){.srch-box input{font-size:15px;padding:12px}.srch-box button{padding:0 16px}.doc h1{font-size:22px}}

/* 悩み（3つの落とし穴）・強み（6つの理由）は写真を大きく（2026-10-29「最初のデザインのように画像大きく」） */
.pit{gap:28px}.pit>div{border:0}.pit .pimg{aspect-ratio:3/2}.pit .pt{padding:16px 0 0}
.pit .n{font-size:15px;padding:1px 10px}.pit b{font-size:19px}
.pit-ok{margin:30px 0 0;font-size:22px;line-height:1.5}
.str6{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px}
.str6 img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;margin-bottom:14px}.str6 img.tool{object-fit:contain;background:#fff;border:1px solid var(--l)}
.str6 .n{display:block;font-size:30px;font-weight:800;line-height:1;color:var(--o);margin-bottom:6px}
.str6 b{display:block;font-size:19px;line-height:1.45;margin-bottom:8px}.str6 p{margin:0;font-size:14px;color:#333}
@media(max-width:820px){
 .pit>div{display:block}.pit .pimg{height:auto;aspect-ratio:3/2}.pit .pt{padding:12px 0 0}.pit{gap:26px}.pit-ok{font-size:18px}
 .str6{grid-template-columns:1fr;gap:30px}.str6 b{font-size:18px}
}

/* ---- 2026-10-30 決定：ヘッダー2（2段＋カテゴリ帯）・フッター2（黒・4列）・悩み3（写真に黒帯）・強み3（番号を写真に重ねるカード） ---- */
.hd2{background:#fff;position:relative;z-index:30}
.h2-top{background:var(--k);color:#ddd;font-size:12px}.h2-top .w{display:flex;justify-content:space-between;height:30px;align-items:center}
.h2-main{border-bottom:1px solid var(--l)}.h2-main .w{display:flex;align-items:center;gap:24px;height:84px}
.h2-tel{margin-left:auto;display:flex;align-items:center;gap:10px;line-height:1.2}
.h2-tel i{width:38px;height:38px;border-radius:50%;background:var(--o);display:flex;align-items:center;justify-content:center;color:#fff;font-style:normal;font-weight:800}
.h2-tel b{font-size:26px;display:block}.h2-tel small{font-size:12px;color:var(--t)}
.h2-btns{display:flex;gap:8px}.h2-btns .btn{padding:11px 16px;font-size:15px}
.h2-nav{border-bottom:3px solid var(--o);background:#fff}.h2-nav .w{display:flex}
.h2-nav a{flex:1;text-align:center;padding:11px 4px;font-size:14px;font-weight:700;text-decoration:none;border-left:1px solid var(--l)}
.h2-nav a:last-child{border-right:1px solid var(--l)}.h2-nav a:hover{color:var(--o)}
.f2{background:var(--k);color:#ccc;border-top:4px solid var(--o);padding:40px 0 20px;font-size:13px;margin-top:64px}
.f2 .cols4{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}.f2 h4{color:#fff;font-size:14px;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #333}
.f2 a{display:block;color:#ccc!important;text-decoration:none;padding:3px 0}.f2 a:hover{color:var(--o)!important}
.f2 .lg{filter:invert(1) hue-rotate(180deg);height:34px;width:auto;margin-bottom:12px}
.f2 .tl{font-size:24px;font-weight:800;color:#fff}.f2 .cp{border-top:1px solid #333;margin-top:26px;padding-top:14px;display:flex;justify-content:space-between;color:#888;flex-wrap:wrap;gap:6px}
.n3 .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.n3 .c{position:relative}.n3 img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.n3 .bar{position:absolute;left:0;right:0;bottom:0;background:rgba(17,17,17,.88);color:#fff;padding:16px 18px}
.n3 .bar i{font-style:normal;color:var(--o);font-weight:800;font-size:28px;line-height:1;display:block}
.n3 .bar b{display:block;font-size:19px;margin:4px 0}.n3 .bar p{margin:0;font-size:13px;color:#ddd}
.okband{margin-top:28px;background:var(--o);color:#fff;text-align:center;padding:20px;font-size:24px;font-weight:800}
.s3 .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}.s3 .c{border:1px solid var(--l);background:#fff}.s3 .pv{position:relative}
.s3 img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.s3 i{position:absolute;left:0;bottom:-1px;background:var(--o);color:#fff;font-style:normal;font-weight:800;font-size:22px;padding:6px 16px}
.s3 .tx{padding:18px 20px 22px}.s3 b{display:block;font-size:19px;margin-bottom:8px}.s3 p{margin:0;font-size:14px;color:#333}.s3 p a{color:var(--od)}
@media(max-width:820px){
 .h2-top{display:none}.h2-main .w{height:60px}.h2-tel,.h2-btns{display:none}.h2-main .menu{display:block;margin-left:auto}
 .h2-nav .w{overflow-x:auto;padding:0}.h2-nav a{flex:0 0 auto;padding:10px 14px}
 .f2 .cols4{grid-template-columns:1fr 1fr}.f2 .cols4>div:first-child{grid-column:1/-1}
 .n3 .g{grid-template-columns:1fr}.n3 img{aspect-ratio:4/3}.okband{font-size:18px}
 .s3 .g{grid-template-columns:1fr}
}
/* トップの価格表（タブ）とコラムのカード */
.pt-tabs{display:flex;flex-wrap:wrap;border-bottom:3px solid var(--o)}.pt-tab{border:1px solid var(--l);border-bottom:0;background:#f5f5f5;font:inherit;font-weight:700;font-size:14px;padding:10px 16px;cursor:pointer;margin-right:4px}
.pt-tab.on{background:var(--o);border-color:var(--o);color:#fff}.pt-pane{display:none;padding-top:14px}.pt-pane.on{display:block}
.pr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.pr-row{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--l);text-decoration:none}
.pr-row img{width:72px;height:72px;object-fit:contain;background:#fff}.pr-row .nm{font-weight:700;font-size:14px;line-height:1.4}.pr-row .nm small{display:block;font-weight:400;color:var(--t);font-size:12px}
.pr-row .pv2{font-size:22px;font-weight:800;color:var(--o);white-space:nowrap}.pr-row .pv2 small{font-size:13px;margin-left:1px}.pr-row:hover{background:#fff7ee}
.more2{text-align:right;margin:12px 0 0;font-weight:700}.more2 a{color:var(--od)}
.colg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.colg a{display:block;text-decoration:none}.colg img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block;margin-bottom:8px}
.colg small{color:var(--o);font-weight:700;font-size:12px}.colg span{display:block;font-weight:700;line-height:1.5}.colg a:hover span{color:var(--o)}
@media(max-width:820px){.pt-tabs{flex-wrap:nowrap;overflow-x:auto}.pt-tab{flex:0 0 auto;padding:9px 12px;font-size:13px}.pr-grid{grid-template-columns:1fr}
 .pr-row{grid-template-columns:60px 1fr auto}.pr-row img{width:60px;height:60px}.pr-row .pv2{font-size:18px}.colg{grid-template-columns:1fr}}
/* 検索窓のサジェスト・結果なし（2026-10-30 買取バスターズの仕様） */
.srch-note{margin:6px 0 0;font-size:12px;color:var(--t)}.mvd .srch-note{color:#ddd;text-align:center}
.sug{position:absolute;z-index:1000;background:#fff;border:1px solid #ccc;box-shadow:0 8px 24px rgba(0,0,0,.18);margin:0;padding:4px 0;list-style:none;text-align:left;color:var(--k)}
.sug li{margin:0;padding:0}.sug a{display:flex;align-items:center;gap:10px;padding:7px 12px;text-decoration:none;font-size:14px;line-height:1.35;color:var(--k)}
.sug a.on{background:#fff4e8}.sug img{width:40px;height:40px;object-fit:contain;flex:0 0 40px;background:#fff}
.sug .t{flex:1;min-width:0}.sug .t small{display:block;color:var(--t);font-size:12px}.sug .t b{color:var(--od)}
.sug .p{font-weight:800;color:var(--o);white-space:nowrap}.sug .p.ask{color:var(--t);font-size:12px}
.sug-all a,.sug-none a{border-top:1px solid var(--l);justify-content:center;font-weight:700;color:var(--od)}
.sug-open .fix{display:none!important}
.nohit{border:2px solid var(--o);padding:22px 20px;margin:24px 0;background:#fff7ee;text-align:center}
.nohit-lead{margin:0;color:var(--t);font-size:14px}.nohit-big{margin:6px 0 4px;font-size:22px;font-weight:800}.nohit-sub{margin:0 0 16px;font-size:14px}
.nohit-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.nohit-btns .btn{flex:1 1 240px;max-width:320px;line-height:1.3}
.nohit-btns .btn small{display:block;font-size:12px;font-weight:400;margin-top:3px}.nohit-line{background:#06c755;color:#fff}
.nohit-safe{margin:18px auto 0;max-width:520px;background:#fff;border:1px dashed #bbb;padding:12px;font-size:14px}
.tbl td b{color:var(--od)}
@media(max-width:600px){.sug a{font-size:15px;padding:10px 12px}.sug li+li a{border-top:1px solid #eee}.nohit-big{font-size:18px}}
/* 一覧表は行全体がリンク（2026-10-30） */
.tbl tr.rl{cursor:pointer}.tbl tr.rl:hover td{background:#fff7ee}.tbl tr.rl td a{text-decoration:none;color:inherit}
.tbl tr.rl td:nth-child(2) a{font-weight:700}.tbl tr.rl:hover td:nth-child(2) a{color:var(--o);text-decoration:underline}
/* スマホではヘッダーのカテゴリの帯を出さない（2026-10-30 高山さん） */
@media(max-width:820px){.h2-nav{display:none}.h2-main{border-bottom:3px solid var(--o)}}
/* シリーズのページ（/td110d/ など。2026-10-30） */
.sr-hero{display:grid;grid-template-columns:480px 1fr;gap:40px;align-items:start;padding:20px 0 0}
.sr-slide{position:relative}.sl-track{list-style:none;margin:0;padding:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border:1px solid var(--l)}
.sl-track::-webkit-scrollbar{display:none}.sl{flex:0 0 100%;scroll-snap-align:start;background:#fff;text-align:center;padding:20px 20px 0}
.sl img{width:100%;max-width:380px;aspect-ratio:1;object-fit:contain;margin:0 auto}
.sl .cap{margin:0 -20px;padding:10px;background:var(--k);color:#fff;font-size:14px}.sl .cap b{color:var(--o);font-size:18px;margin-right:10px;letter-spacing:.02em}
.sl-prev,.sl-next{position:absolute;top:42%;width:40px;height:40px;border:0;background:rgba(17,17,17,.75);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.sl-prev{left:0}.sl-next{right:0}
.sl-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:8px}
.sl-thumbs button{border:2px solid var(--l);background:#fff;padding:4px;cursor:pointer;font:inherit}.sl-thumbs button.on{border-color:var(--o)}
.sl-thumbs img{width:100%;aspect-ratio:1;object-fit:contain}.sl-thumbs span{display:block;font-size:10px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden}
.sr-info .mk{font-size:14px;font-weight:700;color:var(--t);margin:0}.sr-info h1{font-size:30px;line-height:1.35;margin:4px 0 12px}
.sr-tags{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.sr-tags li{border:1px solid var(--k);padding:3px 10px;font-size:13px;font-weight:700}
.sr-info .btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tscroll{overflow-x:auto}.tbl.acc th,.tbl.acc td{text-align:center;white-space:nowrap}.tbl.acc th small{font-weight:400;color:var(--t)}
.parts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.part{display:grid;grid-template-columns:160px 1fr;gap:18px;border:1px solid var(--l);padding:18px;align-items:center}
.part img{width:160px;height:160px;object-fit:contain}.part h3{font-size:17px;margin:0 0 8px}.part p{margin:0;font-size:14px}.part .pnote{margin-top:8px;color:var(--od)}
.sp-only{display:none}
@media(max-width:820px){.sr-hero{grid-template-columns:1fr;gap:16px}.sr-info h1{font-size:23px}.sr-info .btns{grid-template-columns:1fr}
 .parts{grid-template-columns:1fr}.part{grid-template-columns:110px 1fr;padding:14px}.part img{width:110px;height:110px}.sp-only{display:block}}
.sl-track{scroll-behavior:smooth}.sl-prev,.sl-next{z-index:3}
.sr-hero>div{min-width:0}
/* ヘッダー・フッターはどのページでも同じに（フォームのページは Bootstrap が書体・行の高さを変えるため固定。2026-10-30） */
.hd2,.f2,.drawer,.fix,.legacy,.kf{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",Meiryo,sans-serif!important;line-height:1.8}
.hd2 *,.f2 *,.drawer *,.fix *{font-family:inherit!important;line-height:inherit}
.h2-tel{line-height:1.2}.h2-tel *{line-height:1.2}
.hd2 a,.f2 a,.drawer a,.fix a{text-decoration:none}
.sl img{max-width:100%;aspect-ratio:3/2}.sl{padding:12px 12px 0}
.ph .pic:has(img[src*="/images/series/"]){aspect-ratio:3/2;padding:10px}
.sl .cap{margin:0 -12px}.sl-thumbs span{font-size:11px;letter-spacing:0}
/* シリーズの価格表（画像を型番の列に・中央寄せ）と付属品の箱のリンク（2026-10-30） */
.tbl.sr-pt th,.tbl.sr-pt td{text-align:center}.tbl.sr-pt td.md a{display:inline-flex;align-items:center;gap:10px;font-weight:700}
.tbl.sr-pt td.md img{width:96px;height:64px;object-fit:contain}.tbl.sr-pt td.p{text-align:center}
a.part{text-decoration:none;color:inherit}a.part:hover{border-color:var(--o)}.part .pnote span{color:var(--o);font-weight:700;margin-left:6px}
.tbl.acc th a{color:var(--od);text-decoration:underline}
.fi.prefilled{background:#fff7ee;margin:0 -10px;padding:12px 10px 4px}
@media(max-width:820px){.tbl.sr-pt td.md a{flex-direction:column;gap:2px}.tbl.sr-pt td.md img{width:80px;height:54px}}
.tbl .sub.sp-only{display:none}@media(max-width:820px){.tbl .sub.sp-only{display:block}}
/* 2026-10-30 一覧の行にカーソルを合わせたとき、画像の白い背景が浮かないように（行の色になじませる） */
.tbl img,.item .im img{mix-blend-mode:multiply}
/* バッテリー・充電器の箱：「単品の買取価格はこちら」のボタン */
.part .pbtn{display:inline-block;margin-top:12px;padding:10px 18px;font-size:14px;min-height:0}
/* 2026-10-30 シリーズの価格表：画像と型番を決まった幅の2列にして、どの行も同じ位置にそろえる */
.tbl.sr-pt td.md a{display:grid;grid-template-columns:96px 9.5em;gap:14px;align-items:center;justify-content:center;text-align:left}
.tbl.sr-pt td.md img{width:96px;height:64px;object-fit:contain;justify-self:center}
@media(max-width:820px){.tbl.sr-pt td.md a{grid-template-columns:80px;gap:4px;justify-items:center;text-align:center}.tbl.sr-pt td.md img{width:80px;height:54px}}
/* 2026-10-30 LINE査定のボタン（PC のヘッダーと本文の査定案内）。色は LINE の緑 */
.btn.btn-lineapp{background:#06c755;color:#fff!important;border:2px solid #06c755}.btn.btn-lineapp:hover{background:#05b04b;border-color:#05b04b}
/* 2026-10-30 HiKOKI の「WH36DD (2XHBSZ)」のような長い型番も1行に（型番の列を広げる） */
.tbl.sr-pt td.md a{grid-template-columns:96px 13em}.tbl.sr-pt td.md b{white-space:nowrap}
@media(max-width:820px){.tbl.sr-pt td.md a{grid-template-columns:80px}.tbl.sr-pt td.md b{white-space:normal}}
/* 2026-10-30 高山さん「B」：スマホ下の固定バーは「無料で匿名査定｜LINE査定」、電話はヘッダー右上の丸いアイコン、商品ページはボタンの下に電話の文字リンク */
.fix .a3{background:#06c755;color:#fff}
.tel-ic{display:none}
@media(max-width:820px){.h2-main .tel-ic{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--o);color:#fff;margin-left:auto;margin-right:14px;font-size:19px;text-decoration:none}
 .h2-main .tel-ic + .menu{margin-left:0}}
.telx{margin:10px 0 0;font-size:13px;color:var(--t);text-align:center}.telx a{font-weight:700;color:var(--k)}
/* 2026-10-30 高山さん「高価買取中は右寄せで『お問い合わせ』に」：一覧の価格の列は金額もお問い合わせも右寄せ */
.tbl td.ask{text-align:right}.tbl.sr-pt td.ask{text-align:center}
/* 2026-10-30 価格表のタブに「バッテリー」を足して9つ。PC は1段に収める */
@media(min-width:821px){.pt-tabs{flex-wrap:nowrap}.pt-tab{flex:1 1 auto;padding:10px 6px;font-size:13px;text-align:center;margin-right:3px;white-space:nowrap}}