/* D案(採用。テーマ polish)の CSS。〔piyo 2026-09-08「ABCは却下D採用」〕
   6〜194行目: 旧 C案(hybrid.css)そのまま。土台(字体・色・ヘッダー・ヒーロー・分野グリッド・帯・フッター)は旧A案から、
   節・商品・カード・買取の部品(section_title / catbtn / chuukobox / details-* / kt-* / readmore / jisseki / link_list)は旧B案から取り、
   A案の色とトークン(角丸・線・影)で描き直したもの。赤はCTAだけ、価格は濃紺。
   195行目以降: 2026-09-08 の改善(下の見出し参照)。旧 fresh.css / classic.css / hybrid.css は同日に削除した。
   末尾の 24節(2026-09-30): トップが暗い〔piyo〕→ 紺の面(ヘッダー・ナビ・ヒーロー・帯・フッター)を白〜淡い青に。上の紺の指定は 24節が上書きしている。
   末尾の 25節(2026-09-30 全体改善〔piyo「むしろ全体を改善してほしい」〕): 6つの束の断片を番号順に。25-1 色のトークン・.btn-navy・文中リンクの下線・トップ /
   25-2 ヘッダーのナビ・スマホのメニュー・フッター / 25-3 節・一覧・新着・検索・カード / 25-4 商品ページ / 25-5 買取・問い合わせフォーム /
   25-6 O/H・サービス・会社・FAQ・404。25-1 が :root のトークンを決めるので、ほかの節より前に置く。
   25-7(同日の仕上げ): 粗探しの指摘を直した分。文中リンクの下線の漏れ・下部バーの出し方・買取のヒーロー・サービス本文の見出しの段 ほか
   末尾の 26節(同日): piyo の回答(並び替え・中古市への1行・買取ページのメールアドレス・プライバシーポリシーの改定日)
   末尾の 27節(同日): 26節のレビューの直し(並びの切り替えの押しやすさ・中古市の↗と在庫0の箱・電気計測器の断り書き・アドレス画像の枠) */
