@charset "UTF-8";
/* 鮨 ほたる川 — ブレークポイント定義
   撮影モード(?shoot)ではこのファイルが丸ごと無効化され、
   狭幅でもデスクトップのカラム比・文字組みが保たれる。詳細は shoot.js を参照 */

@media (max-width: 1000px) {
  .hd { flex-direction: column; align-items: flex-start; gap: 16px; padding: 26px 22px 20px; }
  .nav ul { gap: 22px; flex-wrap: wrap; }
  .tate { font-size: 21px; }
  .intro { padding: 52px 22px; }
  .sec { padding: 0 22px 56px; }
  .menu, .seats, .shop, .gal { grid-template-columns: 1fr; gap: 28px; }
  .gal { padding: 0 22px; margin-bottom: 56px; }
}
@media (max-width: 600px) {
  .logo-m { font-size: 24px; }
  .menu-ph img, .seats img, .gal img { height: 260px; }
  .tbl th { width: 92px; padding: 12px 10px; }
  .tbl td { padding: 12px 10px; }
  .intro p { font-size: 14.5px; }
}

/* 縦書きヒーローの調整 */
@media (max-width: 700px) {
  .hero-tx { left: auto; right: 6%; top: 8%; }
  .tate { font-size: 18px; letter-spacing: .24em; }
  .hd { padding: 20px 16px 16px; }
  .nav ul { gap: 18px; }
  .sec, .gal { padding-left: 16px; padding-right: 16px; }
  .intro { padding: 40px 16px; }
}