@charset "UTF-8";
/* イタリアンブレルーチェ(旧 イタリアンルーチェ ← イタリアン ヴェント ← Bistro ビストロオランダ坂 ← ビストロ出島) — ブレークポイント定義
   撮影モード(?shoot)ではこのファイルが丸ごと無効化され、
   狭幅でもデスクトップのカラム比・文字組みが保たれる。詳細は shoot.js を参照 */

@media (max-width: 1000px) {
  .hd-in { flex-wrap: wrap; gap: 14px; padding: 14px 20px; }
  .nav { width: 100%; order: 3; margin-left: 0; }
  .nav ul { gap: 20px; flex-wrap: wrap; }
  .hero-ph img { height: 400px; }
  .hero-box { position: static; transform: none; width: auto; margin: 0 20px; padding: 30px 26px; }
  .hero-box h1 { font-size: 26px; }
  .strip { margin-top: 0; }
  .strip-in { grid-template-columns: 1fr; gap: 16px; padding: 22px 20px; }
  .sec { padding: 50px 20px; }
  .courses { grid-template-columns: 1fr; }
  .wine, .seat { grid-template-columns: 1fr; gap: 26px; }
}

@media (max-width: 600px) {
  .h2 { font-size: 21px; }
  .wine img, .seat img, .c-card img { height: 230px; }
  .tbl th { width: 92px; padding: 11px 12px; }
  .tbl td { padding: 11px 12px; }
}

@media (max-width: 1000px) {
  .hd-in { align-items: stretch; }
  .brand, .hd-btn { flex: 0 0 auto; }
}

@media (max-width: 600px) {
  .hd-in { padding: 12px 16px; gap: 10px; }
  .b-ja { font-size: 18px; }
  .hd-btn { padding: 9px 18px; font-size: 12.5px; }
  .nav li { font-size: 12px; }
  .sec { padding-left: 16px; padding-right: 16px; }
  .hero-box { margin: 0 12px; padding: 24px 18px; }
  .btn { width: 100%; padding: 15px 20px; }
}