/** Shopify CDN: Minification failed

Line 49:0 Unexpected "}"

**/
/***** ヘッダー *****/
/* .header-wrapper {
  background-image: url("/cdn/shop/files/bgi_1600x1066_a2841457-bec6-4dee-be59-fc8c2381dcbb.jpg?v=1695446464");
  background-size: cover;
  background-attachment: fixed;
} */
/* .header-wrapper {
  background-color: rgba(13,35,172,0.0;)
} */
.header-wrapper {
  /* background:none; */
  z-index: 3;
  background-color: rgba(0,0,0,0.2);
}


/* スマホ用 */
@media screen and (max-width: 480px) {
  .header-wrapper {
    background:none;
    z-index: 3;
   background-color: rgba(0,0,0,0.2);
}
  }
  /* .header-wrapper::before {
    background: url(/cdn/shop/files/bgi_480x1066_21ca4934-e254-4e8b-9d88-6cb5ed7198f0.jpg?v=1695446463) no-repeat top;
    background-size: cover;
    content: ""; 
    display: block; 
    position: fixed;
    top: 0; 
    left: 0;
    z-index: -1;
    pointer-events: none;
    width: 100%;
    height: 100px;
  }
  h3 {
    font-size: 1.2rem;
  }
  .caption-with-letter-spacing {
    font-size: 1rem;
  } */
}


/***** 背景 *****/
/* .content-for-layout {
  background-image: url("/cdn/shop/files/bgi_1600x1066_a2841457-bec6-4dee-be59-fc8c2381dcbb.jpg?v=1695446464");
  background-size: cover;
  background-attachment: fixed;
} */
a {
  text-decoration: none;
}
/* スマホ用 */
@media screen and (max-width: 480px) {
    .content-for-layout {
        background: none;
        overflow: hidden;
    }
    .content-for-layout::before {
        background: url()/*←ここに画像*/ no-repeat top;
        background-size: cover;
        content: ""; 
        display: block; 
        position: fixed;
        top: 0; 
        left: 0;
        z-index: -2;
        width: 100%;
        height: 100vh;
    }
  h3 {
    font-size: 1.2rem;
  }
  .caption-with-letter-spacing {
    font-size: 1rem;
  }
}
  /* ハンバーガーメニューの透過 */
  #menu-drawer{
    background-color: rgba(0,0,0,0.7);
  }
　.menu-drawer,
  .menu-drawer__submenu {
    background-color: transparent !important;
  }
  /* ハンバーガーメニューの透過 ここまで */

/* ブランドのリスト用 */
#HeaderMenu-MenuList-2 {
    display: grid;
    /* grid-template-columns: 1fr 1fr;*/ /* 2列用 */
    grid-template-columns: 1fr 1fr 1fr; /* 3列用 */
    grid-auto-rows: auto; /* 行の高さを自動設定 */
    gap: 10px; /* 項目間のスペースを調整 */
    list-style: none;
    padding: 0;
    margin: 0;
    grid-auto-flow: dense; /* アイテムが自動的に均等に詰められるようにする */
}

#HeaderMenu-MenuList-2 li {
    margin: 0;
}

/* グリッド内のアイテムを順に並べる */
/* 最初の10個のアイテムは左列に */
#HeaderMenu-MenuList-2 li:nth-child(-n + 10) {
    grid-column: 1;
}

/* 11番目以降のアイテムは右列に */
#HeaderMenu-MenuList-2 li:nth-child(n + 11) {
    grid-column: 2;
}

/* 21番目以降のアイテムは3列目に */
 #HeaderMenu-MenuList-2 li:nth-child(n + 21) {
    grid-column: 3;
}

/* 31番目以降のアイテムは4列目に */
/* #HeaderMenu-MenuList-2 li:nth-child(n + 31) {
    grid-column: 4;
}*/

.header__submenu .header__menu-item {
    justify-content: space-between;
    padding: 0.2rem 1rem;
}

#HeaderMenu-MenuList-2.list-menu--disclosure {
    /* width: 38rem !important; */ /* 2列用 */
    width: 57rem !important; /* 3列用 */
    padding: 10px;
    border: 1px solid #ccc; /* 枠線はオプション */
}

/* ブランドメニューの背景を透過する */
.list-menu--disclosure {
  background-color: rgba(0,0,0,0.7);
}
/* 背景を動画に変更する(場所sections下custom-background-video.liquid */
#bgVideo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: -1;
}

.custom-bg-video-section .content {
  position: relative;
  z-index: 1;
  color: white;
  text-align: center;
  padding: 20vh 0;
}
/*　画像ヘッダーのオーバーレイを削除するためのコードとヘッダーの引き延ばしはtheme.liquidの</head>直上にかいた*/

