@charset "UTF-8";
/* ワインとクラフトビール はるばる 個別上書き（style.css の後に読み込む） */

/* ===== ロゴサイズ上限（提供ロゴが 800×800 の正方形。テンプレ既定は横長前提のため上限を付けて巨大化を防ぐ） ===== */
/* PC ヘッダーロゴ（正方形ロゴ。ヘッダー高110pxに収まる範囲で大きめに） */
.logo-link img {
    width: auto;
    height: 76px;
    max-width: 240px;
    max-height: 76px;
    object-fit: contain;
}
/* フッターロゴ */
.footer_logo img {
    width: auto;
    max-width: 160px;
    max-height: 90px;
    height: auto;
}
/* SP ヘッダーロゴ：正方形画像の中央部分だけを横長にトリミング表示 */
@media screen and (max-width: 767px) {
    .header-logo .logo-link {
        display: block;
        max-width: calc(100vw - 50vw);
        width: 220px;
        height: 54px;
        overflow: hidden;
    }

    .header-logo .logo-link img {
        display: block;
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
        object-fit: cover;
        object-position: center center;
    }
}

/* ===== グロナビ：Instagram / 予約アイコン ===== */
.gnav_insta a { display: inline-flex; align-items: center; padding: 0 6px; }
.gnav_insta .insta-icon { width: 26px; height: 26px; display: block; }
@media screen and (max-width: 767px) {
    .gmenu_sp_insta { display: inline-flex; align-items: center; }
    .gmenu_sp_insta .insta-icon { width: 22px; height: 22px; margin-right: 8px; vertical-align: middle; }
}

/* ===== TOPメニュー(menu_list)：項目数に依らず中央寄せでバランス維持 =====
   ランチを非表示(2項目)にしても右に余白が偏らず、コメント解除で3項目に戻しても均等に並ぶ */
.menu_list {
    justify-content: center;
}

/* ===== メニュー系アンカーリンク：項目数に追従して均等配置 =====
   ランチ非表示(3項目)でも右に余白が偏らず、コメント解除で4項目に戻しても均等に並ぶ */
@media screen and (min-width: 768px) {
    /* PC：項目数ぶんで均等割り（3項目→約33%、4項目→25%） */
    .anchor {
        flex: 1 1 0;
    }
}
@media screen and (max-width: 767px) {
    /* SP：2列は維持しつつ、3項目時に余った1つを中央寄せ（左寄りの違和感を解消） */
    .anchor_wrap {
        justify-content: center;
    }
}