@charset "UTF-8";
/* Midnight Cafe Slowly カスタム上書き（style.css の後に読み込む） */

/* ===== 背景色を明示（テンプレはbody背景未指定→ブラウザ既定に依存していた） ===== */
html, body { background-color: #ffffff; }

/* ===== ヘッダーロゴ：縦長でMV被り・巨大化を防ぐ上限 ===== */
@media (min-width: 768px) {
  header .header_logo img,
  header img.header_logo_link,
  .header_logo img {
    width: auto;
    max-width: 220px;
    max-height: 72px;
    height: auto;
  }
}
.header_logo img { max-height: 56px; width: auto; height: auto; }

/* ===== フッターロゴ上限（本案件はテキストロゴだが保険） ===== */
.footer_logo { max-width: 200px; max-height: 90px; width: auto; height: auto; }

/* ===== グロナビ：Instagramアイコン（最右）。予約は他メニューと同じテキストリンクに統一 ===== */
.gnav_wrap { align-items: center; }
/* アイコンを「日本語ラベル1行分」の高さの枠に入れる → ルビ(gmenu_sm)は他項目と同一の流れで揃う（画面幅非依存）。
   アイコンは枠より大きくても overflow で見せ、レイアウトは1行分に保つ。 */
.gnav_insta a { display: inline-block; vertical-align: middle; text-align: center; margin-left: 8px; }
/* アイコンは行内(inline)に置き、高さを日本語ラベルの行高(line-height)に収まるサイズにする
   → 行が広がらずルビ(gmenu_sm)は他項目と同一行に整列。inline-blockでアンカーが収縮し、text-align:centerで「INSTAGRAM」の真上にアイコンが乗る。 */
.gnav_insta .ig-main { display: inline; letter-spacing: 0; }
.gnav_insta img { height: 1.7em; width: auto; object-fit: contain; vertical-align: middle; position: relative; top: -0.2em; }

/* SPドロワーのInstagramアイコン */
.gmenu_sp_insta { display: inline-flex !important; align-items: center; justify-content: center; }
.gmenu_sp_insta img { width: 30px; height: 30px; object-fit: contain; }

/* ===== TOP パララックス帯：テンプレ既定のサラダ画像→店舗イメージに差し替え ===== */
.top_image01 {
  background-image: url(../img/top-concept.jpg);
}

/* ===== TOPギャラリー ループスライダー：中央基準トリミング（見切れ防止） ===== */
#loopslider ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* ===== TOPギャラリー：More ボタンの余白（キャッチ文を置かない構成で詰まるため） ===== */
.gallery .inner > div:last-of-type { margin-top: 44px; margin-bottom: 8px; }