/* 同じ配色・書体・本文・部品を共有する下位版。30万FVは写真＋紫の屋号札。 */
:root{--paper-grain:url('../decor/paper-grain.svg')}
.bg-cover{background:var(--bg) url('../decor/paper-grain.svg') 0 0/650px}
.plan-none .mast{clip-path:none;outline:1px solid var(--bg);outline-offset:-12px}
.plan-lite .fine-rule,.plan-none .fine-rule{display:none}
.plan-lite .opening-layer,.plan-lite .opening-word,.plan-lite .opening-skip,.plan-lite .door,.plan-lite .fv-steam,.plan-none .opening-layer,.plan-none .opening-word,.plan-none .opening-skip,.plan-none .door,.plan-none .fv-steam{display:none!important}
.plan-lite .scroll-cue,.plan-lite .cue-arrow svg,.plan-none .scroll-cue,.plan-none .cue-arrow svg{animation:none!important;transition:none!important}
.plan-none .mast{outline:none}
.plan-none .badge{display:none}
.plan-none .fv{background:var(--bg)}
.plan-none .fv .photo-wrap{border:0}
.plan-none .fine-rule{transform:none!important}
html:has(.plan-none){scroll-behavior:auto!important}
.plan-none .marquee-track{animation:none!important}
/* 横送りの高さと幅を解き、PCでも写真2枚を全部見せる。 */
:is(.plan-lite,.plan-none) .bath-scroll{height:auto!important}
:is(.plan-lite,.plan-none) .bath-pin{position:static;overflow:visible}
:is(.plan-lite,.plan-none) .bath-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:auto;padding:20px 48px 0;gap:40px;transform:none!important}
:is(.plan-lite,.plan-none) .bath-slide{width:auto;min-width:0}
.plan-lite .route-stops li:not(:first-child){grid-template-columns:1fr;border-top:1px solid var(--line)}
.plan-lite .route-stops li:not(:first-child) .route-reading{max-width:760px}
.plan-lite .news-row:not([href]){cursor:default}
.plan-lite .news-row:not([href]):hover h3{text-decoration:none}
@media(max-width:899px){:is(.plan-lite,.plan-none) .bath-track{grid-template-columns:1fr;padding-inline:24px}}
/* 本文が少ない下位版でも、制作見本の注記を本文と同じ大きさで読めるようにする。 */
:is(.plan-lite,.plan-none) .fiction{font-size:18px;max-width:45em}
:is(.plan-lite,.plan-none) .gallery-hint{max-width:32em}

/* 2026-10-08：ユーザー選択③。本文を複製せず、30万FVだけ構図と紫の屋号札を変更。 */
/* 写真、配色、書体、コピーは共通。構図だけを切り替える。 */
.plan-none .fv{background:var(--bg)}
.plan-none .fv .mast{margin:0;padding:0;outline:none;background:none;color:var(--ink);clip-path:none;text-align:left}
.plan-none .fv .mast .brand{justify-content:flex-start;gap:0;font-size:64px;line-height:1.15;letter-spacing:.08em}
.plan-none .fv .origin{font-size:12px;letter-spacing:.18em;margin-bottom:6px}
.plan-none .fv .mast .reading{font-size:12px;letter-spacing:.22em;margin-bottom:14px}
.plan-none .fv .photo-wrap{margin:0;padding:0;border:0;background:none;min-width:0}
.plan-none .fv .photo{height:100%;min-height:0}
.plan-none .fv .photo img{object-position:center 64%;height:100%;width:100%;clip-path:none}
.plan-none .fv .message{padding:0;display:block;min-width:0}
.plan-none .fv .message h1{font-size:45px;line-height:1.5;letter-spacing:0}
.plan-none .fv .message h1>span{white-space:normal;display:block}
.plan-none .fv .support{min-width:0;margin-top:26px}
.plan-none .fv .support p{font-size:18px;margin:0;line-height:1.9}
.plan-none .fv .scene{max-width:1440px;padding:40px 48px 56px}
.plan-none .fv :is(.fine-rule,.badge,.side-label,.photo-caption,.window-mark,.transom,.window-bars,.footline,.scroll-cue){display:none!important}
/* ③ 写真を一面に置き、店名とコピーを小さな紙札として重ねる。 */
.plan-none .fv .scene{height:710px;padding:36px 48px;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}
.plan-none .fv .photo-wrap{position:absolute;inset:18px 48px 34px;height:auto;z-index:0}
.plan-none .fv .photo img{object-position:center 55%}
.plan-none .fv .mast{z-index:1;background:var(--bg);padding:18px 26px;width:max-content;margin:22px 0 0 22px;max-width:calc(100% - 44px)}
.plan-none .fv .mast .brand{font-size:45px}
.plan-none .fv .origin,.plan-none .fv .mast .reading{margin:0 0 4px}
.plan-none .fv .message{z-index:1;background:var(--bg);width:max-content;max-width:calc(100% - 44px);padding:24px 30px 28px;margin:0 0 22px 22px;align-self:end}
.plan-none .fv .message h1{font-size:36px}
.plan-none .fv .support{margin-top:14px}
@media(max-width:600px){
 .plan-none .fv .scene{padding:24px 24px 36px}
 .plan-none .fv .mast .brand{font-size:45px}
 .plan-none .fv .origin,.plan-none .fv .mast .reading{font-size:12px;letter-spacing:.12em}
 .plan-none .fv .message h1{font-size:28px;line-height:1.6}
 .plan-none .fv .support{margin-top:14px}
 .plan-none .fv .support p{font-size:18px;line-height:1.8}
 .plan-none .fv .scene{height:auto;min-height:650px;padding:20px 24px 28px;display:grid;grid-template-rows:120px 215px auto}
 .plan-none .fv .photo-wrap{inset:20px 0 auto;height:440px}
 .plan-none .fv .photo img{object-position:65% center}
 .plan-none .fv .mast{grid-row:1;padding:12px 16px;margin:0;max-width:100%;align-self:start}
 .plan-none .fv .mast .brand{font-size:36px}
 .plan-none .fv .message{grid-row:3;margin:0;padding:22px 22px 24px;width:100%;max-width:none;border:1px solid var(--line);align-self:stretch}
 .plan-none .fv .message h1{font-size:28px}
}

.plan-none .fv .mast{background:var(--ink);color:var(--bg);text-align:center;padding:30px 38px 32px}
.plan-none .fv .mast::before{content:"";position:absolute;inset:8px;background:url('../decor/nameplate-frame.svg') center/100% 100% no-repeat;pointer-events:none}
.plan-none .fv .mast .brand{color:#f1ede7;justify-content:center;font-size:45px;letter-spacing:.10em;margin-top:12px}
.plan-none .fv .mast .origin,.plan-none .fv .mast .reading{color:#f1ede7;position:relative;font-size:12px;margin:0 0 4px}
@media(max-width:600px){
 .plan-none .fv .scene{grid-template-rows:145px 190px auto}
 .plan-none .fv .photo-wrap{height:400px}
 .plan-none .fv .mast{padding:22px 28px 24px}
 .plan-none .fv .mast::before{inset:6px}
 .plan-none .fv .mast .brand{font-size:36px;margin-top:8px}
}
