@charset "utf-8";
/* ============================================================
   焼肉千里（Iima00106 / CMS 9947 / template106）
   テンプレ本体CSSは触らず、この上書き専用ファイルで調整する
   ============================================================ */

/* ------------------------------------------------------------
   下層ページMV：テンプレ既定の image1.jpg / image1_lawer.jpg は
   ファイル自体が存在しない（背景色のみ）ため案件画像で上書き
   ------------------------------------------------------------ */
.heading1_wrap_inner {
    background-image: url(../img/page-mv.jpg);
}

@media screen and (max-width: 767px) {
    .heading1_wrap {
        background-image: url(../img/page-mv.jpg);
    }
}

/* ------------------------------------------------------------
   TOPギャラリーのループスライダー：枠に対して原寸・左上基準で
   入るため見切れる。中央基準でトリミングして揃える
   ------------------------------------------------------------ */
#loopslider ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* ------------------------------------------------------------
   ロゴ：ヘッダー（白地）＝濃色ロゴ / フッター（#1b1b1b）＝白抜きロゴ
   縦長ロゴでもMVに被らないよう高さ上限を設定
   ------------------------------------------------------------ */
.logo-link img {
    max-height: 80px;
    object-fit: contain;
}

@media screen and (max-width: 767px) {
    .logo-link img {
        max-height: 56px;
    }
}

/* ------------------------------------------------------------
   店舗情報テーブル：アクセス欄が長文のため折り返しを整える
   ------------------------------------------------------------ */
.table_list_content {
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* ------------------------------------------------------------
   ベース背景：テンプレ本体が body に background を指定しておらず、
   ダークモード既定のブラウザで地色が黒くなり本文（#111）が沈むため明示
   ------------------------------------------------------------ */
:root {
    color-scheme: only light;
}

html,
body {
    background-color: #fff;
}

/* ------------------------------------------------------------
   MV（メインビジュアル）：テンプレ既定は img に幅高さ指定が無く、
   700px の枠に対して画像の「上端だけ」が見える。中央基準で
   トリミングして被写体が中央に収まるようにする（比率は歪めない）
   ------------------------------------------------------------ */
#main-slider .slider img,
#main-slider .sdivder img {
    width: 100%;
    height: 700px;
    object-fit: cover;
    object-position: center;
    display: block;
    max-width: none;
    max-height: none;
}

@media screen and (max-width: 767px) {
    #main-slider .slider img,
    #main-slider .sdivder img {
        height: 66vw;
    }
}

/* ------------------------------------------------------------
   グロナビ／SPドロワーの Instagram アイコン
   ・PC はナビ最右（お持ち帰りの右隣）
   ・li・a とも display:flex にする（inline-flex だと li のベースラインに
     乗ってアイコンだけ数px上にズレる）
   ------------------------------------------------------------ */
.gnav_item.gnav_insta {
    display: flex;
    align-items: center;
}

.gnav_insta a {
    display: flex;
    align-items: center;
    padding: 0;
    line-height: 0;
    transition: opacity 0.5s;
}

.gnav_insta a:hover {
    opacity: 0.6;
}

.gnav_insta img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: block;
}

.header_nav_list_sp_insta {
    display: flex;
    justify-content: center;
}

.gmenu_sp_insta {
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.gmenu_sp_insta img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    display: block;
}

/* ------------------------------------------------------------
   TOPコンセプトの縦書き見出し
   ・テンプレ既定は height:300px＝30pxの文字ちょうど10文字ぶんで、
     10文字の行が1文字だけ次の列へ落ちる → 余裕を持たせる
   ・半角数字は縦書きだと横倒しになるので「縦中横」で正立させる
   ------------------------------------------------------------ */
.heading2-top01 {
    height: 360px;
}

.heading2-top01 .tcy {
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all;
}

/* ------------------------------------------------------------
   メニューページのアンカーボタン
   テンプレ既定は .anchor が flex:0 0 25%（4本前提）。コース・ランチを
   非表示にして2本になったため左寄りになる → 中央寄せにする
   ------------------------------------------------------------ */
.anchor_wrap {
    justify-content: center;
}

/* ------------------------------------------------------------
   お持ち帰り（簡易EC）：HS「準備中希望」の表示
   ------------------------------------------------------------ */
.preparing {
    font-size: 3.2rem;
    line-height: 1.6;
    letter-spacing: 0.3rem;
    padding: 40px 0;
}

@media screen and (max-width: 767px) {
    .preparing {
        font-size: 2.4rem;
        padding: 24px 0;
    }
}