:root{--yel:#FFC928;--yel2:#FFF1C2;--blk:#1E1E1E;--paper:#FFFFFF;--blue:#1F5AA6;--ink:#222;--sub:#5E6166;--bg:#E7E9EC;--line:#333;--th:#F2F2F2;--dash:#CCC;--red:#C62F1E;--link:#1558B0;--shadow:0 2px 0 #C9CCD1,0 8px 20px rgba(0,0,0,.10)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#23262B;--ink:#E9E9E9;--sub:#A9ADB3;--bg:#15171A;--line:#8A8F96;--th:#2E3238;--dash:#444;--yel2:#3A3218;--blue:#7FB0F0;--red:#FF7A66;--link:#8DB8FF;--shadow:0 2px 0 #0B0C0E,0 8px 20px rgba(0,0,0,.4)}}
:root[data-theme="dark"]{--paper:#23262B;--ink:#E9E9E9;--sub:#A9ADB3;--bg:#15171A;--line:#8A8F96;--th:#2E3238;--dash:#444;--yel2:#3A3218;--blue:#7FB0F0;--red:#FF7A66;--link:#8DB8FF;--shadow:0 2px 0 #0B0C0E,0 8px 20px rgba(0,0,0,.4)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:500 16px/1.85 "Zen Kaku Gothic New",sans-serif}
a{color:var(--link)}
a:focus-visible,button:focus-visible,label:focus-within{outline:3px solid var(--blue);outline-offset:2px}
.site{background:var(--blk);color:var(--yel);padding:10px 16px;display:flex;align-items:center;gap:10px}
.site a{color:var(--yel);text-decoration:none;font:400 20px "Dela Gothic One"}
.site small{color:#BDBDBD;font-size:12px}
.stripe{height:10px;background:repeating-linear-gradient(-45deg,var(--yel) 0 14px,var(--blk) 14px 28px)}
main{max-width:740px;margin:0 auto;padding:0 16px 48px}
.pr{font-size:12px;color:var(--sub);margin:12px 0 0;padding:6px 10px;border:1px solid var(--dash);border-radius:4px;background:var(--paper)}
.crumbs{font-size:12px;color:var(--sub);margin:10px 0 0}.crumbs a{color:var(--sub)}

/* 見出し：査定シートの表題 */
.title{margin:14px 0 0}
.title h1{font:400 clamp(24px,6.4vw,34px)/1.3 "Dela Gothic One";margin:0;letter-spacing:.01em}
.title p{margin:6px 0 0;color:var(--sub);font-size:14px}

/* 入札ボード（主役） */
.board{background:var(--blk);color:#EDEDED;border-radius:8px;margin:18px 0 0;padding:14px 14px 12px;position:relative;box-shadow:var(--shadow)}
.board-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-bottom:1px solid #444;padding-bottom:8px;margin-bottom:8px}
.board-h b{font:400 16px "Dela Gothic One";color:var(--yel)}
.board-h span{font-size:12px;color:#AAA}
.bids{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
.bids li{display:grid;grid-template-columns:2.2em 1fr auto;align-items:center;font-size:13px;line-height:1;padding:6px 6px;border-bottom:1px dashed #3A3A3A;color:#8C8C8C}
.bids li em{font-style:normal;font-variant-numeric:tabular-nums;color:#BDBDBD}
.bids li i{font-style:normal;font-size:11px}
.bids li.top{background:var(--yel);color:var(--blk);border-radius:3px;border-bottom-color:transparent;margin:2px 0}
.bids li.top em{color:var(--blk);font-weight:900}
.bids li.top i{font-weight:900}
.bids li .n{font:400 13px "Dela Gothic One"}
.board-f{display:flex;gap:10px;align-items:center;margin-top:10px;font-size:13px;color:#DDD}
.board-f .key{display:inline-block;width:14px;height:14px;background:var(--yel);border-radius:2px;vertical-align:-2px}
.board-note{font-size:11px;color:#999;margin:6px 0 0}
@media (max-width:520px){.bids{grid-template-columns:1fr}.bids li:nth-child(n+11){display:none}.bids:after{content:"…20社まで続く";display:block;color:#888;font-size:12px;padding:6px}}


/* 査定シート */
.sheet{background:var(--paper);margin-top:26px;position:relative;border-radius:4px;padding:22px 16px 18px;box-shadow:var(--shadow)}
.sheet:before{content:"";position:absolute;top:-12px;left:50%;width:90px;height:20px;margin-left:-45px;background:#9AA3AD;border-radius:4px}
.sheet h2{margin-top:0}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{border:1.5px solid var(--line);padding:7px 10px;text-align:left;vertical-align:top}
th{background:var(--th);font-weight:700}
.spec th{width:8.5em}
.cmp th:first-child{width:6.5em}
.cmp thead th{text-align:center}
.cmp td.hl{background:var(--yel2);font-weight:700}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.src{font-size:12px;color:var(--sub);margin:8px 0 0}

h2{font:400 clamp(19px,4.6vw,22px)/1.45 "Dela Gothic One";margin:38px 0 12px}
h3{font-size:17px;margin:22px 0 6px}
p{margin:0 0 12px}
mark{background:linear-gradient(transparent 58%,var(--yel) 58%);color:inherit;padding:0 1px}

/* 申込の流れ（本当に順番があるので番号を使う） */
.flow{list-style:none;margin:0;padding:0;counter-reset:f}
.flow li{position:relative;background:var(--paper);border-radius:4px;padding:12px 14px 12px 58px;margin:0 0 10px;box-shadow:var(--shadow)}
.flow li:before{counter-increment:f;content:counter(f);position:absolute;left:12px;top:12px;width:32px;height:32px;border-radius:50%;background:var(--blk);color:var(--yel);font:400 16px/32px "Dela Gothic One";text-align:center}
.flow li b{display:block}
.flow li span{font-size:14px;color:var(--sub)}
.flow li:not(:last-child):after{content:"";position:absolute;left:27px;top:46px;bottom:-12px;border-left:2px dotted var(--sub)}

/* チェックリスト */
.check{list-style:none;padding:0;margin:0;background:var(--paper);border-radius:4px;box-shadow:var(--shadow)}
.check li{display:flex;gap:10px;padding:11px 14px;border-top:1px dashed var(--dash)}
.check li:first-child{border:0}
.check i{flex:none;width:20px;height:20px;border:2px solid var(--blue);border-radius:3px;margin-top:5px;position:relative}
.check i:after{content:"";position:absolute;left:5px;top:0;width:6px;height:11px;border:solid var(--blue);border-width:0 3px 3px 0;transform:rotate(45deg)}
.check.ng i{border-color:var(--red)}
.check.ng i:after{border:0;left:2px;top:7px;width:12px;height:3px;background:var(--red);transform:none}

/* 向いているか診断 */
.quiz{background:var(--paper);border-radius:4px;padding:14px;box-shadow:var(--shadow)}
.quiz label{display:flex;gap:10px;align-items:flex-start;padding:9px 4px;border-top:1px dashed var(--dash);cursor:pointer}
.quiz label:first-of-type{border:0}
.quiz input{width:20px;height:20px;margin:5px 0 0;accent-color:var(--blue);flex:none}
.verdict{margin:10px 0 0;padding:10px 12px;border-left:6px solid var(--yel);background:var(--yel2);font-weight:700;min-height:3.2em}

/* CTA */
.cta{margin:20px 0 6px;text-align:center}
.btn{display:block;text-align:center;background:var(--yel);color:var(--blk);text-decoration:none;font:400 18px/1.4 "Dela Gothic One";padding:15px 12px;border-radius:6px;border:3px solid var(--blk);box-shadow:0 4px 0 var(--blk)}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--blk)}
.btn small{display:block;font:700 12px "Zen Kaku Gothic New";margin-top:2px}
.btn .prl{display:inline-block;font:700 10px "Zen Kaku Gothic New";border:1px solid var(--blk);border-radius:3px;padding:0 4px;margin-left:6px;vertical-align:3px}
.cta p{font-size:12px;color:var(--sub);margin:8px 0 0}

details{background:var(--paper);border-radius:4px;margin:0 0 8px;box-shadow:var(--shadow)}
summary{cursor:pointer;padding:12px 14px;font-weight:700;list-style:none;position:relative;padding-right:36px}
summary::-webkit-details-marker{display:none}
summary:after{content:"＋";position:absolute;right:14px;top:12px;color:var(--sub)}
details[open] summary:after{content:"－"}
details div{padding:0 14px 12px;font-size:15px}

.sources{font-size:13px;color:var(--sub)}
.sources li{margin:0 0 4px}
.byline{font-size:13px;color:var(--sub);margin:16px 0 0}
footer{background:var(--blk);color:#BBB;font-size:13px;padding:20px 16px 28px}
footer .in{max-width:740px;margin:0 auto}
footer a{color:#E5E5E5;margin-right:14px}
footer p{margin:8px 0 0}
.cards{display:grid;gap:12px}
.card{display:block;background:var(--paper);border-radius:4px;padding:14px 16px;box-shadow:var(--shadow);color:var(--ink);text-decoration:none}
.card b{font:400 18px "Dela Gothic One";display:block}
.card span{font-size:14px;color:var(--sub)}
.doc h2{font-size:19px}
.board-h{flex-wrap:wrap}.board-h b{white-space:nowrap}
.cmp{font-size:14px}.cmp th,.cmp td{padding:6px 7px}
@media (max-width:520px){.cmp{min-width:520px}}
@media (min-width:521px){.bids{grid-template-rows:repeat(10,auto);grid-auto-flow:column}}

/* ---------- 車種ページ共通 ---------- */
.photo{position:relative}.photo img{display:block;width:100%;height:260px;object-fit:cover}
.photo.nophoto{height:120px;background:repeating-linear-gradient(-45deg,var(--th) 0 14px,var(--bg) 14px 28px)}
.photo .tag{position:absolute;left:12px;top:12px;background:var(--yel);color:var(--blk);font:400 14px "Dela Gothic One";padding:2px 10px;transform:rotate(-3deg)}
.cr{font-size:10px;color:var(--sub);text-align:right;margin:3px 10px 0}.cr a{color:inherit}
.sheet.car{margin-top:-30px}
.sheet.car h1{font:400 clamp(24px,6.5vw,30px)/1.3 "Dela Gothic One";margin:4px 0 2px}.sheet.car .s{color:var(--sub);font-size:14px;margin:0 0 12px}
.tl{list-style:none;margin:0;padding:0;border-left:3px solid var(--yel);margin-left:6px}
.tl li{position:relative;padding:0 0 14px 18px}.tl li:before{content:"";position:absolute;left:-9px;top:7px;width:13px;height:13px;border-radius:50%;background:var(--blk);border:3px solid var(--yel)}
.tl b{display:block}.tl span{font-size:14px;color:var(--sub)}
.rel{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.rel li{display:flex;flex-direction:column;border-bottom:1px dashed var(--dash);padding:4px 0}.rel span{font-size:12px;color:var(--sub)}
.note{font-size:12px;color:var(--sub);margin-top:24px}

/* ---------- 輸入車（高級感） ---------- */
body.k-lux{--bg:#15171C;background:#15171C;color:#ECEAE6}
body.k-lux .site{background:#15171C;border-bottom:1px solid rgba(203,177,122,.35)}body.k-lux .site a{color:#CBB17A;font-family:"Shippori Mincho";font-weight:600;letter-spacing:.12em;font-size:16px}
body.k-lux .stripe{display:none}
.lux{--gold:#CBB17A;--gold2:#F1E2B8;--pearl:#ECEAE6;--lsub:#9A9CA3}
.lux .hero{position:relative}.lux .hero img{display:block;width:100%;height:300px;object-fit:cover;filter:brightness(.82) contrast(1.05)}.lux .nophoto{height:160px;background:radial-gradient(80% 100% at 50% 0,#2A2D36,#15171C)}
.lux .hero:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 40%,transparent 40%,rgba(21,23,28,.85) 100%),linear-gradient(transparent 55%,#15171C)}
.lux .title{position:relative;margin-top:-92px;z-index:1;text-align:center;padding:0 16px}
.lux .brand{font:500 15px "Cormorant Garamond";letter-spacing:.42em;color:var(--gold)}
.lux .model{font:600 clamp(32px,10vw,44px)/1.1 "Cormorant Garamond","Shippori Mincho";letter-spacing:.04em;margin:2px 0 6px;background:linear-gradient(100deg,var(--gold) 0%,var(--gold2) 45%,#fff 50%,var(--gold2) 55%,var(--gold) 100%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 2.4s ease-out .4s 1 both}
@keyframes shine{from{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.lux .model{animation:none}}
.lux .jp{font:600 15px "Shippori Mincho";letter-spacing:.1em}
.lux .star{position:absolute;width:14px;height:14px;background:var(--gold2);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.lux .cr{color:#6E7179}
.lux main{padding:6px 20px 48px}
.lux .copy{text-align:center;font:800 21px/1.7 "Shippori Mincho";margin:26px 0 8px}.lux .sub{text-align:center;color:var(--lsub);font-size:14px}
.lux .frame{margin-top:22px;border:1px solid rgba(203,177,122,.5);padding:4px}.lux .frame>div{border:1px solid rgba(203,177,122,.25);padding:16px 18px}
.lux .frame h2{font:500 13px "Cormorant Garamond";letter-spacing:.35em;color:var(--gold);margin:0 0 6px;text-align:center}
.lux dl{margin:0;display:grid;grid-template-columns:7em 1fr;row-gap:4px}.lux dt{color:var(--lsub);font-size:14px}.lux dd{margin:0;font-family:"Shippori Mincho";font-weight:600}
.lux .gold{display:block;text-align:center;margin-top:24px;padding:15px;border:1px solid var(--gold);color:var(--gold2);text-decoration:none;font:800 17px "Shippori Mincho";letter-spacing:.06em;background:linear-gradient(180deg,rgba(203,177,122,.16),rgba(203,177,122,.04))}.lux .gold small{display:block;font:500 12px "Zen Kaku Gothic New";color:var(--lsub);letter-spacing:0}
.lux .prl{border-color:var(--lsub);color:var(--lsub)}
.lux .lh{font:500 14px "Cormorant Garamond";letter-spacing:.3em;color:var(--gold);text-align:center;margin:36px 0 14px}.lux .lh span{display:block;font:600 18px "Shippori Mincho";letter-spacing:.08em;color:var(--pearl)}
.lux .tl{border-color:rgba(203,177,122,.5)}.lux .tl li:before{background:#15171C;border-color:var(--gold)}.lux .tl span{color:var(--lsub)}
.lux .lchk{padding-left:1.2em;color:var(--pearl)}.lux .lchk li{margin-bottom:6px}
.lux h2:not(.lh){font:600 18px "Shippori Mincho";color:var(--gold2)}
.lux .rel li{border-color:rgba(203,177,122,.25)}.lux .rel a{color:var(--gold2)}.lux .rel span,.lux .note{color:#8B8E96}

/* ---------- 旧車（レトロ） ---------- */
body.k-retro{--bg:#F3E7D0;background:#F3E7D0 radial-gradient(rgba(91,58,30,.07) 1px,transparent 1.2px) 0 0/6px 6px;color:#3A2614}
body.k-retro .site{background:#5B3A1E}body.k-retro .site a{color:#F3E7D0}body.k-retro .stripe{display:none}
.retro{--paper:#F3E7D0;--paper2:#EAD9B8;--brown:#5B3A1E;--orange:#D9662B;--mustard:#E3A82B;--teal:#2F6E6A}
.retro .stripes{height:30px;background:linear-gradient(var(--orange) 0 33%,var(--mustard) 33% 66%,#8C5A2B 66%)}
.retro .rhero{max-width:740px;margin:0 auto;padding:22px 16px 10px;display:grid;grid-template-columns:70px 1fr;gap:14px}
.retro .vt{writing-mode:vertical-rl;font:400 64px/1 "Zen Antique Soft";letter-spacing:.06em;color:var(--brown);text-shadow:4px 4px 0 var(--mustard)}
.retro .maker{margin:4px 0 0;font:400 15px "Zen Antique Soft";color:#8A6A4A}
.retro h1{font:400 clamp(26px,7vw,32px)/1.35 "Zen Antique Soft";margin:0 0 10px}.retro .lead p{margin:0;font-size:15px}
.retro .badge{display:inline-block;margin-top:12px;background:var(--teal);color:var(--paper);font:400 13px "Dela Gothic One";padding:4px 12px;border-radius:999px;transform:rotate(-2deg)}
.retro .print{position:relative;margin:8px auto 0;background:#FBF6EC;padding:8px 8px 24px;box-shadow:0 3px 10px rgba(60,35,15,.28);width:min(86%,560px);transform:rotate(-2deg)}
.retro .print img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;filter:sepia(.35) saturate(1.15) contrast(1.05)}
.retro .print:after{content:"";position:absolute;left:8px;right:8px;top:8px;aspect-ratio:4/3;border-radius:6px;background:radial-gradient(rgba(0,0,0,.18) .8px,transparent 1px) 0 0/4px 4px;mix-blend-mode:multiply;pointer-events:none}
.retro .print figcaption{position:absolute;left:10px;bottom:3px;font:400 13px "Zen Antique Soft"}
.retro .cr{color:#8A6A4A;text-align:center;margin-top:8px}
.retro h2{font:400 24px "Zen Antique Soft";margin:30px 0 12px;display:flex;align-items:center;gap:10px}.retro h2:after{content:"";flex:1;height:6px;background:linear-gradient(var(--orange) 0 33%,var(--mustard) 33% 66%,#8C5A2B 66%)}
.retro .why{background:#FBF6EC;border:2px solid var(--brown);padding:14px 16px;position:relative}.retro .why.tip:before{content:"豆知識";position:absolute;top:-13px;left:12px;background:var(--brown);color:var(--paper);font:400 12px "Dela Gothic One";padding:1px 10px}
.retro dl{margin:0;display:grid;grid-template-columns:6.5em 1fr;row-gap:4px}.retro dt{color:#8A6A4A;font-size:14px}.retro dd{margin:0;font-weight:700}
.retro .ticket{display:flex;margin-top:24px;text-decoration:none;color:var(--paper);filter:drop-shadow(0 3px 0 rgba(60,35,15,.3))}
.retro .ticket .a{flex:1;background:var(--orange);padding:14px 16px;border-radius:10px 0 0 10px}.retro .ticket .a b{display:block;font:400 19px "Dela Gothic One"}.retro .ticket .a span{font-size:12px}
.retro .ticket .b{width:86px;background:var(--brown);border-radius:0 10px 10px 0;border-left:3px dashed var(--paper);display:grid;place-items:center;font:400 14px/1.3 "Dela Gothic One";text-align:center}
.retro .prl{font-style:normal;border:1px solid var(--paper);border-radius:3px;padding:0 4px;margin-left:6px;font-size:10px}
.retro .tl{border-color:var(--mustard)}.retro .tl li:before{background:var(--brown);border-color:var(--mustard)}.retro .tl span{color:#6B4E33}
.retro .rel li{border-color:#D8C49E}.retro .rel a{color:#2F6E6A}.retro .rel span,.retro .note{color:#8A6A4A}
body.k-retro footer,body.k-lux footer{background:#111}