@charset "utf-8";
/* =====================================================================
   kk-cases — 買取事例（jirei）・お客様の声（voice）・koe の個別／一覧
   土台は kk.css（色・ボタン・カード・本文 .kk-prose）。ここではこの種別だけの見た目を足す。
   ===================================================================== */

/* ---------- 0. 共通 ---------- */
.kk-cases{position:relative;display:block}
.kk-cases .kk-pagehead{padding-bottom:64px}
/* 見出しエリアに浮遊する装飾（文字なし） */
.kk-cases .kk-pagehead>.kk-wrap{position:relative}
.kk-cases .kk-pagehead>.kk-wrap::before{content:"";position:absolute;right:4%;top:-6px;width:92px;height:92px;border-radius:50%;border:12px solid rgba(219,169,30,.28);pointer-events:none;animation:kkc-float 7s var(--ease) infinite}
.kk-cases .kk-pagehead>.kk-wrap::after{content:"";position:absolute;right:calc(4% + 118px);bottom:-18px;width:74px;height:46px;pointer-events:none;background:radial-gradient(circle,var(--navy) 1.6px,transparent 2px) 0 0/12px 12px;opacity:.16;animation:kkc-float 9s var(--ease) infinite reverse}
@media (max-width:767px){.kk-cases .kk-pagehead>.kk-wrap::before{width:54px;height:54px;border-width:8px;right:-18px;top:-58px}.kk-cases .kk-pagehead>.kk-wrap::after{display:none}.kk-cases .kk-pagehead{padding-bottom:52px}}
@keyframes kkc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.kk-cases .kk-pagehead__title{padding-right:min(12%,120px)}
@media (max-width:767px){.kk-cases .kk-pagehead__title{padding-right:0}}
.kk-chip--date{background:#fff;color:var(--ink-2);font-weight:500;font-family:var(--f-en);letter-spacing:.02em}
.kk-chip--date .kk-ico{color:var(--gold-d)}
.kk-chip--mod{background:var(--gold-xxl)}

.kk-cases .kk-body{padding-top:8px}
.kk-cases-side #sidebar{display:grid;gap:24px}
.kk-cases-widget{margin:24px 0}

/* SNS（親テーマ parts_sns の出力を小さなピルボタンに） */
.kk-cases-sns .share,.kk-cases-sns .sns{margin:0;padding:0}
.kk-cases-sns ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.kk-cases-sns li{margin:0;padding:0}
.kk-cases-sns li::before{display:none}
.kk-cases-sns a{--c:var(--navy);display:flex;align-items:center;justify-content:center;gap:.3em;min-height:44px;padding:.4em .3em;border-radius:14px;background:#fff;color:var(--c)!important;font-size:.76rem;font-weight:700;letter-spacing:.02em;text-decoration:none!important;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 30%,transparent),0 3px 0 color-mix(in srgb,var(--c) 22%,transparent);transition:transform .25s var(--ease),background .2s,color .2s}
.kk-cases-sns a:hover{background:var(--c);color:#fff!important;transform:translateY(-2px)}
.kk-cases-sns .twitter a{--c:#14171A}
.kk-cases-sns .facebook a{--c:#1460C4}
.kk-cases-sns .hatebu a{--c:#06709C}
.kk-cases-sns .line a{--c:#037A35}
.kk-cases-sns .pocket a{--c:#B02722}
.kk-cases-sns .count:empty{display:none}
.kk-cases-sns .count{font-family:var(--f-en);font-size:.9em;opacity:.8}

/* ---------- 1. 買取事例 個別：ヒーロー（写真＋車両データ） ---------- */
.kk-case__hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start;margin:-14px 0 clamp(40px,6vw,72px)}
.kk-case__hero--noimg{grid-template-columns:minmax(0,1fr);max-width:760px;margin-inline:auto}
.kk-case__photo{position:relative;margin:0;padding:8px 6px 0;z-index:0}
.kk-case__photo-frame{position:relative;padding:10px;border-radius:32px;background:#fff;box-shadow:var(--sh-lg);transform:rotate(-1.2deg);transition:transform .6s var(--ease)}
.kk-case__photo:hover .kk-case__photo-frame{transform:rotate(0deg) scale(1.01)}
.kk-case__photo-frame::before{content:"";position:absolute;left:50%;top:-14px;z-index:2;width:120px;height:28px;margin-left:-60px;border-radius:4px;background:rgba(243,215,122,.78);box-shadow:0 2px 6px rgba(138,101,6,.18);transform:rotate(-3deg);clip-path:polygon(4% 0,96% 0,100% 20%,96% 40%,100% 60%,96% 80%,100% 100%,0 100%,4% 80%,0 60%,4% 40%,0 20%)}
.kk-case__photo-frame img{display:block;width:100%;height:auto;border-radius:24px;background:var(--gold-xl)}
.kk-case__photo-frame noscript{display:none}
.kk-case__photo-deco{position:absolute;z-index:-1;pointer-events:none}
.kk-case__photo-deco--a{left:-22px;top:28px;width:46%;height:62%;border-radius:40px;background:linear-gradient(150deg,var(--gold-l),var(--gold));transform:rotate(-8deg);opacity:.75;animation:kkc-float 8s var(--ease) infinite}
.kk-case__photo-deco--b{right:-20px;bottom:-26px;width:150px;height:110px;background:radial-gradient(circle,var(--red) 2px,transparent 2.6px) 0 0/16px 16px;opacity:.35;animation:kkc-float 10s var(--ease) infinite reverse}
.kk-case__photo figcaption{margin-top:14px;font-size:.8rem;color:var(--ink-2);text-align:center}
.kk-case__photo .cat-name{display:none}

.kk-case__spec{display:grid;gap:16px;position:relative}
.kk-spec{position:relative;overflow:hidden;border-radius:var(--r-lg);background:#fff;box-shadow:var(--sh);padding:8px 8px 8px}
.kk-spec__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:10px 10px 4px}
.kk-spec__item{position:relative;padding:12px 12px 14px;border-bottom:1.5px dashed var(--line)}
.kk-spec__item:nth-child(odd)::after{content:"";position:absolute;right:0;top:14px;bottom:14px;border-right:1.5px dashed var(--line)}
.kk-spec__item:nth-last-child(-n+2){border-bottom:0}
.kk-spec__label{display:flex;align-items:center;gap:.5em;margin:0 0 4px;font-size:.76rem;font-weight:700;color:var(--ink-2);letter-spacing:.08em}
.kk-spec__ico{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:var(--gold-xxl);color:var(--gold-dd);flex:none}
.kk-spec__ico .kk-ico{width:15px;height:15px}
.kk-spec__val{margin:0;padding-left:calc(26px + .5em);font-family:var(--f-round);font-weight:900;font-size:1.08rem;line-height:1.45;color:var(--navy);overflow-wrap:anywhere}
.kk-spec__val:empty::after{content:"—";color:var(--ink-3);font-weight:500}

.kk-spec__price{position:relative;overflow:hidden;margin:6px 0 0;padding:20px 24px 22px;border-radius:22px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 60%,var(--navy-3) 100%);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.kk-spec__price::before{content:"";position:absolute;right:-40px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(219,169,30,.55),transparent 68%)}
.kk-spec__price::after{content:"";position:absolute;left:16px;right:16px;top:0;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--gold),var(--red))}
.kk-spec__price-glow{position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.16) 50%,transparent 65%);transform:translateX(-100%);animation:kkc-glow 4.8s var(--ease) infinite;pointer-events:none}
@keyframes kkc-glow{0%,55%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}
.kk-spec__price-label{position:relative;display:flex;align-items:center;gap:.55em;margin:0;font-family:var(--f-round);font-weight:900;font-size:.92rem;letter-spacing:.14em;color:var(--gold-l)}
.kk-spec__price-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--gold);color:var(--navy)}
.kk-spec__price-ico .kk-ico{width:17px;height:17px}
.kk-spec__price-val{position:relative;margin:2px 0 0;line-height:1.1;font-weight:900;font-size:1.4rem;color:#fff;overflow-wrap:anywhere}
.kk-spec__price-num{font-size:clamp(2.5rem,5.4vw,3.6rem);font-weight:900;letter-spacing:.01em;background:linear-gradient(180deg,#FFE9A3 0%,var(--gold) 70%,#F0C640 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(14,18,69,.55))}
.kk-spec__price-unit{margin-left:.12em;font-family:var(--f-round);font-size:1.35rem;color:#fff}

@media (max-width:1023px){.kk-case__hero{grid-template-columns:minmax(0,1fr);max-width:720px;margin-inline:auto}}
@media (max-width:767px){
  .kk-case__hero{margin-top:-18px;gap:26px}
  .kk-case__photo{padding:6px 0 0}
  .kk-case__photo-frame{padding:7px;border-radius:24px;transform:rotate(-.8deg)}
  .kk-case__photo-frame img{border-radius:18px}
  .kk-case__photo-frame::before{width:90px;height:22px;margin-left:-45px;top:-10px}
  .kk-case__photo-deco--a{left:-14px;top:20px}
  .kk-case__photo-deco--b{right:-10px;width:110px;height:80px}
  .kk-spec__list{padding:6px 4px 0}
  .kk-spec__item{padding:11px 8px 12px}
  .kk-spec__val{padding-left:0;font-size:1rem}
  .kk-spec__price{padding:18px 18px 20px}
  .kk-cases-sns ul{gap:6px}
  .kk-cases-sns a{font-size:.7rem;border-radius:12px}
}

/* ---------- 2. 類似のハイエース買取事例（横スクロール） ---------- */
.kk-related{margin:0 0 clamp(40px,6vw,64px)}
.kk-related__head{display:flex;align-items:center;gap:14px;margin:0 0 18px}
.kk-related__mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,var(--gold-l),var(--gold));color:var(--navy);box-shadow:var(--sh-gold);transform:rotate(-6deg);flex:none}
.kk-related__mark .kk-ico{width:24px;height:24px}
.kk-related__ttl{position:relative;margin:0;padding-bottom:.3em;font-family:var(--f-round);font-weight:900;font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.45;color:var(--navy);letter-spacing:.04em}
.kk-related__ttl::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--gold),var(--red))}
.kk-related__rail{position:relative}
.kk-related .related-posts-slider{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:4px;padding:8px 4px 22px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:var(--gold-l) transparent;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.kk-related .related-posts-slider::-webkit-scrollbar{height:6px}
.kk-related .related-posts-slider::-webkit-scrollbar-thumb{background:var(--gold-l);border-radius:6px}
.kk-related__card{flex:0 0 clamp(200px,30%,250px);scroll-snap-align:start;display:flex;flex-direction:column;border-radius:22px;background:#fff;box-shadow:var(--sh-sm);overflow:hidden;color:var(--navy)!important;text-decoration:none!important;transition:transform .4s var(--ease),box-shadow .4s}
.kk-related__card:hover{transform:translateY(-5px);box-shadow:var(--sh)}
.kk-related .related-post-item{margin:0}
.kk-related .related-post-thumbnail{aspect-ratio:8/7;overflow:hidden;background:var(--gold-xl)}
.kk-related .related-post-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.kk-related .related-post-thumbnail noscript{display:none}
.kk-related__card:hover .related-post-thumbnail img{transform:scale(1.06)}
.kk-related .related-post-thumbnail--noimg{display:grid;place-items:center;color:var(--gold-d)}
.kk-related .related-post-thumbnail--noimg .kk-ico{width:44px;height:44px}
.kk-related__title{display:block;padding:12px 14px 16px;font-size:.84rem;font-weight:700;line-height:1.6;letter-spacing:.02em}
.kk-related__nav{position:absolute;top:calc(50% - 40px);z-index:2;display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:var(--navy);color:#fff;cursor:pointer;box-shadow:0 4px 0 var(--navy-d),var(--sh);transition:opacity .25s,transform .25s var(--ease)}
.kk-related__nav[hidden]{display:none}
.kk-related__nav:disabled{opacity:0;pointer-events:none}
.kk-related__nav:hover{transform:scale(1.07)}
.kk-related__nav .kk-ico{width:20px;height:20px}
.kk-related__nav--prev{left:-14px}.kk-related__nav--prev .kk-ico{transform:rotate(90deg)}
.kk-related__nav--next{right:-14px}.kk-related__nav--next .kk-ico{transform:rotate(-90deg)}
@media (max-width:767px){.kk-related__nav{display:none}.kk-related__card{flex-basis:62vw}}
/* slick が動いた場合は slick の配置に任せる */
.kk-related .related-posts-slider.slick-initialized{display:block;overflow:visible;-webkit-mask-image:none;mask-image:none}
.kk-related .slick-initialized .kk-related__card{margin:0 8px}

/* ---------- 3. 買取事例 本文 ---------- */
.kk-case__content>*:first-child{margin-top:0}
/* Jetpack カルーセルが開くのはリンク付き画像だけ（旧サイトと同じ） */
.kk-cases a>img[data-attachment-id]{cursor:zoom-in}
.kk-case__content noscript{display:none}
/* 1段落に写真が複数並ぶ旧記事は、ギャラリー風のグリッドに（Jetpack のカルーセルはそのまま動く） */
.kk-case__content p:has(> img ~ img){display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;padding:14px;border-radius:var(--r-lg);background:#fff;box-shadow:var(--sh-sm)}
.kk-case__content p:has(> img ~ img)>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0;border-radius:14px;transition:transform .5s var(--ease),box-shadow .5s}
.kk-case__content p:has(> img ~ img)>img:hover{transform:scale(1.03);box-shadow:var(--sh);position:relative;z-index:1}
.kk-case__content p:has(> img ~ img)>br{display:none}
/* 単独の写真は白枠つきで */
.kk-case__content>img,.kk-case__content p>img:only-of-type{display:block;margin-inline:auto;padding:8px;background:#fff;border-radius:22px;box-shadow:var(--sh)}
/* 査定フォーム（functions.php が本文末尾に追加する h2 + CF7） */
.kk-case__content>h2:has(+ .wpcf7){margin-bottom:0;padding:1.15em 1.3em 1.15em 1.6em;border-radius:var(--r-lg) var(--r-lg) 0 0;background:linear-gradient(120deg,var(--red-d),var(--red) 55%,var(--rose));box-shadow:none}
.kk-case__content>h2:has(+ .wpcf7)::before{background:linear-gradient(180deg,#fff,var(--gold-l))}
.kk-case__content>h2+.wpcf7{margin-top:0!important;padding:clamp(22px,4vw,40px);border-radius:0 0 var(--r-lg) var(--r-lg);background:#fff;box-shadow:var(--sh);border:2px solid var(--red-l);border-top:0}
.kk-case__content .wpcf7 p{line-height:1.7}
.kk-case__content .wpcf7 br{display:none}
.kk-case__content .wpcf7 label br,.kk-case__content .wpcf7 p>br{display:block}

/* ---------- 4. お客様の声 個別 ---------- */
.kk-cases-sns--top{margin:0 0 28px}
.kk-voice__letter{position:relative;margin:8px 0 34px;padding:clamp(34px,5vw,60px) clamp(22px,4.5vw,56px) clamp(30px,4vw,48px);border-radius:var(--r-xl);background:#fff linear-gradient(180deg,rgba(255,248,228,.0) 0,rgba(255,248,228,.0) 60%,var(--gold-xxl) 100%);box-shadow:var(--sh-lg)}
.kk-voice__letter::before{content:"";position:absolute;inset:12px;border-radius:calc(var(--r-xl) - 10px);border:1.5px dashed var(--gold-l);pointer-events:none}
.kk-voice__letter::after{content:"";display:table;clear:both}
.kk-voice__quote{position:absolute;left:clamp(14px,3vw,30px);top:-26px;display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:linear-gradient(145deg,var(--gold-l),var(--gold));color:var(--navy);box-shadow:var(--sh-gold);transform:rotate(-8deg);z-index:1}
.kk-voice__quote .kk-ico{width:30px;height:30px}
.kk-voice__pin{position:absolute;right:clamp(22px,5vw,54px);top:-12px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8f8a,var(--red) 55%,var(--red-d));box-shadow:0 6px 10px -4px rgba(176,39,34,.7);z-index:1}
.kk-voice__content{position:relative;font-family:var(--f-round);font-weight:500;font-size:1.06rem;line-height:2.15;color:var(--ink)}
.kk-voice__content>*+*{margin-top:1em}
.kk-voice__content noscript{display:none}
/* アンケート用紙（本文の最初の画像）を手紙のように左に */
.kk-voice__content>img,.kk-voice__content>a:has(> img),.kk-voice__content p:has(> img){float:left;width:min(42%,300px);margin:0 clamp(24px,4vw,44px) 18px 0!important;text-align:center}
.kk-voice__content>a>img,.kk-voice__content p:has(> img) img,.kk-voice__content p>a:has(> img) img{display:block;width:100%;height:auto;margin:0;padding:10px;background:#fff;border-radius:6px;box-shadow:0 1px 0 var(--line),var(--sh);transform:rotate(-2.2deg);transition:transform .5s var(--ease)}
.kk-voice__content>img{height:auto;padding:10px;background:#fff;border-radius:6px;box-shadow:0 1px 0 var(--line),var(--sh);transform:rotate(-2.2deg);transition:transform .5s var(--ease)}
.kk-voice__content>img:hover,.kk-voice__content p:has(> img) img:hover{transform:rotate(0) scale(1.02)}
.kk-voice__content p:has(> a > img){float:left;width:min(42%,300px);margin:0 clamp(24px,4vw,44px) 18px 0!important}
.kk-voice__content::after{content:"";display:table;clear:both}
.kk-voice .page-links{clear:both;display:flex;gap:10px;justify-content:center;margin-top:20px}
.kk-voice .page-links a,.kk-voice .page-links>span{display:inline-flex;padding:.5em 1.1em;border-radius:999px;background:var(--navy);color:#fff!important;text-decoration:none}
@media (max-width:767px){
  .kk-voice__letter{border-radius:28px;padding:44px 20px 28px}
  .kk-voice__letter::before{inset:8px;border-radius:22px}
  .kk-voice__quote{width:52px;height:52px;top:-20px;border-radius:16px}
  .kk-voice__content{font-size:1rem;line-height:2.05}
  .kk-voice__content>img,.kk-voice__content>a:has(> img),.kk-voice__content p:has(> img),.kk-voice__content p:has(> a > img){float:none;display:block;width:min(78%,300px);margin:0 auto 26px!important}
}

.kk-voice__foot{display:grid;gap:22px}
.kk-voice__profile{position:relative;display:flex;align-items:center;gap:20px;padding:22px 26px;border-radius:var(--r-lg);background:linear-gradient(150deg,#fff 0%,var(--gold-xxl) 100%);border:1px solid var(--gold-xl);box-shadow:var(--sh-sm)}
.kk-voice__avatar{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;flex:none;background:linear-gradient(145deg,var(--gold-l),var(--gold));color:var(--navy);box-shadow:0 0 0 6px #fff,var(--sh-gold)}
.kk-voice__avatar .kk-ico{width:30px;height:30px}
.kk-voice__facts{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 18px;margin:0}
.kk-voice__fact{min-width:0}
.kk-voice__fact dt{font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--ink-2);line-height:1.5}
.kk-voice__fact dd{margin:0;font-family:var(--f-round);font-weight:900;color:var(--navy);font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
.kk-voice__fact dd:empty::after{content:"—";color:var(--ink-3);font-weight:500}
.kk-voice__fact--name dd{font-size:1.2rem}
@media (max-width:767px){.kk-voice__profile{align-items:flex-start;padding:20px 18px;gap:14px}.kk-voice__avatar{width:52px;height:52px}.kk-voice__avatar .kk-ico{width:24px;height:24px}.kk-voice__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}}

.kk-voice__pager{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.kk-voice__pager-item a{display:inline-flex;align-items:center;min-height:46px;padding:.55em 1.3em;border-radius:999px;background:#fff;color:var(--navy)!important;font-weight:700;font-size:.9rem;text-decoration:none!important;box-shadow:inset 0 0 0 2px var(--navy),0 4px 0 var(--navy-l);transition:background .2s,color .2s,transform .3s var(--ease)}
.kk-voice__pager-item a:hover{background:var(--navy);color:#fff!important;transform:translateY(-2px)}
.kk-voice__pager-item--prev{margin-left:auto}
.kk-voice__back{text-align:center;margin:6px 0 0}
.kk-voice__back .kk-btn{min-width:min(100%,440px)}
.kk-voice__back.btn-wrap a.kk-btn{background:var(--bg);color:var(--fg)!important;border:0}

/* ---------- 5. 一覧（カードグリッド） ---------- */
.kk-cases-desc{margin-bottom:28px}
.kk-cgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.6vw,32px)}
.kk-body--full .kk-cgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1023px){.kk-body--full .kk-cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.kk-cgrid,.kk-body--full .kk-cgrid{grid-template-columns:minmax(0,1fr)}}
.kk-ccard{margin:0;min-width:0}
.kk-ccard__link{position:relative;display:flex;flex-direction:column;height:100%;border-radius:var(--r-lg);background:#fff;box-shadow:var(--sh-sm);overflow:hidden;color:var(--ink)!important;text-decoration:none!important;transition:transform .45s var(--ease),box-shadow .45s}
.kk-ccard__link:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.kk-ccard__img{position:relative;margin:0;aspect-ratio:9/8;overflow:hidden;background:var(--gold-xl)}
.kk-ccard__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.kk-ccard__img noscript{display:none}
.kk-ccard__link:hover .kk-ccard__img img{transform:scale(1.05)}
.kk-ccard__noimg{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold-d)}
.kk-ccard__noimg .kk-ico{width:56px;height:56px}
.kk-ccard__img .osusume-label{display:none}
.kk-ccard__body{position:relative;flex:1;display:flex;flex-direction:column;gap:8px;padding:20px 22px 24px}
.kk-ccard--jirei .kk-ccard__body::before{content:"";position:absolute;left:22px;top:0;width:44px;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--gold),var(--red))}
.kk-ccard__title{margin:0;padding-right:44px;font-family:var(--f-round);font-weight:900;font-size:1.04rem;line-height:1.6;color:var(--navy);letter-spacing:.02em;overflow-wrap:anywhere}
.kk-ccard__meta{display:flex;align-items:center;gap:.4em;margin:0;font-family:var(--f-en);font-size:.78rem;color:var(--ink-2);letter-spacing:.03em}
.kk-ccard__meta .kk-ico{color:var(--gold-d)}
.kk-ccard__excerpt{font-size:.86rem;line-height:1.85;color:var(--ink-2)}
.kk-ccard__excerpt:empty,.kk-ccard__excerpt p:empty{display:none}
.kk-ccard__excerpt p{margin:0}
.kk-ccard__go{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--gold-xxl);color:var(--navy);transition:background .3s,color .3s,transform .4s var(--ease)}
.kk-ccard__go .kk-ico{width:16px;height:16px}
.kk-ccard__link:hover .kk-ccard__go{background:var(--navy);color:#fff;transform:translateX(3px)}

/* お客様の声：アンケート用紙をテープで留めた紙として */
.kk-ccard--voice .kk-ccard__img{aspect-ratio:4/3;padding:22px 26px 0;background:linear-gradient(160deg,var(--gold-xl),var(--paper-2));overflow:hidden}
.kk-ccard--voice .kk-ccard__img img{height:auto;min-height:100%;object-fit:cover;object-position:top;border-radius:6px 6px 0 0;background:#fff;box-shadow:0 10px 24px -12px rgba(23,28,97,.45);transform:rotate(-1.6deg);transform-origin:50% 0}
.kk-ccard--voice .kk-ccard__link:hover .kk-ccard__img img{transform:rotate(0) translateY(-4px)}
.kk-ccard__tape{position:absolute;left:50%;top:12px;z-index:1;width:84px;height:22px;margin-left:-42px;background:rgba(243,215,122,.85);transform:rotate(-4deg);box-shadow:0 2px 4px rgba(138,101,6,.15);clip-path:polygon(4% 0,96% 0,100% 25%,96% 50%,100% 75%,96% 100%,4% 100%,0 75%,4% 50%,0 25%)}
.kk-ccard__q{position:absolute;left:20px;top:-24px;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--navy);color:var(--gold);box-shadow:0 4px 0 var(--navy-d);transform:rotate(-8deg)}
.kk-ccard__q .kk-ico{width:20px;height:20px}
.kk-ccard--voice .kk-ccard__body{padding-top:30px}
.kk-ccard--voice .kk-ccard__excerpt{font-family:var(--f-round);font-weight:500;font-size:.9rem;color:var(--ink);padding:12px 14px;border-radius:14px;background:var(--gold-xxl)}

/* ページ送り（親 pagination() の出力） */
.kk-cases-pager .pagination{margin-top:clamp(40px,6vw,64px)}
.kk-cases-pager .pagination ul{gap:10px}
.kk-cases-pager .pagination li{margin:0}
.kk-cases-pager .pagination a,.kk-cases-pager .pagination span{min-width:48px;height:48px;border-radius:16px;font-size:1rem;transition:transform .25s var(--ease),background .2s,color .2s}
.kk-cases-pager .pagination a:hover{background:var(--gold);color:var(--navy)!important;transform:translateY(-3px)}
.kk-cases-pager .pagination .current{background:var(--navy);box-shadow:0 4px 0 var(--navy-d)}
.kk-cases-pager .pagination .dots{background:transparent;box-shadow:none;min-width:24px;padding:0}
@media (max-width:420px){.kk-cases-pager .pagination ul{gap:6px}.kk-cases-pager .pagination a,.kk-cases-pager .pagination span{min-width:44px;height:44px;padding:0 .55em;border-radius:13px;font-size:.92rem}}
.kk-cases-empty{text-align:center}