:root{--ink:#14202c;--muted:#5f6d7e;--line:#dfe5ec;--soft:#f4f6f9;--band:#e8eff9;--navy:#0e2340;--navy2:#173a66;--blue:#1a5dc8;--link:#0b5cad;--cta:#d7261e;--cta2:#b71d16;--ok:#1a7f4b;--radius:10px;--shadow:0 6px 24px rgba(14,35,64,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans JP","Hiragino Sans","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif;line-height:1.7;font-size:15px}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}
h1,h2,h3{line-height:1.35;margin:0 0 .4em;font-weight:700}
h1{font-size:28px}h2{font-size:21px}h3{font-size:16px}
h1 small,h2 small{display:block;font-size:.55em;font-weight:500;color:var(--muted);margin-top:.3em}
p{margin:0 0 .8em}.muted{color:var(--muted)}.small{font-size:13px;color:var(--muted)}.note{font-size:13px;color:var(--muted);margin:6px 0 10px}
.wrap{width:min(1240px,calc(100% - 40px));margin:0 auto}
.wrap .wrap{width:100%}   /* main.wrap の中の共通テンプレート(.wrap.sec)は幅を戻す */
.main-body{padding-bottom:20px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
.sp{display:none}
/* ---- header (A案) */
.hd{background:var(--navy);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.hd a{color:#fff}
.hd-row{display:flex;align-items:center;gap:22px;height:66px}
.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand:hover{text-decoration:none}
.brand-mark{font-weight:900;font-size:26px;letter-spacing:.02em;background:#fff;color:var(--navy);padding:0 8px;border-radius:6px;line-height:1.45}
.brand-name{font-weight:700;font-size:15px;line-height:1.2}.brand-name small{display:block;font-weight:400;font-size:11px;opacity:.8}
.hd-search{flex:1;display:flex;max-width:560px}
.hd-search input{flex:1;min-width:0;border:0;border-radius:6px 0 0 6px;padding:10px 14px;font-size:15px}
.hd-search button{border:0;background:#2e5f9f;color:#fff;padding:0 18px;border-radius:0 6px 6px 0;font-weight:700;cursor:pointer}
.hd-actions{display:flex;gap:8px;margin-left:auto}
.hd-nav{display:flex;gap:4px;align-items:center;height:40px;border-top:1px solid rgba(255,255,255,.12);font-size:14px}
.hd-nav a{padding:6px 12px;border-radius:6px;opacity:.92}.hd-nav a:hover{background:rgba(255,255,255,.12);text-decoration:none}
.hd-tel{margin-left:auto;font-weight:700;font-size:15px}.hd-tel small{font-weight:400;margin-left:6px;opacity:.75;font-size:12px}
/* ---- buttons(B案のテンプレートは .btn なしで .btn-cta/.btn-ghost を使うので単独でも形になるように) */
.btn,.btn-cta,.btn-ghost{display:inline-block;padding:10px 18px;border-radius:7px;font-weight:700;border:1px solid transparent;cursor:pointer;line-height:1.3;text-align:center}
.btn:hover,.btn-cta:hover,.btn-ghost:hover{text-decoration:none;filter:brightness(1.05)}
.btn-cta{background:var(--cta);color:#fff!important;border-color:var(--cta2)}
.btn-ghost{background:#fff;color:var(--navy)!important;border-color:#b9c6d6}
.hd .btn-ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.5)}
.btn-big{padding:16px 30px;font-size:17px}.btn-block,.block{display:block;width:100%;text-align:center}
/* ---- crumbs */
.crumbs{font-size:13px;margin:12px auto 0}.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px}
.crumbs li+li:before{content:"›";color:#9aa7b6;margin:0 6px}.crumbs span{color:var(--muted)}
/* ---- sections */
.sec{margin:38px auto}.sec-tight{margin:18px auto}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;border-bottom:2px solid var(--ink);padding-bottom:6px}
.sec-head h2{margin:0}.sec-head .more{font-size:14px;white-space:nowrap}.h-small{font-size:14px;color:var(--muted);margin:0 0 6px;font-weight:600}
.more-line{text-align:right;font-size:14px;margin:10px 0 0}
/* B案の見出し(青の左罫)と題名 */
.pagetitle{font-size:24px;font-weight:700;margin:14px 0 4px}.pagetitle small{display:block;font-size:13px;font-weight:400;color:var(--muted)}.pagetitle-sub{font-size:14px;color:var(--muted);margin:0 0 8px}
/* 売りたい人の入口(買取クエリでこの販売ページが出ているため)。目立ちすぎない一行 */
.pagetitle-sub small{font-size:12px}
.sell-lead{font-size:14px;margin:0 0 12px;padding:8px 12px;background:var(--tint,#f4f7fb);border-left:3px solid var(--accent,#2f6fb2);border-radius:4px}
.sell-lead a{font-weight:700}

.section_title{font-size:19px;font-weight:700;border-left:5px solid var(--blue);padding:3px 0 3px 12px;margin:30px 0 14px;background:linear-gradient(90deg,var(--soft),#fff);border-radius:0 6px 6px 0}
.section_title small{display:inline;font-weight:400;font-size:13px;color:var(--muted)}
h1.section_title{font-size:22px}
.page-toc{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;margin:6px 0 4px}
/* ---- hero(A案) */
.hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 60%,#1f4f8a 100%);color:#fff;padding:54px 0 40px}
.hero h1{font-size:34px;margin-bottom:10px}.hero-lead{max-width:760px;font-size:16px;opacity:.92}
.hero-search{display:flex;max-width:680px;margin:18px 0 12px}
.hero-search input{flex:1;min-width:0;border:0;border-radius:8px 0 0 8px;padding:15px 18px;font-size:17px}
.hero-search button{border:0;background:#fff;color:var(--navy);padding:0 26px;border-radius:0 8px 8px 0;font-weight:700;font-size:16px;cursor:pointer}
.hero-search.inline{margin:10px 0 20px}.hero-search.inline input{border:1px solid var(--line);font-size:15px;padding:11px 14px}.hero-search.inline button{background:var(--navy);color:#fff}
.hero-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;opacity:.95}
.hero-chips a{color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:20px;padding:3px 11px}.hero-chips a:hover{background:rgba(255,255,255,.14);text-decoration:none}
/* ---- roots grid(A案) */
.roots{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.root{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;color:var(--ink);background:#fff}
.root:hover{border-color:var(--link);text-decoration:none;box-shadow:var(--shadow)}
.root b{font-size:18px}.root b small{font-size:11px;font-weight:400;color:var(--muted);margin-left:2px}.root.empty{opacity:.55}
/* ---- chips */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a,.chips span{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:20px;padding:6px 13px;color:var(--ink);font-size:14px}
.chips a:hover{border-color:var(--link);color:var(--link);text-decoration:none}.chips a.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.chips b{font-size:12px;color:var(--muted);font-weight:600}.chips a.on b{color:#fff}.chips a.dim{opacity:.5}.chips i{font-style:normal;color:var(--muted);font-size:11px}
.chips-small a,.chips-small span{padding:3px 10px;font-size:13px}
.chips-light a{color:#fff;border-color:rgba(255,255,255,.45);background:transparent}.chips-light a:hover{color:#fff;background:rgba(255,255,255,.14)}
/* ---- B案の青ボタン(機器名リスト) */
.catbtns{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.catbtn{display:block;background:var(--blue);color:#fff;text-align:center;padding:7px 10px 5px;border-radius:6px;font-size:14px;line-height:1.3}
.catbtn span{display:block;text-align:right;font-size:11px;opacity:.9}.catbtn:hover{background:var(--navy);color:#fff;text-decoration:none}.catbtn.empty{background:#9fb1cf}
.catbtns-sm .catbtn{font-size:13px}
.makerbar{font-size:13px;margin:8px 0;line-height:2.2}.makerbar a{margin-right:6px;padding:2px 9px;border:1px solid var(--line);border-radius:14px;color:var(--ink)}.makerbar a.on{background:var(--navy);color:#fff;border-color:var(--navy)}.makerbar a:hover{border-color:var(--link);text-decoration:none}
/* ---- cards(B案の並び: 写真→機種の帯→メーカー→型式→価格→管理番号。見た目はA案の角丸カード) */
.flex-box,.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.flex-box>*,.grid>*,.details-top>*,.imgarea>*,.roots>*{min-width:0}
.chuukobox{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .15s}
.chuukobox:hover{box-shadow:var(--shadow);border-color:#c3cfdc}
.detailslink{color:var(--ink);display:block}.detailslink:hover{text-decoration:none}
.imgbox{aspect-ratio:4/3;background:var(--soft);overflow:hidden}.imgbox img{width:100%;height:100%;object-fit:cover}
.chuukobox .name{background:var(--band);padding:3px 10px;font-size:12px;display:flex;justify-content:space-between;color:#33404f}.chuukobox .st{color:var(--cta);font-weight:700}
.chuukobox .brand{padding:6px 10px 0;font-size:13px;color:#33404f}.chuukobox .kata{padding:2px 10px;font-size:16px;font-weight:700;min-height:1.6em;overflow-wrap:anywhere}
.chuukobox .kakaku{text-align:right;padding:2px 10px 6px;font-size:18px;font-weight:800;color:var(--navy)}.chuukobox .kakaku.ask{font-size:13px;font-weight:600;color:var(--muted)}
.chuukobox .otoiawase{display:flex;justify-content:space-between;padding:4px 10px;font-size:11px;border-top:1px solid var(--line);margin-top:auto}.kanrinmb{color:#9aa7b6;font-family:ui-monospace,Consolas,monospace}
.chuukoki_sort_guide{font-size:13px;margin:0 0 10px;color:var(--muted)}
.empty,.empty-box{background:var(--soft);border-radius:var(--radius);padding:24px;text-align:center;margin:10px 0}
.pager{display:flex;gap:6px;justify-content:center;margin:24px 0;flex-wrap:wrap}
.pager a,.pager span{padding:7px 13px;border:1px solid var(--line);border-radius:6px;min-width:40px;text-align:center}.pager span{background:var(--navy);color:#fff;border-color:var(--navy)}
/* ---- readmore(B案の続きを読む) */
.readmore-wrapper{position:relative}.readmore-check{display:none}
.readmore-content{max-height:9.5em;overflow:hidden;transition:max-height .3s}.readmore-check:checked~.readmore-content{max-height:none}
.readmore-btn{display:block;margin:10px auto;width:220px;text-align:center;background:var(--navy);color:#fff;border-radius:20px;padding:8px;cursor:pointer;font-size:14px}.readmore-btn:before{content:"続きを読む"}.readmore-check:checked~.readmore-btn:before{content:"閉じる"}
.readmore summary{cursor:pointer;color:var(--link);font-weight:600;list-style:none;padding:6px 0}.readmore summary::-webkit-details-marker{display:none}
.readmore summary:before{content:"▸ "}.readmore[open] summary:before{content:"▾ "}
.prose{max-width:820px}.prose p{margin:0 0 .8em}.prose h3{margin-top:1.2em;font-size:16px;border-left:4px solid var(--navy);padding-left:8px}.prose ul{padding-left:1.3em}
.jisseki,.tbl{width:100%;border-collapse:collapse;font-size:14px}.jisseki th,.jisseki td,.tbl th,.tbl td{border-bottom:1px solid var(--line);padding:7px 10px;text-align:left;vertical-align:top}.jisseki th,.tbl th{background:var(--soft);font-weight:600}.jisseki .num,.tbl .num{text-align:right}.tbl .todo{color:#b8860b}
/* ---- 商品ページ(B案の並び: 管理番号→問い合わせ→機種名→メーカー・型式→仕様→価格→写真→AI概要→関連在庫→買取) */
.details-top{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;margin-top:14px;align-items:start}
.otoiawase_box{background:var(--soft);padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);position:sticky;top:120px}
.kanrinmb_container{font-size:13px;margin-bottom:10px;color:var(--muted)}.kanrinmb_title{margin-right:10px}.kanrinmb_container b{font-size:16px;color:var(--ink);font-family:ui-monospace,Consolas,monospace}
.otoiawase_box .small{margin:8px 0 0}
.soldout{background:#fff;border-radius:6px;padding:10px 12px;text-align:center;font-weight:700;margin-bottom:8px;font-size:14px}
.details-info .section_title{margin-top:0}
.brand_kata_container{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:14px;margin:6px 0 10px}.brand_kata_container span{color:var(--muted)}.brand_kata_container b{font-size:17px}
.sonota{font-size:14px;line-height:1.9;margin-bottom:10px}
.kakaku_container{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:10px}.kakakuTitle{font-size:12px;color:var(--muted)}.kakakuYen{font-size:30px;font-weight:800;color:var(--navy)}
.imgarea{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:24px 0}
.details_imgbox{margin:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.details_imgbox img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff}.details_imgbox figcaption{font-size:12px;color:var(--muted);padding:6px 10px;background:var(--soft)}
.ai_container{margin:24px 0}
/* ---- 買取(B案の kt-*) */
.kt-cta{background:var(--soft);border:1px solid var(--line);border-left:6px solid var(--cta);border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px;margin:30px 0}.kt-cta h3{font-size:17px;margin-bottom:6px}.kt-cta p{margin-bottom:8px;font-size:14px}
.kt-hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 60%,#1f4f8a 100%);color:#fff;padding:36px 34px;margin:14px 0 10px;border-radius:var(--radius)}
.kt-hero h1{font-size:30px;margin:2px 0 10px}.kt-hero p{margin-bottom:10px;max-width:760px;opacity:.92}.kt-eyebrow{font-size:13px;opacity:.8}
.kt-hero .btn-ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.5)}
.kt-facts{display:flex;gap:28px;flex-wrap:wrap;margin-top:14px}.kt-facts b{display:block;font-size:22px}.kt-facts span{font-size:12px;opacity:.85}
.kt-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.kt-cat{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;color:var(--ink);display:block}.kt-cat b{display:block;color:var(--link);font-size:16px}.kt-cat span{display:block;font-size:13px;color:#33404f}.kt-cat small{color:var(--muted)}.kt-cat:hover{text-decoration:none;box-shadow:var(--shadow)}
.kt-chips{display:flex;flex-wrap:wrap;gap:8px}.kt-chips a,.kt-chips span{border:1px solid var(--line);border-radius:20px;padding:6px 13px;font-size:14px;color:var(--ink);background:#fff}.kt-chips a:hover{border-color:var(--link);color:var(--link);text-decoration:none}.kt-chips-sm a,.kt-chips-sm span{padding:3px 10px;font-size:13px}
.kt-three{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.kt-three>div{background:var(--soft);border-radius:var(--radius);padding:18px 20px}.kt-three b{color:var(--link);font-size:13px}.kt-three h3{font-size:16px;margin:2px 0 6px}.kt-three p{font-size:14px}
.kt-flow,.flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.kt-flow li,.flow li{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.kt-flow b,.flow b{color:var(--link);font-size:13px;display:block}.kt-flow strong{display:block;font-size:15px}.kt-flow span,.flow p{font-size:13px;color:#33404f;margin:0}.flow h3{margin:2px 0 4px}
.kt-req,.req{columns:3;gap:20px;padding-left:1.4em;font-size:14px}.kt-tips,.tips{padding-left:1.3em}.kt-tips li,.tips li{margin-bottom:6px}
.faq details{border-bottom:1px solid var(--line)}.faq summary,.faq-item summary{cursor:pointer;padding:12px 4px;font-weight:600;list-style:none;display:flex;gap:10px}.faq summary::-webkit-details-marker,.faq-item summary::-webkit-details-marker{display:none}
.faq .q,.faq-item .q{color:var(--link);font-weight:800}.faq .a,.faq-item .a{padding:0 4px 14px 30px;color:#33404f}.faq-item{border-bottom:1px solid var(--line)}
/* ---- bands / services / trust(A案) */
.band{background:var(--navy);color:#fff;padding:40px 0;margin:40px 0}.band h2{margin-bottom:8px}.band p{opacity:.92;max-width:760px}
.band-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.band-sm{padding:28px 0}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.trust div{background:var(--soft);border-radius:var(--radius);padding:14px 16px}.trust b{display:block;margin-bottom:2px}.trust span{font-size:13px;color:var(--muted)}
/* B案の事業カード(link_list) */
.link_list_container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.link_list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;color:var(--ink);display:block;background:#fff}.link_list:hover{text-decoration:none;box-shadow:var(--shadow);border-color:#c3cfdc}
.link_list_title{background:var(--blue);color:#fff;font-weight:700;padding:7px 14px;font-size:15px}
.link_list_content{padding:12px 14px;font-size:13px;min-height:70px;color:#33404f}.link_list_headline{background:#fff7a8;display:inline;font-size:14px;margin-bottom:4px;color:var(--ink)}
/* ---- 共通ページ */
.page{max-width:920px}.page h1{font-size:24px;margin:14px 0 8px}.page h2{margin-top:1.6em}.article .lead{font-size:16px;color:#33404f}
.oh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:18px 0 30px}.oh-card{border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.oh-card h2{font-size:17px;margin-top:0}
.spec{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px;margin:16px 0 0}.spec dt{color:var(--muted);white-space:nowrap}.spec dd{margin:0}
.spec-wide{max-width:760px;grid-template-columns:120px 1fr;font-size:15px}
.tree-cols{columns:3;gap:28px}.tree-root{break-inside:avoid;margin-bottom:22px}.tree-root h2{font-size:16px;margin-top:0}.tree{padding-left:1em;font-size:14px;list-style:none}.tree ul{list-style:none;padding-left:1em}.tree b{font-size:11px;color:var(--muted)}
.form{max-width:640px;display:grid;gap:12px}.form label{display:grid;gap:4px;font-size:14px;font-weight:600}.form input,.form select,.form textarea{border:1px solid #b9c6d6;border-radius:6px;padding:9px 11px;font-weight:400}.form-item{background:var(--soft);padding:10px 12px;border-radius:6px}
/* ---- footer(A案) */
.ft{background:#0b1a30;color:#c9d3df;margin-top:60px;padding:40px 0 20px;font-size:14px}.ft a{color:#e6edf5}.ft h2{font-size:14px;color:#fff;margin-bottom:8px}
.ft-grid{display:grid;grid-template-columns:1.2fr 1.6fr 1fr;gap:30px}.ft ul{list-style:none;padding:0;margin:0}.ft li{margin-bottom:4px}
.ft-roots{columns:2}.ft-roots small{color:#8ea1b8}.brand-ft .brand-mark{background:#fff}.brand-ft{margin-bottom:10px}
.ft-bottom{display:flex;justify-content:space-between;margin-top:30px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px;font-size:12px;color:#8ea1b8}.dev-note a{color:#8ea1b8;text-decoration:underline}
/* ---- mobile */
@media (max-width:900px){
  .sp{display:inline}.hd-row{height:auto;flex-wrap:wrap;padding:10px 0;gap:10px}.hd-search{order:3;flex-basis:100%;max-width:none}.hd-actions{margin-left:auto}.hd-actions .btn{padding:8px 10px;font-size:13px}
  .hd-nav{overflow-x:auto;white-space:nowrap;height:auto;padding:6px 0}.hd-nav a{padding:6px 9px}.hd-tel{display:none}
  .hero{padding:34px 0 26px}.hero h1{font-size:24px}.hero-search{flex-direction:column}.hero-search input,.hero-search button{border-radius:8px;padding:13px}.hero-search button{margin-top:6px}
  .details-top{grid-template-columns:minmax(0,1fr)}.otoiawase_box{position:static}.imgarea{grid-template-columns:minmax(0,1fr)}
  .flex-box,.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kt-req,.req{columns:1}.tree-cols{columns:1}
  .kt-hero{padding:20px}.kt-hero h1{font-size:22px}
  .band-row{flex-direction:column;align-items:flex-start}.ft-grid{grid-template-columns:1fr}.ft-bottom{flex-direction:column;gap:6px}
}
/* ---- お問い合わせフォーム(入力・確認・完了・拒否時) 2026-09-05 */
.form .req{font-size:11px;color:#fff;background:var(--cta);border-radius:4px;padding:1px 6px;margin-left:6px;font-weight:600}.form .opt{font-size:11px;color:var(--muted);margin-left:6px;font-weight:400}
.form-errors{border:1px solid #e0a0a0;background:#fff4f4;border-radius:6px;padding:10px 14px;max-width:640px;margin-bottom:14px;font-size:14px}.form-errors ul{margin:4px 0 0 1.2em}
.form-photos{display:grid;gap:4px;font-size:14px}.form-photos>label{font-weight:600}.form-photos input[type=file]{border:1px dashed #b9c6d6;border-radius:6px;padding:10px;background:#fff}.form-photo-selected.warn{color:#b3261e;font-weight:600}
.form-photo-error{color:#b3261e;background:#fff4f4;border:1px solid #e0a0a0;border-radius:6px;padding:8px 12px;max-width:720px;font-size:14px}
.confirm-table{border-collapse:collapse;width:100%;max-width:760px;font-size:14px;margin:10px 0 16px}.confirm-table th,.confirm-table td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}.confirm-table th{background:var(--soft);white-space:nowrap;width:9em}.confirm-table td.pre{white-space:pre-wrap;word-break:break-word}
.confirm-photos ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px;margin:8px 0}.confirm-photos li{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:13px}.confirm-photos img{width:80px;height:80px;object-fit:cover;border-radius:4px}
.form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:6px}
.rc-step{border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;margin:14px 0;max-width:760px}.rc-step h2{font-size:16px;margin:0 0 8px}.rc-box{width:100%;box-sizing:border-box;border:1px solid #b9c6d6;border-radius:6px;padding:10px;font-size:14px;line-height:1.6;background:#fafafa}
/* ---- サービス本文(現行ページからの移植)・会社概要・O/H型式一覧 2026-09-06 */
.content{max-width:920px;font-size:15px}.content img{max-width:100%;height:auto}.content h2{font-size:20px;margin:1.4em 0 .6em}.content h3{font-size:17px;margin:1.3em 0 .5em;border-left:4px solid var(--blue);padding-left:10px}.content h4{font-size:15px;margin:1em 0 .4em}
.content table{border-collapse:collapse;width:100%;font-size:13px;margin:8px 0 16px}.content th,.content td{border:1px solid var(--line);padding:6px 9px;text-align:left;vertical-align:top}.content th{background:var(--soft);font-weight:600;white-space:nowrap}
.content ul{padding-left:1.4em}.content .img_container,.content .goods_img_container,.content .special_imgs_container,.content .buhin_hanbai_container .chuuko_container1{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin:8px 0 14px}.content .img_container img,.content .goods_img_container img{max-width:calc(50% - 6px)}
.content .buhin_container,.content .table_buhin_container{border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin:8px 0;max-width:420px}.content .buhin_img_container img,.content .table_img_container img{max-width:220px}.content .kakaku,.content .table_kakaku{color:var(--cta);font-weight:700;font-size:17px}
.content .keisokuki_select_container{display:inline-flex;flex-direction:column;align-items:center;width:150px;margin:6px;text-align:center;font-size:13px}.content .keisokuki_select_container img{max-width:120px}.content .keisokuki_select_title{font-size:13px;margin:0 0 4px;border:0;padding:0}
.content .pump_selection{display:inline-block;width:200px;margin:6px;vertical-align:top;text-align:center}.content .pump_selection img{max-width:180px}.content .pump_category{font-weight:600}.content .pump_series{color:var(--muted);font-size:13px}
.content .mfc_category_menu_container{background:var(--soft);border-radius:var(--radius);padding:10px 16px;margin:8px 0}.content .mfc_select{font-weight:400;margin:4px 0}.content .details_description_container{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.content .details_description{flex:1;min-width:260px}.content .details_img_container img{max-width:260px}
.content .koutei_container{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.content .imgs_container{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.content .imgs_container img{max-width:260px}.content .shori{font-weight:600;margin:2px 0}
.content .edwards_news{background:var(--soft);border-radius:var(--radius);padding:10px 16px;margin:8px 0;max-width:420px}.content .edwards_news_title{font-weight:700}
.company-photo{margin:16px 0}.company-photo img{max-width:100%;height:auto;border-radius:var(--radius)}.company-biz{padding-left:1.2em;margin:0}.company-biz li{margin-bottom:4px}
.maps{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin:12px 0}.map{position:relative;padding-top:62%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.oh-models{margin:8px 0 24px}.oh-maker{border:1px solid var(--line);border-radius:8px;padding:8px 14px;margin-bottom:6px;font-size:14px}.oh-maker summary{cursor:pointer;font-weight:600}.oh-maker summary small{font-weight:400;color:var(--muted);margin-left:6px}.oh-maker p{margin:8px 0 4px;line-height:1.8;word-break:break-word}
.content .spec_table_container,.content .pump_list_container,.content .cryo_container{overflow-x:auto;-webkit-overflow-scrolling:touch}.content .spec_table_container table{min-width:640px}
/* O/H 納期・費用(価格帯なし) 2026-09-07 */
.oh-lead{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:8px 0 22px}.oh-lead div{border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.oh-lead dt{font-size:13px;color:var(--muted)}.oh-lead dd{margin:2px 0 0;font-size:18px;font-weight:700}.oh-lead small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:2px}.oh-cost{background:var(--soft);border-radius:var(--radius);padding:14px 18px;margin:8px 0 22px;max-width:760px}.oh-cost ul{margin:6px 0 0;padding-left:1.3em}.oh-cost li{margin-bottom:4px}

/* =====================================================================
   D案の変更点(2026-09-08)。ここから下が、上の 6〜194行目(旧C案 hybrid.css の写し)に足した分。
   この節だけを読めば「C案から何を変えたか」が分かる。
   ===================================================================== */

/* --- 1. 目に見えないほど薄い文字を直す(実測のコントラスト比)
       .kanrinmb #9aa7b6 = 2.45:1 / .catbtn.empty の白字 on #9fb1cf = 2.17:1(WCAG AA は 4.5:1)
       管理番号は客が問い合わせで書き写す文字なので薄くしない */
.kanrinmb{color:#5f6d7e}
.chuukobox .otoiawase .kanrinmb{color:#4a5768}
.crumbs li+li:before{color:#6b7787}
.form input,.form select,.form textarea{border-color:#8b9bb0}   /* #b9c6d6 は白地に 2.2:1。入力欄の枠は 3:1 以上 */

/* --- 2. キーボードで操作したときに今どこにいるか分かるようにする(:focus-visible が1つも無かった) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,label.readmore-btn:focus-within{
  outline:3px solid #ffb703;outline-offset:2px;border-radius:4px}
.hd a:focus-visible,.ft a:focus-visible,.hero a:focus-visible,.band a:focus-visible{outline-color:#ffd166}

/* --- 3. 動きを減らす設定の人には動かさない */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* --- 4. 価格・件数・管理番号を等幅数字にして桁を揃える(和文フォントの既定はプロポーショナル) */
.chuukobox .kakaku,.kakakuYen,.root b,.catbtn span,.jisseki .num,.tbl .num,.kanrinmb,.pagetitle-sub,.kt-facts b,.oh-lead dd{
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

/* --- 5. スマホの「分野から探す」が1列20行(約1,120px)になっていて、
       トップの新着在庫が画面2,000px下まで出てこなかった。2列にして半分にする。
       (.roots は minmax(200px,1fr) なので 350px 幅では1列にしかならない) */
@media (max-width:900px){
  .roots{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .root{padding:10px 12px}
  .root b{font-size:16px}
  .root span{font-size:13px;line-height:1.3}
}

/* --- 6. 商品ページの価格。C案は「本体価格(税別、送料別)」が左端・数字が右端で
       画面の端から端(約900px)に離れていて、どの数字がどのラベルか一瞬迷う。数字の隣に寄せる */
.kakaku_container{justify-content:flex-end;gap:14px}
.kakakuTitle{font-size:13px}

/* --- 7. スマホのヘッダーが4段205pxのまま貼り付いて画面の1/4を食っていた。
       ナビ帯だけを貼り付けにして、上の3段は一緒にスクロールさせる。
       ヒーローの検索窓はヘッダーの検索窓と同じ役目が1画面に2つ出ていたのでスマホでは消す */
:root{--hd-h:106px}
/* ナビ帯は header の外に出してある(sticky は親の高さまでしか効かないため)。
   PC: ヘッダー1段目(66px)の下に貼り付く = C案と同じ見え方。SP: ヘッダーは流れて、この48pxだけが残る */
.hd-navbar{background:var(--navy);color:#fff;position:sticky;top:66px;z-index:19;box-shadow:0 2px 8px rgba(0,0,0,.2)}
/* ナビ帯を header の外に出したので .hd a{color:#fff} が効かなくなり、リンクが既定の青(#0b5cad)で
   濃紺の上に乗って 1.4:1 になっていた〔piyo 2026-09-08 指摘〕。白に戻す */
.hd-navbar a{color:#fff;opacity:1}
.hd-navbar a:hover{background:rgba(255,255,255,.14);color:#fff;text-decoration:none}
.hd-navbar a:focus-visible{outline-color:#ffd166}
@media (max-width:900px){
  :root{--hd-h:58px}   /* スクロール後に残るのはナビ帯だけ(実測57px) */
  .hd{position:static;box-shadow:none}
  .hd-navbar{top:0;z-index:21}
  .hd-nav{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .hero-search{display:none}
  .hero{padding:26px 0 22px}
}
[id]{scroll-margin-top:calc(var(--hd-h) + 12px)}
.skip:focus{z-index:100}

/* --- 8. 在庫0のボタンが太る不具合。hybrid.css の `.empty,.empty-box{padding:24px…}`(98行目)が
       同じ詳細度で後に来るため `.catbtn{padding:7px 10px 5px}`(83行目)を上書きしていて、
       0件のボタンだけ高さ98.7pxに膨らみ、同じ行の在庫ありボタンまで引き伸ばしていた。
       テンプレート側のクラス名を is-empty に変えて衝突をなくす(.empty は「在庫がありません」の箱に残す) */
.catbtn.is-empty{background:#fff;color:#41506a;border:1px dashed #b9c6d6;padding:7px 10px 5px;border-radius:6px}
.catbtn.is-empty:hover{background:var(--soft);color:var(--navy);border-style:solid}
.catbtn.is-empty span{opacity:.75}
.root.is-empty{opacity:.6}

/* --- 9. メーカー絞り込みの帯。a が inline のままなので枠付きの丸ピルが行末で割れていた */
.makerbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;line-height:1.5;margin:10px 0}
.makerbar a{display:inline-block;margin:0;padding:5px 11px;white-space:nowrap}

/* --- 10. 「仕様で絞り込む」の CSS が hybrid.css に1行も無く、素のフォーム部品が出ていた
       (classic.css・fresh.css にはある。C案は hybrid.css 1枚なので取りこぼしていた) */
.specfilter{margin:12px 0 18px;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px}
.specfilter-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:6px 0}
.specfilter-label{font-size:13px;font-weight:700;min-width:8em}
.specfilter-label i{font-style:normal;font-weight:400;color:var(--muted)}
.specfilter-range{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.specfilter-range input[type=number]{width:7.5em;padding:6px 8px;border:1px solid #7e8c9c;border-radius:6px;background:#fff}
.specfilter-range button{padding:6px 14px;border:1px solid var(--navy);border-radius:6px;background:var(--navy);color:#fff;font-weight:700;cursor:pointer}
.specfilter-range button:hover{filter:brightness(1.1)}
.specfilter-clear{font-size:13px;font-weight:400;margin-left:10px}
.specfilter .chips a,.specfilter .chips span{background:#fff}

/* --- 11. 「続きを読む」がマウスでしか開けなかった(.readmore-check{display:none} で
       チェックボックスがタブ順から外れ、押す label は元々フォーカスできない)。
       画面には出さないがフォーカスは当たる形にして、輪郭を label 側に出す */
.readmore-check{display:inline;position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.readmore-check:focus-visible~.readmore-btn{outline:3px solid #ffb703;outline-offset:2px}
.readmore-content{max-height:10.2em;position:relative}
.readmore-wrapper{position:relative}
.readmore-content:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3em;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff);pointer-events:none}
.readmore-check:checked~.readmore-content:after{display:none}
.readmore-btn{border:1px solid var(--navy)}

/* --- 12. 状態(商談中)の赤が band の上で 4.34:1(AA未満)。赤はCTAだけの原則にも反するので濃くする */
.chuukobox .st{color:var(--cta2)}
.content .kakaku,.content .table_kakaku{color:var(--navy)}       /* 移植本文の部品価格が CTA と同じ赤だった */
.form .req{color:#b3261e;background:#fdecea;border:1px solid #f2c4bf}   /* 必須バッジの赤ベタをやめる */

/* --- 13. 見出しの体系。同じ格の h2 に「黒の下線(.sec-head)」と「青の左罫(.section_title)」の
       2系統が混在していたので、青の左罫に寄せる。h1 は 30/26px の2段に */
.sec-head{border-bottom:0;padding-bottom:0;align-items:center}
.sec-head h2{font-size:19px;border-left:5px solid var(--blue);padding:3px 0 3px 12px;
  background:linear-gradient(90deg,var(--soft),#fff);border-radius:0 6px 6px 0;flex:1}
.hero h1{font-size:30px}
.pagetitle,h1.section_title,.page h1{font-size:26px}
.kt-hero h1{font-size:26px}
h1,h2,h3,.pagetitle,.section_title{font-feature-settings:"palt" 1;letter-spacing:.01em}
body{line-break:strict}                                  /* 行頭に「ー」「ュ」が来るのを防ぐ */
.faq summary,.faq-item summary{position:relative;padding-right:28px}
.faq summary:after,.faq-item summary:after{content:"＋";position:absolute;right:6px;color:var(--link);font-weight:700}
.faq details[open]>summary:after,.faq-item[open]>summary:after{content:"−"}
.faq summary:hover,.faq-item summary:hover{background:var(--soft)}

/* --- 14. スマホの押しどころが小さい(パンくず19px・フッター20px・目次22px)。
       iOSは入力欄が16px未満だと勝手にズームするので16pxに */
@media (max-width:900px){
  .crumbs a,.crumbs span{display:inline-block;padding:6px 4px}
  .ft li a,.page-toc a{display:inline-block;padding:9px 2px}
  .hd-nav a{padding:10px 12px}
  .form input,.form select,.form textarea,.hd-search input,.specfilter-range input{font-size:16px}
}
.ft-roots small{font-size:12px}

/* --- 15. 型式が無い在庫(公開分の7.6%)の見せ方。カード最大の文字が「型式不明」になっていた */
.chuukobox .kata-none{font-size:13px;font-weight:400;color:var(--muted)}

/* --- 16. 商品ページ。C案はページ最大の文字が価格(30px)で、型式は17px、h1 は機種名だけ(22px)だった。
       主役を「この個体=メーカー・型式」に戻し、価格はその次にする */
.item-lead{font-size:14px;color:#33404f;margin:2px 0 10px}
.brand_kata_container b{font-size:19px}
.kakakuYen{font-size:26px;font-weight:700}
.statebadge{font-size:13px;font-weight:700;border-radius:6px;padding:6px 10px;margin:0 0 8px;text-align:center}
.state-talk{background:#fdecea;color:#9b1c13;border:1px solid #f2c4bf}
.state-soon{background:#fff6e5;color:#7a4b00;border:1px solid #f0d9a8}
.details_imgbox.nophoto{max-width:380px}
.details_imgbox.nophoto img{aspect-ratio:4/3;object-fit:contain;background:var(--soft)}

/* スマホだけ画面下に出す問い合わせバー(C案は最上部の1回きりで、AI概要を抜けると導線が無かった) */
.item-bar{display:none}
@media (max-width:900px){
  .item-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;align-items:center;gap:10px;
    background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(14,35,64,.12);padding:8px 12px}
  .item-bar-price{font-size:19px;font-weight:800;color:var(--navy);white-space:nowrap;font-variant-numeric:tabular-nums}
  .item-bar-price small{display:block;font-size:10px;font-weight:400;color:var(--muted)}
  .item-bar .btn-cta{flex:1;padding:12px 10px}
  body:has(.item-bar) .ft{padding-bottom:80px}
}

/* --- 17. 電話番号はサイトに載せない〔piyo 2026-09-08〕。
       09-08 昼に足した tel: リンクとスマホの発信ボタンは取り消し、ヘッダー右は受付時間だけにした */
.hd-tel{font-weight:600}

/* --- 18. カードは overflow:hidden なので、中のリンクにフォーカスすると輪郭が切り落とされていた */
.chuukobox:focus-within{outline:3px solid #ffb703;outline-offset:2px;border-color:var(--link)}
.chuukobox a:focus-visible{outline:none}
.detailslink:focus-visible{outline:none}

/* --- 19. フッターを4列に(サービス8本を出す列を足した) */
.ft-grid{grid-template-columns:1.25fr 1.5fr 1.15fr .85fr;gap:24px}
@media (max-width:900px){.ft-grid{grid-template-columns:1fr}}

/* --- 20. 分野カードの点数が名前の折り返しに巻き込まれて「586」と「点」が2行に割れていた */
.root{gap:8px;align-items:flex-start}
.root span{flex:1;min-width:0}
.root b{white-space:nowrap;flex:none}

/* --- 21. スマホでは節ページの「探す道具」(関連する機器・メーカー・仕様の絞り込み)を畳んで、
       在庫表を先に見せる。PCでは今までどおり開いたまま出す(JSは使わない) */
.fold-check{display:none}
.fold-btn{display:none}
@media (max-width:900px){
  .nodetools{margin:10px 0 4px}
  .fold-check{display:inline;position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
  .fold-btn{display:block;border:1px solid var(--navy);border-radius:8px;padding:10px 14px;
    background:var(--soft);color:var(--navy);font-weight:700;font-size:14px;cursor:pointer;text-align:center}
  .fold-btn:before{content:"▸ "}
  .fold-check:checked~.fold-btn:before{content:"▾ "}
  .fold-close{display:none}
  .fold-check:checked~.fold-btn .fold-open{display:none}
  .fold-check:checked~.fold-btn .fold-close{display:inline}
  .fold-check:focus-visible~.fold-btn{outline:3px solid #ffb703;outline-offset:2px}
  .fold-body{max-height:0;overflow:hidden;transition:max-height .25s}
  .fold-check:checked~.fold-body{max-height:3000px}
  .fold-body .section_title{margin-top:16px}
}

/* --- 22. 過去の取扱実績の4列表がスマホで潰れて「島津製作 所 Shimadzu」のように折れていた。
       ページごと横に伸ばさず、表の中だけ横スクロールさせる */
@media (max-width:900px){
  .tablescroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px}
  .tablescroll table{min-width:540px}
}

/* --- 23. O/Hページ〔2026-09-08〕
       ・カードの写真(現行まとめページにあった4枚を戻した)
       ・型式の details を開いた状態で出すので、summary の中のメーカー名を見出し要素に戻した
       ・フッタの種別アンカー */
.oh-card .oh-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;margin:0 0 10px}
.oh-maker summary h3{display:inline;font-size:15px;margin:0;padding:0;border:0}
.oh-maker[open] summary{margin-bottom:4px}
.oh-maker p{font-size:13px}
.ft .ft-sub a{font-size:13px;opacity:.85;padding-left:10px}
.ft .ft-sub a:before{content:"↳ ";opacity:.6}

/* --- 商品ページの動画(2026-09-30)。幅に合わせて 16:9 */
.item-video{max-width:640px;margin:16px 0}.item-video iframe{width:100%;height:auto;aspect-ratio:16/9;border:0;display:block}

/* --- 新着入荷 /new(2026-09-30)。登録日ごとの区切り見出し。最初の日付は上に詰める */
.new-date{margin-top:26px}.new-date small{font-size:13px;color:var(--muted);font-weight:400}.new-date:first-of-type{margin-top:8px}
.page h1 small.muted{font-size:15px;font-weight:400}

/* --- 24. トップが暗い〔piyo 2026-09-30〕
       実測でPCの最初の1画面の41%・スマホの80%が紺(ヘッダー66px+ナビ帯40px+ヒーロー318px)、
       下にも売りたい帯309px・フッター514pxの紺と、青ベタの部品(.catbtn・.link_list_title)があった。
       現行サイト(V1)の常連が見慣れた「白地が広い・ナビは白地に区切り線・カードは色の付いた題の帯・
       フッターは淡い色面」に寄せて、紺の面を白〜淡い青に替える。紺は文字・ロゴの札・検索ボタン・細い罫にだけ残す。
       V1 の赤い題の帯は「赤はCTAだけ」の決まりで使えないので青系にした。価格は紺のまま。
       トップだけの変更ではない: ヘッダー・ナビ帯・フッターは全ページ共通、.catbtns-sm はトップと検索、
       .kt-hero は買取ページ(24-g。丸ごと外せば紺の箱に戻る)、ページ内の検索窓は検索・404(24-j)。
       貼り付き方(PC: .hd top:0 66px / .hd-navbar top:66px、SP: .hd は流れてナビ帯だけ top:0)と高さは変えない
       (罫は inset の影で描き、--hd-h も触らない)。暗い面用の指定(白文字・白の半透明の枠・#ffd166 の輪郭・
       白の ghost ボタン・白地のロゴ・.chips-light・.hero-chips)は明るくした所で全部上書きする */

/* 24-a. ヘッダー: 白地に紺の字。ロゴは D案の札の形のまま、白地に溶けないよう紺の札に白字へ反転(フッターも同じ) */
.hd{background:#fff;color:var(--ink);box-shadow:none}
.hd a{color:var(--ink)}
.brand-mark,.brand-ft .brand-mark{background:var(--navy);color:#fff}
.brand-name{color:var(--navy)}
.brand-name small{opacity:1;color:var(--muted)}
.hd-search input{border:2px solid var(--navy);border-right:0;padding:8px 12px}   /* 白地に白い入力欄が溶けるので紺の枠。枠のぶん padding を減らして高さを保つ */
.hd-search input:focus-visible{border-radius:6px 0 0 6px}   /* 2節の input:focus-visible{border-radius:4px} が右の角まで丸め、ボタンとの継ぎ目に切れ込みが出るので元の角に */
.hd-search button{background:var(--navy)}                                        /* #2e5f9f をやめ、ヒーロー・検索ページの紺の検索ボタンと揃える */
.hd-search button:hover{background:var(--navy2)}
.hd .btn-ghost{background:#fff;color:var(--navy)!important;border-color:#8b9bb0}
.hd .btn-ghost:hover{background:var(--band);border-color:var(--navy)}

/* 24-b. ナビ帯: 白地に区切り線、上に細い罫・下に紺の罫で締める(V1 のナビの形)。
         白いナビ帯が白い本文の上に貼り付いても、紺の下罫と影で境目が分かる */
.hd-navbar{background:#fff;color:var(--ink);box-shadow:inset 0 1px 0 var(--line),inset 0 -2px 0 var(--navy),0 2px 8px rgba(14,35,64,.08)}
.hd-nav{border-top:0;gap:0}
.hd-navbar a{color:var(--navy);font-weight:700;border-radius:0;padding:6px 14px;white-space:nowrap}
.hd-navbar a+a{box-shadow:-1px 0 0 #cfd8e3}
.hd-navbar a:hover{background:var(--band);color:var(--navy)}
.hd-tel{color:var(--muted);font-size:13px;line-height:1.35;text-align:right;padding-left:10px}   /* 901〜1100px では2行に折れるので、40px の帯に収まる行間に */

/* 24-c. ヒーロー: ごく淡い青。見出しは紺、検索窓は紺の枠と紺のボタンで1つの部品に見せる
         (.hero の中だけ。検索ページ・404 の .hero-search.inline は 24-j) */
.hero{background:linear-gradient(180deg,#eef4fb 0%,#f8fafd 100%);color:var(--ink);border-bottom:1px solid var(--line)}
.hero h1{color:var(--navy)}
.hero-lead{opacity:1;color:#33404f}
.hero .hero-search input{border:2px solid var(--navy);border-right:0;padding:13px 16px}   /* 枠のぶん padding を減らして高さを保つ */
.hero .hero-search input:focus-visible{border-radius:8px 0 0 8px}   /* ヘッダーの検索窓と同じ理由(クリックでも :focus-visible に当たる) */
.hero .hero-search button{background:var(--navy);color:#fff}
.hero .hero-search button:hover{background:var(--navy2)}
.hero-chips{opacity:1;color:var(--muted)}
.hero-chips a{color:var(--navy);background:#fff;border-color:#b9c6d6}
.hero-chips a:hover{background:#fff;color:var(--link);border-color:var(--link)}

/* 24-d. 青ベタの部品を淡い面に(V1 の淡い青のボタンと、色の付いた題の帯)。
         機種ボタンはトップと検索ページの .catbtns-sm だけ。節ページの青ボタンは V1 の常連が見慣れた形なので変えない。
         在庫0の .is-empty(白地・点線)は上書きしない(在庫ありと見分けるため) */
.catbtns-sm .catbtn:not(.is-empty){background:var(--band);color:var(--link);border:1px solid #b3c7e5;font-weight:600}
.catbtns-sm .catbtn:not(.is-empty) span{opacity:1;color:#4a5768;font-weight:400}
.catbtns-sm .catbtn:not(.is-empty):hover{background:#dce8f8;color:var(--navy);border-color:var(--link)}
.catbtn.is-empty span{opacity:1;color:#5f6d7e}   /* 0.75 の透明で白地に 4.23:1 だった「0点」(AA 未満)も直す */
.link_list_title{background:#dfe9f7;color:var(--navy);box-shadow:inset 0 3px 0 var(--blue);padding-top:9px;border-bottom:1px solid #cdd9ea}
.link_list:hover .link_list_title{background:#d2e1f5}

/* 24-e. 売りたい帯: 淡い青の帯。赤は「無料査定を依頼する」だけに残す */
.band{background:var(--band);color:var(--ink);box-shadow:inset 0 1px 0 #cfdcee,inset 0 -1px 0 #cfdcee}
.band h2{color:var(--navy)}
.band p{opacity:1;color:#33404f}
.chips-light a{color:var(--navy);border-color:#b9c6d6;background:#fff}
.chips-light a:hover{color:var(--link);border-color:var(--link);background:#fff}
.band-row>.btn-cta{flex:none;white-space:nowrap}   /* 前から「無料査定を依頼する」が帯の文章に押し縮められて3行に折れていた */

/* 24-f. フッター: 淡い青灰の面(V1 は淡いピンク)。上の紺の罫はナビ帯の下罫と揃える。
         リンクは V1 と同じく青で押せると分かるように。小さい字は淡い面で 4.5:1 を保つ濃さに */
.ft{background:#eef2f7;color:#33404f;box-shadow:inset 0 3px 0 var(--navy)}
.ft a{color:var(--link)}
.ft h2{color:var(--navy)}
.ft-roots small{color:#4a5768}
.ft .ft-sub a{opacity:1}
.ft .ft-sub a:before{opacity:1;color:#5f6d7e}   /* 「↳」の opacity:.6 が淡い面で 2.7:1 になるので、透明をやめて灰の字に */
.ft-bottom{border-top-color:#d3dbe5;color:#4a5768}
.dev-note a{color:#4a5768}

/* 24-g. 買取ページの紺の箱(.kt-hero)もトップのヒーローと同じ淡い面に揃える
         (白くしたヘッダーの下に紺の箱が1つだけ残らないように)。要らなければこの小節を外す。
         段落の opacity:.92 が CTA ボタンまで薄くして白字が 4.43:1 になっていた(AA 未満)のもこれで消える */
.kt-hero{background:linear-gradient(135deg,#eef4fb 0%,#f8fafd 100%);color:var(--ink);border:1px solid #d3deec}
.kt-hero h1{color:var(--navy)}
.kt-hero p{opacity:1;color:#33404f}
.kt-hero .kt-eyebrow{color:var(--blue);font-weight:700}   /* opacity は上の p の行で 1 になる */
.kt-hero .btn-ghost{background:#fff;color:var(--navy)!important;border-color:#8b9bb0}
.kt-hero .btn-ghost:hover{background:var(--band);border-color:var(--navy)}
.kt-facts b{color:var(--navy)}
.kt-facts span{opacity:1;color:#4a5768}

/* 24-h. フォーカスの輪郭。紺の上用の #ffd166 は白地で見えず、白地の既定 #ffb703 も淡い面では 1.4〜1.9:1 しかない。
         明るくした面の中はリンクの青(淡い面で 5:1 以上)にする */
.hd a:focus-visible,.hd input:focus-visible,.hd button:focus-visible,.hd-navbar a:focus-visible,
.hero a:focus-visible,.hero input:focus-visible,.hero button:focus-visible,
.band a:focus-visible,.ft a:focus-visible,.kt-hero a:focus-visible{outline-color:var(--link)}
.hd-navbar a:focus-visible{outline-offset:-3px}   /* 外に描くと上辺が .hd の下に隠れ、下辺は紺の下罫に溶ける。箱の内側に描く(スマホの先頭「TOP」の左辺が切れるのも直る) */
.skip:focus-visible{outline-color:var(--link)}    /* 「本文へ」は .hd の外にあるので上の行から漏れる。白いヘッダーの上で黄色の輪郭が 1.75:1 だった */
.skip:focus{border:1px solid var(--navy);box-shadow:0 2px 10px rgba(14,35,64,.25)}   /* 白い箱が白いヘッダーに溶けないよう枠と影で浮かせる */

/* 24-i. スマホ */
@media (max-width:900px){
  .hd-navbar a{padding:10px 12px}   /* 24-b の padding が14節の押しどころ(10px 12px)を上書きしないように戻す */
  .hero h1{font-size:clamp(22px,7vw,26px)}   /* 13節の 30px がスマホにも効き「で。」だけが3行目に落ちていた。375px 以上は 26px(h1 の 30/26px の体系)、それより狭い幅は縮めて2行に収める */
}

/* 24-j. 検索ページ・404 のページ内の検索窓もヘッダーの検索窓と同じ紺の枠に揃える(PC だけ。スマホは7節で隠れている)。
         白くしたヘッダーの紺の枠の窓のすぐ下に、1px の淡い枠(白地で 1.3:1)の窓が別の見た目で並んでいた。要らなければこの小節を外す */
.hero-search.inline input{border:2px solid var(--navy);border-right:0;padding:10px 13px}   /* 枠のぶん padding を減らして高さを保つ */
.hero-search.inline input:focus-visible{border-radius:8px 0 0 8px}

/* --- 25-1. 束1 トップページと全体の見た目〔piyo 2026-09-30 全体改善〕
       G1〜G5 は全ページに効く(面の色・文章ページの列・文中リンク・スマホのパンくず・文節の折り返し)。
       T1〜T7 はトップ(home.php)だけにある部品。ほかの束の断片より前に置く(色のトークンと .btn-navy をここで決める) */

/* 25-1-a. 面の色を整える(G1)。
   淡い面が #eef4fb〜#f8fafd のグラデーション・--band・--soft・#eef2f7・#dfe9f7 と何色も混ざっていた。
   青みの面(--tint)と中立の面(--surface)の2色に絞り、グラデーションはやめる。
   --line は #dfe5ec から少し濃くして、カード・分野の枠・表の罫を締める。紺は文字・ロゴの札・ナビの下罫・フッターの上罫だけ */
:root{--surface:#f5f7fa;--tint:#e9f0f9;--tint-line:#cddaec;--line:#d5dde7;--accent:var(--blue)}
.hero,.kt-hero,.band,.link_list_title,.sell-lead{background:var(--tint)}
.ft,.specfilter,.kt-three>div,.trust div,.empty,.empty-box{background:var(--surface)}
.hero{border-bottom:1px solid var(--tint-line)}
.kt-hero{border-color:var(--tint-line)}
/* 見出しは「青の左罫+下の細罫」1つの形に。背景のグラデーションと角丸をやめる */
.section_title,.sec-head h2{background:none;border-radius:0;padding:2px 0 7px 12px;border-left:4px solid var(--blue)}
.section_title{border-bottom:1px solid var(--line)}
.sec-head{border-bottom:1px solid var(--line);padding-bottom:0}
/* 紺のボタン。赤(CTA)にしない2番目の行き先に使う(トップの O/H・商品ページの売却済・O/H ページなど、ほかの束も使う) */
.btn-navy{background:var(--navy);color:#fff!important;border:1px solid var(--navy)}
.btn-navy:hover{background:var(--navy2);text-decoration:none}

/* 25-1-b. 文章のページ(会社・問い合わせ・O/H・サービス・FAQ・規約)の列を左に揃える(G2)。
   幅 920px の列が広い画面の真ん中に寄っていて、パンくず(左端)と h1 の左端がずれていた。
   h1 の縦位置も節ページ(h1.pagetitle の margin-top 14px)に揃える */
.main-body>.page{margin-left:0}
.main-body>.sec:first-child{margin-top:14px}

/* 25-1-c. 文の中のリンクに下線(G3)。色だけでは押せる所と分からない(色覚の差・印刷)。
   ナビ・カード・チップ・ボタン・分野の木・フッターは部品の形で押せると分かるので下線なしのまま */
.prose a,.content a,.page p a,.page li a,.page dd a,.faq .a a,.item-lead a,.item-facts dd a,.item-trust a,.item-past p:first-child a,
.sell-lead a,.kt-cta p a,.kt-lead-note a,.svc-stock a,.oh-also a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
:is(.prose,.content,.page,.faq,.item-lead,.item-facts,.item-trust,.item-past,.sell-lead,.kt-cta,.kt-lead-note,.svc-stock,.oh-also)
  :is(a.btn,a.btn-cta,a.btn-ghost,a.btn-navy,.chips a,.kt-chips a,.kind-chips a,.svc-siblings a,.tree a,a.catbtn,.pager a,.chuukobox a,a.keisokuki_select_container,a.sx-row-link){text-decoration:none}   /* 表の1行(新着・在庫表の表は .page の中)〔10-03〕 */
:is(.page,.prose,.content) .tree a:hover{text-decoration:underline}   /* 上の戻しがホバーの下線まで消すので、木だけホバーで戻す */
/* ページ内リンクや Tab で進んだ先が、貼り付いたヘッダーの下に隠れないように(PC 106px・スマホ 58px)。
   スマホの商品ページは画面下の問い合わせバー(約64px)の下にも隠れないように */
html{scroll-padding-top:calc(var(--hd-h) + 12px)}
[id]{scroll-margin-top:0}   /* 上の html の余白と 7節の [id] の scroll-margin が足し算になり、#services などが 236px 下に止まっていた。余白は html の側だけに(統合で直した) */
@media (max-width:900px){html:has(.item-bar){scroll-padding-bottom:80px}}

/* 25-1-d. スマホのパンくずを詰める(G4)。商品ページで4段・154px あり、最後の項目は直下の h1 と同じ文だった。
   3段以上のときだけ最後の項目(=今のページ)を隠す。BreadcrumbList と PC の表示は変えない(JS は使わない)。
   1項目が長くても横にはみ出さないよう、行の幅で「…」にする */
@media (max-width:900px){
  .crumbs{margin-top:4px;font-size:12px}
  .crumbs li{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .crumbs li:last-child:nth-child(n+3){display:none}
  .crumbs a,.crumbs span{padding:4px 2px}
  .crumbs li+li:before{margin:0 3px}
}

/* 25-1-e. 日本語を文節で折る(G5)。「分析機/器」「クリーニン/グ装置」のような語の途中の改行を防ぐ。
   lang="ja" なので Chrome/Edge 119 以降で効き、ほかのブラウザは今のまま */
h1,h2,.hero-lead,.root-name span,.pillar p,.svc-tiles b,.kt-hero p,.band p{word-break:auto-phrase;text-wrap:pretty}

/* 25-1-f. トップのヒーロー(T1)。左=見出し・在庫数・検索・機種のチップ、右=買取と O/H の入口2つ。
   右側に空いていた白地(1280px 幅で約500px)を入口で埋める。赤は使わない(赤はヘッダーと買取の段の CTA だけ)。
   .hero-grid はテンプレートが .wrap の直下を hero-main と hero-side の2つにしたときだけ付く */
.hero{padding:36px 0 30px}
@media (max-width:900px){.hero{padding:22px 0 20px}}
.hero .wrap.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:center}
.hero h1{margin-bottom:6px}
.hero-stat{display:flex;flex-wrap:wrap;gap:2px 18px;align-items:baseline;color:var(--navy);margin:0 0 8px}
.hero-stat b{font-size:22px;font-variant-numeric:tabular-nums}
.hero-stat span{font-size:14px;color:#33404f;font-variant-numeric:tabular-nums}
.hero-side{display:grid;gap:10px}
.hero-side a{display:block;background:#fff;border:1px solid var(--tint-line);border-left:4px solid var(--blue);border-radius:8px;padding:12px 14px;color:var(--navy);font-weight:700;line-height:1.45}
.hero-side a:hover{text-decoration:none;border-color:var(--link) var(--link) var(--link) var(--blue);box-shadow:var(--shadow)}
.hero-side .arr{color:var(--link);margin-left:6px}
.hero-side a small{display:block;font-weight:400;font-size:13px;color:#33404f;margin-top:2px;word-break:auto-phrase}
@media (max-width:900px){
  .hero .wrap.hero-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .hero-stat b{font-size:19px}
  /* チップは1行にして横に送る(2〜3行に折れてヒーローが縦に伸びていた) */
  .hero-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;
    -webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .hero-chips a,.hero-chips span{flex:none;white-space:nowrap}
  .hero-side{gap:8px}
  .hero-side a{padding:8px 12px}
  .hero-side a small{font-size:12.5px;margin-top:0}
}

/* 25-1-g. ご購入について(T2)。価格・動作確認・初期不良・公費の4項目を、ページの一番下からヒーローの直下の細い帯へ。
   「買う前に知りたいこと」を最初の1画面で読めるようにする */
.buyfacts{border-bottom:1px solid var(--line);background:#fff}
.buyfacts .wrap{display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));gap:14px;align-items:center;padding:12px 0}
.buyfacts h2{font-size:13px;color:var(--muted);margin:0;border:0;background:none;padding:0}
.buyfacts b{display:block;font-size:14px;color:var(--navy)}
.buyfacts span{display:block;font-size:12px;color:#4a5768;line-height:1.5}
@media (max-width:900px){
  .buyfacts .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px}
  .buyfacts h2{grid-column:1/-1}
}

/* 25-1-h. 分野カードに中分類を3つまで(T3)。20分野の名前と点数だけでは中身が分からず、
   「ほかによく探されている機種」の段(ボタン16個)で補っていた。その段は消し、中身はカードの中で見せる。
   スマホは今の2列20枚のまま(中分類は出さない)。div.root はテンプレートが a.root をこの形に替えたときだけ */
.roots div.root{display:block;padding:10px 14px}
.roots div.root:hover{border-color:var(--line);box-shadow:none}
.roots div.root:has(.root-name:hover){border-color:var(--link);box-shadow:var(--shadow)}
.root-name{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-weight:700;color:var(--ink)}
.root-name:hover{text-decoration:none;color:var(--link)}
.root-kids{list-style:none;margin:4px 0 0;padding:0;font-size:12.5px;line-height:1.55}
/* 名前が長いときは名前の側を「…」で切り、点数は必ず見せる(正式名は title に入れてある) */
.root-kids li{display:flex;gap:4px;white-space:nowrap;color:#4a5768;font-variant-numeric:tabular-nums}
.root-kids a{min-width:0;overflow:hidden;text-overflow:ellipsis}
.root-kids .n{flex:none}
.roots+.roots-note{text-align:left;margin-top:12px;word-break:auto-phrase}
@media (max-width:900px){
  .root-kids{display:none}
  /* スマホは前と同じ見た目(名前は細字・点数は太字)。カードの中は約147px しかないので、
     名前が点数と並べて入らないときは点数を下の行へ送り、「真空コンポーネ/ント」のような語の途中の改行を防ぐ */
  .roots div.root{padding:10px 12px}
  .root-name{flex-wrap:wrap;font-weight:400;gap:0 8px}
  .root-name span{flex:1 1 auto;min-width:0}
  .root-name b{margin-left:auto}
}

/* 25-1-i. 新着入荷(T4)。PC は5列×2段で余りを出さない(10枚)。スマホは2列×3段の6枚にして、
   段の高さを約1,840px から約1,000px に。一覧へは下のボタン1つにまとめる
   → 〔09-30 夜〕1段の横送りに変えた(28-f)。スマホで7枚目から隠す指定はやめた */
.more-line.more-center{text-align:center;margin-top:16px}

/* 25-1-j. 買取と O/H の2本柱(T5)。事業の柱は中古機械の売買と真空ポンプの O/H の2つ〔piyo 2026-09-29〕。
   紺の「売りたい帯」と、サービス8本と同じ格で並んでいた O/H を、新着の下に同じ格の2つの箱で並べる。
   赤は左の「無料査定を依頼する」だけ(右は紺の .btn-navy)。O/H の価格帯は出さない */
.pillars{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.pillar{border:1px solid var(--tint-line);border-radius:var(--radius);padding:20px 22px;background:var(--tint)}
.pillar h2{margin:0 0 6px;font-size:20px;color:var(--navy)}
.pillar p{font-size:14px;color:#33404f}
.pillar .chips{gap:6px;margin:14px 0 0}
.pillar .chips a{background:#fff}
.pillar-oh{background:#fff;display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:start}
.pillar-oh img{width:150px;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.pillar-oh .btn-navy{margin-top:14px}
.pillar-dl{display:grid;grid-template-columns:6em minmax(0,1fr);gap:4px 10px;font-size:14px;margin:8px 0}
.pillar-dl dt{color:#4a5768}
.pillar-dl dd{margin:0}
@media (max-width:900px){
  .pillars{grid-template-columns:minmax(0,1fr)}
  .pillar{padding:16px}
  .pillar-oh{grid-template-columns:minmax(0,1fr)}
  .pillar-oh img{width:100%;max-height:140px}
  .pillar .btn-big{display:block;padding:14px 16px}
}

/* 25-1-k. そのほかの取扱い(T6)の行(組み名 svc-list・svc-row)は、09-30 夜の svc-cards(28-d)→ 10-03 の svc-tiles(33-a)に替わって使っていないので外した */

/* 25-1-l. 会社について(T7)。トップに「誰が売っているか」が無かった。会社概要・FAQ・中古市への入口もここに置く */
.about-co p{max-width:820px}
.about-co .chips{margin-top:10px}

/* --- 25-2. 束2 共有ファイル(データ・ヘッダー・ナビ・フッター)〔piyo 2026-09-30 全体改善〕 */
/*     貼り付き方(PC: .hd top:0 66px / .hd-navbar top:66px、SP: ナビ帯だけ top:0)と --hd-h は変えない。
       中身は layout.php(ナビの中身は pages.php の site_nav()) */

/* 25-2-a. PC のナビ: 1段目を ul.hd-menu にして、各項目の下にサブメニュー(JS なし。:hover と :focus-within で開く)。
           リンクが li の中に入ったので 24-b の「a+a の区切り線」が効かなくなる。li+li で引き直す。
           1段目のリンクは帯の高さ(40px)いっぱいにして、サブメニューが帯の下罫のすぐ下に出るようにする */
.hd-menu{display:flex;list-style:none;margin:0;padding:0;align-self:stretch}
.hd-menu>li{position:relative;display:flex}
.hd-menu>li>a{display:flex;align-items:center}
.hd-menu>li+li>a{box-shadow:-1px 0 0 #cfd8e3}
.hd-menu .sub{display:none;position:absolute;top:100%;left:0;min-width:230px;margin:0;padding:6px 0;list-style:none;background:#fff;
  border:1px solid var(--line);border-top:2px solid var(--navy);box-shadow:0 8px 24px rgba(14,35,64,.14);z-index:25}
.hd-menu>li:hover>.sub,.hd-menu>li:focus-within>.sub{display:block}
.hd-navbar .hd-menu .sub a{display:block;padding:8px 14px;font-weight:500;box-shadow:none;white-space:nowrap}
.hd-navbar .hd-menu .sub a:hover{background:var(--band)}

/* 25-2-b. いまいる場所(aria-current)。1段目の項目に淡い面と青の下罫。
           ヘッダーの「お問い合わせ」は問い合わせの各画面で押した状態に見せる */
.hd-navbar .hd-menu>li>a[aria-current]{background:var(--band);box-shadow:-1px 0 0 #cfd8e3,inset 0 -3px 0 var(--blue)}
.hd-navbar .hd-menu>li:first-child>a[aria-current]{box-shadow:inset 0 -3px 0 var(--blue)}
.hd .btn-ghost[aria-current]{background:var(--band);border-color:var(--navy)}

/* 25-2-c. スマホ(900px 以下): ナビ帯の左端に、横スクロールしない「検索」「メニュー」。
           帯は下へ読み進めても上に残るので、流れていったヘッダーの検索窓へ戻れる。
           「メニュー」は details の開閉(JS なし)で、PC のサブメニューと同じ中身を見出し付きで縦に出す。
           サブメニューはスマホでは出さない(帯は横スクロールで、:hover が無い) */
.nav-q,.sp-menu{display:none}
@media (max-width:900px){
  .hd-menu .sub{display:none!important}
  .hd-menu{flex-wrap:nowrap}
  .hd-menu>li{flex:none}
  .hd-navbar{display:flex;align-items:stretch}
  .hd-navbar>.hd-nav{flex:1 1 auto;min-width:0;width:auto;margin:0}
  .hd-navbar>.nav-q,.hd-navbar>.sp-menu{display:flex;flex:none}
  .hd-navbar>.nav-q,.sp-menu>summary{align-items:center;padding:0 12px;min-height:44px;color:var(--navy);font-weight:700;font-size:14px;
    box-shadow:inset -1px 0 0 #cfd8e3;cursor:pointer;white-space:nowrap}
  .sp-menu>summary{display:flex;list-style:none}
  .sp-menu>summary::-webkit-details-marker{display:none}
  .sp-menu>summary:after{content:"▾";margin-left:4px;font-size:11px}
  .sp-menu[open]>summary{background:var(--band)}
  .sp-menu[open]>summary:after{content:"▴"}
  .sp-menu>summary:focus-visible{outline:3px solid var(--link);outline-offset:-3px}
  .sp-menu-body{position:absolute;left:0;right:0;top:100%;max-height:70vh;overflow:auto;background:#fff;border-bottom:2px solid var(--navy);
    box-shadow:0 8px 24px rgba(14,35,64,.14);padding:4px 16px 12px;z-index:22}
  .sp-menu-h{margin:12px 0 2px;font-size:12px;font-weight:700;color:var(--muted)}
  .hd-navbar .sp-menu-body a{display:block;padding:9px 0;font-weight:500;white-space:normal;box-shadow:none;border-bottom:1px solid var(--line)}
}

/* 25-2-d. ヘッダーの細部。
           許可番号: 1180px より狭いと2行に折れて帯からはみ出していたので、「山梨県公安委員会」を落として1行に。
           ロゴの下の一行(中古機械の販売・買取/真空ポンプのO/H)は、とても狭い幅では消す。
           スマホ(600px 以下)は「売りたい」「お問い合わせ」を横いっぱいに並べ、検索窓は次の行を丸ごと使う(案内文が切れないように) */
.hd-tel{white-space:nowrap}
@media (max-width:1180px){.hd-tel-long{display:none}}
@media (max-width:600px){
  .hd-actions{flex-basis:100%;display:grid;grid-template-columns:1.25fr 1fr;gap:8px;margin-left:0}
  .hd-actions .btn{padding:9px 6px}
  .hd-search button{padding:0 14px}
  .hd-search input::placeholder{font-size:14px}   /* 入力の字は16px のまま(iOS の勝手なズームを避ける 14節)。案内文だけ小さくして390px 幅で切れないように */
}
@media (max-width:420px){.brand-name small{display:none}}

/* 25-2-e. フッター: 4列(ブランド / 中古機械を探す / 買取・オーバーホール+そのほかの取扱い / 会社案内)。
           スマホは1列に積むと 1,730px あったので、ブランドと「探す」(分野20件)だけ全幅、残り2列は横に並べる。
           リンクの数は減らさない */
.ft h3{font-size:13px;color:var(--navy);margin:14px 0 6px}
@media (max-width:900px){
  .ft{padding:26px 0 14px}
  .ft-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}   /* 1fr だと長い語の幅で列が広がり 2px 横にはみ出した */
  .ft-grid>div:first-child,.ft-grid>div:nth-child(2){grid-column:1/-1}
  .ft li{margin-bottom:0}
  .ft li a{padding:5px 2px;line-height:1.5;word-break:auto-phrase;overflow-wrap:break-word}   /* 「オー/バーホール」「製ポ/ンプ」の割れを文節で(統合で足した) */
  .ft h3{font-size:13px;margin:12px 0 4px}
}

/* --- 25-3. 束3 在庫を探すページ(節・型式・一覧・新着・検索・カード)〔piyo 2026-09-30 全体改善〕 */

/* 25-3-a. 節ページを PC で「左に探す道具・右に在庫」の2列に(F1)。
           道具(メーカー・仕様・同じ型式・関連)が在庫の上に積まれ、PC でも最初の画面に在庫カードが1枚も入らない節があった。
           道具が何も無い節は .has-side が付かず1列のまま。スマホ(900px 以下)は 21節の畳みのまま(左の列がそのまま畳みの中身) */
@media (min-width:901px){
  .node-layout.has-side{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start;margin-top:14px}
  .node-side .fold-body>:first-child{margin-top:0}
  .node-side .section_title{font-size:14px;margin:16px 0 6px;padding:2px 0 2px 8px;border-left-width:3px}
  .node-side .catbtns{grid-template-columns:1fr;gap:4px}
  .node-side .catbtn{display:flex;justify-content:space-between;gap:8px;text-align:left;padding:5px 8px}
  .node-side .catbtn span{display:inline;flex:none;align-self:flex-end}
  .node-side .makerbar{display:block;margin:0}
  .node-side .makerbar a{display:flex;justify-content:space-between;gap:8px;border:0;border-radius:4px;padding:3px 6px;white-space:normal}
  .node-side .makerbar a:hover{background:var(--soft)}
  .node-side .makerbar a.on:hover{background:var(--navy)}
  .node-side .specfilter{padding:8px 10px;margin:16px 0 0}
  .node-side .specfilter-row{display:block;margin:8px 0}
  .node-side .specfilter-label{display:block;min-width:0;margin-bottom:3px}
  .node-side .specfilter-range input[type=number]{width:5.5em}
  .node-side .note{font-size:13px}
  .node-main>#stock{margin-top:0}
  .node-main .flex-box{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
}
/* メーカーの件数は「(37)」の括弧をやめて数字だけ。選んでいるメーカー(紺地)の上では白に */
.makerbar b{font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;margin-left:4px}
.makerbar a.on b{color:#fff}
/* 上位10社の後ろは「ほか{n}社」に畳む。畳みの中の見出しは節ページの他の畳み(種類・過去の取扱)と同じ形 */
.maker-more,.empty-kinds,.past-more{margin:6px 0 0}
.maker-more>summary,.empty-kinds>summary,.past-more>summary{display:inline-block;cursor:pointer;list-style:none;color:var(--link);font-size:13px;font-weight:600;padding:6px 4px}
.maker-more>summary::-webkit-details-marker,.empty-kinds>summary::-webkit-details-marker,.past-more>summary::-webkit-details-marker{display:none}
.maker-more>summary:before,.empty-kinds>summary:before,.past-more>summary:before{content:"▸ "}
.maker-more[open]>summary:before,.empty-kinds[open]>summary:before,.past-more[open]>summary:before{content:"▾ "}
.maker-more>summary:hover,.empty-kinds>summary:hover,.past-more>summary:hover{text-decoration:underline}
.empty-kinds>.catbtns{margin-top:4px}

/* 25-3-b. 種類のボタン(F4)。スマホは1列に20行並んで最初の在庫カードが 1,900px 下にあった → 2列に。
           目次(▸ 種類 ▸ 在庫…)はスマホでは畳みと種類ボタンのすぐ下に在庫が来るので出さない */
@media (max-width:900px){
  #list+.catbtns,.empty-kinds .catbtns{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  #list+.catbtns .catbtn,.empty-kinds .catbtn{font-size:13px;padding:7px 8px 5px}
  .page-toc{display:none}
}

/* 25-3-c. 別の呼び方(F5)。h1 は変えずに、略称・別名で探しに来た人に「このページで合っている」と分かるように */
.node-alias{font-size:13px;color:var(--muted);margin:0 0 8px}

/* 25-3-d. 過去に扱ったメーカー・型式の表(F3)。スマホで表だけ横に伸ばしていた(22節の min-width:540px)のをやめ、
           列を減らした表を画面の幅に収める。11行目からは畳む */
.past-tbl th,.past-tbl .num{white-space:nowrap}
.past-tbl:not(.has-kind) td:nth-child(2){white-space:nowrap}   /* 機種の列が無い表(機種ページ)は型式を「TMP-/1303LM」と割らない */
.past-more .tablescroll{margin-top:4px}
@media (min-width:901px){.past-tbl{max-width:860px}}   /* PC で4列が本文の幅いっぱい(1240px)に散って「最終」の列が遠かった(統合で足した) */
@media (max-width:900px){
  .tablescroll .past-tbl{min-width:0}
  .past-tbl{font-size:13px}
  .past-tbl th,.past-tbl td{padding:6px 5px}
  .past-tbl td:first-child{overflow-wrap:anywhere}
}

/* 25-3-e. 型式ページの比較表(F6)。価格は紺・等幅数字(赤は CTA だけ)。スマホは表の中だけ横に送る */
.model-cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 16px}
.model-cmp td:nth-child(3){color:var(--navy);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.model-cmp td:first-child,.model-cmp td:nth-child(2),.model-cmp td:nth-child(4),.model-cmp td:nth-child(6){white-space:nowrap}
.model-cmp td:first-child a{font-family:ui-monospace,Consolas,monospace}
.model-past{margin:0 0 8px}
@media (max-width:900px){
  .model-cmp{min-width:600px;font-size:13px}
}

/* 25-3-f. 一覧・新着・検索は本文の幅 920px の枠をやめる(F7)。カードが1行4列で、新着のページが 6,800px あった。
           見出し・説明文・検索窓・0件の箱だけは読みやすい幅に留める */
.page.page-wide{max-width:none}
.page-wide>h1,.page-wide>p,.page-wide>.hero-search,.page-wide>.empty-box{max-width:820px}

/* 25-3-g. 分野・機種の一覧(F8)。PC は4段組。スマホは分野ごとに畳む(開く/閉じる は見出しの右)。
           索引のチップで飛んだ先の分野は開いた状態で見せる(:target)。木は HTML に全部ある */
.tree-index{margin:8px 0 22px}
.tree-fold{display:none}
.tree .muted{font-size:11px}
@media (min-width:1100px){.tree-cols{columns:4}}
@media (max-width:900px){
  .tree a{display:inline-block;padding:5px 0}
  .tree-root{margin:0;border-bottom:1px solid var(--line)}
  .tree-root>h2{display:flex;align-items:center;gap:8px;margin:0;padding:4px 0;font-size:16px}
  .tree-root>h2>a{flex:1;min-width:0;padding:8px 0}
  .tree-root>h2>b{font-size:13px;flex:none}
  .tree-fold{display:inline-block;flex:none;border:1px solid var(--navy);border-radius:6px;padding:5px 12px;font-size:13px;color:var(--navy);background:var(--soft);cursor:pointer}
  .tree-fold:before{content:"▸ "}
  .tree-fold:after{content:"開く"}   /* 文字は CSS で出す(h2 の文字に「開く閉じる」が混ざっていた。仕上げ 09-30) */
  .tree-root>.fold-check:checked~h2 .tree-fold:before{content:"▾ "}
  .tree-root>.fold-check:checked~h2 .tree-fold:after{content:"閉じる"}
  .tree-root>.fold-check:focus-visible~h2 .tree-fold{outline:3px solid var(--link);outline-offset:2px}
  .tree-root>.fold-body{margin:0}
  .tree-root>.fold-check:checked~.fold-body,.tree-root:has(:target)>.fold-body{max-height:none;padding-bottom:10px}
  .tree-root:has(:target)>h2 .tree-fold{display:none}
}

/* 25-3-h. 検索(F9・F10)。機種で絞るチップ・型式ページへの案内・過去に扱った型式・0件の箱。
           (スマホのページ内の検索窓は 7節で隠したまま。ヘッダーの検索窓が検索語入りですぐ上にあり、出すと同じ窓が2つ並ぶ) */
.search-facets{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:4px 0 12px}
.search-facets .h-small{margin:0}
.search-facets .chips{gap:6px}
.search-facets a[aria-current] b{color:#fff}
.search-sel{font-size:14px;margin:0 0 12px}
.model-jump{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px}
.model-jump a{font-weight:700}
.past-models{list-style:none;padding:0;margin:0;max-width:820px}
.past-models li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;padding:10px 4px;border-bottom:1px solid var(--line);font-size:14px}
.pm-main b{font-size:15px}
.pm-main span{color:#4a5768}
.pm-main span:before{content:"|";content:"|" / "";margin:0 8px;color:#8b9bb0}
.pm-links{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px}
.search-empty .chips{justify-content:center;margin:0 0 12px}
.search-empty .h-small{margin-top:14px}
.search-empty p:last-child{margin-bottom:0}
@media (max-width:900px){
  .search-empty{padding:18px 14px}
}

/* 25-3-i. 新着(F11)。見出しの下の1行(最終入荷日・点数)。
           分野ごとの入口(分野のチップ .new-roots)は 10-03 に外した〔piyo「分野ごとの新着は不要」〕 */
.new-meta{margin-bottom:8px}

/* 25-3-j. 商品カード(F13)。写真の無い在庫は NO PHOTO の画像でなく灰色の箱に「写真準備中」。
           下段(問い合わせる・管理番号)は 11px で押しにくかったので 12.5px にして押せる高さを取る。
           スマホ・タブレットは幅に合わせて列を増やす(820px で4列、360〜390px で2列) */
.imgbox-none{display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--muted);font-size:13px}
.chuukobox .st{flex:none;white-space:nowrap;margin-left:6px}   /* 2列のカードで「商談/中」と割れていた(統合で足した) */
.chuukobox .otoiawase{font-size:12.5px;padding:0;flex-wrap:wrap}
.chuukobox .otoiawase a,.chuukobox .otoiawase .kanrinmb{display:inline-block;padding:7px 10px;white-space:nowrap}
.chuukobox .otoiawase .kanrinmb{margin-left:auto}   /* 幅が足りないときは「問い合わせる」を割らずに、管理番号を次の行の右へ */
@media (max-width:900px){
  .flex-box,.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
}
@media (max-width:480px){   /* 2列のカード(幅170px前後)で「問い合わせる」と管理番号を1行に収める */
  .chuukobox .otoiawase a{padding:8px 4px 8px 8px}
  .chuukobox .otoiawase .kanrinmb{padding:8px 8px 8px 4px;font-size:11.5px}
}

/* --- 25-4. 束4 商品ページ〔piyo 2026-09-30 全体改善〕
       テンプレートは app/themes/polish/item.php。前の .details-top / .details-side / .otoiawase_box / .brand_kata_container /
       .sonota / .imgarea は商品ページで使わなくなった(16節の指定は残るが当たる要素が無い)。
       紺のボタン .btn-navy は束1(G1)で定義した物を使う(ここでは定義しない) */

/* 25-4-a. 上の塊を「写真(左)」と「買う枠(右)」の2列に(I1)。
       前は管理番号とボタンだけの左の枠(280px)と情報の列の下に写真が並び、PC でも写真が最初の画面の外、スマホは1枚目が y=1,094px だった。
       HTML の順(=スマホの順)は h1 → 写真 → 買う枠。行を「auto 1fr」にするのは、2行にまたがる写真の高さが
       h1 の行にも割り振られて、h1 と買う枠の間に空きができるのを防ぐため(1fr の行が写真の残りを受ける) */
.item-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:auto 1fr;
  grid-template-areas:'gallery head' 'gallery panel';gap:6px 32px;align-items:start;margin-top:14px}
.item-top>*{min-width:0}
.item-head{grid-area:head}
.item-head h1{margin:0 0 8px}
.item-gallery{grid-area:gallery;display:grid;gap:12px}
.item-panel{grid-area:panel;position:sticky;top:calc(var(--hd-h) + 12px)}   /* 写真を見ながら価格とボタンが画面に残る */
.item-top.no-gallery{grid-template-rows:auto;grid-template-areas:'head panel'}   /* 過去在庫で写真の記録が無いときは枠ごと出さない(I6) */
/* 写真は原寸へのリンク。押せると分かるよう右下に「拡大」の札 */
.item-gallery .details_imgbox a{position:relative;display:block}
.item-zoom{position:absolute;right:8px;bottom:8px;background:rgba(255,255,255,.94);color:var(--navy);border:1px solid #b9c6d6;
  border-radius:5px;padding:1px 8px;font-size:12px;font-weight:700;line-height:1.6;pointer-events:none}
.item-gallery .details_imgbox a:hover .item-zoom{border-color:var(--navy)}

/* 25-4-b. 買う枠の中身(I3・I10)。価格 → 赤のボタン(ページで唯一の問い合わせの CTA)→ 返信の目安 → 同じ型式 → 来社・後払い・FAQ */
.item-panel .kakaku_container{border-top:0;padding-top:0;justify-content:flex-start;margin:0 0 10px}
.kakaku_container.ask{align-items:baseline}
.kakakuAsk{font-size:18px;font-weight:700;color:var(--navy)}   /* 価格0: 「本体価格は価格はお問い合わせください」の2行の崩れをやめ1行に */
.item-cta{padding:14px 18px;font-size:17px}
.item-cta-note{margin:6px 0 10px}
.item-same{font-size:14px;background:var(--tint,var(--band));border-radius:6px;padding:8px 12px;margin:0 0 10px}   /* 型式ページへの案内を下の方から価格の近くへ(I4) */
.item-trust{list-style:none;padding:0;margin:8px 0 0;font-size:13px;color:#33404f}
.item-trust li{padding:2px 0}

/* 25-4-c. 事実を1つの表に(I2)。19px の型式の帯・「その他」の段落・左の管理番号の枠をまとめた */
.item-facts{display:grid;grid-template-columns:7.5em minmax(0,1fr);margin:12px 0;border-top:1px solid var(--line);font-size:14px}
.item-facts dt,.item-facts dd{margin:0;padding:7px 0;border-bottom:1px solid var(--line)}
.item-facts dt{color:#4a5768}
.item-facts dd{font-weight:600}
.item-facts dd.item-facts-text{font-weight:400}   /* 仕様・備考など文のある行は太字にしない */
.item-facts .item-no{font-family:ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}   /* 客が問い合わせで書き写す */
.nb{display:inline-block}   /* 型式を「RDK-」の後ろで折らない(h1 と表。カードの型式には当てない) */

/* 25-4-d. 売却済・在庫無の帯(I4)。h1 の直下で知らせて同じ機種の在庫へ送る。赤は使わない(紺の罫と紺のボタン) */
.item-past{background:#f4f6f9;border:1px solid var(--line);border-left:6px solid var(--navy);border-radius:0 8px 8px 0;padding:12px 16px;margin:8px 0 12px}
.item-past p{margin:0 0 8px}
.item-past p:last-child{margin-bottom:0}
.item-past-actions{display:flex;flex-wrap:wrap;gap:8px}
.item-past-actions .btn small{display:block;font-size:12px;font-weight:400}

/* 25-4-e. 参考仕様の表(I5)。AI が調べた型式一般の値と、この個体の仕様欄・銘板の写しは別の表(見出しで分ける) */
.spec-table{width:100%;max-width:760px;border-collapse:collapse;font-size:14px}
.spec-table th{width:40%;text-align:left;font-weight:600;color:#4a5768;background:var(--soft);padding:7px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.spec-table td{padding:7px 10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.item-specs .note,.item-specs .small{max-width:760px}
.item-specs .small{margin:6px 0 0}

/* 25-4-f. 写真の無い在庫品は箱を1つだけ(I6。前は NO PHOTO の画像が2枚並ぶことがあった) */
.nophoto-box{aspect-ratio:4/3;max-width:320px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--muted);
  border-radius:8px;font-size:14px;text-align:center;padding:12px}

/* 25-4-g. 下の段の見出し。「ほかの{機種}の在庫」の右に節ページへのリンク(スマホは折り返して下)、その下に機種の解説への1行(I4・I8) */
.item-sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:6px 16px;margin:30px 0 14px}
.item-sec-head .section_title{margin:0;flex:1 1 auto}
.item-sec-head .more{font-size:14px;font-weight:600}
.item-about-link{font-size:14px;margin:-4px 0 12px}

/* 25-4-h. スマホ(I1・I4)。h1(過去在庫は売却済の帯まで)→ 写真(横に送る。2枚目が右に少し覗く)→ 買う枠。
       .item-head を display:contents にして中身を1つずつ置く。買う枠は貼り付けない。
       写真と価格の間にあった1文(.item-lead)は 10-08 にやめた〔piyo「不要に見える」〕ので、その分の間を買う枠の上に取る */
@media (max-width:900px){
  .item-top{grid-template-columns:minmax(0,1fr);grid-template-rows:none;
    grid-template-areas:'h1' 'state' 'past' 'gallery' 'panel';gap:0}
  .item-top.no-gallery{grid-template-areas:'h1' 'state' 'past' 'panel'}
  .item-head{display:contents}
  .item-head>h1{grid-area:h1}
  .item-head>.statebadge{grid-area:state}
  .item-head>.item-past{grid-area:past}
  .item-panel{margin-top:14px}
  .item-gallery{grid-area:gallery}
  .item-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;-webkit-overflow-scrolling:touch}
  .item-gallery figure{flex:0 0 86%;scroll-snap-align:start}
  .item-gallery figure:only-child{flex-basis:100%}
  .item-panel{position:static}
  .item-head h1{font-size:22px}
  .nophoto-box{max-width:none;aspect-ratio:auto;min-height:120px}
  /* 過去在庫の下部バー: 左に状態、右に紺の「{機種}の在庫を見る」 */
  .item-bar .btn-navy{flex:1;padding:12px 10px}
  .item-bar-state{font-size:15px;color:#4a5768}
}

/* --- 25-5. 束5 買取ページと問い合わせフォーム〔piyo 2026-09-30 全体改善〕 */

/* 25-5-a. 買取ページの前置き(S1・S5・S6)。本番の「すべて揃っていなくても…」などを見出しの直後に置く短い文 */
.kt-lead-note{font-size:14px;color:#33404f;margin:0 0 10px;max-width:760px}

/* 25-5-b. 本番 /kaitori/ から戻した節(S3)。掲載実績の1行・対象外の注記・特徴4つ・受注後の流れ。
   特徴の4枚は .kt-three(3列)を 240px 以上で詰める。見た目は既存の淡い面のまま */
.kt-stats-line{font-size:14px;color:#33404f;margin:12px 0 0}
.kt-note{margin:14px 0 0;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface,#f5f7fa);font-size:14px;color:#33404f}
.kt-note p{margin:0 0 6px}.kt-note p:last-child{margin:0}
.kt-why{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.kt-why h3{margin-top:0}
.kt-flow-after{font-size:14px;color:#33404f;margin:10px 0 0;max-width:760px}
/* 文の中のリンクに下線(G3 と同じ考え。買取ページは .page の外なので G3 の指定が届かない所だけ足す) */
.kt-note a,.kt-why p a,.kt-faq-more a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}

/* 25-5-c. 締めの枠(S3・S6)。.kt-cta(赤の左罫)の中のボタンと見出しの間を空ける */
.kt-cta .btn-cta{margin-top:4px}

/* 25-5-d. スマホの下部バー(S2)。見た目は16節の .item-bar のまま、左の文だけ価格より小さく */
.kt-bar .item-bar-price{font-size:16px}

/* 25-5-e. 取扱実績の表(S5)。PC は30型式すべて、スマホは10行+「ほかの型式を見る」。
   PC で畳みを開いておくのは ::details-content が使えるブラウザだけ(使えなければ PC も畳みのまま=スマホと同じ) */
.kt-models{table-layout:fixed;max-width:760px}
.kt-models th:nth-child(1){width:40%}
.kt-models th:nth-child(3),.kt-models td:nth-child(3){width:92px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}   /* px: 続きの表は見出しの字を0にするので em だと幅が0になる */
.kt-models td{overflow-wrap:anywhere}
.kt-models-more>summary{cursor:pointer;color:var(--link);font-size:14px;font-weight:600;padding:10px 0;max-width:760px}
.kt-models-more[open]>summary{padding-bottom:4px}
.kt-models-n{margin:6px 0 0}
@media (min-width:901px){
  @supports selector(::details-content){
    .kt-models-more>summary{display:none}
    .kt-models-more::details-content{content-visibility:visible;display:contents}
    .kt-models-more .kt-models{margin-top:-1px}
    .kt-models-more .kt-models thead th{padding-top:0;padding-bottom:0;height:0;font-size:0;line-height:0;border:0}
  }
}

/* 25-5-f. 主な買取対象機器(S6。分野ページだけ)。本番と同じ「名前 ― 件数・在庫」の並び */
.kt-types{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 24px}
.kt-types li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}
.kt-types-meta{font-size:12.5px;color:#4a5768;white-space:nowrap;font-variant-numeric:tabular-nums}

/* 25-5-g. スマホの買取ページを詰める(S4。CSS だけ)。分野カード2列・チップ2列・事実2×2・ヒーローの余白 */
@media (max-width:600px){
  .kt-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .kt-cat{padding:10px 12px}
  .kt-cat b{font-size:15px}
  .kt-cat span{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .kt-chips:not(.kt-chips-sm){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .kt-chips:not(.kt-chips-sm) a{font-size:13px;padding:8px 10px;border-radius:8px;line-height:1.4}
  .kt-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
  .kt-facts b{font-size:19px}
  .kt-facts span{word-break:auto-phrase}   /* 「古物商許可 山梨県公安委員会」が「会」1字で折れないように(Chrome/Edge 119〜) */
  .kt-hero{padding:18px 16px}
  .kt-hero h1{font-size:clamp(20px,6vw,24px)}
  .kt-hero h1 br{display:none}
  .kt-hero h1{word-break:auto-phrase}   /* br を消した分、「無/料査定」のような語の途中で折れないように(G5 と同じ指定) */
  .kt-types{grid-template-columns:1fr}
}

/* 25-5-h. 問い合わせフォームの右の案内(S14)。買取・O/H のときだけ2列(.has-aside)。スマホは案内を出さない。
   JS で出し入れする部品は hidden 属性で隠すので、.form label{display:grid} などに負けないようにする */
.contact-page [hidden]{display:none!important}
.contact-grid.has-aside{display:grid;grid-template-columns:minmax(0,640px) minmax(0,1fr);gap:40px;align-items:start}
.contact-aside{position:sticky;top:calc(var(--hd-h) + 16px);background:var(--surface,#f5f7fa);border-radius:var(--radius);padding:16px 18px;font-size:14px;color:#33404f}
.contact-aside h2{font-size:15px;margin:12px 0 6px;color:var(--navy)}
.contact-aside p{margin:0 0 8px}
.contact-steps{list-style:none;margin:0 0 10px;padding:0}
.contact-steps li{padding:4px 0;border-bottom:1px solid var(--line)}
.contact-steps b{display:inline-block;width:2.2em;color:var(--link);font-size:12px;font-variant-numeric:tabular-nums}
@media (max-width:900px){.contact-grid.has-aside{grid-template-columns:1fr}.contact-aside{display:none}}

/* 25-5-i. ご用件を横並びのラジオに(S13)。押せる高さ44px・スマホは2列。丸は残す(選択の状態を色だけに頼らない) */
.form .kind-chips{border:0;margin:0;padding:0;min-width:0;display:flex;flex-wrap:wrap;gap:8px}
.form .kind-chips legend{float:left;width:100%;padding:0;margin:0 0 6px;font-size:14px;font-weight:600}
.form .kind-chips label{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px 6px 10px;border:1px solid #8b9bb0;border-radius:8px;background:#fff;font-size:14px;font-weight:600;cursor:pointer;line-height:1.35}
.form .kind-chips input,.form .form-kt-radio input{width:18px;height:18px;margin:0;padding:0;flex:none;accent-color:var(--navy)}
.form .kind-chips label:has(input:checked){border-color:var(--navy);background:var(--band);box-shadow:inset 0 0 0 1px var(--navy)}
.form .kind-chips label:has(input:focus-visible),.form .form-kt-radio label:has(input:focus-visible){outline:2px solid var(--link);outline-offset:2px}
@media (max-width:600px){
  .form .kind-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .form .kind-chips legend{grid-column:1/-1}
  .form .kind-chips label{padding:6px 6px;gap:6px;font-size:12.5px;word-break:auto-phrase}   /* 「修理・オーバーホー/ル」「伝/える」の割れを文節で(統合で直した) */
}

/* 25-5-j. 買取の項目欄(S9)。内容欄の雛形の代わりに11の欄。淡い面で「査定する装置」の塊と分かるように */
.form-kt{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface,#f5f7fa);margin:0;padding:12px 14px 14px;display:grid;gap:10px;min-width:0}
.form-kt>legend{padding:0 6px;font-size:15px;font-weight:700;color:var(--navy)}
.form-kt input[type=text]{background:#fff}
.form-kt-radio{border:0;margin:0;padding:0;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
.form-kt-radio legend{float:left;width:100%;padding:0;margin:0 0 2px;font-size:14px;font-weight:600}
.form .form-kt-radio label{display:flex;align-items:center;gap:6px;min-height:36px;font-weight:400;cursor:pointer}
@media (min-width:601px){.form-kt{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}}   /* 11欄を2列6段に(縦に長くしない) */

/* 25-5-k. 対象商品のカード(S14)。写真64px角・型式を太字・価格は紺 */
.form .form-item{display:flex;gap:12px;align-items:center;background:var(--soft);padding:10px 12px;border-radius:8px}
.form-item img{width:64px;height:64px;object-fit:cover;border-radius:6px;flex:none;background:#fff}
.form-item-body{display:grid;gap:1px;font-size:13px;min-width:0}
.form-item-body b{font-size:15px;color:var(--ink);overflow-wrap:anywhere}
.form-item-no{color:var(--muted);font-size:12px}
.form-item-price{color:var(--navy);font-weight:700;font-variant-numeric:tabular-nums}

/* 25-5-l. 写真の欄(S12)。選択ボタンを紺の枠の大きなボタンに(スマホは横いっぱい)・選んだ写真の縮小を並べる */
.form-photos input[type=file]::file-selector-button{padding:10px 16px;margin-right:12px;border:1px solid var(--navy);border-radius:7px;background:#fff;color:var(--navy);font-weight:700;font-size:15px;cursor:pointer}
.form-photos input[type=file]::file-selector-button:hover{background:var(--band)}
@media (max-width:600px){.form-photos input[type=file]::file-selector-button{display:block;width:100%;margin:0 0 8px;padding:12px}}
.form-photo-thumbs{display:flex;flex-wrap:wrap;gap:6px}
.form-photo-thumbs:empty{display:none}
.form-photo-thumbs img{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}

/* 25-5-m. 買取の完了画面(S11)。「この後の流れ」は買取ページの .kt-flow と同じ見た目 */
.kt-flow-done{margin:4px 0 12px}
.done-attach{font-size:14px;color:#33404f}

/* --- 25-6. 束6 O/H・サービス・会社・FAQ・404・規約〔piyo 2026-09-30 全体改善〕 */

/* 25-6-a. O/H の最初の画面に「相談する」と要点を出す(N1)。
           前は最初の画面にボタンが無く、型式一覧(スマホで約4,000px)と依頼の流れの下まで行かないと頼めなかった。要点は今のページにある事実だけ */
.oh-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 10px}
.oh-facts{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;padding:0;margin:0 0 4px;font-size:14px;color:#33404f}
.oh-facts li{position:relative;padding-left:13px}
.oh-facts li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--blue)}

/* 25-6-b. 種別カード3枚(N2)。最後の2行(対応実績の型式数・中古在庫)をカードの下端に揃える。
           メーカーの札は長い名前(「荏原製作所(従来機/A/AAシリーズ)」)が丸い札からはみ出していたので角丸を小さくして折り返す */
.oh-card{display:flex;flex-direction:column}
.oh-card .chips span{white-space:normal;text-align:left;border-radius:6px}
.oh-card-links{list-style:none;padding:10px 0 0;margin:auto 0 0;font-size:14px;display:grid;gap:2px}
.oh-card-links a{font-weight:600}
.oh-also{font-size:14px;color:#33404f;margin:-14px 0 26px}

/* 25-6-c. 納期の目安を4枚のカードから表1枚に(N1)。値と注記は前のまま */
.oh-lead-tbl{max-width:760px;margin:8px 0 22px}
.oh-lead-tbl th{width:16em;font-weight:600}
.oh-lead-tbl td:nth-child(2){font-weight:700;color:var(--navy);white-space:nowrap}
.oh-lead-tbl td:nth-child(3){font-size:13px;color:#4a5768}
.flow+p{margin-top:16px}

/* 25-6-d. 対応実績のある型式(N3)。開閉(details)をやめて、種別の h3 → メーカーの h4 → 型式の札に。
           型式は全部 HTML にあり(JS が無くても全件見える)、上の入力欄で絞り込める。
           札に display を付けたので、絞り込みで付ける hidden 属性が効くよう最後の行で打ち消す */
.oh-find{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 0 16px;padding:12px 14px;background:var(--soft);border-radius:8px;max-width:760px}
.oh-find label{font-weight:700;font-size:14px}
.oh-find input{flex:1 1 220px;min-width:0;border:1px solid #b9c6d6;border-radius:6px;padding:8px 11px;font-size:15px;background:#fff}
.oh-none{flex-basis:100%;margin:2px 0 0;font-size:14px}
.oh-none .btn{margin-left:8px;padding:7px 14px}
.oh-models{margin:8px 0 26px}
.oh-kind{font-size:17px;margin:22px 0 6px;padding-bottom:4px;border-bottom:1px solid var(--line)}
.oh-maker{border:0;border-radius:0;padding:0;margin:0 0 6px;font-size:14px}
.oh-maker h4{font-size:15px;margin:10px 0 4px}
.oh-maker h4 small{font-weight:400;font-size:12.5px;color:#4a5768;margin-left:6px}
.oh-maker .oh-part{font-size:12.5px;font-weight:600;color:#4a5768;margin:4px 0 2px;line-height:1.5}
.oh-model-list{display:flex;flex-wrap:wrap;gap:4px 6px;list-style:none;padding:0;margin:4px 0 10px}
.oh-model-list li{font-size:13px;line-height:1.5;border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-variant-numeric:tabular-nums}
.oh-models [hidden],.oh-find [hidden]{display:none!important}
/* PC は「本体」「コントローラー」の札を左の列に出して、札のためだけの行を無くす(ドライポンプは札が無いので全幅) */
@media (min-width:901px){
  section.oh-maker{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:start}
  .oh-maker h4,.oh-maker h4+ul{grid-column:1/-1}
  .oh-maker .oh-part{grid-column:1;margin:5px 0 0;white-space:nowrap}
  .oh-maker .oh-part+ul{grid-column:2;margin:4px 0 8px}
}
@media (max-width:600px){
  .oh-model-list{gap:3px}
  .oh-model-list li{font-size:12px;line-height:1.45;padding:0 4px}
  .oh-lead-tbl th{width:auto}
  .oh-card .oh-photo{aspect-ratio:16/9}   /* スマホは写真を横長に切って、カード3枚ぶんの縦を詰める */
}
/* スマホの下部バー(16節の .item-bar を使う)。価格の欄の代わりに「修理・O/H」 */
.oh-bar .item-bar-price{font-size:16px}

/* 25-6-e. O/H とサービス8本の横並び(N4)。どのサービスページからも隣へ1クリック。今いるページは紺 */
.svc-siblings{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 6px;font-size:12.5px;line-height:1.5}
.svc-siblings a{border:1px solid var(--line);border-radius:999px;padding:3px 9px;color:var(--ink)}
.svc-siblings a:hover{border-color:var(--link);color:var(--link);text-decoration:none}
.svc-siblings a[aria-current]{background:var(--navy);color:#fff;border-color:var(--navy)}
@media (max-width:900px){
  .svc-siblings{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  .svc-siblings a{flex:none}
}

/* 25-6-f. サービスページの最初の画面に「問い合わせる」と IRC の中古在庫(N5)。
           電気計測器のタイル・エドワーズの4シリーズは、在庫がある節だけ IRC の在庫へつなぎ、何点あるかを添える */
.svc-actions{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:10px 0 18px}
.svc-stock{margin:0;font-size:14px}
.content .keisokuki_select_container{vertical-align:top}   /* 在庫数の行が付いたタイルだけ背が伸びて、横のタイルが下にずれていた */
.tbl-edwards td.num{text-align:left;white-space:nowrap}   /* 型番は等幅数字で揃えるが、右寄せにはしない(品名の隣で読む) */

/* 25-6-g. 移した本文の見出しと価格(N6)。見出しの帯のグラデーションは本文の中では外す。
           本文の価格(アライナーの部品・マスク)が赤だった。赤は CTA だけ・価格は紺の決まりに揃える */
.content h3.section_title,.content h4.section_title{background:none;border-radius:0}
.content .kakaku,.content .table_kakaku{color:var(--navy)}
.content .mfc_select_container{list-style:none;padding:0;margin:2px 0 0}
.content .category_name{font-weight:700;margin:0 0 2px}
.content ul.shori{margin:0 0 14px;padding-left:1.4em}
.content-cleaning figure{margin:0}
.content-cleaning .imgs_container figure img{width:300px;max-width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.content-cleaning figcaption{font-size:13px;color:#4a5768;text-align:center;margin-top:4px}

/* 25-6-h. マスクアライナー(N7)。調整用マスクと部品が1列に縦長に並んでいた(ページ 5,105px)のを格子に(本文の幅 920px で4列)。
           「在庫無し」は価格の欄に入っているので、価格の紺の太字ではなく灰の字に */
.content-aligner .chuuko_container2{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;align-items:start}
.content-aligner .chuuko_container2 .table_title{grid-column:1/-1;font-weight:700}
.content-aligner .buhin_hanbai_container .chuuko_container1{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.content-aligner .chuuko_container1>div:not(.buhin_container){display:contents}
.content-aligner .buhin_container,.content-aligner .table_buhin_container{max-width:none;margin:0}
.content-aligner .introduce_content{border-left:3px solid var(--line);padding-left:12px}
.content-aligner .introduce_content::first-line{font-weight:700;color:var(--navy)}
.content-aligner .zaikonasi+.table_kakaku{color:var(--muted);font-weight:400;font-size:14px}
.content-aligner .pla_img_container img{max-width:min(360px,100%)}   /* 360px 幅の端末で 20px 横にはみ出していた(統合で直した) */
.content-aligner .table_img_container img,.content-aligner .buhin_img_container img{max-width:100%}   /* 4列にした枠から写真(220px 固定の上限)がはみ出さないように */
@media (max-width:600px){   /* スマホは2列(1列だと写真が横いっぱいに伸びて前より長くなった) */
  .content-aligner .chuuko_container2,.content-aligner .buhin_hanbai_container .chuuko_container1{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .content-aligner .buhin_container,.content-aligner .table_buhin_container{padding:8px;font-size:13px}
  .content-aligner .chuuko_container1>div>div:not(.buhin_container){grid-column:1/-1}
}

/* 25-6-i. 石英ガラス(N8)。写真が縦に大きく並んで 8,812px あった。品名(h3)と写真を左、説明を右の2列にし、写真の高さを抑える */
.content-glass .goods{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:18px;align-items:start;margin:18px 0}
.content-glass img{max-height:280px;width:auto;object-fit:contain}
.content-glass .goods_img_container{gap:8px}
.content-glass figure{margin:0}
.content-glass figcaption{font-size:13px;color:#4a5768;margin-top:4px;line-height:1.5}
.content-glass .special_imgs_container figure{flex:1 1 200px;max-width:280px}
.content-glass .goods_img_container>figure{flex:1 1 0;min-width:0;max-width:calc(50% - 4px)}   /* 写真2枚を横に並べる(img の max-width:50% が figure の幅に効いて小さくなっていた) */
.content-glass .goods_img_container>figure img{max-width:100%}
@media (min-width:601px){   /* バンドパスフィルタ: 分光チャートの右に説明(スマホは縦のまま) */
  .content-glass .goods_filter .goods_img_container{flex-wrap:nowrap;align-items:flex-start}
  .content-glass .goods_filter .setumei{flex:1 1 auto;min-width:0}
}
.content-glass .goods_name{margin-top:0}   /* 仕上げで h3 → h2 に上げた(見出しの段を詰めた)ので要素名を外した */
@media (max-width:900px){
  .content-glass .goods{grid-template-columns:1fr}
}

/* 25-6-j. 会社概要(N10)。業務内容を事業の柱2本+そのほかの取扱いに。スマホは項目名の列を詰めて本文を細長く折らない */
.company-other{margin:6px 0 0}
@media (max-width:600px){
  .spec-wide{grid-template-columns:5.5em 1fr;gap:8px 10px}
}

/* 25-6-k. よくある質問(N11)。答えの改行(「・装置の名称…」の箇条)が1行に潰れていた。節へ飛ぶチップ・節の末尾の関連ページ・最後のお問い合わせ */
.faq .a,.faq-item .a{white-space:pre-line}
.faq-toc{margin:6px 0 4px}
.faq-rel{font-size:14px;color:#33404f;margin:12px 0 0}
.faq-end{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px}

/* 25-6-l. 404(N12)。入口のチップの列の下の検索窓、「探している機器を伝える」のボタンがチップに付かないように */
.err-entries{margin:4px 0 16px}
.chips+p .btn-ghost{margin-top:14px}

/* --- 25-7. 仕上げ(2026-09-30。全体改善の後の粗探しの指摘) */

/* 25-7-a. 文の中のリンクの下線(G3)の漏れ。トップの「中古電気計測器(保証付き)」・節ページの「入荷したらお知らせします」・
           型式ページの在庫一覧へのリンクが色だけで、周りの字との差が 3:1 に届いていなかった。ボタンは下線なしのまま */
.more-line a,.chuukoki_sort_guide a,.model-links a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
:is(.more-line,.chuukoki_sort_guide,.model-links) :is(a.btn,a.btn-cta,a.btn-ghost,a.btn-navy){text-decoration:none}

/* 25-7-b. スマホの下部バー(買取・O/H)は、ヒーローの赤ボタンが画面の外に出てから出す(layout.php の script が .bar-wait を外す)。
           最初の画面に同じ行き先の赤いボタンが3つ重なっていた。JS が無ければ .bar-wait が付かないので今どおり常に出る */
@media (max-width:900px){
  .item-bar{transition:transform .2s ease,visibility .2s}
  .item-bar.bar-wait{transform:translateY(120%);visibility:hidden}
}
@media (prefers-reduced-motion:reduce){.item-bar{transition:none}}

/* 25-7-c. PC のサブメニューを Esc で閉じる(layout.php の script が li に付ける) */
.hd-menu>li.sub-closed>.sub{display:none!important}

/* 25-7-d. 買取のヒーロー。2つのボタンを全角空白でなく隙間で離す(スマホで縦に並ぶと上下が接していた)。
           PC は文とボタンが左の約560px に収まり、右の4割が空いた淡い面だったので、右の列に事実4つを縦に置く */
.kt-hero-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
@media (min-width:901px){
  .kt-hero>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,260px);column-gap:36px;row-gap:0;align-items:start}
  .kt-hero>div>*{grid-column:1}
  .kt-hero>div>.kt-facts{grid-column:2;grid-row:1/span 6;display:grid;gap:14px;align-content:center;align-self:stretch;margin:0;padding-left:26px;border-left:1px solid var(--tint-line)}
  .kt-hero>div>.kt-facts span{display:block}
}

/* 25-7-e. 買取の取扱実績の表(スマホ)。型式が「TURBOVAC100/0C」のように途中で折れていた。型式は折らず、メーカーの列で折る */
@media (max-width:600px){
  .kt-models-wrap{overflow-x:auto}
  .kt-models{table-layout:auto}
  .kt-models th:nth-child(1){width:auto}
  .kt-models td:nth-child(2){white-space:nowrap;overflow-wrap:normal}
  .kt-models td:first-child{font-size:13px}
}

/* 25-7-f. 検索の「過去に扱った型式」の2つのリンク。押せる高さが 22px で指で押し分けにくかった */
.pm-links a{display:inline-block;padding:5px 0}

/* 25-7-g. サービス本文の見出し。import_content.py が h3→h2・h4→h3 に1段上げた(h1 の次が h3 だった)ので、
           見た目は前の h3・h4 と同じ大きさに合わせる(前の .content h3 / h4 の指定の写し) */
.content h2{font-size:17px;margin:1.3em 0 .5em;border-left:4px solid var(--blue);padding-left:10px}
.content h3{font-size:15px;margin:1em 0 .4em;border-left:0;padding-left:0}
.content h3.section_title{border-left:4px solid var(--blue);padding-left:12px}
.content h2.section_title{background:none;border-radius:0}

/* 25-7-h. サービスの横並び(svc-siblings)を h1 の上からボタンの下へ移した。PC は少し小さく、下の本文と離す */
.svc-siblings{margin:0 0 18px}
@media (min-width:901px){
  .svc-siblings{font-size:12px;gap:4px}
  .svc-siblings a{padding:2px 8px}
}

/* 25-7-i. O/H のカードのメーカー。札を並べず1段落に(TMP は10社の札が8行並んで、3枚の高さが揃わなかった) */
.oh-makers{font-size:13.5px;line-height:1.65;color:#33404f;margin:2px 0 8px}
.oh-makers-h{display:block;font-size:12px;font-weight:700;color:#4a5768}
.oh-makers small{font-size:12px;color:#4a5768}

/* 25-7-j. スマホの見出しの語の途中の改行。「マスフローコントロー/ラー」「保管機/器」「ターボ分子ポン/プ」 */
@media (max-width:480px){
  .page h1{font-size:24px}
}
.kt-cat b{word-break:keep-all;overflow-wrap:anywhere}
@media (max-width:600px){   /* 納期の表は3列目(備考)を行の下へ回す */
  .oh-lead-tbl,.oh-lead-tbl tbody{display:block}
  .oh-lead-tbl tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}
  .oh-lead-tbl th,.oh-lead-tbl td{display:block;border:0;padding:2px 4px;background:none}
  .oh-lead-tbl td:nth-child(3){grid-column:1/-1}
}

/* 25-7-k. 型式ページの比較表(スマホ)。横に送れることを両端の影で示す(送った先の端では影が消える) */
@media (max-width:900px){
  .model-cmp-wrap{background:
    linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) 0 0/28px 100% no-repeat local,
    linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)) 100% 0/28px 100% no-repeat local,
    radial-gradient(farthest-side at 0 50%,rgba(14,35,64,.32),rgba(14,35,64,0)) 0 0/14px 100% no-repeat scroll,
    radial-gradient(farthest-side at 100% 50%,rgba(14,35,64,.32),rgba(14,35,64,0)) 100% 0/14px 100% no-repeat scroll}
}

/* =====================================================================
   26. piyo の回答〔2026-09-30〕(全体改善の判断待ちへの答え)
   26-1 Q5 在庫の並び(.sort-switch。節ページ・検索結果)
   26-2 Q6 協力会社のサイト「中古市」への1行(.partner-link 検索0件・在庫0の節 / .partner-note 電気計測器のページ)
   26-3 Q9 買取ページのメールアドレス(画像。.kt-mail)
   26-4 Q10 プライバシーポリシーの改定日(.policy-date)
   Q4(売却済の価格を出さない)・Q7(301)は CSS なし
   ===================================================================== */
/* 26-1. 並び: 新しい順|価格の安い順|価格の高い順。今の並びは太字、ほかはリンク(押せる高さを取る) */
.sort-switch{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;font-size:13px;margin:0 0 4px;color:var(--muted)}
.sort-switch>span{margin-right:2px}
.sort-switch a,.sort-switch b{display:inline-block;padding:5px 8px;border-radius:14px;line-height:1.4}
.sort-switch a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.sort-switch a:hover{background:var(--soft)}
.sort-switch b{color:var(--ink);background:var(--tint,#e9f0f9);font-weight:700}

/* 26-2. 中古市への1行。赤いボタンの下に文字だけ(赤は CTA だけ)。協力会社のサイトだと分かる文言は HTML 側 */
.partner-link{font-size:14px;margin:8px 0 12px}
.partner-link a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.partner-link a:after{content:" ›"}
.partner-link small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.empty+.partner-link{text-align:center;margin-top:-2px}
.partner-note{font-size:13px;color:var(--muted);margin:16px 0 6px}

/* 26-3. 買取ページのメールアドレス(本番の問い合わせページと同じ画像 195×35)。フォームのボタンの下に控えめに。下の断り書き(small)は 10-04 に外した */
.kt-mail{font-size:14px;margin:10px 0 18px;padding:10px 14px;background:var(--surface,#f5f7fa);border-radius:8px;line-height:1.7}
.kt-mail-addr{display:inline-block;vertical-align:middle;margin:2px 4px;padding:3px 6px;background:#fff;border:1px solid var(--line);border-radius:4px;line-height:0}
.kt-mail-addr img{display:block;max-width:100%;height:auto}

/* 26-4. プライバシーポリシーの改定日 */
.policy-date{font-size:13px;color:var(--muted);text-align:right;margin:28px 0 0}

/* =====================================================================
   27. 26節のレビューの直し〔2026-09-30〕
   27-1 並びの切り替え: スマホで押しやすく(高さ 36px 以上・14px)、今の並びは紺の枠でも示す
   27-2 中古市への1行: 外のサイトの印(↗)。在庫0の節の箱(.node-empty)は検索0件の箱と同じ並び(赤い CTA → 中古市)
   27-3 電気計測器の断り書き: 画像の列のすぐ上に、本文と同じ濃さで
   27-4 買取ページのアドレスの画像: 枠を外す(押せるボタンに見えていた)
   27-5 在庫0の節の「在庫のない種類」の畳みと在庫の見出しの間(0px で詰まっていた)
   ===================================================================== */
/* 27-1 */
.sort-switch a,.sort-switch b{border:1px solid var(--line)}
.sort-switch b{border-color:var(--navy)}
@media (max-width:600px){
  .sort-switch{font-size:14px;gap:6px}
  .sort-switch a,.sort-switch b{padding:8px 10px;min-height:38px;box-sizing:border-box}
}
/* 27-2 */
.partner-link a:after{content:" ↗"}
.node-empty p{margin:0 0 10px}
.node-empty .partner-link{margin:14px 0 0}
@media (max-width:900px){ .node-empty{padding:18px 14px} }   /* 検索0件の箱(.search-empty)と同じ余白。赤いボタンが1行に収まる */
/* 27-3 */
.content .partner-note{font-size:14px;color:var(--ink);margin:14px 0 10px}
/* 27-4 */
.kt-mail-addr{border:0;background:transparent;padding:0;border-radius:0}
/* 27-5 */
.empty-kinds+.node-layout{margin-top:24px}

/* =====================================================================
   28. ロゴ・トップ・在庫検索〔2026-09-30 夜。piyo「ロゴを使って(IRCアイアールシー株式会社+キャッチ必須・キャッチの位置は自由)」
       「TOPページはあくまで総合的なTOPページとして扱う(中古情報に寄せるのはOK)」「中古機の検索も改善して(1から考えて)」〕
   28-a ヘッダー・フッターのロゴ(assets/brand/irc-logo.svg = brand/logo の 03_irc-kana-kk_tag-below。キャッチはロゴの下)
   28-b 検索窓の候補(assets/search.js が出す .sxs)
   28-c 在庫検索のページ(.sx-*。app/themes/polish/search.php)
   28-d トップ(ヒーローの写真つきの入口・数字、分野の写真、そのほかの取扱いの写真カード、会社について)
   ===================================================================== */
/* 28-a. ロゴ。PC は 1段目を 66→72px にしてロゴ 240×60 を収める(ナビ帯の貼り付く位置と --hd-h も同じだけ下げる)。
         スマホはヘッダーが流れる(7節)ので高さはそのまま、ロゴは 216px */
.brand-logo{flex:none;display:block;line-height:0;padding:2px 0}
.brand-logo img{width:240px;height:auto}
.brand-logo:focus-visible{outline-offset:4px}
@media (min-width:901px){
  :root{--hd-h:112px}
  .hd-row{height:72px}
  .hd-navbar{top:72px}
}
@media (max-width:900px){
  .brand-logo img{width:216px}
  .hd-row{padding:8px 0 10px}
}
.brand-ft{display:inline-block;line-height:0;margin:0 0 12px}
.brand-ft img{width:216px;height:auto}

/* 28-b. 検索窓の候補。入力欄の真下に白い箱。選んでいる行は淡い青。見出し(機種・分野/メーカー/型式)は小さな灰色 */
.sxs-host{position:relative}
.sxs{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;margin:0;padding:6px 0;list-style:none;background:#fff;
  border:1px solid var(--tint-line);border-radius:10px;box-shadow:0 14px 34px rgba(14,35,64,.2);max-height:min(70vh,520px);overflow:auto;
  text-align:left;font-size:14.5px;line-height:1.4;color:var(--ink)}
.sxs[hidden]{display:none}
.sxs-h{padding:10px 14px 3px;font-size:12px;font-weight:700;color:var(--muted);border-top:1px solid var(--line);margin-top:4px}
.sxs-o{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:8px 14px;cursor:pointer}
.sxs-o[aria-selected=true],.sxs-o:hover{background:var(--tint)}
.sxs-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.sxs-s{flex:none;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:#4a5768}
.sxs-all .sxs-t{color:var(--link)}
.sxs-all .sxs-t:before{content:"";display:inline-block;width:12px;height:12px;margin-right:7px;vertical-align:-1px;
  background:no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='6.5' cy='6.5' r='5' fill='none' stroke='%230b5cad' stroke-width='2'/%3E%3Cpath d='M10.3 10.3L15 15' stroke='%230b5cad' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.sxs-model .sxs-t,.sxs-no .sxs-t{font-variant-numeric:tabular-nums;letter-spacing:.01em}
@media (max-width:900px){
  .sxs{font-size:15px;max-height:60vh}
  .sxs-o{padding:10px 14px}
  .sxs-s{max-width:48%}
}

/* 28-c. 在庫検索。PC は 左 250px に絞り込み・右に結果(節ページの2列と同じ組み方)。スマホは絞り込みを畳む(21節の .fold-*) */
.sx{margin:0 0 20px}
.sx-head{margin:0 0 16px}
.sx-head h1{font-size:26px;margin:14px 0 10px;color:var(--navy)}
.sx-head h1 small{display:inline-block;margin-left:12px;font-size:14px;font-weight:500;color:#4a5768;font-variant-numeric:tabular-nums}
.sx-box{display:flex;max-width:760px}
.sx-box input{flex:1;min-width:0;border:2px solid var(--navy);border-right:0;border-radius:8px 0 0 8px;padding:12px 16px;font-size:17px;background:#fff;color:var(--ink)}
.sx-box input:focus-visible{border-radius:8px 0 0 8px;outline-offset:1px}
.sx-box button{flex:none;border:0;background:var(--navy);color:#fff;padding:0 28px;border-radius:0 8px 8px 0;font-weight:700;font-size:16px;cursor:pointer}
.sx-box button:hover{background:var(--navy2)}
.sx-note{font-size:14px;color:#33404f;margin:10px 0 0;max-width:760px}
.sx-intent{max-width:760px;font-size:14px;margin:10px 0 0;padding:8px 12px;background:var(--tint);border-left:3px solid var(--blue);border-radius:4px}
.sx-intent a{font-weight:700;text-decoration:underline;text-underline-offset:2px}
/* 結果の上 */
.sx-nodes{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 12px}
.sx-lbl{font-size:13px;font-weight:700;color:#4a5768;margin-right:2px}
.sx-nodes a{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border:1px solid var(--tint-line);background:var(--tint);border-radius:8px;color:var(--navy);font-weight:600;font-size:14px;line-height:1.35}
.sx-nodes a small{font-size:12px;font-weight:400;color:#4a5768;font-variant-numeric:tabular-nums}
.sx-nodes a.is-past{background:#fff}
.sx-nodes a:hover{border-color:var(--link);text-decoration:none}
.sx-active{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0}
.sx-active a{display:inline-flex;align-items:center;gap:6px;padding:4px 5px 4px 12px;border-radius:16px;background:var(--navy);color:#fff;font-size:13px;line-height:1.4}
.sx-active a i{font-style:normal;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.22);font-size:13px}
.sx-active a:hover{background:var(--navy2);text-decoration:none}
.sx-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:0 0 10px;margin:0 0 14px;border-bottom:1px solid var(--line)}
.sx-count{margin:0;font-size:14px;color:#33404f}
.sx-count b{font-size:22px;color:var(--navy);font-variant-numeric:tabular-nums;margin-right:2px}
.sx-count small{display:inline-block;margin-left:6px;font-size:12.5px;color:#4a5768}
.sx-sort,.sx-view{display:flex;flex-wrap:wrap;gap:4px;font-size:13px}
.sx-view{margin-left:auto}
.sx-sort a,.sx-sort b,.sx-view a,.sx-view b{display:inline-block;padding:5px 11px;border:1px solid var(--line);border-radius:16px;line-height:1.4;color:var(--link)}
.sx-sort b,.sx-view b{color:#fff;background:var(--navy);border-color:var(--navy)}
.sx-sort a:hover,.sx-view a:hover{background:var(--soft);text-decoration:none}
.sx-models{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:-4px 0 14px;padding:0;font-size:14px}
.sx-models b{font-variant-numeric:tabular-nums}
@media (min-width:901px){.sx-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}}   /* スマホは 25-3-j の2列のまま */
/* 一覧(1行1台)。写真・型式と機器名・価格・管理番号と登録日 */
.sx-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.sx-row-link{display:grid;grid-template-columns:96px minmax(0,1fr) 150px 120px;gap:16px;align-items:center;padding:10px 8px;border-bottom:1px solid var(--line);color:var(--ink)}
.sx-row-link:hover{background:var(--soft);text-decoration:none}
.sx-row-img{display:block;width:96px;height:72px;border-radius:6px;overflow:hidden;background:var(--soft)}
.sx-row-img img{width:100%;height:100%;object-fit:cover}
.sx-row-img:empty:after,.sx-row-img.none:after{content:"写真準備中";display:grid;place-items:center;height:100%;font-size:11px;color:var(--muted)}
.sx-row-main{display:flex;flex-direction:column;min-width:0;gap:1px}
.sx-row-model{font-size:16.5px;font-weight:700;color:var(--ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.sx-row-model i{font-style:normal;font-size:13px;font-weight:400;color:var(--muted)}
.sx-row-link:hover .sx-row-model{color:var(--link)}
.sx-row-name{font-size:13.5px;color:#33404f}
.sx-row-name em{font-style:normal;font-size:12px;font-weight:700;color:var(--cta2);margin-left:8px}
.sx-row-maker{font-size:13px;color:#4a5768}
.sx-row-price{text-align:right;font-size:18px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums;white-space:nowrap}
.sx-row-price.ask{font-size:13px;font-weight:600;color:var(--muted)}
.sx-row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:12px;color:#4a5768;font-variant-numeric:tabular-nums;white-space:nowrap}
.sx-row-meta span:first-child{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;color:#33404f}
/* 結果の下 */
.sx-empty{background:var(--surface);border-radius:var(--radius);padding:26px 24px;text-align:center;max-width:820px;margin:0 0 10px}
.sx-empty p{margin:0 0 10px}
.sx-empty p:last-child{margin-bottom:0}
.sx-empty-sub{font-size:13.5px;color:#33404f}
.sx-empty-sub a{text-decoration:underline;text-underline-offset:2px}
.sx-past{margin:34px 0 0;max-width:980px}
.sx-past h2{font-size:18px;margin:0 0 8px;padding:2px 0 7px 12px;border-left:4px solid var(--blue);border-bottom:1px solid var(--line);color:var(--ink)}
.sx-past h2 small{display:inline;margin-left:10px;font-size:13px;font-weight:400;color:#4a5768}
.sx-past ul{list-style:none;margin:0;padding:0}
.sx-past li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 18px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--line);font-size:14px}
.sx-past-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0}
.sx-past-main b{font-size:15px;font-variant-numeric:tabular-nums}
.sx-past-main span{color:#4a5768;font-size:13px}
.sx-past-n{font-size:13px;color:#4a5768;white-space:nowrap;font-variant-numeric:tabular-nums}
.sx-past-links{display:flex;gap:14px;font-size:13px;white-space:nowrap}
.sx-past-links a{text-decoration:underline;text-underline-offset:2px}
.sx-wanted{margin:22px 0 0;font-size:14px;color:#33404f}
.sx-wanted a{font-weight:700;text-decoration:underline;text-underline-offset:2px}
@media (max-width:1100px){
  .sx-row-link{grid-template-columns:88px minmax(0,1fr) 130px}
  .sx-row-img{width:88px;height:66px}
  .sx-row-meta{grid-column:2/-1;flex-direction:row;justify-content:flex-start;gap:12px;margin-top:-10px}
}
@media (max-width:900px){
  .sx-head h1{font-size:22px;margin-top:8px}
  .sx-head h1 small{display:block;margin:4px 0 0;font-size:13px}
  .sx-box input{font-size:16px;padding:11px 12px}
  .sx-box button{padding:0 18px}
  .sx-nodes{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;
    -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .sx-nodes>*{flex:none;white-space:nowrap}
  /* 件数と写真/一覧を1行目に、並びは2行目を1行の横送りに(4つのボタンが2行に折れて結果が下がっていた) */
  .sx-bar{gap:8px 10px}
  .sx-view{order:1;margin-left:auto}
  .sx-sort{order:2;flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  .sx-sort>*{flex:none;white-space:nowrap}
  .sx-sort a,.sx-sort b,.sx-view a,.sx-view b{padding:7px 11px;font-size:13.5px}
  .sx-row-link{grid-template-columns:80px minmax(0,1fr);gap:4px 12px;padding:10px 2px;align-items:start}
  .sx-row-img{width:80px;height:60px;grid-row:span 3}
  .sx-row-price{text-align:left;font-size:16.5px}
  .sx-row-meta{grid-column:2;flex-direction:row;gap:10px;margin:0}
  .sx-past li{grid-template-columns:minmax(0,1fr) auto}
  .sx-past-links{grid-column:1/-1;white-space:normal;flex-wrap:wrap}
  .sx-empty{padding:20px 14px}
}

/* 28-d. トップ */
/* ヒーロー: 左に見出し・検索・チップ・数字、右に写真つきの入口(買取・O/H)。赤は使わない(ヘッダーの売りたいボタンと買取の段だけ) */
@media (min-width:901px){.hero .wrap.hero-grid{grid-template-columns:minmax(0,1fr) 400px;gap:40px}}   /* スマホは 25-1-f の1列のまま */
.hero-eyebrow{margin:0 0 4px;font-size:13.5px;font-weight:700;color:var(--blue);letter-spacing:.06em}
.hero-nums{list-style:none;display:flex;flex-wrap:wrap;gap:4px 28px;margin:16px 0 0;padding:0}
.hero-nums li,.hero-nums a{display:flex;align-items:baseline;gap:6px;color:#33404f;font-size:13.5px}
.hero-nums a:hover{text-decoration:none}
.hero-nums a:hover span{text-decoration:underline}
.hero-nums b{font-size:26px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.hero-side .hs-card{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 14px 10px 10px;
  background:#fff;border:1px solid var(--tint-line);border-radius:12px;color:var(--navy);font-weight:400}
.hero-side .hs-card:hover{border-color:var(--link);box-shadow:var(--shadow);text-decoration:none}
.hs-card img{width:112px;height:84px;object-fit:cover;border-radius:8px;background:#fff}
.hs-card b{display:block;font-size:16px;line-height:1.4;color:var(--navy)}
.hs-card small{display:block;margin-top:3px;font-size:13px;line-height:1.5;color:#33404f;word-break:auto-phrase}
.hs-card i{font-style:normal;font-size:24px;line-height:1;color:var(--link)}
@media (max-width:900px){
  .hero-nums{gap:2px 18px;margin-top:10px}
  .hero-nums b{font-size:21px}
  .hero-side .hs-card{grid-template-columns:76px minmax(0,1fr) auto;gap:12px;padding:8px 12px 8px 8px}
  .hs-card img{width:76px;height:57px}
  .hs-card b{font-size:15px}
}
/* 新着の下のボタン2つ */
.more-line.more-center .btn+.btn{margin-left:10px}
@media (max-width:600px){
  .more-line.more-center .btn{display:block;width:100%}
  .more-line.more-center .btn+.btn{margin:8px 0 0}
}
/* 分野: V1 の分野の写真(白地の切り抜き・160×120)を左に。PC は4列(写真の分だけ名前の幅を取る) */
@media (min-width:1100px){.roots.roots-img{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}
.roots-img .root.has-img .root-name{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:8px;align-items:center}
.roots-img .root-name img{width:60px;height:45px;object-fit:contain;mix-blend-mode:multiply}
.roots-img .root.has-img .root-kids{padding-left:68px}
.roots-img .root-name span{font-size:15px}
@media (max-width:900px){
  /* スマホの2列のカードは幅が約150px。名前を1行目いっぱいに、点数と写真を2行目に(写真を左に置くと「真/空コンポーネ/ント」と割れた) */
  .roots-img .root.has-img .root-name{grid-template-columns:minmax(0,1fr) 48px;grid-template-areas:"n n" "c i";gap:2px 6px;align-items:end}
  .roots-img .root-name span{grid-area:n;font-size:13px}
  .roots-img .root-name img{grid-area:i;width:48px;height:36px}
  .roots-img .root.has-img .root-name b{grid-area:c;margin-left:0;align-self:end}
}
/* そのほかの取扱い(.svc-cards)は 10-03 にヒーローの直下の「サービス」(.svc-band。33-a)に替えた */
/* 会社について: 社屋の写真と要点 */
.about-grid{display:grid;grid-template-columns:380px minmax(0,1fr);gap:28px;align-items:start}
.about-photo{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.about-co .about-grid p{max-width:none}
.about-dl{display:grid;grid-template-columns:7em minmax(0,1fr);gap:4px 12px;font-size:14px;margin:12px 0 14px;padding:10px 14px;background:var(--surface);border-radius:8px}
.about-dl dt{color:#4a5768}
.about-dl dd{margin:0}
.chips a .nb{display:inline;border:0;padding:0;background:none;font-size:inherit}   /* 「協力会社のサイト『中古市』(他社の在庫も探せる)」の括弧が .chips span の丸枠で二重の札になっていた */
@media (max-width:900px){
  .about-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .about-photo{max-height:220px}
}
/* 28-c 追記〔2026-10-03〕: 新着・在庫表の表示の切り替え(写真 / 表)。札は検索結果の .sx-view と同じ形。
   前はここに中古機一覧の表へのリンクの1行があった。中古機一覧をやめて表を新着・在庫表の中へ移した */
.new-view{display:flex;align-items:center;gap:8px;margin:-2px 0 12px;font-size:13.5px;color:#4a5768}
.new-view .sx-view{margin-left:0}

/* =====================================================================
   28-e. 講評の直し〔2026-09-30 夜。別の講評役がスクショで大・中・小を出した物〕
   28-e-1 カード(全ページの一覧): 写真の下の焼き込み日付を一覧では切る / 型式の無い品 / 帯とメーカーを1行 / 価格の段を揃える / 字の大きさ / 商談中の札
   28-e-2 在庫検索: スマホの絞り込みは全画面の板 / 結果までの距離 / 左の列の押せる形・貼り付き / 仕様の記載の数 / 一覧 / 0件 / 取扱実績
   28-e-3 トップ: トップだけ PC のヘッダーの検索窓を出さない / 入口の3段目 / スマホのリードと数字・チップの見出し / 分野カード / 社屋の写真
   28-e-4 ヘッダー・フッター・ページ送り・節ページの絞り込みの見た目を検索と揃える
   ===================================================================== */

/* 28-e-1. カード。写真は 4:3 の撮影でほぼ全部の右下に日付が焼き込まれている(高さの 86〜90% の位置)。
   一覧のカードでは枠を 16:10 にして上に寄せ、下の 1/6 を外す(日付が消え、カードも低くなる)。商品ページの大きい写真は切らない */
.chuukobox .imgbox{aspect-ratio:16/10}
.chuukobox .imgbox img{object-position:50% 0}
/* 帯(機種・品名)とメーカーは1行で「…」(全文は title)。帯が2行に折れて同じ段の価格がずれていた */
.chuukobox .name{font-size:13px;gap:6px;align-items:center}
.chuukobox .name-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chuukobox .brand{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 型式が無い品は品名を型式の位置に(一番大きい字)。型式ごとに折らない(.nw) */
.chuukobox .kata .nw{white-space:nowrap}
.chuukobox .kata-name{font-size:15px;line-height:1.45}
/* 価格と下段はカードの下に揃える(上の段の高さが違っても、同じ行のカードの価格が同じ高さに来る) */
.chuukobox .detailslink{display:flex;flex-direction:column;flex:1 1 auto}
.chuukobox .kakaku{margin-top:auto}
/* 商談中・入荷予定は赤でなく琥珀色の札(赤は CTA だけ) */
.chuukobox .st,.sx-row-sub .st{display:inline-block;font-style:normal;font-size:12px;font-weight:700;line-height:1.5;color:#8a4b00;background:#fff4e0;border:1px solid #f0cf9c;padding:0 6px;border-radius:4px}
.chuukobox .otoiawase .kanrinmb{font-size:12.5px}
@media (max-width:480px){.chuukobox .otoiawase .kanrinmb{font-size:12px}}

/* 28-e-2. 在庫検索 */
.sx-sort-sp{display:none}
/* 結果の上 */
.sx-nodes a small{font-size:12.5px}
.sx-count small{font-size:13px}
/* 一覧(1行1台): 行を低く(写真 80×60)、型式の下に品名・メーカー・札、その下に現品の仕様(転記)。登録日は90日以内だけ */
.sx-row-link{grid-template-columns:80px minmax(0,1fr) 150px 110px;padding:8px 8px;gap:14px}
.sx-row-img{width:80px;height:60px}
.sx-row-sub{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;font-size:13.5px;color:#33404f}
.sx-row-sub .sx-row-maker{font-size:13.5px}
.sx-row-spec{font-size:13.5px;color:var(--navy);font-weight:600;margin-top:1px}
.sx-row-new{color:var(--ok,#1a7f4b);font-weight:700}
/* 0件の「近い分野の在庫」と取扱実績の行 */
.sx-near{margin:26px 0 0}
.sx-near h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:18px;margin:0 0 10px;padding:2px 0 7px 12px;border-left:4px solid var(--blue);border-bottom:1px solid var(--line)}
.sx-near h2 small{font-size:13px;font-weight:400;color:#4a5768}
.sx-near h2 a{margin-left:auto;font-size:14px;font-weight:600}
@media (min-width:901px){.sx-near .sx-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sx-past li{grid-template-columns:minmax(0,1fr) auto auto;padding:6px 4px}
a.sx-past-main{color:var(--ink);border-radius:6px;padding:4px 6px;margin:-4px -6px}
a.sx-past-main:hover{background:var(--soft);text-decoration:none}
a.sx-past-main:hover b{color:var(--link);text-decoration:underline}
.sx-past-ask{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid #b9c6d6;border-radius:18px;font-size:13px;font-weight:600;color:var(--link);white-space:nowrap;background:#fff}
.sx-past-ask:hover{border-color:var(--link);background:var(--soft);text-decoration:none}
.sx-past-links{display:none}
.pager .pager-gap{background:none;border:0;color:var(--muted);min-width:0;padding:7px 2px}

@media (max-width:900px){
  /* スマホ: 検索ページのパンくずは出さない(見出しと同じ語で、結果を 30px 下げていた) */
  .v-search .crumbs{display:none}
  .sx-head{margin:0 0 10px}
  .sx-head h1{margin-top:12px;margin-bottom:8px}
  .sx-note,.sx-intent{font-size:13px;margin-top:6px}
  /* 件数・並び・写真/表を1段に */
  .sx-bar{flex-wrap:nowrap;gap:5px;padding:0 0 8px;margin:0 0 10px}
  .sx-count{flex:1 1 auto;min-width:0;flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sx-count b{font-size:19px}
  .sx-count small{display:none}
  .sx-sort{display:none}
  .sx-sort-sp{display:block;order:3;flex:none;position:relative}
  .sx-sort-sp>summary{display:flex;align-items:center;min-height:38px;padding:0 8px;border:1px solid var(--line);border-radius:19px;font-size:13px;cursor:pointer;list-style:none;white-space:nowrap;color:var(--ink)}
  .sx-sort-sp>summary::-webkit-details-marker{display:none}
  .sx-sort-sp>summary:after{content:"▾";margin-left:4px;font-size:11px}
  .sx-sort-sp>div{position:absolute;right:0;top:calc(100% + 4px);z-index:30;display:grid;min-width:150px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 26px rgba(14,35,64,.18);padding:4px 0}
  .sx-sort-sp>div a,.sx-sort-sp>div b{display:block;padding:10px 14px;font-size:14.5px}
  .sx-sort-sp>div b{color:var(--navy);background:var(--tint)}
  .sx-view{order:4;flex:none;margin-left:0}
  .sx-view{gap:2px}
  .sx-view a,.sx-view b{padding:0 8px;min-height:38px;display:inline-flex;align-items:center;font-size:13px}
  .sx-models{margin:14px 0 0}
  /* 一覧: 同じ機器名が並ぶときは省く(MFC の検索で全行「マスフローコントローラー(MFC)」だった) */
  .sx-row-link{grid-template-columns:72px minmax(0,1fr);gap:2px 12px;padding:9px 2px}
  .sx-row-img{width:72px;height:54px;grid-row:span 3}
  .sx-same-name .sx-row-name{display:none}
  .sx-row-sub{font-size:13px;gap:2px 10px}
  .sx-row-spec{font-size:13px}
  .sx-past li{grid-template-columns:minmax(0,1fr) auto}
  .sx-past-ask{grid-column:1/-1;justify-self:start}
}

/* 28-e-3. トップ */
/* PC ではトップだけヘッダーの検索窓を出さない(ヒーローの検索窓と 240px しか離れず2つ並んでいた)。スマホはヒーローの窓が無い(7節)のでヘッダーの窓のまま */
@media (min-width:901px){.v-home .hd-search{display:none}}
/* 入口の3段目(そのほかの取扱い・写真なしの低い段 hs-card-sm)は 10-03 にオーバーホールに替えたので外した */
.hero-eyebrow{color:#474E93}   /* ロゴのキャッチの藍 */
/* 分野カードの下位の名前は2行まで(「マスフローコントローラー・…」と切れていた)。電気計測器のカードの中に保証付きのページへの1行 */
.roots-img .root-kids li{white-space:normal}
.roots-img .root-kids a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.root-extra{margin:4px 0 0 68px;font-size:12.5px}
.root-extra a{font-weight:600}
/* 社屋の写真の縁の白いぼかしを外す(枠で切る) */
.about-photo-wrap{overflow:hidden;border-radius:12px;aspect-ratio:3/2}
.about-photo-wrap .about-photo{width:100%;height:100%;border-radius:0;transform:scale(1.14);transform-origin:50% 55%}
@media (max-width:900px){
  /* スマホ: リードは1文目だけ・数字は1行・チップの見出しは上の行に */
  .hl-more{display:none}
  .hero-lead{margin-bottom:8px}
  .hero-nums{flex-wrap:nowrap;gap:0 16px;margin-top:8px}
  .hero-nums li,.hero-nums a{font-size:12.5px;gap:3px;white-space:nowrap}
  .hero-nums b{font-size:18px}
  .hero-nums li:nth-child(3){display:none}   /* 掲載の累計はスマホでは省く(1行に収める) */
  .hero-chips{display:block;overflow:visible;-webkit-mask-image:none;mask-image:none;padding:0}
  .hero-chips .hc-l{display:block;font-size:12.5px;margin:0 0 4px}
  .hero-chips .hc-list{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;
    -webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .hero-chips .hc-list a{flex:none;white-space:nowrap}
  .root-extra{margin-left:0}
}
@media (min-width:901px){.hero-chips .hc-list{display:contents}}

/* 28-e-4. ヘッダー・フッター・節ページ */
@media (min-width:901px){
  .brand-logo{margin-right:18px}
  .hd-search{max-width:520px}
}
@media (max-width:900px){.brand-logo img{width:240px}}
.ft-roots a{white-space:nowrap}
.ft-roots a small{white-space:nowrap}
/* 節ページの左の列(メーカー)も検索と同じ形: 淡い帯の見出し・15px の行・選んでいる行は淡い青(紺の帯をやめる) */
@media (min-width:901px){
  .node-side .section_title{font-size:15px;background:var(--band);color:var(--navy);border-left:0;border-radius:6px;padding:6px 10px;border-bottom:0}
  .node-side .makerbar a{font-size:15px;padding:6px 10px;border-radius:6px}
  .node-side .makerbar a.on{background:var(--tint);color:var(--navy);font-weight:700}
  .node-side .makerbar a.on:hover{background:var(--tint)}
  .node-side .makerbar a.on b{color:var(--navy)}
}
/* 28-e 追記: 候補の型式の行は小さな写真と価格(search.js)。社屋の写真の枠(スマホ) */
.sxs-model{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"img t p" "img s s";gap:0 10px;align-items:center}
.sxs-model .sxs-img{grid-area:img;width:44px;height:33px;border-radius:4px;overflow:hidden;background:var(--soft)}
.sxs-model .sxs-img img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.sxs-model .sxs-t{grid-area:t}
.sxs-model .sxs-p{grid-area:p;font-weight:700;color:var(--navy);font-size:13.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.sxs-model .sxs-s{grid-area:s;max-width:none}
@media (max-width:900px){
  .about-photo-wrap{max-height:220px}
  .about-photo-wrap .about-photo{max-height:none}
}

/* 28-f. トップの新着入荷は1段の横送り〔piyo 2026-09-30 夜「新着の2列を1列にする。代わりに左右のボタンで次/前のまとまりを表示」〕。
   1まとまり = PC 5枚(1099px 以下は4枚)・タブレット4〜3枚・スマホ2枚。カードの幅は 185px 以上(下段の「問い合わせる」と管理番号が
   1行に収まる幅。768px の4枚=174px では2行に割れていた)。スマホの2枚は 480px 以下の詰めた下段(25-3-j)で 155〜215px。
   ‹ › は見えている枚数ぶんずつ送り、端では消す(home.php の末尾の script)。JS が無いときはボタンを出さず、横スクロールとスワイプで送る。
   枠の上下左右に余白を取ってカードのフォーカスの枠が切れないようにし、外側は負のマージンで元の位置に戻す */
.slider{position:relative;--slider-n:5;--slider-gap:16px}
.slider-track{display:flex;gap:var(--slider-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
  padding:6px 6px 14px;margin:-6px -6px -8px;scroll-padding-inline:6px;scrollbar-width:thin}
.slider-track>*{flex:0 0 calc((100% - (var(--slider-n) - 1) * var(--slider-gap)) / var(--slider-n));min-width:0;scroll-snap-align:start}
.slider-on .slider-track{scrollbar-width:none}
.slider-on .slider-track::-webkit-scrollbar{display:none}
.slider-btn{position:absolute;z-index:2;top:var(--slider-top,30%);width:44px;height:44px;margin-top:-22px;padding:0;
  display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--navy);
  box-shadow:0 2px 10px rgba(14,35,64,.22);cursor:pointer;transition:opacity .15s,visibility .15s,color .15s,border-color .15s}
.slider-btn[hidden]{display:none}
.slider-btn svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.slider-prev{left:-14px}
.slider-next{right:-14px}
.slider-btn:hover{color:var(--blue);border-color:var(--blue)}
.slider-btn:focus-visible{outline:3px solid #ffb703;outline-offset:2px}
.slider-btn.is-off{opacity:0;visibility:hidden}   /* 端のボタンは消す(タブでも止まらない) */
@media (max-width:1099px){.slider{--slider-n:4}}
@media (max-width:900px){.slider{--slider-gap:10px}}
@media (max-width:819px){.slider{--slider-n:3}}
@media (max-width:619px){
  .slider{--slider-n:2}
  .slider-btn{width:40px;height:40px;margin-top:-20px}
  .slider-prev{left:-12px}
  .slider-next{right:-12px}
}

/* =====================================================================
   29. 背景の色合い〔piyo 2026-10-01「背景が薄い青みたいなところを薄いピンクや肌色にしてみて」〕
   薄い青の面(トップ・買取の上部、カードの帯、選んでいる所、帯の見出し、フッター、入力欄や注記の囲み、商品の取扱実績の箱ほか)を
   変数にまとめ、既定を薄いピンクにした。色は元の青と同じ明るさのまま色相を回した物(ピンク 345°。肌色 26° は同じ濃さだと白に見えたので色味を1.5倍)。
   文字と線の紺・青、赤いボタン、カードと表の灰色の線(--line)は変えない。
   〔piyo 2026-10-09「本番ページでは線、背景ピンクにして」〕薄いピンクに決め、下見の切り替え(ピンク/肌色/青)は外した。
   やめるときはこの節を消すだけ(元の青は 24・25節の指定がそのまま効く)
   ===================================================================== */
:root{--hero-a:#fbeef1;--hero-b:#fdf8f9;--band:#f9e8ec;--tint:#f9e9ed;--tint-hover:#f7dde3;--band2:#f6e0e5;--band2-hover:#f4d3db;
  --soft:#f9f4f5;--surface:#faf5f6;--ft-bg:#f7eef0;--tint-line:#ebced5;--band-line:#edd0d7;--band2-line:#e9ced5;--ft-line:#e5d3d8}
/* 色を直に書いていた所を変数に(元の青は 24・25節の値) */
.hero{background:linear-gradient(180deg,var(--hero-a) 0%,var(--hero-b) 100%)}
.kt-hero{background:linear-gradient(135deg,var(--hero-a) 0%,var(--hero-b) 100%)}
.catbtns-sm .catbtn:not(.is-empty):hover{background:var(--tint-hover)}
.link_list_title{background:var(--band2);border-bottom-color:var(--band2-line)}
.link_list:hover .link_list_title{background:var(--band2-hover)}
.band{box-shadow:inset 0 1px 0 var(--band-line),inset 0 -1px 0 var(--band-line)}
.ft{background:var(--ft-bg)}
.ft-bottom{border-top-color:var(--ft-line)}
.item-past{background:var(--soft)}
/* 29 追記〔piyo 2026-10-01「ヘッダーメニューとボディの間の線を肌色とかピンクっぽいバージョンの見比べも」〕:
   メニューの下の線(2px)と、同じ枠のフッターの上の線(3px)を --frame-line に。〔piyo 2026-10-09〕ピンク #e28ba3 に決めた(前は紺)。
   今いる所の青い下線(3px)は変えない */
:root{--frame-line:#e28ba3}
.hd-navbar{box-shadow:inset 0 1px 0 var(--line),inset 0 -2px 0 var(--frame-line),0 2px 8px rgba(14,35,64,.08)}
.ft{box-shadow:inset 0 3px 0 var(--frame-line)}

/* =====================================================================
   30. 中古TOP = 中古機販売(/chuko。polish/tree.php)〔piyo 2026-10-01「中古TOPページを改善して」→ 10-03「https://ircforall.net/_v2/chukoを改善して」〕
   10-03 に V1 と同じ「分野の写真カード → 押すとその段の下に種類・機種が開く」形にした。前(10-01)は全部開いた段組み(columns)で、
   上から下へ流れるので PC の1段目が 真空装置・計測器・クリーンルーム… になり、横に読むと番号順でなかった。
   ・カード(.ct-tile)は格子で横に番号順。写真・名前・点数・在庫の多い種類3つ・下に「種類・機種を開く」の帯
   ・開いた一覧(.ct-panel)は grid-column:1/-1 と grid-auto-flow:dense で、押したカードの段のすぐ下に横幅いっぱいで出る
     (.ct-cat は display:contents で、カードと一覧が格子の直の子。同じ段の後ろのカードは dense で段に残る)。
     中は1行 = 1種類(左に種類と点数・右に機種。横に読んでも番号順)。見た目の枠は内側の .ct-pin に付ける
   ・閉じた一覧は hidden="until-found"(ページ内検索で開く)。Chrome では content-visibility:hidden の高さ0の箱として格子の1段を取るので、
     段の間は row-gap でなくカード・一覧の margin-bottom で空ける(row-gap だと閉じた一覧の数だけ隙間が増える)
   ・開け閉めは .ct-chk(チェックボックス)と :has()(JS が無くても開く)。:has() の無いブラウザは一覧を全部開いたまま、帯を出さない
   ・スマホ(900px 以下)は1列。カードは1行(写真・名前と点数・開く)+在庫の多い種類3つ(1行に入る分だけ)、一覧はその下
   ===================================================================== */
.ct-head h1{margin-bottom:6px}
/* カード・近道・一覧のリンクは部品の形で押せると分かるので下線なし(25-1-c の「分野の木」と同じ扱い)。一覧の行はホバーで下線 */
.ct :is(.ct-routes,.ct-h,.ct-quick,.ct-p-head,.ct-t,.ct-ms,.ct-zero,.ct-sec,.ct-mk) a{text-decoration:none}
.ct :is(.ct-quick,.ct-p-head,.ct-t,.ct-ms,.ct-zero,.ct-sec) a:hover{text-decoration:underline;text-underline-offset:2px}
.ct-lead{color:var(--muted);font-size:14px;margin:0 0 14px;max-width:none}
.ct-routes{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
/* 近道は1行(前は説明が2行に折れて縦 90px。ナビと同じ行き先なので小さく) */
.ct-routes a{display:flex;align-items:baseline;gap:4px 10px;height:100%;padding:9px 14px;border:1px solid var(--line);border-radius:var(--radius);
  background:#fff;color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.ct-routes a:hover{border-color:var(--link);box-shadow:var(--shadow)}
.ct-routes b{flex:none;color:var(--navy);font-size:15px}
.ct-routes b::after{content:" ›";color:var(--link)}
.ct-routes span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--muted);line-height:1.5}
/* カードの格子(PC 4列・901〜1099px は3列) */
.ct-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;column-gap:12px;row-gap:0}
.ct-cat{display:contents}
.ct-tile{position:relative;display:flex;flex-direction:column;min-width:0;margin-bottom:12px;padding:12px 14px 0;border:1px solid var(--line);border-radius:var(--radius);
  background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.ct-tile:has(.ct-h>a:hover){border-color:var(--link);box-shadow:var(--shadow)}
.ct-cat.is-empty .ct-tile{opacity:.6}
.ct .ct-h{margin:0;font-size:16.5px;line-height:1.35}   /* .page h2 の上余白(1.6em)を消す */
.ct-h>a{display:flex;align-items:center;gap:12px;color:var(--navy)}
.ct-h img{flex:none;width:96px;height:72px;object-fit:contain;mix-blend-mode:multiply}
.ct-n{display:flex;flex-direction:column;gap:1px;min-width:0;font-weight:800}
.ct-h>a:hover .ct-n>span{text-decoration:underline;text-underline-offset:3px}
.ct-n b{font-size:21px;line-height:1.2;color:var(--navy);font-variant-numeric:tabular-nums}
.ct-h small{display:inline;margin:0 0 0 2px;font-size:12px;font-weight:600;color:var(--muted)}   /* h2 small の display:block を戻す(「124」と「点」が2行になる) */
/* 在庫の多い種類3つ(長い名前は「…」で切り、全体は title に) */
.ct-quick{list-style:none;margin:10px 0 10px;padding:8px 0 0;border-top:1px solid var(--line);font-size:13.5px;line-height:1.55}
.ct-quick li{display:flex;align-items:baseline;gap:6px}
.ct-quick a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--link)}
.ct-quick b{flex:none;font-size:12.5px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
/* 開け閉めの帯(カードの下の端。同じ段のカードは高さが揃うので帯の位置も揃う) */
.ct-chk{position:absolute;left:14px;bottom:10px;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.ct-tog{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;margin:auto -14px 0;padding:8px 14px;border-top:1px solid var(--line);
  background:var(--soft);color:var(--navy);font-size:13.5px;font-weight:700;cursor:pointer;user-select:none}
.ct-tog:hover{background:var(--tint)}
.ct-tog small{margin-left:8px;font-size:12px;font-weight:500;color:var(--muted)}
.ct-tog::after{content:"▾";margin-left:auto;font-size:16px;line-height:1;color:var(--link)}
.ct-tog-c{display:none}
.ct-chk:checked+.ct-tog{background:var(--navy);color:#fff}
.ct-chk:checked+.ct-tog::after{content:"▴";color:#fff}
.ct-chk:checked+.ct-tog .ct-tog-o{display:none}
.ct-chk:checked+.ct-tog .ct-tog-c{display:inline}
.ct-chk:focus-visible+.ct-tog{outline:3px solid #ffb703;outline-offset:-3px}
.ct-tile:has(.ct-chk:checked){border-color:var(--navy)}
/* 開いた一覧 */
.ct-panel{grid-column:1/-1;min-width:0}
.ct-panel:not([hidden]){margin-bottom:12px}
.ct-cat:has(.ct-chk:checked)>.ct-panel{display:block;content-visibility:visible;margin-bottom:12px}   /* JS が無くても開く(hidden が残っていても) */
@supports not selector(:has(a)){.ct-panel{display:block;content-visibility:visible;margin-bottom:12px}.ct-tog,.ct-p-foot{display:none}}
.ct-pin{padding:12px 18px 10px;border:1px solid var(--navy);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.ct-p-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 16px;margin:0 0 6px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.ct-p-head b{font-size:16px;color:var(--navy)}
.ct-p-head a{font-size:14px;font-weight:700;color:var(--link)}
/* 1行 = 1種類。左に種類と点数、右に機種(前の段組みは上から下へ流れ、横に読むと番号順でなかった) */
.ct-types{list-style:none;margin:0;padding:0}
.ct-types>li{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);column-gap:22px;align-items:baseline;padding:7px 0;border-top:1px solid var(--line)}
.ct-types>li:first-child{border-top:0}
.ct-t{display:flex;align-items:baseline;gap:8px;margin:0;font-size:14.5px;font-weight:700;line-height:1.45}
.ct-t a{color:var(--link)}   /* 種類も押せる(前は黒の太字で押せるように見えなかった) */
.ct-t>b{margin-left:auto;font-size:13.5px;color:var(--ink);font-variant-numeric:tabular-nums}
.ct-none{margin-left:2px;font-size:12px;font-weight:400;color:var(--muted);white-space:nowrap}
.ct-ms{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 16px;font-size:13.5px;line-height:1.65}
.ct-ms li{min-width:0}
.ct-ms b{margin-left:3px;font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.ct-sub{color:var(--muted)}   /* 子のある機種の子は括弧にまとめる(例: ドライポンプ 18(スクロールポンプ 1))。前の「›」は次の機種まで子に見えた */
.ct-rest .ct-t a{color:var(--ink)}
.ct-rest-note{margin:0;font-size:13px;color:var(--muted)}
.ct-ms.ct-zero,.ct-ms.ct-sec{margin:4px 0 0;padding-top:8px;border-top:1px dashed var(--line)}
.ct-ms .ct-lbl{font-size:12.5px;font-weight:700;color:var(--muted)}
.ct-zero a{color:var(--muted)}
.ct-p-foot{margin:8px 0 0;text-align:center}   /* 右下は下見の色の切り替えと重なる */
.ct-close{display:inline-block;padding:4px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--navy);font-size:13px;cursor:pointer;user-select:none}
.ct-close::after{content:" ▴"}
.ct-close:hover{border-color:var(--link)}
/* メーカーから探す */
.ct-makers{margin-top:28px}
.ct-mk{list-style:none;margin:6px 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ct-mk a{display:inline-flex;align-items:baseline;gap:6px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;
  font-size:13.5px;color:var(--ink);text-decoration:none}
.ct-mk a b{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.ct-mk a:hover{border-color:var(--link);color:var(--navy);background:var(--tint)}
.ct-more{font-size:14px;margin:0}
.ct-more a{text-decoration:underline;text-underline-offset:2px}
@media (max-width:1099px){
  .ct-cats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ct-types>li{grid-template-columns:minmax(0,220px) minmax(0,1fr)}
}
@media (max-width:900px){
  .ct-routes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}
  .ct-routes li:last-child:nth-child(odd){grid-column:1/-1}
  .ct-routes a{padding:9px 12px}
  .ct-routes b{font-size:14.5px}
  .ct-routes span{display:none}   /* 説明を落として2列(3つ目は横幅いっぱい。前は縦 230px あり、分野が1画面目にほとんど入らなかった) */
  .ct-cats{grid-template-columns:minmax(0,1fr);column-gap:0;border-top:1px solid var(--line)}
  .ct-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h tog" "q q";align-items:center;column-gap:10px;
    margin:0;padding:8px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;overflow:visible}
  .ct-tile:has(.ct-h>a:hover){box-shadow:none}
  .ct-tile:has(.ct-chk:checked){border-color:var(--line)}
  .ct-h{grid-area:h}
  .ct .ct-h{font-size:15.5px}
  .ct-h>a{gap:10px}
  .ct-h img{width:56px;height:42px}
  .ct-n b{font-size:15px}
  /* 在庫の多い種類3つは1行に入る物だけ(折り返した物は高さで隠す)。前の横送りは右端がぼかしで切れて見え、
     折り返すと3行になる分野があり、「…」で切ると語の途中で切れた。全部は「開く」の中 */
  .ct-quick{grid-area:q;display:flex;flex-wrap:wrap;gap:0 14px;height:27px;margin:2px 0 0 66px;padding:0;border:0;overflow:hidden}
  .ct-quick li{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:27px;white-space:nowrap}   /* 1つで1行を超える名前だけ「…」 */
  .ct-quick a{display:inline;overflow:visible}
  .ct-quick b{margin-left:4px}
  .ct-cat:has(.ct-chk:checked) .ct-quick{display:none}   /* 開いたら下の一覧に同じ物がある */
  .ct-chk{left:auto;right:10px;top:50%;bottom:auto}
  .ct-tog{grid-area:tog;display:inline-flex;margin:0;padding:5px 10px;border:1px solid var(--navy);border-radius:6px;font-size:13px;font-weight:400}
  .ct .ct-tile .ct-tog>.ct-tog-o,.ct .ct-tile .ct-tog>.ct-tog-c{display:none}
  .ct-tog::before{content:"▸ 開く"}
  .ct-tog::after{content:none}
  .ct-chk:checked+.ct-tog{background:var(--soft);color:var(--navy)}
  .ct-chk:checked+.ct-tog::before{content:"▾ 閉じる"}
  .ct-chk:checked+.ct-tog::after{content:none}
  .ct-panel:not([hidden]),.ct-cat:has(.ct-chk:checked)>.ct-panel{margin:0}
  /* 開いた所は薄い面と左の線(前は枠も面も無く、長い一覧の途中でどの分野か分からなくなった)。末尾の「閉じる」も出す */
  .ct-pin{padding:4px 12px 10px;border:0;border-left:3px solid var(--navy);border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:var(--soft)}
  .ct-p-head{margin:0;padding:4px 0 6px;border:0}
  .ct-p-head b{display:none}   /* 名前はすぐ上のカードにある */
  .ct-types>li{display:block;padding:5px 0}
  .ct-t a,.ct-ms a,.ct-zero a,.ct-sec a{padding:3px 0}   /* 指で押せる高さ */
  .ct-ms{font-size:14px;gap:2px 14px}
}

/* =====================================================================
   31. ヘッダーのナビ〔piyo 2026-10-02「ヘッダーメニューの中古機検索を買取と販売の間に追加する。中古機販売のサブメニューをなくして、
       電気計測器委託販売をサービスにいれる」〕。中身は pages.php の site_nav()
   1段目が8項目になり、901〜1023px では右の古物商許可番号が帯からはみ出す(960px で47px・901px で106px)ので、その幅では出さない
   (900px 以下と同じ。許可番号は全ページのフッターにある)。スマホの「メニュー」の先頭の見出しなしのリンク(サブの無い項目)は太字に
   〔同日夜 中古機一覧を足して9項目〕実測で 1200px は12px・1100px は5px・1024px は81px はみ出し、901px はメニューだけで8px はみ出した →
   「山梨県公安委員会」を落とす幅を 1180px → 1240px 以下に、許可番号を出さない幅を 1023px → 1130px 以下に、1000px 以下は項目の左右の余白を 14px → 12px に
   〔10-03 中古機一覧をやめて8項目に戻した〕実測(項目の余白 14px のまま): 「山梨県公安委員会」つきは 1130px で間 16px・1100px で14px はみ出す /
   許可番号だけは 1024px で間 17px・1001px で6px はみ出す / メニューだけなら 901px でも 90px 余る →
   許可番号を出さないのは 901〜1023px に戻し、「山梨県公安委員会」は 1240px の上書きを外して 25-2-d の 1180px 以下のまま(間が 66px 以上残る)、
   余白を詰める規則は外した(= 10-02 の昼と同じ)
   ===================================================================== */
@media (min-width:901px) and (max-width:1023px){.hd-tel{display:none}}
@media (max-width:900px){.hd-navbar .sp-menu-body .sp-menu-top a{font-weight:700}}

/* =====================================================================
   32. 中古機検索 /search と中古機一覧 /list〔piyo 2026-10-02「今の中古機検索ページは名前を一覧かリストか何か別のものに変える。
       新たに中古機検索ページをつくって、内容はもっと詳細に絞り込みができる検索ページ、ヘッダーメニューに並べる」〕
   32-a 中古機検索の入力欄(.sxd-*。polish/search.php・_sxd_spec.php)。PC は格子に開いたまま、スマホは結果があるときだけ畳む(21節の .fold-*)
   32-b 中古機検索の結果の見出し・条件が無いときの「ほかの探し方」
   32-c 中古機一覧(polish/listing.php。前の在庫検索の .sx-* のまま)の見出しの下の1行
   ===================================================================== */
/* 32-a. 入力欄。淡い面の中に、キーワード(幅いっぱい)→ 詳しい条件(格子)→ 機種の仕様(白い枠)→ 探すボタン */
.sxd-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px 18px;margin:0 0 24px}
.sxd-l{display:block;font-size:14px;font-weight:700;color:var(--navy);margin:0 0 5px}
.sxd-l small{font-size:12.5px;font-weight:400;color:#4a5768;margin-left:2px}
.sxd-h{display:block;font-size:12.5px;color:#4a5768;margin-top:4px;line-height:1.5}
.sxd-kw .sx-box{max-width:none}
.sxd-body{margin-top:16px}
.sxd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px 18px;align-items:start}
.sxd-f{min-width:0}
.sxd-f input:not([type=checkbox]),.sxd-f select{display:block;width:100%;box-sizing:border-box;min-height:42px;border:1px solid #8b9bb0;border-radius:6px;
  padding:8px 10px;font-size:15px;background:#fff;color:var(--ink)}
.sxd-range{display:flex;align-items:center;gap:6px}
.sxd-range input:not([type=checkbox]){flex:1 1 0;width:auto;min-width:0}
.sxd-range>span{flex:none;font-size:14px;color:#33404f}
.sxd-f-check{align-self:end}
.sxd-f-check label{display:flex;align-items:center;gap:9px;min-height:42px;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer}
.sxd-f-check input{width:18px;height:18px;margin:0;flex:none;accent-color:var(--navy)}
.sxd-spec:empty{display:none}
.sxd-specset{min-width:0;margin:18px 0 0;padding:10px 14px 14px;border:1px solid var(--tint-line);border-radius:8px;background:#fff}
.sxd-specset legend{padding:0 6px;font-size:14.5px;font-weight:700;color:var(--navy)}
.sxd-spec-note{margin:10px 0 0}
.sxd-go{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:18px}
.sxd-submit{min-height:46px;border:0;border-radius:8px;background:var(--navy);color:#fff;font-weight:700;font-size:16px;padding:0 34px;cursor:pointer}
.sxd-submit:hover{background:var(--navy2)}
.sxd-clear{font-size:14px}
/* 32-b. 結果の見出し(「◯◯」の検索結果・件数)。PC は上の入力欄に条件が見えているので、選んでいる条件の札はスマホだけ */
.sxd-res-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:20px;margin:0 0 12px;padding:2px 0 7px 12px;
  border-left:4px solid var(--blue);border-bottom:1px solid var(--line);color:var(--ink)}
.sxd-res-h small{font-size:13.5px;font-weight:400;color:#4a5768;font-variant-numeric:tabular-nums}
.sxd .sx-note,.sxd .sx-intent{max-width:none;margin:0 0 10px}
@media (min-width:901px){.sxd-chips{display:none}}
.sxd-guide h2{font-size:18px;margin:0 0 10px;padding:2px 0 7px 12px;border-left:4px solid var(--blue);border-bottom:1px solid var(--line);color:var(--ink)}
.sxd-guide ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.sxd-guide a{display:block;height:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.sxd-guide a:hover{border-color:var(--link);text-decoration:none}
.sxd-guide b{display:block;font-size:15.5px;color:var(--navy)}
.sxd-guide a:hover b{color:var(--link);text-decoration:underline}
.sxd-guide span{display:block;margin-top:3px;font-size:13px;line-height:1.55;color:#4a5768}
/* 32-c. 見出しの下の1行(中古機検索 → 新着・在庫表。10-03 までは中古機一覧との行き来と、一覧の左の列の最後の1行も) */
.sx-lead{margin:0;max-width:880px;font-size:14px;color:#33404f}
.sx-lead a{font-weight:700;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
@media (max-width:900px){
  .sx-lead{font-size:13px}
  .sxd-has .sxd-kw .sxd-h{display:none}   /* 結果があるときはキーワードの説明を省いて結果を上げる */
  .sxd-form{padding:12px 12px 14px;margin:0 0 16px}
  .sxd-more-btn{margin-top:12px}
  .sxd-body{margin-top:0}
  .fold-check:checked~.sxd-body{padding-top:14px}
  .sxd-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .sxd-f input:not([type=checkbox]),.sxd-f select{font-size:16px}   /* iOS が入力のたびに拡大しない大きさ */
  .sxd-submit{width:100%}
  .sxd-go{justify-content:center}
  .sxd-res-h{font-size:17px}
}

/* 33. 10-03 の piyo の点検〔2026-10-03〕
   33-a. トップの「サービス」(前の「そのほかの取扱い」・下の段のカード 128×96 の3列)。
         〔piyo「中古以外の業務…新着情報の上に掲載するのが良いかな、右上の続きでも良い」「その他だとついで感が出すぎている」〕
         ヒーローの直下に1段(新着を押し下げすぎない高さ)。PC 6列(写真が上・題が下)・1099px 以下 3列・スマホ 1列(写真を左に小さく・題は1行・説明の1行は出さない。
         2列にすると「新品・低価格マスフローコントローラー」などが幅に入らず切れた) */
.svc-band{background:#fff;border-bottom:1px solid var(--line)}
.svc-band .wrap{padding-top:14px;padding-bottom:16px}
.svc-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;margin:0 0 10px}
.svc-head h2{font-size:16px;margin:0;padding:0;border:0;background:none;color:var(--navy)}
.svc-head p{margin:0;font-size:13px;color:#4a5768}
.svc-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:stretch}
.svc-tiles li{min-width:0}
.svc-tiles a{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;color:var(--navy)}
.svc-tiles a:hover{border-color:var(--link);box-shadow:var(--shadow);text-decoration:none}
.svc-tiles a:hover b{color:var(--link)}
.svc-tiles img{display:block;width:100%;height:72px;object-fit:cover}
.svc-tiles b{display:block;padding:8px 10px 10px;font-size:13.5px;line-height:1.45;word-break:auto-phrase}
@media (max-width:1099px){.svc-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){
  .svc-head p{display:none}
  .svc-tiles{grid-template-columns:minmax(0,1fr);gap:6px}
  .svc-tiles a{flex-direction:row;align-items:center}
  .svc-tiles img{flex:none;width:48px;height:36px;margin:5px 0 5px 5px;border-radius:5px}
  .svc-tiles b{min-width:0;padding:6px 10px;font-size:13.5px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* 33-b. 買取の取扱実績の表の続き(31行目から最大200型式。PC もスマホも畳む)。
         上の畳み(11〜30行目。PC は開いて見せる = 25-5-e)が閉じているときは出さない(スマホで「…を見る」が2つ並ばないように) */
.kt-models-rest>summary{cursor:pointer;color:var(--link);font-size:14px;font-weight:600;padding:10px 0;max-width:760px}
.kt-models-rest[open]>summary{padding-bottom:4px}
.kt-models-more:not([open])+.kt-models-rest{display:none}
@media (min-width:901px){
  @supports selector(::details-content){
    .kt-models-more:not([open])+.kt-models-rest{display:block}
  }
}
/* 34. 10-08 のサービスと買取フォームの直し〔2026-10-08〕
   34-a. トップの「サービス」が6本→3本(真空・ガスシステム・石英ガラス・クリーンルームを外した〔piyo「service下のcleanroom,gas,glassを消す」〕)。
         33-a の PC 6列のままだと右半分が空くので、1100px 以上は3列にして写真を左・題を右に(スマホの1列と同じ向き)。
         601〜1099px は 33-a のまま(3列・写真が上。写真を左にすると 768px で題の幅が 116px・4行になった) */
@media (min-width:1100px){
  .svc-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .svc-tiles a{flex-direction:row;align-items:center}
  .svc-tiles img{flex:none;width:112px;height:72px}
  .svc-tiles b{min-width:0;padding:8px 14px}
}
/* 35. 商品ページの機種の案内〔2026-10-08 piyo「引渡・支払の下にスペースがあるので関連機種ページと所属機種ページへの案内をしてほしい」〕
       事実の表(.item-facts)の下。PC は写真の横の空きに入る。「この商品の機種」「ほかの{親}」か「{機種}の種類」「関連する機器・部品」。
       1つは名前(左)と在庫の点数(右)の2列。在庫0(実績だけ)の節は点線の白(.catbtn.is-empty と同じ扱い)。中身は item_related_nodes() */
.item-nav{margin:16px 0 0}
.item-nav-h{font-size:14px;font-weight:700;color:var(--navy);margin:14px 0 6px;padding:0;border:0;background:none}
.item-nav-h:first-child{margin-top:0}
.item-nav-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.item-nav-a{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 10px;border-radius:6px;font-size:13px;line-height:1.35;
  background:var(--tint,var(--band));color:var(--link);border:1px solid var(--tint-line,#b3c7e5);font-weight:600;text-decoration:none}
.item-nav-a span{flex:none;font-size:11px;font-weight:400;color:#4a5768;font-variant-numeric:tabular-nums}
.item-nav-a:hover{border-color:var(--link);color:var(--navy);text-decoration:none}
.item-nav-a.is-empty{background:#fff;color:#41506a;border-style:dashed;font-weight:400}
.item-nav-a.is-empty:hover{border-style:solid}
.item-nav-more{font-size:13px;margin:6px 0 0;text-align:right}
.item-nav-more a{font-weight:600}
/* スマホは2列の枠だと長い名前(「マスフローコントローラー・流量計」など)が3行に折れて、案内だけで 560px になった。
   名前の長さなりの札を詰めて並べ、点数は名前の後ろに続ける */
@media (max-width:900px){
  .item-nav-list{display:flex;flex-wrap:wrap}
  .item-nav-a{display:inline-block;padding:5px 9px}
  .item-nav-a span{margin-left:6px}
}
/* 36. 特設ページ: 熱衝撃試験機(エタック NT2031W)〔2026-10-08 piyo「熱衝撃試験機NT2031Wの特設ページを作ってほしい」〕
       テンプレートは polish/feature_tsc.php(URL は節ページ /chuko/thermal-shock-chamber のまま。中身は page_feature())。
       色は既存の変数だけ(背景 --hero-a/--hero-b・線 --tint-line・価格は紺・赤は問い合わせのボタンだけ = A3) */
.tsx-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:center;margin:14px 0 10px;padding:22px 24px;
  background:linear-gradient(135deg,var(--hero-a,#eef4fb),var(--hero-b,#f8fafd));border:1px solid var(--tint-line,#cddaec);border-radius:var(--radius)}
.tsx-h1{font-size:28px;line-height:1.3;font-weight:800;color:var(--navy);margin:0 0 10px}
.tsx-kicker{display:block;font-size:15px;font-weight:700;color:var(--blue);margin-bottom:4px;letter-spacing:.02em}
.tsx-h1-sub{display:block;font-size:21px;font-weight:700;color:var(--ink);margin-top:4px}
.tsx-lead{font-size:15px;line-height:1.75;color:#2b3a4c;margin:0 0 14px}
.tsx-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px}
.tsx-fact{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 12px;min-width:0}
.tsx-fact dt{font-size:12px;color:var(--muted);font-weight:600}
.tsx-fact dd{margin:0;font-size:15px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}
.tsx-fact dd b{font-size:24px;line-height:1.2;margin-right:1px}
.tsx-fact dd small{display:block;font-size:11px;font-weight:400;color:var(--muted)}
.tsx-fact-price{border-color:var(--navy2)}
.tsx-fact-price dd b{font-size:28px}
.tsx-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 4px}
.tsx-ctas .btn-cta{font-size:16px;padding:12px 26px}
.tsx-sub-link{font-size:14px;font-weight:600}
.tsx-cta-note{margin:2px 0 0;color:var(--muted)}
.tsx-hero-img{margin:0}
.tsx-hero-img img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--line);background:#fff}
.tsx-hero-img figcaption{font-size:12px;color:var(--muted);margin-top:4px}
.tsx-points{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.tsx-points li{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:8px;padding:12px 14px}
.tsx-points b{display:block;font-size:16px;color:var(--navy);margin-bottom:4px}
.tsx-points span{display:block;font-size:13px;line-height:1.65;color:#33404f}
.tsx-stockimg{margin:14px 0 0;max-width:360px}
.tsx-stockimg img,.tsx-gallery img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}
.tsx-stockimg figcaption,.tsx-gallery figcaption{font-size:12px;color:#33404f;margin-top:4px;line-height:1.5}
.tsx-gallery figcaption small{display:block;color:var(--muted);font-size:11px}
/* 写真だけでは分からない大事なこと(棚板は付属する〔piyo 10-08〕)。紺の札で目立たせる(赤は問い合わせのボタンだけ = A3) */
.tsx-gallery figure{position:relative}
.tsx-badge{position:absolute;left:10px;top:10px;background:var(--navy);color:#fff;font-size:17px;font-weight:700;line-height:1.4;padding:6px 14px;border-radius:6px;
  box-shadow:0 2px 8px rgba(0,0,0,.3);border:2px solid #fff}
.tsx-h3{font-size:16px;font-weight:700;color:var(--navy);margin:22px 0 10px}
.tsx-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tsx-gallery figure{margin:0;min-width:0}
.tsx-spec th{width:34%}
.tsx-nw{white-space:nowrap}
.tsx-src{max-width:760px;margin-top:8px}
.tsx-install{list-style:none;padding:0;margin:0;max-width:860px}
.tsx-install li{display:grid;grid-template-columns:7em minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.7}
.tsx-install b{color:var(--navy)}
.tsx-about{max-width:860px}
.tsx-about h3{font-size:16px;font-weight:700;color:var(--navy);margin:18px 0 6px}
.tsx-about ul{padding-left:1.2em;margin:0 0 10px}
.tsx-about li{margin:3px 0}
.tsx-types{max-width:none;margin:4px 0 12px}
.tsx-types thead th{background:var(--soft);font-size:13px;width:auto}
.tsx-types tbody th{width:24%}
.tsx-types small{font-weight:400;color:var(--blue)}
.tsx-endcta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin:30px 0 10px;padding:14px 20px;
  background:var(--tint,var(--band));border:1px solid var(--tint-line,#cddaec);border-radius:var(--radius)}
.tsx-endcta p{margin:0;font-size:15px;color:var(--navy)}
@media (max-width:900px){
  .tsx-hero{grid-template-columns:minmax(0,1fr);padding:16px 14px;gap:14px}
  .tsx-hero-img{order:-1}
  .tsx-h1{font-size:22px}
  .tsx-kicker{font-size:13px}
  .tsx-h1-sub{font-size:17px}
  .tsx-lead{font-size:14px}
  .tsx-fact dd b{font-size:20px}
  .tsx-fact-price dd b{font-size:22px}
  .tsx-ctas .btn-cta{flex:1 1 100%}
  .tsx-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tsx-badge{left:6px;top:6px;font-size:13px;padding:4px 8px}
  .tsx-install li{grid-template-columns:minmax(0,1fr);gap:2px}
  .tsx-stockimg{max-width:none}
  .tsx-endcta .btn-cta{flex:1 1 100%}
  /* 方式の表はスマホでは1方式ずつ縦に積む(3列だと 390px で読めない) */
  .tsx-types thead{display:none}
  .tsx-types,.tsx-types tbody,.tsx-types tr,.tsx-types th,.tsx-types td{display:block;width:auto}
  .tsx-types tr{border:1px solid var(--line);border-radius:8px;margin:0 0 8px;overflow:hidden}
  .tsx-types tbody th{width:auto;border-bottom:0}
  .tsx-types td{border-bottom:0;padding-top:4px}
  .tsx-types td::before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);font-weight:600}
}
/* 36-g. 特設ページへの案内の札(トップ・中古機販売・節ページ・中古機検索)〔2026-10-09 piyo「このページへのリンクをWEBにつけて」〕。部品は polish/_feature_link.php */
/* 左右の margin は触らない(トップでは .wrap の auto で中央に寄せる。前は margin:14px 0 18px で左右が 0 になり、左端に寄っていた〔piyo 10-09「TOPページの特設ページリンクバナーがずれてる」〕) */
.tsx-links{display:grid;gap:10px;margin-top:14px;margin-bottom:18px}
.wrap.sec.tsx-links{margin-top:24px;margin-bottom:0}
.tsx-link{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 18px 12px 12px;background:#fff;
  border:2px solid var(--navy2);border-radius:var(--radius);color:var(--ink);box-shadow:var(--shadow)}
.tsx-link:hover{text-decoration:none;background:var(--tint)}
.tsx-link img{width:120px;height:90px;object-fit:cover;border-radius:6px}
.tsx-link-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.tsx-link-t small{align-self:flex-start;background:var(--navy);color:#fff;font-size:12px;font-weight:700;line-height:1.6;padding:0 8px;border-radius:4px}
.tsx-link-t b{font-size:18px;line-height:1.4;color:var(--navy)}
.tsx-link-p{font-size:15px}
.tsx-link-p em{font-style:normal;font-weight:700;color:var(--cta);font-size:18px}
.tsx-link-go{font-style:normal;font-size:14px;font-weight:700;color:#fff;background:var(--cta);padding:8px 14px;border-radius:6px;white-space:nowrap}
.tsx-link:hover .tsx-link-go{background:var(--cta2)}
@media (max-width:900px){
  .tsx-link{grid-template-columns:96px minmax(0,1fr);gap:10px;padding:10px}
  .tsx-link img{width:96px;height:72px}
  .tsx-link-t b{font-size:15px}
  .tsx-link-p{font-size:13px}
  .tsx-link-p em{font-size:15px}
  .tsx-link-go{grid-column:1 / -1;text-align:center;white-space:normal}
}

/* =====================================================================
   37. 買取ページを V1 の形に寄せる〔2026-10-09 piyo「買取ページにおいて、V2はV1より今の段階では出来が良くないので
       買取ページ全体をV1の形によせつつ改良していってほしい。まずは全体買取ページとSEMを含む分析機のぺージ」〕
       テンプレートは polish/kaitori_hub.php・kaitori.php。色は D案のまま(紺の面は使わない)
   ===================================================================== */
/* 37-a. ハブのヒーローのキャッチ(V1 の「不要になった産業機械・研究機器を、次の現場へ。」) */
.kt-hero .kt-catch{font-size:19px;font-weight:700;color:var(--navy);margin:0 0 8px;opacity:1}

/* 37-b. 実績の数字3つ(V1 の .kt-stats と同じ並び) */
.kt-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 6px}
.kt-stats>div{background:#fff;border:1px solid var(--tint-line);border-radius:var(--radius);padding:14px 18px}
.kt-stats b{display:block;font-size:26px;color:var(--navy);line-height:1.2;font-variant-numeric:tabular-nums}
.kt-stats span{display:block;font-size:12.5px;color:#4a5768;margin-top:4px}

/* 37-c. 分野カード(V1 の番号+分野の写真+例+掲載実績+「専用買取ページを見る」) */
.kt-catp{list-style:none;margin:10px 0 12px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.kt-catp a{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px 12px;background:#fff;color:var(--ink)}
.kt-catp a:hover{text-decoration:none;box-shadow:var(--shadow);border-color:var(--tint-line)}
.kt-catp-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px}
.kt-catp-num{font-size:13px;font-weight:700;color:var(--blue);font-variant-numeric:tabular-nums}
.kt-catp-head img{width:120px;height:90px;object-fit:contain;flex:none}
@media (min-width:901px){.kt-catp{grid-template-columns:repeat(3,minmax(0,1fr))}}   /* V1 と同じ3列 */
.kt-catp b{font-size:16px;color:var(--link);margin-bottom:4px;word-break:keep-all;overflow-wrap:anywhere}
.kt-catp-ex{font-size:12.5px;color:#33404f;line-height:1.6;flex:1}
.kt-catp small{font-size:12px;color:var(--muted);margin-top:6px}
.kt-catp-more{font-size:13px;color:var(--link);font-weight:600;margin-top:6px}
.kt-catp-more::after{content:" →"}

/* 37-d. 関連ページ・全分野一覧へ・締めの枠 */
.kt-related{margin-bottom:8px}
.kt-others a.kt-others-all{background:var(--tint);border-color:var(--tint-line);color:var(--navy);font-weight:700}
.kt-cta-end{margin-top:36px;padding:20px 24px}
.kt-cta-end h3{font-size:19px}

/* 37-e. 分野・機種ページのヒーローの写真(V1 と同じく右に写真、数字は下の段)。
         PC: 左に文とボタン・右に写真、数字4つは下の段に横並び(25-7-d の「右の列に数字」を写真のある時だけ置き換える) */
.kt-hero-img{margin:12px 0 0}
.kt-hero-img img{display:block;background:#fff;border:1px solid var(--tint-line);border-radius:8px}
.kt-hero-img.is-photo img{width:100%;max-width:300px;height:auto;aspect-ratio:4/3;object-fit:cover}
@media (min-width:901px){
  .kt-hero.kt-hero-ph>div{grid-template-columns:minmax(0,1fr) auto}
  .kt-hero.kt-hero-ph>div>.kt-hero-img{grid-column:2;grid-row:1/span 4;align-self:center;margin:0}
  .kt-hero.kt-hero-ph>div>.kt-facts{grid-column:1/-1;grid-row:auto;display:flex;flex-wrap:wrap;gap:12px 40px;align-content:normal;align-self:auto;
    margin:16px 0 0;padding:14px 0 0;border-left:0;border-top:1px solid var(--tint-line)}
  .kt-hero.kt-hero-ph>div>.kt-facts span{display:block}
  .kt-hero-img:not(.is-photo) img{width:180px;height:auto;padding:6px}
}

/* 37-f. 主な買取対象機器を PC で3列(V1 と同じ。4列だと件数の札が名前に詰まっていた) */
@media (min-width:901px){
  .kt-types-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* 37-g. 当社で買い取り・販売した〜 / 動作確認の記録から(写真カード。価格は出さない) */
.kt-gal{list-style:none;margin:10px 0 8px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.kt-gal li{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.kt-gal a,.kt-gal-check li{display:flex;flex-direction:column;height:100%;color:var(--ink)}
.kt-gal a:hover{text-decoration:none;box-shadow:var(--shadow)}
.kt-gal-img{display:block;aspect-ratio:4/3;background:var(--soft);overflow:hidden}
.kt-gal-img img{width:100%;height:100%;object-fit:cover;display:block}
.kt-gal-mk{font-size:12px;color:var(--muted);padding:8px 10px 0;line-height:1.4}
.kt-gal b{font-size:15px;padding:0 10px;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}
.kt-gal a b{color:var(--link)}
.kt-gal small{font-size:12px;color:#4a5768;padding:2px 10px 10px}
.kt-gal-check b{font-size:13.5px;padding-top:8px;color:var(--ink)}
.kt-gal-check{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}   /* 動作確認の写真は像が細かいので販売写真より大きく */
.kt-gal-more>summary{cursor:pointer;color:var(--link);font-size:14px;font-weight:600;padding:6px 0 10px}

/* 37-h. 販売在庫・過去の取扱例(機種ページで節が複数のとき) */
.kt-stock-nodes{margin-top:6px}

@media (max-width:900px){
  .kt-hero .kt-catch{font-size:16px}
  .kt-stats{grid-template-columns:1fr;gap:8px}
  .kt-stats>div{display:flex;align-items:baseline;gap:12px;padding:10px 14px}
  .kt-stats b{font-size:20px;flex:none}
  .kt-stats span{margin:0}
  .kt-catp{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .kt-catp a{padding:10px}
  .kt-catp-head img{width:64px;height:48px}
  .kt-catp b{font-size:14.5px}
  .kt-catp-ex{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .kt-catp-more{font-size:12px}
  .kt-hero-img{display:none}            /* スマホは見出しの写真を出さない(ボタンを1画面目に残す) */
  .kt-gal{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .kt-gal b{font-size:14px}
}

/* 37-i. 分野ページの主な入口「機種ごとの専用買取ページ」(見出しのすぐ下のカード)〔10-09 piyo「リンクがわかりにくい。このページ内のメインメニュークラスの扱いでいい」〕 */
.kt-tmenu{list-style:none;margin:10px 0 22px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.kt-tmenu a{display:flex;gap:14px;align-items:stretch;height:100%;border:1px solid var(--tint-line);border-left:5px solid var(--blue);border-radius:var(--radius);background:#fff;padding:12px 14px 12px 12px;color:var(--ink);box-shadow:0 2px 8px rgba(14,35,64,.05)}
.kt-tmenu a:hover{text-decoration:none;box-shadow:var(--shadow);border-color:var(--blue)}
.kt-tmenu-img{flex:none;width:132px;aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:var(--soft)}
.kt-tmenu-img img{width:100%;height:100%;object-fit:cover;display:block}
.kt-tmenu-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.kt-tmenu b{font-size:17px;color:var(--link);line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}
.kt-tmenu .nw{white-space:nowrap}   /* 「（SEM・FE-SEM）」を FE- の所で折らない */
.kt-tmenu-tag{font-size:13px;color:#33404f;line-height:1.5}
.kt-tmenu small{font-size:12.5px;color:var(--muted)}
.kt-tmenu-go{margin-top:auto;padding-top:4px;font-size:13.5px;font-weight:700;color:var(--link)}
.kt-tmenu-go::after{content:" →"}
@media (min-width:901px){.kt-tmenu{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
  .kt-tmenu{grid-template-columns:1fr;gap:10px}
  .kt-tmenu-img{width:104px}
  .kt-tmenu b{font-size:16px}
}

/* 37-j. 機種ページの種類のカード(10-09 に SEM・同日夜にほかの機種ページへ。写真つき・見出しのすぐ下)・「このようなときにご相談ください」・更新日〔10-09 piyo「SEMの買取ページも改良して…写真使って良い」〕 */
.kt-kinds{list-style:none;margin:10px 0 8px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kt-kinds>li{display:flex;gap:14px;border:1px solid var(--tint-line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:0 2px 8px rgba(14,35,64,.05)}
.kt-kinds-img{flex:none;align-self:flex-start;width:168px;aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:var(--soft)}
.kt-kinds-img img{width:100%;height:100%;object-fit:cover;display:block}
.kt-kinds-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.kt-kinds h3{margin:0;font-size:17px;line-height:1.4;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere}
.kt-kinds h3 .nw{white-space:nowrap}
.kt-kinds-sub{margin:0;font-size:12.5px;color:var(--muted)}
.kt-kinds-body>p{margin:0;font-size:13.5px;line-height:1.65;color:#33404f}
.kt-kinds-ex{display:flex;flex-direction:column;gap:1px;margin-top:4px!important;padding:6px 8px;background:var(--soft);border-radius:6px;font-size:12.5px!important}
.kt-kinds-ex b{font-size:12px;color:var(--muted);font-weight:600}
.kt-kinds-ex span{overflow-wrap:anywhere}
.kt-kinds-ex .nw{white-space:nowrap}
.kt-kinds-n{color:var(--muted)}
.kt-kinds-go{margin-top:auto;padding-top:6px;font-size:13.5px;font-weight:700}
.kt-kinds-go::after{content:" →"}
.kt-kinds-note{margin:4px 0 0}
.kt-scenes{margin:8px 0 6px;padding-left:1.4em;line-height:1.9}
.kt-updated{margin:14px 0 0;text-align:right;color:var(--muted)}
/* 取扱実績の表に「種類」の列がある時(4列): 3列目は種類(左寄せ)、4列目が台数 */
.kt-models-k th:nth-child(3),.kt-models-k td:nth-child(3){width:96px;text-align:left;font-variant-numeric:normal}
.kt-models-k th:nth-child(4),.kt-models-k td:nth-child(4){width:84px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
/* 〔10-09 夜 piyo「他の買取ページも改善して」〕カードの下のほかの買取ページへのリンク(kinds_link)・種類の名前が長い機種(エレクトロメーター など)は列を少し広く */
.kt-kinds-note .kt-kinds-go{margin:0;padding:0;white-space:nowrap}
/* 〔10-09 piyo「全体に対して個別の買取ページがあるものを種類として並べる」〕種類のカードの専用買取ページへのリンク(販売ページへのリンクより目立たせる) */
.kt-kinds-page{margin-top:auto;align-self:flex-start;display:inline-block;padding:5px 12px;border:1px solid var(--link);border-radius:6px;font-size:13.5px;font-weight:700;color:var(--link);text-decoration:none}
.kt-kinds-page::after{content:" →"}
.kt-kinds-page:hover{background:var(--soft)}
.kt-kinds-page+.kt-kinds-go{margin-top:0}
.kt-models-k th:nth-child(3),.kt-models-k td:nth-child(3){width:112px}
/* スマホ: 4列の表(種類の列あり)が 390px で 40〜70px はみ出して表の中で横に動いていた → 種類と台数の列を細く・字を小さく。
   カードの長い型式(15字以上。「Analytical-2-Pre Oven/…」など)は折らない指定を外す(テンプレート)〔10-09 夜〕 */
@media (max-width:600px){
  .kt-models-k th:nth-child(3),.kt-models-k td:nth-child(3){width:60px;font-size:11.5px;line-height:1.35;overflow-wrap:anywhere}
  .kt-models-k th:nth-child(4),.kt-models-k td:nth-child(4){width:48px;font-size:12.5px}
  .kt-models-k td:nth-child(2){font-size:13px}
  .kt-models td.kt-long{white-space:normal;overflow-wrap:anywhere}
}
@media (max-width:900px){
  .kt-kinds{grid-template-columns:1fr;gap:10px}
  .kt-kinds>li{gap:10px;padding:10px}
  .kt-kinds-img{width:112px}
  .kt-kinds h3{font-size:16px}
}

/* 38. 節ページの「中古◯◯を選ぶときの確認点」(.node-points)〔2026-10-09 SEO_2026-10-09.md B2〕。
   中身は FM26 の 節解説.確認点(AI)。見出し(dt)+説明(dd)の組を罫で区切る。PC は見出しを左に、スマホは縦に積む */
.node-points{margin:6px 0 8px;border-top:1px solid var(--line)}
.node-points>div{display:grid;grid-template-columns:15em 1fr;gap:4px 18px;padding:12px 4px;border-bottom:1px solid var(--line)}
.node-points dt{font-weight:700;color:var(--ink)}
.node-points dd{margin:0;color:#33404f;line-height:1.75}
@media (max-width:640px){.node-points>div{grid-template-columns:1fr}}

/* 39. 商品ページの写真(.ig。polish/item.php)〔2026-10-09 SEO_2026-10-09.md B4〕。FM26 の公開の写真を全部出す(前は2枚まで)。
   PC: JS があれば大きい1枚(.is-on)+下に小さい写真の列(5列。押すと上の1枚が替わる)。JS が無ければ前と同じく縦に全部並ぶ。
   スマホ(900px 以下): 前と同じく横に送る(25-4-h)。小さい写真の列は出さない。写真の下の帯の右に「1 / 5」 */
.ig-thumbs{display:none}
.ig-count{float:right;margin-left:8px;font-variant-numeric:tabular-nums}
@media (min-width:901px){
  .ig.js{gap:10px}
  .ig.js .ig-photo:not(.is-on){display:none}
  .ig.js .ig-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
  .ig-thumbs a{display:block;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}
  .ig-thumbs a:hover{border-color:var(--navy)}
  .ig-thumbs a[aria-current="true"]{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}
  .ig-thumbs img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
}

/* 40. 節ページの「中古◯◯の価格の目安」(.price-tbl。polish/node.php #price)〔2026-10-09 SEO_2026-10-09.md B5〕。
   今の在庫で価格を載せている物だけの最安〜最高と点数。表の形は過去の取扱の表(25-3-d)と同じ。スマホは価格の列を「〜」の後ろで折り返す */
.price-sub{font-size:15px;margin:14px 0 4px}
@media (max-width:900px){.price-tbl td.num:nth-last-child(2){white-space:normal}}

/* 41. アイコン(SVG)と NEW の札〔piyo 2026-10-10「SEO,AIOを優先しつつ導入して」〕。
   アイコンは bootstrap.php の icon() が HTML に直接書く SVG(Webフォントは使わない。理由は icon() の説明)。大きさは字の大きさ・色は文字の色。
   検索のボタン(ヘッダー・トップ・中古機検索)とスマホのナビの「検索」「メニュー」に付けた。字は残す(アイコンだけにしない)。
   NEW = 登録から NEW_DAYS(7日)以内の在庫品(is_new_arrival)。字は CSS で出す(HTML の本文・リンクの文字に入れない)。表の行の「◯/◯ 登録」(90日)はそのまま */
.ico{display:inline-block;width:1em;height:1em;vertical-align:-.15em;flex:none}
button .ico,.nav-q .ico,.sp-menu>summary .ico{margin-right:.35em}
button .ico{font-size:1.1em}
.imgbox{position:relative}
.new-badge{display:inline-block;font-size:11px;font-weight:700;line-height:1;letter-spacing:.04em;color:#fff;background:var(--cta);border-radius:4px;padding:4px 7px;font-family:inherit}
.new-badge::before{content:"NEW"}
.imgbox .new-badge{position:absolute;top:8px;left:8px}
/* 41-b. 同日の2回目〔piyo「ヘッダーメニューの中古機検索を🔍詳細検索に」「新着・在庫表にNEW＋文字」「中古TOPにも」「他にも見やすくきれいにできる物」〕。
   ナビの「新着・在庫表」の前に NEW の札・「詳細検索」の前に虫眼鏡(site_nav() の pre)。中古TOP の入口3つ・トップの「ご購入について」4つ・
   買取の強み(.kt-facts)・商品ページの安心の3行・問い合わせ/売りたいのボタンにアイコン。字・URL・構造化データは変えていない */
a .ico,.btn .ico,.btn-cta .ico{margin-right:.35em}
.hd-menu .new-badge,.sp-menu-top .new-badge{font-size:9.5px;padding:3px 5px;margin-right:6px;vertical-align:1px}
.hd-menu .ico{margin-right:5px;font-size:15px}
.hd-actions .btn .ico{font-size:1.1em}
.item-cta .ico{font-size:1.05em;vertical-align:-.17em}
/* 中古TOP の入口(.ct-routes)。札と虫眼鏡は b の前。.ct-routes span(説明・スマホで消える)の指定が札に当たらないように上書き */
.ct-routes a{align-items:center}
.ct-routes .ico{flex:none;font-size:18px;color:var(--navy);margin:0}
.ct-routes .new-badge{display:inline-block;flex:none;overflow:visible;white-space:nowrap;font-size:10px;line-height:1;color:#fff;padding:3px 5px}
/* トップの「ご購入について」と買取の強み: 項目の左にアイコン(位置は absolute。並びの grid/flex はそのまま) */
.buyfacts .wrap>div{position:relative;padding-left:30px}
.buyfacts .wrap>div>.ico{position:absolute;left:0;top:2px;font-size:22px;color:var(--navy);stroke-width:1.75}
.kt-facts>div{position:relative;padding-left:36px}
.kt-facts>div>.ico{position:absolute;left:0;top:4px;font-size:26px;color:var(--navy);stroke-width:1.75}
/* 商品ページの安心の3行 */
.item-trust li{display:flex;align-items:baseline;gap:7px}
.item-trust .ico{flex:none;color:var(--navy);font-size:15px;align-self:center;margin:0}