/*住所欄の画像指定透過とオーバーレイ付与*/

.color-scheme-de619d6f-cc54-49c2-88c4-6de6f877ee47 {
  position: relative;
  z-index: 0;
  background: none !important;
  overflow: hidden;
}

.color-scheme-de619d6f-cc54-49c2-88c4-6de6f877ee47::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2; 

  background-image: url("/cdn/shop/files/17532627930172_e9656a56-bdbb-4ecc-b981-174ac5cf6e0a.png?v=1771057947");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  opacity: 0.4;
}

.color-scheme-de619d6f-cc54-49c2-88c4-6de6f877ee47::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1; 

  background-color: rgba(0, 0, 0, 0.2);  
}

/* スマホ用MAPボタンの位置調整 */
@media screen and (max-width: 480px) {
  a.button--primary {
    transform: translateY(20px);
  }
}


/*
image-banner モバイル・タブレット対応用

・image-banner セクションに image_mobile を追加
・<picture> + <source media="(max-width: 749px)"> を使用
・PC: section.settings.image
・Mobile: section.settings.image_mobile（未設定時はPCにフォールバック）
・2枚構成(image_2)は今回は対象外
・Publisher標準のimage_tag最適化は維持

  id="Banner-{{ section.id }}"
  class="banner banner--content-align-{{ section.settings.desktop_content_alignment }} banner--content-align-mobile-{{ section.settings.mobile_content_alignment }} banner--{{ section.settings.image_height }}{% if section.settings.stack_images_on_mobile and section.settings.image != blank and section.settings.image_2 != blank %} banner--stacked{% endif %}{% if section.settings.image_height == 'adapt' and section.settings.image != blank %} banner--adapt{% endif %}{% if section.settings.show_text_below %} banner--mobile-bottom{%- endif -%}{% if section.settings.show_text_box == false %} banner--desktop-transparent{% endif %}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--fade-in{% endif %}"
   data-use-picture="{{ section.settings.use_picture }}"
>
  {%- if section.settings.image != blank -%}
    <div class="banner__media media{% if section.settings.image == blank and section.settings.image_2 == blank %} placeholder{% endif %}{% if section.settings.image_2 != blank %} banner__media-half{% endif %}{% if section.settings.image_behavior != 'none' %} animate--{{ section.settings.image_behavior }}{% endif %}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--fade-in{% endif %}">
      {%- liquid
        assign image_height = section.settings.image.width | divided_by: section.settings.image.aspect_ratio
        if section.settings.image_2 != blank
          assign image_class = 'banner__media-image-half'
        endif
        if section.settings.image_2 != blank and section.settings.stack_images_on_mobile
          assign sizes = stacked_sizes
        elsif section.settings.image_2 != blank
          assign sizes = half_width
        else
          assign sizes = full_width
        endif
      -%}
    {%- if section.settings.use_picture -%}
  <picture>
    {%- if section.settings.image_mobile != blank -%}
      <source
        media="(max-width: 749px)"
        srcset="{{ section.settings.image_mobile | image_url: width: 1100 }}"
      >
    {%- endif -%}

    {%- if section.settings.image_tablet != blank -%}
      <source
        media="(max-width: 1199px)"
        srcset="{{ section.settings.image_tablet | image_url: width: 1800 }}"
      >
    {%- endif -%}

    {{
      section.settings.image
      | image_url: width: 3840
      | image_tag:
        loading: 'lazy',
        width: section.settings.image.width,
        height: image_height,
        class: image_class,
        sizes: sizes,
        widths: widths
    }}
  </picture>
{%- else -%}
  {{
    section.settings.image
    | image_url: width: 3840
    | image_tag:
      loading: 'lazy',
      width: section.settings.image.width,
      height: image_height,
      class: image_class,
      sizes: sizes,
      widths: widths
  }}
{%- endif -%}
    を構成する
*/
/* ================================
   タブレット対応用 (image-banner / picture)base.cssの一番下
   ================================ 
@media screen and (min-width: 750px) and (max-width: 1199px) {
  .banner[data-use-picture="true"] .banner__content {
    position: static;
    padding: 0;
    max-width: none;
  }

  .banner[data-use-picture="true"] .page-width {
    padding-left: 0;
    padding-right: 0;
  }
}
*/
/* 1. バナーの土台と、その親要素すべての背景を透明にする */
.banner,
.banner__media,
.banner__content {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 2. オーバーレイを消す（既存のコード） */
.banner__media::after,
.overlay,
.media::after {
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* 3. 画像の表示設定（コピー元と同じ） */
.banner__media {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9;
  position: relative;
  overflow: hidden;
  flex: none !important;
}