/* sp-fix.css — スマホ表示の調整（2026-10-13）
   ・ヒーロー写真（1833×858）を切らずに、横いっぱいで全体を見せる。文字と予約ボックスは写真の下へ
   ・メニューの文字が重ならないようにする */
@media (max-width:900px){
  .hero{min-height:0;padding-top:calc(100vw * 858 / 1833);background:#2b1630 url("../img/hero-bg.png") center top/100% auto no-repeat}
  .hero:before{top:0;bottom:auto;height:calc(100vw * 858 / 1833);background:linear-gradient(180deg,rgba(40,15,48,0) 55%,rgba(43,22,48,.9))}
  .hero-inner{min-height:0;width:100%;padding:18px 16px 22px;background:linear-gradient(180deg,#2b1630,#5a2340)}
  .hero-copy{position:static;width:auto;margin:0 auto 14px}
  .shop-name{font-size:32px}
  .shop-area{font-size:14px}
  .hero h1{font-size:24px;margin:10px 0 0;line-height:1.35}
  .reserve{position:static;width:auto;max-width:420px;margin:0 auto}
  .nav{flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a{min-width:0;flex:0 0 auto;padding:8px 14px}
  .nav b,.nav span{white-space:nowrap}
}