/* ===== 中古車販売店向けLP（/chukosha/）  接頭辞 .ck- ===== */
:root{
  --ck-red:#e3202d; --ck-red2:#b5121d; --ck-ink:#16181d; --ck-mute:#636a75; --ck-line:#e3e5e9;
  --ck-floor:#f4f5f7; --ck-yellow:#ffd23f;
}
.ck{color:var(--ck-ink)}
.ck-sec{padding:clamp(56px,8vw,104px) 16px!important;position:relative}
.ck .wp-block-image img{border-radius:3px}
.ck-label{display:block;width:max-content;max-width:100%;margin:0 auto .7em!important;font-family:var(--cx-num);font-weight:800;font-size:13px;letter-spacing:.24em;color:#fff;background:var(--ck-red);padding:.25em .9em .25em 1.6em!important;position:relative;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%)}
.ck-label::before{content:"";position:absolute;left:10px;top:50%;width:5px;height:5px;border-radius:50%;background:#fff;transform:translateY(-50%)}
.ck-label-l{margin-left:0!important}
.ck h2.ck-h2{font-size:clamp(25px,3.8vw,40px);text-align:center;line-height:1.4;margin:0 auto .6em!important;color:var(--ck-ink);letter-spacing:.02em}
.ck h2.ck-h2 strong{color:var(--ck-red)}
.ck h2.ck-h2-l{text-align:left;margin-left:0!important}
.ck-lead{text-align:center;max-width:780px;margin:0 auto 2.2em!important;font-size:clamp(15px,1.7vw,17px);color:var(--ck-mute)}
.ck-note{font-size:13px;color:var(--ck-mute);text-align:center;max-width:900px;margin:1.6em auto 0!important}
.ck-note a{color:inherit}
.ck-note-l{text-align:left;margin-left:0!important}
.ck-small{font-size:14px;color:var(--ck-mute)}
.ck-cap{font-size:12.5px;color:var(--ck-mute);text-align:center;margin:.5em 0 0!important}
.ck-ctas{justify-content:center;gap:14px!important;margin-top:2em!important}
.ck .is-style-cx-cta .wp-block-button__link{background:linear-gradient(180deg,#ff3b47,var(--ck-red));box-shadow:0 4px 0 #8f0d16,0 12px 26px rgba(227,32,45,.3)}
.ck .is-style-cx-cta .wp-block-button__link:hover{box-shadow:0 2px 0 #8f0d16,0 6px 14px rgba(227,32,45,.3)}
.ck .is-style-cx-sub .wp-block-button__link{border-color:var(--ck-ink);color:var(--ck-ink)}
.ck ul.ck-checks li::before{background:var(--ck-red)}

/* ===== FV（ショールーム） ===== */
.ck-fv{position:relative;overflow:hidden;padding:clamp(40px,6vw,80px) 16px clamp(56px,7vw,96px)!important;
  background:
    radial-gradient(40% 30% at 70% 92%,rgba(0,0,0,.10),transparent 70%),
    linear-gradient(180deg,#ffffff 0%,#ffffff 70%,#f1f2f4 100%)}
.ck-fv::before{content:"";position:absolute;top:-10%;right:-8%;width:46%;height:120%;background:var(--ck-red);transform:skewX(-14deg);opacity:.96}
.ck-fv::after{content:"";position:absolute;top:-10%;right:calc(38% - 8%);width:18px;height:120%;background:var(--ck-red);transform:skewX(-14deg);opacity:.35}
.ck-fv > .wp-block-columns{max-width:1220px!important;align-items:center!important;gap:clamp(20px,4vw,56px)!important;position:relative;z-index:1}
.ck-kicker{display:inline-block;font-weight:900;font-size:clamp(13px,1.4vw,15px);color:var(--ck-red);border:2px solid var(--ck-red);border-radius:2px;padding:.25em .8em;margin:0 0 1.1em!important;background:#fff}
.ck-fv h1.ck-h1{font-size:clamp(32px,4.4vw,54px);line-height:1.28;margin:0 0 .5em!important;color:var(--ck-ink);letter-spacing:.01em}
.ck-fv h1.ck-h1 strong{color:var(--ck-red);background:linear-gradient(transparent 72%,var(--ck-yellow) 72%)}
.ck-sp-br{display:none}
.ck-fv-sub{font-size:clamp(15px,1.7vw,18px);color:#3b414b;max-width:540px;margin:0 0 .4em!important}
.ck-fv .ck-ctas{justify-content:flex-start;margin-top:1.4em!important}
.ck-micro{font-size:12.5px;color:var(--ck-mute);margin-top:1em!important;max-width:540px}
.ck-visual{position:relative;padding:0 0 0 0!important;margin:0!important}
.ck-stage{position:relative;padding:0 0 12% 0!important;margin:0 0 0 0!important}
.ck-stage .ck-pc{margin:0 8% 0 0!important}
.ck-stage .ck-pc img{display:block;width:100%;border:9px solid #111!important;border-bottom-width:14px!important;border-radius:9px!important;box-shadow:0 30px 50px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.2)}
.ck-stage .ck-sp{position:absolute;right:0;bottom:0;width:25%;margin:0!important}
.ck-stage .ck-sp img{display:block;border:6px solid #0b0b0d!important;border-radius:18px!important;aspect-ratio:9/18.5;object-fit:cover;object-position:top;box-shadow:0 18px 36px rgba(0,0,0,.35)}
.ck-devcap{font-size:12px;color:#fff;margin:.8em 0 0!important;text-align:right;opacity:.9}

/* プライスボード */
.ck-board{background:#fff;border:2px solid var(--ck-ink);border-radius:4px;width:210px;padding:0 0 10px!important;box-shadow:0 18px 36px rgba(0,0,0,.25);text-align:center;position:absolute;left:-30px;bottom:-6%;z-index:3;transform:rotate(-4deg)}
.ck-board::before{content:"";position:absolute;top:-34px;left:50%;width:2px;height:34px;background:#555;transform:translateX(-50%)}
.ck-board > *{margin:0!important}
.ck-board-head{background:var(--ck-red);color:#fff;font-family:var(--cx-num);font-weight:800;letter-spacing:.14em;font-size:14px;padding:6px 0 5px!important;position:relative}
.ck-board-head::before{content:"";position:absolute;left:50%;top:-1px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--ck-ink);transform:translate(-50%,-50%)}
.ck-board-k{font-weight:900;font-size:13px;color:var(--ck-mute);margin-top:6px!important}
.ck-board-price{font-family:var(--cx-num);font-weight:900;font-size:62px;line-height:1;color:var(--ck-red);letter-spacing:-.02em}
.ck-board-price small{font-family:"Noto Sans JP",sans-serif;font-size:.3em;color:var(--ck-ink);margin-left:.1em}
.ck-board-tax{font-size:11.5px;color:var(--ck-mute);margin-bottom:6px!important}
.ck-board-row{display:flex;justify-content:space-between;align-items:center;margin:0 12px!important;padding:4px 2px!important;border-top:1px dashed #c9ccd2;font-size:12.5px}
.ck-board-row span{color:var(--ck-mute);font-weight:700}
.ck-board-row b{font-weight:900}

/* ===== 在庫車ページ ===== */
.ck-stock{background:#fff}
.ck-pipe{display:grid!important;grid-template-columns:1fr 44px 1fr 44px 1fr;align-items:stretch;max-width:1100px!important;gap:0!important}
.ck-pipe > *{margin:0!important}
.ck-node{border:2px solid var(--ck-ink);border-radius:4px;padding:22px 20px!important;background:#fff;position:relative}
.ck-node > *{margin:0!important}
.ck-node-tag{font-family:var(--cx-num);font-weight:800;font-size:12px;letter-spacing:.18em;color:var(--ck-red)}
.ck-node h3{font-size:19px!important;margin:.25em 0 .4em!important;color:var(--ck-ink)!important}
.ck-node p:last-child{font-size:14.5px;color:#454b55}
.ck-node-c{background:var(--ck-ink);color:#fff}
.ck-node-c h3{color:#fff!important}
.ck-node-c p:last-child{color:#d4d7dd}
.ck-node-c .ck-node-tag{color:var(--ck-yellow)}
.ck-arrow{display:flex;align-items:center;justify-content:center;font-family:var(--cx-num);font-weight:900;font-size:28px;color:var(--ck-red)}
.ck-chips{justify-content:center!important;gap:12px!important;margin:30px auto 0!important;max-width:1100px!important}
.ck-chip{margin:0!important;background:var(--ck-red);color:#fff;font-weight:900;font-size:clamp(15px,1.6vw,18px);padding:10px 22px 10px 30px!important;clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%);position:relative}
.ck-chip::before{content:"";position:absolute;left:12px;top:50%;width:6px;height:6px;border-radius:50%;background:#fff;transform:translateY(-50%)}
.ck-chip b{font-weight:700;font-size:.8em;opacity:.9;margin-right:.4em}

/* ===== 10万台 ===== */
.ck-net{background:var(--ck-floor);overflow:hidden}
.ck-net-cols{max-width:1100px!important;align-items:center!important;gap:clamp(24px,4vw,56px)!important}
.ck-bigtag{background:var(--ck-red);color:#fff;border-radius:6px;padding:34px 26px 26px 54px!important;position:relative;clip-path:polygon(40px 0,100% 0,100% 100%,40px 100%,0 50%);box-shadow:0 20px 40px rgba(227,32,45,.25)}
.ck-bigtag::before{content:"";position:absolute;left:26px;top:50%;width:16px;height:16px;border-radius:50%;background:var(--ck-floor);transform:translateY(-50%)}
.ck-bigtag > *{margin:0!important}
.ck-tag-k{font-weight:900;font-size:16px;opacity:.95}
.ck-tag-num{font-family:var(--cx-num);font-weight:900;font-size:clamp(84px,11vw,140px);line-height:1;letter-spacing:-.03em}
.ck-tag-num small{font-family:"Noto Sans JP",sans-serif;font-size:.3em;font-weight:900;margin-left:.08em;letter-spacing:0}
.ck-tag-foot{font-size:13.5px;font-weight:700;border-top:1px solid rgba(255,255,255,.45);padding-top:10px!important;margin-top:12px!important}

/* ===== 追加ページ ===== */
.ck-pages{background:#fff}
.ck-ptags{gap:16px!important;max-width:1180px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
.ck-ptag{border:1px solid var(--ck-line);border-top:6px solid var(--ck-red);border-radius:3px;padding:18px 16px 16px!important;margin:0!important;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.05);position:relative}
.ck-ptag > *{margin:0!important}
.ck-ptag-path{font-family:var(--cx-num);font-weight:800;font-size:15px;color:var(--ck-red)}
.ck-ptag h3{font-size:18px!important;margin:.15em 0 .45em!important;color:var(--ck-ink)!important}
.ck-ptag p{font-size:14px;color:#454b55;line-height:1.75}
.ck-ptag .ck-ptag-note{font-size:12px;color:var(--ck-mute);margin-top:.6em!important}
.ck-ptag:first-child{background:var(--ck-ink);border-color:var(--ck-ink);border-top-color:var(--ck-red)}
.ck-ptag:first-child h3{color:#fff!important}
.ck-ptag:first-child p{color:#d4d7dd}
.ck-ptag:first-child .ck-ptag-path{color:var(--ck-yellow)}

/* ===== デザイン ===== */
.ck-design{background:linear-gradient(180deg,#f4f5f7,#fff)}
.ck-dgrid{gap:28px!important;max-width:1140px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ck-dshow{background:#fff;border:1px solid var(--ck-line);border-radius:4px;padding:26px 26px 22px!important;margin:0!important;box-shadow:0 12px 30px rgba(0,0,0,.06)}
.ck-dshow > *{margin-top:0!important}
.ck-dstage{position:relative;padding:0 0 13% 0!important;margin-bottom:20px!important;}
.ck-dstage .ck-dpc{margin:0 12% 0 0!important}
.ck-dstage .ck-dpc img{display:block;border:6px solid #111!important;border-radius:6px!important;aspect-ratio:16/10;object-fit:cover;object-position:top}
.ck-dstage .ck-dsp{position:absolute;right:2%;bottom:0;width:24%;margin:0!important}
.ck-dstage .ck-dsp img{display:block;border:4px solid #111!important;border-radius:12px!important;aspect-ratio:9/18.5;object-fit:cover;object-position:top;box-shadow:0 10px 22px rgba(0,0,0,.3)}
.ck-dwho{display:inline-block;font-size:12.5px;font-weight:900;color:var(--ck-red);border:1px solid var(--ck-red);padding:.1em .7em;margin-bottom:.4em!important}
.ck-dshow h3{font-size:23px!important;color:var(--ck-ink)!important;margin:.1em 0 .3em!important}
.ck-dshow p{font-size:14.5px;color:#454b55}
.ck-dlink{margin:.5em 0 0!important}
.ck-dlink a{color:var(--ck-red);font-weight:900;font-size:14px}

/* ===== 使い道 ===== */
.ck-use{background:#fff;border-top:1px solid var(--ck-line)}
.ck-use-cols{max-width:1100px!important;align-items:center!important;gap:clamp(24px,4vw,56px)!important}
.ck-photo{background:#fff;padding:10px 10px 6px!important;border:1px solid var(--ck-line);box-shadow:0 14px 34px rgba(0,0,0,.12);max-width:520px;position:relative}
.ck-photo::before{content:"";position:absolute;right:-12px;top:-12px;width:64px;height:64px;background:var(--ck-red);clip-path:polygon(0 0,100% 0,100% 100%);z-index:1}
.ck-photo .wp-block-image{margin:0!important}
.ck-photo img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.ck-checks{font-size:clamp(15px,1.6vw,17px)}

/* ===== 料金 ===== */
.ck-price{background:var(--ck-floor)}
.ck-price-cols{max-width:1100px!important;align-items:center!important;gap:clamp(24px,4vw,56px)!important}
.ck-board-big{position:relative;left:auto;bottom:auto;transform:rotate(-2deg);width:100%;max-width:300px;margin:40px auto 0!important}
.ck-board-big .ck-board-price{font-size:92px}
.ck-board-big .ck-board-head{font-size:17px;padding:9px 0 8px!important}
.ck-board-big .ck-board-row{font-size:14px;padding:7px 2px!important;margin:0 18px!important}
.ck-table table{min-width:0!important}
.ck-table thead th{background:var(--ck-ink)!important;border-color:var(--ck-ink)!important}
.ck-table tbody tr:last-child td{background:#fff0f1!important;color:var(--ck-red2);font-weight:900}
.ck-table td:last-child{font-family:var(--cx-num);font-weight:800;white-space:nowrap}

/* ===== 流れ ===== */
.ck-flow{background:#fff}
.ck-steps{gap:14px!important;max-width:1100px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;counter-reset:ck}
.ck-st{border:1px solid var(--ck-line);border-radius:3px;padding:20px 18px!important;margin:0!important;position:relative;background:#fff}
.ck-st > *{margin:0!important}
.ck-st-n{position:absolute;top:-16px;left:16px;width:34px;height:34px;border-radius:50%;background:var(--ck-red);color:#fff;font-family:var(--cx-num);font-weight:900;font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #fff}
.ck-st h3{font-size:18px!important;margin:.4em 0 .3em!important;color:var(--ck-ink)!important}
.ck-st p:last-child{font-size:14px;color:#454b55}
.ck-st:last-child{background:var(--ck-ink);border-color:var(--ck-ink)}
.ck-st:last-child h3{color:#fff!important}.ck-st:last-child p:last-child{color:#d4d7dd}

/* ===== FAQ ===== */
.ck-faq{background:var(--ck-floor)}
.ck-faq details.is-style-cx-faq{border-color:var(--ck-line)}
.ck-faq details.is-style-cx-faq summary{color:var(--ck-ink)}
.ck-faq details.is-style-cx-faq summary::before{color:var(--ck-red)}

/* ===== 締め ===== */
.ck-final{text-align:center;padding:clamp(60px,8vw,100px) 16px!important;position:relative;overflow:hidden;background:#fff;border-top:8px solid var(--ck-red)}
.ck-final::before{content:"";position:absolute;inset:auto -10% -40% -10%;height:70%;background:radial-gradient(50% 60% at 50% 0%,rgba(227,32,45,.10),transparent 70%)}
.ck-final > *{position:relative}
.ck-final-tag{display:inline-block;margin:0 auto .8em!important;background:var(--ck-yellow);color:var(--ck-ink);font-weight:900;padding:.3em 1.2em;border-radius:2px}
.ck-final h2.ck-h2{font-size:clamp(25px,4vw,42px)}

/* ===== スマホ ===== */
@media (max-width:1000px){
  .ck-ptags{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:781px){
  .ck-fv{padding-top:28px!important;background:linear-gradient(180deg,#fff 0%,#fff 58%,var(--ck-red) 58%,var(--ck-red2) 100%)}
  .ck-fv::before,.ck-fv::after{display:none}
  .ck-fv h1.ck-h1{font-size:30px}
  .ck-sp-br{display:inline}
  .ck-fv .ck-ctas .wp-block-button{width:100%}
  .ck-visual{margin-top:18px!important}
  .ck-board{width:150px;left:-6px;bottom:-14%;transform:rotate(-4deg)}
  .ck-board-price{font-size:44px}
  .ck-board-row{font-size:11px;margin:0 8px!important}
  .ck-board-row:nth-of-type(n+7){display:none}
  .ck-devcap{margin-top:3.6em!important}
  .ck-pipe{grid-template-columns:1fr}
  .ck-arrow{transform:rotate(90deg);height:40px}
  .ck-chip{font-size:15px;padding:8px 14px 8px 26px!important}
  .ck h2.ck-h2-l{text-align:center;margin-left:auto!important}
  .ck-label-l{margin-left:auto!important}
  .ck-lead{text-align:left}
  .ck-ptags,.ck-dgrid,.ck-steps{grid-template-columns:minmax(0,1fr)!important}
  .ck-steps{row-gap:26px!important}
  .ck-bigtag{padding:26px 18px 20px 46px!important;clip-path:polygon(32px 0,100% 0,100% 100%,32px 100%,0 50%)}
  .ck-bigtag::before{left:20px}
  .ck-board-big{max-width:260px;margin-top:30px!important}
  .ck-board-big .ck-board-row:nth-of-type(n+7){display:flex}
  .ck-board-big .ck-board-price{font-size:72px}
  .ck-photo::before{right:-6px;top:-6px;width:40px;height:40px}
  .ck-ctas .wp-block-button,.ck-ctas .wp-block-button__link{width:100%}
}

.ck-fv h1.ck-h1 b{font-family:var(--cx-num);font-weight:900;font-size:1.3em;color:var(--ck-red);line-height:1;margin:0 .04em}
@media (max-width:781px){
  .ck-board.ck-board-big{width:100%!important;max-width:260px;left:auto;bottom:auto}
  .ck-board-big .ck-board-row{font-size:13px;margin:0 14px!important}
  .ck-steps{margin-top:34px!important}
  .ck-final h2.ck-h2{font-size:23px}
}
