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

@media (max-width: 1000px) {
  .hd-in { flex-wrap: wrap; align-items: stretch; gap: 16px; padding: 14px 20px; }
  .nav { width: 100%; order: 3; margin-left: 0; }
  .nav ul { gap: 18px; flex-wrap: wrap; }
  .brand { flex: 0 0 auto; }
  .hero-copy h1 { font-size: 38px; }
  .hero-copy > * { padding: 0 20px; }
  .sec { padding: 48px 20px; }
  .menu-grid, .room, .access { grid-template-columns: 1fr; gap: 28px; }
  .anniv { grid-template-columns: 1fr 1fr; }
  .anniv-tx { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
  .hd-in { padding: 12px 16px; gap: 12px; }
  .brand-ja { font-size: 17px; letter-spacing: .1em; }
  .nav li { font-size: 12px; }
  .hero-copy h1 { font-size: 27px; }
  .anniv { grid-template-columns: 1fr; }
  .room img { height: 260px; }
  .sec h2 { font-size: 22px; }
  .sec, .hero-copy > * { padding-left: 16px; padding-right: 16px; }
  .btn-res { width: 100%; padding: 15px 20px; }
}