/** Shopify CDN: Minification failed

Line 258:7 Expected "}" to go with "{"

**/
/* mega menu */

li.site-nav__item details#site-nav-item--1 .megamenu .h5 {
    display: : none;
}



/* atelier + parfum sur mesure */

/*==========================
  Atelier セクション共通
==========================*/
.atelier-section {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Impulse が勝手に入れる page-width を無効化 */
.atelier-section .page-width,
.atelier-main .page-width,
.atelier-section .container,
.atelier-main .container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/*==========================
  1：メイン写真（1カラムフル幅）
==========================*/
.atelier-main {
  width: 100%;
  margin-bottom: 40px;
}

.atelier-main .atelier-img img {
  width: 100%;
  height: auto;
  display: block;
}

.atelier-main .atelier-text {
  max-width: 900px;
  margin: 24px auto 0 auto;
  padding: 0 20px;
  text-align: left;
}

/*==========================
  2 / 3 / 4 セクション：PC ＝ 2カラム、スマホ＝縦並び
==========================*/
.atelier-row {
  display: flex;
  align-items: center;
  gap: 40px;
  width: 100%;
  margin-bottom: 60px;
  padding: 0 20px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

/* 写真とテキスト */
.atelier-row .atelier-img,
.atelier-row .atelier-text {
  flex: 1;
}

/* 反転 */
.atelier-row.reverse {
  flex-direction: row-reverse;
}

/* 画像 */
.atelier-row img {
  width: 100%;
  height: auto;
  display: block;
}

/* テキストブロック */
.atelier-text {
  font-size: 16px;
  line-height: 1.7;
}

/* リンク */
.atelier-text-link {
  font-size: 12px;
  line-height: 1.7;
  
}

/* PC：テキスト幅を 85% にする */
@media (min-width: 768px) {
  .atelier-row .atelier-text p {
    max-width: 85%;
  }
  /* 反転レイアウトだけ、テキストブロックを右寄せ */
  .atelier-row.reverse .atelier-text p, .atelier-row.reverse .atelier-text h3 {
    margin-left: auto;
    margin-right: 0!important;
  }
    /* h3は左揃えに戻す */
  .atelier-row.reverse .atelier-text h3 {
    align-self: flex-start; /* これでh3だけ左寄せになる */
    max-width: 85%;
    text-align: left; /* テキスト自体も左揃え */
  }
}

/*==========================
  スマホ（画面幅 767px 以下）
==========================*/
@media (max-width: 767px) {
  .atelier-row {
    flex-direction: column;
    gap: 20px;
    padding: 0 16px;
  }

  /* reverse も縦並びに戻す */
  .atelier-row.reverse {
    flex-direction: column;
  }

  .atelier-text {
    padding: 0;
  }

  .atelier-main .atelier-text h2 {
    text-align: left !important;
  }
  
  .atelier-main .atelier-text p {
    text-align: left !important;
  }
  
  /* 改行タグを無効化 */
  .atelier-main .atelier-text p br {
    display: none;
  }
}

/*==========================
  ボタン
==========================*/
.atelier-btn {
  border: 1px solid #FFF!important;
  display: inline-block;
}

.atelier-btn a {
  /*display: inline-block;*/
  font-size: 15px;
  padding: 3px 20px 2px;
  border-bottom: none!important;
  text-decoration: none;
  letter-spacing: 0.05em;
  font-weight: bold;
}

.atelier-btn a:after {
  border-bottom: none!important;
}



/*==========================
  ボーダー
==========================*/
.divider {
  position: relative;
  height: 1px;
  margin: 100px auto 60px;
  width: 60%;
}

.divider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    #999,
    transparent
  );


  /*==========================
  FORM
==========================*/
      /* セレクトボックスのスタイル */
      .input-full[type="select"],
      select.input-full {
        background-color: #000;
        color: #fff;
        border: 1px solid #333;
      }
      select.input-full option {
        background-color: #000!important;
        color: #fff!important;
      }
      /* Webkit系ブラウザ用 */
      select.input-full::-webkit-scrollbar {
        background-color: #000;
      }
      /* 必須フィールド注記 */
      .required-note {
        font-size: 0.85em;
        color: #999;
        margin-bottom: 30px;
        display: block;
        text-align: left;
        text-transform: uppercase;
      }
      /* フィールド注記 */
      .field__note {
        display:block; 
        font-weight:normal; 
        margin-top:6px;
        color: #999;
      }
      /* フィールド例 */
          input.input-full,
          textarea.input-full,
          select.input-full {
            font-size: .8em;
            line-height: 1.8em;
          }
      /* hcaptcha */
      p[data-spam-detection-disclaimer], p[data-spam-detection-disclaimer] > a {
        color: #999;
      }
      /* Préférences : 3列レイアウト調整 */
      .preferences-grid .grid__item {
        margin-bottom: 20px;
      }

      /* PC幅で強制的に3列にする */
      @media (min-width: 769px) {
        .preferences-grid .grid__item {
          width: 33.3333%;
        }
      }