/* てのひらフィギュア 共有CSS（_下層ページを組む.py が index.html の <style> から書き出す。直すなら index.html か _下層ページ\_subpage.css を直して流し直す） */
/* ===== てのひらフィギュア 共通デザイン（型A・やわらかい／差し色はFormzの赤） ===== */
:root{
  --base:#FBF6EE; --paper:#FFFDF8; --milk:#F3E6D6; --milk2:#EADBC8;
  --ink:#3A2E28; --sub:#76665C; --line:rgba(58,46,40,.14);
  --red:#C8102E; --red-dark:#A40C25; --caramel:#C98B4E; --sage:#8FA88A;
  --round:"Zen Maru Gothic",sans-serif; --body:"Zen Kaku Gothic New",sans-serif; --en:"Space Grotesk",sans-serif; --hand:"Zen Kurenaido",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;word-break:auto-phrase;line-break:strict;overflow-wrap:break-word}
body{margin:0;background:var(--base);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,.lead,.btn,summary{word-break:auto-phrase;text-wrap:pretty}
.zp{white-space:nowrap}
.skip-link{position:absolute;left:12px;top:0;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;transform:translateY(-130%);transition:transform .2s}
.skip-link:focus{transform:translateY(8px)}
:focus-visible{outline:3px solid var(--caramel);outline-offset:3px}
.sec{position:relative;padding:112px 0}
.wrap{position:relative;z-index:1;width:min(1120px,calc(100% - 56px));margin:0 auto}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--en);font-weight:700;font-size:12.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--caramel)}
.eyebrow::before{content:"";width:28px;height:2px;background:currentColor;border-radius:2px}
.h2{font-family:var(--round);font-weight:900;font-size:clamp(28px,3.6vw,42px);line-height:1.45;letter-spacing:.02em;margin:14px 0 18px}
.h2 .mk{background:linear-gradient(transparent 66%,rgba(201,139,78,.30) 66%)}
.lead{font-size:16.5px;line-height:2;color:var(--sub);max-width:34em;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-weight:700;text-decoration:none;white-space:nowrap;letter-spacing:.04em;transition:background-color .25s,transform .25s,box-shadow .25s}
.btn-red{background:var(--red);color:#fff;padding:16px 30px;box-shadow:0 10px 22px rgba(200,16,46,.22)}
.btn-red:hover{background:var(--red-dark);transform:translateY(-1px)}
.btn-sm{padding:10px 20px;font-size:14px}
.btn-line{border:1.5px solid var(--ink);padding:14px 26px;background:transparent}
.deco{position:absolute;z-index:0;pointer-events:none;mix-blend-mode:multiply;opacity:.55}
.sp-only{display:none}

/* ===== 告知マーキー＋ヘッダー（header-10） ===== */
.c-news{background:var(--ink);color:#F7EFE4;overflow:hidden}
.c-news__belt{display:flex;width:max-content;animation:c-news-run 30s linear infinite}
.c-news:hover .c-news__belt{animation-play-state:paused}
.c-news__item{display:inline-flex;align-items:center;gap:10px;padding:8px 28px;font-size:13px;letter-spacing:.08em;white-space:nowrap}
.c-news__item::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--caramel);margin-left:18px}
@keyframes c-news-run{to{transform:translateX(-50%)}}
.c-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(251,246,238,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.c-head__in{max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 32px}
.c-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.c-brand img{height:24px;width:auto}
.c-brand b{font-family:var(--round);font-weight:700;font-size:17px;letter-spacing:.08em;padding-left:12px;border-left:1px solid var(--line);white-space:nowrap}
.c-gnav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}
.c-gnav a{text-decoration:none;white-space:nowrap}
.c-gnav a:not(.btn):hover{color:var(--red)}
.c-brand{flex-shrink:0}
.c-brand a{display:flex;align-items:center;min-height:44px;text-decoration:none}
.c-brand__formz,.c-foot__formz{transition:opacity .25s}
.c-brand__formz:hover,.c-foot__formz:hover{opacity:.6}.c-foot__formz{display:block;width:fit-content}
.c-brand__name:hover{color:var(--red)}
.c-menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;align-items:center;justify-content:center;cursor:pointer}
.c-menu-btn span,.c-menu-btn span::before,.c-menu-btn span::after{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;position:relative;content:""}
.c-menu-btn span::before{position:absolute;top:-6px}.c-menu-btn span::after{position:absolute;top:6px}
.c-drawer{position:fixed;inset:0;z-index:120;visibility:hidden}
.c-drawer.is-open{visibility:visible}
.c-drawer__bg{position:absolute;inset:0;background:rgba(58,46,40,.35);opacity:0;transition:opacity .3s}
.c-drawer.is-open .c-drawer__bg{opacity:1}
.c-drawer__panel{position:absolute;right:0;top:0;bottom:0;width:min(86vw,360px);background:var(--paper);padding:22px 22px 32px;transform:translateX(100%);transition:transform .35s cubic-bezier(.22,1,.36,1);overflow-y:auto}
.c-drawer.is-open .c-drawer__panel{transform:none}
.c-drawer__close{display:block;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:20px;cursor:pointer}
.c-drawer nav{display:flex;flex-direction:column;margin:12px 0 20px}
.c-drawer nav a{padding:14px 4px;border-bottom:1px solid var(--line);text-decoration:none;font-weight:700}
.c-drawer .btn{width:100%}
body.is-locked{overflow:hidden}

/* ===== ① FV（fv-87 Yorimichi） ===== */
.hero{position:relative;width:100%;overflow:hidden;background:radial-gradient(rgba(58,46,40,.10) .7px,transparent .9px) 0 0/9px 9px,var(--base)}
.hero-inner{position:relative;max-width:1360px;margin:0 auto;height:calc(100vh - 100px);min-height:700px;max-height:900px}
.hero::before{content:"";position:absolute;inset:-30px;pointer-events:none;opacity:.5;
  background:radial-gradient(rgba(201,139,78,.28) 1.4px,transparent 1.6px) 12px 18px/76px 76px,radial-gradient(rgba(143,168,138,.26) 1.2px,transparent 1.5px) 44px 8px/92px 92px;animation:fv-dot 24s linear infinite}
@keyframes fv-dot{to{transform:translate3d(76px,-76px,0)}}
.fv-photo{position:absolute;left:22%;top:3%;z-index:2;width:56%;height:84%;margin:0;
  background:url(../../src/fv-hand.jpg) 48% 42%/auto 128% no-repeat;filter:drop-shadow(0 24px 36px rgba(58,46,40,.10));
  clip-path:polygon(2% 8%,8% 5%,18% 2%,31% 3%,45% 1%,58% 4%,74% 2%,91% 5%,97% 13%,95% 25%,98% 40%,96% 55%,99% 70%,94% 92%,78% 94%,62% 97%,48% 94%,32% 96%,18% 92%,7% 95%,3% 83%,5% 67%,2% 54%,4% 39%,1% 25%);
  animation:fv-in 1.1s cubic-bezier(.22,1,.36,1) both,fv-float 8.2s ease-in-out 1.15s infinite}
