/* =========================================================
   沖縄出張撮影とっくー  下層ページ「ポップなコラージュ」デザイン（A案）
   ジャンルごとの差し色は body の --g / --g2 / --g3 で変える
   ========================================================= */
:root{
  --g:#1F7A8C; --g2:#E06B4F; --g3:#F2B544;          /* 家族写真：海・コーラル・サンセット */
  --cream:#FBF4EA; --paper:#FFFFFF; --pink:#F5E3DC; --mint:#E3F1EE;
  --ink:#2B2320; --muted:#5E544F; --line:#E7DCCF;
  --deep:#0F1C22; --sand:#F6F3EE;
  --f-maru:'Zen Maru Gothic','Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  --f-hand:'Yomogi','Zen Maru Gothic',cursive;
  --f-script:'Caveat','Yomogi',cursive;
  --f-min:'Shippori Mincho',serif;
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body.pop{margin:0;background:var(--cream);color:var(--ink);font-family:var(--f-maru);font-size:16px;line-height:1.9;overflow-x:hidden}
.pop img{max-width:100%;display:block}
.pop a{color:inherit}
.pop h1,.pop h2,.pop h3,.pop p,.pop ul,.pop ol,.pop figure{margin:0}
.pop ul,.pop ol{padding:0;list-style:none}
.wrap{width:min(1180px,100% - 32px);margin-inline:auto}
.band{position:relative;padding-block:clamp(80px,10vw,130px);overflow-x:clip}
.dots{background-image:radial-gradient(rgba(255,255,255,.16) 2.4px,transparent 2.6px);background-size:34px 34px}

/* 見出し */
.kicker{font-family:var(--f-script);font-size:clamp(28px,3.4vw,40px);line-height:1;color:var(--g2);display:block;transform:rotate(-3deg);margin-bottom:8px}
.ttl{font-family:var(--f-maru);font-weight:700;font-size:clamp(21px,3.6vw,42px);line-height:1.5;letter-spacing:.04em;text-wrap:balance}
.ttl-wrap{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.desc{margin-top:18px;color:var(--muted);font-size:15px;line-height:2;text-align:center}
.squig{display:block;width:120px;height:14px;margin:14px auto 0;color:var(--g)}

/* シール写真・テープ */
.sticker{background:var(--paper);padding:10px;box-shadow:0 14px 30px rgba(43,35,32,.16)}
.sticker img{width:100%;object-fit:cover}
.tape{position:relative}
.tape::before{content:"";position:absolute;top:-14px;left:50%;width:96px;height:26px;transform:translateX(-50%) rotate(-4deg);background:rgba(242,181,68,.55);z-index:2}
.tilt-l{transform:rotate(-3deg)}.tilt-r{transform:rotate(3deg)}

/* ボタン */
.btn-pop{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 30px;border-radius:999px;font-family:var(--f-maru);font-weight:700;font-size:15px;letter-spacing:.06em;text-decoration:none;border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.btn-pop:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.btn-pop.line{background:#06C755;color:#fff;border-color:var(--ink)}
.btn-pop i{font-size:18px}

/* ---------- ヒーロー：3色のパネルにシール写真 ---------- */
.p-hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative}
.p-panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;padding:132px 20px 64px;min-height:716px;overflow:hidden}
.p-panel.c1{background-color:var(--g)}.p-panel.c2{background-color:var(--g2)}.p-panel.c3{background-color:var(--g3)}
.p-panel .num{position:absolute;top:94px;left:20px;font-family:var(--f-script);font-size:34px;color:#fff;line-height:1}
.p-panel .sub{font-family:var(--f-script);font-size:24px;color:#fff;letter-spacing:.04em;transform:rotate(-3deg)}
.p-panel h1{font-family:var(--f-hand);font-weight:400;font-size:clamp(22px,2.4vw,32px);line-height:1.55;text-align:center;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:6px}
.p-panel h1 .ln{display:inline-block;background:var(--paper);padding:.04em .5em;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.p-panel h1 .ln:nth-child(odd){transform:rotate(-2deg)}.p-panel h1 .ln:nth-child(even){transform:rotate(1.5deg)}
.p-panel h1 em{font-style:normal;color:var(--g2)}
.p-panel.c2 h1 em{color:var(--g)}
.p-panel .sticker{width:min(86%,320px);margin-top:auto}
.p-panel .sticker img{aspect-ratio:4/5}
.p-panel.c1 .sticker{transform:rotate(-4deg)}.p-panel.c2 .sticker{transform:rotate(3deg)}.p-panel.c3 .sticker{transform:rotate(-2deg)}
.p-panel .hd{font-size:13px;line-height:1.9;color:#fff;text-align:center;max-width:22em}
.p-panel.c3 .hd,.p-panel.c3 .sub,.p-panel.c3 .num{color:var(--ink)}
.p-dots{display:none}
.swipe-hint{display:none;text-align:center;font-family:var(--f-script);font-size:22px;color:var(--g);padding-top:10px;background:var(--cream)}
.p-cta{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding-block:34px 10px;background:var(--cream)}
.arc{display:block;width:100%;height:auto;overflow:hidden}
.arc text{font-family:var(--f-script);font-size:44px;fill:var(--g2)}
.crumb{width:min(1180px,100% - 32px);margin:0 auto;padding-block:10px 0;font-size:13px;color:var(--muted)}
.crumb ol{display:flex;gap:8px;flex-wrap:wrap}
.crumb a{text-decoration:none;border-bottom:1px dashed currentColor}

/* ---------- ページ内ナビ（丸いシール） ---------- */
.chips{position:sticky;top:76px;z-index:40;background:rgba(251,244,234,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-block:2px dashed var(--line)}
.chips-in{width:min(1180px,100% - 24px);margin:0 auto;display:flex;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
.chips-in::-webkit-scrollbar{display:none}
.chips a{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);text-decoration:none;font-size:14px;font-weight:700}
.chips a.cta{background:#06C755;color:#fff}

/* ---------- 実績バッジ ---------- */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-block:56px}
.stat{aspect-ratio:1;max-width:220px;width:100%;margin:0 auto;border-radius:50%;background:var(--paper);border:2px dashed var(--g);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;transform:rotate(-4deg)}
.stat:nth-child(even){transform:rotate(4deg);border-color:var(--g2)}
.stat-num{font-family:var(--f-script);font-size:clamp(34px,4vw,52px);line-height:1;color:var(--g)}
.stat:nth-child(even) .stat-num{color:var(--g2)}
.stat-label{font-size:13px;line-height:1.6;margin-top:6px}

/* ---------- コンセプト ---------- */
.concept{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;margin-top:56px}
.concept .lead{font-family:var(--f-hand);font-size:clamp(20px,2.2vw,26px);line-height:1.8;margin-bottom:22px}
.concept .lead{background:linear-gradient(transparent 65%,rgba(242,181,68,.45) 65%);display:inline}
.concept-body{display:flex;flex-direction:column;gap:16px;font-size:15px}
.concept-body p{line-height:2.05}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.tags span{font-size:13px;font-weight:700;padding:6px 14px;border-radius:6px;background:var(--mint);transform:rotate(-1.5deg)}
.tags span:nth-child(even){background:var(--pink);transform:rotate(1.5deg)}
.concept figure{justify-self:center;width:min(100%,440px)}
.concept figure img{aspect-ratio:4/5}

/* ---------- シーン（目次） ---------- */
.scene-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:56px}
.scene{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.scene .n{font-family:var(--f-script);font-size:38px;line-height:1;color:var(--g2)}
.scene .stem{height:30px;border-left:2px dashed var(--ink);opacity:.45}
.scene .frame{width:min(100%,220px);aspect-ratio:1;padding:9px;border:2px dashed var(--ink);border-radius:50%;background:var(--paper)}
.scene:nth-child(even) .frame{border-radius:28px;transform:rotate(4deg)}
.scene .frame img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.scene h3{font-size:17px;font-weight:700;margin-top:6px}
.scene p{font-size:14px;line-height:1.9;color:var(--muted)}

/* ---------- 選ばれる3つの理由：色ブロック ---------- */
.reason{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:460px}
.reason .ph{position:relative;display:flex;align-items:center;justify-content:center;padding:48px 20px}
.reason .ph .sticker{width:min(80%,380px)}
.reason .ph .sticker img{aspect-ratio:4/3}
.reason .tx{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:56px clamp(20px,5vw,72px)}
.reason .big{font-family:var(--f-script);font-size:clamp(70px,9vw,120px);line-height:.8;color:#fff}
.reason h3{font-family:var(--f-hand);font-weight:400;font-size:clamp(24px,2.8vw,34px);line-height:1.5;color:#fff}
.reason p{font-size:15px;line-height:2;color:#fff}
.reason .hash{align-self:flex-start;font-size:13px;font-weight:700;background:var(--paper);color:var(--ink);padding:5px 14px;border-radius:999px;transform:rotate(-2deg)}
.reason.r1 .tx{background:var(--g)}.reason.r1 .ph{background:var(--mint)}
.reason.r2 .tx{background:var(--g2)}.reason.r2 .ph{background:var(--pink)}
.reason.r3 .tx{background:var(--g3)}.reason.r3 .ph{background:var(--cream)}
.reason.r3 .big,.reason.r3 h3,.reason.r3 p{color:var(--ink)}
.reason.r2 .ph{order:2}

/* ---------- ギャラリー：コラージュ ---------- */
.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:36px}
.filter-btn{min-height:44px;padding:0 18px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);font-family:var(--f-maru);font-weight:700;font-size:14px;cursor:pointer;color:var(--ink);transition:background .2s,color .2s}
.filter-btn.active{background:var(--ink);color:var(--paper)}
.collage{columns:2;column-gap:14px;margin-top:40px}
@media (min-width:760px){.collage{columns:3;column-gap:20px}}
@media (min-width:1100px){.collage{columns:4}}
.c-item{break-inside:avoid;margin:0 0 18px;display:block;width:100%;border:0;padding:8px 8px 30px;background:var(--paper);box-shadow:0 10px 24px rgba(43,35,32,.12);cursor:zoom-in;position:relative;transition:transform .4s var(--ease),box-shadow .4s var(--ease);font:inherit;color:inherit;text-align:left}
.c-item:nth-child(3n+1){transform:rotate(-1.6deg)}.c-item:nth-child(3n+2){transform:rotate(1.2deg)}.c-item:nth-child(3n){transform:rotate(-.6deg)}
.c-item:hover{transform:rotate(0) scale(1.03);box-shadow:0 18px 34px rgba(43,35,32,.2);z-index:2}
.c-item img{width:100%;height:auto}
.c-item .cap{position:absolute;left:10px;bottom:4px;font-family:var(--f-script);font-size:19px;color:var(--g)}
.c-item[hidden]{display:none!important}

/* ---------- ギャラリー：シール写真のバレル（円筒） ---------- */
.barrel-stage{--w:200px;--h:250px;--r:400px;--gap:18px;margin-top:40px;height:calc(var(--h)*2 + var(--gap) + 150px);perspective:1700px;display:flex;align-items:center;justify-content:center;overflow:hidden;clip-path:inset(0);cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.barrel-stage:active{cursor:grabbing}
.barrel{position:relative;width:var(--w);height:calc(var(--h)*2 + var(--gap));transform-style:preserve-3d;transform:rotateX(-8deg) rotateY(0deg)}
.b-item{position:absolute;left:0;top:0;width:var(--w);height:var(--h);padding:8px 8px 26px;border:0;background:var(--paper);box-shadow:0 10px 26px rgba(43,35,32,.18);cursor:pointer;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(calc(var(--i) * 30deg)) translateZ(var(--r))}
.b-item.row2{top:calc(var(--h) + var(--gap));transform:rotateY(calc(var(--i) * 30deg + 15deg)) translateZ(var(--r))}
.b-item img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.b-item:focus-visible{outline:3px solid var(--g2);outline-offset:2px}
.barrel-hint{text-align:center;font-family:var(--f-script);font-size:22px;color:var(--g);margin-top:-36px}
.more-wrap{text-align:center;margin-top:30px}
.gallery-all{position:relative;margin-top:10px}
.gallery-all.is-closed{max-height:0;overflow:hidden}
@media (max-width:700px){.barrel-stage{--w:128px;--h:160px;--r:250px;--gap:12px;perspective:1100px}}

/* ---------- 撮影スポット：ポストカード ---------- */
.ocean{background-color:var(--g);color:#fff}
.ocean .ttl,.ocean .desc{color:#fff}.ocean .kicker{color:var(--g3)}
.postcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:56px}
.postcard{background:var(--paper);color:var(--ink);padding:12px 12px 22px;box-shadow:0 18px 40px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:12px}
.postcard:nth-child(odd){transform:rotate(-1.5deg)}.postcard:nth-child(even){transform:rotate(1.5deg)}
.postcard .img{position:relative}
.postcard .img img{aspect-ratio:4/3;object-fit:cover;width:100%}
.postcard .stamp{position:absolute;right:10px;top:10px;width:58px;height:58px;border-radius:50%;background:var(--g3);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--f-script);font-size:28px;border:3px dashed #fff}
.postcard h3{font-family:var(--f-hand);font-weight:400;font-size:22px;padding-inline:6px}
.postcard p{font-size:14px;line-height:1.9;color:var(--muted);padding-inline:6px}
.postcard .ptags{display:flex;flex-wrap:wrap;gap:6px;padding-inline:6px}
.postcard .ptags span{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--mint)}
.postcard .map{margin:4px 6px 0;align-self:flex-start;font-size:13px;font-weight:700;text-decoration:none;border-bottom:2px solid var(--g2)}

/* ---------- チェックリスト：ノート ---------- */
.notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:56px}
.note{background:var(--paper) repeating-linear-gradient(transparent,transparent 31px,#E8EEF2 31px,#E8EEF2 32px);padding:30px 22px 26px;box-shadow:0 10px 24px rgba(43,35,32,.1);position:relative}
.note:nth-child(odd){transform:rotate(-1.2deg)}.note:nth-child(even){transform:rotate(1.2deg)}
.note::before{content:"";position:absolute;top:-12px;left:30px;width:80px;height:24px;background:rgba(224,107,79,.45);transform:rotate(-5deg)}
.note h3{font-family:var(--f-hand);font-weight:400;font-size:22px;margin-bottom:10px}
.note li{font-size:14px;line-height:2.3;padding-left:22px;position:relative}
.note li::before{content:"✓";position:absolute;left:0;color:var(--g);font-weight:700}

/* ---------- 料金：チケット ---------- */
.ticket{max-width:880px;margin:56px auto 0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:var(--paper);box-shadow:0 20px 50px rgba(43,35,32,.14);position:relative}
.ticket .stub{background:var(--g);color:#fff;padding:40px 28px;display:flex;flex-direction:column;justify-content:center;gap:8px;position:relative;border-right:3px dashed var(--cream)}
.ticket .badge{position:absolute;top:-16px;left:20px;background:var(--g3);color:var(--ink);font-weight:700;font-size:14px;padding:6px 16px;border-radius:999px;transform:rotate(-4deg)}
.ticket .plan{font-family:var(--f-script);font-size:30px;line-height:1}
.ticket .plan-ja{font-size:15px;font-weight:700}
.ticket .yen{font-family:var(--f-script);font-size:clamp(56px,7vw,84px);line-height:1}
.ticket .yen span{font-family:var(--f-maru);font-size:14px}
.ticket .body{padding:36px 30px;display:flex;flex-direction:column;gap:12px}
.ticket li{font-size:14px;line-height:2;padding-left:24px;position:relative}
.ticket li::before{content:"●";position:absolute;left:4px;color:var(--g2);font-size:10px;top:2px}
.ticket .opt-h{font-family:var(--f-hand);font-size:20px;margin-top:8px}
.ticket .note-s{font-size:12px;color:var(--muted)}
.travel{max-width:880px;margin:44px auto 0;display:flex;flex-direction:column;gap:16px}
.travel .tf{font-family:var(--f-script);font-size:30px;color:var(--g2);line-height:1}
.travel h3{font-size:20px;font-weight:700}
.travel .free{background:var(--mint);padding:18px 20px;border-radius:14px;font-size:14px;line-height:1.9}
.travel .free b{display:block;font-size:15px;margin-bottom:4px}
.travel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.travel-grid > div{background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:16px 18px;font-size:14px;line-height:1.8}
.travel-grid > div p:first-child{font-family:var(--f-script);font-size:30px;line-height:1;color:var(--g)}
.travel-grid > div p:nth-child(2){font-size:12px;color:var(--muted)}
.travel .ex{font-size:14px;background:var(--pink);padding:14px 18px;border-radius:14px}

/* ---------- 撮影の流れ：点線の道 ---------- */
.route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:56px;position:relative}
.route::before{content:"";position:absolute;left:8%;right:8%;top:38px;border-top:3px dashed var(--g);z-index:0}
.stop{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.stop .dot{width:78px;height:78px;border-radius:50%;background:var(--paper);border:3px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--f-script);font-size:34px;color:var(--g2);box-shadow:3px 3px 0 var(--ink)}
.stop h3{font-size:16px;font-weight:700}
.stop p{font-size:13px;line-height:1.9;color:var(--muted)}

/* ---------- お客様の声：ポラロイド＋吹き出し ---------- */
.voices{display:flex;flex-direction:column;gap:70px;margin-top:60px}
.voice{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;align-items:center}
.voice:nth-child(even) .pol{order:2}
.voice .pol{background:var(--paper);padding:12px 12px 44px;box-shadow:0 16px 36px rgba(43,35,32,.16);position:relative}
.voice:nth-child(odd) .pol{transform:rotate(-3deg)}.voice:nth-child(even) .pol{transform:rotate(3deg)}
.voice .pol img{aspect-ratio:4/3;object-fit:cover;width:100%}
.voice .pol .who{position:absolute;left:14px;bottom:10px;font-family:var(--f-hand);font-size:14px;color:var(--muted)}
.voice .stars{color:var(--g3);letter-spacing:.15em;font-size:15px}
.voice .stars span{color:var(--ink);font-size:13px;letter-spacing:0;margin-left:8px;font-weight:700}
.bubble{position:relative;background:var(--paper);border:2px solid var(--ink);border-radius:24px;padding:22px 24px;font-family:var(--f-hand);font-size:clamp(17px,1.8vw,21px);line-height:1.8;margin-top:12px}
.bubble::after{content:"";position:absolute;left:30px;bottom:-14px;width:24px;height:24px;background:var(--paper);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}
.voice .full{margin-top:24px;font-size:14px;line-height:2;color:var(--muted)}
.voice .src{margin-top:10px;font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 16px}
.widget{margin-top:56px}
.center{text-align:center;margin-top:36px}

/* ---------- FAQ ---------- */
.faq{max-width:880px;margin:48px auto 0;display:flex;flex-direction:column;gap:14px}
.faq-item{background:var(--paper);border:2px solid var(--ink);border-radius:18px;overflow:hidden}
.faq-question{width:100%;display:flex;align-items:center;gap:14px;padding:18px 20px;background:transparent;border:0;cursor:pointer;font-family:var(--f-maru);font-weight:700;font-size:16px;line-height:1.6;color:var(--ink);text-align:left}
.faq-question::before{content:"Q";flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--f-script);font-size:22px}
.faq-question::after{content:"+";margin-left:auto;font-size:24px;transition:transform .3s var(--ease)}
.faq-item.open .faq-question::after{transform:rotate(45deg)}
.faq-answer{display:none;padding:0 22px 20px 68px;font-size:15px;line-height:2;color:var(--muted)}
.faq-item.open .faq-answer{display:block}

/* ---------- 読みもの（コラム） ---------- */
.column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.article{background:var(--paper);padding:40px 34px;box-shadow:0 14px 36px rgba(43,35,32,.08);position:relative}
.article::before{content:"column";position:absolute;top:-22px;left:24px;font-family:var(--f-script);font-size:34px;color:var(--g2);transform:rotate(-4deg)}
.article h2{font-family:var(--f-maru);font-weight:700;font-size:21px;line-height:1.6;margin-bottom:16px}
.article h3{font-family:var(--f-hand);font-weight:400;font-size:20px;margin:22px 0 8px;color:var(--g)}
.article p{font-size:14px;line-height:2.05;margin-top:10px}
.article li{font-size:14px;line-height:2.1;padding-left:20px;position:relative}
.article li::before{content:"♪";position:absolute;left:0;color:var(--g2)}

/* ---------- 問い合わせ ---------- */
.contact{background-color:var(--g2);color:#fff}
.contact-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.contact .kicker{color:var(--g3)}
.contact h2{font-family:var(--f-hand);font-weight:400;font-size:clamp(28px,3.6vw,44px);line-height:1.5}
.contact p{font-size:15px;line-height:2;margin-top:16px}
.contact-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.contact-points li{background:var(--paper);color:var(--ink);font-size:14px;font-weight:700;padding:6px 14px;border-radius:999px}
.contact-points li:nth-child(odd){transform:rotate(-2deg)}.contact-points li:nth-child(even){transform:rotate(2deg)}
.contact-box{background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:24px;padding:30px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;box-shadow:6px 6px 0 var(--ink)}
.contact-box .tel{font-family:var(--f-script);font-size:40px;text-decoration:none;line-height:1}
.contact-box .or{font-size:13px;color:var(--muted)}

/* ---------- フッター ---------- */
.p-footer{background:var(--deep);color:#C9D1D4;padding-block:70px 110px;font-size:14px}
.p-footer .logo{font-family:var(--f-script);font-size:40px;color:var(--sand);line-height:1}
.p-footer .logo small{display:block;font-family:var(--f-maru);font-size:13px;margin-top:8px;color:#C9D1D4}
.p-footer nav ul{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:28px}
.p-footer a{color:var(--sand);text-decoration:none}
.p-footer a:hover{color:var(--g3)}
.p-footer .seo{margin-top:28px;font-size:13px;line-height:2;color:#C9D1D4}
.p-footer .copy{margin-top:28px;font-size:12px}

/* ---------- 拡大表示 ---------- */
.lightbox{position:fixed;inset:0;z-index:9600;display:none;align-items:center;justify-content:center;background:rgba(15,28,34,.9)}
.lightbox.show{display:flex}
.lightbox img{max-width:min(92vw,1300px);max-height:80svh;width:auto;height:auto;border:10px solid #fff;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lb-btn{position:absolute;width:52px;height:52px;border-radius:50%;border:2px solid #fff;background:transparent;color:#fff;font-size:18px;cursor:pointer}
.lb-close{top:18px;right:18px}.lb-prev{left:18px;top:50%;transform:translateY(-50%)}.lb-next{right:18px;top:50%;transform:translateY(-50%)}
.lb-cap{position:absolute;left:0;right:0;bottom:16px;text-align:center;color:#fff;font-size:13px;padding-inline:70px}
@media (max-width:700px){.lb-prev,.lb-next{top:auto;bottom:56px;transform:none}}

/* ---------- 読み込み時・スクロール時の動き（JSが付けるクラス） ---------- */
.js-drop{will-change:transform}

/* ---------- スマホ ---------- */
@media (max-width:900px){
  .p-hero{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;touch-action:pan-y}
  .p-panel{grid-area:1/1;position:relative;inset:auto;min-height:0;padding:96px 20px 84px;gap:0;justify-content:flex-start;opacity:0;visibility:hidden;transition:none}
  .p-panel.is-active{opacity:1;visibility:visible;animation:fadein .6s var(--ease) both}
  @keyframes fadein{from{opacity:0}}
  .p-panel .sticker{order:1;width:min(76%,300px);margin:6px auto 0;padding:9px}
  .p-panel .sticker img{aspect-ratio:4/5}
  .p-panel.is-active .sticker{animation:stick .9s cubic-bezier(.34,1.56,.64,1) both}
  .p-panel .num{top:auto;bottom:24px;left:auto;right:22px;font-size:56px;opacity:.85}
  .p-panel .sub{order:0;align-self:flex-start;font-size:26px;margin:0 0 4px 4px;position:relative;z-index:3}
  .p-panel h1{order:2;margin-top:-64px;position:relative;z-index:3;font-size:clamp(25px,7vw,30px);gap:7px}
  .p-panel.is-active h1 .ln{animation:pop .6s cubic-bezier(.34,1.56,.64,1) both}
  .p-panel.is-active h1 .ln:nth-child(2){animation-delay:.1s}.p-panel.is-active h1 .ln:nth-child(3){animation-delay:.2s}
  .p-panel .hd{order:3;margin-top:16px;font-size:13px;line-height:1.85;max-width:20em}
  .p-dots{display:flex;gap:10px;position:absolute;left:22px;bottom:30px;z-index:5}
  .p-dots button{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent;padding:0;cursor:pointer}
  .p-dots button[aria-current="true"]{background:#fff;width:30px;border-radius:999px}
  @keyframes stick{from{opacity:0;transform:translateY(-60px) rotate(-14deg) scale(.9)}}
  @keyframes pop{from{opacity:0;transform:scale(.6)}}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .concept,.reason,.contact-in,.voice,.column,.ticket{grid-template-columns:1fr}
  .reason.r2 .ph,.voice:nth-child(even) .pol{order:0}
  .scene-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .postcards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .notes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .route{grid-template-columns:1fr;gap:26px}
  .route::before{left:38px;right:auto;top:0;bottom:0;border-top:0;border-left:3px dashed var(--g)}
  .stop{flex-direction:row;text-align:left;align-items:flex-start;gap:18px}
  .stop .dot{flex-shrink:0}
  .travel-grid{grid-template-columns:1fr}
  .ticket .stub{border-right:0;border-bottom:3px dashed var(--cream)}
}
@media (max-width:560px){
  .postcards,.notes{grid-template-columns:1fr}
  .scene-row{gap:22px 14px}
  .faq-answer{padding-left:22px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ---------- 共通ヘッダー・LINEボタン（トップと同じ） ---------- */
.tk-header{position:fixed;inset:0 0 auto;z-index:9100;color:#1E2A30;background:rgba(246,243,238,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #E2DCD2;transition:transform .6s cubic-bezier(.22,1,.36,1),background .4s,color .4s;font-family:'Zen Kaku Gothic New','Noto Sans JP',sans-serif}
.tk-header.is-hidden{transform:translateY(-100%)}
.tk-header-inner{width:min(1320px,100% - 32px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.tk-logo{display:flex;flex-direction:column;text-decoration:none!important;line-height:1.3;color:inherit!important}
.tk-logo b{font-family:'Shippori Mincho',serif;font-weight:600;font-size:clamp(16px,1.6vw,20px);letter-spacing:.12em;white-space:nowrap}
.tk-logo small{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:12px;letter-spacing:.2em}
.tk-nav{display:none;align-items:center;gap:30px;font-size:14px;letter-spacing:.12em}
.tk-nav a{text-decoration:none!important;color:inherit!important;position:relative;padding:6px 0;white-space:nowrap}
.tk-nav a:not(.tk-nav-line)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.tk-nav a:not(.tk-nav-line):hover::after{transform:scaleX(1);transform-origin:left}
.tk-nav .tk-nav-line{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 24px;border-radius:999px;background:#1E2A30;color:#F6F3EE!important}
.tk-nav .tk-nav-line:hover{background:#8A6A3A}
.tk-menu-btn{width:48px;height:48px;border:0;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;padding:0}
.tk-menu-btn span{display:block;width:26px;height:1px;background:currentColor;transition:transform .5s cubic-bezier(.22,1,.36,1)}
body.tk-menu-open .tk-menu-btn span:first-child{transform:translateY(4px) rotate(45deg)}
body.tk-menu-open .tk-menu-btn span:last-child{transform:translateY(-4px) rotate(-45deg)}
body.tk-menu-open .tk-header{color:#F6F3EE;background:transparent;border-color:transparent;backdrop-filter:none;transform:none}
@media (min-width:1080px){.tk-nav{display:flex}}
.tk-overlay{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:fixed;inset:0;z-index:9050;background:#0F1C22;color:#F6F3EE;clip-path:circle(0% at calc(100% - 40px) 38px);transition:clip-path .9s cubic-bezier(.22,1,.36,1);overflow-y:auto;visibility:hidden}
body.tk-menu-open .tk-overlay{clip-path:circle(150% at calc(100% - 40px) 38px);visibility:visible}
.tk-overlay-inner{width:min(1100px,100% - 40px);margin:0 auto;padding:110px 0 60px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.tk-overlay h4{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:15px;letter-spacing:.2em;color:#D4BC94;margin:0 0 14px}
.tk-overlay a{display:block;font-family:'Shippori Mincho',serif;font-size:clamp(17px,2.2vw,22px);color:#F6F3EE!important;text-decoration:none!important;padding:8px 0;opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),color .3s}
.tk-overlay a:hover,.tk-overlay a[aria-current]{color:#D4BC94!important}
body.tk-menu-open .tk-overlay a{opacity:1;transform:none}
.tk-overlay .tk-overlay-line{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:0 26px;min-height:54px;border-radius:999px;background:#06C755;font-family:'Zen Kaku Gothic New',sans-serif;font-size:15px;font-weight:700}

.tk-fab{position:fixed;right:16px;bottom:16px;z-index:9000;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 24px;border-radius:999px;background:#06C755;color:#fff!important;font-family:'Zen Kaku Gothic New','Noto Sans JP',sans-serif;font-weight:700;font-size:15px;letter-spacing:.06em;text-decoration:none!important;box-shadow:0 12px 30px rgba(6,199,85,.35);transform:translateY(160%);transition:transform .8s cubic-bezier(.22,1,.36,1)}
.tk-fab.is-show{transform:none}
.tk-fab svg{width:22px;height:22px}
@media (min-width:900px){.tk-fab{right:28px;bottom:28px;min-height:60px;padding:0 28px}}


/* =========================================================
   汎用パーツ（家族写真以外の下層ページ）
   元ページのHTMLの並びはそのままに、クラス名のパターンでA案の見た目にする
   ========================================================= */
.pop-generic{--tint:#F6EEE5;--on:#FFFFFF}
.pop .container{width:min(1180px,100% - 32px);margin-inline:auto}
.pop-sec{position:relative;padding-block:clamp(72px,9vw,120px);overflow-x:clip}
.tone-cream{background-color:var(--cream)}.tone-paper{background-color:var(--paper)}.tone-tint{background-color:var(--tint)}
.tone-cta{background-color:var(--g);color:var(--on)}
.tone-cta h2,.tone-cta h3,.tone-cta p,.tone-cta li,.tone-cta .ttl{color:var(--on)}
.tone-cta .kicker{color:var(--g3)}
.pop-sec .ttl-wrap{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:8px}
.pop-sec .ttl-wrap .kicker,.pop-sec .kicker{font-family:var(--f-script);font-size:clamp(28px,3.4vw,40px);line-height:1;color:var(--g2);transform:rotate(-3deg);text-transform:none;letter-spacing:.02em;margin:0 0 6px}
.pop-sec .squig{color:var(--g)}
.pop-sec .desc{margin:14px auto 0;max-width:42em;color:var(--muted);text-align:center;font-size:15px;line-height:2}
.pop-sec h3{font-family:var(--f-maru);font-weight:700;font-size:clamp(17px,1.8vw,20px);line-height:1.6;margin:0 0 8px}
.pop-sec h4{font-family:var(--f-hand);font-weight:400;font-size:19px;margin:16px 0 6px;color:var(--g)}
.pop-sec p{font-size:15px;line-height:2;margin:0 0 12px}
.pop-sec ul:not([class*="grid"]):not([class*="list"]) > li,.pop-sec [class*="includes"] > li,.pop-sec [class*="features"] > li,.pop-sec [class*="checklist"] li{position:relative;padding-left:24px;line-height:2;font-size:15px}
.pop-sec ul:not([class*="grid"]):not([class*="list"]) > li::before,.pop-sec [class*="includes"] > li::before,.pop-sec [class*="features"] > li::before,.pop-sec [class*="checklist"] li::before{content:"✓";position:absolute;left:2px;color:var(--g);font-weight:700}
.pop-sec a{color:inherit}
.pop-sec strong{background:linear-gradient(transparent 62%,rgba(242,181,68,.45) 62%)}
.tone-cta strong{background:none}

/* グリッド */
.pop-sec [class*="-grid"]:not(.gallery-grid):not(.insta-grid):not([class*="grid-item"]):not(.seo-text-grid),
.pop-sec [class$="-cards"],.pop-sec .shrine-cards,.pop-sec .voice-cards,.pop-sec .voice-list,.pop-sec .recommend-list,.pop-sec .time-cards,
.pop-sec .flow-steps,.pop-sec .flow-list,.pop-sec .trust-grid,.pop-sec .award-list,.pop-sec .stats-bar,.pop-misc.stats-bar,.pop-sec .surprise-steps{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:26px;margin-top:40px;align-items:start}
.pop-sec .price-grid--single{grid-template-columns:minmax(0,640px);justify-content:center}
.pop-sec .seo-text-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:40px}
.pop-sec [class*="concept-grid"],.pop-sec [class*="about-grid"],.pop-sec [class*="profile-grid"],.pop-sec [class*="photographer-grid"],.pop-sec [class*="intro-block"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:44px;align-items:center;margin-top:40px}

/* カード */
.pop-sec [class$="-card"],.pop-sec [class*="-card "],.pop-sec .flow-step,.pop-sec .flow-item,.pop-sec .guide-item,.pop-sec .recommend-item,.pop-sec .timeline-item,.pop-sec .trust-item,.pop-sec .stat-card,.pop-sec .award-item,.pop-sec .plan-card,.pop-sec .price-box,.pop-sec .price-main,.pop-sec .option-card,.pop-sec .hotel-box,.pop-sec .seo-article,.pop-misc .stat-item{
  position:relative;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:18px;padding:24px;box-shadow:4px 4px 0 var(--ink)}
.pop-sec [class$="-card"]:nth-child(odd),.pop-sec .guide-item:nth-child(odd),.pop-sec .recommend-item:nth-child(odd){transform:rotate(-.7deg)}
.pop-sec [class$="-card"]:nth-child(even),.pop-sec .guide-item:nth-child(even),.pop-sec .recommend-item:nth-child(even){transform:rotate(.7deg)}
.pop-sec [class$="-card"] img,.pop-sec [class*="-card "] img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;margin-bottom:14px;display:block}
.pop-sec [class$="-card-img"],.pop-sec [class$="-card-body"]{padding:0;border:0;box-shadow:none;background:none;transform:none!important}
.pop-sec .tone-cta [class$="-card"]{color:var(--ink)}

/* 単独の写真：シール風 */
.pop-sec [class*="concept"] img,.pop-sec [class*="about"] img,.pop-sec [class*="profile"] img,.pop-sec [class*="photographer"] img,.pop-sec [class*="intro-img"] img,.pop-sec [class*="plan-img"] img,.pop-sec .product-block img,.pop-sec [class*="size"] img{
  background:var(--paper);padding:10px;box-shadow:0 14px 30px rgba(43,35,32,.16);transform:rotate(-2deg);border-radius:4px;width:100%;height:auto}
.pop-sec [class$="-card"] [class*="about"] img,.pop-sec [class$="-card"] [class*="concept"] img{transform:none;padding:0;box-shadow:none}

/* ギャラリー：白フチのコラージュ */
.pop-sec .gallery-grid,.pop-sec .insta-grid{columns:2;column-gap:14px;margin-top:36px;display:block}
@media (min-width:760px){.pop-sec .gallery-grid,.pop-sec .insta-grid{columns:3;column-gap:20px}}
@media (min-width:1100px){.pop-sec .gallery-grid{columns:4}}
.pop-sec .g-photo{break-inside:avoid;display:block;position:relative;margin:0 0 18px;background:var(--paper);padding:8px 8px 28px;box-shadow:0 10px 24px rgba(43,35,32,.12);cursor:zoom-in;transition:transform .4s var(--ease)}
.pop-sec .g-photo:nth-child(3n+1){transform:rotate(-1.4deg)}.pop-sec .g-photo:nth-child(3n+2){transform:rotate(1.1deg)}
.pop-sec .g-photo:hover{transform:rotate(0) scale(1.03);z-index:2}
.pop-sec .g-photo img{width:100%;height:auto;display:block;aspect-ratio:auto}
.pop-sec .g-photo [class*="overlay"],.pop-sec .g-photo [class*="badge"],.pop-sec .g-photo [class*="label"]{position:absolute;left:10px;bottom:4px;font-family:var(--f-script);font-size:18px;color:var(--g);background:none;padding:0}
.pop-sec .gallery-filter,.pop-sec .gallery-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}
.pop-sec .gallery-filter button,.pop-sec .gallery-filters button,.pop-sec .filter-btn{min-height:42px;padding:0 18px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);font-family:var(--f-maru);font-weight:700;font-size:14px;cursor:pointer;color:var(--ink)}
.pop-sec .gallery-filter .active,.pop-sec .gallery-filters .active,.pop-sec .filter-btn.active{background:var(--ink);color:var(--paper)}
.pop-sec .gallery-tabs,.pop-sec .spot-tabs,.pop-sec .gallery-sub{display:none}
.pop-sec .scroll-gallery{display:flex;gap:16px;overflow-x:auto;padding:10px 4px 20px;scroll-snap-type:x mandatory}
.pop-sec .scroll-gallery img{flex:0 0 min(70%,320px);scroll-snap-align:start;background:var(--paper);padding:8px;box-shadow:0 10px 24px rgba(43,35,32,.14)}

/* 番号（流れ・ステップ） */
.pop-sec .step-num,.pop-sec .flow-num,.pop-sec .flow-number,.pop-sec .flow-detail-num,.pop-sec [class*="step-number"]{
  width:64px;height:64px;border-radius:50%;background:var(--paper);border:3px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-script);font-size:30px;color:var(--g);box-shadow:3px 3px 0 var(--ink);margin-bottom:12px}
.pop-sec .step-icon,.pop-sec .flow-icon{display:none}

/* 料金 */
.pop-sec .price-amount,.pop-sec .plan-price,.pop-sec .card-price,.pop-sec .price,.pop-sec .ubagi-price,.pop-sec .option-price{font-family:var(--f-script);font-size:clamp(40px,5vw,60px);line-height:1.1;color:var(--g)}
.pop-sec .price-amount *,.pop-sec .plan-price *{font-family:var(--f-maru);font-size:14px;color:var(--muted)}
.pop-sec .price-badge,.pop-sec [class*="badge"]:not(.g-photo [class*="badge"]){display:inline-block;background:var(--g3);color:var(--ink);font-weight:700;font-size:13px;padding:4px 14px;border-radius:999px;transform:rotate(-3deg)}
.pop-sec .plan-name{font-family:var(--f-script);font-size:28px;color:var(--g2);margin:0}
.pop-sec .price-card,.pop-sec .plan-card,.pop-sec .price-box,.pop-sec .price-main,.pop-sec .pricing-card{border-style:dashed}

/* 表 */
.pop-sec table{width:100%;border-collapse:separate;border-spacing:0;background:var(--paper);border:2px solid var(--ink);border-radius:16px;overflow:hidden;margin-top:24px;font-size:14px}
.pop-sec th,.pop-sec td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px dashed var(--line)}
.pop-sec th{background:var(--tint);font-weight:700;white-space:nowrap}
.pop-sec tr:last-child th,.pop-sec tr:last-child td{border-bottom:0}

/* FAQ */
.pop-sec .faq-list{display:flex;flex-direction:column;gap:14px;max-width:880px;margin:40px auto 0}
.pop-sec .faq-item{background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:none;padding:0;transform:none!important}
.pop-sec .faq-question,.pop-sec .faq-q,.pop-sec .faq-item summary{width:100%;display:flex;align-items:center;gap:14px;padding:18px 20px;background:transparent;border:0;cursor:pointer;font-family:var(--f-maru);font-weight:700;font-size:16px;line-height:1.6;color:var(--ink);text-align:left;list-style:none;margin:0}
.pop-sec .faq-item summary::-webkit-details-marker{display:none}
.pop-sec .faq-question::before,.pop-sec .faq-q::before,.pop-sec .faq-item summary::before{content:"Q";flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--f-script);font-size:22px}
.pop-sec .faq-toggle{margin-left:auto}
.pop-sec .faq-answer,.pop-sec .faq-a,.pop-sec .faq-item details > :not(summary){padding:0 22px 20px 68px;font-size:15px;line-height:2;color:var(--muted)}
.pop-sec .faq-item:not(.open) .faq-a{display:none}
.pop-sec .faq-item.open .faq-a,.pop-sec .faq-item.open .faq-answer{display:block}
.pop-sec .faq-answer-inner{padding:0}

/* お客様の声 */
.pop-sec .voice-card{padding-top:30px}
.pop-sec .voice-card::before{content:"“";position:absolute;top:-14px;left:18px;font-family:var(--f-script);font-size:70px;line-height:1;color:var(--g2)}
.pop-sec .voice-stars{color:var(--g3);letter-spacing:.15em}
.pop-sec .voice-text,.pop-sec .voice-card > p,.pop-sec .voice-content > p{font-family:var(--f-hand);font-size:17px;line-height:1.9}
.pop-sec .voice-avatar,.pop-sec img.voice-avatar{width:72px!important;height:72px!important;aspect-ratio:1!important;border-radius:50%!important;object-fit:cover;padding:0!important;border:3px solid var(--paper);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.pop-sec [class*="voice-name"],.pop-sec [class*="voice-author"],.pop-sec [class*="voice-meta"]{font-size:13px;color:var(--muted)}

/* ボタン・リンク */
.pop-sec a.btn,.pop-sec a[class*="btn"],.pop-sec .gallery-btn,.pop-sec [class*="map-btn"],.pop-sec .voice-more a,.pop-sec [class*="card-map"] a,.pop-sec .cta-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:999px;font-family:var(--f-maru);font-weight:700;font-size:14px;text-decoration:none;border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink);margin:8px 6px 0 0;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.pop-sec a.btn:hover,.pop-sec a[class*="btn"]:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.pop-sec a[href*="lin.ee"][class*="btn"],.pop-sec a[class*="line"][class*="btn"]{background:#06C755;color:#fff}
.tone-cta a[class*="btn"]{background:var(--paper);color:var(--ink)}
.tone-cta a[href*="lin.ee"]{background:#06C755!important;color:#fff!important}
.pop-sec iframe{width:100%;max-width:100%;height:360px;border:2px solid var(--ink)!important;border-radius:18px;margin-top:20px}

/* そのほか（実績バーなど） */
.pop-misc{width:min(1180px,100% - 32px);margin:40px auto}
.pop-misc .stat-item,.pop-sec .stat-card,.pop-sec .trust-item{text-align:center}
.pop-misc [class*="num"],.pop-sec .stat-card [class*="num"],.pop-sec .trust-number{font-family:var(--f-script);font-size:clamp(34px,4vw,50px);line-height:1.1;color:var(--g)}
.crumb{width:min(1180px,100% - 32px);margin:0 auto;padding-block:12px 0;font-size:13px;color:var(--muted)}
.crumb ol,.crumb ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.crumb a{text-decoration:none;border-bottom:1px dashed currentColor}

/* ---------- 汎用ヒーロー：色のパネル＋シール写真 ---------- */
.g-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:720px;background:var(--cream)}
.g-hero-text{background-color:var(--g);color:var(--on);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:130px clamp(20px,5vw,72px) 70px}
.g-hero-text .kicker{font-family:var(--f-script);font-size:clamp(28px,3vw,38px);color:var(--g3);line-height:1;transform:rotate(-3deg)}
.g-hero h1{font-family:var(--f-hand);font-weight:400;font-size:clamp(24px,2.8vw,38px);line-height:1.5;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;color:var(--ink)}
.g-hero h1 .ln{display:inline-block;background:var(--paper);padding:.05em .5em;box-shadow:0 6px 16px rgba(0,0,0,.14)}
.g-hero h1 .ln:nth-child(odd){transform:rotate(-1.6deg)}.g-hero h1 .ln:nth-child(even){transform:rotate(1.2deg)}
.g-hero h1 em,.g-hero h1 span span{font-style:normal;color:var(--g)}
.g-desc{font-size:14px;line-height:2;max-width:32em;margin:0}
.g-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.g-chips li{background:var(--paper);color:var(--ink);font-size:13px;font-weight:700;padding:5px 14px;border-radius:999px}
.g-chips li:nth-child(odd){transform:rotate(-2deg)}.g-chips li:nth-child(even){transform:rotate(2deg)}
.g-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.g-hero-photos{position:relative;min-height:560px;overflow:hidden;background-image:radial-gradient(rgba(43,35,32,.08) 2.4px,transparent 2.6px);background-size:34px 34px}
.g-hero-photos .sticker{position:absolute;margin:0}
.g-hero-photos .sticker img{width:100%;height:100%;object-fit:cover}
.g-hero-photos .s1{width:58%;height:62%;left:8%;top:16%;transform:rotate(-4deg);z-index:2}
.g-hero-photos .s2{width:42%;height:40%;right:6%;top:9%;transform:rotate(5deg);z-index:1}
.g-hero-photos .s3{width:40%;height:38%;right:10%;bottom:7%;transform:rotate(-2deg);z-index:3}
.g-hero-photos .s1::before,.g-hero-photos .s3::before{content:"";position:absolute;top:-12px;left:50%;width:90px;height:24px;transform:translateX(-50%) rotate(-4deg);background:rgba(242,181,68,.6);z-index:2}
.g-en{position:absolute;left:6%;bottom:5%;font-family:var(--f-script);font-size:clamp(44px,6vw,80px);color:var(--g);opacity:.9;z-index:4;line-height:1;transform:rotate(-4deg)}
@media (max-width:900px){
  .g-hero{grid-template-columns:1fr;min-height:0}
  .g-hero-photos{order:-1;min-height:400px;margin-top:76px}
  .g-hero-photos .s1{width:66%;height:68%;left:5%;top:9%}
  .g-hero-photos .s2{width:44%;height:42%;right:4%;top:5%}
  .g-hero-photos .s3{width:44%;height:40%;right:6%;bottom:6%}
  .g-hero-text{padding:46px 20px 52px}
  .g-hero h1{font-size:clamp(23px,6.6vw,30px)}
}
@media (max-width:560px){.pop-sec [class$="-card"]:nth-child(n){transform:none}}
.pop a.btn-pop{color:var(--ink)}
.pop a.btn-pop.line{color:#fff}

/* アイコン（fa-sd-card など）にカード用の見た目が当たらないように */
.pop i[class*="fa-"]{background:none!important;border:0!important;padding:0!important;box-shadow:none!important;transform:none!important;border-radius:0!important;position:static!important;margin:0 .3em 0 0}
.pop-sec .gallery-all .gallery-grid{margin-top:20px}
.pop-sec .barrel-stage{margin-top:30px}
/* 元のチェックアイコンと ✓ が二重にならないように */
.pop-sec li > i.fa-check:first-child,.pop-sec li > i.fa-check-circle:first-child,.pop-sec li > i.fa-circle-check:first-child{display:none}
/* セクション直下の要素も左右に余白をとる */
.pop-sec > *:not(.container):not(.wrap):not(.barrel-stage):not(.barrel-hint){width:min(1180px,100% - 32px);margin-inline:auto}
.pop-sec .container > *:not(.barrel-stage){max-width:100%}
/* 問い合わせ欄の特徴タグ：色の帯の上でも文字が読めるように */
.pop-sec [class*="points"] li,.tone-cta [class*="points"] li,.tone-cta .contact-points li{color:var(--ink);background:var(--paper);display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:999px;font-size:14px;font-weight:700;margin:4px 6px 4px 0}
.pop-sec [class*="points"] li::before{display:none}
.pop-sec [class*="points"]{display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:18px 0 0;list-style:none}
.pop-sec [class*="points"] li i{color:var(--g)}

/* =========================================================
   下層ページ共通：ファミリーフォトと同じレイアウト
   ========================================================= */
.page-shichigosan{--on3:#FFFFFF}
/* ヒーロー（3色パネル）の2枚目・3枚目 */
.g-hero2 .p-big{font-family:var(--f-script);font-size:clamp(48px,5vw,76px);line-height:1;color:#fff;transform:rotate(-4deg);text-align:center;margin:0}
.g-hero2 .g-chips{justify-content:center;display:flex;flex-wrap:wrap;gap:8px}
.g-hero2 .g-chips li{background:var(--paper);color:var(--ink);font-size:13px;font-weight:700;padding:5px 14px;border-radius:999px}
.g-hero2 .p-panel.c3 .hd,.g-hero2 .p-panel.c3 .sub,.g-hero2 .p-panel.c3 .num,.g-hero2 .c3 .p-big{color:var(--on3,var(--ink))}
.g-hero2 .p-panel h1 span span{font-style:normal;color:var(--g)}
.g-hero2 + .p-cta .btn-pop{min-width:min(100%,260px)}

/* カードの元の見た目（枠・影・傾き）をいったん外す */
.pop .pop-sec .k{border:0;border-radius:0;box-shadow:none;padding:0;background:none;transform:none;color:var(--ink)}
.pop .pop-sec .k img{margin:0;border-radius:0;padding:0;box-shadow:none;transform:none}

/* 選ばれる理由：色ブロック＋大きな数字 */
.pop .pop-sec .kg-reason{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;gap:0!important;margin-top:48px;border-radius:28px;overflow:hidden;box-shadow:0 20px 50px rgba(43,35,32,.12)}
.pop .pop-sec .k-reason{display:flex;flex-direction:column;gap:14px;padding:46px clamp(22px,3vw,44px);background:var(--g);color:#fff}
.pop .pop-sec .k-reason.r2{background:var(--g2)}
.pop .pop-sec .k-reason.r3{background:var(--g3);color:var(--on3,var(--ink))}
.pop .pop-sec .k-reason h3,.pop .pop-sec .k-reason h4,.pop .pop-sec .k-reason p,.pop .pop-sec .k-reason li,.pop .pop-sec .k-reason li::before,.pop .pop-sec .k-reason i{color:inherit}
.pop .pop-sec .k-reason h3{font-family:var(--f-hand);font-weight:400;font-size:clamp(22px,2.4vw,30px);line-height:1.5}
.pop .pop-sec .k-reason .big{font-family:var(--f-script);font-size:clamp(64px,8vw,110px);line-height:.85;color:inherit;background:none;border:0;box-shadow:none;width:auto;height:auto;display:block;margin:0;padding:0;opacity:.95}
.pop .pop-sec .kg-reason.has-img{display:flex!important;flex-direction:column!important;border-radius:28px}
.pop .pop-sec .kg-reason.has-img .k-reason{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0;gap:0;min-height:420px;background:none}
.pop .pop-sec .k-reason .ph{display:flex;align-items:center;justify-content:center;padding:48px 20px;background-color:var(--mint);background-image:radial-gradient(rgba(43,35,32,.07) 2.4px,transparent 2.6px)}
.pop .pop-sec .k-reason.r2 .ph{background-color:var(--pink);order:2}
.pop .pop-sec .k-reason.r3 .ph{background-color:var(--cream)}
.pop .pop-sec .k-reason .ph .sticker{width:min(84%,380px);transform:rotate(-3deg)}
.pop .pop-sec .k-reason.r2 .ph .sticker{transform:rotate(3deg)}
.pop .pop-sec .k-reason .ph .sticker img{aspect-ratio:4/3;width:100%;object-fit:cover}
.pop .pop-sec .k-reason .tx{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:52px clamp(22px,4vw,64px);background:var(--g);color:#fff}
.pop .pop-sec .k-reason.r2 .tx{background:var(--g2)}
.pop .pop-sec .k-reason.r3 .tx{background:var(--g3);color:var(--on3,var(--ink))}
.pop .pop-sec .k-reason [class*="keyword"],.pop .pop-sec .k-reason [class*="tag"]{align-self:flex-start;font-size:13px;font-weight:700;background:var(--paper);color:var(--ink);padding:5px 14px;border-radius:999px;transform:rotate(-2deg)}

/* シーン：丸い写真の目次 */
.pop .pop-sec .kg-scene{display:grid!important;grid-template-columns:repeat(var(--n),minmax(0,1fr))!important;gap:28px!important;margin-top:48px}
.pop .pop-sec .k-scene{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.pop .pop-sec .k-scene .n{font-family:var(--f-script);font-size:38px;line-height:1;color:var(--g2);background:none;border:0;box-shadow:none;width:auto;height:auto;margin:0;padding:0}
.pop .pop-sec .k-scene .stem{height:28px;border-left:2px dashed var(--ink);opacity:.45}
.pop .pop-sec .k-scene .frame{display:block;width:min(100%,220px);aspect-ratio:1;padding:9px;border:2px dashed var(--ink);border-radius:50%;background:var(--paper)}
.pop .pop-sec .k-scene:nth-child(even) .frame{border-radius:28px;transform:rotate(4deg)}
.pop .pop-sec .k-scene .frame img,.pop .pop-sec .k-scene .frame > *{width:100%;height:100%;object-fit:cover;border-radius:inherit;aspect-ratio:auto}
.pop .pop-sec .k-scene h3{font-size:17px;margin-top:6px}
.pop .pop-sec .k-scene p{font-size:14px;color:var(--muted)}
.pop .pop-sec .kg-scene:not(.has-img) .k-scene h3{border:2px dashed var(--ink);border-radius:999px;padding:10px 20px;background:var(--paper)}
.pop .pop-sec .kg-scene:not(.has-img) .k-scene:nth-child(even) h3{transform:rotate(2deg)}
.pop .pop-sec .kg-scene:not(.has-img) .k-scene:nth-child(odd) h3{transform:rotate(-2deg)}

/* 撮影スポット・施設：海色の帯にポストカード */
.tone-ocean{background-color:var(--g);color:#fff}
.tone-ocean .ttl,.tone-ocean .desc,.tone-ocean .squig,.tone-ocean > .container > p,.tone-ocean > .wrap > p{color:#fff}
.tone-ocean .kicker,.tone-ocean .ttl-wrap .kicker{color:var(--g3)!important}
.page-shichigosan .tone-ocean .kicker{color:#fff!important}
.pop .pop-sec .kg-postcard{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;gap:30px!important;margin-top:48px}
.pop .pop-sec .k-postcard{background:var(--paper);color:var(--ink);padding:12px 12px 24px;box-shadow:0 18px 40px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:10px;position:relative}
.pop .pop-sec .k-postcard:nth-child(odd){transform:rotate(-1.5deg)}.pop .pop-sec .k-postcard:nth-child(even){transform:rotate(1.5deg)}
.pop .pop-sec .k-postcard > :not(.img){padding-inline:8px}
.pop .pop-sec .k-postcard .img{position:relative;padding:0}
.pop .pop-sec .k-postcard .img img{aspect-ratio:4/3;object-fit:cover;width:100%}
.pop .pop-sec .k-postcard .stamp{position:absolute;right:10px;top:10px;width:58px;height:58px;border-radius:50%;background:var(--g3);color:var(--on3,var(--ink));display:flex;align-items:center;justify-content:center;font-family:var(--f-script);font-size:28px;border:3px dashed #fff;z-index:2;padding:0}
.pop .pop-sec .kg-postcard:not(.has-img) .k-postcard{padding-top:26px}
.pop .pop-sec .kg-postcard:not(.has-img) .k-postcard .stamp{border-color:var(--paper);box-shadow:0 0 0 2px var(--g3)}
.pop .pop-sec .kg-postcard:not(.has-img) .k-postcard > h3,.pop .pop-sec .kg-postcard:not(.has-img) .k-postcard > :first-child + *{padding-right:70px}
.pop .pop-sec .k-postcard h3{font-family:var(--f-hand);font-weight:400;font-size:22px}
.pop .pop-sec .k-postcard p,.pop .pop-sec .k-postcard li{font-size:14px;color:var(--muted)}
.pop .pop-sec .k-postcard [class*="tag"]{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--mint);margin:0 4px 4px 0;color:var(--ink)}

/* ガイド・おすすめ：テープで貼ったノート */
.pop .pop-sec .kg-note{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;gap:30px 24px!important;margin-top:52px}
.pop .pop-sec .k-note{background:var(--paper) repeating-linear-gradient(transparent,transparent 31px,#E8EEF2 31px,#E8EEF2 32px);padding:30px 22px 24px;box-shadow:0 10px 24px rgba(43,35,32,.1);position:relative}
.pop .pop-sec .k-note:nth-child(odd){transform:rotate(-1.2deg)}.pop .pop-sec .k-note:nth-child(even){transform:rotate(1.2deg)}
.pop .pop-sec .k-note::before{content:"";position:absolute;top:-12px;left:30px;width:80px;height:24px;background:rgba(224,107,79,.45);transform:rotate(-5deg)}
.pop .pop-sec .k-note:nth-child(even)::before{background:rgba(242,181,68,.55);left:auto;right:30px;transform:rotate(4deg)}
.pop .pop-sec .k-note h3{font-family:var(--f-hand);font-weight:400;font-size:21px;margin-bottom:8px}
.pop .pop-sec .k-note p,.pop .pop-sec .k-note li{font-size:14px;line-height:2.1}

/* 撮影の流れ：点線の道 */
.pop .pop-sec .kg-route{display:grid!important;grid-template-columns:repeat(var(--n),minmax(0,1fr))!important;gap:22px!important;margin-top:52px;position:relative}
.pop .pop-sec .kg-route::before{content:"";position:absolute;left:8%;right:8%;top:38px;border-top:3px dashed var(--g);z-index:0}
.pop .pop-sec .k-route{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.pop .pop-sec .k-route .dot{width:78px;height:78px;flex-shrink:0;border-radius:50%;background:var(--paper);border:3px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--f-script);font-size:34px;line-height:1;color:var(--g2);box-shadow:3px 3px 0 var(--ink);margin:0;padding:0}
.pop .pop-sec .k-route h3{font-size:16px;margin:4px 0 0}
.pop .pop-sec .k-route p{font-size:13px;line-height:1.9;color:var(--muted)}
.tone-cta .k-route p,.tone-ocean .k-route p{color:inherit}

/* お客様の声：ポラロイド＋吹き出し */
.pop .pop-sec .kg-voice{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;gap:44px 30px!important;margin-top:52px;align-items:start}
.pop .pop-sec .k-voice{display:flex;flex-direction:column;gap:12px}
.pop .pop-sec .k-voice::before{display:none}
.pop .pop-sec .k-voice .bubble{position:relative;background:var(--paper);border:2px solid var(--ink);border-radius:24px;padding:20px 22px;font-family:var(--f-hand);font-size:17px;line-height:1.85;margin:6px 0 14px;color:var(--ink)}
.pop .pop-sec .k-voice .bubble::after{content:"";position:absolute;left:30px;bottom:-14px;width:24px;height:24px;background:var(--paper);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}
.pop .pop-sec .k-voice .pol{background:var(--paper);padding:12px 12px 36px;box-shadow:0 16px 36px rgba(43,35,32,.16);transform:rotate(-3deg);margin:0 0 10px}
.pop .pop-sec .k-voice:nth-child(even) .pol{transform:rotate(3deg)}
.pop .pop-sec .k-voice .pol img{aspect-ratio:4/3;object-fit:cover;width:100%}
.pop .pop-sec .kg-voice.has-img{display:flex!important;flex-direction:column!important;gap:70px!important}
.pop .pop-sec .kg-voice.has-img .k-voice{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:44px;row-gap:8px;align-items:center;align-content:center}
.pop .pop-sec .kg-voice.has-img .k-voice > *{grid-column:2}
.pop .pop-sec .kg-voice.has-img .k-voice > .pol{grid-column:1;grid-row:1 / span 12;align-self:center}
.pop .pop-sec .kg-voice.has-img .k-voice:nth-child(even){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.pop .pop-sec .kg-voice.has-img .k-voice:nth-child(even) > *{grid-column:1}
.pop .pop-sec .kg-voice.has-img .k-voice:nth-child(even) > .pol{grid-column:2}

@media (max-width:900px){
  .g-hero2 .p-big{order:2;margin-top:-46px;position:relative;z-index:3;font-size:clamp(46px,13vw,64px)}
  .g-hero2 .g-chips{order:3;margin-top:16px}
  .pop .pop-sec .kg-scene{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 14px!important}
  .pop .pop-sec .kg-reason.has-img .k-reason{grid-template-columns:1fr;min-height:0}
  .pop .pop-sec .k-reason.r2 .ph{order:0}
  .pop .pop-sec .kg-route{grid-template-columns:1fr!important;gap:26px!important}
  .pop .pop-sec .kg-route::before{left:38px;right:auto;top:0;bottom:0;border-top:0;border-left:3px dashed var(--g)}
  .pop .pop-sec .k-route{display:grid;grid-template-columns:78px minmax(0,1fr);column-gap:18px;text-align:left;align-items:start}
  .pop .pop-sec .k-route > *{grid-column:2}
  .pop .pop-sec .k-route > .dot{grid-column:1;grid-row:1 / span 12}
  .pop .pop-sec .kg-voice.has-img .k-voice,.pop .pop-sec .kg-voice.has-img .k-voice:nth-child(even){grid-template-columns:1fr}
  .pop .pop-sec .kg-voice.has-img .k-voice > *,.pop .pop-sec .kg-voice.has-img .k-voice > .pol{grid-column:1;grid-row:auto}
}
@media (max-width:560px){
  .pop .pop-sec .k-postcard:nth-child(n){transform:rotate(-1deg)}
  .pop .pop-sec .kg-reason{border-radius:20px}
}
/* 元ページのセクション名（voice・concept など）がファミリー用の部品と重ならないように */
.pop .pop-sec{display:block;grid-template-columns:none;gap:0;margin-top:0;min-height:0}
.pop .pop-sec .k-voice [class*="stars"],.pop .pop-sec .k-voice .fa-star{color:var(--g2)}
.pop .pop-sec .kg-reason{align-items:stretch!important}
@media (max-width:900px){
  .pop .pop-sec .k-route{row-gap:4px;grid-auto-rows:min-content}
  .pop .pop-sec .k-route > .dot{grid-row:1 / span 3}
}
body.tk-menu-open .tk-header{background:#0F1C22!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* 実績バッジ：並べる箱には色を付けず、バッジ1つずつを読みやすいシールにする */
.pop .pop-sec [class$="-badges"]{display:flex!important;flex-wrap:wrap;gap:10px;background:none!important;padding:0!important;border-radius:0!important;transform:none!important;margin-top:18px}
.pop .pop-sec [class$="-badges"] > .badge,.pop .pop-sec span.badge{display:inline-flex;align-items:center;gap:6px;background:var(--paper)!important;color:var(--ink)!important;border:2px solid var(--g);font-size:13px;font-weight:700;line-height:1.5;padding:7px 14px;border-radius:999px;transform:rotate(-1.5deg)}
.pop .pop-sec [class$="-badges"] > .badge:nth-child(even){transform:rotate(1.5deg);border-color:var(--g2)}
.pop .pop-sec [class*="badge"]{color:var(--on3,var(--ink))}

/* =========================================================
   2026-11 リファイン：トップページに合わせて、落ち着いた上品な見た目へ
   （手書き文字・斜めの貼り付け・マスキングテープ・太い黒線をやめる）
   ========================================================= */
:root{
  --g:#2F6F7E; --g2:#B5785F; --g3:#E9D6B8;
  --cream:#F6F3EE; --pink:#F1E9E1; --mint:#ECF1F0;
  --ink:#1E2A30; --muted:#4E5A61; --line:#E2DCD2;
  --f-maru:'Zen Kaku Gothic New','Hiragino Sans','Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;
  --f-hand:'Shippori Mincho',serif;
  --f-script:'Cormorant Garamond','Shippori Mincho',serif;
}
body.pop{background:var(--cream)}
/* 手書き英字 → 細い筆記体風の英字 */
.kicker,.pop-sec .kicker,.p-panel .sub,.article::before{font-style:italic;font-weight:500;letter-spacing:.1em}
.kicker,.pop-sec .kicker{font-size:clamp(16px,1.6vw,20px)!important;color:var(--g2)}
/* 斜めに貼ったような傾きをやめる */
.kicker,.pop-sec .kicker,.tilt-l,.tilt-r,.p-panel .sub,.p-panel h1 .ln,.p-panel .sticker,.stat,.tags span,.scene .frame,.reason .hash,
.c-item,.postcard,.note,.voice .pol,.contact-points li,.pop-sec [class$="-card"],.pop-sec .guide-item,.pop-sec .recommend-item,.pop-sec .g-photo,
.k-postcard,.k-note,.k-voice .pol,.ticket .badge{transform:none!important}
/* マスキングテープ・波線・水玉をやめる */
.tape::before,.note::before,.k-note::before,.squig{display:none!important}
.dots{background-image:none!important}
/* 蛍光ペンの線をやめて、色で強調 */
.concept .lead,.pop-sec strong{background:none!important}
.pop-sec strong{color:var(--g2);font-weight:700}
/* 太い黒線・ずらした影 → 細い線と、やわらかい影 */
.chips a,.filter-btn,.travel-grid > div,.stop .dot,.bubble,.faq-item,.contact-box,.pop-sec [class$="-card"],.pop-sec [class*="-card "],.pop-sec .flow-step,
.pop-sec .gallery-filter button,.pop-sec .gallery-filters button,.pop-sec .filter-btn,.pop-sec .step-num,.pop-sec .flow-num,.pop-sec .flow-number,
.pop-sec table,.pop-sec .faq-item,.pop-sec iframe,.pop .pop-sec .k-route .dot,.pop .pop-sec .k-voice .bubble,.k-route .dot{
  border-width:1px!important;border-color:var(--line)!important;box-shadow:0 10px 30px rgba(30,42,48,.06)!important}
.bubble::after,.pop .pop-sec .k-voice .bubble::after{border-color:var(--line)!important;border-width:0 1px 1px 0!important}
.btn-pop,.pop-sec a.btn,.pop-sec a[class*="btn"]{box-shadow:none!important;border-width:1px!important}
.btn-pop:hover,.pop-sec a.btn:hover,.pop-sec a[class*="btn"]:hover{transform:translateY(-2px)!important;box-shadow:0 10px 24px rgba(30,42,48,.12)!important}
/* ノート風の罫線をやめる */
.note,.pop .pop-sec .k-note{background:var(--paper)!important}
/* 写真：白いふちのポラロイド風 → 角の丸い写真 */
.sticker,.postcard,.voice .pol,.k-postcard,.k-voice .pol,.scene .frame{box-shadow:0 14px 34px rgba(30,42,48,.10)!important}
/* 見出しの文字を少し上品に */
.ttl,.pop-sec .ttl,.section-title{font-family:var(--f-min);font-weight:500;letter-spacing:.06em}
/* 最初の画面：白いラベルを貼ったような見出しをやめ、文字をそのまま上品に */
.p-panel h1{font-family:var(--f-min);font-weight:500;font-size:clamp(24px,2.6vw,36px);letter-spacing:.06em;gap:2px}
.p-panel h1 .ln{background:none!important;box-shadow:none!important;padding:0!important;color:#fff}
.p-panel.c3 h1 .ln{color:var(--ink)}
.p-panel h1 em,.p-panel.c2 h1 em,.p-panel h1 span span{color:#F3E2C2}
.p-panel.c3 h1 em,.p-panel.c3 h1 span span{color:var(--g2)}
.p-panel .num{font-style:italic;font-size:22px;opacity:.8}
.p-panel .sticker img{border-radius:6px}
.p-panel h1 .ln .accent,.p-panel h1 .ln em{color:#F3E2C2!important;-webkit-text-fill-color:#F3E2C2!important;background:none!important}
.p-panel.c3 h1 .ln .accent,.p-panel.c3 h1 .ln em{color:var(--g2)!important;-webkit-text-fill-color:var(--g2)!important}

/* =========================================================
   最初の画面：トップページと同じ「全画面の写真＋大きな文字」
   3枚の写真がゆっくり切り替わり、文字は左下に重ねる
   ========================================================= */
.p-hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;position:relative;height:100svh;min-height:600px;overflow:hidden;background:var(--deep);touch-action:pan-y}
.p-hero .p-panel{grid-area:1/1!important;position:relative!important;inset:auto!important;min-height:0!important;height:100%;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:14px!important;
  padding:0 max(24px,6vw) clamp(150px,22vh,210px)!important;background:transparent!important;background-image:none!important;
  opacity:0;visibility:hidden;transition:opacity 1.4s var(--ease),visibility 0s 1.4s;animation:none!important}
.p-hero .p-panel.is-active{opacity:1;visibility:visible;transition:opacity 1.4s var(--ease),visibility 0s}
.p-hero .p-panel::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(15,28,34,.25) 0%,rgba(15,28,34,.05) 35%,rgba(15,28,34,.55) 100%)}
.p-hero .p-panel .sticker{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;z-index:0;order:0!important;transform:none!important;animation:none!important}
.p-hero .p-panel .sticker::before,.p-hero .p-panel .sticker::after{display:none!important}
.p-hero .p-panel .sticker img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover;border-radius:0!important;transform-origin:50% 40%}
.p-hero .p-panel.is-active .sticker img{animation:tkKen 9s linear both}
@keyframes tkKen{from{transform:scale(1.12)}to{transform:scale(1)}}
.p-hero .p-panel > :not(.sticker){position:relative;z-index:2}
.p-hero .p-panel .num{display:none!important}
.p-hero .p-panel .sub{order:0!important;align-self:flex-start!important;margin:0!important;color:#fff!important;font-family:var(--f-script)!important;font-style:italic;font-size:clamp(15px,1.5vw,20px)!important;letter-spacing:.18em!important;transform:none!important;text-transform:none}
.p-hero .p-panel h1{order:1!important;margin:0!important;align-items:flex-start!important;text-align:left!important;gap:0!important;
  font-family:var(--f-min)!important;font-weight:500!important;font-size:clamp(32px,5.6vw,76px)!important;line-height:1.4!important;letter-spacing:.06em!important;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.p-hero .p-panel h1 .ln{display:block!important;color:#fff!important;animation:none!important}
.p-hero .p-panel h1 em,.p-hero .p-panel h1 .accent{color:#fff!important;-webkit-text-fill-color:#fff!important}
.p-hero .p-panel .p-big{order:1!important;margin:0!important;color:#fff!important;font-family:var(--f-script)!important;font-style:italic;font-weight:500;font-size:clamp(56px,10vw,150px)!important;line-height:1!important;letter-spacing:.02em;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.p-hero .p-panel .hd{order:2!important;margin:6px 0 0!important;color:#fff!important;text-align:left!important;font-size:clamp(13px,1.2vw,16px)!important;line-height:1.9;letter-spacing:.08em;max-width:34em!important}
.p-hero .p-panel .g-chips,.p-hero .p-panel .chips-hero{order:3!important}
.p-hero .p-dots{display:flex!important;gap:10px;position:absolute;left:max(24px,6vw);bottom:clamp(110px,15vh,150px);z-index:5}
.p-hero .p-dots button{width:10px;height:10px;border-radius:50%;border:1.5px solid #fff;background:transparent;padding:0;cursor:pointer}
.p-hero .p-dots button[aria-current="true"]{background:#fff;width:28px;border-radius:999px}
/* ボタンは写真の上（左下）に */
.p-hero .p-cta{position:absolute;left:max(24px,6vw);bottom:clamp(32px,6vh,56px);z-index:6;background:none!important;padding:0!important;justify-content:flex-start!important;gap:12px!important}
.p-hero .p-cta .btn-pop{min-height:50px;padding:0 26px;border:0!important;background:rgba(255,255,255,.95);color:var(--ink)}
.p-hero .p-cta .btn-pop.line{background:#06C755;color:#fff}
@media (max-width:640px){
  .p-hero .p-panel{padding-bottom:210px!important}
  .p-hero .p-dots{bottom:172px}
  .p-hero .p-cta{right:24px;flex-direction:column}
  .p-hero .p-cta .btn-pop{width:100%;min-width:0!important}
}

.pop .after-list .k-note a{font-weight:700;text-decoration:underline;text-underline-offset:4px}

/* ==== マタニティページ：見た目の直し（2026-11） ==== */
/* 撮影事例：すき間の少ない写真の組み合わせ */
.pop .story-photos{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:clamp(90px,10vw,150px);grid-auto-flow:dense;gap:8px!important;margin-top:44px}
.pop .story-shot{position:relative;margin:0;overflow:hidden;border-radius:6px}
.pop .story-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none;transition:transform 1.2s ease}
.pop .story-shot:hover img{transform:scale(1.04)}
.pop .story-shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 14px;background:linear-gradient(transparent,rgba(10,30,40,.55));color:#fff;font-family:var(--f-hand);font-size:14px;line-height:1.7;letter-spacing:.04em}
.pop .story-shot.s1{grid-column:span 3;grid-row:span 3}
.pop .story-shot.s2{grid-column:span 2;grid-row:span 3}
.pop .story-shot.s3{grid-column:span 1;grid-row:span 5}
.pop .story-shot.s4{grid-column:span 2;grid-row:span 2}
.pop .story-shot.s5{grid-column:span 1;grid-row:span 3}
.pop .story-shot.s6{grid-column:span 2;grid-row:span 3}
.page-maternity-photo .story-shot.s4 img{object-position:center 40%}
.pop .story-data{max-width:860px;margin:40px auto 0;padding:0}
.pop .story-data dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 22px;border-top:1px solid rgba(30,42,48,.15);border-bottom:1px solid rgba(30,42,48,.15)}
.pop .story-data dl div{display:flex;flex-direction:column;gap:4px;padding:16px 14px;min-width:0;border-left:1px solid rgba(30,42,48,.10)}
.pop .story-data dl div:first-child{border-left:0}
.pop .story-data dt{font-family:var(--f-script);font-style:italic;color:var(--muted);font-size:14px}
.pop .story-data dd{margin:0;font-size:14px;line-height:1.7}
.pop .story-data p{font-size:15px;line-height:2;margin:0;text-align:center}
@media (max-width:760px){
  .pop .story-photos{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:70px;gap:5px!important}
  .pop .story-shot.s1,.pop .story-shot.s2,.pop .story-shot.s4,.pop .story-shot.s6{grid-column:span 2;grid-row:span 3}
  .pop .story-shot.s3,.pop .story-shot.s5{grid-column:span 1;grid-row:span 4}
  .pop .story-shot figcaption{font-size:12px;padding:30px 12px 10px}
  .pop .story-data dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pop .story-data dl div:nth-child(3){border-left:0}
  .pop .story-data dl div:nth-child(n+3){border-top:1px solid rgba(30,42,48,.10)}
  .pop .story-data p{text-align:left}
}

/* 実績（口コミ・撮影数・1位）：数字を大きく、横に並べる */
.page-maternity-photo .chips + .pop-misc{margin:28px auto 8px}
.page-maternity-photo .chips + .pop-misc > div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--paper);border-radius:22px;box-shadow:0 14px 36px rgba(30,42,48,.08);overflow:hidden}
.page-maternity-photo .chips + .pop-misc > div > div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 16px;text-align:center;font-size:13px;color:var(--muted);border-left:1px solid rgba(30,42,48,.08);line-height:1.6}
.page-maternity-photo .chips + .pop-misc > div > div:first-child{border-left:0}
.page-maternity-photo .chips + .pop-misc i{font-size:18px;color:var(--g)}
.page-maternity-photo .chips + .pop-misc strong{display:block;font-family:var(--f-hand);font-weight:500;font-size:clamp(22px,2.6vw,32px);color:var(--ink);letter-spacing:.02em;margin-top:2px}
@media (max-width:760px){
  .page-maternity-photo .chips + .pop-misc > div > div{padding:20px 6px;font-size:11px}
  .page-maternity-photo .chips + .pop-misc strong{font-size:18px}
}

/* 選ばれる理由：写真は枠なしで大きく、文字は白地に */
.page-maternity-photo .pop-sec .kg-reason.has-img .k-reason{min-height:440px}
.page-maternity-photo .pop-sec .k-reason .ph{padding:0!important;background:none!important;position:relative;min-height:300px}
.page-maternity-photo .pop-sec .k-reason .ph .feature-img{position:absolute;inset:0}
.page-maternity-photo .pop-sec .k-reason .ph .sticker{position:absolute;inset:0;width:100%!important;height:100%;max-width:none;margin:0;padding:0!important;background:none!important;box-shadow:none!important;transform:none!important}
.page-maternity-photo .pop-sec .k-reason .ph .sticker::before,.page-maternity-photo .pop-sec .k-reason .ph .sticker::after{display:none!important}
.page-maternity-photo .pop-sec .k-reason .ph .sticker img{width:100%;height:100%!important;aspect-ratio:auto!important;object-fit:cover;border-radius:0!important}
.page-maternity-photo .pop-sec .k-reason .tx,.page-maternity-photo .pop-sec .k-reason.r2 .tx,.page-maternity-photo .pop-sec .k-reason.r3 .tx{background:var(--paper)!important;color:var(--ink)!important;gap:16px}
.page-maternity-photo .pop-sec .k-reason .big{font-size:15px!important;letter-spacing:.3em;color:var(--g)!important;opacity:1;line-height:1;padding-bottom:14px!important;border-bottom:1px solid currentColor!important;align-self:flex-start}
.page-maternity-photo .pop-sec .k-reason h3{font-size:clamp(24px,2.6vw,32px);color:var(--ink)!important}
.page-maternity-photo .pop-sec .k-reason p{color:var(--muted)!important;line-height:2.1}

/* ギャラリー：写真のまわりの白い枠をなくす */
.page-maternity-photo .b-item{padding:0!important;background:none!important;border-radius:6px;overflow:hidden;box-shadow:0 10px 26px rgba(30,42,48,.16)!important}

/* ギャラリー下の相談：帯にする */
.page-maternity-photo .pop-misc:has(.btn-line){width:auto;margin:0;padding:clamp(56px,7vw,90px) max(16px,env(safe-area-inset-right,0px)) clamp(56px,7vw,90px) max(16px,env(safe-area-inset-left,0px));background:var(--g);color:#fff;text-align:center}
.page-maternity-photo .pop-misc:has(.btn-line) > div{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:720px;margin:0 auto}
.page-maternity-photo .pop-misc:has(.btn-line) p:first-child{font-family:var(--f-hand);font-size:clamp(24px,3.2vw,36px);line-height:1.5;color:#fff;margin:0}
.page-maternity-photo .pop-misc:has(.btn-line) p{color:rgba(255,255,255,.88);font-size:14px;margin:0}
.page-maternity-photo .pop-misc:has(.btn-line) .btn-line{display:inline-flex;align-items:center;gap:10px;margin-top:12px;padding:16px 34px;border-radius:999px;background:#06C755;color:#fff!important;font-weight:700;font-size:15px;text-decoration:none!important;box-shadow:0 10px 24px rgba(0,0,0,.18)}

/* 撮影のベストタイミング：横に3つ並べて、ゆったり */
.page-maternity-photo .timing-timeline{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin-top:44px}
.page-maternity-photo .pop-sec .timeline-item{border:0!important;box-shadow:0 14px 36px rgba(30,42,48,.08)!important;border-radius:24px!important;padding:36px 28px 34px!important;transform:none!important;display:flex;flex-direction:column;gap:10px;background:var(--paper)!important}
.page-maternity-photo .pop-sec .timeline-item--highlight{background:var(--g)!important;color:#fff!important}
.page-maternity-photo .timeline-item--highlight h3,.page-maternity-photo .timeline-item--highlight p,.page-maternity-photo .timeline-item--highlight .timeline-month{color:#fff!important}
.page-maternity-photo .timeline-month{font-size:13px;color:var(--muted);letter-spacing:.06em}
.page-maternity-photo .timeline-month span{font-family:var(--f-script);font-size:clamp(44px,5vw,64px);line-height:1;margin:0 4px;color:var(--g)}
.page-maternity-photo .timeline-item--highlight .timeline-month span{color:#fff}
.page-maternity-photo .timeline-badge{position:absolute;top:20px;right:20px;font-size:11px;letter-spacing:.2em;padding:5px 12px;border-radius:999px;background:#fff;color:var(--g)}
.page-maternity-photo .timeline-body h3{font-family:var(--f-hand);font-weight:500;font-size:20px;margin:6px 0 4px}
.page-maternity-photo .timeline-body p{font-size:14px;line-height:2}
.page-maternity-photo .timing-note{display:flex;gap:8px;align-items:center;justify-content:center;max-width:1180px;margin:28px auto 0;font-size:13px;color:var(--muted)}
.page-maternity-photo .timing-note p{margin:0}
@media (max-width:760px){
  .page-maternity-photo .timing-timeline{grid-template-columns:1fr!important;gap:14px!important}
  .page-maternity-photo .pop-sec .timeline-item{padding:28px 22px!important}
}
.page-maternity-photo .pop-sec .k-reason .big{font-size:20px!important;font-family:var(--f-script)!important;letter-spacing:.18em}
.page-maternity-photo .pop-misc:has(.btn-line){position:relative;background:linear-gradient(rgba(20,40,50,.48),rgba(20,40,50,.48)),url('https://okinawa-familyphoto.com/wp-content/uploads/2026/10/maternity-2611-16.jpg') center 55%/cover no-repeat}
.page-maternity-photo .item-list .k-postcard:nth-child(3) .img img{object-position:center 22%}

/* マタニティ：ページ内の目次を、文字だけのすっきりした形に */
.page-maternity-photo .chips{background:rgba(250,247,242,.92)!important;border-block:1px solid rgba(30,42,48,.10)!important}
.page-maternity-photo .chips-in{justify-content:center;gap:0!important;padding-block:0!important}
.page-maternity-photo .chips a{position:relative;min-height:52px;padding:0 18px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important;font-family:var(--f-hand);font-weight:500!important;font-size:14px!important;letter-spacing:.08em;color:var(--ink)!important}
.page-maternity-photo .chips a::after{content:"";position:absolute;left:18px;right:18px;bottom:12px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.page-maternity-photo .chips a:hover::after{transform:scaleX(1)}
.page-maternity-photo .chips a + a:not(.cta)::before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;background:rgba(30,42,48,.18);transform:translateY(-50%)}
.page-maternity-photo .chips a.cta{margin-left:14px;min-height:34px;align-self:center;padding:0 20px!important;border-radius:999px!important;background:var(--ink)!important;color:#fff!important;font-family:inherit;font-size:13px!important}
.page-maternity-photo .chips a.cta::after{display:none}
@media (max-width:900px){
  .page-maternity-photo .chips-in{justify-content:flex-start}
  .page-maternity-photo .chips a{padding:0 14px!important;font-size:13px!important}
}

/* お宮参り：お客様の声を、吹き出しではなく1枚のカードに（PC・スマホ共通） */
.page-omiyamairi .pop-sec .kg-voice{align-items:stretch!important;gap:24px!important}
.page-omiyamairi .pop-sec .k-voice{display:grid!important;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:14px;row-gap:16px;align-items:center;background:var(--paper)!important;border:0!important;border-radius:22px!important;box-shadow:0 14px 36px rgba(30,42,48,.08)!important;padding:28px 26px 24px!important;transform:none!important}
.page-omiyamairi .pop-sec .k-voice .voice-content{display:contents}
.page-omiyamairi .pop-sec .k-voice .voice-avatar{grid-column:1;grid-row:1;width:56px!important;height:56px!important;border:0!important;box-shadow:none!important;margin:0!important}
.page-omiyamairi .pop-sec .k-voice .voice-stars{grid-column:2;grid-row:1;font-size:15px;letter-spacing:.2em;margin:0}
.page-omiyamairi .pop-sec .k-voice .bubble{grid-column:1 / -1;grid-row:2;align-self:start;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:15px!important;line-height:2!important}
.page-omiyamairi .pop-sec .k-voice .bubble::after{display:none!important}
.page-omiyamairi .pop-sec .k-voice .voice-meta{grid-column:1 / -1;grid-row:3;padding-top:14px;border-top:1px solid rgba(30,42,48,.10);font-size:12px;letter-spacing:.04em}
@media (max-width:760px){
  .page-omiyamairi .pop-sec .k-voice{padding:22px 20px 20px!important;grid-template-columns:48px minmax(0,1fr)}
  .page-omiyamairi .pop-sec .k-voice .voice-avatar{width:48px!important;height:48px!important}
  .page-omiyamairi .pop-sec .k-voice .bubble{font-size:14px!important;line-height:1.95!important}
}
.page-omiyamairi .pop-sec .k-voice .voice-stars{grid-column:1 / -1}
.page-omiyamairi .pop-sec .kg-voice{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important}
@media (max-width:760px){.page-omiyamairi .p-hero .p-panel.c3 .sticker img{object-position:58% center!important;transform-origin:58% 40%!important}}

/* 全ページ：ギャラリーの写真の白い縁をなくす */
.b-item{padding:0!important;background:none!important;border-radius:6px;overflow:hidden;box-shadow:0 10px 26px rgba(30,42,48,.16)!important}
.pop-sec .g-photo{padding:0!important;background:none!important;border-radius:6px;overflow:hidden;transform:none!important}
.pop-sec .g-photo:hover{transform:scale(1.02)!important}
.pop-sec .g-photo [class*="overlay"],.pop-sec .g-photo [class*="badge"],.pop-sec .g-photo [class*="label"]{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.45)}

/* お宮参り：撮影プランの写真で顔が切れないように */
.page-omiyamairi .plan-img{height:auto!important;aspect-ratio:3/2!important;max-height:520px;object-position:center 22%!important}
.page-omiyamairi .story-shot.s4 img{object-position:center 45%}

/* ファミリー：目次・3つの理由・お客様の声を、マタニティと同じすっきりした形に（2026-11） */
/* マタニティ：ページ内の目次を、文字だけのすっきりした形に */
.page-family-photo .chips{background:rgba(250,247,242,.92)!important;border-block:1px solid rgba(30,42,48,.10)!important}
.page-family-photo .chips-in{justify-content:center;gap:0!important;padding-block:0!important}
.page-family-photo .chips a{position:relative;min-height:52px;padding:0 18px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important;font-family:var(--f-hand);font-weight:500!important;font-size:14px!important;letter-spacing:.08em;color:var(--ink)!important}
.page-family-photo .chips a::after{content:"";position:absolute;left:18px;right:18px;bottom:12px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.page-family-photo .chips a:hover::after{transform:scaleX(1)}
.page-family-photo .chips a + a:not(.cta)::before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;background:rgba(30,42,48,.18);transform:translateY(-50%)}
.page-family-photo .chips a.cta{margin-left:14px;min-height:34px;align-self:center;padding:0 20px!important;border-radius:999px!important;background:var(--ink)!important;color:#fff!important;font-family:inherit;font-size:13px!important}
.page-family-photo .chips a.cta::after{display:none}
@media (max-width:900px){
  .page-family-photo .chips-in{justify-content:flex-start}
  .page-family-photo .chips a{padding:0 14px!important;font-size:13px!important}
}
.page-family-photo .reason{min-height:440px}
.page-family-photo .reason .ph{padding:0!important;background:none!important;min-height:300px}
.page-family-photo .reason .ph .sticker{position:absolute;inset:0;width:100%!important;max-width:none;margin:0;padding:0!important;background:none!important;box-shadow:none!important;transform:none!important}
.page-family-photo .reason .ph .sticker::before,.page-family-photo .reason .ph .sticker::after{display:none!important}
.page-family-photo .reason .ph .sticker img{width:100%;height:100%!important;aspect-ratio:auto!important;object-fit:cover}
.page-family-photo .reason .tx,.page-family-photo .reason.r2 .tx,.page-family-photo .reason.r3 .tx{background:var(--paper)!important}
.page-family-photo .reason .big{font-size:20px!important;font-family:var(--f-script)!important;letter-spacing:.18em;line-height:1;color:var(--g)!important;padding-bottom:14px;border-bottom:1px solid currentColor;align-self:flex-start}
.page-family-photo .reason h3{font-size:clamp(24px,2.6vw,32px);color:var(--ink)!important}
.page-family-photo .reason p{color:var(--muted)!important;line-height:2.1}
.page-family-photo .reason .hash{transform:none!important;background:none!important;padding:0!important;color:var(--g)!important;font-weight:500}
.page-family-photo .voices{gap:56px}
.page-family-photo .voice{gap:clamp(24px,4vw,56px)}
.page-family-photo .voice .pol{padding:0!important;background:none!important;transform:none!important;border-radius:18px;overflow:hidden;box-shadow:0 14px 36px rgba(30,42,48,.14)!important}
.page-family-photo .voice .pol .who{display:none}
.page-family-photo .voice .bubble{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:2px 0 2px 20px!important;margin-top:16px;border-left:3px solid var(--g)!important;font-size:clamp(17px,1.8vw,20px)!important;line-height:1.9}
.page-family-photo .voice .bubble::after{display:none!important}
.page-family-photo .voice .full{margin-top:18px}
.page-family-photo .story-shot.s3 img{object-position:center 40%}
@media (max-width:760px){
  .page-family-photo .reason{min-height:0}
  .page-family-photo .reason .ph{min-height:260px}
  .page-family-photo .voice .bubble{font-size:16px!important;padding-left:16px!important}
}
.page-family-photo .story-shot.s1 img{object-position:center 22%}
/* ファミリー：実績の数字を写真の帯に／コンセプトを写真＋チェックリストに（2026-11） */
.page-family-photo .stats-band{padding:0!important;background:linear-gradient(rgba(14,38,48,.58),rgba(14,38,48,.58)),url('https://okinawa-familyphoto.com/wp-content/uploads/2026/10/family-2611-02.jpg') center 30%/cover no-repeat}
.page-family-photo .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-block:clamp(60px,8vw,100px)}
.page-family-photo .stat{aspect-ratio:auto!important;max-width:none;margin:0;border:0!important;border-left:1px solid rgba(255,255,255,.3)!important;border-radius:0;background:none!important;transform:none!important;padding:6px 14px;justify-content:flex-start}
.page-family-photo .stat:first-child{border-left:0!important}
.page-family-photo .stat-num,.page-family-photo .stat:nth-child(even) .stat-num{color:#fff!important;font-size:clamp(46px,5.6vw,76px);line-height:1;white-space:nowrap}
.page-family-photo .stat-num b{font-weight:inherit;font-variant-numeric:tabular-nums}
.page-family-photo .stat-num small{font-size:.4em;margin:0 4px;letter-spacing:.04em}
.page-family-photo .stat-label{color:rgba(255,255,255,.88);font-size:13px;letter-spacing:.06em;margin-top:14px;max-width:15em}
.page-family-photo .concept{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,6vw,84px);align-items:center}
.page-family-photo .concept figure{order:-1;width:100%;margin:0;padding:0!important;background:none!important;box-shadow:none!important;transform:none!important;border-radius:22px;overflow:hidden}
.page-family-photo .concept figure img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px}
.page-family-photo .concept .lead{display:block;font-size:clamp(19px,2vw,24px);line-height:1.85;padding-left:18px;border-left:3px solid var(--g);margin:0 0 6px}
.page-family-photo .concept-body p{color:var(--muted)}
.page-family-photo .concept-body p:first-child{color:var(--ink)}
.page-family-photo .tags{display:grid;grid-template-columns:1fr;gap:0;margin-top:14px;border-top:1px solid rgba(30,42,48,.12)}
.page-family-photo .tags span{position:relative;display:flex;align-items:center;min-height:52px;padding:12px 0 12px 32px;background:none!important;border-radius:0;transform:none!important;border-bottom:1px solid rgba(30,42,48,.12);font-size:14px;font-weight:500;line-height:1.6}
.page-family-photo .tags span::before{content:"";position:absolute;left:0;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:var(--g)}
.page-family-photo .tags span::after{content:"";position:absolute;left:7px;top:50%;width:5px;height:9px;margin-top:-6px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.fx .page-family-photo .concept figure img{clip-path:inset(100% 0 0 0);transform:scale(1.18);transition:clip-path 1.4s cubic-bezier(.19,1,.22,1),transform 2s cubic-bezier(.19,1,.22,1)}
.fx .page-family-photo .concept figure.is-in img{clip-path:inset(0 0 0 0);transform:none}
.fx .page-family-photo .tags span{opacity:0;transform:translateX(-18px)!important;transition:opacity .7s ease,transform .7s cubic-bezier(.19,1,.22,1)}
.fx .page-family-photo .tags.is-in span{opacity:1;transform:none!important}
.page-family-photo .tags span:nth-child(2){transition-delay:.1s}.page-family-photo .tags span:nth-child(3){transition-delay:.2s}.page-family-photo .tags span:nth-child(4){transition-delay:.3s}.page-family-photo .tags span:nth-child(5){transition-delay:.4s}
@media (max-width:760px){
  .page-family-photo .stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px;padding-block:56px}
  .page-family-photo .stat:nth-child(3){border-left:0!important}
  .page-family-photo .stat-num,.page-family-photo .stat:nth-child(even) .stat-num{font-size:44px}
  .page-family-photo .stat-label{font-size:12px;margin-top:10px}
  .page-family-photo .concept{grid-template-columns:1fr;gap:32px;margin-top:40px}
  .page-family-photo .concept figure img{aspect-ratio:1/1;object-position:center 30%}
  .page-family-photo .concept .lead{font-size:18px;padding-left:14px}
  .page-family-photo .tags{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.fx .page-family-photo .concept figure img,.fx .page-family-photo .tags span{clip-path:none;opacity:1;transform:none!important;transition:none}}
/* ファミリー：「すべての写真を見る」をギャラリーページと同じ並べ方に（2026-11） */
.page-family-photo .collage{display:grid;columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(130px,15vw,215px);grid-auto-flow:dense;gap:14px;margin-top:30px}
.page-family-photo .c-item{margin:0!important;padding:0!important;height:100%;background:rgba(30,42,48,.06);box-shadow:none!important;border-radius:4px;overflow:hidden;transform:none!important}
.page-family-photo .c-item img{width:100%;height:100%!important;object-fit:cover;display:block}
.page-family-photo .c-item .cap{display:none}
.page-family-photo .c-item .no{position:absolute;left:12px;bottom:10px;z-index:2;font-family:var(--f-script);font-style:italic;font-size:15px;color:#fff;letter-spacing:.06em;text-shadow:0 1px 6px rgba(0,0,0,.45);opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}
.page-family-photo .c-item:hover .no{opacity:1;transform:none}
.page-family-photo .c-item.lk-big{grid-column:span 2;grid-row:span 2}
.page-family-photo .c-item.lk-tall{grid-row:span 2}
.page-family-photo .c-item.is-paged{display:none!important}
.page-family-photo .lk-fx .c-item{background:none}
.page-family-photo .lk-fx .c-item img{clip-path:inset(0 0 0 0);transition:clip-path 1.3s cubic-bezier(.16,1,.3,1),transform 1.8s cubic-bezier(.16,1,.3,1)}
.page-family-photo .lk-fx .c-item.lk-wait img{clip-path:inset(100% 0 0 0);transform:scale(1.35)}
.page-family-photo .lk-more{text-align:center;margin-top:36px}
.page-family-photo .lk-more-btn{min-height:54px;padding:0 38px;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-family:inherit;font-size:14px;letter-spacing:.14em;cursor:pointer;transition:background .4s ease,color .4s ease}
.page-family-photo .lk-more-btn:hover{background:var(--ink);color:#fff}
@media (max-width:760px){
  .page-family-photo .collage{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:44vw;gap:8px}
  .page-family-photo .c-item.lk-big,.page-family-photo .c-item.lk-tall{grid-column:auto;grid-row:auto}
  .page-family-photo .c-item.lk-m-wide{grid-column:span 2}
  .page-family-photo .c-item.lk-m-tall{grid-row:span 2}
  .page-family-photo .c-item .no{opacity:1;transform:none;font-size:13px;left:9px;bottom:6px}
}
/* 下層ページ：ギャラリーのらせん（ヘリックス）（2026-11） */
.helix-stage{--w:170px;--h:220px;height:clamp(560px,62vw,720px);perspective:1500px;perspective-origin:50% 45%}
.helix-stage .barrel{width:0;height:0;transform:rotateX(-6deg)!important;transform-style:preserve-3d}
.helix-stage .b-item{left:calc(var(--w) / -2);top:calc(var(--h) / -2)!important;width:var(--w);height:var(--h);backface-visibility:visible!important;-webkit-backface-visibility:visible!important;opacity:0;will-change:transform,opacity;transition:none}
@media (max-width:700px){
  .helix-stage{--w:100px;--h:130px;height:520px;perspective:900px}
}
.page-shichigosan .story-shot.s1 img{object-position:center 28%}
/* お客様の声：吹き出しをやめて、お宮参りと同じカードに（全ページ・2026-11） */
.pop .pop-sec .kg-voice:not(.has-img){align-items:stretch!important;gap:24px!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important}
.pop .pop-sec .kg-voice:not(.has-img) .k-voice{display:grid!important;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:14px;row-gap:16px;align-items:center;align-content:start;background:var(--paper)!important;border:0!important;border-radius:22px!important;box-shadow:0 14px 36px rgba(30,42,48,.08)!important;padding:28px 26px 24px!important;transform:none!important;min-width:0}
.pop .pop-sec .kg-voice:not(.has-img) .k-voice > *{min-width:0}
.pop .pop-sec .kg-voice:not(.has-img) .k-voice .voice-content{display:contents}
.pop .pop-sec .kg-voice:not(.has-img) .k-voice .voice-avatar{grid-column:1;grid-row:1;width:56px!important;height:56px!important;border:0!important;box-shadow:none!important;margin:0!important;border-radius:50%;object-fit:cover}
.pop .pop-sec .kg-voice:not(.has-img) .k-voice [class*="stars"]{grid-column:1 / -1;font-size:15px;letter-spacing:.2em;margin:0}
.pop .pop-sec .kg-voice:not(.has-img) .k-voice .voice-avatar + [class*="stars"]{grid-column:2;grid-row:1}
.pop .pop-sec .kg-voice:not(.has-img) .k-voice .bubble{grid-column:1 / -1;align-self:start;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:15px!important;line-height:2!important;width:auto!important;max-width:none!important}
.pop .pop-sec .k-voice .bubble::after{display:none!important}
.pop .pop-sec .kg-voice:not(.has-img) .k-voice > :last-child:not(.bubble){grid-column:1 / -1;padding-top:14px;border-top:1px solid rgba(30,42,48,.10);font-size:12px;letter-spacing:.04em;margin:0}
.pop .pop-sec .kg-voice.has-img .k-voice .pol{padding:0!important;background:none!important;transform:none!important;border-radius:18px;overflow:hidden;box-shadow:0 14px 36px rgba(30,42,48,.14)!important}
.pop .pop-sec .kg-voice.has-img .k-voice .bubble{background:none!important;border:0!important;border-left:3px solid var(--g)!important;border-radius:0!important;box-shadow:none!important;padding:2px 0 2px 20px!important;margin:10px 0 6px!important;font-size:16px!important;line-height:1.95!important}
@media (max-width:760px){
  .pop .pop-sec .kg-voice:not(.has-img) .k-voice{padding:22px 20px 20px!important;grid-template-columns:48px minmax(0,1fr)}
  .pop .pop-sec .kg-voice:not(.has-img) .k-voice .voice-avatar{width:48px!important;height:48px!important}
  .pop .pop-sec .kg-voice:not(.has-img) .k-voice .bubble{font-size:14px!important;line-height:1.95!important}
  .pop .pop-sec .kg-voice.has-img .k-voice .bubble{font-size:14.5px!important;padding-left:16px!important}
  .pop .pop-sec .kg-voice.has-img .k-voice:nth-child(n) > *{grid-column:1!important;grid-row:auto!important}
}

/* ===== ウェディング：選ばれる理由（写真つき） ===== */
.page-wedding-photo .wd-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:48px;text-align:left}
.page-wedding-photo .wd-reason{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 36px rgba(60,45,25,.08);display:flex;flex-direction:column}
.page-wedding-photo .wd-reason-ph{margin:0;aspect-ratio:4/3;overflow:hidden}
.page-wedding-photo .wd-reason-ph img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;box-shadow:none;transition:transform 1.2s ease}
.page-wedding-photo .wd-reason:hover .wd-reason-ph img{transform:scale(1.04)}
.page-wedding-photo .wd-reason-tx{padding:26px 28px 32px}
.page-wedding-photo .wd-reason-no{margin:0 0 10px;font-size:12px;letter-spacing:.18em;color:var(--g);font-weight:700}
.page-wedding-photo .wd-reason-no b{font-size:20px;letter-spacing:.04em;margin-left:4px}
.page-wedding-photo .wd-reason h3{margin:0 0 14px;font-size:clamp(19px,1.7vw,22px);line-height:1.55;color:var(--ink);letter-spacing:.04em;font-weight:700}
.page-wedding-photo .wd-reason-tx > p:last-child{margin:0;font-size:15px;line-height:1.95;color:var(--ink)}

/* ===== ウェディング：撮影スポット（衣装ごと） ===== */
.page-wedding-photo #spots .section-lead{color:var(--ink);font-size:16px}
.page-wedding-photo .wd-spots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px;text-align:left;align-items:start}
.page-wedding-photo .wd-spot{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 36px rgba(60,45,25,.08)}
.page-wedding-photo .wd-spot-ph{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden}
.page-wedding-photo .wd-spot-ph img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;box-shadow:none}
.page-wedding-photo .wd-spot-ph figcaption{position:absolute;left:16px;top:16px;background:rgba(255,255,255,.92);color:var(--ink);font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px;letter-spacing:.06em}
.page-wedding-photo .wd-spot-tx{padding:28px 30px 32px}
.page-wedding-photo .wd-spot-tag{margin:0 0 6px;font-size:13px;font-weight:700;color:var(--g);letter-spacing:.08em}
.page-wedding-photo .wd-spot h3{margin:0 0 14px;font-size:clamp(22px,2.1vw,27px);line-height:1.5;color:var(--ink);font-weight:700;letter-spacing:.04em}
.page-wedding-photo .wd-spot-tx > p{margin:0 0 18px;font-size:15px;line-height:1.95;color:var(--ink)}
.page-wedding-photo .wd-map{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:var(--g);color:#fff!important;font-size:14px;font-weight:700;text-decoration:none!important}
.page-wedding-photo .wd-map:hover{opacity:.88}
.page-wedding-photo .wd-places{list-style:none;margin:0;padding:0;border-top:1px solid rgba(60,45,25,.12)}
.page-wedding-photo .wd-places li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid rgba(60,45,25,.12)}
.page-wedding-photo .wd-places li > div{min-width:0}
.page-wedding-photo .wd-places h4{margin:0;font-size:16px;color:var(--ink);font-weight:700;letter-spacing:.03em}
.page-wedding-photo .wd-places h4 small{margin-left:8px;font-size:12px;font-weight:500;color:var(--muted)}
.page-wedding-photo .wd-places p{margin:2px 0 0;font-size:14px;line-height:1.7;color:var(--muted)}
.page-wedding-photo .wd-places a{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--g)!important;border:1.5px solid var(--g);border-radius:999px;padding:5px 12px;text-decoration:none!important}
@media (max-width:900px){
  .page-wedding-photo .wd-reasons{grid-template-columns:1fr;gap:20px;max-width:560px;margin-left:auto;margin-right:auto}
  .page-wedding-photo .wd-reason{flex-direction:row}
  .page-wedding-photo .wd-reason-ph{flex:0 0 38%;aspect-ratio:auto}
  .page-wedding-photo .wd-reason-tx{padding:20px 20px 22px}
  .page-wedding-photo .wd-spots{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto}
}
@media (max-width:560px){
  .page-wedding-photo .wd-reason{flex-direction:column}
  .page-wedding-photo .wd-reason-ph{flex:none;aspect-ratio:16/10}
  .page-wedding-photo .wd-reason h3{font-size:19px}
  .page-wedding-photo .wd-spot-tx{padding:22px 20px 26px}
  .page-wedding-photo .wd-map{width:100%;justify-content:center;box-sizing:border-box}
}
.page-wedding-photo #spots{background-color:var(--tint)}

/* ===== ウェディング：こんな方におすすめ ===== */
.page-wedding-photo .wd-rec{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center;margin-top:48px;text-align:left}
.page-wedding-photo .wd-rec-ph{position:relative;margin:0;border-radius:22px;overflow:hidden;box-shadow:0 18px 40px rgba(60,45,25,.14)}
.page-wedding-photo .wd-rec-ph img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:0;box-shadow:none}
.page-wedding-photo .wd-rec-ph figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 24px 22px;background:linear-gradient(transparent,rgba(20,15,10,.6));color:#fff;font-size:15px;font-weight:700;line-height:1.7;letter-spacing:.04em}
.page-wedding-photo .wd-rec-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:none}
.page-wedding-photo .wd-rec-list li{display:flex;align-items:center;gap:18px;background:#fff;border-radius:14px;padding:18px 22px;box-shadow:0 8px 22px rgba(60,45,25,.06);transition:transform .3s ease}
.page-wedding-photo .wd-rec-list li::before{display:none!important}
.page-wedding-photo .wd-rec-list li:hover{transform:translateX(4px)}
.page-wedding-photo .wd-rec-no{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--g);color:#fff;font-weight:700;font-size:15px;letter-spacing:.02em}
.page-wedding-photo .wd-rec-list p{margin:0;font-size:16px;line-height:1.7;color:var(--ink);font-weight:700;letter-spacing:.02em}

/* ===== ウェディング：料金 ===== */
.page-wedding-photo .wdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;margin-top:44px;text-align:left;align-items:start}
.page-wedding-photo .wdp-main{background:var(--g);color:#fff;border-radius:22px;padding:clamp(28px,3.5vw,44px);box-shadow:0 18px 40px rgba(60,45,25,.16)}
.page-wedding-photo .wdp-tag{margin:0;font-size:14px;font-weight:700;letter-spacing:.1em;opacity:.9}
.page-wedding-photo .wdp-yen{margin:6px 0 4px;font-size:clamp(46px,5.4vw,64px);font-weight:700;line-height:1.1;letter-spacing:.01em;color:#fff}
.page-wedding-photo .wdp-yen small{font-size:15px;font-weight:500;margin-left:6px}
.page-wedding-photo .wdp-sub{margin:0 0 24px;font-size:14px;opacity:.92}
.page-wedding-photo .wdp-inc{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.3)}
.page-wedding-photo .wdp-inc li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.3)}
.page-wedding-photo .wdp-inc li::before{display:none!important}
.page-wedding-photo .wdp-inc i{flex:none;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:15px;margin-top:2px}
.page-wedding-photo .wdp-inc span{font-size:13px;opacity:.95;line-height:1.6}
.page-wedding-photo .wdp-inc b{display:block;font-size:16px;font-weight:700;opacity:1}
.page-wedding-photo .wdp-side{display:grid;gap:24px}
.page-wedding-photo .wdp-box{background:#fff;border-radius:22px;padding:clamp(24px,3vw,34px);box-shadow:0 14px 36px rgba(60,45,25,.08)}
.page-wedding-photo .wdp-box h3{margin:0 0 14px;font-size:20px;font-weight:700;color:var(--ink);letter-spacing:.06em;padding-left:14px;border-left:4px solid var(--g);line-height:1.3}
.page-wedding-photo .wdp-opt{margin:0}
.page-wedding-photo .wdp-opt div,.page-wedding-photo .wdp-zone div{display:flex;gap:16px;padding:12px 0;border-bottom:1px dashed rgba(60,45,25,.18)}
.page-wedding-photo .wdp-opt div:last-child,.page-wedding-photo .wdp-zone div:last-child{border-bottom:0}
.page-wedding-photo .wdp-opt dt{flex:1;font-size:15px;color:var(--ink);margin:0}
.page-wedding-photo .wdp-opt dd{margin:0;font-size:16px;font-weight:700;color:var(--g);white-space:nowrap}
.page-wedding-photo .wdp-note{margin:0 0 10px;font-size:14px;line-height:1.85;color:var(--ink)}
.page-wedding-photo .wdp-note b{color:var(--g)}
.page-wedding-photo .wdp-zone{margin:0}
.page-wedding-photo .wdp-zone dt{flex:none;width:84px;margin:0}
.page-wedding-photo .wdp-zone dd{margin:0;font-size:14px;line-height:1.8;color:var(--ink);min-width:0}
.page-wedding-photo .wdp-zone .z{display:inline-block;width:100%;text-align:center;font-size:13px;font-weight:700;padding:4px 0;border-radius:999px;box-sizing:border-box}
.page-wedding-photo .wdp-zone .z0{background:var(--g);color:#fff}
.page-wedding-photo .wdp-zone .z1{background:var(--g3);color:var(--ink)}
.page-wedding-photo .wdp-zone .z2{background:var(--g3);color:var(--ink)}
.page-wedding-photo .wdp-zone .z3{border:1.5px solid rgba(60,45,25,.3);color:var(--muted)}
.page-wedding-photo .wdp-ex{margin:14px 0 0;padding:12px 16px;background:var(--tint);border-radius:12px;font-size:13px;color:var(--ink);line-height:1.7}
.page-wedding-photo .wdp-ex b{color:var(--g);font-size:15px}
@media (max-width:900px){
  .page-wedding-photo .wd-rec,.page-wedding-photo .wdp{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto}
  .page-wedding-photo .wd-rec-ph img{aspect-ratio:16/11}
}
@media (max-width:560px){
  .page-wedding-photo .wd-rec-list li{padding:14px 16px;gap:14px}
  .page-wedding-photo .wd-rec-no{width:36px;height:36px;font-size:13px}
  .page-wedding-photo .wd-rec-list p{font-size:15px}
  .page-wedding-photo .wdp-zone div{flex-direction:column;gap:6px}
  .page-wedding-photo .wdp-zone dt{width:96px}
}