/* 中身のページ（ご挨拶・プロフィール・Our Story）の見た目 */
#book{gap:12px;background:transparent}
.pg{display:none;width:min(94vw,860px);max-height:76vh;align-items:center;justify-content:center}.pg.cur{display:flex;animation:fi .7s}
@keyframes fi{from{opacity:0;transform:translateX(24px)}}
.pg img{max-width:100%;max-height:76vh;border:2px solid var(--g);border-radius:6px}
.gr{border:2px solid var(--g);border-radius:10px;padding:3vh 5vw;text-align:center;line-height:1.85;font:500 min(3.6vw,1.2rem)/2 "Shippori Mincho B1",serif;max-height:calc(100dvh - 150px);overflow-y:auto;white-space:nowrap;background:rgba(12,18,56,.58);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);outline:1px solid #d9b45a55;outline-offset:-10px}
.gr b{display:block;color:var(--g);font-size:1.15em;margin-bottom:.8em}
.nv{display:flex;gap:14px;align-items:center}.dots{display:flex;gap:8px}.dots i{width:9px;height:9px;border-radius:50%;background:#fff3}.dots i.cur{background:var(--g)}
#story{display:block;overflow-y:auto;justify-content:flex-start;background:transparent;padding-top:max(24px,env(safe-area-inset-top))}
#story header{text-align:center;padding:28px 0 36px}#story h2{font-size:2.2rem;letter-spacing:.14em;color:var(--g)}
.tl{position:relative;padding-bottom:60px}.tl:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:linear-gradient(var(--g),#d9b45a55)}
.it{position:relative;width:min(92vw,520px);margin:0 auto 46px;padding:18px;background:rgba(10,18,48,.94);border:1px solid var(--g);border-radius:12px;text-align:center;opacity:0;transform:translateY(26px);transition:.8s}.it.v{opacity:1;transform:none}
.it:before{content:"";position:absolute;left:50%;top:-12px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--g);box-shadow:0 0 12px var(--g)}
.dd{color:var(--g);font-size:.95rem;letter-spacing:.1em}.it h3{font-size:1.35rem;margin:.2em 0 .7em}.ph{display:grid;gap:6px;margin-bottom:12px}.ph.two{grid-template-columns:1fr 1fr}.ph img{width:100%;border-radius:8px;display:block}
.it p{line-height:1.9;font-size:clamp(.8rem,4.2vw,1.02rem);white-space:nowrap}.it p+p{margin-top:.8em}
.gr{overflow-x:hidden}.gr>div{display:inline-block;margin:auto}.gr p{margin:0 0 .85em}.gr .sg{color:var(--g);margin:1.2em 0 0;letter-spacing:.15em}.pg.col{flex-direction:column;gap:10px}
.stk{position:relative;width:min(96vw,900px,calc((100dvh - 160px)*1.2));aspect-ratio:1/.83;touch-action:pan-y;user-select:none}.stk img{-webkit-user-drag:none;position:absolute;left:0;top:0;width:92%;max-height:none;transition:transform .55s cubic-bezier(.3,.7,.2,1),filter .55s}
.stk .f{transform:translate(0,22%);z-index:2;box-shadow:0 10px 30px #000a}.stk .b{transform:translate(8%,0) scale(.94);filter:brightness(.55);z-index:1;cursor:pointer}.hint{font-size:.8rem;opacity:.7}
#story h2{font-family:'Cinzel Decorative',serif}.dd{font-family:Cinzel,serif}.it h3{font-family:'Zen Antique',serif}.it p{font-family:'Zen Maru Gothic',sans-serif}
@media (orientation:portrait){.pg{width:100vw;max-height:none}.pg.col{justify-content:center}
.stk{width:100vw;aspect-ratio:1/1.2}.stk img{width:100%;border-width:2px;border-radius:0;border-left:0;border-right:0}
.stk .f{transform:translate(0,23%)}.stk .b{transform:translate(0,0) scale(.9);transform-origin:50% 100%}
.it{width:96vw;padding:14px}.gr{width:92vw}.pg.gr{max-height:calc(100dvh - 150px)}}
.pg.col{max-height:none}