@keyframes fv-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes fv-float{0%,100%{transform:translateY(0) rotate(.15deg)}50%{transform:translateY(-10px) rotate(-.22deg) scale(1.01)}}
.fv-cap{position:absolute;left:29%;bottom:11.5%;z-index:3;font-size:12px;color:#fff;background:rgba(58,46,40,.5);padding:5px 12px;border-radius:999px}
.fv-eyebrow{position:absolute;right:4%;top:5%;z-index:9;margin:0;font-family:var(--round);font-weight:700;font-size:14px;letter-spacing:.1em;color:var(--sub)}
.fv-price{position:absolute;left:4.5%;top:9%;z-index:7;display:inline-flex;align-items:baseline;gap:8px;padding:12px 26px;color:#fff;background:var(--ink);
  clip-path:polygon(5% 8%,18% 3%,38% 6%,62% 2%,88% 7%,98% 32%,94% 74%,76% 92%,48% 96%,22% 92%,3% 76%,0 32%);
  animation:fv-rise .85s cubic-bezier(.22,1,.36,1) .18s both,fv-wiggle 4.8s ease-in-out 1.5s infinite}
.fv-price strong{font-family:var(--round);font-size:28px;font-weight:900}
.fv-price small{font-size:12.5px;opacity:.9}
@keyframes fv-wiggle{0%,78%,100%{transform:none}82%{transform:rotate(-2deg) translateY(-2px)}86%{transform:rotate(2deg) translateY(1px)}90%{transform:rotate(-1deg)}}
@keyframes fv-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
/* スマホ → 手のひらのフィギュア（2026-10-01〜。前の「4方向カード」は _控え に） */
.fv-phone{position:absolute;left:5.5%;top:20%;z-index:8;width:228px;animation:fv-card-in .95s cubic-bezier(.22,1,.36,1) .34s both}
@keyframes fv-card-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.fv-phone__body{position:relative;aspect-ratio:9/18.6;padding:9px;border-radius:36px;background:#2B2320;transform:rotate(-7deg);
  box-shadow:0 26px 44px -18px rgba(58,46,40,.55),inset 0 0 0 2px #4A3D37;animation:fv-phone-float 5.6s ease-in-out 1.4s infinite}
@keyframes fv-phone-float{0%,100%{transform:rotate(-7deg)}50%{transform:translateY(-12px) rotate(-5.5deg)}}
.fv-phone__notch{position:absolute;left:50%;top:9px;z-index:3;width:70px;height:18px;margin-left:-35px;border-radius:0 0 12px 12px;background:#2B2320}
.fv-phone__screen{position:relative;height:100%;overflow:hidden;border-radius:28px;background:#fff}
.fv-phone__screen picture{display:block;height:100%}
.fv-phone__screen img{display:block;width:100%;height:100%;object-fit:cover}
.fv-phone__tag{position:absolute;right:8px;top:30px;font-size:10px;color:#fff;background:rgba(58,46,40,.55);padding:2px 8px;border-radius:999px}
.fv-phone__ui{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:34px 10px 16px;background:linear-gradient(transparent,rgba(58,46,40,.55))}
.fv-phone__btn{position:relative;font-family:var(--round);font-weight:900;font-size:13.5px;color:#fff;background:var(--red);border-radius:999px;padding:9px 16px;box-shadow:0 6px 14px -4px rgba(164,12,37,.7)}
.fv-phone__tap{position:absolute;left:74%;bottom:14px;width:30px;height:30px;border-radius:50%;border:3px solid #fff;opacity:0;animation:fv-tap 2.6s ease-out 1.6s infinite}
@keyframes fv-tap{0%{opacity:0;transform:scale(.4)}12%{opacity:.95}45%{opacity:0;transform:scale(1.7)}100%{opacity:0}}
.fv-flow{position:absolute;left:22.5%;top:23%;z-index:9;width:240px;color:var(--red);pointer-events:none;animation:fv-rise .8s cubic-bezier(.22,1,.36,1) .7s both}
.fv-flow__pill{display:inline-block;margin-left:34px;padding:9px 20px;border-radius:999px;background:var(--red);color:#fff;font-family:var(--round);font-weight:900;font-size:21px;letter-spacing:.06em;transform:rotate(-5deg);box-shadow:0 10px 20px -8px rgba(164,12,37,.6)}
.fv-flow__arrow{display:block;width:100%;margin-top:4px}
.fv-flow__arrow path{stroke-dasharray:300;stroke-dashoffset:300;animation:fv-draw 1.2s ease-out 1.1s forwards}
.fv-cta{position:absolute;left:5%;top:calc(20% + 500px);z-index:9;width:250px;padding:15px 12px;font-size:15px}
.fv-strips{position:absolute;right:6.5%;top:12%;z-index:9;display:flex;flex-direction:row-reverse;align-items:flex-start;gap:16px;margin:0}
.fv-strip{display:flex;align-items:center;justify-content:center;padding:28px 13px;color:#fff;font-family:var(--round);font-weight:900;font-size:44px;line-height:1.1;letter-spacing:.12em;writing-mode:vertical-rl;text-orientation:upright;
  clip-path:polygon(9% 2%,38% 0,94% 5%,98% 31%,93% 61%,100% 92%,66% 98%,18% 95%,4% 71%,7% 38%)}
.fv-strip--1{background:var(--caramel);animation:fv-strip-in .8s cubic-bezier(.22,1,.36,1) .42s both,fv-bob 4.8s ease-in-out 1.6s infinite}
.fv-strip--2{background:var(--red);margin-top:70px;animation:fv-strip-in .8s cubic-bezier(.22,1,.36,1) .58s both,fv-bob2 5.1s ease-in-out 1.85s infinite}
@keyframes fv-strip-in{from{opacity:0;transform:translateY(30px) rotate(1deg)}to{opacity:1;transform:none}}
@keyframes fv-bob{0%,100%{transform:none}50%{transform:translateY(-12px) rotate(-1.2deg)}}
@keyframes fv-bob2{0%,100%{transform:none}50%{transform:translateY(11px) rotate(1deg)}}
.fv-sub{position:absolute;right:4.5%;bottom:9.5%;z-index:9;max-width:330px;font-size:15px;line-height:1.9;margin:0;animation:fv-rise .8s ease .9s both}
.fv-sub b{color:var(--red)}
.fv-doodle{position:absolute;z-index:10;color:var(--ink);opacity:.7;pointer-events:none}
.fv-doodle path,.fv-doodle rect{stroke-dasharray:260;stroke-dashoffset:260;animation:fv-draw 1.4s ease-out .9s forwards}
@keyframes fv-draw{to{stroke-dashoffset:0}}
.fv-doodle--spark{right:27%;bottom:36%;width:80px;animation:fv-dfloat 5.8s ease-in-out 1.3s infinite reverse}
@keyframes fv-dfloat{0%,100%{transform:none}50%{transform:translateY(-9px) rotate(2.5deg)}}
.fv-dot{position:absolute;z-index:6;pointer-events:none;animation:fv-drift 8s ease-in-out infinite}
.fv-dot--1{left:44%;top:5%;width:26px;height:26px;border-radius:50%;background:var(--caramel)}
.fv-dot--2{right:20%;top:15%;width:20px;height:40px;border-radius:999px;background:var(--sage);animation-delay:1s}
.fv-dot--3{left:36%;bottom:6%;width:32px;height:20px;border-radius:999px;background:var(--red);opacity:.8;animation-delay:2s}
@keyframes fv-drift{0%,100%{translate:0 0;rotate:0deg}33%{translate:10px -18px;rotate:9deg}66%{translate:-8px 10px;rotate:-7deg}}

/* FVの下の札3つ（2026-10-02〜） */
.fv-chips{list-style:none;margin:0;padding:0;position:absolute;left:26%;width:72%;bottom:3%;z-index:9;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;animation:fv-rise .8s cubic-bezier(.22,1,.36,1) 1s both}
.fv-chips li{font-size:13px;font-weight:700;line-height:1.5;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:999px;padding:5px 14px;white-space:nowrap}
.fv-chips li::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--caramel);vertical-align:1px}

/* ===== ② 共感：カメラロール（gallery-07） ===== */
.c-roll{background:var(--paper);overflow:hidden}
.c-roll__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.c-roll__desk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}
.c-roll__pol{margin:0;background:#fff;padding:10px 10px 0;box-shadow:0 16px 34px -16px rgba(58,46,40,.45);will-change:transform}
.c-roll__pol img{width:100%;aspect-ratio:1;object-fit:cover}
.c-roll__pol figcaption{font-family:var(--hand);font-size:15px;text-align:center;padding:8px 2px 12px}
.c-roll__text p{margin:0 0 1.2em;font-size:17px;line-height:2.05}
.c-roll__text .hook{font-family:var(--round);font-weight:700;font-size:19px;color:var(--ink);margin-top:1.6em}
.c-roll__text .hook b{background:linear-gradient(transparent 62%,rgba(200,16,46,.16) 62%)}

/* ===== ③ 写真1枚→4方向 ===== */
.c-example{background:var(--base)}
.c-example__head{max-width:40em}
.c-example__stage{display:grid;grid-template-columns:minmax(0,.72fr) auto minmax(0,1.28fr);gap:28px;align-items:center;margin-top:44px}
.c-example__photo{margin:0;background:#fff;border-radius:22px;padding:14px;box-shadow:0 22px 44px -26px rgba(58,46,40,.45)}
.c-example__photo img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:12px}
.c-example__photo figcaption,.c-example__3d figcaption{font-size:13px;color:var(--sub);margin:10px 4px 0}
.c-example__arrow{font-family:var(--en);font-size:34px;color:var(--caramel)}
.c-example__3d{margin:0;min-width:0}
.c-example__mv{position:relative;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 22px 44px -26px rgba(58,46,40,.45)}
.c-example__mv model-viewer{display:block;width:100%;height:auto;aspect-ratio:1;background:#fff;--poster-color:#fff}
.c-example__mv model-viewer:not(:defined){background:#fff url(../../src/view3d-front.jpg) center/contain no-repeat}
.c-example__hint{position:absolute;left:14px;bottom:12px;font-size:12.5px;font-weight:700;color:var(--sub);background:rgba(255,253,248,.92);border:1px solid var(--line);border-radius:999px;padding:4px 12px;pointer-events:none}
.c-example__views{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.c-example__views button{font:inherit;font-size:13.5px;font-weight:700;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:999px;padding:9px 2px;cursor:pointer;white-space:nowrap}
.c-example__views button.is-on,.c-example__views button:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.c-example__note{margin:28px 0 0;padding:16px 20px;border-left:3px solid var(--caramel);background:var(--paper);font-size:15px;color:var(--sub);max-width:44em}

/* ===== ④ 選ばれる理由（reasons-02） ===== */
.c-reasons{background:var(--paper)}
.c-reasons__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:start}
.c-reasons__side{position:sticky;top:110px}
.c-reasons__side .lead{max-width:22em}
.c-reasons__mark{margin-top:26px;width:64px;height:4px;background:var(--red);border-radius:4px}
.c-reasons__list{border-top:1.5px solid var(--ink)}
.c-reasons__item{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:start;padding:38px 4px;border-bottom:1px solid var(--line)}
.c-reasons__n{font-family:var(--en);font-weight:700;font-size:clamp(52px,6.4vw,92px);line-height:.85;color:transparent;-webkit-text-stroke:1.5px var(--caramel)}
.c-reasons__item:hover .c-reasons__n{color:rgba(201,139,78,.12)}
.c-reasons__thumb{width:120px;height:90px;border-radius:12px;overflow:hidden;float:right;margin:0 0 10px 18px}
.c-reasons__thumb img{width:100%;height:100%;object-fit:cover}
.c-reasons__item h3{font-family:var(--round);font-weight:900;font-size:clamp(20px,2.2vw,25px);margin:0 0 10px}
.c-reasons__item p{color:var(--sub);font-size:15.5px;margin:0}

/* ===== ⑤ サイズ（numbers-18 ものさし） ===== */
.c-scale{background:var(--base)}
.c-scale__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:end}
.c-scale__fig{margin:0}
.c-scale__shot{overflow:hidden;border-radius:18px;aspect-ratio:16/10;background:#EEE6DA}
.c-scale__shot img{width:100%;height:100%;object-fit:cover}
.c-scale__fig figcaption{margin-top:10px;font-size:13.5px;color:var(--sub)}
.c-scale__list{margin-top:48px}
.c-scale__row{position:relative;display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:48px;align-items:center;padding:36px 0}
.c-scale__rule{position:absolute;left:0;right:0;top:0;height:11px;transform-origin:left center;
  background-image:repeating-linear-gradient(90deg,#B9A58C 0 1px,transparent 1px 64px),repeating-linear-gradient(90deg,#D6C7B2 0 1px,transparent 1px 13px),linear-gradient(#DCCDB8,#DCCDB8);
  background-size:100% 11px,100% 6px,100% 1px;background-repeat:no-repeat}
.c-scale__left{text-align:right}
.c-scale__label{display:block;font-size:14px;font-weight:700;color:var(--sub);margin-bottom:6px}
.c-scale__num{display:block;font-family:var(--en);font-weight:700;font-size:clamp(56px,8vw,104px);line-height:1;letter-spacing:-.02em;color:var(--ink)}
.c-scale__num small{font-family:var(--round);font-size:clamp(18px,2vw,26px);font-weight:900;color:var(--red);margin-left:.15em}
.c-scale__say{margin:0;font-family:var(--round);font-weight:700;font-size:clamp(17px,2vw,22px);line-height:1.85}
.c-scale__say em{font-style:normal;background:linear-gradient(transparent 62%,rgba(201,139,78,.30) 62%)}
.c-scale__sub{margin:8px 0 0;font-size:14.5px;color:var(--sub)}
.c-scale__foot{display:flex;gap:14px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.c-scale__foot i{flex:none;width:10px;height:10px;margin-top:9px;background:var(--red);border-radius:2px}
.c-scale__foot p{margin:0;font-size:15px;color:var(--sub)}

/* ===== ⑥ 使われ方（gallery-15 ひらく四枚） ===== */
.c-scenes{background:var(--paper)}
.c-scenes__head{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;margin-bottom:36px}
.c-scenes__hint{font-family:var(--en);font-size:12px;letter-spacing:.24em;color:var(--sub);text-transform:uppercase;white-space:nowrap}
.c-scenes__panels{display:flex;gap:12px;height:520px}
.c-scenes__panel{position:relative;flex:1 1 0;min-width:0;margin:0;overflow:hidden;border-radius:18px;cursor:pointer;transition:flex-grow .85s cubic-bezier(.22,.9,.26,1)}
.c-scenes__panel.is-open{flex-grow:3.4;cursor:default}
.c-scenes__panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.c-scenes__panel::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(58,46,40,.04) 40%,rgba(58,46,40,.66));pointer-events:none}
.c-scenes__num{position:absolute;top:16px;left:16px;z-index:2;font-family:var(--en);font-size:12px;letter-spacing:.22em;color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:3px 12px;background:rgba(58,46,40,.22)}
.c-scenes__v{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;writing-mode:vertical-rl;font-family:var(--round);font-weight:700;font-size:19px;letter-spacing:.3em;color:#fff;text-shadow:0 1px 14px rgba(58,46,40,.7);white-space:nowrap;transition:opacity .45s}
.c-scenes__panel.is-open .c-scenes__v{opacity:0}
.c-scenes__capt{position:absolute;left:26px;right:26px;bottom:22px;z-index:2;color:#fff;opacity:0;transform:translateY(10px);transition:opacity .5s .3s,transform .5s .3s}
.c-scenes__panel.is-open .c-scenes__capt{opacity:1;transform:none}
.c-scenes__capt h3{font-family:var(--round);font-weight:900;font-size:clamp(19px,2.2vw,25px);line-height:1.5;margin:0 0 6px}
.c-scenes__capt p{margin:0;font-size:14px;line-height:1.85;max-width:32em}
.c-scenes__capt a{color:#fff;font-weight:700}

/* ===== ⑦ 料金（pricing-07 スライダー） ===== */
.c-price{background:var(--base)}
.c-price__head{text-align:center;margin:0 auto 40px;max-width:40em}
.c-price__head .lead{margin:0 auto}
.c-price__sim{max-width:940px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:26px;box-shadow:0 30px 56px -34px rgba(58,46,40,.4);padding:clamp(24px,4.4vw,46px)}
.c-price__row1{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}
.c-price__q{font-family:var(--round);font-weight:900;font-size:clamp(18px,2.2vw,22px)}
.c-price__vw{font-family:var(--en);font-size:14px;color:var(--sub)}
.c-price__vw b{font-size:clamp(26px,3vw,34px);color:var(--ink)}
.c-price__range{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:999px;outline:none;margin:16px 0 8px;background:linear-gradient(90deg,var(--caramel) 0 var(--p,0%),#E9DFD2 var(--p,0%) 100%)}
.c-price__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:34px;height:34px;border-radius:50%;background:#fff;border:4px solid var(--caramel);box-shadow:0 6px 16px -4px rgba(58,46,40,.45);cursor:grab}
.c-price__range::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid var(--caramel);cursor:grab}
.c-price__scale{display:flex;justify-content:space-between;font-family:var(--en);font-size:12.5px;color:var(--sub);margin-bottom:20px}
.c-price__presets{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.c-price__pre{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 18px;font:inherit;font-size:13.5px;cursor:pointer;color:var(--ink)}
.c-price__pre.is-on,.c-price__pre:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.c-price__result{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3.4vw,40px);align-items:center;border-top:1px solid var(--line);padding-top:26px}
.c-price__k{display:block;font-family:var(--en);font-size:12.5px;letter-spacing:.2em;color:var(--caramel);margin-bottom:6px}
.c-price__v{font-family:var(--en);font-weight:700;font-size:clamp(46px,6.4vw,72px);line-height:1;letter-spacing:-.02em}
.c-price__v small{font-family:var(--round);font-size:.34em;font-weight:900;margin-left:4px}
.c-price__s{display:block;font-size:13px;color:var(--sub);margin-top:8px}
.c-price__brk div{display:flex;justify-content:space-between;gap:10px;padding:8px 2px;border-bottom:1px dashed var(--line);font-size:14px}
.c-price__brk div:last-child{border-bottom:none}
.c-price__brk span:last-child{font-weight:700;text-align:right}
.c-price__foot{margin:22px 0 0;font-size:14px;color:var(--sub)}
.c-price__foot b{color:var(--ink)}
.c-price__table{max-width:940px;margin:40px auto 0}
.c-price__table summary{cursor:pointer;font-weight:700;font-size:15px;padding:10px 0}
.c-price__table table{width:100%;border-collapse:collapse;margin-top:8px;font-size:15px}
.c-price__table th,.c-price__table td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:right}
.c-price__table th:first-child,.c-price__table td:first-child{text-align:left}
.c-price__table thead th{font-size:13px;color:var(--sub)}
/* おまかせ便と特急便のちがい（2026-10-05） */
.c-price__plans{max-width:940px;margin:22px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.c-price__plans div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px}
.c-price__plans b{font-family:var(--round);font-size:16px}
.c-price__plans p{margin:6px 0 0;font-size:14px;line-height:1.85;color:var(--sub)}

/* ===== ⑧ 写真のコツ（intro-15 チェック） ===== */
.c-tips{background:var(--paper)}
.c-tips__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}
.c-tips__sheet{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 26px 54px -30px rgba(58,46,40,.35);padding:clamp(22px,4vw,40px);position:relative;overflow:hidden}
.c-tips__sheet::before{content:"";position:absolute;left:0;top:0;width:100%;height:6px;background:var(--caramel)}
.c-tips__st{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:6px}
.c-tips__st b{font-family:var(--round);font-size:18px}
.c-tips__st span{font-family:var(--en);font-size:12px;letter-spacing:.2em;color:var(--sub)}
.c-tips__item{display:flex;align-items:flex-start;gap:16px;padding:16px 4px;border-bottom:1px dashed var(--line)}
.c-tips__cb{position:relative;flex:none;width:26px;height:26px;border:2px solid var(--ink);border-radius:6px;margin-top:3px;background:#fff}
.c-tips__cb svg{position:absolute;left:-4px;top:-9px;width:34px;height:34px;overflow:visible}
.c-tips__cb path{fill:none;stroke:var(--red);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.c-tips__tx{font-size:16.5px;font-weight:700}
.c-tips__tx small{display:block;font-size:13.5px;color:var(--sub);font-weight:400;margin-top:2px}
.c-tips__tally{margin-top:18px;background:var(--base);border-radius:12px;padding:18px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.c-tips__score{font-family:var(--en);font-weight:700;font-size:34px;color:var(--red);white-space:nowrap}
.c-tips__score small{font-size:.45em;color:var(--sub)}
.c-tips__tally p{margin:0;font-size:14.5px;flex:1;min-width:15em}
.c-tips__ex{margin:26px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.c-tips__ex figure{margin:0}
.c-tips__ex img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.c-tips__ex figcaption{font-size:13px;color:var(--sub);margin-top:6px}
.c-tips__ex figcaption b{display:inline-block;margin-right:6px;padding:1px 8px;border-radius:6px;font-family:var(--en);font-size:11.5px;letter-spacing:.06em;color:#fff;background:#5E7A59}
.c-tips__ex figcaption b.ng{background:var(--red)}
/* 見本を「正面の写真／追加の写真」の2列に（2026-10-02） */
.c-tips__col{display:grid;gap:12px;align-content:start}
.c-tips__colh{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--round);font-weight:900;font-size:15px;line-height:1.5}
.c-tips__colh small{font-size:11.5px;font-weight:700;color:var(--sub);border:1px solid var(--line);border-radius:999px;padding:0 9px;background:#fff}
.c-tips__ex figcaption b.add{background:var(--caramel)}
.c-tips__more{margin:18px 0 0;font-size:14.5px;line-height:1.9;color:var(--sub)}

/* ===== ⑨ 注文の流れ（process-07 追跡） ===== */
.c-flow{background:var(--base)}
.c-flow__head{text-align:center;max-width:40em;margin:0 auto 40px}
.c-flow__head .lead{margin:0 auto}
.c-flow__track{max-width:960px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 56px -32px rgba(58,46,40,.4);overflow:hidden}
.c-flow__th{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 26px;border-bottom:1px solid var(--line);background:var(--paper);font-size:13.5px}
.c-flow__th b{color:var(--red)}
.c-flow__body{display:grid;grid-template-columns:1fr 250px}
.c-flow__steps{position:relative;padding:26px 26px 26px 64px}
.c-flow__rail{position:absolute;left:38px;top:42px;bottom:42px;width:3px;background:var(--line);border-radius:2px}
.c-flow__fill{position:absolute;left:0;top:0;width:100%;height:50%;background:var(--caramel);border-radius:2px;transform-origin:top}
.c-flow__step{position:relative;padding:13px 0 13px 14px}
.c-flow__dot{position:absolute;left:-34px;top:19px;width:19px;height:19px;border-radius:50%;background:#fff;border:3px solid var(--line)}
.c-flow__step.is-done .c-flow__dot{border-color:var(--caramel);background:var(--caramel)}
.c-flow__dot svg{position:absolute;left:1.5px;top:2.5px;width:10px;height:9px;overflow:visible}
.c-flow__dot path{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.c-flow__step.is-now .c-flow__dot{border-color:var(--red)}
.c-flow__step.is-now .c-flow__dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--red)}
.c-flow__pulse{position:absolute;left:-34px;top:19px;width:19px;height:19px;border-radius:50%;border:2px solid var(--red);animation:c-flow-pls 2s ease-out infinite}
@keyframes c-flow-pls{0%{transform:scale(1);opacity:.85}100%{transform:scale(2.6);opacity:0}}
.c-flow__tt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.c-flow__step h3{font-family:var(--round);font-weight:900;font-size:clamp(16px,1.9vw,19px);margin:0}
.c-flow__when{font-family:var(--en);font-size:12.5px;color:var(--sub)}
.c-flow__chip{font-size:12px;font-weight:700;background:var(--red);color:#fff;padding:2px 10px;border-radius:999px}
.c-flow__step p{font-size:14px;color:var(--sub);margin:4px 0 0}
.c-flow__step.is-todo h3{color:#9C8E84}
.c-flow__side{border-left:1px solid var(--line);padding:26px 22px;background:var(--paper);display:flex;flex-direction:column;gap:16px}
.c-flow__bx span{display:block;font-family:var(--en);font-size:12px;letter-spacing:.2em;color:var(--caramel)}
.c-flow__bx b{font-family:var(--round);font-size:17px}
.c-flow__memo{margin-top:auto;border:1px dashed var(--line);border-radius:12px;padding:12px 14px;font-size:13.5px;color:var(--sub)}
.c-flow__memo b{color:var(--ink)}

/* ===== ⑩ よくある質問（faq-06 チャット） ===== */
.c-faq{background:var(--paper);background-image:radial-gradient(rgba(201,139,78,.12) 1.4px,transparent 1.4px);background-size:24px 24px}
.c-faq__wrap{width:min(820px,calc(100% - 56px));margin:0 auto;position:relative;z-index:1}
.c-faq__head{text-align:center;margin-bottom:40px}
.c-faq__chat{display:flex;flex-direction:column;gap:24px;padding:0 50px}
.c-faq__pair{display:flex;flex-direction:column;gap:10px}
.c-faq__q,.c-faq__a{max-width:80%;padding:15px 22px;font-size:15.5px;position:relative;margin:0}
.c-faq__q{align-self:flex-start;background:#fff;border:1px solid var(--line);border-radius:6px 20px 20px 20px;box-shadow:0 14px 30px -22px rgba(58,46,40,.5);font-weight:700}
.c-faq__q::before{content:"Q";position:absolute;left:-44px;top:0;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--en);font-weight:700;font-size:14px}
.c-faq__a{align-self:flex-end;background:var(--caramel);color:#fff;border-radius:20px 6px 20px 20px;box-shadow:0 16px 32px -20px rgba(201,139,78,.8)}
.c-faq__a::before{content:"A";position:absolute;right:-44px;top:0;width:34px;height:34px;border-radius:50%;background:var(--milk);color:var(--caramel);display:flex;align-items:center;justify-content:center;font-family:var(--en);font-weight:700;font-size:14px}
.c-faq__more{text-align:center;margin-top:36px}

/* ===== ⑪ つくり手より（message-01） ===== */
.c-msg{background:var(--base)}
.c-msg__grid{display:grid;grid-template-columns:320px 1fr;gap:60px;align-items:start;margin-top:12px}
.c-msg__pcol{position:sticky;top:110px}
.c-msg__portrait{aspect-ratio:4/5;border-radius:18px;overflow:hidden;clip-path:inset(100% 0 0 0)}
html:not(.j) .c-msg__portrait{clip-path:none}
.c-msg__portrait img{width:100%;height:100%;object-fit:cover}
.c-msg__pname{margin-top:16px}
.c-msg__pname span{font-size:13px;color:var(--sub)}
.c-msg__pname b{display:block;font-family:var(--round);font-size:22px;margin-top:2px}
.c-msg__body{font-family:var(--round);font-weight:500;font-size:clamp(18px,2vw,24px);line-height:2;max-width:26em;margin:0}
.c-msg__body .w{color:rgba(58,46,40,.22)}
html:not(.j) .c-msg__body .w{color:var(--ink)}
.c-msg__nap{margin-top:34px;font-size:14px;color:var(--sub);border-top:1px solid var(--line);padding-top:16px}
.c-msg__nap b{color:var(--ink)}

/* ===== ⑫ コラム（blog-01） ===== */
.c-blog{background:var(--paper)}
.c-blog__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:32px}
.c-blog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.c-blog__card{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.c-blog__card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(58,46,40,.4)}
.c-blog__card img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.c-blog__card div{padding:16px 18px 20px}
.c-blog__card span{font-size:12.5px;color:var(--caramel);font-weight:700}
.c-blog__card h3{font-family:var(--round);font-weight:700;font-size:17px;line-height:1.6;margin:6px 0 0}

/* ===== ⑬ 最終CTA（cta-14） ===== */
.c-cta{background:var(--base);overflow:hidden}
.c-cta::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(118% 68% at 10% -6%,rgba(255,255,255,.95),rgba(255,255,255,0) 62%),radial-gradient(88% 58% at 94% 14%,rgba(200,16,46,.07),rgba(200,16,46,0) 64%)}
.c-cta__top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:52px;align-items:start}
.c-cta__btn{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:480px;margin-top:30px;background:var(--red);color:#fff;text-decoration:none;border-radius:16px;padding:22px 28px;box-shadow:0 14px 28px rgba(200,16,46,.24);transition:background-color .25s}
.c-cta__btn:hover{background:var(--red-dark)}
.c-cta__btn b{font-size:clamp(17px,1.6vw,20px);letter-spacing:.04em}
.c-cta__btn i{font-style:normal;font-family:var(--en);font-weight:700;font-size:22px}
.c-cta__sub{margin:14px 0 0;font-size:14px;color:var(--sub)}
.c-cta__calm{margin:12px 0 0;font-size:15px;font-weight:700;color:var(--red-dark)}
.c-cta__shot{margin:0}
.c-cta__shot img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;box-shadow:0 16px 34px rgba(58,46,40,.12)}
.c-cta__shot figcaption{margin-top:12px;font-size:14px;color:var(--sub)}
.c-cta__mail{border-top:2px solid var(--ink);padding-top:18px;margin-top:24px}
.c-cta__mail p{margin:0;font-size:14px;color:var(--sub)}
.c-cta__mail a{display:inline-block;margin-top:4px;font-family:var(--en);font-weight:700;font-size:clamp(20px,2.4vw,26px);color:var(--ink);text-decoration:none}
.c-cta__flow{margin-top:56px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 34px 34px}
.c-cta__flow h3{font-family:var(--round);font-weight:900;font-size:19px;margin:0 0 24px}
.c-cta__steps{--gap:26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.c-cta__step{position:relative;min-width:0}
.c-cta__badge{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#fff;border:2px solid var(--ink);font-family:var(--en);font-weight:700}
.c-cta__step--you .c-cta__badge{background:var(--red);border-color:var(--red);color:#fff}
.c-cta__link{position:absolute;z-index:0;left:46px;right:calc(-1 * var(--gap));top:18px;height:2px;background:#DCCDB8}
.c-cta__sh{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}
.c-cta__sh h4{margin:0;font-family:var(--round);font-size:18px}
.c-cta__time{background:var(--ink);color:#fff;font-size:13px;font-weight:700;padding:2px 12px;border-radius:999px;white-space:nowrap}
.c-cta__step p{margin:10px 0 0;font-size:14.5px;color:var(--sub)}

/* ===== フッター（footer-12 波） ===== */
.c-foot__wave{line-height:0;background:var(--base)}
.c-foot__wave svg{display:block;width:100%;height:92px;margin-bottom:-1px}
.c-foot__w2{animation:c-foot-drift 24s ease-in-out infinite alternate}
@keyframes c-foot-drift{from{transform:translateX(-46px)}to{transform:translateX(46px)}}
.c-foot__body{background:var(--milk)}
.c-foot__in{max-width:1120px;margin:0 auto;padding:26px 28px 0}
.c-foot__top{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;padding-bottom:40px}
.c-foot__brand img{height:22px;width:auto}
.c-foot__brand .nm{font-family:var(--round);font-weight:900;font-size:clamp(22px,2.4vw,27px);margin:10px 0 0}
.c-foot__brand p{font-size:14.5px;line-height:2;margin:12px 0 16px}
.c-foot__brand address{font-style:normal;font-size:13.5px;line-height:1.9;color:var(--sub)}
.c-foot__info{background:#fff;border:1px solid rgba(58,46,40,.1);border-radius:22px;padding:22px 24px;box-shadow:0 10px 30px rgba(58,46,40,.06)}
.c-foot__info b{font-family:var(--round);font-size:16px}
.c-foot__info dl{margin:10px 0 0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px}
.c-foot__info dt{color:var(--sub)}
.c-foot__info dd{margin:0}
.c-foot__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:40px}
.c-foot__card{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid rgba(58,46,40,.1);border-radius:18px;padding:16px 18px 14px;text-decoration:none;transition:transform .25s,box-shadow .25s}
.c-foot__card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(58,46,40,.12)}
.c-foot__card span{font-family:var(--en);font-size:11px;letter-spacing:.2em;color:var(--caramel)}
.c-foot__card b{font-size:15.5px}
.c-foot__card small{font-size:12.5px;color:var(--sub);line-height:1.7}
.c-foot__bottom{border-top:1px solid rgba(58,46,40,.12);padding:12px 0 22px;display:flex;flex-direction:column;align-items:center}
.c-foot__legal{display:flex;flex-wrap:wrap;justify-content:center;column-gap:8px}
.c-foot__legal a{color:var(--sub);text-decoration:none;font-size:13px;padding:12px 8px}
.c-foot__legal a:hover{color:var(--red)}
.c-foot__cp{font-family:var(--en);font-size:11.5px;letter-spacing:.12em;color:var(--sub)}
.c-float{opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .35s,transform .35s,visibility .35s}
.c-float.is-show{opacity:1;visibility:visible;transform:none}
html:not(.j) .c-float{opacity:1;visibility:visible;transform:none}
.c-float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:var(--red);color:#fff;text-decoration:none;font-size:12px;font-weight:700;line-height:1.3;text-align:center;box-shadow:0 10px 22px rgba(200,16,46,.4);animation:c-fuwa 3.6s ease-in-out infinite}
@keyframes c-fuwa{0%,100%{translate:0 0}50%{translate:0 -7px}}

/* ===== スマホ（768px以下は1カラム） ===== */
/* メニューが7つになったぶん: 1260〜1359px は間をつめる／1259px 以下は文字のメニューをたたんで、ボタンで開く */
@media (min-width:1260px) and (max-width:1359px){
  .c-head__in{padding-left:24px;padding-right:24px}
  .c-gnav{gap:14px;font-size:13.5px}
  .c-gnav .btn-sm{padding:10px 16px}
}
@media (max-width:1259px){
  .c-gnav a:not(.btn){display:none}
  .c-menu-btn{display:inline-flex}
}
@media (max-width:1100px){
  .c-gnav a:not(.btn){display:none}
  .c-menu-btn{display:inline-flex}
  .fv-photo{left:19%;width:60%}
  .fv-strip{font-size:36px}
}
@media (max-width:768px){
  body{font-size:16px}
  .sec{padding:68px 0}
  .wrap{width:calc(100% - 32px)}
  .pc-only{display:none}.sp-only{display:inline}
  .c-head__in{padding:10px 16px;gap:10px}
  .c-brand{gap:8px}.c-brand img{height:17px}.c-brand b{font-size:12.5px;padding-left:8px}
  .c-gnav{gap:8px}.c-gnav .btn-sm{padding:9px 14px;font-size:12.5px}
  .c-gnav .btn-sm{display:none}
  .hero-inner{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;padding-bottom:40px}
  .fv-photo{position:relative;left:auto;top:auto;order:1;width:92%;height:44svh;margin:62px auto 0;background-position:20% 62%}
  .fv-dot--2{right:5%;top:96px}
  .fv-cap{left:auto;right:8%;bottom:auto;top:calc(62px + 44svh - 34px)}
  .fv-eyebrow{position:relative;right:auto;top:auto;order:2;text-align:center;margin:14px 0 6px;font-size:13px}
  .fv-strips{position:relative;right:auto;top:auto;order:3;justify-content:center;gap:10px;margin:0}
  .fv-strip{font-size:26px;padding:16px 8px}
  .fv-strip--2{margin-top:28px}
  .fv-sub{position:relative;right:auto;bottom:auto;order:4;margin:14px 20px 0;max-width:none}
  .fv-phone{left:3%;top:calc(62px + 44svh - 214px);width:102px}
  .fv-phone__body{padding:5px;border-radius:18px}
  .fv-phone__notch{top:5px;width:34px;height:9px;margin-left:-17px;border-radius:0 0 7px 7px}
  .fv-phone__screen{border-radius:14px}
  .fv-phone__tag{right:4px;top:14px;font-size:7.5px;padding:1px 5px}
  .fv-phone__ui{padding:16px 4px 7px}
  .fv-phone__btn{font-size:8px;padding:4px 7px}
  .fv-phone__tap{width:16px;height:16px;border-width:2px;bottom:6px}
  /* スマホ表示ではフィギュアがスマホより上にあるので、矢印を上向きにして札を矢印の下へ */
  .fv-flow{display:flex;flex-direction:column-reverse;left:26%;top:calc(62px + 44svh - 205px);width:118px}
  .fv-flow__arrow{transform:scaleY(-1)}
  .fv-flow__pill{margin-left:6px;font-size:12.5px;padding:5px 11px}
  .fv-cta{position:relative;left:auto;top:auto;bottom:auto;order:5;width:min(88vw,340px);margin:16px auto 0}
  .fv-price{left:16px;top:6px}
  .fv-doodle--spark,.fv-dot--1{display:none}
  .fv-chips{position:relative;left:auto;width:auto;bottom:auto;order:6;gap:6px;margin:14px 12px 0;justify-content:center}
  .fv-chips li{font-size:11.5px;padding:4px 10px}
  .c-roll__grid,.c-reasons__grid,.c-scale__top,.c-tips__grid,.c-cta__top,.c-msg__grid,.c-foot__top{grid-template-columns:1fr;gap:32px}
  .c-roll__desk{gap:14px 10px}
  .c-roll__pol{padding:6px 6px 0}.c-roll__pol figcaption{font-size:12px;padding:5px 0 8px}
  .c-example__stage{grid-template-columns:1fr;gap:16px}
  .c-example__arrow{transform:rotate(90deg);text-align:center}
  .c-example__photo{max-width:230px;justify-self:center}
  .c-reasons__side,.c-msg__pcol{position:static}
  .c-reasons__item{grid-template-columns:1fr;gap:6px;padding:30px 2px}
  .c-reasons__thumb{width:96px;height:72px}
  .c-scale__row{grid-template-columns:1fr;gap:12px;padding:26px 0}
  .c-scale__left{text-align:left}
  .c-scenes__head{grid-template-columns:1fr}
  .c-scenes__panels{flex-direction:column;height:720px;gap:10px}
  .c-scenes__panel.is-open{flex-grow:4.2}
  .c-scenes__v{writing-mode:horizontal-tb;letter-spacing:.2em;font-size:16px}
  .c-scenes__capt{left:16px;right:16px;bottom:14px}
  .c-price__result{grid-template-columns:1fr}
  .c-price__plans{grid-template-columns:1fr}
  .c-tips__ex{grid-template-columns:1fr 1fr}
  .c-tips__ex figcaption{min-height:48px}
  .c-tips__colh{min-height:52px;align-content:flex-start}
  .c-flow__body{grid-template-columns:1fr}
  .c-flow__side{border-left:none;border-top:1px solid var(--line)}
  .c-faq__chat{padding:0 40px}
  .c-faq__q,.c-faq__a{max-width:100%;font-size:15px}
  .c-msg__portrait{max-width:260px}
  .c-blog__grid{grid-template-columns:1fr}
  .c-cta__steps{grid-template-columns:1fr;--gap:22px}
  .c-cta__step{padding-left:54px;min-height:38px}
  .c-cta__badge{position:absolute;left:0;top:0}
  .c-cta__link{left:18px;right:auto;top:46px;width:2px;height:calc(100% + var(--gap) - 46px)}
  .c-cta__sh{margin-top:5px}
  .c-foot__cards{grid-template-columns:1fr}
  .c-foot__wave svg{height:58px}
  .c-float{width:72px;height:72px;font-size:11px;right:12px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .fv-doodle path,.fv-doodle rect,.fv-flow__arrow path{stroke-dashoffset:0}
  .c-msg__portrait{clip-path:none}
  .c-msg__body .w{color:var(--ink)}
}
/* blog-shared.css — ブログ（個別/一覧）・サイドバー・page-hero(marquee) の共通CSS断片。
   STEP 7 で各サイトの assets/css/_shared.css の末尾に追記して使う。
   前提トークン: --ai --ai2 --shu --yama --yama2 --kami --kami2 --ink --body --muted --line。
   ベースの .page-hero{...} は _shared.css に既にある前提（ここは marquee 追加と post/sidebar/archive）。 */

/* サイト側のリセット有無に依存しないための保険。padding を持つ箱が幅指定と足し算されて
   スマホで横スクロールを出す事故（375/390px）を防ぐ。 */
.post-wrap,.post-main,.post-side,.widget,.post-toc,.post-author,.post-body .cbox,
.post-body blockquote,.p-card,.p-card__bd{ box-sizing:border-box; }

/* ============ 固定ページ見出しヘッダー：右→左ギャラリー＋カラーオーバーレイ ============ */
.page-hero .wrap{ position:relative; z-index:3; }
.page-hero::before{ z-index:2; }
.page-hero__bg{ position:absolute; inset:0; z-index:0; overflow:hidden; display:flex; align-items:center; }
.page-hero__bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(105deg, rgba(20,59,107,.90) 0%, rgba(31,95,166,.78) 50%, rgba(20,59,107,.90) 100%); }
.page-hero__mq{ display:flex; width:max-content; height:100%; will-change:transform; animation:page-hero-mq 64s linear infinite; }
.page-hero__mq img{ height:100%; width:auto; aspect-ratio:4/3; object-fit:cover; display:block; flex:0 0 auto; }
@keyframes page-hero-mq{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce){ .page-hero__mq{ animation:none; } }

/* ============ 投稿（single）ページ ============ */
.post-hero{ position:relative; overflow:hidden; color:#F1F4EF; padding:104px 0 70px; }
.post-hero__bg{ position:absolute; inset:0; z-index:0; }
.post-hero__bg img{ width:100%; height:100%; object-fit:cover; display:block; }
.post-hero__bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(160deg, rgba(20,59,107,.74) 0%, rgba(15,40,80,.92) 100%); }
.post-hero::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:5px; background:linear-gradient(90deg,var(--shu),var(--yama)); z-index:2; }
.post-hero .wrap{ position:relative; z-index:1; max-width:860px; }
.post-hero__meta{ display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.post-hero__date{ font-family:'Space Grotesk',monospace; font-size:13px; letter-spacing:.06em; color:rgba(241,244,239,.82); }
.post-hero__cat{ font-size:11px; font-weight:700; letter-spacing:.08em; padding:4px 12px; border-radius:999px; color:#fff; background:var(--ai); }  /* 既定色（WPでis-*が付かない時用）。is-*が上書き */
.post-hero h1{ font-family:"Zen Maru Gothic",sans-serif; font-weight:800; font-size:clamp(25px,3.8vw,40px); line-height:1.55; letter-spacing:.04em; margin:0; color:#F6F8F4; }
.post-hero .crumb{ font-family:'Space Grotesk',monospace; font-size:10.5px; letter-spacing:.18em; color:rgba(241,244,239,.6); margin:24px 0 0; }
.post-hero .crumb a{ color:rgba(241,244,239,.82); text-decoration:none; }

/* 投稿レイアウト：本文 + サイドバー */
.post-wrap{ display:grid; grid-template-columns:minmax(0,1fr) 312px; gap:52px; max-width:1140px; margin:0 auto; padding:56px 24px 96px; align-items:start; }
.post-main{ min-width:0; }
.post-figure{ margin:0 0 36px; }
.post-figure img{ width:100%; border-radius:14px; box-shadow:0 24px 50px -28px rgba(20,30,46,.5); display:block; }
/* --- 本文タイポグラフィ（読みやすさの主戦場）---
   ねらい：1段落＝1〜3文で改行多め／強調は黄色マーカー／H2とH3で階層が一目で分かる。
   --mark はマーカーの黄色。サイトのパレットに合わせて調整してよい（淡い黄色を保つこと）。 */
.post-body{ --mark:#FFE9A8; counter-reset:h2c; font-size:16.5px; line-height:2.05; color:var(--body-ink);
  word-break:auto-phrase; text-wrap:pretty; }   /* 助詞が行頭に落ちるのを減らす（Chrome）。他ブラウザでは無視される */
.post-body > *:first-child{ margin-top:0; }
.post-body p{ font-size:inherit; line-height:inherit; color:inherit; margin:0 0 1.85em; }
.post-body .post-lead{ font-size:17.5px; color:var(--ink); line-height:2; font-weight:500; margin:0 0 2.2em; padding:0 0 1.6em; border-bottom:1px solid var(--line); }

/* 見出し：H2＝横線＋番号、H3＝黄色の縦バー。粒度の違いが見た目で分かるようにする */
.post-body h2,.post-body h3{ word-break:auto-phrase; text-wrap:pretty; scroll-margin-top:96px; }
.post-body h2{
  font-family:"Zen Maru Gothic",sans-serif; font-size:clamp(21px,2.9vw,29px); font-weight:700;
  color:var(--ink); line-height:1.62; letter-spacing:.02em;
  margin:3.2em 0 1.1em; padding:0 0 .6em; border-bottom:1px solid var(--line); position:relative;
}
.post-body h2::before{
  counter-increment:h2c; content:counter(h2c,decimal-leading-zero);
  display:block; font-family:'Space Grotesk',monospace; font-size:12px; font-weight:700;
  letter-spacing:.18em; color:var(--shu); margin:0 0 .5em;
}
.post-body h2::after{ content:""; position:absolute; left:0; bottom:-1px; width:4em; height:3px; background:var(--yama); }
.post-body h3{
  font-family:"Zen Maru Gothic",sans-serif; font-size:clamp(17px,2.1vw,21px); font-weight:700;
  color:var(--ink); line-height:1.65; margin:2.6em 0 .9em; padding-left:14px; border-left:4px solid var(--yama);
}
.post-body h2 + p,.post-body h3 + p{ margin-top:0; }
.post-body h2 + .post-img,.post-body h3 + .post-img{ margin-top:1.2em; }

/* 強調：太字は色を変えない。読ませたい「1文だけ」を黄色マーカー（記事全体で6〜10箇所）。
   マーカーの色はサイトのアクセントに合わせ替えてよい（医療系クライアントで緑を使った実例もある）。 */
.post-body strong{ font-weight:700; color:var(--ink); }
.post-body mark.marker{
  background:linear-gradient(transparent 60%, var(--mark) 60%);
  color:inherit; font-weight:700; padding:0 2px;
}
.post-body mark.marker strong{ font-weight:700; }
/* 短い注意語だけ色文字（「自己判断はせず」等）。1記事1〜2回まで */
.post-body .txt-alert{ color:var(--shu); font-weight:700; }

/* 枠3種：box＝チェック／warning＝注意・警告／remark＝穏やかな補足。役割で使い分け、混用しない */
.post-body .cbox{ margin:0 0 2em; padding:22px 26px 8px; border-radius:12px; border:1px solid var(--line); background:var(--kami2); border-left:4px solid var(--ai); }
.post-body .cbox__ttl{ font-family:"Zen Maru Gothic",sans-serif; font-weight:700; font-size:15.5px; color:var(--ink); margin:0 0 .9em; }
.post-body .cbox > :last-child{ margin-bottom:1em; }
.post-body .cbox p{ font-size:15.5px; line-height:1.95; }
.post-body .cbox li{ margin-bottom:.55em; }
.post-body .cbox--warning{ background:#FDF4F1; border-color:#EFCDC1; border-left-color:var(--shu); }
.post-body .cbox--warning .cbox__ttl{ color:var(--shu); }
.post-body .cbox--remark{ background:#F5F7FA; border-color:#DFE5EC; border-left-color:var(--muted); }

/* リンク・コード */
.post-body a{ color:var(--shu); font-weight:700; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.post-body a:hover{ text-decoration-thickness:2px; }
.post-body code{ font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.92em; background:var(--kami2); border:1px solid var(--line); border-radius:5px; padding:1px 6px; }

/* リスト：行間を本文よりわずかに詰め、項目の頭を目立たせる */
.post-body ul,.post-body ol{ margin:0 0 1.85em; padding:0; list-style:none; }
.post-body li{ position:relative; padding-left:1.6em; margin:0 0 .7em; line-height:1.95; }
.post-body ul > li::before{ content:""; position:absolute; left:.35em; top:.78em; width:8px; height:8px; border-radius:50%; background:var(--yama); }
.post-body ol{ counter-reset:olc; }
.post-body ol > li{ padding-left:2em; }
.post-body ol > li::before{
  counter-increment:olc; content:counter(olc);
  position:absolute; left:0; top:.28em; width:1.5em; height:1.5em; border-radius:50%;
  background:var(--ai); color:#fff; font-family:'Space Grotesk',monospace; font-size:12px; font-weight:700;
  display:flex; align-items:center; justify-content:center;
}
.post-body li > ul,.post-body li > ol{ margin:.7em 0 0; }

/* 引用・画像・表 */
/* 引用＝他者の言葉。枠（.cbox）と見た目が被らないよう、背景は敷かず罫線だけで示す */
.post-body blockquote{ margin:.4em 0 2em; padding:2px 0 2px 26px; border-left:3px solid var(--line); }
.post-body blockquote p{ margin:0; font-size:15px; line-height:1.95; color:var(--muted); }
.post-body .post-img{ margin:0 0 2em; }
.post-body .post-img img{ width:100%; height:auto; border-radius:12px; display:block; }
.post-body .post-img figcaption{ margin-top:10px; font-size:12.5px; line-height:1.7; color:var(--muted); text-align:center; }
/* 表：横に広いときだけスクロールさせる。セルの文章は折り返してよい（nowrap にすると必ず横スクロールになる） */
.post-body table{ display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; margin:0 0 1.85em; font-size:14.5px; line-height:1.75; }
.post-body th,.post-body td{ border:1px solid var(--line); padding:10px 14px; text-align:left; vertical-align:top; min-width:6em; }
.post-body th{ background:var(--kami2); font-weight:700; color:var(--ink); white-space:nowrap; }

/* 目次：h2 が2つ以上のときだけ出る（build_blog_pages.py が生成） */
.post-toc{ margin:0 0 40px; border:1px solid var(--line); border-radius:12px; background:var(--kami2); padding:22px 26px 24px; }
.post-toc__ttl{ font-family:"Zen Maru Gothic",sans-serif; font-size:15px; font-weight:700; color:var(--ink); margin:0 0 14px; padding-left:12px; border-left:4px solid var(--yama); }
.post-toc__list{ list-style:none; margin:0; padding:0; counter-reset:tocc; }
.post-toc__list li{ position:relative; padding-left:2em; margin:0 0 .6em; line-height:1.7; }
/* 番号は h2 の行だけに振る（h3 でも増やすと、本文の H2 番号とズレる） */
.post-toc__list li:not(.is-sub)::before{ counter-increment:tocc; content:counter(tocc,decimal-leading-zero); position:absolute; left:0; top:.15em; font-family:'Space Grotesk',monospace; font-size:11px; font-weight:700; color:var(--shu); }
.post-toc__list li.is-sub{ padding-left:3.2em; font-size:13.5px; }
.post-toc__list li.is-sub::before{ content:"—"; position:absolute; left:1.6em; top:.15em; color:var(--muted); }
.post-toc a{ color:var(--ink); text-decoration:none; font-size:14.5px; font-weight:500; }
.post-toc a:hover{ color:var(--shu); text-decoration:underline; text-underline-offset:3px; }
.post-foot{ margin:44px 0 0; }
.post-foot__bar{ border-top:1px solid var(--line); padding-top:28px; display:flex; gap:16px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.post-foot__back{ display:inline-flex; align-items:center; gap:8px; text-decoration:none; font-weight:700; font-size:14px; color:var(--ink); }
.post-foot__back:hover{ color:var(--shu); }
.post-foot__cta{ display:inline-block; background:var(--ai); color:var(--kami); font-weight:700; font-size:13.5px; padding:12px 26px; border-radius:999px; text-decoration:none; transition:background .25s; }
.post-foot__cta:hover{ background:var(--shu); }

/* ============ 著者ボックス（この記事を書いた人）============ */
.post-author{ margin:52px 0 0; border:1px solid var(--line); border-radius:14px; background:var(--kami2); padding:26px 28px 28px; position:relative; }
.post-author__label{ position:absolute; top:-11px; left:24px; background:var(--ai); color:#fff; font-size:11px; font-weight:700; letter-spacing:.1em; padding:4px 14px; border-radius:999px; }
.post-author__row{ display:grid; grid-template-columns:88px 1fr; gap:22px; align-items:start; }
.post-author__ph{ width:88px; height:88px; object-fit:cover; border-radius:50%; display:block; border:3px solid #fff; box-shadow:0 10px 24px -14px rgba(20,30,46,.55); }
.post-author__bd{ min-width:0; }
.post-author__name{ font-family:"Zen Maru Gothic",sans-serif; font-weight:700; font-size:17px; color:var(--ink); margin:2px 0 8px; display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }
.post-author__role{ font-family:'Zen Kaku Gothic New',sans-serif; font-size:12px; font-weight:500; color:var(--muted); letter-spacing:.04em; }
.post-author__bio{ font-size:13.5px; line-height:1.95; color:var(--body-ink); margin:0; }
.post-author__link{ display:inline-block; margin-top:12px; font-size:12.5px; font-weight:700; color:var(--shu); text-decoration:none; }
.post-author__link:hover{ text-decoration:underline; }
@media(max-width:680px){
  .post-author{ padding:24px 20px 22px; }
  .post-author__row{ grid-template-columns:64px 1fr; gap:16px; }
  .post-author__ph{ width:64px; height:64px; }
}

/* ============ サイドバー・ウィジェット ============ */
.post-side{ position:sticky; top:88px; display:flex; flex-direction:column; gap:26px; }
.widget{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:22px 22px 24px; }
.widget__ttl{ font-family:"Zen Maru Gothic",sans-serif; font-size:16px; font-weight:700; color:var(--ink); margin:0 0 16px; padding-left:12px; border-left:4px solid var(--yama); letter-spacing:.04em; }
.w-search{ display:flex; gap:8px; }
.w-search input{ flex:1; min-width:0; border:1px solid var(--line); border-radius:8px; padding:10px 12px; font-size:13.5px; font-family:inherit; background:var(--kami2); }
.w-search button{ border:none; background:var(--ai); color:#fff; border-radius:8px; padding:0 16px; font-weight:700; cursor:pointer; }
.w-recent{ display:flex; flex-direction:column; gap:14px; }
.w-recent a{ display:grid; grid-template-columns:70px 1fr; gap:12px; align-items:center; text-decoration:none; color:inherit; }
.w-recent a.is-noimg{ grid-template-columns:1fr; }        /* サムネ未生成のとき（空欄を作らない） */
.p-card.p-card--noimg{ grid-template-columns:1fr; }       /* 一覧カードも同様（後方の .p-card 定義に負けないよう詳細度を上げる） */
.w-recent img{ width:70px; height:48px; object-fit:cover; border-radius:7px; display:block; }
.w-recent div{ min-width:0; }
.w-recent b{ font-family:"Zen Maru Gothic",sans-serif; font-weight:700; font-size:13px; line-height:1.5; color:var(--ink); display:block; }
.w-recent span{ font-family:'Space Grotesk',monospace; font-size:10.5px; color:var(--muted); letter-spacing:.06em; }
.w-recent a:hover b{ color:var(--shu); }
.w-list{ list-style:none; margin:0; padding:0; }
.w-list li{ border-bottom:1px dashed var(--line); }
.w-list li:last-child{ border-bottom:none; }
.w-list a{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 2px; text-decoration:none; color:var(--ink); font-size:13.5px; font-weight:500; }
.w-list a:hover{ color:var(--shu); }
.w-list .n{ font-family:'Space Grotesk',monospace; font-size:11px; color:var(--muted); background:var(--kami2); border-radius:999px; padding:2px 9px; }
.w-cta{ background:linear-gradient(160deg,#2A6FB5,var(--ai2)); border:none; color:#F1F4EF; }
.w-cta .widget__ttl{ color:#fff; border-color:var(--yama2); }
.w-cta p{ font-size:13px; line-height:1.85; color:rgba(241,244,239,.82); margin:0 0 16px; }
.w-cta a{ display:inline-block; background:var(--yama2); color:var(--ai2); font-weight:700; font-size:13.5px; padding:12px 28px; border-radius:999px; text-decoration:none; }
.w-cta a:hover{ background:#fff; }

/* ============ ブログ/お知らせ 一覧（archive）カード ============ */
.p-news{ max-width:940px; }
.p-newsgrid{ display:grid; gap:28px; }
.p-card{ display:grid; grid-template-columns:320px 1fr; text-decoration:none; color:inherit; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#fff; transition:box-shadow .25s, transform .25s; }
.p-card:hover{ box-shadow:0 24px 46px -26px rgba(34,48,74,.5); transform:translateY(-3px); }
.p-card__ph{ overflow:hidden; background:var(--ai2); }
.p-card__ph img{ width:100%; height:100%; min-height:188px; object-fit:cover; display:block; transition:transform .5s; }
.p-card:hover .p-card__ph img{ transform:scale(1.05); }
.p-card__bd{ padding:26px 30px; display:flex; flex-direction:column; gap:10px; }
.p-card__meta{ display:flex; align-items:center; gap:12px; }
.p-card__date{ font-family:'Space Grotesk',monospace; font-size:13px; letter-spacing:.06em; color:var(--muted); }
.p-card__cat{ font-size:11px; font-weight:700; letter-spacing:.08em; padding:4px 12px; border-radius:999px; color:#fff; background:var(--ai); }  /* 既定色。is-*が上書き */
.p-card__ttl{ font-family:"Zen Maru Gothic",sans-serif; font-size:clamp(18px,2.3vw,22px); font-weight:700; line-height:1.55; color:var(--ink); margin:0; }
.p-card__ex{ font-size:13.5px; line-height:1.9; color:var(--body-ink); margin:0; }
.p-card__more{ margin-top:4px; font-family:'Space Grotesk',monospace; font-size:11px; letter-spacing:.14em; color:var(--shu); font-weight:700; }
.p-newsnote{ font-size:12.5px; color:var(--muted); margin:30px 0 0; }

/* ============ カテゴリ色（post-hero/p-card 共通の .is-*）============ */
.post-hero__cat.is-event,.p-card__cat.is-event{ background:var(--shu); }
.post-hero__cat.is-guide,.p-card__cat.is-guide{ background:var(--ai); }
.post-hero__cat.is-trail,.p-card__cat.is-trail{ background:#5f8a5a; }
.post-hero__cat.is-map,.p-card__cat.is-map{ background:var(--yama); color:var(--ai2); }
.post-hero__cat.is-info,.p-card__cat.is-info{ background:#7c7464; }

/* ============ レスポンシブ（モバイルは1列）============ */
@media(max-width:900px){ .post-wrap{ grid-template-columns:1fr; gap:40px; padding:44px 22px 72px; } .post-side{ position:static; } }
@media(max-width:680px){
  .post-hero{ padding:84px 0 52px; }
  .p-card{ grid-template-columns:1fr; }
  .p-card__ph img{ min-height:0; aspect-ratio:1200/630; }
  .p-card__bd{ padding:22px; }
  /* スマホの読みやすさ：文字はやや小さく、行間は詰めすぎない。見出し前後の余白は圧縮 */
  .post-body{ font-size:16px; line-height:1.98; }
  .post-body .post-lead{ font-size:16.5px; padding-bottom:1.3em; margin-bottom:1.9em; }
  .post-body h2{ margin:2.6em 0 .9em; }
  .post-body h3{ margin:2.1em 0 .8em; }
  .post-body li{ padding-left:1.5em; }
  .post-body blockquote{ padding:16px 18px; }
  .post-body .cbox{ padding:18px 20px 6px; }
  .post-toc{ padding:18px 20px 20px; margin-bottom:32px; }
  .post-toc__list li.is-sub{ padding-left:2.6em; }
  .post-toc__list li.is-sub::before{ left:1.2em; }
}


/* ===== 下層ページ用（_shared.css の末尾に足す。色・書体はトップのトークンをそのまま使う） ===== */
/* フォームの安全弁（将来フォームを手で貼ってもスマホではみ出さない） */
input,textarea,select{max-width:100%;box-sizing:border-box}
input[type=text],input[type=email],input[type=tel],input[type=url],textarea,select{width:100%;font-size:16px}

/* ページヒーロー（タイトル帯。FVではない） */
.sp-hero{position:relative;overflow:hidden;background:linear-gradient(rgba(255,253,248,.6),rgba(255,253,248,.6)),url(../../src/texture-paper.jpg) center/420px repeat,var(--paper);border-bottom:1px solid var(--line)}
.sp-main>.sec:nth-of-type(odd){background:var(--paper)}
.sp-main>.sec:nth-of-type(even){background:var(--base)}
.sp-hero__in{position:relative;z-index:1;width:min(1120px,calc(100% - 56px));margin:0 auto;padding:56px 0 64px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.sp-hero__in--solo{grid-template-columns:1fr}
.sp-bread{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;list-style:none;font-size:13px;color:var(--sub)}
.sp-bread li+li::before{content:"›";margin-right:6px;color:var(--caramel)}
.sp-bread a{text-decoration:none}
.sp-hero h1{font-family:var(--round);font-weight:900;font-size:clamp(30px,4vw,48px);line-height:1.4;margin:12px 0 16px;letter-spacing:.02em}
.sp-hero h1 .mk{background:linear-gradient(transparent 66%,rgba(201,139,78,.30) 66%)}
.sp-hero__img{margin:0;position:relative}
.sp-hero__img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:26px;box-shadow:0 26px 50px -30px rgba(58,46,40,.5)}
.sp-hero__img figcaption{font-size:12.5px;color:var(--sub);margin-top:8px}
.sp-hero .deco{right:-40px;top:-30px;width:240px}

/* 文章ブロック */
.c-prose{max-width:760px}
.c-prose h2{font-family:var(--round);font-weight:900;font-size:clamp(24px,3vw,32px);line-height:1.5;margin:0 0 16px}
.c-prose h3{font-family:var(--round);font-weight:900;font-size:clamp(19px,2.2vw,22px);margin:34px 0 10px}
.c-prose p{margin:0 0 1.1em;font-size:16.5px;line-height:2}
.c-prose ul{margin:0 0 1.2em;padding-left:1.3em}
.c-prose li{margin:.3em 0;line-height:1.9}
.c-prose a:not(.btn){color:var(--red-dark);font-weight:700}

/* 写真と文章の2段（左右で） */
.c-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.c-split--rev>figure{order:2}
.c-split figure{margin:0}
.c-split figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px}
.c-split figcaption{font-size:13px;color:var(--sub);margin-top:8px}
/* 3Dの見本（正方形）は切らずに全体を見せる */
.c-split figure.is-contain img{object-fit:contain;background:#fff}

/* ほかのページへのカード（2枚） */
.c-cards2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.c-cards2 a{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;transition:transform .3s,box-shadow .3s}
.c-cards2 a:hover{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(58,46,40,.4)}
.c-cards2 img{width:150px;height:112px;object-fit:cover;border-radius:14px}
.c-cards2 span{font-family:var(--en);font-size:11.5px;letter-spacing:.2em;color:var(--caramel)}
.c-cards2 b{display:block;font-family:var(--round);font-size:19px;margin:2px 0 4px}
.c-cards2 small{font-size:13.5px;color:var(--sub);line-height:1.7}

/* よくある質問（ひらく式・JS不要） */
.c-qa{max-width:860px}
.c-qa__group{margin:0 0 40px}
.c-qa__group h2{font-family:var(--round);font-weight:900;font-size:clamp(20px,2.4vw,24px);margin:0 0 12px;padding-left:14px;border-left:4px solid var(--caramel)}
.c-qa details{border-bottom:1px solid var(--line)}
.c-qa summary{list-style:none;cursor:pointer;display:flex;gap:14px;align-items:flex-start;padding:18px 40px 18px 4px;position:relative;font-weight:700;font-size:16.5px}
.c-qa summary::-webkit-details-marker{display:none}
.c-qa summary::before{content:"Q";flex:none;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--en);font-size:13px;margin-top:1px}
.c-qa summary::after{content:"+";position:absolute;right:8px;top:14px;font-family:var(--en);font-size:24px;color:var(--caramel);transition:transform .25s}
.c-qa details[open] summary::after{transform:rotate(45deg)}
.c-qa__a{display:flex;gap:14px;padding:0 4px 20px}
.c-qa__a::before{content:"A";flex:none;width:30px;height:30px;border-radius:50%;background:var(--milk);color:var(--caramel);display:flex;align-items:center;justify-content:center;font-family:var(--en);font-weight:700;font-size:13px}
.c-qa__a p{margin:2px 0 0;font-size:15.5px;line-height:1.95;color:var(--ink)}

/* 会社情報の表 */
.c-dl{max-width:860px;margin:0;border-top:1.5px solid var(--ink)}
.c-dl div{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:18px 6px;border-bottom:1px solid var(--line)}
.c-dl dt{font-weight:700;color:var(--sub)}
.c-dl dd{margin:0;line-height:1.9}
.c-map{margin-top:36px;border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.c-map iframe{display:block;width:100%;height:380px;border:0}

/* 囲みの注意書き */
.c-note{margin:24px 0 0;padding:18px 22px;border-radius:14px;background:var(--paper);border:1px dashed var(--caramel);font-size:15px;line-height:1.9}
.c-note b{color:var(--red-dark)}

/* 最後の一押し（小さな帯） */
.c-band{background:var(--ink);color:#fff;border-radius:28px;padding:44px 48px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.c-band h2{font-family:var(--round);font-weight:900;font-size:clamp(22px,2.8vw,30px);line-height:1.5;margin:0 0 8px}
.c-band p{margin:0;color:#E9DED2;font-size:15px}
.c-band .btn-red{font-size:16px;padding:18px 30px}

/* 数字を並べた帯（about） */
.c-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1.5px solid var(--ink);border-bottom:1px solid var(--line)}
.c-facts div{padding:26px 18px;border-right:1px solid var(--line)}
.c-facts div:last-child{border-right:none}
.c-facts b{display:block;font-family:var(--en);font-weight:700;font-size:clamp(34px,4.4vw,52px);line-height:1}
.c-facts b small{font-family:var(--round);font-size:.4em;margin-left:4px;color:var(--red)}
.c-facts span{display:block;margin-top:8px;font-size:14px;color:var(--sub)}

/* ===== ブログ（スキル同梱 blog-shared.css が前提にする色の名前を、このサイトの色に結びつける） =====
   ★本文の色は --body-ink（スキルの名前は --body だが、このサイトの --body は本文の書体。ここで --body を定義すると、
     下層ページとコラムの字が端末の標準の字になる。読み替えは _下層ページを組む.py がする） */
:root{--ai:#3A2E28;--ai2:#5A463C;--shu:#C8102E;--yama:#C98B4E;--yama2:#E2B583;--kami:#FBF6EE;--kami2:#F3E6D6;--body-ink:#3A2E28;--muted:#76665C}
.page-hero{position:relative;overflow:hidden;padding:96px 0 72px;color:#fff;min-height:320px;display:flex;align-items:center}
.page-hero .wrap{width:min(1120px,calc(100% - 56px));margin:0 auto}
.page-hero .sec-eyebrow{font-family:var(--en);font-weight:700;font-size:12.5px;letter-spacing:.26em;text-transform:uppercase;color:#F2D3AE}
.page-hero h1{font-family:var(--round);font-weight:900;font-size:clamp(28px,4vw,44px);line-height:1.4;margin:10px 0 12px;color:#fff}
.page-hero p{margin:0;color:rgba(255,255,255,.9);max-width:36em}
.page-hero .crumb{margin-top:20px;font-size:13px}
.page-hero .crumb a{color:#fff}
.page-hero__bg::after{background:linear-gradient(105deg,rgba(58,46,40,.88) 0%,rgba(58,46,40,.66) 50%,rgba(58,46,40,.88) 100%)!important}
.post-hero__bg::after{background:linear-gradient(160deg,rgba(58,46,40,.72) 0%,rgba(40,30,26,.9) 100%)!important}
.post-body{--mark:#F6DDB8!important}
.w-cta{background:linear-gradient(160deg,#5A463C,#3A2E28)}
.w-cta a{background:var(--red);color:#fff}
.w-cta a:hover{background:var(--red-dark);color:#fff}
.post-hero__cat.is-trail,.p-card__cat.is-trail{background:#7E9A78}
/* 一覧カード：サムネはタイトル入りなので切らずに 1200:630 のまま見せる */
.p-card{grid-template-columns:360px 1fr;align-items:center}
.p-card__ph{background:var(--milk)}
.p-card__ph img{min-height:0;height:auto;aspect-ratio:1200/630;object-fit:cover}
.p-newsnote{display:none}

@media (max-width:768px){
  .page-hero{padding:64px 0 52px;min-height:0}
  .page-hero .wrap{width:calc(100% - 32px)}
  .sp-hero__in{grid-template-columns:1fr;gap:26px;padding:34px 0 42px;width:calc(100% - 32px)}
  .c-split{grid-template-columns:1fr;gap:24px}
  .c-split--rev>figure{order:0}
  .c-cards2{grid-template-columns:1fr}
  .c-cards2 a{grid-template-columns:110px 1fr}
  .c-cards2 img{width:110px;height:84px}
  .c-dl div{grid-template-columns:1fr;gap:4px}
  .c-band{grid-template-columns:1fr;padding:32px 24px}
  .c-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-facts div:nth-child(2){border-right:none}
  .c-facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .c-map iframe{height:300px}
}

/* ===== 写真を送る専用ページ（order.html）2026-10-01 田中さん「同じトンマナで専用ページを」 ===== */
.c-order__flow{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.c-order__flow li{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:14px}
.c-order__flow b{flex:none;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--en);font-size:13px}
.c-order__flow small{font-size:11.5px;color:#fff;background:var(--red);border-radius:6px;padding:1px 6px}
.c-order__head{max-width:44em;margin-bottom:28px}
.c-order__sample{display:inline-block;margin:14px 0 0;padding:10px 16px;border-radius:12px;background:#FFF4E5;border:1px dashed var(--caramel);font-size:14px}
.c-order__sample[hidden]{display:none}
.c-order__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:start}
.c-order__steps{display:grid;gap:22px;min-width:0}
.c-order__step{margin:0;padding:26px 26px 24px;border:1px solid var(--line);border-radius:22px;background:#fff;min-width:0}
.c-order__step legend{float:left;width:100%;display:flex;align-items:center;gap:12px;padding:0;margin:0 0 18px;font-family:var(--round);font-weight:900;font-size:clamp(19px,2.2vw,22px)}
.c-order__step legend+*{clear:both}
.c-order__n{flex:none;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--en);font-size:15px}
.c-order__drop{position:relative;display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;padding:14px;border:2px dashed var(--caramel);border-radius:18px;background:var(--paper);cursor:pointer}
.c-order__drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.c-order__drop img{width:110px;height:138px;object-fit:cover;border-radius:12px;background:#fff}
.c-order__drop b{display:block;font-size:17px}
.c-order__drop small{display:block;color:var(--sub);font-size:13px;word-break:break-all}
.c-order__drop:focus-within{outline:3px solid var(--red);outline-offset:3px}
.c-order__ex{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0 0}
.c-order__ex figure{margin:0}
.c-order__ex img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.c-order__ex figcaption{font-size:12px;color:var(--sub);margin-top:4px;line-height:1.5}
.c-order__ex figcaption b{display:inline-block;margin-right:4px;padding:0 6px;border-radius:5px;font-family:var(--en);font-size:11px;color:#fff;background:#5E7A59}
.c-order__ex figcaption b.ng{background:var(--red)}
.c-order__ex figcaption b.add{background:var(--caramel)}
.c-order__checks{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.c-order__checks label{display:flex;gap:10px;align-items:flex-start;font-weight:700;font-size:15px;line-height:1.6;cursor:pointer}
.c-order__checks input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--red)}
.c-order__hint{margin:14px 0 0;font-size:13.5px;color:var(--sub);line-height:1.8}
.c-order__hint a,.c-order__warn a,.c-order__claim a{color:var(--red-dark);font-weight:700}
/* 追加の写真（任意・3枚まで）2026-10-02 */
.c-order__more{margin:18px 0 0;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.c-order__more-t{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.c-order__more-t b{font-size:16px;white-space:nowrap}
.c-order__more-t i{font-style:normal;font-size:12px;font-weight:700;color:var(--sub);border:1px solid var(--line);border-radius:999px;padding:1px 10px;background:#fff}
.c-order__more .c-order__hint{margin-top:6px}
/* 追加の写真の入れ口（向きごとに3つ：真横・うしろ・斜めうしろ）2026-10-05。3列の grid は使わない（validate の3カード数えに入れない） */
.c-order__slots{list-style:none;margin:12px 0 0;padding:0;display:flex;gap:10px}
.c-order__slot{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff}
.c-order__slot.is-set{border-color:var(--red)}
.c-order__slot-pic{position:relative}
.c-order__slot-pic picture{display:block}
.c-order__slot-pic img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;background:var(--base)}
.c-order__slot-pic img.c-order__slot-pick{position:absolute;inset:0;height:100%;aspect-ratio:auto}
.c-order__slot-pic img[hidden]{display:none}
.c-order__slot-pic i{position:absolute;left:6px;top:6px;font-style:normal;font-size:11px;font-weight:700;line-height:1;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--sub)}
.c-order__slot.is-set .c-order__slot-pic i{background:var(--red);color:#fff}
.c-order__slot-t b{display:block;font-size:14px;line-height:1.5}
.c-order__slot-t span{display:block;margin-top:2px;font-size:12.5px;line-height:1.6;color:var(--sub)}
.c-order__slot-a{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}
.c-order__slotbtn{position:relative;cursor:pointer}
.c-order__slotbtn input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.c-order__slotbtn span{display:inline-block;font-weight:700;font-size:13px;border:1.5px solid var(--ink);border-radius:999px;padding:6px 14px;background:#fff}
.c-order__slotbtn:focus-within span{outline:3px solid var(--red);outline-offset:3px}
.c-order__slotdel{font:inherit;font-size:12.5px;font-weight:700;color:var(--red-dark);background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer}
.c-order__slotdel[hidden]{display:none}
.c-order__slot-n{font-size:12px;color:var(--sub);word-break:break-all;line-height:1.5}
.c-order__sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.c-order__size,.c-order__speed label{position:relative;cursor:pointer;min-width:0}
.c-order__size input,.c-order__speed input{position:absolute;opacity:0;pointer-events:none}
.c-order__size span{display:flex;flex-direction:column;gap:2px;height:100%;padding:12px 12px 10px;border:1.5px solid var(--line);border-radius:14px;background:var(--paper);transition:border-color .2s,background .2s}
.c-order__size b{font-family:var(--en);font-size:24px;line-height:1.1}
.c-order__size b small{font-size:.55em;margin-left:2px}
.c-order__size em{font-style:normal;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.c-order__size i{font-style:normal;font-size:11.5px;color:var(--red-dark);line-height:1.5}
.c-order__speed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
/* 姿勢は おすわり・ふせ・立ち の3つ（2026-10-05「写真のまま」をなくした）。スマホでも3つ横に並べる */
.c-order__poses{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px}
.c-order__poses b{font-family:var(--round);font-size:16px}
/* 犬・猫の選択（2026-10-05 猫も受ける） */
.c-order__species{margin:0 0 20px}
.c-order__sp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;max-width:340px}
.c-order__sp b{font-family:var(--round);font-size:17px;text-align:center}
.c-order__species .c-order__hint{margin-top:8px}
.c-order__gift{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}
.c-order__sub{margin:0;font-weight:700}
.c-order__sub small{font-weight:400;color:var(--sub)}
.c-order__gift .c-order__checks{margin-top:10px}
.c-order__gift .c-order__fields{margin-top:12px}
.c-order__speed span{display:block;height:100%;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:var(--paper)}
.c-order__speed b{display:block;font-size:16px}
.c-order__speed small{display:block;font-size:12.5px;color:var(--sub);line-height:1.6;margin-top:2px}
.c-order__size input:checked+span,.c-order__speed input:checked+span{border-color:var(--red);background:#fff;box-shadow:inset 0 0 0 1.5px var(--red)}
.c-order__size input:focus-visible+span,.c-order__speed input:focus-visible+span{outline:3px solid var(--caramel);outline-offset:2px}
.c-order__speed input:disabled+span{opacity:.45;cursor:not-allowed}
.c-order__warn{margin:14px 0 0;padding:12px 16px;border-radius:12px;background:#FFF4E5;border-left:4px solid var(--caramel);font-size:14px;line-height:1.8}
.c-order__qty{display:flex;align-items:center;gap:10px;margin-top:16px;font-weight:700}
.c-order__qty input{width:90px;font-size:16px;padding:8px 10px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper)}
.c-order__fields{display:grid;gap:14px}
.c-order__fields label{display:grid;gap:6px;font-weight:700;font-size:14.5px}
.c-order__fields label small{font-weight:400;color:var(--sub)}
.c-order__fields input{padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--paper);font:inherit;font-size:16px}
.c-order__fields input:focus,.c-order__fields textarea:focus{outline:none;border-color:var(--red);background:#fff}
.c-order__fields textarea{padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--paper);font:inherit;font-size:16px;line-height:1.7;resize:vertical}
.c-order__checks small{font-weight:400;color:var(--sub)}
.c-order__checks a{color:var(--red-dark)}
/* ご注文の前に（大きさ・3D・造形・納期・送料・お支払い） */
.c-order__spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0 0 30px;padding:6px 24px;border-radius:20px;background:#fff;border:1px solid var(--line)}
.c-order__spec div{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:14px 0;border-bottom:1px dashed var(--line)}
.c-order__spec div:nth-last-child(-n+2){border-bottom:none}
.c-order__spec dt{font-weight:700;color:var(--caramel)}
.c-order__spec dd{margin:0;font-size:14.5px;line-height:1.8}
.c-order__sum{position:sticky;top:96px;padding:22px;border-radius:24px;background:#fff;border:1.5px solid var(--ink);box-shadow:0 26px 50px -34px rgba(58,46,40,.6)}
.c-order__thumb{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;margin-bottom:14px;font-size:13px;color:var(--sub);line-height:1.6}
.c-order__thumb img{width:72px;height:90px;object-fit:cover;border-radius:10px;background:var(--milk)}
.c-order__sum dl{margin:0;border-top:1px solid var(--line)}
.c-order__sum dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px dashed var(--line);font-size:14px}
.c-order__sum dt{color:var(--sub)}
.c-order__sum dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.c-order__total{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:14px 0 16px;font-weight:700;font-size:14px}
.c-order__total small{font-weight:400;color:var(--sub)}
.c-order__total b{font-family:var(--en);font-size:34px;color:var(--red);font-variant-numeric:tabular-nums}
.c-order__go{width:100%;justify-content:center;font-size:16.5px;padding:18px 16px}
.c-order__go.is-sending{opacity:.6;pointer-events:none}
.c-order__fine{margin:12px 0 0;font-size:12.5px;color:var(--sub);line-height:1.7}
.c-order__done{margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--milk);font-size:14px;line-height:1.8}
.c-order__done a{color:var(--red-dark);font-weight:700}
.c-order__claim{margin:28px 0 0;text-align:center;font-size:14px;color:var(--sub)}
@media (max-width:960px){
  .c-order__grid{grid-template-columns:1fr}
  .c-order__sum{position:static}
}
@media (max-width:768px){
  .c-order__step{padding:20px 16px}
  .c-order__spec{grid-template-columns:1fr;padding:4px 16px}
  .c-order__spec div{grid-template-columns:76px 1fr}
  .c-order__spec div:nth-last-child(2){border-bottom:1px dashed var(--line)}
  .c-order__sizes,.c-order__ex{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-order__speed{grid-template-columns:1fr}
  .c-order__drop{grid-template-columns:84px 1fr;gap:14px}
  .c-order__drop img{width:84px;height:106px}
  .c-order__slots{flex-direction:column}
  .c-order__slot{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:12px;row-gap:6px;align-items:start}
  .c-order__slot-pic{grid-row:1 / span 3}
  .c-order__slot-pic img{aspect-ratio:1/1}
}