
:root{--ink:#171a1f;--muted:#6d727b;--line:#e6e1d7;--paper:#fff;--soft:#f7f5f0;--gold:#b48a3a;--gold2:#d5b76e;--gold-dark:#7c5b1e;--navy:#131922;--max:1240px;--shadow:0 22px 60px rgba(29,24,15,.10);--radius:22px}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans JP","Yu Gothic",YuGothic,Meiryo,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;padding:10px 14px;color:#fff;background:#111;border-radius:10px}.skip-link:focus{top:12px}.site-strip{position:sticky;top:0;z-index:1000;height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(22px,calc((100vw - var(--max))/2));color:#fff;background:rgba(15,18,23,.94);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px)}.site-brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{font-size:18px;font-weight:950;letter-spacing:.16em}.brand-copy{font-size:11px;color:#c9cdd3}.site-links{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:750}.site-links a:not(.head-contact){color:#d8dce2}.site-links a:hover{color:#fff}.head-contact{padding:9px 15px;border-radius:999px;color:#111;background:linear-gradient(135deg,#efe1b8,#c9a85b)}.hero{position:relative;min-height:650px;overflow:hidden;color:#fff;background:#111820}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,15,.96) 0%,rgba(7,11,17,.86) 43%,rgba(8,12,17,.42) 72%,rgba(8,12,17,.72) 100%),url('https://www.nikko-kikai.co.jp/img/mecha_a.png') 78% 50%/cover no-repeat;filter:saturate(.72) contrast(1.04)}.hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,#000,transparent 82%)}.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;background:linear-gradient(transparent,#111820)}.hero-inner{position:relative;z-index:2;width:min(var(--max),calc(100% - 44px));margin:auto;padding:130px 0 90px}.eyebrow,.section-kicker{margin:0 0 12px;color:var(--gold2);font-size:11px;font-weight:900;letter-spacing:.24em}.hero h1{max-width:900px;margin:0;font-size:clamp(42px,6.2vw,80px);line-height:1.13;letter-spacing:-.045em}.hero h1 span{background:linear-gradient(90deg,#fff 0%,#ead7a2 60%,#c7a351 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:760px;margin:28px 0 0;color:#d4d8de;font-size:clamp(14px,1.6vw,18px);line-height:2}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:158px;padding:13px 20px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:850}.btn-primary{color:#19150d;background:linear-gradient(135deg,#f1e1b0,#c99f45);box-shadow:0 12px 32px rgba(194,153,62,.25)}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}.hero-stats{display:flex;gap:0;width:max-content;margin-top:50px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(8,11,15,.42);backdrop-filter:blur(14px);overflow:hidden}.hero-stats div{min-width:150px;padding:17px 24px;border-right:1px solid rgba(255,255,255,.12)}.hero-stats div:last-child{border-right:0}.hero-stats strong{display:block;color:#fff;font-size:25px;line-height:1}.hero-stats span{display:block;margin-top:8px;color:#aeb4bd;font-size:10px;letter-spacing:.08em}.quick-nav{position:sticky;top:72px;z-index:900;display:flex;justify-content:center;gap:4px;padding:9px 16px;border-bottom:1px solid #e4dfd5;background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}.quick-nav a{padding:8px 18px;border-radius:999px;color:#666158;font-size:11px;font-weight:800}.quick-nav a:hover{color:var(--gold-dark);background:#f5f0e6}.section{width:min(var(--max),calc(100% - 44px));margin:90px auto}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px}.section-head h2,.catalog-title-row h2{margin:0;font-size:clamp(28px,3.4vw,46px);line-height:1.2;letter-spacing:-.035em}.section-head>p{max-width:520px;margin:0;color:var(--muted);font-size:13px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.guide-grid article{min-height:210px;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#fff,#fbfaf7);box-shadow:0 16px 40px rgba(30,24,13,.05)}.guide-grid span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--gold-dark);background:#f0e3c3;font-size:10px;font-weight:950}.guide-grid h3{margin:28px 0 8px;font-size:19px}.guide-grid p{margin:0;color:var(--muted);font-size:12px}.maker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.maker-card{position:relative;min-height:285px;padding:28px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#fff;box-shadow:var(--shadow);cursor:pointer;transition:transform .2s ease,border-color .2s ease}.maker-card:hover{transform:translateY(-4px);border-color:#d4bc83}.maker-card::after{content:"";position:absolute;right:-55px;bottom:-65px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(205,170,91,.22),transparent 68%)}.maker-no{color:#b7aa8c;font-size:10px;font-weight:900;letter-spacing:.18em}.maker-card h3{margin:26px 0 2px;font-size:24px;line-height:1.35}.maker-brand{margin:0;color:var(--gold-dark);font-size:11px;font-weight:850}.maker-card p{max-width:92%;margin:20px 0 25px;color:var(--muted);font-size:12px}.maker-card footer{display:flex;align-items:center;justify-content:space-between}.maker-card footer strong{font-size:26px}.maker-card footer span{color:var(--gold-dark);font-size:11px;font-weight:850}.catalog-section{padding:1px 0 90px;background:linear-gradient(180deg,#f5f2eb,#faf9f6)}.catalog-shell{margin-top:88px}.catalog-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.catalog-contact{padding:12px 18px;border-radius:999px;color:#fff;background:#1d2128;font-size:11px;font-weight:850}.filter-panel{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:12px;margin-top:30px;padding:20px;border:1px solid #ded8cb;border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 18px 45px rgba(48,39,20,.07);backdrop-filter:blur(12px)}.filter-panel label{display:block;margin-bottom:6px;color:#746e64;font-size:9px;font-weight:900;letter-spacing:.08em}.search-field>div{position:relative}.search-field input,.select-field select,.select-field input{width:100%;height:48px;padding:0 14px;border:1px solid #d9d4c9;border-radius:13px;color:#222;background:#fff;font-size:12px;outline:none}.search-field input{padding-right:42px}.search-field input:focus,.select-field select:focus,.select-field input:focus{border-color:#b69146;box-shadow:0 0 0 3px rgba(180,138,58,.12)}.search-field button{position:absolute;right:4px;top:4px;width:40px;height:40px;border:0;border-radius:10px;color:#8c877d;background:transparent;cursor:pointer}.reset-btn{align-self:end;height:48px;padding:0 16px;border:1px solid #cbc3b4;border-radius:13px;color:#5c5549;background:#f8f5ef;font-size:10px;font-weight:850;cursor:pointer}.maker-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.maker-chip{padding:9px 13px;border:1px solid #ded8cc;border-radius:999px;color:#635d53;background:#fff;font-size:10px;font-weight:850;cursor:pointer}.maker-chip.is-active{color:#fff;border-color:#191d23;background:#191d23}.results-bar{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.results-bar p{margin:0;color:#706a60;font-size:11px}.results-bar strong{color:#171a1f;font-size:20px}.view-switch{display:flex;padding:3px;border:1px solid #ded8cc;border-radius:11px;background:#fff}.view-switch button{padding:7px 13px;border:0;border-radius:8px;color:#797267;background:transparent;font-size:10px;font-weight:850;cursor:pointer}.view-switch button.is-active{color:#fff;background:#20242a}.table-wrap{overflow:auto;border:1px solid #ded8cb;border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(49,39,19,.06)}.model-table{width:100%;min-width:1180px;border-collapse:collapse}.model-table th,.model-table td{padding:15px 13px;border-bottom:1px solid #eee9df;text-align:left;vertical-align:middle;font-size:10.5px;line-height:1.65}.model-table thead th{position:sticky;top:0;z-index:3;color:#716a5f;background:#f4f1eb;font-size:9px;font-weight:950;letter-spacing:.06em}.model-table tbody tr:last-child td{border-bottom:0}.model-table tbody tr:hover td{background:#fffdf7}.maker-row td{padding:12px 16px!important;color:#fff!important;background:#1c2026!important;font-size:11px!important;font-weight:900!important;letter-spacing:.06em}.maker-row span{margin-left:10px;color:#d9bd78;font-size:9px}.model-name{display:block;color:#15181d;font-size:13px;font-weight:900}.model-family{display:block;margin-top:3px;color:#9a7b3e;font-size:9px;font-weight:850}.minor{color:#716c64}.spec-stack{display:grid;gap:2px}.spec-stack span{white-space:nowrap}.spec-stack b{color:#917239;font-weight:850}.inq-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid #d8c28c;border-radius:999px;color:#7a5a1e;background:#fffaf0;font-size:9px;font-weight:900}.compare-col{width:52px;text-align:center!important}.compare-label{display:inline-flex;cursor:pointer}.compare-check{position:absolute;opacity:0;pointer-events:none}.check-ui{position:relative;width:24px;height:24px;border:1px solid #cfc8ba;border-radius:7px;background:#fff}.compare-check:checked+.check-ui{border-color:#a37c32;background:#a37c32}.compare-check:checked+.check-ui::after{content:"";position:absolute;left:7px;top:4px;width:6px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}.card-view{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.model-card{display:flex;flex-direction:column;padding:20px;border:1px solid #ded8cb;border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(38,31,18,.06)}.model-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.model-card-maker{margin:0;color:#a17e38;font-size:9px;font-weight:900;letter-spacing:.08em}.model-card h3{margin:5px 0 0;font-size:18px}.model-card .compare-label{flex:none}.model-tags{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.model-tags span{padding:4px 8px;border-radius:999px;color:#685a3d;background:#f4ecda;font-size:8px;font-weight:800}.card-specs{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #ece7dc;border-radius:14px;overflow:hidden}.card-specs div{padding:10px;border-right:1px solid #ece7dc;border-bottom:1px solid #ece7dc}.card-specs div:nth-child(2n){border-right:0}.card-specs div:nth-last-child(-n+2){border-bottom:0}.card-specs small{display:block;color:#8a847a;font-size:8px}.card-specs strong{display:block;margin-top:3px;font-size:10px}.model-card-note{flex:1;margin:14px 0;color:#6e6960;font-size:10px}.card-actions{display:flex;gap:8px}.card-actions a{flex:1;padding:9px;text-align:center;border-radius:999px;font-size:9px;font-weight:900}.card-actions .detail{color:#fff;background:#1d2128}.empty-state{padding:70px 20px;text-align:center;border:1px dashed #cabfaa;border-radius:22px;background:#fff}.empty-state strong{font-size:20px}.empty-state p{color:var(--muted);font-size:12px}.empty-state button{padding:10px 16px;border:0;border-radius:999px;color:#fff;background:#22272e;font-size:10px;font-weight:850}.note-box{padding:28px;border-left:4px solid #b68c3f;border-radius:0 18px 18px 0;background:#f7f3e9}.note-box p{margin:0 0 10px;color:#5f5a52;font-size:12px}.note-box p:last-child{margin-bottom:0}.page-footer{padding:45px 20px;text-align:center;color:#9da2a9;background:#161a20;font-size:10px}.compare-dock{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:1500;width:min(900px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px 12px 18px;border:1px solid rgba(255,255,255,.14);border-radius:20px;color:#fff;background:rgba(20,23,28,.94);box-shadow:0 22px 70px rgba(0,0,0,.28);backdrop-filter:blur(18px);transform:translateX(-50%)}.compare-dock[hidden]{display:none}.compare-dock>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}.compare-dock span{color:#d8bd7a;font-size:9px;font-weight:900;letter-spacing:.09em}.compare-dock strong{white-space:nowrap;font-size:12px}.compare-dock strong b{font-size:19px}.compare-names{display:flex;gap:6px}.compare-name{max-width:120px;padding:5px 8px;border-radius:999px;overflow:hidden;color:#d8dde4;background:rgba(255,255,255,.08);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.dock-actions{display:flex;gap:8px}.dock-actions button{padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;background:transparent;font-size:9px;font-weight:850}.dock-actions .open-compare{color:#17140e;border-color:transparent;background:linear-gradient(135deg,#ecd99d,#c59b43)}.compare-modal{position:fixed;inset:0;z-index:2000;display:none}.compare-modal.is-open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}.modal-panel{position:absolute;left:50%;top:50%;width:min(1120px,calc(100% - 32px));max-height:calc(100vh - 48px);overflow:auto;padding:26px;border-radius:24px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.4);transform:translate(-50%,-50%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between}.modal-head p{margin:0;color:#a17e38;font-size:9px;font-weight:900;letter-spacing:.15em}.modal-head h2{margin:4px 0 0;font-size:28px}.modal-head button{width:42px;height:42px;border:1px solid #ddd6c8;border-radius:50%;background:#fff;font-size:22px}.compare-table-wrap{margin-top:20px;overflow:auto}.compare-table{width:100%;min-width:760px;border-collapse:collapse}.compare-table th,.compare-table td{padding:13px;border:1px solid #e6e0d4;text-align:left;vertical-align:top;font-size:10px}.compare-table th{width:150px;color:#6c655b;background:#f4f1ea}.compare-table thead th{color:#fff;background:#1d2128}.compare-table a{display:inline-block;margin-top:8px;color:#8a6623;font-weight:900}.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding-top:18px;border-top:1px solid #e6e0d4}.modal-foot p{margin:0;color:#746e64;font-size:10px}.modal-foot a{padding:11px 16px;border-radius:999px;color:#17140e;background:linear-gradient(135deg,#edddaa,#c89e45);font-size:10px;font-weight:900}.toast{position:fixed;left:50%;bottom:100px;z-index:2500;padding:10px 15px;border-radius:999px;color:#fff;background:#1c2026;font-size:10px;font-weight:800;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){.guide-grid,.maker-grid{grid-template-columns:repeat(2,1fr)}.filter-panel{grid-template-columns:2fr repeat(2,1fr)}.reset-btn{align-self:end}.card-view{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){html{scroll-padding-top:60px}.site-strip{height:58px;padding:0 15px}.brand-copy,.site-links a:not(.head-contact){display:none}.head-contact{padding:8px 13px}.hero{min-height:610px}.hero-art{background:linear-gradient(180deg,rgba(7,11,16,.74),rgba(7,11,16,.96) 72%),url('https://www.nikko-kikai.co.jp/img/mecha_a.png') 58% 34%/cover no-repeat}.hero-inner{width:calc(100% - 30px);padding:100px 0 55px}.hero h1{font-size:clamp(35px,11vw,54px)}.hero-lead{font-size:13px;line-height:1.85}.hero-stats{width:100%;margin-top:36px}.hero-stats div{min-width:0;flex:1;padding:14px 10px;text-align:center}.hero-stats strong{font-size:21px}.quick-nav{top:58px;justify-content:flex-start;overflow-x:auto;padding:7px 10px}.quick-nav a{flex:none;padding:7px 12px}.section{width:calc(100% - 28px);margin:64px auto}.section-head,.catalog-title-row{display:block}.section-head>p{margin-top:12px}.guide-grid,.maker-grid,.card-view{grid-template-columns:1fr}.guide-grid article{min-height:180px}.catalog-contact{display:inline-flex;margin-top:16px}.filter-panel{grid-template-columns:1fr;padding:14px}.maker-chips{grid-column:auto}.table-wrap{display:none}.view-switch{display:none}.results-bar{margin-top:15px}.compare-dock{align-items:stretch;padding:12px}.compare-dock>div:first-child{display:block}.compare-names{display:none}.dock-actions{margin-left:auto}.dock-actions button:first-child{display:none}.modal-panel{width:calc(100% - 18px);max-height:calc(100vh - 18px);padding:18px}.modal-foot{display:block}.modal-foot a{display:block;margin-top:12px;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* 2026-07-22 rev.02: NC旋盤・複合加工機ページ準拠の共通ヘッダー／カテゴリインデックス */
body.autlat-page{--nk-nav-h:72px;--nk-nav-h-small:58px;--nk-gold:#b9934c;--nk-gold-dark:#8d6a2f;--nk-ease:cubic-bezier(.2,.75,.2,1)}
body.autlat-page .page-progress{position:fixed;inset:0 0 auto;z-index:1400;height:3px;pointer-events:none}
body.autlat-page .page-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--nk-gold-dark),#e2c27f)}
body.autlat-page .g-nav{position:fixed;inset:0 0 auto;z-index:1300;height:var(--nk-nav-h);display:flex;align-items:center;color:#fff;background:rgba(12,13,15,.78);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);transition:.25s}
body.autlat-page .g-nav.is-compact{height:var(--nk-nav-h-small);background:rgba(12,13,15,.95)}
body.autlat-page .g-wrap{width:min(1380px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
body.autlat-page .brand{display:inline-flex;align-items:center;gap:11px;color:#fff!important;white-space:nowrap}
body.autlat-page .brand img{display:block;height:28px;width:auto}
body.autlat-page .brand-name{display:flex;align-items:baseline;gap:8px;font-size:14px;font-weight:800}
body.autlat-page .brand-name small{font-size:11px;color:rgba(255,255,255,.64)}
body.autlat-page .nav-right,body.autlat-page .nav-links,body.autlat-page .lang-switch{display:flex;align-items:center}
body.autlat-page .nav-right{gap:12px}
body.autlat-page .nav-links{gap:3px}
body.autlat-page .dd{position:relative}
body.autlat-page .dd>a{display:inline-flex;align-items:center;min-height:38px;padding:0 10px;border-radius:999px;color:rgba(255,255,255,.9)!important;font-size:12px;font-weight:700}
body.autlat-page .dd>a:hover,body.autlat-page .dd.is-open>a{background:rgba(255,255,255,.09)}
body.autlat-page .dd-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:250px;padding:8px;visibility:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;background:rgba(19,20,22,.98);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.35);transition:.18s}
body.autlat-page .dd.is-open .dd-menu{visibility:visible;opacity:1;transform:none;pointer-events:auto}
body.autlat-page .dd-menu a{display:flex;align-items:center;min-height:42px;padding:8px 12px;border-radius:9px;color:rgba(255,255,255,.82)!important;font-size:13px}
body.autlat-page .dd-menu a:hover{background:rgba(185,147,76,.18);color:#fff!important}
body.autlat-page .lang-switch{gap:2px;padding:3px;border:1px solid rgba(255,255,255,.15);border-radius:999px}
body.autlat-page .lang-switch a{padding:5px 8px;border-radius:999px;color:rgba(255,255,255,.56)!important;font-size:10px;font-weight:800}
body.autlat-page .lang-switch a[aria-current=page]{color:#111!important;background:#fff}
body.autlat-page .nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:999px;color:#17130c!important;background:linear-gradient(135deg,#e4c47f,var(--nk-gold));font-size:12px;font-weight:800}
body.autlat-page .tel-cta,body.autlat-page .sp-toggle{display:none}
body.autlat-page .sp-toggle{min-height:40px;padding:0 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:transparent;font-size:12px;font-weight:800}
body.autlat-page .drawer{position:fixed;inset:0;z-index:1250;visibility:hidden;opacity:0;pointer-events:none;background:rgba(0,0,0,.48);transition:.25s}
body.autlat-page .drawer.is-open{visibility:visible;opacity:1;pointer-events:auto}
body.autlat-page .drawer-panel{position:absolute;top:var(--nk-nav-h-small);right:0;width:min(88vw,370px);height:calc(100% - var(--nk-nav-h-small));padding:18px;overflow:auto;color:#fff;background:#151619;transform:translateX(100%);transition:.28s var(--nk-ease)}
body.autlat-page .drawer.is-open .drawer-panel{transform:none}
body.autlat-page .drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}
body.autlat-page .drawer-head span{color:var(--nk-gold);font-size:11px;font-weight:900;letter-spacing:.16em}
body.autlat-page .drawer-close{padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:transparent}
body.autlat-page .drawer details{border-bottom:1px solid rgba(255,255,255,.1)}
body.autlat-page .drawer summary{position:relative;padding:16px 34px 16px 2px;list-style:none;font-size:14px;font-weight:800}
body.autlat-page .drawer summary::-webkit-details-marker{display:none}
body.autlat-page .drawer summary:after{content:"+";position:absolute;right:4px;color:var(--nk-gold);font-size:20px}
body.autlat-page .drawer details[open] summary:after{content:"−"}
body.autlat-page .drawer details div{padding:0 0 12px 12px}
body.autlat-page .drawer details a{display:block;padding:10px 12px;border-radius:9px;color:rgba(255,255,255,.7)!important;font-size:13px}
body.autlat-page .drawer-actions{display:grid;gap:8px;margin-top:20px}
body.autlat-page .drawer-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;color:#17130c!important;background:var(--nk-gold);font-weight:800}
body.autlat-page .drawer-actions a+a{color:#fff!important;background:transparent;border:1px solid rgba(255,255,255,.18)}
body.autlat-page .hero{padding-top:var(--nk-nav-h)}
body.autlat-page .hero-inner{padding-top:94px}
body.autlat-page .breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px;color:rgba(255,255,255,.48);font-size:11px}
body.autlat-page .breadcrumb a:hover{color:#fff}
body.autlat-page .local-nav{position:sticky;top:var(--nk-nav-h-small);z-index:1100;border-bottom:1px solid rgba(18,18,18,.09);background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}
body.autlat-page .local-nav-inner{width:min(var(--max),calc(100% - 40px));min-height:60px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
body.autlat-page .local-brand{display:flex;align-items:baseline;gap:10px}
body.autlat-page .local-brand strong{font-size:14px}
body.autlat-page .local-brand span{color:var(--muted);font-size:11px}
body.autlat-page .local-links{display:flex;align-items:center;gap:4px}
body.autlat-page .local-links a{padding:9px 11px;border-radius:999px;color:#4f4f4f;font-size:12px;font-weight:700}
body.autlat-page .local-links a:hover,body.autlat-page .local-links a.is-active{color:var(--nk-gold-dark);background:var(--soft)}
body.autlat-page .local-links .local-contact{color:#fff!important;background:#111}
body.autlat-page .site-strip,body.autlat-page .quick-nav{display:none!important}
html{scroll-padding-top:132px}
@media(max-width:1180px){body.autlat-page .nav-links{display:none}body.autlat-page .sp-toggle,body.autlat-page .tel-cta{display:inline-flex;align-items:center;justify-content:center}}
@media(max-width:900px){body.autlat-page{--nk-nav-h:58px;--nk-nav-h-small:58px}body.autlat-page .brand-name small,body.autlat-page .lang-switch,body.autlat-page .nav-right>.nav-cta:not(.tel-cta){display:none}body.autlat-page .brand img{height:24px}body.autlat-page .g-wrap{width:calc(100% - 20px)}body.autlat-page .hero-inner{padding-top:70px}body.autlat-page .local-brand span{display:none}body.autlat-page .local-links a:not(.local-contact){display:none}}
@media(max-width:620px){body.autlat-page .tel-cta{width:40px;padding:0;font-size:0}body.autlat-page .tel-cta:before{content:"TEL";font-size:10px}body.autlat-page .sp-toggle{min-width:62px;padding-inline:10px}body.autlat-page .brand-name{font-size:12px}body.autlat-page .breadcrumb{margin-bottom:26px}body.autlat-page .local-nav-inner{width:calc(100% - 24px)}}


/* 2026-07-28 rev.02: 狭幅PC・スマートフォンでも比較解除ボタンを常時表示 */
@media (max-width:900px){
  .compare-dock{
    width:min(760px,calc(100% - 20px));
    gap:10px;
    padding:11px 12px;
  }
  .compare-dock>div:first-child{
    flex:1 1 auto;
    min-width:0;
  }
  .compare-names{
    min-width:0;
    overflow:hidden;
  }
  .dock-actions{
    flex:0 0 auto;
  }
  .dock-actions button{
    white-space:nowrap;
  }
}
@media (max-width:760px){
  .compare-dock{
    display:grid;
    grid-template-columns:minmax(92px,auto) 1fr;
    align-items:center;
    gap:8px 10px;
    width:calc(100% - 16px);
    bottom:max(8px,env(safe-area-inset-bottom));
    padding:10px 10px 10px 12px;
    border-radius:17px;
  }
  .compare-dock>div:first-child{
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
  }
  .compare-dock>div:first-child>span{
    display:none;
  }
  .compare-names{
    display:none;
  }
  .dock-actions{
    display:flex;
    justify-content:flex-end;
    gap:6px;
    margin-left:0;
    min-width:0;
  }
  .dock-actions button,
  .dock-actions button:first-child{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:8px 11px;
    white-space:nowrap;
  }
  .dock-actions .open-compare{
    min-width:112px;
  }
}
@media (max-width:430px){
  .compare-dock{
    grid-template-columns:1fr;
    gap:7px;
  }
  .compare-dock>div:first-child{
    justify-content:center;
  }
  .compare-dock>div:first-child>span{
    display:inline;
  }
  .dock-actions{
    width:100%;
  }
  .dock-actions button{
    flex:1 1 0;
    padding-inline:8px;
  }
  .dock-actions .open-compare{
    min-width:0;
  }
}

/* 2026-08-06: 検索条件を加工長・主軸回転数・背面主軸へ変更 */
.select-field input[type="number"]{appearance:textfield;-moz-appearance:textfield}
.select-field input[type="number"]::-webkit-inner-spin-button,.select-field input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.spec-unknown{color:#9a958d}
