/* スマホ専用の作りにして、PC では中央にスマホ幅・左右に情報を置く。
   尾道柑橘工房 SETODA（clients/onomichi-citrus-v1）と同じ形式。
   スマホ用の指定は v2-mobile-lock.css で常時適用にしてあるので、
   ここでは「PC のときだけ現れる左右の柱」と、中央を 430px に収める箱だけを書く。 */

/* --- 中央の箱。スマホでは画面いっぱい、PC では 430px に固定 --- */
.page-shell{width:100%;margin:0 auto;background:var(--night);position:relative}

/* --- 左右の柱はスマホでは出さない --- */
.side-col{display:none}

@media(min-width:1100px){
  body{background:#0b0603}
  .layout-pc{display:grid;grid-template-columns:1fr 430px 1fr;align-items:start;min-height:100vh}
  .page-shell{width:430px;box-shadow:0 0 80px rgba(0,0,0,.6)}

  .side-col{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;justify-content:center;padding:60px clamp(28px,3.4vw,64px);color:var(--paper)}
  .side-left{align-items:center;text-align:center}
  .side-right{align-items:stretch;justify-content:center;gap:14px}

  /* 左＝店名 */
  .side-brand small{display:block;color:var(--lantern-type,#ed4328);font:500 10px var(--label);letter-spacing:.3em}
  .side-brand span{display:block;margin-top:14px;font:400 clamp(34px,3vw,46px)/1.4 var(--display)}
  .side-tagline{margin:26px 0 0;font:400 clamp(19px,1.5vw,25px)/1.9 var(--display);color:var(--paper)}
  .side-tagline-en{margin:20px 0 0;color:rgba(240,229,210,.5);font:500 10px var(--label);letter-spacing:.22em}

  /* 右＝営業情報 */
  .side-card{padding:22px 22px 24px;border:1px solid var(--line);background:rgba(40,21,14,.7)}
  .side-card h3{margin:0 0 16px;color:var(--lantern-type,#ed4328);font:600 10px var(--label);letter-spacing:.22em}
  .side-list{margin:0;display:flex;flex-direction:column;gap:11px}
  .side-list>div{display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:baseline}
  .side-list dt{color:rgba(240,229,210,.55);font:600 9px var(--label);letter-spacing:.14em}
  .side-list dd{margin:0;font-size:13px;line-height:1.7}
  .side-note{margin:14px 0 0;color:rgba(240,229,210,.55);font-size:11px;line-height:1.8}
  .side-cta{display:block;margin-top:16px;padding:13px;background:var(--red);color:#fff;text-align:center;font:600 11px var(--label);letter-spacing:.1em;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
  .side-cta.ghost{background:transparent;border:1px solid var(--line);color:var(--paper)}
  .side-map{margin-top:14px;height:150px;border:1px solid var(--line)}
  .side-map iframe{width:100%;height:100%;border:0;filter:grayscale(1) sepia(.2) contrast(1.1)}

  /* 固定していたものは中央の箱の中に収める */
  .topbar{position:sticky;width:auto}
  .mobile-bar{position:sticky;bottom:0;left:auto;transform:none;width:100%}
}

@media(min-width:1500px){
  .layout-pc{grid-template-columns:1fr 460px 1fr}
  .page-shell{width:460px}
}