@charset "UTF-8";
/* CSS Document */

/* ========================================
   FAQ
======================================== */

/* FAQ全体 */
.qa-list {
    max-width: 900px;
    margin: 0 auto;
    border-radius: 2px;
}

/* detailsの初期設定 */
.qa-item {
    margin: 0;
    border-bottom: 1px solid #eee;
}

/* 質問部分 */
.qa-list__title {
    position: relative;
    display: block;
    padding: 15px 55px 15px 30px;
    font-weight: bold;
    letter-spacing: 0.03rem;
    cursor: pointer;
    list-style: none;
}

/* デフォルトの三角マークを消す */
.qa-list__title::-webkit-details-marker {
    display: none;
}

.qa-list__title::marker {
    content: "";
}

/* Qマーク */
.qa-list__title::before {
    content: "Q";
    position: absolute;
    top: 15px;
    left: 0;
    font-family: futura-pt, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #111;
}

/* 質問テキスト */
.qa-list__title p {
    margin: 0;
    padding-left: 22px;
    font-size: 15px;
    line-height: 1.9rem;
}

/* プラスの横線 */
.qa-list__title span::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 12px;
    height: 1px;
    background: #333;
    transform: translateY(-50%);
}

/* プラスの縦線 */
.qa-list__title span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20.5px;
    width: 1px;
    height: 12px;
    background: #333;
    transform: translateY(-50%);
    transition: opacity 0.3s;
}

/* 開いたときはプラスからマイナスへ */
.qa-item[open] .qa-list__title span::after {
    opacity: 0;
}

/* 回答部分 */
.qa-list__answer {
    position: relative;
    display: block;
    margin: 0;
    padding: 15px 30px;
    letter-spacing: 0.03rem;
}

/* Aマーク */
.qa-list__answer::before {
    content: "A";
    position: absolute;
    top: 15px;
    left: 0;
    font-family: futura-pt, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #bf0000;
}

/* 回答テキスト */
.qa-list__answer p {
    margin: 0;
    padding-left: 22px;
    font-size: 15px;
    line-height: 1.8;
}

/* スマートフォン */
@media screen and (max-width: 768px) {
    .qa-list__title {
        padding: 4% 35px 4% 3%;
    }

    .qa-list__title::before {
        top: 4%;
        font-size: 4vw;
    }

    .qa-list__title p {
        padding-left: 18px;
        font-size: 14px;
        line-height: 1.8;
    }

    .qa-list__title span::before {
        right: 8px;
        width: 10px;
    }

    .qa-list__title span::after {
        right: 12.5px;
        height: 10px;
    }

    .qa-list__answer {
        padding: 4% 3% 5%;
    }

    .qa-list__answer::before {
        top: 4%;
        font-size: 4vw;
    }

    .qa-list__answer p {
        padding-left: 5%;
        font-size: 13px;
        line-height: 1.8;
    }
}

/*特集ページ｜商品表示*/
  .feature-new-products {
    width: 100%;
    background: transparent;
  }

  .feature-new-products__list {
    display: grid;
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
    gap: 32px 20px;
    width: 100%;
  }

  .feature-new-products__card {
    min-width: 0;
  }

  .feature-new-products__link {
    display: block;
    color: inherit;
    text-decoration: none;
  }

  .feature-new-products__image-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    background: #f7f7f7;
  }

  .feature-new-products__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease;
  }

  .feature-new-products__link:hover
  .feature-new-products__image {
    opacity: 0.85;
  }

  .feature-new-products__name {
    margin-top: 12px;
    color: #333;
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
  }

  .feature-new-products__status {
    margin: 0;
    padding: 40px 20px;
    color: #777;
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
  }

  .feature-new-products[hidden] {
    display: none !important;
  }

  @media screen and (max-width: 767px) {
    .feature-new-products__list {
      grid-template-columns:
        repeat(2, minmax(0, 1fr));
      gap: 24px 12px;
    }

    .feature-new-products__name {
      margin-top: 8px;
      font-size: 12px;
      line-height: 1.5;
    }
  }


/*特集ページ｜クーポン*/

  .feature-inline-coupon {
    background: transparent;
  }

  .feature-inline-coupon__list {
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 2.2vw, 32px);
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    background: transparent !important;
    background-image: none !important;
  }

  .feature-inline-coupon__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4%;
  }

  .feature-inline-coupon__copy {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    cursor: pointer;
  }

  .feature-inline-coupon__copy:focus-visible {
    outline: 2px solid #333;
    outline-offset: 3px;
  }

  .feature-inline-coupon img {
    display: block;
    width: 100%;
    height: auto;
  }

  .feature-inline-coupon__line {
    display: block;
  }

  /*
   * コピー完了メッセージ
   *
   * JavaScriptでbody直下へ移動することで、
   * 親要素のoverflowによる見切れを防ぎます。
   */
  .feature-inline-coupon__message {
    position: fixed;
    z-index: 2147483647;
    top: 50%;
    bottom: auto;
    left: 50%;
    width: max-content;
    max-width: calc(100vw - 32px);
    margin: 0;
    padding: 12px 20px;
    box-sizing: border-box;
    border-radius: 20px;
    background: #000;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%);
    transition:
      opacity 0.2s ease,
      visibility 0.2s ease;
    pointer-events: none;
  }

  .feature-inline-coupon__message.is-visible {
    opacity: 1;
    visibility: visible;
  }

  .feature-inline-coupon__message.is-error {
    background: #8c1d1d;
  }

  @media screen and (max-width: 767px) {
    .feature-inline-coupon__message {
      top: calc(
        env(safe-area-inset-top, 0px) + 100px
      );
      width: calc(100vw - 32px);
      max-width: none;
      padding: 12px 16px;
      font-size: 13px;
    }
  }


/* 特集ページ|スライダーCSS */
/*quality sara/quality sara02/quality wearで使用*/
/* =========================================================
   Feature Product Carousel
   商品スライダー共通CSS
========================================================= */


/* =========================================================
   01. スライダー本体
========================================================= */

.feature-product-carousel {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}


/* =========================================================
   02. 表示領域
   前後の画像を完全に隠す
========================================================= */

.feature-product-carousel__viewport {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
}


/* =========================================================
   03. スライドを動かす部分
========================================================= */

.feature-product-carousel__track {
    display: flex;
    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;

    list-style: none;

    will-change: transform;
}


/* =========================================================
   04. 1スライド
   必ず1枚＝100%
========================================================= */

.feature-product-carousel__item {
    display: flex !important;

    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;

    box-sizing: border-box;

    flex-direction: row !important;
    align-items: center;
}


/* =========================================================
   商品画像とテキストの間隔調整
========================================================= */

.quality_sara .feature-product-carousel__item .product__img {
    width: 40% !important;
    max-width: 40% !important;
    flex: 0 0 40% !important;

    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.quality_sara .feature-product-carousel__item .product__img img {
    display: block;
    width: 100%;
    max-width: 180px;
    height: auto;
    margin: 0;
    padding: 0;
}


/* 商品情報を画像側へ寄せる */
.quality_sara .feature-product-carousel__item .product__detail {
    width: 60% !important;
    max-width: 60% !important;
    flex: 0 0 60% !important;

    margin-left: -80px;
    padding-left: 0;
    padding-right: 20px;

    box-sizing: border-box;
}

/* =========================================================
   06. 商品情報
   PC：60%
========================================================= */

.quality_sara .feature-product-carousel__item .product__detail {
    width: 60% !important;
    max-width: 60% !important;
    min-width: 0;

    flex: 0 0 60% !important;

    margin: 0;
    padding: 0 40px;

    box-sizing: border-box;
}


/* 商品タイトル */
.feature-product-carousel__item .product__name {
    width: 100%;
    margin: 0;
}


/* 英字タイトル */
.feature-product-carousel__item .product__name-en {
    display: block;
}


/* 商品カラー */
.feature-product-carousel__item .product__color {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


/* =========================================================
   07. Arrow
   丸背景なし・細いChevron
========================================================= */

.feature-product-carousel__arrow {
    position: absolute;

    top: 50%;
    z-index: 30;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 64px;

    padding: 0;
    margin: 0;

    border: 0;
    border-radius: 0;

    background: transparent;

    cursor: pointer;

    transform: translateY(-50%);

    -webkit-appearance: none;
    appearance: none;

    box-sizing: border-box;
}


/* =========================================================
   08. 左Arrow
========================================================= */

.feature-product-carousel__arrow--prev {
    left: 20px;
}


/* =========================================================
   09. 右Arrow
========================================================= */

.feature-product-carousel__arrow--next {
    right: 20px;
}


/* =========================================================
   10. Arrow本体
========================================================= */

.feature-product-carousel__arrow span {
    display: block;

    width: 24px;
    height: 24px;

    border-top: 1.5px solid #222;
    border-right: 1.5px solid #222;

    transition: opacity 0.3s ease;

    box-sizing: border-box;
}


/* 左矢印 */
.feature-product-carousel__arrow--prev span {
    transform: rotate(-135deg);
    margin-left: 10px;
}


/* 右矢印 */
.feature-product-carousel__arrow--next span {
    transform: rotate(45deg);
    margin-right: 10px;
}


/* =========================================================
   11. Arrow hover
========================================================= */

@media screen and (min-width: 768px) {

    .feature-product-carousel__arrow:hover span {
        opacity: 0.45;
    }

}


/* =========================================================
   12. 商品エリアの横はみ出し防止
========================================================= */

.quality_sara .feature-product-carousel,
.quality_sara .feature-product-carousel__viewport {
    overflow: hidden;
}


/* =========================================================
   13. PC
========================================================= */

@media screen and (min-width: 768px) {

    .quality_sara .feature-product-carousel {
        width: 100%;
        max-width: 100%;
    }

    .quality_sara .feature-product-carousel__item {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .quality_sara .feature-product-carousel__item .product__img {
        width: 40% !important;
        max-width: 40% !important;
        flex: 0 0 40% !important;
      display: flex;
        justify-content: right;
    }

    .quality_sara .feature-product-carousel__item .product__detail {
        width: 60% !important;
        max-width: 60% !important;
        flex: 0 0 60% !important;

        padding-left: 40px;
        padding-right: 40px;
    }

}


/* =========================================================
   14. Smartphone
========================================================= */

@media screen and (max-width: 767px) {

    .feature-product-carousel {
        width: 100%;
        max-width: 100%;
    }

    .feature-product-carousel__viewport {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }


    /* 1枚表示 */
    .feature-product-carousel__item {
        display: flex !important;

        flex-direction: row !important;

        align-items: center;

        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }


    /* --------------------------------
       商品画像
       スマホ：45%
    -------------------------------- */

    .quality_sara .feature-product-carousel__item .product__img {
        width: 45% !important;
        max-width: 45% !important;
        min-width: 0;

        flex: 0 0 45% !important;
    }


    .quality_sara .feature-product-carousel__item .product__img img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }


    /* --------------------------------
       商品情報
       スマホ：55%
    -------------------------------- */

    .quality_sara .feature-product-carousel__item .product__detail {
        width: 55% !important;
        max-width: 55% !important;
        min-width: 0;

        flex: 0 0 55% !important;

        padding-left: 15px;
        padding-right: 15px;

        box-sizing: border-box;
    }


    /* --------------------------------
       Arrow
    -------------------------------- */

    .feature-product-carousel__arrow {
        width: 24px;
        height: 50px;
    }


    .feature-product-carousel__arrow--prev {
        left: 8px;
    }


    .feature-product-carousel__arrow--next {
        right: 8px;
    }


    .feature-product-carousel__arrow span {
        width: 18px;
        height: 18px;

        border-width: 1.2px;
    }


    .feature-product-carousel__arrow--prev span {
        margin-left: 7px;
    }


    .feature-product-carousel__arrow--next span {
        margin-right: 7px;
    }

}


/* =========================================================
   15. 小さいスマホ
========================================================= */

@media screen and (max-width: 480px) {

    .quality_sara .feature-product-carousel__item .product__img {
        width: 43% !important;
        max-width: 43% !important;
        flex: 0 0 43% !important;
    }

    .quality_sara .feature-product-carousel__item .product__detail {
        width: 57% !important;
        max-width: 57% !important;
        flex: 0 0 57% !important;

        padding-left: 10px;
        padding-right: 10px;
    }

    .feature-product-carousel__arrow--prev {
        left: 4px;
    }

    .feature-product-carousel__arrow--next {
        right: 4px;
    }

}

/*=========================================================
   FEATURE PRODUCT CAROUSEL
   ========================================================= */

.feature-product-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.feature-product-carousel__viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.feature-product-carousel__track {
  display: flex;
  width: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  will-change: transform;
}

.feature-product-carousel__item {
  flex-shrink: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}



/* =========================================
   Feature Carousel
========================================= */

.feature-carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.feature-carousel__viewport {
    width: 100%;
    overflow: hidden;
}

.feature-carousel__track {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    width: max-content;
    transition: transform 0.6s cubic-bezier(0.45, 0, 0.55, 1);
    will-change: transform;
}

.feature-carousel__item {
    flex: 0 0 265px;
    width: 265px;
    text-align: center;
}

/* =========================================
   画像・リンク
========================================= */

.feature-carousel__link {
    display: block;
    width: 100%;
    color: inherit;
    text-decoration: none;
}

.feature-carousel__image {
    display: block;
    width: 265px;
    height: 265px;
    object-fit: cover;
}

/* =========================================
   テキストあり
========================================= */

.feature-carousel__heading {
    margin: 0 0 30px;
}

.feature-carousel__content {
    width: 100%;
}

.feature-carousel__title {
    margin: 28px 0 0;
    font-size: 28px;
    line-height: 1.7;
    font-weight: 400;
    color: #333;
  padding:15px 0;
  
}

.feature-carousel__price {
    margin: 26px 0 0;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 200;
    color: #333;
          font-family: futura-pt, sans-serif !important;
}

/* =========================================
   矢印
========================================= */

.feature-carousel__prev,
.feature-carousel__next {
    position: absolute;
    top: 110px;
    z-index: 10;
    width: 30px;
    height: 50px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.85);
    cursor: pointer;
}

.feature-carousel__prev {
    left: 0;
}

.feature-carousel__next {
    right: 0;
}

/* 矢印アイコン */
.feature-carousel__prev::before,
.feature-carousel__next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
}

.feature-carousel__prev::before {
    transform: translate(-35%, -50%) rotate(-135deg);
}

.feature-carousel__next::before {
    transform: translate(-65%, -50%) rotate(45deg);
}

/* =========================================
   SP
========================================= */

@media screen and (max-width: 767px) {

    .feature-carousel__track {
        gap: 20px;
    }

    .feature-carousel__item {
        flex: 0 0 265px;
        width: 265px;
    }

    .feature-carousel__image {
        width: 265px;
        height: 265px;
    }

    .feature-carousel__title {
        margin-top: 20px;
        font-size: 20px;
        line-height: 1.6;
    }

    .feature-carousel__price {
        margin-top: 15px;
        font-size: 18px;
    }

    .feature-carousel__prev,
    .feature-carousel__next {
        top: 132px;
        width: 30px;
        height: 50px;
    }
}


/* =========================================
   SYNC SLIDER
========================================= */

.sync-slider {
    position: relative;

    width: 100%;
    max-width: 650px;

    margin: 0 auto;

    overflow: visible;

    box-sizing: border-box;
}


/* =========================================
   SLIDER INNER
========================================= */

.sync-slider__inner {
    position: relative;

    width: 650px;
    max-width: 100%;

    /*height: 172px;*/

    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
}


/* =========================================
   VIEWPORT
   172px × 3枚 = 516px
========================================= */

.sync-slider__viewport {
    position: relative;

    width: 516px;
    min-width: 516px;
    max-width: 516px;

    /*height: 172px;*/

    margin: 0 auto;

    overflow: hidden;

    flex: 0 0 516px;

    box-sizing: border-box;
}


/* =========================================
   TRACK
========================================= */

.sync-slider__track {
    display: flex;
    align-items: flex-start;

    width: max-content;

    margin: 0;
    padding: 0;

    gap: 0;

    will-change: transform;

    box-sizing: border-box;
}


/* =========================================
   SLIDE
========================================= */

.sync-slider__item {
    display: block;

    flex: 0 0 172px;

    width: 172px;
    min-width: 172px;
    max-width: 172px;

    height: 172px;

    margin: 0;
    padding: 0;

    box-sizing: border-box;
}


/* =========================================
   IMAGE
========================================= */

.sync-slider__item img {
    display: block;

    width: 172px;
    min-width: 172px;
    max-width: 172px ;

    height: 172px ;
    min-height: 172px ;
    max-height: 172px ;

    margin: 0;
    padding: 0;

    object-fit: contain;

    border: 0;

    box-sizing: border-box;
}


/* =========================================
   PREV / NEXT
========================================= */

.sync-slider__prev,
.sync-slider__next {
    position: absolute;

    top: 50%;

    z-index: 20;

    width: 40px;
    height: 60px;

    padding: 0;
    margin: 0;

    border: 0;
    border-radius: 0;

    background: transparent;

    transform: translateY(-50%);

    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;

    box-sizing: border-box;
}


/* =========================================
   ARROW POSITION
   650pxの左右端
========================================= */

.sync-slider__prev {
    left: 0;
}

.sync-slider__next {
    right: 0;
}


/* =========================================
   ARROW ICON
========================================= */

.sync-slider__prev::before,
.sync-slider__next::before {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    width: 16px;
    height: 16px;

    border-top: 2px solid #333;
    border-right: 2px solid #333;

    box-sizing: border-box;

    transition: opacity 0.2s ease;
}


/* =========================================
   PREV ICON
========================================= */

.sync-slider__prev::before {
    transform:
        translate(-35%, -50%)
        rotate(-135deg);
}


/* =========================================
   NEXT ICON
========================================= */

.sync-slider__next::before {
    transform:
        translate(-65%, -50%)
        rotate(45deg);
}


/* =========================================
   HOVER
   ※位置は一切変更しない
========================================= */

.sync-slider__prev:hover,
.sync-slider__next:hover {
    transform: translateY(-50%);

    background: transparent;
}

.sync-slider__prev:hover::before,
.sync-slider__next:hover::before {
    opacity: 0.5;
}


/* =========================================
   FOCUS
========================================= */

.sync-slider__prev:focus,
.sync-slider__next:focus {
    outline: none;

    transform: translateY(-50%);
}

.sync-slider__prev:focus-visible,
.sync-slider__next:focus-visible {
    outline: 1px solid #333;
    outline-offset: 2px;
}


/* =========================================
   DISABLED
========================================= */

.sync-slider__prev:disabled,
.sync-slider__next:disabled {
    opacity: 0.3;

    cursor: default;
}


/* =========================================
   SWIPE GUIDE
========================================= */

.sync-slider__guide {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;

    margin-bottom: 50px;

    gap: 20px;
}

.sync-slider__guide-text {
    margin: 0;

    font-size: 38px;
    font-weight: 600;

    line-height: 1;

    letter-spacing: 0.25em;

    color: #333;
}

.sync-slider__guide-line {
    width: 180px;
    height: 2px;

    background: #333;
}


/* =========================================
   TABLET
========================================= */

@media screen and (min-width: 768px)
       and (max-width: 1100px) {

    .sync-slider {
        width: 100%;
        max-width: 650px;
    }

    .sync-slider__inner {
        width: 650px;
        max-width: 100%;
    }

}


/* =========================================
   SP
========================================= */

/* =========================================
   SP
   PCと同じ3枚表示を維持しつつ
   画面幅に合わせて縮小
========================================= */

@media screen and (max-width: 767px) {

    .sync-slider {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        overflow: visible;
        box-sizing: border-box;
    }


    /* -----------------------------------------
       INNER
    ----------------------------------------- */

   .sync-slider__inner {
        width: 100%;
        max-width: 100%;
    }

    /* -----------------------------------------
       VIEWPORT
       左右40pxを矢印用に確保
    ----------------------------------------- */

     .sync-slider__viewport {
        width: min(516px, calc(100vw - 80px));
        min-width: min(516px, calc(100vw - 80px));
        max-width: 516px;

        flex: 0 0 min(516px, calc(100vw - 80px));

        margin: 0 auto;

        overflow: hidden;

        box-sizing: border-box;
    }


    /* -----------------------------------------
       TRACK
    ----------------------------------------- */

    .sync-slider__track {
        gap: 0;
    }


    /* -----------------------------------------
       DEFAULT SLIDE
       172px → 画面幅に合わせて縮小
    ----------------------------------------- */

    .sync-slider__item {
        flex: 0 0 min(172px, calc((100vw - 80px) / 3));

        width: min(172px, calc((100vw - 80px) / 3));
        min-width: min(172px, calc((100vw - 80px) / 3));
        max-width: min(172px, calc((100vw - 80px) / 3));

        height: min(172px, calc((100vw - 80px) / 3));

        margin: 0;
        padding: 0;

        box-sizing: border-box;
    }


    /* -----------------------------------------
       IMAGE
    ----------------------------------------- */

    .sync-slider__item img {
        display: block;

        width: 100% !important;
        min-width: 0;
        max-width: 100%;

        height: 100% !important;
        min-height: 0;
        max-height: 100%;

        margin: 0;
        padding: 0;

        object-fit: contain;

        box-sizing: border-box;
    }


    /* -----------------------------------------
       SP ARROW
    ----------------------------------------- */

  .sync-slider__prev,
    .sync-slider__next {
        position: absolute;
        top: 50%;
        z-index: 20;

        width: 40px;
        height: 60px;

        transform: translateY(-50%);
    }

    /* 左端 */
    .sync-slider__prev {
        left: 0 !important;
        right: auto !important;
    }

    /* 右端 */
    .sync-slider__next {
        right: 0 !important;
        left: auto !important;
    }


    .sync-slider__prev:hover,
    .sync-slider__next:hover {
        transform: translateY(-50%);
    }


    .sync-slider__prev::before,
    .sync-slider__next::before {
        width: 14px;
        height: 14px;
    }


    /* -----------------------------------------
       SWIPE GUIDE
    ----------------------------------------- */

    .sync-slider__guide {
        margin-bottom: 30px;
        gap: 10px;
    }


    .sync-slider__guide-text {
        font-size: 24px;
        letter-spacing: 0.18em;
    }


    .sync-slider__guide-line {
        width: 60px;
        height: 1px;
    }

}    
/* =========================================
   PAIR SIZE
   pair01〜pair05
========================================= */


/* -----------------------------------------
   pair01
   PC：172 × 280px
----------------------------------------- */

.sync-slider[data-sync="pair01"]
.sync-slider__inner
.sync-slider__viewport {
    height: 290px !important;
}

.sync-slider[data-sync="pair01"] .sync-slider__item {
    flex-basis: 172px;
    width: 172px;
    min-width: 172px;
    max-width: 172px;

    height: 280px;
}

.sync-slider[data-sync="pair01"] .sync-slider__item img {
    height: 280px !important;

    min-height: 280px;
    max-height: 280px;
}


/* -----------------------------------------
   pair02
   PC：172 × 172px
----------------------------------------- */

.sync-slider[data-sync="pair02"] .sync-slider__item {
    flex-basis: 172px;

    width: 172px;
    min-width: 172px;
    max-width: 172px;

    height: 172px;
}

.sync-slider[data-sync="pair02"] .sync-slider__item img {
    width: 172px !important;
    height: 172px !important;
}


/* -----------------------------------------
   pair03
   PC：130 × 130px
----------------------------------------- */

.sync-slider[data-sync="pair03"] .sync-slider__item {
    flex-basis: 130px;

    width: 130px;
    min-width: 130px;
    max-width: 130px;

    height: 130px;
}

.sync-slider[data-sync="pair03"] .sync-slider__item img {
    width: 130px !important;
    height: 130px !important;
}


/* -----------------------------------------
   pair04
   PC：110 × 110px
----------------------------------------- */

.sync-slider[data-sync="pair04"] .sync-slider__item {
    flex-basis: 110px;

    width: 110px;
    min-width: 110px;
    max-width: 110px;

    height: 110px;
}

.sync-slider[data-sync="pair04"] .sync-slider__item img {
    width: 110px !important;
    height: 110px !important;
}


/* -----------------------------------------
   pair05
   PC：90 × 90px
----------------------------------------- */

.sync-slider[data-sync="pair05"] .sync-slider__item {
    flex-basis: 90px;

    width: 90px;
    min-width: 90px;
    max-width: 90px;

    height: 90px;
}

.sync-slider[data-sync="pair05"] .sync-slider__item img {
    width: 90px !important;
    height: 90px !important;
}


/* =========================================
   SP PAIR SIZE
   画面幅に合わせて比例縮小
========================================= */

@media screen and (max-width: 767px) {

    /* -----------------------------------------
       基準サイズ
       172px → 画面幅に合わせて縮小
    ----------------------------------------- */

    .sync-slider[data-sync="pair01"] .sync-slider__item,
    .sync-slider[data-sync="pair02"] .sync-slider__item {

        flex-basis: min(172px, calc((100vw - 80px) / 3));

        width: min(172px, calc((100vw - 80px) / 3));
        min-width: min(172px, calc((100vw - 80px) / 3));
        max-width: min(172px, calc((100vw - 80px) / 3));
    }


    /* -----------------------------------------
       pair01
       172 × 280
    ----------------------------------------- */
.sync-slider[data-sync="pair01"] .sync-slider__inner .sync-slider__viewport {
    height: 180px !important;
}
    .sync-slider[data-sync="pair01"] .sync-slider__item {

        height: calc(
            min(172px, calc((100vw - 80px) / 3))
            * 1.6279
        );
    }

    .sync-slider[data-sync="pair01"] .sync-slider__item img {

        width: 100% !important;

        height: 100% !important;

        min-height: 0;
        max-height: none;
    }


    /* -----------------------------------------
       pair02
       172 × 172
    ----------------------------------------- */

    .sync-slider[data-sync="pair02"] .sync-slider__item {

        height: min(172px, calc((100vw - 80px) / 3));
    }

    .sync-slider[data-sync="pair02"] .sync-slider__item img {

        width: 100% !important;
        height: 100% !important;

        min-height: 0;
        max-height: none;
    }


    /* -----------------------------------------
       pair03
       130 × 130
    ----------------------------------------- */

    .sync-slider[data-sync="pair03"] .sync-slider__item {

        flex-basis: calc(
            min(172px, calc((100vw - 80px) / 3))
            * 0.7558
        );

        width: calc(
            min(172px, calc((100vw - 80px) / 3))
            * 0.7558
        );

        min-width: calc(
            min(172px, calc((100vw - 80px) / 3))
            * 0.7558
        );

        max-width: calc(
            min(172px, calc((100vw - 80px) / 3))
            * 0.7558
        );

        height: calc(
            min(172px, calc((100vw - 80px) / 3))
            * 0.7558
        );
    }

    .sync-slider[data-sync="pair03"] .sync-slider__item img {

        width: 100% !important;
        height: 100% !important;

        min-height: 0;
        max-height: none;
    }


    /* -----------------------------------------
       pair04
       110 × 110
    ----------------------------------------- */

    .sync-slider[data-sync="pair04"] .sync-slider__item {

        flex-basis: calc(
            min(172px, calc((100vw - 80px) / 3))
            * 0.6395
        );

        width: calc(
            min(172px, calc((100vw - 80px) / 3))
            * 0.6395
        );

        min-width: calc(
            min(172px, calc((100vw - 80px) / 3))
            * 0.6395
        );

        max-width: calc(
            min(172px, calc((100vw - 80px) / 3))
            * 0.6395
        );

        height: calc(
            min(172px, calc((100vw - 80px) / 3))
            * 0.6395
        );
    }

    .sync-slider[data-sync="pair04"] .sync-slider__item img {

        width: 100% !important;
        height: 100% !important;

        min-height: 0;
        max-height: none;
    }


    /* -----------------------------------------
       pair05
       90 × 90
    ----------------------------------------- */

    .sync-slider[data-sync="pair05"] .sync-slider__item {

        flex-basis: calc(
            min(172px, calc((100vw - 80px) / 3))
            * 0.5233
        );

        width: calc(
            min(172px, calc((100vw - 80px) / 3))
            * 0.5233
        );

        min-width: calc(
            min(172px, calc((100vw - 80px) / 3))
            * 0.5233
        );

        max-width: calc(
            min(172px, calc((100vw - 80px) / 3))
            * 0.5233
        );

        height: calc(
            min(172px, calc((100vw - 80px) / 3))
            * 0.5233
        );
    }

    .sync-slider[data-sync="pair05"] .sync-slider__item img {

        width: 100% !important;
        height: 100% !important;

        min-height: 0;
        max-height: none;
    }

}


/* 特集ページ|既存消したいCSS */
section.p-column_header__panel {
    display: none !important;
}

.p-page_article__inner img {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.p-page_article {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.p-page_article__inner h2 {
    margin-top: 0 !important;
}

.p-page_article__inner p {
    margin-top: 0 !important;
}

.p-page_article__inner a {
    text-decoration: none !important;
}

/* 特集ページ｜次へ｜前へ｜一覧 削除 */
.l-container__row.u-margin__top--80.u-margin__bottom--100 {
    display: none !important;
}

/* 特集ページ */
.feature_all {
    margin: -40px 0 -10%;
}

.mv_btn_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3%;
}

.mv_btn_flex a {
    padding: 2%;
}

.feature_bratop_category {
    background-color: #f1eddf;
    padding: 8% 3% 5%
}

.feature_shorts_category {
    background-color: #f1eddf;
    padding: 0 3% 5%
}

.feature_shorts_item_mv {
    padding: 2% 2% 8%;
}

h2.feature_bratop_ttl,
h2.feature_shorts_ttl {
    text-align: center;
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 70px !important;
    color: #333;
}

.feature_bratop_flex,
.feature_shorts_flex {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    align-items: start;
}

.feature_bratop_flex a,
.feature_shorts_flex a {
    padding: 2%;
}

p.feature_bratop_txt,
p.feature_shorts_txt {
    font-size: 18px;
    padding: 15px 0 0;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    color: #333333;
    text-align: center !important;
    line-height: 1.5;
}

p.feature_bratop_price,
p.feature_shorts_price {
    font-size: 22px !important;
    color: #333333;
    text-align: center !important;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    line-height: 1.5;
}

span.feature_sale_txt {
    background: #333;
    color: #fff;
    padding: 1.5% 1% 1% 1%;
    font-size: 15px !important;
    margin: 0 2% 0 0;
}

.feature_bratop_btn a,
.feature_shorts_btn a {
    text-align: center;
    margin: auto;
    display: block;
    color: #333;
    border: 2px solid #333;
    padding: 2%;
    width: 35%;
    border-radius: 50px;
    font-size: 15px;
}

.feature_bratop_btn,
.feature_shorts_btn {
    padding: 3% 0 7%;
}

.feature_inc .category {
    width: 90%;
}

.feature_inc .category_pc {
    width: 100%;
}

.feature_inc .recommend {
    width: 90%;
}

.feature_inc .recommend_content {
    flex-wrap: wrap;
}

.feature_inc .recommend_item {
    margin: 2%;
    width: 46%;
}
.feature_inc .c-feature_item__title {
    font-size: 0.9rem !important;
}

.par10 {
    padding: 0 10% 0 0;
}

p.fsK {
    font-size: 10px !important;
    color: #a4a4a4 !important;
    text-align: left !important;
}

@media (max-width: 767px) {

    h2.feature_bratop_ttl,
    h2.feature_shorts_ttl {
        font-family: futura-pt, sans-serif !important;
        font-size: 10vw !important;
        padding: 0 0 2%;
    }

    p.feature_bratop_txt,
    p.feature_shorts_txt {
        font-size: 4vw !important;
        padding: 7% 0 0;
    }

    p.feature_bratop_price,
    p.feature_shorts_price {
        font-family: futura-pt, sans-serif !important;
        font-size: 4.5vw !important;
    }

    .feature_bratop_btn a,
    .feature_shorts_btn a {
        padding: 2.5%;
        width: 48%;
        font-size: 3.8vw;
        border: 1px solid #333;
    }

    .feature_bratop_btn,
    .feature_shorts_btn {
        padding: 4% 0 10%;
    }

    .feature_bratop_category {
        padding: 9% 3% 3%;
    }

    .feature_shorts_category {
        padding: 0 3% 3%;
    }

    .mb-10 {
        margin: 0 auto -15%;
    }

    .feature_inc .recommend {
        width: 95%;
    }

    .feature_all {
        margin: 40px 0 -16%;
    }

    span.feature_sale_txt {
        font-size: 3.8vw !important;
    }
}

.feature_coupon-banner {
    cursor: pointer;
}

/* 特集ページ｜ブラトップ03 */
.mv_link_btn {
    background-color: #e5dcc0;
}

.mv_link_btn_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 3% 6%;
}

.mv_link_btn_flex a {
    padding: 0 2% 2%;
}

.intro {
    background-color: #f1eddf;
    padding: 8% 5%;
}

.bubble_left {
    background-color: #fff;
    padding: 3%;
    border-radius: 10px;
    width: 70%;
    position: relative;
}

.bubble p {
    text-align: center !important;
    font-size: 23px !important;
    color: #333;
    font-weight: bold;
    line-height: 1.4;
}

.bubble_right {
    background-color: #fff;
    padding: 3%;
    border-radius: 10px;
    width: 70%;
    margin: 4% 0 4% auto;
    position: relative;
}

.bubble_left::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 22%;
    border-style: solid;
    border-width: 30.5px 12.8px 0 25.8px;
    border-color: #fff transparent transparent;
    translate: -50% 100%;
    transform: skew(25deg);
    transform-origin: top;
}

.bubble_right::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 16%;
    border-style: solid;
    border-width: 32.5px 25.8px 0 15.8px;
    border-color: #fff transparent transparent;
    translate: -50% 100%;
    transform: skew(-25deg);
    transform-origin: top;
}

.bubble {
    padding: 0 0 5%;
}

.mt40 {
    margin-top: 40px;
}

.mb40 {
    margin-bottom: 40px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.pt5p {
    padding-top: 5%;
}

.pt10p {
    padding-top: 10%;
}

.feature_all p {
    font-size: 20px;
    line-height: 1.5;
    color: #333;
  letter-spacing: 0.04em;
}

b {
    font-weight: bold;
}

.y_mark {
    background: linear-gradient(transparent 30%, #f1e1ae 70%);
}

/* combine製法 */
.combine {
    padding: 8% 5%;
}

.combine_ttl {
    padding: 0 0 5%;
}

span.futura {
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 32px !important;
}

.combine h3 {
    color: #b29442;
    font-size: 27px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
    border-bottom: 2px solid #b29442;
    line-height: 1.3;
    margin: 40px 0 15px;
}

/* 特集ページ|ブラトップ03 コンテンツ */
.feature_pattern {
    background-color: #f1eddf;
    padding: 8% 5%;
}

.feature_pattern h2 {
    color: #b29442;
    font-size: 26px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-bottom: 2px solid #b29442;
    border-top: 2px solid #b29442;
    padding: 2%;
    margin: 40px 0 20px;
  letter-spacing:0.04em;
}

span.left-border {
    border-left: 2px solid #b29442;
    padding: 0 0 0 5%;
}

.lineup_left {
    margin: 40px 0 40px -5.5%;
}

.lineup_right {
    margin: 40px -5.5% 40px 0;
}

.bg_gold {
    background-color: #e5dcc0 !important;
}

@media (max-width: 767px) {
    .combine {
        padding: 12% 5%;
    }

    .feature_all p {
        font-size: 4.5vw;
        text-align: justify;
        /* ↓スマホ用フォント指定↓ */
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .feature_all p b {
        font-family: "Yu Gothic Pr6N B" !important;
    }

    /*.feature_all h2 {
        font-family: "Yu Gothic Pr6N B" !important;
    }*/
    
    h2.feature_bratop_ttl,
    h2.feature_shorts_ttl {
        font-family: futura-pt, sans-serif !important;
    }

    p.feature_bratop_price,
    p.feature_shorts_price {
        font-family: futura-pt, sans-serif !important;
    }

    .bubble p {
        font-size: 4.5vw !important;
    }

    .bubble_left::after {
        left: 20%;
        border-width: 20.5px 10.8px 0 12.8px;
    }

    .bubble_right::after {
        right: 12%;
        border-width: 20.5px 10.8px 0 11.8px;
    }

    .bubble_right {
        padding: 4%;
        border-radius: 8px;
        width: 75%;
        margin: 6% 0 5% auto;
    }

    .bubble_left {
        padding: 4%;
        border-radius: 8px;
        width: 75%;
    }

    span.futura {
        font-size: 6vw !important;
    }

    .combine h3 {
        font-size: 5vw !important;
        line-height: 1.5;
        margin: 30px 0 15px;
    }

    .feature_pattern {
        padding: 12% 5%;
    }

    span.left-border {
        border-left: 2px solid #b29442;
        padding: 0 0 0 3%;
    }

    .feature_pattern h2 {
        font-size: 4.7vw !important;
        align-items: center;
        padding: 4% 0;
        margin: 40px 0 20px;
    }
}

/* 特集ページ｜カップイン */
.mv_link_btn_flex.wrap {
    flex-wrap: wrap;
}

.mv_link_btn_flex.wrap a {
    width: 50%;
    padding-bottom: 0;
}

.mv_link_btn_flex.wrap a {
    width: 50%;
    padding-bottom: 0;
}

.mv_link_btn_flex.wrap a:nth-child(n+3) {
    padding: 4% 2% 2%;
}

/* 特集ページ｜ナイトブラ&ショーツ */
.catch_wrap {
    padding: 0 5% 8%;
}

.catch {
    color: #b29442;
    font-size: 27px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
    border-bottom: 2px solid #b29442;
    line-height: 1.3;
    margin: 40px 0 20px;
    padding-bottom: 5px;
    text-align: center;
}

@media (max-width: 767px) {
    .catch_wrap {
        padding: 0 5% 12%;
    }

    .catch {
        font-size: 5vw !important;
        line-height: 1.5;
        margin: 30px 0 15px;
    }

}



/* 特集ページ｜お悩み */
/* https://bambiwater.jp/shop/information/worries */

/*  */
.worries_img {
    width: 100%;
    margin: 0 auto;
}

.worries_img img {
    margin: 0 auto;
    display: block;
}

h3.worries_ttl {
    color: #000;
    font-size: 27px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
    border-bottom: 2px solid #000;
    line-height: 1.3;
    margin: 30px 0 15px;
    padding-bottom: 5px;
    text-align: center;
}

.g_mark {
    background: linear-gradient(transparent 30%, #bfbfbf 70%);
}

.mt10 {
    margin-top: 10px;
}

.cap {
    font-size: 0.5em;
    vertical-align: top;
}

.bg_wh {
    background-color: #fff;
    padding: 8% 5% 1%;
}

.bg_wh .feature_bratop_flex {
    margin-bottom: 2%;
    gap: 0 2em;
}

.bg_wh .feature_bratop_flex a {
    padding: 0%;
}

@media (max-width: 767px) {
    h3.worries_ttl {
        font-size: 5vw !important;
        line-height: 1.5;
        margin: 20px 0 15px;
    }

    .mt40.worries_wrap {
        margin-top: 30px;
    }

    .bg_wh {
        background-color: #fff;
        padding: 12% 5% 2%;
    }

    .bg_wh .feature_bratop_flex {
        gap: 0 1em;
    }
}

/*  */
.mv_link_btn.bg_gr {
    background-color: #928b82;
}

.mv_link_btn_flex.worries_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6% 5%;
}

.mv_link_btn_flex.worries_wrap a {
    width: calc((100% - 4%) / 3);
    padding: 0;
}

/*  */
.intro.worries_wrap {
    background-color: #ececea;
    padding: 8% 5%;
}

@media (max-width: 767px) {
    .intro.worries_wrap {
        background-color: #ececea;
        padding: 10% 5%;
    }
}

/*  */
ul.worries_ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

ul.worries_ul li {
    list-style: none;
    width: 50%;
}

ul.worries_ul h3.worries_ttl {
    color: #000;
    font-size: 32px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
    border-bottom: 2px solid #000;
    line-height: 1.3;
    margin: 30px 0 15px;
    padding-bottom: 5px;
    text-align: left;
}

@media (max-width: 767px) {
    ul.worries_ul h3.worries_ttl {
        font-size: 6vw !important;
        line-height: 1.5;
        margin: 0 0 10px;
    }
}

ul.worries_ul li.txt01 {
    padding-right: 4%;
}

ul.worries_ul li.txt02 {
    padding-left: 4%;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜春 */
.spring_intro {
    text-align: center;
    padding: 8% 5%;
}

.spring_coupon {
    padding: 40px 0;
}

.spring_link_btn_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.spring_link_btn_left {
    width: 50%;
}

.spring_link_btn_right {
    width: 50%;
}

span.spring_content_ttl_en {
    text-align: center;
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 90px !important;
    color: #333;
}

span.spring_content_ttl_jp {
    color: #333333 !important;
    font-size: 32px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
}

h2.spring_content_ttl {
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
    padding: 0 0 5%;
}

.spring_content_home {
    background: #eaf0f1;
    padding: 8% 0 12%;
}

.spring_content_active {
    background: #e5ebf9;
    padding: 8% 0;
}

.spring_content_abs01 img,
.spring_content_abs02 img,
.spring_content_abs03 img {
    width: 100%;
}

.spring_content_img {
    position: relative;
}

.spring_content_abs01,
.spring_content_abs03 {
    position: absolute;
    top: 0;
    right: 8%;
    z-index: 1;
}

.spring_content_abs02 {
    position: absolute;
    top: 0;
    left: 6%;
    z-index: 1;
}

p.spring_content_ttl {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
    writing-mode: vertical-rl;
    padding: 20% 0 0 5%;
    letter-spacing: 0.1em;
}

p.spring_content_ttl02 {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
    writing-mode: vertical-rl;
    padding: 20% 0 0 11%;
    letter-spacing: 0.1em;
}

p.spring_content_ttl03 {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
    writing-mode: vertical-rl;
    padding: 20% 0 0 13%;
    letter-spacing: 0.1em;
}

.spring_content_img_bg {
    padding: 6% 0 0;
    overflow: hidden;
}

.spring_icon01 p,
.spring_icon02 p,
.spring_icon03 p,
.spring_icon04 p,
.spring_icon05 p,
.spring_icon06 p,
.spring_icon07 p {
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 25px !important;
    color: #fff;
}

.spring_icon01 a {
    background: #000;
    display: block;
    width: 27%;
    position: absolute;
    border-radius: 50px;
    text-align: center;
    padding: 0.5% 0;
    opacity: 0.8;
    top: 43%;
    left: 7%;
    z-index: 1;
    border: 2px solid #fff;
    transition-duration: .4s;
}

.spring_icon02 a {
    background: #000;
    display: block;
    width: 32%;
    position: absolute;
    border-radius: 50px;
    text-align: center;
    padding: 0.5% 0;
    opacity: 0.8;
    top: 55%;
    right: 30%;
    z-index: 1;
    border: 2px solid #fff;
    transition-duration: .4s;
}

.spring_icon03 a {
    background: #000;
    display: block;
    width: 32%;
    position: absolute;
    border-radius: 50px;
    text-align: center;
    padding: 0.5% 0;
    opacity: 0.8;
    top: 47%;
    right: 63%;
    z-index: 1;
    border: 2px solid #fff;
    transition-duration: .4s;
}

.spring_icon04 a {
    background: #000;
    display: block;
    width: 32%;
    position: absolute;
    border-radius: 50px;
    text-align: center;
    padding: 0.5% 0;
    opacity: 0.8;
    z-index: 1;
    border: 2px solid #fff;
    top: 28%;
    right: 4%;
    transition-duration: .4s;
}

.spring_icon05 a {
    background: #000;
    display: block;
    width: 27%;
    position: absolute;
    border-radius: 50px;
    text-align: center;
    padding: 0.5% 0;
    opacity: 0.8;
    z-index: 1;
    border: 2px solid #fff;
    top: 28%;
    left: 6%;
    transition-duration: .4s;
}

.spring_icon06 a {
    background: #000;
    display: block;
    width: 30%;
    position: absolute;
    border-radius: 50px;
    text-align: center;
    padding: 0.5% 0;
    opacity: 0.8;
    z-index: 1;
    border: 2px solid #fff;
    top: 33%;
    left: 22%;
    transition-duration: .4s;
}

.spring_icon07 a {
    background: #000;
    display: block;
    width: 30%;
    position: absolute;
    border-radius: 50px;
    text-align: center;
    padding: 0.5% 0;
    opacity: 0.8;
    z-index: 1;
    border: 2px solid #fff;
    top: 58%;
    right: 2%;
    transition-duration: .4s;
}

.spring_content_txt_flex {
    display: flex;
    align-items: center;
    gap: 20px;
}

.spring_content_txt {
    padding: 40px 5%;
}

.spring_content_txt_flex_item_jp {
    text-align: justify;
    border-left: 2px solid #a6bdc0;
    padding-left: 20px;
    width: 140%;
}

.spring_content_txt_flex_item_jp02 {
    text-align: justify;
    border-left: 2px solid #a5acc0;
    padding-left: 20px;
    width: 140%;
}

.spring_content_txt_flex_en p {
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 23px !important;
    color: #a6bdc0;
}

.spring_content_txt_flex_en02 p {
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 23px !important;
    color: #a5acc0;
}

.spring_content_goods_flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.spring_content_goods_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.spring_content_goods_flex_right_ttl p {
    font-weight: bold;
    font-size: 30px;
    padding: 0 0 4%;
}

.spring_content_goods_flex_right_ttl02 p {
    font-weight: bold;
    font-size: 30px;
}

.spring_content_goods_flex_img {
    width: 70%;
}

.spring_content_goods_flex_img02 {
    width: 90%;
}

.spring_content_goods_flex_img03 {
    width: 20%;
}

.spring_goods_price {
    font-size: 30px !important;
    color: #333333;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    padding: 3% 0;
}

.spring_goods_price02 {
    font-size: 30px !important;
    color: #333333;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    padding: 0 0 3%;
}

.spring_content_goods_flex_right_btn a {
    background: #a6bdc0;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5% 0;
    color: #fff;
    font-family: futura-pt, sans-serif !important;
    font-size: 23px;
    transition-duration: .4s;
}

.spring_content_goods_flex_right_btn02 a {
    background: #a5acc0;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5% 0;
    color: #fff;
    font-family: futura-pt, sans-serif !important;
    font-size: 23px;
    transition-duration: .4s;
}

.spring_content_pa {
    padding-top: 12%;
}

.spring_content_pa02 {
    padding-top: 5%;
}

.spring_content_img_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    padding: 2% 0;
    position: relative;
}

.spring_content_cupin_img {
    padding: 2% 5% 10%;
}

.spring_content_goods_flex_right {
    width: 55%;
}

.spring_content_goods_flex_left {
    width: 27%;
}

.spring_content_goods_flex_left02 {
    width: 22%;
}

.bg_pink {
    background-color: #fcd4d5 !important;
    padding: 9% 3% 5%;
}

.feature_bratop_btn_spring {
    padding: 4% 0 0;
}

@media screen and (max-width: 768px) {
    .center_txt p {
        text-align: center !important;
    }

    .spring_intro {
        padding: 12% 5% 13%;
    }

    .spring_coupon {
        padding: 8% 0;
    }

    .spring_link_btn_flex {
        gap: 13px;
    }

    span.spring_content_ttl_en {
        font-size: 14vw !important;
    }

    span.spring_content_ttl_jp {
        font-size: 6vw !important;
    }

    h2.spring_content_ttl {
        padding: 0 0 9%;
    }

    .spring_content_home {
        padding: 12% 0 15%;
    }

    .spring_content_active {
        padding: 12% 0 21%;
    }

    p.spring_content_ttl {
        font-size: 6.5vw;
        padding: 11% 0 0 0%;
    }

    p.spring_content_ttl02 {
        font-size: 6.5vw;
        padding: 11% 0 0 2%;
    }

    p.spring_content_ttl03 {
        font-size: 6.5vw;
        padding: 11% 0 0 3%;
    }

    .spring_content_img_bg {
        padding: 7% 0 0;
    }

    .spring_content_abs01 {
        top: 7px;
        right: -5% !important;
    }

    .spring_content_abs03 {
        top: 7px;
        right: -10% !important;
    }

    .spring_icon01 p,
    .spring_icon02 p,
    .spring_icon03 p,
    .spring_icon04 p,
    .spring_icon05 p,
    .spring_icon06 p,
    .spring_icon07 p {
        font-size: 4vw !important;
        text-align: center !important;
    }

    .spring_icon01 a {
        width: 33%;
        padding: 0.5% 0;
        top: 46%;
        left: 5%;
    }

    .spring_icon02 a {
        width: 39%;
        top: 58%;
        right: 25%;
    }

    .spring_icon03 a {
        width: 40%;
        top: 47%;
        left: 6%;
    }

    .spring_icon04 a {
        width: 40%;
    }

    .spring_icon05 a {
        width: 33%;
        top: 29%;
        left: 4%;
    }

    .spring_icon06 a {
        width: 38%;
        top: 38%;
        left: 15%;
    }

    .spring_icon07 a {
        width: 35%;
    }

    .spring_content_abs01 img {
        width: 53%;
    }

    .spring_content_abs02 img,
    .spring_content_abs03 img {
        width: 52%;
    }

    .spring_content_txt_flex_en p {
        font-size: 3.5vw !important;
        writing-mode: vertical-rl;
    }

    .spring_content_txt_flex_en02 p {
        font-size: 3.5vw !important;
        writing-mode: vertical-rl;
    }

    .spring_content_txt_flex_en {
        width: 5%;
    }

    .spring_content_txt_flex_en02 {
        width: 5%;
    }

    .spring_content_txt_flex_item_jp {
        border-left: 1px solid #a6bdc0;
        padding-left: 15px;
        margin-left: 15px;
        width: 100%;
    }

    .spring_content_txt_flex_item_jp02 {
        border-left: 1px solid #a5acc0;
        padding-left: 15px;
        margin-left: 15px;
        width: 100%;
    }

    .spring_content_txt_flex {
        gap: 0;
    }

    .spring_content_goods_flex {
        gap: 20px;
    }

    .spring_content_goods_flex_right_ttl p {
        font-size: 4vw;
    }

    .spring_goods_price {
        font-size: 4vw !important;
        padding: 5% 0;
    }

    .spring_content_goods_flex_right_btn a {
        padding: 4% 0;
        font-size: 4vw;
    }

    .spring_content_goods_flex_right_ttl02 p {
        font-size: 4vw;
    }

    .spring_goods_price02 {
        font-size: 4vw !important;
    }

    .spring_content_goods_flex_right_btn02 a {
        padding: 4% 0;
        font-size: 4vw;
    }

    .spring_content_txt_flex_item_jp p,
    .spring_content_txt_flex_item_jp02 p {
        font-size: 4.7vw;
    }

    .spring_content_img_flex {
        gap: 17px;
    }

    .spring_content_pa02 {
        margin: 7% 0;
    }

    .spring_content_goods_flex_img {
        width: 80%;
    }

    .spring_content_goods_flex_img02 {
        width: 100%;
    }

    .spring_content_goods_flex_img03 {
        width: 20%;
    }

    .bg_pink {
        padding: 12% 3% 5%;
    }

    .feature_bratop_btn_spring {
        padding: 0;
    }
}

/* モーション */
@keyframes zoomOut_anime {
    0% {
        transform: scale(1.1);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.spring_fadein {
    opacity: 0;
    /* ← 最初は隠す */
    will-change: transform, opacity;
}

.spring_fadein.is-animated {
    animation-name: zoomOut_anime;
    animation-duration: 4s;
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-fill-mode: both;
}

/* 文字モーション */
.ttl_line {
    display: block;
    clip-path: inset(0 0 100% 0);
}

.spring_ttl_fadein.is-animated .ttl_line--1 {
    animation: clipReveal 0.9s cubic-bezier(0.0, 0.0, 0.2, 1) forwards;
    animation-delay: 1.5s;
}

.spring_ttl_fadein.is-animated .ttl_line--2 {
    animation: clipReveal 0.9s cubic-bezier(0.0, 0.0, 0.2, 1) forwards;
    animation-delay: 2s;
}

@keyframes clipReveal {
    0% {
        clip-path: inset(0 0 100% 0);
    }

    100% {
        clip-path: inset(0 0 0% 0);
    }
}

/* ホバー */
a.spring_link_btn_left {
    transition-duration: .4s;
}

a.spring_link_btn_left:hover {
    opacity: 0.5;
}

a.spring_link_btn_right {
    transition-duration: .4s;
}

a.spring_link_btn_right:hover {
    opacity: 0.5;
}

.spring_icon01 a:hover,
.spring_icon02 a:hover {
    background: #71999e;
}

.spring_icon03 a:hover,
.spring_icon04 a:hover,
.spring_icon05 a:hover,
.spring_icon06 a:hover,
.spring_icon07 a:hover {
    background: #7684ab;
}

.spring_content_goods_flex_right_btn a:hover,
.spring_content_goods_flex_right_btn02 a:hover {
    opacity: 0.5;
}

@media screen and (max-width: 768px) {
    a.spring_link_btn_left:active {
        opacity: 0.5;
    }

    a.spring_link_btn_right:active {
        opacity: 0.5;
    }

    .spring_icon01 a:active,
    .spring_icon02 a:active {
        background: #71999e;
    }

    .spring_icon03 a:active,
    .spring_icon04 a:active,
    .spring_icon05 a:active,
    .spring_icon06 a:active,
    .spring_icon07 a:active {
        background: #7684ab;
    }

    .spring_content_goods_flex_right_btn a:active,
    .spring_content_goods_flex_right_btn02 a:active {
        opacity: 0.5;
    }
}


/* 特集ページ｜春 END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜26ss-feture */
.mv_link_btn.wh {
    background: #fff;
}

.mv_link_btn_flex.ss26-feature_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6% 5%;
}

.bg_og {
    background-color: #e7e8dd;
}

.og_mark {
    background: linear-gradient(transparent 30%, #d0d4c5 70%);
}

.ss26-feature_pickup {
    padding: 8% 5%;
    background-color: #e7e8dd;
}

.ss26-feature_pickup .center_txt {
    text-align: center;
    font-size: 26px;
}

.ss26-feature_pickup .din {
    font-family: "din-2014", sans-serif !important;
    font-weight: 600;
    font-style: normal;
}

.ss26-feature_pickup #t-shirts {
    letter-spacing: -10px;
}

.ss26-feature_pickup #t-shirts .txt {
    letter-spacing: 0px;
}

.ss26-feature_pickup .center_txt p {
    font-size: 22px;
}

.ss26-feature_pickup h2 {
    font-size: 90px;
    text-align: center;
    font-weight: 400;
    border-bottom: 2px solid #000;
    color: #000;
}

.ss26-feature_pickup h3 {
    margin: 0 auto 40px;
    display: flex;
    align-items: center;
    padding-top: 50px;
}

.ss26-feature_pickup h3 .number {
    font-size: 140px;
    font-weight: 800;
    line-height: .7;
    color: #c1c3a7;
    display: inline-block;
    padding-right: 20px;
    max-width: 30%;
}

.ss26-feature_pickup h3 .txt {
    font-size: 54px;
    font-weight: 800;
    line-height: 1.1;
    color: #000;
    display: inline-block;
    max-width: 70%;
}

.ss26-feature_content_goods {
    padding-bottom: 50px;
}

.ss26-feature_content_goods_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.ss26-feature_content_goods_flex_left {
    width: 32%;
    text-align: center;
}

.ss26-feature_content_goods_flex_left img {
    max-width: 100%;
    max-height: 270px;
    width: auto;
    display: inline-block;
    vertical-align: baseline;
}

.ss26-feature_content_goods_flex_right {
    width: 68%;
}

.ss26-feature_content_goods_flex_right_ttl p {
    font-weight: bold;
    font-size: 30px;
    padding: 0 0 4%;
}

.ss26-feature_content_goods_flex_right_ttl02 p {
    font-weight: bold;
    font-size: 30px;
    padding: 0 0 4%;
}

.ss26-feature_content_goods_flex_img {
    width: 70%;
}

.ss26-feature_content_goods_flex_img02 {
    width: 90%;
}

.ss26-feature_content_goods_flex_img02 img {
    max-width: 100%;
    width: auto;
}

.ss26-feature_content_goods_flex_img03 {
    width: 20%;
}

.ss26-feature_goods_price {
    font-size: 30px !important;
    color: #333333;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    padding: 3% 0;
}

.ss26-feature_goods_price02 {
    font-size: 30px !important;
    color: #333333;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    padding: 0 0 3%;
}

.ss26-feature_content_goods_flex_right_btn {
    padding-bottom: 20px;
}

.ss26-feature_content_goods_flex_right_btn a {
    background: #e7e8dd;
    border: solid 1px #333;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5% 0;
    color: #333;
    font-family: futura-pt, sans-serif !important;
    font-size: 23px;
}

@media (max-width: 767px) {
    .ss26-feature_pickup {
        padding: 12% 5%;
    }

    .ss26-feature_pickup h2 {
        font-size: 14vw !important;
              letter-spacing: 0.02em !important;
        padding-bottom: 2rem;
    }

    .ss26-feature_pickup #t-shirts {
        letter-spacing: -5px;
    }

    .ss26-feature_pickup h3 {
        margin: 0 auto 25px;
        padding-top: 30px;
    }

    .ss26-feature_pickup h3 .number {
        font-size: 19vw;
        padding-right: 10px;
        max-width: 27%;
    }

    .ss26-feature_pickup h3 .txt {
        font-size: 7.95vw;
        max-width: 73%;
    }

    .ss26-feature_pickup .center_txt p {
        font-size: 4.5vw;
    }

    .ss26-feature_content_goods_flex {
        gap: 20px;
    }

    .ss26-feature_content_goods_flex_right_ttl p {
        font-size: 4vw;
    }

    .ss26-feature_goods_price {
        font-size: 4vw !important;
        padding: 5% 0;
    }

    .ss26-feature_content_goods {
        padding-bottom: 20px;
    }

    .ss26-feature_content_goods_flex_right_btn a {
        padding: 4% 0;
        font-size: 4vw;
    }

    .ss26-feature_content_goods_flex_right_ttl02 p {
        font-size: 4vw;
    }

    .ss26-feature_goods_price02 {
        font-size: 4vw !important;
    }

    .ss26-feature_content_goods_flex_right_btn02 a {
        padding: 4% 0;
        font-size: 4vw;
    }

    .ss26-feature_content_txt_flex_item_jp p,
    .ss26_-feature_content_txt_flex_item_jp02 p {
        font-size: 4.7vw;
    }

    .ss26-feature_content_img_flex {
        gap: 17px;
    }

    .ss26-feature_content_goods_flex_left {
        width: 38%;
    }

    .ss26-feature_content_goods_flex_left img {
        max-height: 170px;
    }

    .ss26-feature_content_pa02 {
        margin: 7% 0;
    }

    .ss26-feature_content_goods_flex_img {
        width: 80%;
    }

    .ss26-feature_content_goods_flex_img03 {
        width: 20%;
    }

    .ss26-feature_content_goods_flex_img02 img {
        max-height: 20px;
    }

    .bg_wh.ss26 {
        background-color: #fff;
        padding: 12% 4% 2%;
    }
}



/* スライダー */
.ss26-slider {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 40px auto 10px;
}

.ss26-slider2 {
    margin-top: 2%;
}

.ss26-viewport {
    overflow: hidden;
    flex: 1;
    min-width: 0;
}

.ss26-arrow {
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    z-index: 10;
    padding-top: 30px;
    padding-bottom: 30px;
}

.ss26-arrow::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    margin: auto;
}

.ss26-arrow:nth-of-type(1):before {
    transform: rotate(-135deg);
}

.ss26-arrow:nth-of-type(2):before {
    transform: rotate(45deg);
}

.ss26-slide {
    flex-shrink: 0;
    width: calc(100% / 2.5);
    padding: 0 6px;
    box-sizing: border-box;
}


.ss26-slide img {
    width: 100%;
    height: auto;
    display: block;
}

.ss26-slider .feature_bratop_txt {
    font-size: 17px !important;
}

.ss26-slider p.feature_bratop_price {
    font-size: 20px !important;
}

@media (max-width: 767px) {
    .ss26-slider {
        margin: 20px auto 10px;
    }

    .ss26-slider2 {
        margin-top: 2%;
    }

    .ss26-slider .feature_bratop_txt {
        font-size: 3.5vw !important;
    }

    .ss26-slider p.feature_bratop_price {
        font-family: futura-pt, sans-serif !important;
        font-size: 4vw !important;
    }

    .ss26-arrow {
        padding-top: 45px;
        padding-bottom: 15px;
    }

    .ss26-arrow::before {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
    }
}

/* 特集ページ｜26ss-feture END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜2026gw */
/* https://bambiwater.jp/shop/information/2026gw */

.gw2026_intro {
    background: #cfe5df;
    padding: 8% 5%;
}

.gw2026_intro .txt p {
    text-align: center;
    color: #007780;
    font-weight: bold;
    font-size: 30px !important;
}

.gw2026_coupon {
    padding: 6% 0;
}

.gw2026_coupon p.fsK {
    font-size: 10px !important;
    color: #007780 !important;
    text-align: left !important;
}

.gw2026_intro h2.spring_content_ttl {
    padding: 5% 0 !important;
}

span.gw2026_content_ttl_en {
    text-align: center;
    font-family: futura-pt, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 100px !important;
    color: #007780;
    letter-spacing: 0.05em;
    line-height: 1 !important;
}

.gw2026_link_btn ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    gap: 1em 0;
}

.gw2026_link_btn ul li {
    width: calc((100% - 1em)/2);
    margin-bottom: 0 !important;
    list-style: none;
}

.gw2026_link_btn li img {
    width: 100%;
}

/* gw2026_swiper */

.gw2026_swiper .slide-content {
    margin-top: 2em;
    display: flex;
    align-items: start;
    gap: 0 1em;
}

.gw2026_swiper .left {
    width: 28%;
}

.gw2026_swiper .right {
    width: 68%;
    display: flex;
    flex-direction: column;
    gap: 1em 0;
}

.gw2026_swiper .slide-date {
    font-weight: bold;
    font-size: 35px;
    color: #fff;
}

.gw2026_swiper .slide-date.sm {
    font-size: 32px;
}

.gw2026_swiper .slide-colour {
    height: 30px;
}

.gw2026_swiper .slide-colour img {
    height: 100%;
    width: auto;
}

.gw2026_swiper .slide-price {
    font-family: futura-pt, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 35px;
    color: #fff;
}

.gw2026_swiper .slide-item img {
    width: 100%;
    height: auto;
    display: block;
}

.gw2026_swiper .slide-btn {
    margin-top: 2em;
}

.gw2026_swiper .slide-btn a {
    background: #fff;
    width: 100%;
    display: block;
    text-align: center;
    padding: 1% 0;
    color: #1a7980;
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    letter-spacing: 0.1em;
    font-size: 40px;
}

/* ページネーション */
.swiper-area.gw2026_only {
    width: 100% !important;
    position: relative !important;
}

.gw2026_only .swiper-pagination-bullet {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: 2px solid #fff !important;
    opacity: 1 !important;
    z-index: 999;
    box-sizing: border-box !important;
}

.gw2026_only .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #fff !important;
}

.gw2026_only .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px !important;
}

.gw2026_only .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -7% !important;
}

/* 矢印 */
.gw2026_only .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    top: 35% !important;
    left: 0 !important;
}

.gw2026_only .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    top: 35% !important;
    right: 0;
}

.gw2026_only .swiper-button-next,
.gw2026_only .swiper-button-prev {
    width: 50px !important;
    height: 70px !important;
    background: rgba(255, 255, 255, 0.5);
    /* background: #fff; */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.gw2026_only .swiper-button-next::after,
.gw2026_only .swiper-button-prev::after {
    font-size: 30px !important;
    font-weight: bold;
    color: #007780 !important;
}


@media (max-width: 768px) {

    .gw2026_intro {
        padding: 10% 5%;
    }

    .gw2026_coupon {
        padding: 8% 0;
    }

    span.gw2026_content_ttl_en {
        font-size: 14vw !important;
    }

    .gw2026_intro .txt p {
        font-size: 4.3vw !important;
    }

    /* gw2026_swiper */
    .gw2026_swiper .slide-content {
        margin-top: 1.5em;
        gap: 0 1em;
    }

    .gw2026_swiper .left {
        width: 28%;
    }

    .gw2026_swiper .right {
        width: 68%;
        gap: 0.7em 0;
    }

    .gw2026_swiper .slide-date {
        font-size: 4.557vw;
    }

    .gw2026_swiper .slide-date.sm {
        font-size: 4.167vw;
    }

    .gw2026_swiper .slide-colour {
        height: 3.906vw;
    }

    .gw2026_swiper .slide-price {
        font-size: 4.557vw;
    }

    .gw2026_swiper .slide-btn {
        margin-top: 1.5em;
    }

    .gw2026_swiper .slide-btn a {
        padding: 1% 0;
        font-size: 5.208vw;
    }

    /* ページネーション */
    .gw2026_only .swiper-pagination-bullet {
        width: 20px !important;
        height: 20px !important;
    }

    .gw2026_only .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: -10% !important;
    }

    /* 矢印 */
    .gw2026_only .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        top: 35% !important;
        left: 0 !important;
    }

    .gw2026_only .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        top: 35% !important;
        right: 0 !important;
    }

    .gw2026_only .swiper-button-next,
    .gw2026_only .swiper-button-prev {
        width: 10.51vw !important;
        height: 13.115vw !important;
    }

    .gw2026_only .swiper-button-next::after,
    .gw2026_only .swiper-button-prev::after {
        font-size: 5.906vw !important;
    }
}

/* 2026gw共通 */
.gw2026_bg {
    background: #9dcfca;
}

.gw2026_common {
    padding: 10% 0 20%;
}

.gw2026_common.medi {
    padding: 5% 0 20%;
}

.gw2026_common.bt {
    padding: 5% 0 20%;
}

.gw2026_common {
    padding: 10% 0 20%;
}

.gw2026_common .title {
    margin: 0 0 8% 0;
    padding: 0 5%;
}

.gw2026_common .sub {
    text-align: center !important;
    font-family: futura-pt, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 30px !important;
    color: #fff;
    letter-spacing: 0.05em;
}

.gw2026_common .ttl {
    text-align: center !important;
    font-family: futura-pt, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 100px !important;
    color: #007780;
    letter-spacing: 0.05em;
    line-height: 1 !important;
}

.gw2026_common .txt {
    text-align: center !important;
    color: #fff;
    font-weight: bold;
    margin-top: 1em !important;
    font-size: 30px !important;
}

@media (max-width: 768px) {
    .gw2026_common {
        padding: 10% 0 23%;
    }

    .gw2026_common.medi {
        padding: 12% 0 23%;
    }

    .gw2026_common.bt {
        padding: 12% 0 40%;
    }

    .gw2026_common .sub {
        font-size: 3.906vw !important;
    }

    .gw2026_common .ttl {
        font-size: 13.021vw !important;
    }

    .gw2026_common .txt {
        font-size: 4.3vw !important;
    }
}

.bg_gw2026 {
    background: #cfe5df;
    padding: 9% 3% 5%;
}

@media screen and (max-width: 768px) {
    .bg_gw2026 {
        padding: 12% 3% 5%;
    }
}


/* 特集ページ｜2026gw END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜ショーツ特集 */
/*カード*/
.shots_topics {
    background-color: #fff;
    padding: 6% 5% 5%;
    margin: 40px auto;
}

.shots_topics h3 {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid;
    margin-bottom: 40px;
    margin-top: 0;
    color: #b29442;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
}

.shots_topics h3 .fs-big {
    font-size: 54px;
    line-height: 1;
}

.shots_topics h3 .fs-big .futura {
    font-size: 80px !important;
    letter-spacing: -5px;
    vertical-align: -4px;
}

.feature_shorts_category.category-slider-in {
    padding-top: 50px;
}

@media (max-width: 767px) {
    .shots_topics h3 {
        font-size: 4.7vw !important;
        margin-bottom: 30px;
    }

    .shots_topics h3 .fs-big {
        font-size: 7.5vw !important;
    }

    .shots_topics h3 .fs-big .futura {
        font-size: 12vw !important;
    }

    .feature_shorts_category.category-slider-in {
        padding-top: 30px;
        margin-top: 50px;
    }
}

/* スライダー */
.category-slider {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 40px auto 10px;
}

.category-viewport {
    overflow: hidden;
    flex: 1;
    min-width: 0;
}

.category-arrow {
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    z-index: 10;
    padding-top: 30px;
}

.category-arrow::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    margin: auto;
}

.category-arrow:nth-of-type(1):before {
    transform: rotate(-135deg);
}

.category-arrow:nth-of-type(2):before {
    transform: rotate(45deg);
}

.category-slide {
    flex-shrink: 0;
    width: calc((100% - 8px * 1.5) / 2.5);
    box-sizing: border-box;
    padding: 0 !important;
}

.category-track {
    display: flex;
    gap: 10px;
    transition: transform 0.3s ease;
}

.category-slide img {
    width: 100%;
    height: auto;
    display: block;
}

.category-slider .feature_bratop_txt {
    font-size: 17px !important;
}

.category-slider p.feature_bratop_price {
    font-size: 20px !important;
}

@media (max-width: 767px) {
    .category-slider {
        margin: 20px auto 10px;
    }

    .category-slider .feature_bratop_txt {
        font-size: 3.2vw !important;
    }

    .category-slider p.feature_bratop_price {
        font-family: futura-pt, sans-serif !important;
        font-size: 3.4vw !important;
    }

    .category-slider p.feature_bratop_price span.feature_sale_txt {
        font-family: futura-pt, sans-serif !important;
        font-size: 2.8vw !important;
    }

    .category-arrow::before {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
    }

}

/* 特集ページ｜ショーツ特集 END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜26SS(BAMBI WATER) */
.fv_youtube {
    position: relative;
    width: 100%;
    max-width: 720px;
    /* 好きに調整OK */
    margin: 0 auto;
}

.fv_youtube::before {
    content: "";
    display: block;
    padding-top: 177.78%;
    /* 9:16 */
}

.fv_youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ss26_section-lead {
    margin: 8rem auto 8rem;
}

.ss26_title-main {
    position: relative;
    width: 31rem;
    margin: 0 auto 6.6rem;
    text-align: center;
}

.ss26_title-main::after {
    position: absolute;
    content: "";
    background: #000;
    width: 0.1rem;
    height: 2.3rem;
    bottom: -4.6rem;
}

.ss26_section-lead__lead:first-of-type {
    margin-top: 0 !important;
    font-size: 1.4rem !important;
    line-height: 1.8 !important;
}

.ss26_section-lead__lead {
    font-size: 1.1rem !important;
    text-align: center !important;
    line-height: 2 !important;
}

.ss26_pt16 {
    padding-top: 1rem !important;
}

.ss26_cupintops__inner {
    padding: 0 1rem 1rem;
    overflow: hidden;
}

.ss26_l__inner {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
}

.ss26_cupintops__img-wrap {
    position: relative;
    display: flex;
}

.ss26_cupintops__text {
    position: absolute;
    right: 0;
    top: 2.5rem;
    font-family: "din-2014", sans-serif !important;
    font-weight: 300;
    font-style: normal;
    font-size: 1rem !important;
    z-index: 1;
}

.u-text-r {
    text-align: right !important;
}

.ss26_cupintops__img--1 {
    width: 31rem;
}

.ss26_cupintops__title {
    display: block;
    position: absolute;
    left: 0;
    bottom: -0.8rem;
    font-family: "din-2014", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 3.6rem !important;
    letter-spacing: 0.01em;
    line-height: 1.15 !important;
    z-index: 1;
}

.ss26_cupintops__img--2 {
    margin-top: -11rem;
    width: 20rem;
}

.u-r {
    margin-left: auto;
}

.u-l {
    margin-right: auto;
}


.ss26_bambiwater_content .look--1 .look__img--1 {
    width: 86%;
}

.ss26_bambiwater_content .look__mBtn {
    position: relative;
    cursor: pointer;
}

.ss26_bambiwater_content .look--1 {
    margin-top: 12rem;
}

.ss26_bambiwater_content .look__title {
    display: block;
    font-family: "DIN Alternate", sans-serif;
    font-size: 4.7rem;
    letter-spacing: 0.01em;
    line-height: 0.95;
    color: #000;
}

.ss26_bambiwater_content .look__title-wrap--vertical {
    writing-mode: vertical-rl;
}

.ss26_bambiwater_content .look__title-wrap--vertical .look__title-sub {
    margin-right: 0.8rem;
}

.ss26_bambiwater_content .look__title-sub {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0;
}

.ss26_bambiwater_content .look__title-wrap {
    position: absolute;
    z-index: 1;
    display: grid;
    grid-auto-flow: row;
}

.ss26_bambiwater_content .look--1 .look__title-wrap {
    right: -2.6rem;
    top: 3rem;
}

.ss26_bambiwater_content .GLITTER_txt,
.ss26_bambiwater_content .STRAP_txt,
.ss26_bambiwater_content .SIDEGATHER_txt,
.ss26_bambiwater_content .BALLOON_txt {
    padding: 6rem 0 6rem 2rem;
    width: 80%;
    text-align: justify;
}

.ss26_bambiwater_content .BALLOON_txt {
    padding: 12rem 0 6rem 2rem;
    width: 80%;
    text-align: justify;
}

.ss26_bambiwater_content .GLITTER_txt p,
.ss26_bambiwater_content .STRAP_txt p,
.ss26_bambiwater_content .SIDEGATHER_txt p,
.ss26_bambiwater_content .BALLOON_txt p {
    font-size: 1.1rem !important;
    line-height: 2 !important;
}

.ss26_bambiwater_content .look--1 .look__img--2 {
    width: 30rem;
    margin-right: 2rem;
}

.ss26_bambiwater_content .look--1_product_btn {
    width: 30rem;
    margin-right: 2rem;
}

.ss26_bambiwater_content .look__product-name {
    font-family: "din-2014", sans-serif !important;
    font-size: 1.8rem !important;
    line-height: 1 !important;
    color: #000;
}

.ss26_bambiwater_content a.btn.btn--buy {
    display: inline-block;
    margin-left: 1.6rem;
    font-family: "DIN Alternate", sans-serif;
    font-size: 1.5rem;
    color: #000;
    border: 1px solid;
    padding: 10px 20px;
}

.ss26_bambiwater_content .look__product_btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1.5rem 0 0;
}

.ss26_bambiwater_content .look__product_btn_left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1.5rem 0 0;
}

.ss26_bambiwater_content .look--2 {
    margin-top: 12rem;
}

.ss26_bambiwater_content .look--2 .look__wrap {
    position: relative;
}

.ss26_bambiwater_content .look--2 .look__img--bg {
    position: absolute;
    top: 0;
}

.ss26_bambiwater_content .look--2 .look__title-wrap {
    left: 2rem;
    top: 4rem;
}

.ss26_bambiwater_content .look__title--wt .look__title,
.ss26_bambiwater_content .look__title--wt .look__title-sub {
    color: rgba(255, 255, 255, 0.7) !important;
}

.ss26_bambiwater_content .look--2 .look__img--1 {
    width: 76%;
}

.ss26_bambiwater_content .look__mBtn {
    position: relative;
    cursor: pointer;
}

.ss26_bambiwater_content .look--2 .look__img--2 {
    width: 30rem;
    margin-top: 8rem;
    margin-left: 2rem;
    z-index: 1;
    position: relative;
}

.ss26_bambiwater_content .ASYMMETRY_txt {
    padding: 6rem 2rem 0 0;
    width: 75%;
    text-align: justify;
}

.ss26_bambiwater_content .look--2_product_btn {
    padding: 1.5rem 2rem 0 0;
    width: 75%;
    margin-left: auto;
}

.ss26_bambiwater_content .ASYMMETRY_txt_p {
    font-size: 1.1rem !important;
    line-height: 2 !important;
}

.ss26_bambiwater_content .look--3 .look__title-wrap {
    right: 2rem;
    top: -3.2rem;
}

.ss26_bambiwater_content .look--3 {
    margin-top: 14rem;
}

.ss26_bambiwater_content .look--3 .look__title-wrap {
    right: 2rem;
    top: -2.2rem;
}

.ss26_bambiwater_content .look--3 .look__img--2 {
    width: 68%;
    margin-right: 2rem;
}

.ss26_bambiwater_content .look--3_product_btn,
.ss26_bambiwater_content .look--4_product_btn,
.ss26_bambiwater_content .look--6_product_btn {
    margin-right: 2rem;
}

.ss26_bambiwater_content .look--4 {
    margin-top: 12rem;
}

.ss26_bambiwater_content .look--4 .look__img--1 {
    width: 86%;
}

.ss26_bambiwater_content .look--4 .look__title-wrap {
    right: -2.6rem;
    top: 3rem;
}

.ss26_bambiwater_content .look--4 .look__wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 95%;
}

.ss26_bambiwater_content .look--5 {
    margin-top: 12rem;
}

.ss26_bambiwater_content .look--5 .look__img--1 {
    width: 86%;
    margin-left: auto;
}

.ss26_bambiwater_content .look--5 .look__wrap {
    position: relative;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    width: 73%;
    margin-top: 8rem;
    margin-left: 2rem;
}

.ss26_bambiwater_content .look--5 .look__title-wrap {
    right: -8rem;
    top: 0;
}

.ss26_bambiwater_content .AMERICANSLEEVE_txt {
    padding: 5rem 2rem 0;
    width: 100%;
    text-align: justify;
}

.ss26_bambiwater_content .AMERICANSLEEVE_txt p {
    font-size: 1.1rem !important;
    line-height: 2 !important;
}

.ss26_bambiwater_content .look--5_product_btn {
    margin-left: 2rem;
}

.ss26_bambiwater_content .look--6 {
    margin-top: 12rem;
}

.ss26_bambiwater_content .look--6 .look__title-wrap {
    bottom: -6rem;
    left: 0.7rem;
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 100%;
}

.ss26_bambiwater_content .look--6 .look__title-wrap>span {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 100%;
}

.ss26_bambiwater_content .look--6 .look__title-sub {
    margin-right: 2.5rem;
}

.ss26_bambiwater_content .look--6 .look__img--1 {
    padding: 0 2rem;
    width: 100%;
    margin: auto;
}

.ss26_bambiwater_content .look--6 .look__img--2 {
    width: 68%;
    margin-right: 2rem;
}

.ss26_bambiwater_content .look--7 {
    margin-top: 12rem;
}

.ss26_bambiwater_content .look--7 .look__img--3 {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.ss26_bambiwater_content .look--7 .look__title-wrap {
    right: 0;
    left: 0;
    top: -0.6rem;
    margin: 0 auto;
    text-align: center;
}

.ss26_bambiwater_content .look--7 .look__item-fr {
    position: absolute;
    width: 90%;
    margin: 0 auto;
    left: 50%;
    top: 25.5%;
    transform: translate(-50%, -50%);
    padding-top: -18.5rem;
    z-index: 1;
}

.ss26_bambiwater_content .look--7 .look__img--2 {
    width: 30rem;
    margin-top: 7rem;
    margin-left: 2rem;
}

.ss26_bambiwater_content .OFFSHOULDER_txt {
    padding: 5rem 2rem 0;
    width: 100%;
    text-align: justify;
}

.ss26_bambiwater_content .OFFSHOULDER_txt p {
    font-size: 1.1rem !important;
    line-height: 2 !important;
}

.ss26_bambiwater_content .look--7_product_btn {
    margin-left: 2rem;
}

.ss26_bambiwater_content .section-product {
    margin: 12rem auto 0;
}

.ss26_bambiwater_content .section-product__title {
    font-size: 2.8rem !important;
    text-align: center;
    font-family: "din-2014", sans-serif !important;
    color: #000;
}

.ss26_bambiwater_content .product-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin-top: 2rem !important;
    margin-left: 0 !important;
    gap: 0;
}

.ss26_bambiwater_content .product-list__item:nth-child(-n+6) {
    grid-column: span 3;
}

.ss26_bambiwater_content .product-list__item:nth-child(n+7) {
    grid-column: span 2;
}

.ss26_bambiwater_content .product-list__item {
    position: relative;
}

.ss26_bambiwater_content .product-list li {
    list-style: none !important;
    margin-bottom: 0 !important;
}

.ss26_bambiwater_content .product-list a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    transition: all .3s ease;
}

.ss26_bambiwater_content .product-list__name {
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: 1.4rem;
    font-family: "din-2014", sans-serif !important;
    font-size: 1rem !important;
    color: #fff !important;
    text-align: center;
    line-height: 1.3;
    z-index: 0;
}

.ss26_bambiwater_content .section-philosophy {
    padding: 0 2rem;
}

.ss26_bambiwater_content .philosophy__inner {
    position: relative;
    background: url(https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/26ss_philosophy_bg.webp) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 4.5rem 1.5rem;
    color: #fff !important;
    text-align: center;
}

.ss26_bambiwater_content .philosophy__title-b {
    font-family: futura-pt, sans-serif !important;
    font-weight: 300 !important;
    font-size: 1.7rem;
    letter-spacing: .16em;
}

.ss26_bambiwater_content .philosophy__title-main {
    width: 23.2rem;
    margin: 0.6rem auto 0;
}

.ss26_bambiwater_content .philosophy__title img {
    margin: 0.6rem auto 0 !important;
}

.ss26_bambiwater_content .philosophy__title-sub {
    font-size: 1.4rem;
    margin-top: 1.2rem;
    display: block;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;
}

.ss26_bambiwater_content .philosophy__text {
    font-family: futura-pt, sans-serif !important;
    font-weight: 300 !important;
    font-size: 1.3rem;
    letter-spacing: 0.08em;
    line-height: 1.8;
    margin: 2rem auto 0;
    width: 32rem;
    max-width: 100%;
    color: #fff !important;
    padding: 1.6rem 0 0;
}

.ss26_bambiwater_content .section-philosophy {
    padding: 7rem 2rem 6rem;
}

/* 動き　　*/
.js-fade {
    opacity: 0;
    /* transform: translateY(20px); */
    transition: opacity 0.8s ease-in;
}

.js-fade.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.fadeup.is-inview,
.fadeup-sm.is-inview,
.fadein-late.is-inview {
    opacity: 1;
    transform: translateY(0);
}

.fadeup-sm {
    opacity: 0;
    transform: translateY(0px);
    transition: all 0.8s ease;
}

.u-fade-left {
    transform: translateX(-18px);
    transition: opacity 1.8s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-width: 768px) {
    .ss26_title-main {
        width: 70.3vw;
        margin: 0 auto 20.8vw;
    }

    .ss26_section-lead {
        margin: 19.7vw auto 16.9vw;
    }

    .ss26_title-main::after {
        width: 0.233vw;
        height: 4.65vw;
        bottom: -14.69vw;
    }

    .ss26_section-lead__lead:first-of-type {
        font-size: 4vw !important;
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .ss26_section-lead__lead {
        font-size: 3.02vw !important;
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .ss26_cupintops__img--1 {
        width: 64.65vw;
    }

    .ss26_cupintops__text {
        font-weight: 600;
        top: 5.186vw;
        font-size: 2.2vw !important;
    }

    .ss26_cupintops__inner {
        padding: 0 4vw 2.5vw;
    }

    .ss26_cupintops__img--2 {
        margin-top: -26.744vw;
        width: 44.65vw;
    }

    .ss26_cupintops__title {
        bottom: -1.395vw;
        font-size: 7.6vw !important;
    }

    .ss26_bambiwater_content .look--1 {
        margin-top: 39.53vw;
    }

    .ss26_bambiwater_content .look__title {
        display: block;
        font-family: "DIN Alternate", sans-serif;
        font-size: 4.7rem;
        letter-spacing: 0.01em;
        line-height: 0.95;
        color: #000;
        font-size: 11.62vw;
    }

    .ss26_bambiwater_content .look__title-sub {
        font-size: 3.02vw;
    }

    .ss26_bambiwater_content .look--1 .look__title-wrap {
        right: -6.97vw;
        top: 8.14vw;
    }

    .ss26_bambiwater_content .look--1 .look__img--1 {
        width: 84.88vw;
    }

    .ss26_bambiwater_content .GLITTER_txt p,
    .ss26_bambiwater_content .STRAP_txt p,
    .ss26_bambiwater_content .SIDEGATHER_txt p,
    .ss26_bambiwater_content .BALLOON_txt p {
        font-size: 3.2vw !important;
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .ss26_bambiwater_content .GLITTER_txt,
    .ss26_bambiwater_content .SIDEGATHER_txt {
        padding: 15vw 0 15vw 4vw;
    }

    .ss26_bambiwater_content .look--1 .look__img--2 {
        margin-right: 4vw;
        width: 58.83vw;
    }

    .ss26_bambiwater_content .look__product-name {
        line-height: 1.3 !important;
        color: #000;
        font-size: 4.3vw !important;
    }

    .ss26_bambiwater_content a.btn.btn--buy {
        margin-left: 3vw;
        font-size: 4.5vw;
        padding: 7px 14px;
    }

    .ss26_bambiwater_content .look--1_product_btn {
        width: 95%;
        margin-right: 4vw;
    }

    .ss26_bambiwater_content .look--2 {
        margin-top: 39.53vw;
    }

    .ss26_bambiwater_content .look--2 .look__img--1 {
        width: 73.25vw;
    }

    .ss26_bambiwater_content .look--2 .look__title-wrap {
        left: 4vw;
        top: 9vw;
    }

    .ss26_bambiwater_content .look--2 .look__img--2 {
        width: 55.83vw;
        margin-top: 22.16vw;
        margin-left: 6vw;
    }

    .ss26_bambiwater_content .ASYMMETRY_txt_p {
        font-size: 3.2vw !important;
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .ss26_bambiwater_content .ASYMMETRY_txt {
        width: 86%;
        padding: 15vw 4vw 5vw 0;
    }

    .ss26_bambiwater_content .look--2_product_btn {
        padding: 0 4vw 0 0;
        width: 95%;
        justify-content: flex-end;
    }

    .ss26_bambiwater_content .look--3 {
        margin-top: 45.53vw;
    }

    .ss26_bambiwater_content .look--3 .look__title-wrap {
        right: 3.488vw;
        top: -5.97vw;
    }

    .ss26_bambiwater_content .STRAP_txt {
        padding: 15vw 0 15vw 4vw;
        width: 84%;
    }

    .ss26_bambiwater_content .look--3 .look__img--2 {
        width: 70vw;
        margin-right: 4vw;
    }

    .ss26_bambiwater_content .look--3_product_btn,
    .ss26_bambiwater_content .look--4_product_btn,
    .ss26_bambiwater_content .look--6_product_btn {
        margin-right: 4vw;
    }

    .ss26_bambiwater_content .look--4 {
        margin-top: 39.53vw;
    }

    .ss26_bambiwater_content .look--4 .look__title-wrap {
        right: -6.97vw;
        top: 6.3vw;
    }

    .ss26_bambiwater_content .look--4 .look__img--1 {
        width: 84.88vw;
    }

    .ss26_bambiwater_content .look--4 .look__wrap {
        width: 95.82vw;
    }

    .ss26_bambiwater_content .look--5 {
        margin-top: 39.53vw;
    }

    .ss26_bambiwater_content .look--5 .look__img--1 {
        width: 84vw;
    }

    .ss26_bambiwater_content .look--5 .look__wrap {
        gap: 3.488vw;
        width: 67.44vw;
        margin-top: 18.6vw;
        margin-left: 4vw;
    }

    .ss26_bambiwater_content .look--5 .look__title-wrap {
        right: -20.26vw;
    }

    .ss26_bambiwater_content .AMERICANSLEEVE_txt {
        padding: 15vw 4vw 0;
    }

    .ss26_bambiwater_content .AMERICANSLEEVE_txt p {
        font-size: 3.2vw !important;
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .ss26_bambiwater_content .look--5_product_btn {
        margin-left: 4vw;
    }

    .ss26_bambiwater_content .look__product_btn {
        padding: 5vw 0 0;
    }

    .ss26_bambiwater_content .look--6 {
        margin-top: 39.53vw;
    }

    .ss26_bambiwater_content .look--6 .look__title-wrap {
        bottom: -16.27vw;
        left: 0;
    }

    .ss26_bambiwater_content .look--6 .look__img--1 {
        padding: 0;
        width: 86.05vw;
    }

    .ss26_bambiwater_content .look--6 .look__title-sub {
        margin-right: 0;
    }

    .ss26_bambiwater_content .look--6 .look__title {
        left: -4.65vw;
        position: relative;
    }

    .ss26_bambiwater_content .BALLOON_txt {
        padding: 30vw 0 15vw 4vw;
    }

    .ss26_bambiwater_content .look--6 .look__img--2 {
        width: 75vw;
        margin-right: 4vw;
    }

    .ss26_bambiwater_content .look--7 .look__title-wrap {
        top: -1.5vw;
    }

    .ss26_bambiwater_content .look--7 .look__item-fr {
        width: 86%;
        top: 23.6%;
    }

    .ss26_bambiwater_content .look--7 .look__img--2 {
        margin-top: 15vw;
        margin-left: 4vw;
        width: 71.12vw;
    }

    .ss26_bambiwater_content .OFFSHOULDER_txt {
        padding: 15vw 4vw 0;
    }

    .ss26_bambiwater_content .OFFSHOULDER_txt p {
        font-size: 3.2vw !important;
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .ss26_bambiwater_content .look--7_product_btn {
        margin-left: 4vw;
    }

    .ss26_bambiwater_content .look--7 {
        margin-top: 39.53vw;
    }

    .ss26_bambiwater_content .section-product {
        margin: 39.53vw auto 0;
    }

    .ss26_bambiwater_content .section-product__title {
        font-size: 8.5vw !important;
    }

    .ss26_bambiwater_content .product-list {
        margin-top: 5vw !important;
    }

    .ss26_bambiwater_content .product-list__name {
        bottom: 2.4vw;
        font-size: 3.4vw !important;
        text-align: center !important;
        line-height: 1.2 !important;
    }

    .ss26_bambiwater_content .product-list__item:nth-child(n+7) .product-list__name {
        font-size: 2.6vw !important;
    }

    .ss26_bambiwater_content .philosophy__inner {
        padding: 10vw 3.48vw;
    }

    .ss26_bambiwater_content .section-philosophy {
        padding: 20vw 4vw 18vw;
    }

    .ss26_bambiwater_content .philosophy__title-b {
        font-size: 3.95vw;
        font-weight: 500 !important;
    }

    .ss26_bambiwater_content .philosophy__title-main {
        width: 54vw;
        margin: 2.4vw auto 0;
    }

    .ss26_bambiwater_content .philosophy__title-sub {
        font-size: 3.25vw;
        margin-top: 2.8vw;
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .ss26_bambiwater_content .philosophy__text {
        font-size: 3vw !important;
        line-height: 2;
        margin: 6.9vw auto 0;
        width: 88vw;
        text-align: center !important;
        font-weight: 400 !important;
    }
}

/* 特集ページ｜26SS(BAMBI WATER) END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜summer2026  */
/* https://bambiwater.jp/shop/information/summer2026 */


.summer2026_bg01 {
    background-image: url("https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/summer2026_bg01.webp");
    background-size: 100% auto;
    background-repeat: repeat-y;
    background-position: top center;
}

.summer2026_bg02 {
    background-image: url("https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/summer2026_bg02.webp");
    background-size: 100% auto;
    background-repeat: repeat-y;
    background-position: top center;
}

.summer2026_intro {
    padding: 8% 5% 12%;
}

.summer2026_intro .txt p {
    text-align: center;
    color: #1a2a3a;
}

.summer2026_intro p.fsK {
    color: #1a2a3a !important;
}

.summer2026_link_btn ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    gap: 1em 0;
}

.summer2026_link_btn ul li {
    width: calc((100% - 1em)/2);
    margin-bottom: 0 !important;
    list-style: none;
}

.summer2026_link_btn li img {
    width: 100%;
}



span.summer2026_content_ttl_en {
    text-align: center;
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 90px !important;
    color: #1a6db5 !important;
}

span.summer2026_content_ttl_jp {
    color: #1a2a3a !important;
    font-size: 32px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
}

h2.summer2026_content_ttl {
    text-align: center;
    line-height: 1.3;
    font-weight: bold;
    padding: 0 0 5%;
}

.summer2026_content_inner {
    padding: 8% 0 12%;
}

.summer2026_content_inner.last {
    padding: 8% 0 12%;
}

.summer2026_content_abs01 img,
.summer2026_content_abs02 img,
.summer2026_content_abs03 img {
    width: 100%;
}

.summer2026_content_img {
    position: relative;
}

.summer2026_content_abs01,
.summer2026_content_abs03 {
    position: absolute;
    top: 0;
    right: 8%;
    z-index: 1;
}

.summer2026_content_abs02 {
    position: absolute;
    top: 0;
    left: 6%;
    z-index: 1;
}

p.summer2026_content_ttl {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
    writing-mode: vertical-rl;
    padding: 20% 0 0 15%;
    letter-spacing: 0.1em;
    color: #1a6db5 !important;
}

p.summer2026_content_ttl02 {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
    writing-mode: vertical-rl;
    padding: 20% 0 0 11%;
    letter-spacing: 0.1em;
    color: #1a6db5 !important;
}

.summer2026_content_img_bg {
    padding: 6% 0 0;
    overflow: hidden;
}

.summer2026_content_txt_flex {
    display: flex;
    align-items: center;
    gap: 20px;
}

.summer2026_content_txt {
    padding: 40px 5%;
}

.summer2026_content_txt_flex_item_jp {
    text-align: justify;
    border-left: 2px solid #1a6db5;
    padding-left: 20px;
    width: 140%;
}

.summer2026_content_txt_flex_item_jp p {
    color: #1a2a3a !important;
}

.summer2026_content_txt_flex_item_jp02 {
    text-align: justify;
    border-left: 2px solid #1a6db5;
    padding-left: 20px;
    width: 140%;
}

.summer2026_content_txt_flex_item_jp02 p {
    color: #1a2a3a !important;
}

.summer2026_content_txt_flex_en p {
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 23px !important;
    color: #1a6db5 !important;
}

.summer2026_content_txt_flex_en02 p {
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 23px !important;
    color: #1a6db5 !important;
}

.summer2026_content_goods_flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.summer2026_content_goods_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.summer2026_content_goods_flex_right_ttl p {
    font-weight: bold;
    font-size: 30px;
    padding: 0 0 4%;
    color: #1a2a3a !important;
}

.summer2026_content_goods_flex_right_ttl02 p {
    font-weight: bold;
    font-size: 30px;
    color: #1a2a3a !important;
}

.summer2026_content_goods_flex_right_txt p {
    color: #1a2a3a !important;
}

.summer2026_content_goods_flex_img {
    width: 70%;
}

.summer2026_goods_price {
    font-size: 30px !important;
    color: #1a2a3a !important;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    padding: 3% 0;
}

.summer2026_goods_price02 {
    font-size: 30px !important;
    color: #1a2a3a !important;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    padding: 0 0 3%;
}

.summer2026_content_goods_flex_right_btn a {
    background: #1a6db5;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5% 0;
    color: #fff;
    font-family: futura-pt, sans-serif !important;
    font-size: 23px;
    transition-duration: .4s;
}

.summer2026_content_goods_flex_right_btn02 a {
    background: #1a6db5;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5% 0;
    color: #fff;
    font-family: futura-pt, sans-serif !important;
    font-size: 23px;
    transition-duration: .4s;
}

.summer2026_content_img_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    padding: 2% 0;
    position: relative;
}

.summer2026_content_cupin_img {
    padding: 2% 5% 10%;
}

.summer2026_content_goods_flex_right {
    width: 55%;
}

.summer2026_content_goods_flex_left {
    width: 27%;
}

.summer2026_content_goods_flex_left02 {
    width: 22%;
}

.summer2026_bottom {
    padding: 12% 5% 4%
}

.feature_bratop_btn_summer2026 {
    padding: 4% 0 0;
}

@media screen and (max-width: 767px) {
    .center_txt p {
        text-align: center !important;
    }

    .summer2026_intro {
        padding: 12% 5%;
    }

    .summer2026_intro p {
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .summer2026_coupon {
        padding: 8% 0;
    }

    .summer2026_link_btn_flex {
        gap: 13px;
    }

    span.summer2026_content_ttl_en {
        font-size: 14vw !important;
    }

    span.summer2026_content_ttl_jp {
        font-size: 6vw !important;
        font-family: "Yu Gothic Pr6N B" !important;
        font-weight: bold;
    }

    h2.summer2026_content_ttl {
        font-size: 6.5vw;
        padding: 0 0 4%;
    }

    p.summer2026_content_ttl02 {
        font-family: "Yu Gothic Pr6N B" !important;
        font-weight: bold;
        font-size: 6.5vw;
        padding: 18% 0 0 0%;
    }

    .summer2026_content_inner {
        padding: 8% 0 12%;
    }

    .summer2026_content_inner.last {
        padding: 8% 0 12%;
    }

    p.summer2026_content_ttl {
        font-family: "Yu Gothic Pr6N B" !important;
        font-weight: bold;
        font-size: 6.5vw;
        padding: 18% 0 0 3%;
    }

    .summer2026_content_txt {
        padding: 7% 5%;
    }

    .summer2026_content_img_bg {
        padding: 7% 0 0;
    }

    .summer2026_content_abs01 {
        top: 0%;
        right: 6% !important;
    }

    .summer2026_content_abs02 {
        top: 0%;
        left: 6% !important;
    }

    .summer2026_content_abs01 img {
        /* width: 53%; */
        width: 17vw;
    }

    .summer2026_content_abs02 img {
        /* width: 53%; */
        width: 17vw;
    }

    .summer2026_content_txt_flex_en p {
        font-size: 3.5vw !important;
        writing-mode: vertical-rl;
    }

    .summer2026_content_txt_flex_en02 p {
        font-size: 3.5vw !important;
        writing-mode: vertical-rl;
    }

    .summer2026_content_txt_flex_en {
        width: 5%;
    }

    .summer2026_content_txt_flex_en02 {
        width: 5%;
    }

    .summer2026_content_txt_flex_item_jp {
        border-left: 1px solid #a6bdc0;
        padding-left: 15px;
        margin-left: 15px;
        width: 100%;
    }

    .summer2026_content_txt_flex_item_jp02 {
        border-left: 1px solid #a5acc0;
        padding-left: 15px;
        margin-left: 15px;
        width: 100%;
    }

    .summer2026_content_txt_flex {
        gap: 0;
    }

    .summer2026_content_goods_flex {
        gap: 20px;
    }

    .summer2026_content_goods_flex_right_ttl p {
        font-size: 4vw;
        font-family: "Yu Gothic Pr6N B" !important;
        font-weight: bold;
    }

    .summer2026_goods_price {
        font-size: 4vw !important;
        padding: 5% 0;
    }

    .summer2026_content_goods_flex_right_btn a {
        padding: 4% 0;
        font-size: 4vw;
    }

    .summer2026_content_goods_flex_right_ttl02 p {
        font-size: 4vw;
    }

    .summer2026_goods_price02 {
        font-size: 4vw !important;
    }

    .summer2026_content_goods_flex_right_btn02 a {
        padding: 4% 0;
        font-size: 4vw;
    }

    .summer2026_content_txt_flex_item_jp p,
    .summer2026_content_txt_flex_item_jp02 p {
        font-family: "Yu Gothic Pr6N M" !important;
        font-size: 4.7vw;
    }

    .summer2026_content_img_flex {
        gap: 17px;
    }

    .summer2026_content_goods_flex_img {
        width: 80%;
    }

    .summer2026_content_goods_flex_img02 {
        width: 100%;
    }

    .summer2026_content_goods_flex_img03 {
        width: 20%;
    }

    .bg_pink {
        padding: 12% 3% 5%;
    }

    .feature_bratop_btn_summer2026 {
        padding: 0;
    }
}

/* モーション */
@keyframes zoomOut_anime {
    0% {
        transform: scale(1.1);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.summer2026_fadein {
    opacity: 0;
    /* ← 最初は隠す */
    will-change: transform, opacity;
}

.summer2026_fadein.is-animated {
    animation-name: zoomOut_anime;
    animation-duration: 4s;
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-fill-mode: both;
}

/* 文字モーション */
.ttl_line {
    display: block;
    clip-path: inset(0 0 100% 0);
}

.summer2026_ttl_fadein.is-animated .ttl_line--1 {
    animation: clipReveal 0.9s cubic-bezier(0.0, 0.0, 0.2, 1) forwards;
    animation-delay: 1.5s;
}

.summer2026_ttl_fadein.is-animated .ttl_line--2 {
    animation: clipReveal 0.9s cubic-bezier(0.0, 0.0, 0.2, 1) forwards;
    animation-delay: 2s;
}

@keyframes clipReveal {
    0% {
        clip-path: inset(0 0 100% 0);
    }

    100% {
        clip-path: inset(0 0 0% 0);
    }
}

/* ホバー */
a.summer2026_link_btn_left {
    transition-duration: .4s;
}

a.summer2026_link_btn_left:hover {
    opacity: 0.5;
}

a.summer2026_link_btn_right {
    transition-duration: .4s;
}

a.summer2026_link_btn_right:hover {
    opacity: 0.5;
}

.summer2026_icon01 a:hover,
.summer2026_icon02 a:hover {
    background: #71999e;
}

.summer2026_icon03 a:hover,
.summer2026_icon04 a:hover,
.summer2026_icon05 a:hover,
.summer2026_icon06 a:hover,
.summer2026_icon07 a:hover {
    background: #7684ab;
}

.summer2026_content_goods_flex_right_btn a:hover,
.summer2026_content_goods_flex_right_btn02 a:hover {
    opacity: 0.5;
}

@media screen and (max-width: 768px) {
    a.summer2026_link_btn_left:active {
        opacity: 0.5;
    }

    a.summer2026_link_btn_right:active {
        opacity: 0.5;
    }

    .summer2026_icon01 a:active,
    .summer2026_icon02 a:active {
        background: #71999e;
    }

    .summer2026_icon03 a:active,
    .summer2026_icon04 a:active,
    .summer2026_icon05 a:active,
    .summer2026_icon06 a:active,
    .summer2026_icon07 a:active {
        background: #7684ab;
    }

    .summer2026_content_goods_flex_right_btn a:active,
    .summer2026_content_goods_flex_right_btn02 a:active {
        opacity: 0.5;
    }
}

/* 特集ページ｜summer2026 END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜brain_sc  */
/* https://bambiwater.jp/shop/information/brain_sc */
.brain_content {
    margin: -40px 0 -5%;
}

.brain_content .intro {
    background-color: #fff;
    padding: 10% 5%;
}

.brain_content .y_mark {
    background: linear-gradient(transparent 30%, #e3ecf1 70%);
}

.brain_content .bubble_left,
.brain_content .bubble_right {
    background-color: #f4f7f8;
}

.brain_content .bubble_left::after,
.brain_content .bubble_right::after {
    border-color: #f4f7f8 transparent transparent;
}

.brain_content .feature_pattern {
    background-color: #fff;
    padding: 8% 5% 10%;
}

.brain_content .feature_pattern h2 {
    color: #0165a0;
    border-bottom: 2px solid #0165a0;
    border-top: 2px solid #0165a0;
}

.brain_content section:nth-of-type(2) {
    margin-top: 80px;
    margin-bottom: 40px;
}

.brain_content span.left-border {
    border-left: 2px solid #0165a0;
}

.brain_content .catch {
    color: #0165a0;
    border-bottom: 2px solid #0165a0;
}

.brain_content .catch:not(:first-of-type) {
    margin-top: 60px;
}

.brain_content_goods_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin-bottom: 70px;
    margin-top: 60px;
}

.brain_content_goods_flex_left {
    width: 27%;
}

.brain_content_goods_flex_right {
    width: 55%;
}

.brain_content_goods_flex_right_ttl p {
    font-weight: bold;
    font-size: 30px;
    padding: 0 0 4%;
}

.brain_content_goods_flex_img {
    width: 50%;
}

.brain_goods_price {
    font-size: 30px !important;
    color: #333333;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    padding: 3% 0;
}

.brain_content_goods_flex_right_btn a {
    background: #628db5;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5% 0;
    color: #fff;
    font-family: futura-pt, sans-serif !important;
    font-size: 23px;
    transition-duration: .4s;
}

.brain_content_goods_flex_right_btn a:hover,
.brain_content_goods_flex_right_btn02 a:hover {
    opacity: 0.5;
}

.brain_goods_price {
    font-size: 30px !important;
    color: #333333;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    padding: 3% 0;
}

.bg_blue {
    background-color: #e7eff2;
    padding-top: 11%;
}

.bg_blue:nth-of-type(3) {
    padding-top: 0;
}

.feature_bratop_ttl_caption {
    font-size: 26px !important;
    font-weight: bold;
    text-align: center;
    margin-bottom: -1%;
    color: #333;
}

@media (max-width: 767px) {
    .brain_content_goods_flex.goods01 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .brain_content_goods_flex_right_ttl p {
        font-size: 4vw;
    }

    .brain_content_goods_flex_img {
        width: 40%;
    }

    .brain_content_goods_flex_right_btn a {
        padding: 4% 0;
        font-size: 4vw;
    }

    .brain_goods_price {
        font-size: 4vw !important;
        padding: 5% 0;
        font-family: futura-pt, sans-serif !important;
    }
    
    .feature_all p.brain_goods_price {
    font-family: futura-pt, sans-serif !important;
    }
    
    .brain_content_goods_flex_right_txt p {
        font-family: futura-pt, sans-serif !important;
    }

    .feature_bratop_ttl_caption {
        font-size: 16px !important;
        text-align: center !important;
    }

}

/* 特集ページ｜brain_sc END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜梅雨 */
.rainy2026_intro {
    text-align: center;
    padding: 8% 5%;
}

.rainy2026_box {
    background: rgba(232, 242, 245, 0.7);
    padding: 5%;
    margin: 3% 0;
}

.rainy2026_box ul {
    margin-top: 0 !important;
    margin-left: 0 !important;
}

.rainy2026_box li {
    font-size: 20px !important;
    line-height: 1.5;
    color: #333;
    text-align: left;
    list-style: none !important;
}

.rainy2026_coupon {
    padding: 40px 0;
}

.rainy2026_link_btn_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

a.rainy2026_link_btn_left {
    transition-duration: .4s;
}

a.rainy2026_link_btn_left:hover {
    opacity: 0.5;
}

a.rainy2026_link_btn_right {
    transition-duration: .4s;
}

a.rainy2026_link_btn_right:hover {
    opacity: 0.5;
}

.rainy2026_link_btn_left {
    width: 50%;
}

.rainy2026_link_btn_right {
    width: 50%;
}

h2.rainy2026_content_ttl {
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
    padding: 0 0 5% !important;
}

span.rainy2026_content_ttl_en {
    text-align: center;
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 90px !important;
    color: #333;
}

span.rainy2026_content_ttl_jp {
    color: #333333 !important;
    font-size: 32px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
}

.rainy2026_icon01 p,
.rainy2026_icon02 p,
.rainy2026_icon03 p,
.rainy2026_icon04 p,
.rainy2026_icon05 p,
.rainy2026_icon06 p,
.rainy2026_icon07 p {
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 25px !important;
    color: #fff;
}

.rainy2026_icon01 a {
    background: #000;
    display: block;
    width: 34%;
    position: absolute;
    border-radius: 50px;
    text-align: center;
    padding: 0.5% 0;
    opacity: 0.8;
    top: 36%;
    left: 6%;
    z-index: 1;
    border: 2px solid #fff;
    transition-duration: .4s;
}

.rainy2026_icon02 a {
    background: #000;
    display: block;
    width: 32%;
    position: absolute;
    border-radius: 50px;
    text-align: center;
    padding: 0.5% 0;
    opacity: 0.8;
    top: 29%;
    right: 39%;
    z-index: 1;
    border: 2px solid #fff;
    transition-duration: .4s;
}

.rainy2026_icon03 a {
    background: #000;
    display: block;
    width: 32%;
    position: absolute;
    border-radius: 50px;
    text-align: center;
    padding: 0.5% 0;
    opacity: 0.8;
    top: 37%;
    right: 61%;
    z-index: 1;
    border: 2px solid #fff;
    transition-duration: .4s;
}

.rainy2026_content_cool {
    background: #def1ff;
    padding: 8% 0 12%;
}

.rainy2026_content_active {
    background: #e5ebf9;
    padding: 8% 0;
}

.rainy2026_content_abs01 img,
.rainy2026_content_abs02 img,
.rainy2026_content_abs03 img {
    width: 100%;
}

.rainy2026_content_img {
    position: relative;
}

.rainy2026_content_abs01 {
    position: absolute;
    top: 0;
    right: 8%;
    z-index: 1;
}

.rainy2026_content_abs02 {
    position: absolute;
    top: 0;
    left: 6%;
    z-index: 1;
}

.rainy2026_content_abs03 {
    position: absolute;
    top: 0;
    right: 8%;
    z-index: 1;
}

p.rainy2026_content_ttl {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
    writing-mode: vertical-rl;
    padding: 20% 0 0 5%;
    letter-spacing: 0.1em;
}

.rainy2026_content_abs03 p.rainy2026_content_ttl {
    padding: 20% 0 0 12%;
}

p.rainy2026_content_ttl02 {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
    writing-mode: vertical-rl;
    padding: 20% 0 0 11%;
    letter-spacing: 0.1em;
}

p.rainy2026_content_ttl03 {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
    writing-mode: vertical-rl;
    padding: 20% 0 0 13%;
    letter-spacing: 0.1em;
}

.rainy2026_content_img_bg {
    padding: 6% 0 0;
    overflow: hidden;
}

.rainy2026_content_txt_flex {
    display: flex;
    align-items: center;
    gap: 20px;
}

.rainy2026_content_txt {
    padding: 40px 5%;
}

.rainy2026_content_txt_flex_item_jp {
    text-align: justify;
    border-left: 2px solid #a1c4dd;
    padding-left: 20px;
    width: 140%;
}

.rainy2026_content_txt_flex_item_jp02 {
    text-align: justify;
    border-left: 2px solid #9bc3c8;
    padding-left: 20px;
    width: 140%;
}

.rainy2026_content_txt_flex_item_jp03 {
    text-align: justify;
    border-left: 2px solid #aab8d6;
    padding-left: 20px;
    width: 140%;
}

.rainy2026_content_txt_flex_en p {
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 23px !important;
    color: #a1c4dd;
}

.rainy2026_content_txt_flex_en02 p {
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 23px !important;
    color: #9bc3c8;
}

.rainy2026_content_txt_flex_en03 p {
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 23px !important;
    color: #aab8d6;
}

.rainy2026_img {
    padding: 0px 5% 60px;
}

.rainy2026_content_goods_flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rainy2026_content_goods_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.rainy2026_content_goods_flex_right_ttl p {
    font-weight: bold;
    font-size: 30px;
    padding: 0 0 4%;
}

.rainy2026_content_goods_flex_right_ttl02 p {
    font-weight: bold;
    font-size: 30px;
}

.rainy2026_content_goods_flex_img {
    width: 56%;
}

.rainy2026_content_goods_flex_img02 {
    width: 68%;
}

.rainy2026_content_goods_flex_img03 {
    width: 48%;
}

.rainy2026_content_goods_flex_img04 {
    width: 88%;
}

.rainy2026_content_goods_flex_img05 {
    width: 39%;
}

.rainy2026_content_goods_flex_right {
    width: 55%;
}

.rainy2026_content_goods_flex_right02 {
    width: 65%;
}

.rainy2026_content_goods_flex_left {
    width: 27%;
}

.rainy2026_content_goods_flex_left02 {
    width: 22%;
}

.rainy2026_goods_price {
    font-size: 30px !important;
    color: #333333;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    padding: 3% 0;
}

.rainy2026_goods_price02 {
    font-size: 30px !important;
    color: #333333;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    padding: 0 0 3%;
}

.rainy2026_content_goods_flex_right_btn a {
    background: #a1c4dd;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5% 0;
    color: #fff;
    font-family: futura-pt, sans-serif !important;
    font-size: 23px;
    transition-duration: .4s;
}

.rainy2026_content_goods_flex_right_btn02 a {
    background: #9bc3c8;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5% 0;
    color: #fff;
    font-family: futura-pt, sans-serif !important;
    font-size: 23px;
    transition-duration: .4s;
}

.rainy2026_content_goods_flex_right_btn03 a {
    background: #aab8d6;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5% 0;
    color: #fff;
    font-family: futura-pt, sans-serif !important;
    font-size: 23px;
    transition-duration: .4s;
}

.rainy2026_content_sara {
    background: #e5f8f6;
    padding: 8% 0 13%;
}

.mt60 {
    margin-top: 60px;
}

.rainy2026_content_seamless {
    background: #e6eeff;
    padding: 8% 0 12%;
}

.rainy2026_shorts_ttl {
    text-align: center !important;
    padding: 0 0 30px;
}

.rainy2026_shorts_ttl p {
    line-height: 1.2;
    text-align: center !important;
}

.rainy2026_shorts_contents {
    background: #d2ddf5;
    margin: 90px 5% 0;
    padding: 60px 5%;
}

.rainy2026_shorts_ttl p .rainy2026_content_ttl_en {
    font-size: 69px !important;
    color: #6a84bb;
}

.rainy2026_shorts_ttl p .rainy2026_content_ttl_jp {
    font-weight: bold;
}

.rainy2026_shorts_txt {
    text-align: justify;
}

.rainy2026 .feature_shorts_item {
    padding: 10% 3% 5%;
}

@media screen and (max-width: 768px) {
    .center_txt p {
        text-align: center !important;
    }

    .rainy2026_intro {
        padding: 12% 5% 13%;
    }

    .rainy2026_box li {
        line-height: 1.2;
        font-size: 4.5vw !important;
    }

    .rainy2026_coupon {
        padding: 8% 0;
    }

    .rainy2026_link_btn_flex {
        gap: 13px;
    }

    span.rainy2026_content_ttl_en {
        font-size: 14vw !important;
    }

    span.rainy2026_content_ttl_jp {
        font-size: 6vw !important;
    }

    h2.rainy2026_content_ttl {
        padding: 0 0 9%;
    }

    .rainy2026_content_cool {
        padding: 12% 0 15%;
    }

    .rainy2026_content_sara {
        padding: 12% 0 17%;
    }

    .rainy2026_content_seamless {
        padding: 12% 0 16%;
    }

    p.rainy2026_content_ttl {
        font-size: 6.5vw;
        padding: 11% 0 0 0%;
    }

    p.rainy2026_content_ttl02 {
        font-size: 6.5vw;
        padding: 11% 0 0 2%;
    }

    p.rainy2026_content_ttl03 {
        font-size: 6.5vw;
        padding: 11% 0 0 3%;
    }

    .rainy2026_content_img_bg {
        padding: 7% 0 0;
    }

    .rainy2026_content_abs01 {
        top: 7px;
        right: -5% !important;
    }

    .rainy2026_content_abs03 {
        top: 7px;
        right: -10% !important;
    }

    .rainy2026_icon01 p,
    .rainy2026_icon02 p,
    .rainy2026_icon03 p,
    .rainy2026_icon04 p,
    .rainy2026_icon05 p,
    .rainy2026_icon06 p,
    .rainy2026_icon07 p {
        font-size: 4vw !important;
        text-align: center !important;
    }

    .rainy2026_icon01 a {
        width: 40%;
        padding: 0.5% 0;
        top: 40%;
        left: 5%;
    }

    .rainy2026_icon02 a {
        width: 35%;
        top: 30%;
        right: 37%;
    }

    .rainy2026_icon03 a {
        width: 40%;
        top: 35%;
        left: 6%;
    }

    .rainy2026_icon04 a {
        width: 40%;
    }

    .rainy2026_icon05 a {
        width: 33%;
        top: 29%;
        left: 4%;
    }

    .rainy2026_icon06 a {
        width: 38%;
        top: 38%;
        left: 15%;
    }

    .rainy2026_icon07 a {
        width: 35%;
    }

    .rainy2026_content_abs01 img {
        width: 53%;
    }

    .rainy2026_content_abs02 img,
    .rainy2026_content_abs03 img {
        width: 52%;
    }

    .rainy2026_content_txt_flex_en p {
        font-size: 3.5vw !important;
        writing-mode: vertical-rl;
    }

    .rainy2026_content_txt_flex_en02 p {
        font-size: 3.5vw !important;
        writing-mode: vertical-rl;
    }

    .rainy2026_content_txt_flex_en03 p {
        font-size: 3.5vw !important;
        writing-mode: vertical-rl;
    }

    .rainy2026_content_txt_flex_en {
        width: 5%;
    }

    .rainy2026_content_txt_flex_en02 {
        width: 5%;
    }

    .rainy2026_content_txt_flex_en03 {
        width: 5%;
    }

    .rainy2026_content_txt_flex_item_jp {
        border-left: 1px solid #a6bdc0;
        padding-left: 15px;
        margin-left: 15px;
        width: 100%;
    }

    .rainy2026_content_txt_flex_item_jp02 {
        border-left: 1px solid #9bc3c8;
        padding-left: 15px;
        margin-left: 15px;
        width: 100%;
    }

    .rainy2026_content_txt_flex_item_jp03 {
        border-left: 1px solid #aab8d6;
        padding-left: 15px;
        margin-left: 15px;
        width: 100%;
    }

    .rainy2026_content_txt_flex {
        gap: 0;
    }

    .rainy2026_content_goods_flex {
        gap: 20px;
    }

    .rainy2026_content_goods_flex_right_ttl p {
        font-size: 3.6vw;
    }

    .rainy2026_goods_price {
        font-size: 4vw !important;
        padding: 5% 0;
    }

    .rainy2026_content_goods_flex_right_btn a {
        padding: 4% 0;
        font-size: 4vw;
    }

    .rainy2026_content_goods_flex_right_ttl02 p {
        font-size: 4vw;
    }

    .rainy2026_goods_price02 {
        font-size: 4vw !important;
    }

    .rainy2026_content_goods_flex_right_btn02 a {
        padding: 4% 0;
        font-size: 4vw;
    }

    .rainy2026_content_goods_flex_right_btn03 a {
        padding: 4% 0;
        font-size: 4vw;
    }

    .rainy2026_content_txt_flex_item_jp p,
    .rainy2026_content_txt_flex_item_jp02 p,
    .rainy2026_content_txt_flex_item_jp03 p {
        font-size: 4.7vw;
    }

    .rainy2026_content_img_flex {
        gap: 17px;
    }

    .rainy2026_content_pa02 {
        margin: 7% 0;
    }

    .rainy2026_content_goods_flex_img {
        width: 60%;
    }

    .rainy2026_content_goods_flex_img02 {
        width: 72%;
    }

    .rainy2026_content_goods_flex_img03 {
        width: 51%;
    }

    .rainy2026_content .mt60 {
        margin-top: 37px;
    }

    .rainy2026_content_abs03 p.rainy2026_content_ttl {
        padding: 11% 0 0 2%;
    }

    .rainy2026_img {
        padding: 0px 5% 10%;
    }

    .rainy2026_content_goods_flex_img04 {
        width: 100%;
    }

    .rainy2026_content_goods_flex_img05 {
        width: 44%;
    }

    .rainy2026_shorts_contents {
        margin: 15% 5% 0;
        padding: 10% 5%;
    }

    .rainy2026_shorts_ttl p .rainy2026_content_ttl_jp {
        font-size: 5vw !important;
    }

    .rainy2026_shorts_ttl p .rainy2026_content_ttl_en {
        font-size: 9.4vw !important;
    }

    .rainy2026_shorts_ttl {
        padding: 0 0 5%;
    }

    .rainy2026_shorts_contents .mt40 {
        margin-top: 22px;
    }

    .rainy2026 .feature_shorts_item {
        padding: 15% 0 5%;
    }
}

@media screen and (max-width: 768px) and (min-width: 450px) {
    .rainy2026_content_abs01 img {
        width: 75%;
    }

    p.rainy2026_content_ttl {
        font-size: 5vw;
        padding: 21% 0 0 0%;
    }

    .rainy2026_content_abs01 {
        top: 7px;
        right: 1% !important;
    }

    .rainy2026_content_abs02 img,
    .rainy2026_content_abs03 img {
        width: 75%;
    }

    p.rainy2026_content_ttl02 {
        font-size: 5vw;
        padding: 21% 0 0 7%;
    }

    .rainy2026_content_abs02 {
        position: absolute;
        top: 1%;
        left: 4%;
        z-index: 1;
    }

    .rainy2026_content_abs03 {
        top: 7px;
        right: -2% !important;
    }
}



/* モーション */
@keyframes zoomOut_anime {
    0% {
        transform: scale(1.1);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.rainy2026_fadein {
    opacity: 0;
    /* ← 最初は隠す */
    will-change: transform, opacity;
}

.rainy2026_fadein.is-animated {
    animation-name: zoomOut_anime;
    animation-duration: 4s;
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-fill-mode: both;
}

/* 文字モーション */
.ttl_line {
    display: block;
    clip-path: inset(0 0 100% 0);
}

.rainy2026_ttl_fadein.is-animated .ttl_line--1 {
    animation: clipReveal 0.9s cubic-bezier(0.0, 0.0, 0.2, 1) forwards;
    animation-delay: 1.5s;
}

.rainy2026_ttl_fadein.is-animated .ttl_line--2 {
    animation: clipReveal 0.9s cubic-bezier(0.0, 0.0, 0.2, 1) forwards;
    animation-delay: 2s;
}

@keyframes clipReveal {
    0% {
        clip-path: inset(0 0 100% 0);
    }

    100% {
        clip-path: inset(0 0 0% 0);
    }
}

/* ホバー */
a.rainy2026_link_btn_left {
    transition-duration: .4s;
}

a.rainy2026_link_btn_left:hover {
    opacity: 0.5;
}

a.rainy2026_link_btn_right {
    transition-duration: .4s;
}

a.rainy2026_link_btn_right:hover {
    opacity: 0.5;
}

.rainy2026_icon01 a:hover {
    background: #a1c4dd;
}

.rainy2026_icon02 a:hover {
    background: #9bc3c8;
}

.rainy2026_icon03 a:hover {
    background: #7684ab;
}

.rainy2026_content_goods_flex_right_btn a:hover,
.rainy2026_content_goods_flex_right_btn02 a:hover {
    opacity: 0.5;
}

/* 特集ページ｜梅雨 END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜newcoloer2026 */
/* https://bambiwater.jp/shop/information/newcolor*/

.newcolor2026_intro {
    padding: 8% 5%;
}

.newcolor2026_intro .txt p {
    text-align: center;
}

.newcolor2026_coupon {
    padding: 6% 0;
}

.newcolor2026_coupon p.fsK {
    font-size: 10px !important;
    text-align: left !important;
    margin-top: 5px !important;
}

.newcolor2026_intro h2.spring_content_ttl {
    padding: 5% 0 !important;
}

.newcolor2026_link_btn ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    gap: 1em 0;
}

.newcolor2026_link_btn ul li {
    width: calc((100% - 1em)/2);
    margin-bottom: 0 !important;
    list-style: none;
}

.newcolor2026_link_btn li img {
    width: 100%;
}


/* newcolor2026_swiper */

.newcolor2026_swiper .slide-content {
    margin-top: 2em;
    display: flex;
    align-items: start;
    gap: 0 1em;
}

.newcolor2026_swiper .left {
    width: 28%;
}

.newcolor2026_swiper .right {
    width: 68%;
    display: flex;
    flex-direction: column;
    gap: 1em 0;
}

.newcolor2026_swiper .slide-item img {
    width: 100%;
    height: auto;
    display: block;
}

.newcolor2026_swiper .slide-btn {
    margin-top: 2em;
}

.newcolor2026_swiper .slide-btn a {
    background: #fff;
    width: 100%;
    display: block;
    text-align: center;
    padding: 1% 0;
    color: #1a7980;
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    letter-spacing: 0.1em;
    font-size: 40px;
}

/* ページネーション */
.swiper-area.newcolor2026_only {
    width: 100% !important;
    position: relative !important;
}

.newcolor2026_only .swiper-pagination-bullet {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: 2px solid #fff !important;
    opacity: 1 !important;
    z-index: 999;
    box-sizing: border-box !important;
}

.newcolor2026_only .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #fff !important;
}

.newcolor2026_only .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px !important;
}

.newcolor2026_only .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -7% !important;
}

/* 矢印 */
.newcolor2026_only .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    top: 60% !important;
    left: 0 !important;
}

.newcolor2026_only .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    top: 60% !important;
    right: 0;
}

.newcolor2026_only .swiper-button-next,
.newcolor2026_only .swiper-button-prev {
    width: 30px !important;
    height: 50px !important;
    background: rgba(255, 255, 255, 0.7);
    /* background: #fff; */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.newcolor2026_only .swiper-button-next::after,
.newcolor2026_only .swiper-button-prev::after {
    font-size: 20px !important;
    font-weight: bold;
    color: #333 !important;
}

.newcolor2026_wrap .swipe {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.35em;
    color: #222;
    max-width: 480px;
    margin: 40px auto 0;
    font-family: futura-pt, sans-serif !important;
}

.newcolor2026_wrap .swipe-line {
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
}

.newcolor2026_wrap .swipe-line hr {
    flex: 1;
    border: none;
    border-top: 2px solid #333;
    margin: 0;
}

/* < 矢印 */
.newcolor2026_wrap .swipe-line--left hr::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    transform: rotate(-45deg);
    position: absolute;
    left: 1px;
    top: 50%;
    margin-top: -7.5px;
}

/* > 矢印 */
.newcolor2026_wrap .swipe-line--right hr::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    transform: rotate(135deg);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7.5px;
}


@media (max-width: 768px) {

    .newcolor2026_intro {
        padding: 10% 5% 16%;
    }

    .newcolor2026_coupon {
        padding: 8% 0;
    }

    span.newcolor2026_content_ttl_en {
        font-size: 14vw !important;
    }

    .newcolor2026_intro .txt p {
        font-size: 4.3vw !important;
    }

    /* newcolor2026_swiper */
    .newcolor2026_swiper .slide-content {
        margin-top: 1.5em;
        gap: 0 1em;
    }

    .newcolor2026_swiper .left {
        width: 28%;
    }

    .newcolor2026_swiper .right {
        width: 68%;
        gap: 0.7em 0;
    }

    .newcolor2026_swiper .slide-date {
        font-size: 4.557vw;
    }

    .newcolor2026_swiper .slide-date.sm {
        font-size: 4.167vw;
    }

    .newcolor2026_swiper .slide-colour {
        height: 3.906vw;
    }

    .newcolor2026_swiper .slide-price {
        font-size: 4.557vw;
    }

    .newcolor2026_swiper .slide-btn {
        margin-top: 1.5em;
    }

    .newcolor2026_swiper .slide-btn a {
        padding: 1% 0;
        font-size: 5.208vw;
    }

    /* ページネーション */
    .newcolor2026_only .swiper-pagination-bullet {
        width: 20px !important;
        height: 20px !important;
    }

    .newcolor2026_only .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: -10% !important;
    }

    /* 矢印 */
    .newcolor2026_only .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        top: 65% !important;
        left: 0 !important;
    }

    .newcolor2026_only .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        top: 65% !important;
        right: 0 !important;
    }

    .newcolor2026_only .swiper-button-next,
    .newcolor2026_only .swiper-button-prev {
        width: 7.51vw !important;
        height: 10.115vw !important;
    }

    .newcolor2026_only .swiper-button-next::after,
    .newcolor2026_only .swiper-button-prev::after {
        font-size: 3.906vw !important;
    }

    .newcolor2026_wrap .swipe {
        font-size: 20px;
        max-width: 300px;
    }
}

/* newcolor2026共通 */
.newcolor2026_common {
    padding: 15% 5% 18%;
}

.naturalbeige {
    background-color: #faf7f3;
}

.lightheathergray {
    background-color: #ebf2f7;
}

.charcoalgray {
    background-color: #eceff1;
}

.olivestone {
    background-color: #f6f4ed;
}

.newcolor2026_common.medi {
    padding: 5% 0 20%;
}

.newcolor2026_common.bt {
    padding: 5% 0 30%;
}


.newcolor2026_common .title {
    margin: 0 0 6% 0;
}

.newcolor2026_common .ttl {
    text-align: center !important;
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 86px !important;
    letter-spacing: 0.05em;
    line-height: 1 !important;
}

.newcolor2026_common .ttl_caption {
    font-size: 30px !important;
    font-weight: bold;
    text-align: center;
    font-family: "Yu Gothic Pr6N B" !important;
}

.newcolor2026_common.naturalbeige .ttl,
.newcolor2026_common.naturalbeige .ttl_caption {
    color: #c3a47d;
}

.newcolor2026_common.lightheathergray .ttl,
.newcolor2026_common.lightheathergray .ttl_caption {
    color: #757d86;
}

.newcolor2026_common.charcoalgray .ttl,
.newcolor2026_common.charcoalgray .ttl_caption {
    color: #53524e;
}

.newcolor2026_common.olivestone .ttl,
.newcolor2026_common.olivestone .ttl_caption {
    color: #7e6e46;
}

.newcolor2026_common .content>h3 {
    font-size: 28px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
    border-bottom: 2px solid #c3a47d;
    border-top: 2px solid #c3a47d;
    line-height: 1.3;
    margin: 45px 0 40px;
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.newcolor2026_common.naturalbeige .content>h3 {
    color: #c3a47d;
    border-bottom: 2px solid #c3a47d;
    border-top: 2px solid #c3a47d;
}

.newcolor2026_common.lightheathergray .content>h3 {
    color: #757d86;
    border-bottom: 2px solid #757d86;
    border-top: 2px solid #757d86;
}

.newcolor2026_common.charcoalgray .content>h3 {
    color: #53524e;
    border-bottom: 2px solid #53524e;
    border-top: 2px solid #53524e;
}

.newcolor2026_common.olivestone .content>h3 {
    color: #7e6e46;
    border-bottom: 2px solid #7e6e46;
    border-top: 2px solid #7e6e46;
}

.newcolor2026_common h3 span.futura {
    font-size: 40px !important;
    padding-right: 15px;
}

.newcolor2026_common.naturalbeige h3 span.futura {
    letter-spacing: -0.1em;
}

.newcolor2026_common .introduction {
    /* clearfix：floatした子要素を親が包むために必要 */
    overflow: hidden;
    font-size: 22px;
    line-height: 1.5;
    color: #333;
}

.newcolor2026_common .introduction .right {
    float: right;
    /* 右に回り込み */
    margin: 0 0 0 10px;
    /* 左と下にテキストとの余白 */
    width: 240px;
}

.newcolor2026_common .swiper-title {
    color: #c3a47d;
    font-size: 28px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
    border-bottom: 2px solid #c3a47d;
    line-height: 1.3;
    margin: 55px 0 30px;
    display: flex;
    align-items: center;
    padding: 0 0 10px;
}

.newcolor2026_common.naturalbeige .swiper-title {
    color: #c3a47d;
    border-bottom: 2px solid #c3a47d;
}

.newcolor2026_common.lightheathergray .swiper-title {
    color: #757d86;
    border-bottom: 2px solid #757d86;
}

.newcolor2026_common.charcoalgray .swiper-title {
    color: #53524e;
    border-bottom: 2px solid #53524e;
}

.newcolor2026_common.olivestone .swiper-title {
    color: #7e6e46;
    border-bottom: 2px solid #7e6e46;
}

.newcolor2026_common .swiper-title.futura {
    font-family: futura-pt, sans-serif !important;
    font-weight: 500;
    ;
}

.newcolor2026_common .txt {
    text-align: center !important;
    color: #fff;
    font-weight: bold;
    margin-top: 1em !important;
    font-size: 30px !important;
}

@media (max-width: 768px) {
    .newcolor2026_intro {
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .newcolor2026_wrap {
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .newcolor2026_common {
        padding: 20% 5% 20%;
    }

    .newcolor2026_common.medi {
        padding: 12% 0 23%;
    }

    .newcolor2026_common.bt {
        padding: 12% 0 50%;
    }

    .newcolor2026_common .sub {
        font-size: 3.906vw !important;
    }

    .newcolor2026_common .ttl {
        font-size: 12.021vw !important;
    }

    .newcolor2026_common .content>h3 {
        font-size: 5vw !important;
        font-family: "Yu Gothic Pr6N B" !important;
        margin: 35px 0 30px;
    }

    .newcolor2026_common h3 span.futura {
        padding-right: 10px;
        font-size: 10.5vw !important;
    }

    .newcolor2026_common.naturalbeige h3 span.futura {
        letter-spacing: 0;
    }

    .newcolor2026_common .ttl_caption {
        font-size: 3.906vw !important;
        margin-top: 5px !important;
    }

    .newcolor2026_common .introduction {
        font-size: 4.3vw !important;
    }

    .newcolor2026_common .introduction .right {
        margin: 6px 0 0 0 !important;
        width: 160px;
    }

    .newcolor2026_common .swiper-title {
        font-size: 5vw !important;
    }

    .newcolor2026_common .swiper-title.futura {
        font-size: 6vw !important;
    }

    .newcolor2026_common .txt {
        font-size: 4.3vw !important;
    }
}

.bg_newcolor2026 {
    background: #e1e6f5;
    padding: 9% 3% 5%;
}

@media screen and (max-width: 768px) {
    .bg_newcolor2026 {
        padding: 12% 3% 5%;
    }

}

@media (min-width: 769px) {
    .newcolor2026_common .introduction {
        overflow: visible;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        /* 画像を右、テキストを左に */
        gap: 0 10px;
    }

    .newcolor2026_common .introduction .right {
        float: none;
        flex-shrink: 0;
        margin: 0;
    }
}

/*スライダーなし*/
/* スライダーなし・静的横並び */
.static-items {
    display: flex;
    gap: 18px;
    /* JSのspaceBetween:18に合わせる */
}

.static-item {
    width: calc(100% / 2.6);
    /* slidesPerView:2.6に合わせた幅 */
}

.static-item img {
    width: 100%;
    height: auto;
    display: block;
}

@media (min-width: 768px) {
    .static-items {
        gap: 40px;
        /* PC用 spaceBetween:40 */
    }
}

/*END==スライダーなし=*/
/* 特集ページ｜newcolor2026 END */



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜relaxwear  */
/* https://bambiwater.jp/shop/information/relaxwear */


.relaxwear_bg01 {
    background-color: #fdfaf7;
}

.relaxwear_bg02 {
    background-color: #f5ede8;
}

.relaxwear_bg03 {
    background-color: #e8ddd5;
}

.relaxwear_intro {
    padding: 8% 5% 12%;
}

.relaxwear_intro .txt p {
    text-align: center;
    color: #4a3830;
}

.relaxwear_intro p.fsK {
    color: #4a3830 !important;
    font-size: 10px !important;
}

.relaxwear_link_btn ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    gap: 1em 0;
}

.relaxwear_link_btn ul li {
    width: calc((100% - 1em)/3);
    margin-bottom: 0 !important;
    list-style: none;
}

.relaxwear_link_btn li img {
    width: 100%;
}


span.relaxwear_content_ttl_en {
    text-align: center;
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 90px !important;
    color: #7a4f3d !important;
}

span.relaxwear_content_ttl_jp {
    color: #4a3830 !important;
    font-size: 32px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
}

h2.relaxwear_content_ttl {
    text-align: center;
    line-height: 1;
    font-weight: bold;
    padding: 0 0 5%;
}

.relaxwear_content_inner {
    padding: 8% 0 12%;
}

.relaxwear_content_abs01 img,
.relaxwear_content_abs02 img,
.relaxwear_content_abs03 img {
    width: 100%;
}

.relaxwear_content_img {
    position: relative;
}

.relaxwear_content_abs01,
.relaxwear_content_abs03 {
    position: absolute;
    top: 0;
    right: 8%;
    z-index: 1;
}

.relaxwear_content_abs02 {
    position: absolute;
    top: 0;
    left: 6%;
    z-index: 1;
}

p.relaxwear_content_ttl {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
    writing-mode: vertical-rl;
    padding: 20% 0 0 9%;
    letter-spacing: 0.1em;
    color: #7a4f3d !important;
    text-orientation: upright;
}

p.relaxwear_content_ttl02 {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
    writing-mode: vertical-rl;
    padding: 20% 0 0 12%;
    letter-spacing: 0.1em;
    color: #7a4f3d !important;
    text-orientation: upright;
}

.relaxwear_content_img_bg {
    padding: 6% 0 0;
    overflow: hidden;
}

.relaxwear_content_img_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    padding: 2% 0;
    position: relative;
}

.relaxwear_content_cupin_img {
    padding: 2% 5% 10%;
}

.relaxwear_content_cupin_img .fsK {
    font-size: 10px !important;
    color: #4a3830 !important;
    padding-top: 10px !important;
}

.relaxwear_pt {
    padding-top: 8%;
}

.relaxwear_content_goods_flex_right {
    width: 55%;
}

.relaxwear_content_goods_flex_left {
    width: 27%;
    aspect-ratio: 190 / 300;
    display: flex;
    align-items: center;
    justify-content: center;
}

.relaxwear_content_goods_flex_left img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.relaxwear_content_txt_flex {
    display: flex;
    align-items: center;
    gap: 20px;
}

.relaxwear_content_txt {
    padding: 40px 5%;
}

.relaxwear_content_txt_flex_item_jp {
    text-align: justify;
    border-left: 2px solid #c49a8a;
    padding-left: 20px;
    width: 140%;
}

.relaxwear_content_txt_flex_item_jp p {
    color: #4a3830 !important;
}

.relaxwear_content_txt_flex_item_jp02 {
    text-align: justify;
    border-left: 2px solid #c49a8a;
    padding-left: 20px;
    width: 140%;
}

.relaxwear_content_txt_flex_item_jp02 p {
    color: #4a3830 !important;
}

.relaxwear_content_txt_flex_en p {
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 23px !important;
    color: #c49a8a !important;
}

.relaxwear_content_txt_flex_en02 p {
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 23px !important;
    color: #c49a8a !important;
}

.relaxwear_content_goods_flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.relaxwear_content_goods_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.relaxwear_content_goods_flex_right_ttl p {
    font-weight: bold;
    font-size: 30px;
    padding: 0 0 4%;
    color: #4a3830 !important;
}

.relaxwear_content_goods_flex_right_ttl02 p {
    font-weight: bold;
    font-size: 30px;
    color: #4a3830 !important;
}

.relaxwear_content_goods_flex_right_txt p {
    color: #4a3830 !important;
}

.relaxwear_content_goods_flex_img {
    width: 60%;
}

.relaxwear_goods_price {
    font-size: 30px !important;
    color: #1a2a3a !important;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    padding: 3% 0;
}

.relaxwear_goods_price02 {
    font-size: 30px !important;
    color: #1a2a3a !important;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    padding: 0 0 3%;
}

.relaxwear_content_goods_flex_right_btn a {
    background: #c49a8a;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5% 0;
    color: #fff;
    font-family: futura-pt, sans-serif !important;
    font-size: 23px;
    transition-duration: .4s;
}

.relaxwear_content_goods_flex_right_btn02 a {
    background: #1a6db5;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5% 0;
    color: #fff;
    font-family: futura-pt, sans-serif !important;
    font-size: 23px;
    transition-duration: .4s;
}

.relaxwear_content_img_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    padding: 2% 0;
    position: relative;
}

.relaxwear_content_cupin_img {
    padding: 2% 5% 10%;
}

.relaxwear_content_goods_flex_right {
    width: 55%;
}

.relaxwear_content_goods_flex_left {
    width: 27%;
}

.relaxwear_content_goods_flex_left02 {
    width: 22%;
}

.relaxwear_bottom {
    padding: 12% 5% 4%
}

.feature_bratop_btn_relaxwear {
    padding: 12% 0 0;
}

.feature_bratop_btn_relaxwear .feature_bratop_btn {
    padding: 0%;
}

.feature_bratop_btn_relaxwear .feature_bratop_btn a {
    text-align: center;
    margin: auto;
    display: block;
    color: #7a4f3d;
    border: 2px solid #7a4f3d;
    padding: 2%;
    width: 35%;
    border-radius: 50px;
    font-size: 15px;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .feature_bratop_btn_relaxwear .feature_bratop_btn a {
        padding: 2.5% 0;
        width: 50%;
    }

    .center_txt p {
        text-align: center !important;
    }

    .relaxwear_intro {
        padding: 12% 5%;
    }

    .relaxwear_intro p {
        font-family: "Yu Gothic Pr6N M" !important;
        font-size: 4.3vw !important;
    }

    .relaxwear_coupon {
        padding: 8% 0;
    }

    .relaxwear_link_btn_flex {
        gap: 13px;
    }

    span.relaxwear_content_ttl_en {
        font-size: 14vw !important;
    }

    span.relaxwear_content_ttl_jp {
        font-size: 6vw !important;
        font-family: "Yu Gothic Pr6N B" !important;
        font-weight: bold;
    }

    h2.relaxwear_content_ttl {
        font-size: 6.5vw;
        padding: 0 0 4%;
    }

    p.relaxwear_content_ttl02 {
        font-family: "Yu Gothic Pr6N B" !important;
        font-weight: bold;
        font-size: 6.5vw;
        padding: 18% 0 0 0%;
    }

    .relaxwear_content_inner {
        padding: 8% 0 12%;
    }

    .relaxwear_content_inner.last {
        padding: 8% 0 12%;
    }

    p.relaxwear_content_ttl {
        font-family: "Yu Gothic Pr6N B" !important;
        font-weight: bold;
        font-size: 6.5vw;
        padding: 18% 0 0 3%;
    }

    p.relaxwear_content_ttl {
        font-family: "Yu Gothic Pr6N B" !important;
        font-weight: bold;
        font-size: 6.5vw;
        padding: 18% 0 0 3%;
        writing-mode: vertical-rl;
        text-orientation: upright;
    }

    p.relaxwear_content_ttl02 {
        font-family: "Yu Gothic Pr6N B" !important;
        font-weight: bold;
        font-size: 6.5vw;
        padding: 18% 0 0 3%;
        writing-mode: vertical-rl;
        text-orientation: upright;
    }

    .relaxwear_content_txt {
        padding: 7% 5%;
    }

    .relaxwear_content_img_bg {
        padding: 7% 0 0;
    }

    .relaxwear_content_abs01 {
        top: 0%;
        right: 6% !important;
    }

    .relaxwear_content_abs02 {
        top: 0%;
        left: 6% !important;
    }

    .relaxwear_content_abs01 img {
        /* width: 53%; */
        width: 17vw;
    }

    .relaxwear_content_abs02 img {
        /* width: 53%; */
        width: 17vw;
    }

    .relaxwear_content_txt_flex {
        align-items: start;
    }

    .relaxwear_content_txt_flex_en p {
        font-size: 3.5vw !important;
        writing-mode: vertical-rl;
    }

    .relaxwear_content_txt_flex_en02 p {
        font-size: 3.5vw !important;
        writing-mode: vertical-rl;
    }

    .relaxwear_content_txt_flex_en {
        width: 5%;
    }

    .relaxwear_content_txt_flex_en02 {
        width: 5%;
    }

    .relaxwear_content_txt_flex_item_jp {
        border-left: 1px solid #c49a8a;
        padding-left: 15px;
        margin-left: 15px;
        width: 100%;
    }

    .relaxwear_content_txt_flex_item_jp02 {
        border-left: 1px solid #c49a8a;
        padding-left: 15px;
        margin-left: 15px;
        width: 100%;
    }

    .relaxwear_content_txt_flex {
        gap: 0;
    }

    .relaxwear_content_goods_flex {
        gap: 20px;
    }

    .relaxwear_content_goods_flex_right_ttl p {
        font-size: 4vw;
        font-family: "Yu Gothic Pr6N B" !important;
        font-weight: bold;
    }

    .relaxwear_goods_price {
        font-size: 4vw !important;
        padding: 5% 0;
    }

    .relaxwear_content_goods_flex_right_btn a {
        padding: 4% 0;
        font-size: 4vw;
    }

    .relaxwear_content_goods_flex_right_ttl02 p {
        font-size: 4vw;
    }

    .relaxwear_goods_price02 {
        font-size: 4vw !important;
    }

    .relaxwear_content_goods_flex_right_btn02 a {
        padding: 4% 0;
        font-size: 4vw;
    }

    .relaxwear_content_txt_flex_item_jp p,
    .relaxwear_content_txt_flex_item_jp02 p {
        font-family: "Yu Gothic Pr6N M" !important;
        font-size: 4.3vw;
    }

    .relaxwear_content_img_flex {
        gap: 17px;
    }

    .relaxwear_content_goods_flex_img {
        width: 80%;
    }

    .relaxwear_content_goods_flex_img02 {
        width: 100%;
    }

    .relaxwear_content_goods_flex_img03 {
        width: 20%;
    }

    .relaxwear_content_goods_flex_right_txt p {
        font-size: 4.5vw !important;
    }
}


/* ホバー */
a.relaxwear_link_btn_left {
    transition-duration: .4s;
}

a.relaxwear_link_btn_left:hover {
    opacity: 0.5;
}

a.relaxwear_link_btn_right {
    transition-duration: .4s;
}

a.relaxwear_link_btn_right:hover {
    opacity: 0.5;
}

.relaxwear_content_goods_flex_right_btn a:hover,
.relaxwear_content_goods_flex_right_btn02 a:hover {
    opacity: 0.5;
}

@media screen and (max-width: 768px) {
    a.relaxwear_link_btn_left:active {
        opacity: 0.5;
    }

    a.relaxwear_link_btn_right:active {
        opacity: 0.5;
    }

    .relaxwear_content_goods_flex_right_btn a:active,
    .relaxwear_content_goods_flex_right_btn02 a:active {
        opacity: 0.5;
    }
}


.relaxwear_icon p {
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 22px !important;
    color: #fff;
}

.relaxwear_icon02 p,
.relaxwear_icon03 p,
.relaxwear_icon05 p,
.relaxwear_icon06 p,
.relaxwear_icon08 p,
.relaxwear_icon09 p {
    font-size: 22px !important;
}

.relaxwear_icon a {
    background: rgba(191, 168, 154, 0.8);
    display: block;
    width: fit-content;
    white-space: nowrap;
    position: absolute;
    border-radius: 50px;
    text-align: center;
    padding: 0.5% 1.5em;
    z-index: 1;
    transition-duration: .4s;
}

.relaxwear_icon a:hover {
    background: rgba(160, 135, 120, 1);
}


.relaxwear_icon01 a {
    top: 50%;
    left: 7%;
}

.relaxwear_icon02 a {
    top: 35%;
    left: 25%;
}

.relaxwear_icon03 a {
    top: 70%;
    right: 2%;
}

.relaxwear_icon04 a {
    top: 50%;
    right: 5%;
}

.relaxwear_icon05 a {
    top: 60%;
    left: 25%;
}

.relaxwear_icon06 a {
    top: 70%;
    right: 8%;
}

.relaxwear_icon07 a {
    top: 45%;
    right: 30%;
}

.relaxwear_icon08 a {
    top: 65%;
    left: 2%;
}

.relaxwear_icon09 a {
    top: 35%;
    right: 5%;
}

@media screen and (max-width: 767px) {

    .relaxwear_icon p {
        font-size: 3.7vw !important;
        text-align: center !important;
    }

    .relaxwear_icon02 p,
    .relaxwear_icon03 p,
    .relaxwear_icon05 p,
    .relaxwear_icon06 p,
    .relaxwear_icon08 p,
    .relaxwear_icon09 p {
        font-size: 3.0vw !important;
    }

    .relaxwear_icon a {
        background: rgba(191, 168, 154, 0.8);
        padding: 0.5% 1em;
    }

    .relaxwear_icon02 a {
        top: 35%;
        left: 20%;
    }

    .relaxwear_icon03 a {
        top: 70%;
        right: 1%;
    }

    .relaxwear_icon05 a {
        top: 60%;
        left: 18%;
    }

    .relaxwear_icon06 a {
        top: 70%;
        right: 2%;
    }

    .relaxwear_icon09 a {
        top: 35%;
        right: 2%;
    }
}

/* 特集ページ｜relaxwear END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜nightbra-choice */
/* https://bambiwater.jp/shop/information/nightbra-choice*/

.nightbra-choice_intro {
    padding: 8% 5% 10%;
}

.nightbra-choice_intro .txt p {
    text-align: center;
}

.nightbra-choice_coupon {
    padding: 10% 0 10%;
}

.nightbra-choice_coupon p.fsK {
    font-size: 10px !important;
    text-align: left !important;
    margin-top: 5px !important;
}

.nightbra-choice_intro .title_h2,
.nightbra-choice_wrap .title_h2 {
    color: #6a635d;
    font-size: 34px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
    text-align: center;
    border-bottom: 2px solid #6a635d;
    padding: 0 2% 2%;
    margin: 40px 0 30px;
  letter-spacing:0.1rem;
}

.nightbra-choice_intro .title_h2 span.pc {
    display: inline !important;
}

.nightbra-choice_link_btn ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    gap: 1em 0;
}

.nightbra-choice_link_btn ul li {
    width: calc((100% - 1.5em)/3);
    margin-bottom: 0 !important;
    list-style: none;
}

.nightbra-choice_link_btn li img {
    width: 100%;
}

.nightbra-choice_common {
    padding: 10% 5% 10%;
}

.nightbra-choice_common .center {
    text-align: center;
}

.nightbra-choice_wrap .title_h3 {
    border-bottom: 2px solid #e7a59c;
    font-size: 34px;
    font-weight: bold;
    color: #333333;
    padding-bottom: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: left;
    display: flex;
    align-items: center;
    font-family: '游ゴシック体', 'Yu Gothic', 'Yu Gothic Pr6N N', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    position: relative;
}

.nightbra-choice_wrap #type1,
.nightbra-choice_wrap #type3 {
    background-color: #fffdf6;
}

.nightbra-choice_wrap .title_h3::before {
    content: "";
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    top: 0em;
}

.nightbra-choice_wrap #type1 .title_h3::before {
    background-image: url(https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/nightbra-choice_type01_icon.webp);
    width: 1em;
    height: 1em;
    right: 2em;
}

.nightbra-choice_wrap #type2 .title_h3::before {
    background-image: url(https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/nightbra-choice_type02_icon.webp);
    width: 1.5em;
    height: 1.5em;
    right: 2em;
}

.nightbra-choice_wrap #type3 .title_h3::before {
    background-image: url(https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/nightbra-choice_type03_icon.webp);
    width: 1.5em;
    height: 1.5em;
    right: 2em;
}

.feature_shorts_category.bg_nightbra-choice {
    padding: 10% 3% 5%;
}

.feature_shorts_category.bg_nightbra-choice .feature_shorts_item {
    margin-top: 20px;
}

.nightbra-choice_wrap .title_h3 span {
    max-width: 18%;
    padding-right: 1.5rem;
}

@media (max-width: 768px) {
    .nightbra-choice_intro .mt60 {
        margin-top: 30px;
    }

    .nightbra-choice_wrap .mt60 {
        margin-top: 40px;
    }

    .nightbra-choice_intro {
        padding: 10% 5% 16%;
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .nightbra-choice_coupon {
        padding: 10% 0;
    }

    .nightbra-choice_intro .title_h2,
    .nightbra-choice_wrap .title_h2 {
        font-size: 6vw !important;
        font-family: "Yu Gothic Pr6N B" !important;
        margin: 40px 0 20px;
    }

    .nightbra-choice_intro .title_h2 span.pc {
        display: none !important;
    }

    span.nightbra-choice_content_ttl_en {
        font-size: 14vw !important;
    }

    .nightbra-choice_intro .txt p {
        font-size: 4.3vw !important;
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .nightbra-choice_wrap {
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .nightbra-choice_common {
        padding: 10% 5% 10%;
    }

    .nightbra-choice_wrap .title_h3 {
        font-size: 5vw !important;
        font-family: "Yu Gothic Pr6N B" !important;
        padding-bottom: 14px;
    }

    .nightbra-choice_wrap .title_h3 span {
        max-width: 20%;
        padding-right: .8rem;
    }

    .nightbra-choice_wrap #type1 .title_h3::before {
        width: 1em;
        height: 1em;
        right: 0;
        background-size: 100%;
    }

    .nightbra-choice_wrap #type2 .title_h3::before,
    .nightbra-choice_wrap #type3 .title_h3::before {
        width: 1.5em;
        height: 1.5em;
        right: 0;
        background-size: 100%;
    }

    .feature_all .nightbra-choice_common p {
        font-size: 4.3vw !important;
        text-align: center;
        font-family: "Yu Gothic Pr6N M" !important;
    }
}

/* nightbra-choice_swiper */
.nightbra-choice_swiper {
    max-width: 84%;
}

.nightbra-choice_swiper .slide-content {
    margin-top: 2em;
    display: flex;
    align-items: start;
    gap: 0 1em;
}

.nightbra-choice_swiper .left {
    width: 28%;
}

.nightbra-choice_swiper .right {
    width: 68%;
    display: flex;
    flex-direction: column;
    gap: 1em 0;
}

.nightbra-choice_swiper .slide-item img {
    width: 100%;
    height: auto;
    display: block;
}

.nightbra-choice_swiper .slide-btn {
    margin-top: 2em;
}

.nightbra-choice_swiper .slide-btn a {
    background: #fff;
    width: 100%;
    display: block;
    text-align: center;
    padding: 1% 0;
    color: #1a7980;
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    letter-spacing: 0.1em;
    font-size: 40px;
}

/* ページネーション */
.swiper-area.nightbra-choice_only {
    width: 100% !important;
    position: relative !important;
}

.nightbra-choice_only .swiper-pagination-bullet {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: 2px solid #fff !important;
    opacity: 1 !important;
    z-index: 999;
    box-sizing: border-box !important;
}

.nightbra-choice_only .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #fff !important;
}

.nightbra-choice_only .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px !important;
}

.nightbra-choice_only .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -7% !important;
}

/* 矢印 */
.nightbra-choice_only .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    top: 52% !important;
    left: 0 !important;
}

.nightbra-choice_only .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    top: 52% !important;
    right: 0;
}

.nightbra-choice_only .swiper-button-next,
.nightbra-choice_only .swiper-button-prev {
    width: 30px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
}

.nightbra-choice_only .swiper-button-next::after,
.nightbra-choice_only .swiper-button-prev::after {
    font-size: 20px !important;
    font-weight: bold;
    color: #333 !important;
}

.nightbra-choice_wrap .swipe {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.35em;
    color: #222;
    max-width: 480px;
    margin: 80px auto 40px;
    font-family: futura-pt, sans-serif !important;
}

.nightbra-choice_wrap .swipe-line {
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
}

.nightbra-choice_wrap .swipe-line hr {
    flex: 1;
    border: none;
    border-top: 2px solid #333;
    margin: 0;
}

/* < 矢印 */
.nightbra-choice_wrap .swipe-line--left hr::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    transform: rotate(-45deg);
    position: absolute;
    left: 1px;
    top: 50%;
    margin-top: -7.5px;
}

/* > 矢印 */
.nightbra-choice_wrap .swipe-line--right hr::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    transform: rotate(135deg);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7.5px;
}

@media (max-width: 768px) {

    /* nightbra-choice_swiper */
    .nightbra-choice_swiper .slide-content {
        margin-top: 1.5em;
        gap: 0 1em;
    }

    .nightbra-choice_swiper .left {
        width: 28%;
    }

    .nightbra-choice_swiper .right {
        width: 68%;
        gap: 0.7em 0;
    }

    .nightbra-choice_swiper .slide-date {
        font-size: 4.557vw;
    }

    .nightbra-choice_swiper .slide-date.sm {
        font-size: 4.167vw;
    }

    .nightbra-choice_swiper .slide-colour {
        height: 3.906vw;
    }

    .nightbra-choice_swiper .slide-price {
        font-size: 4.557vw;
    }

    .nightbra-choice_swiper .slide-btn {
        margin-top: 1.5em;
    }

    .nightbra-choice_swiper .slide-btn a {
        padding: 1% 0;
        font-size: 5.208vw;
    }

    /* ページネーション */
    .nightbra-choice_only .swiper-pagination-bullet {
        width: 20px !important;
        height: 20px !important;
    }

    .nightbra-choice_only .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: -10% !important;
    }

    /* 矢印 */
    .nightbra-choice_only .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        top: 55% !important;
        left: 0 !important;
    }

    .nightbra-choice_only .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        top: 55% !important;
        right: 0 !important;
    }

    .nightbra-choice_only .swiper-button-next,
    .nightbra-choice_only .swiper-button-prev {
        width: 7.51vw !important;
        height: 10.115vw !important;
    }

    .nightbra-choice_only .swiper-button-next::after,
    .nightbra-choice_only .swiper-button-prev::after {
        font-size: 3.906vw !important;
    }

    .nightbra-choice_only .swiper-button-next {
        justify-content: end !important;
    }

    .nightbra-choice_only .swiper-button-prev {
        justify-content: space-between !important;
    }

    .nightbra-choice_wrap .swipe {
        font-size: 20px;
        max-width: 300px;
        margin: 60px auto 40px;
    }

    .nightbra-choice_swiper {
        max-width: 86%;
    }
}

/* 特集ページ｜nightbra-choice END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜qualityforyou START */
html:has(.quality_sara) {
    font-size: 62.5%;
    scroll-behavior: smooth;
}

.p-page_article__inner p:has(.quality_sara) {
    font-family: inherit !important;
}

.p-page_article__inner:has(.quality_sara) {
    max-width: none;
}

.u-margin__top--40:has(.quality_sara) {
    margin-top: 0 !important;
}

.l-wrapper:has(.quality_sara) {
    overflow: initial;
}

.quality_sara figure {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

.quality_sara p {
    font-family: inherit !important;
}

.quality_sara .feature__container {
    font-family: "Yu Gothic Pr6N M", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.8;
}

.quality_sara .u-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.quality_sara .is-between {
    justify-content: space-between;
}

.quality_sara .u-flex {
    display: flex;
}


/* 左のコンテンツ */

.quality_sara .left__content .content__inner {
    max-width: 470px;
}

/* 右のコンテンツ */
.quality_sara .right__content {
    width: 45%;
}

/* MV */
:root {
    --header-h: 11rem;
    /* JS未実行時・フォールバック用 */
}

.quality_sara .left__content {
    position: sticky;
    top: var(--header-h);
    left: 0;
    flex-shrink: 0;
    height: calc(100dvh - var(--header-h));
    width: 55%;
    container-type: inline-size;
    container-name: leftside;
}

.quality_sara .section-mv {
    background: url(https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/quality_sara_story_mv_pc.webp)no-repeat;
    background-size: cover;
    background-position: right top;
    width: 100%;
    height: 100%;
}

.quality_sara .mv__inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.quality_sara .mv__title {
    color: #fff;
}

.quality_sara .mv__title-top {
    position: absolute;
    top: 2cqw;
    left: 0;
    max-width: 80cqw;
    width: 100%;
    padding: 0 3cqw;
    font-family: "futura-pt", "Futura", "Avenir Next", "Lato", sans-serif !important;
    font-weight: normal;
}

.quality_sara .mv__title-bottom {
    position: absolute;
    bottom: 3cqw;
    left: 0;
    padding: 0 2cqw;
}

.quality_sara .title-name {
    display: flex;
    align-items: center;
    font-size: 3.4cqw;
}

.quality_sara .title-name span:first-of-type {
    position: relative;
}

.quality_sara .title-name span:first-of-type::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto 1.5cqw;
    background: #ded6bf;
    width: 0.15rem;
    height: 2.5cqw;
}

.quality_sara .title-name span:last-of-type {
    margin-left: 1.5cqw;
    padding-left: 1.5cqw;
    font-size: 3.3cqw;
}

.quality_sara .title-page {
    display: flex;
    flex-direction: column;
    margin-top: 0.3cqw;
    font-size: 3.1cqw;
}

.quality_sara .page--title,
.quality_sara .page--num {
    line-height: 1;
    letter-spacing: 0.06em;
}

.quality_sara .page--num {
    margin-top: 0.5cqw;
    letter-spacing: 0.02em;
}

.quality_sara .page--num span:first-of-type {
    position: relative;
}

.quality_sara .page--num span:first-of-type::after {
    position: absolute;
    content: "";
    background: url(https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/quality_sara_page_arrow.webp)no-repeat;
    background-size: contain;
    width: 1.5cqw;
    height: 2.2cqw;
    top: 50%;
    right: -1.8cqw;
    transform: translateY(-50%);
    /*opacity: 0;
    transition: all 1.5s ease;
    transition-delay: 2s;*/
}

/*.fadein-late.is-inview .page--num span:first-of-type::after {
    opacity: 1;
}*/

.quality_sara .page--num span:last-of-type {
    margin-left: 2.2cqw;
}

.quality_sara .title-main {
    width: 85cqw;
    filter: drop-shadow(0 0 5px rgba(88, 78, 54, 0.5));
}

.quality_sara .title-main span {
    display: block;
    max-width: 100%;
}

.quality_sara .title-main span:first-of-type {
    width: 49.5cqw;
}

.quality_sara .title-main span:last-of-type {
    width: 83cqw;
    margin-top: 1.6cqw;
}

.quality_sara .title-sub {
    width: 90cqw;
    margin-top: 0.6cqw !important;
    font-family: "Yu Mincho", "YuMincho", serif !important;
    font-size: 2.53cqw;
    filter: drop-shadow(0 0 5px rgba(88, 78, 54, 0.5));
}

/* テキスト */
.quality_sara .section-lead {
    position: relative;
    font-family: "Yu Mincho", "YuMincho", serif;
    overflow: hidden;
}

.quality_sara .lead-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.quality_sara .lead-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.quality_sara .lead-background::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.quality_sara .lead__inner {
    position: relative;
    z-index: 2;
    width: 49.5rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 12rem 2rem;
}

.quality_sara .lead__title {
    margin-left: -1.4rem;
    font-size: 2.4rem;
    color: #000;
}

.quality_sara .section-lead__lead {
    padding: 5rem 0 0 !important;
    font-size: 1.8rem;
    line-height: 240%;
    color: #000;
}

/* STORY */
.quality_sara .section-story {
    color: #fff;
}

.quality_sara .story__inner {
    padding: 0 0 10rem;
}

.quality_sara .story__bg--lt {
    background: #a99d87;
}

.quality_sara .story__bg--dk {
    background: #878278;
}

.quality_sara .story__content {
    position: relative;
    padding-top: 15rem;
    overflow: hidden;
}

.quality_sara .story__title {
    width: calc(85% - 15px);
    max-width: 100%;
    margin: 0 auto 3rem;
    font-size: 3.4rem;
    font-family: "Yu Mincho", "YuMincho", serif;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: .01em;
}

.quality_sara .story__title span {
    display: block;
}

.quality_sara .section__story--2 .story__title span {
    margin-left: -1.8rem;
}

.quality_sara .story__num {
    position: absolute;
    top: -2.4rem;
    left: -0.8rem;
    font-family: "din-2014", sans-serif;
    line-height: 1;
}

.quality_sara .story__num--l {
    position: relative;
    font-size: 13rem;
}


.quality_sara .story__num--l::after {
    position: absolute;
    content: "";
    background: url(https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/quality_sara_story_num_slash.webp)no-repeat;
    background-size: contain;
    width: 2.8rem;
    height: 5.5rem;
    right: -3.2rem;
    bottom: 3rem;
}

.quality_sara .section__story--1 .story__num--l::after {
    right: -2.2rem;
}

.quality_sara .story__num--s {
    margin-left: 3.4rem;
    color: #e2d8af;
    font-size: 5.4rem;
    opacity: .7;
}

.quality_sara .section__story--1 .story__num--s {
    margin-left: 2.4rem;
}

.quality_sara .story__label {
    position: absolute;
    top: 3.8rem;
    right: -2.4rem;
    color: #e2d8af;
    font-size: 2.8rem;
    font-family: "din-2014", sans-serif;
    transform: rotate(90deg);
}

.quality_sara .section__story--1 .story__label {
    top: 3.8rem;
}

.quality_sara .section__story--2 .story__label {
    top: 5.4rem;
}

.quality_sara .section__story--3 .story__label {
    top: 4.3rem;
}

.quality_sara .section__story--4 .story__label {
    top: 5rem;
}

.quality_sara .section__story--5 .story__label {
    top: 3.7rem;
}

.quality_sara .story__desc {
    width: calc(85% - 15px);
    max-width: 100%;
    margin: 0 auto;
    font-size: 1.8rem;
    font-family: "Yu Mincho", "YuMincho", serif !important;
}

.quality_sara .story__desc--1 {
    margin-bottom: 7rem;
}

.quality_sara .story__desc--2 {
    margin-top: 6rem !important;
}

.quality_sara .section__story--1 .story__gallery figure:first-of-type {
    position: relative;
    width: 63%;
    z-index: 1;
}

.quality_sara .section__story--1 .story__gallery figure:last-of-type {
    width: 44.5%;
    margin: -39% 0 0 auto;
}

.quality_sara .section__story--5 .story__gallery {
    display: flex;
    gap: 4rem;
    width: calc(75% - 15px);
    margin: 6rem auto 0;
}

.quality_sara .section__story--5 .story__gallery figure {
    text-align: center;
}

.quality_sara .section__story--5 .story__gallery figcaption {
    display: inline-block;
    margin-bottom: 3rem;
    padding: 0.6rem 2.3rem;
    font-family: "Yu Mincho", "YuMincho", serif;
    font-size: 2.3rem;
    line-height: 1;
    border: 1px solid;
    border-radius: 50px;
}

/* PRODUCT */
.quality_sara .section-product {
    color: #1b1b1b;
}

.quality_sara .product__inner {
    padding: 8.5rem 0;
    background: #ece8e2;
}

.quality_sara .product__title {
    position: relative;
    margin: 0 auto 6.2rem;
    font-family: "Yu Mincho", "YuMincho", serif;
    text-align: center;
}

.quality_sara .product__title h2 {
    font-size: 3rem !important;
}

.quality_sara .product__title::after {
    position: absolute;
    content: "";
    background: #a7947c;
    width: 3.4rem;
    height: 0.2rem;
    right: 0;
    left: 0;
    bottom: -1.7rem;
    margin: 0 auto;
}

.quality_sara .product__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4rem;
}

.quality_sara .product__img {
    width: 17rem;
}

.quality_sara .product__name {
    font-family: "Yu Mincho", "YuMincho", serif;
    font-size: 3rem;
    line-height: 1.2;
}

.quality_sara .product__name-en {
    display: block;
    margin: 2.2rem 0 0;
    font-family: "futura-pt", "Futura", "Avenir Next", "Lato", sans-serif;
    font-weight: lighter;
    font-size: 2.6rem;
    letter-spacing: 0.06em;
}

.quality_sara .product__color {
    display: flex;
    margin-top: 2.2rem !important;
    gap: 1rem;
}

.quality_sara .product__circle {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 1px solid #8e8e8e;
}

.quality_sara .product__circle--white {
    background: #fff;
}

.quality_sara .product__circle--black {
    background: #1b1b1b;
}

.quality_sara .product__circle--neutralbeige {
    background: #d5d2b8;
}

.quality_sara .product__circle--naturalbeige {
    background: #BE9E76;
}

.quality_sara .product__circle--greige {
    background: #ada398;
}

.quality_sara .product__circle--pinkbeige {
    background: #d9bdb2;
}

.quality_sara .product__circle--olivestone {
    background: #ada398;
}

.quality_sara .product__circle--ivory {
    background: #ead7c9;
}

.quality_sara .product__circle--brown {
    background: #7e5947;
}

.quality_sara .product__circle--charcoalgray {
    background: #53524E;
}

.quality_sara .product__circle--grayishnavy {
    background: #474354;
}

.quality_sara .product__circle--olivestone {
    background: #7E6E46;
}

.quality_sara .product__item-btn {
    margin: 2.8rem 0 0;
}

.quality_sara .product__item-btn a {
    border: 1px solid #1b1b1b;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 11.8rem;
    padding: 0.7rem 1rem;
    color: #1b1b1b;
    font-size: 2.4rem;
    font-family: "futura-pt", "Futura", "Avenir Next", "Lato", sans-serif;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 1;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.quality_sara .product__item-btn a:hover {
    border: 1px solid #1b1b1b;
    background: #1b1b1b;
    color: #fff;
    transition: 0.3s ease-in-out;
}

.quality_sara .product__list-btn {
    width: 30rem;
    margin: 12rem auto 0;
}

.quality_sara .product__list-btn a {
    position: relative;
    color: #1b1b1b;
    font-size: 2.4rem;
    font-family: "Yu Mincho", "YuMincho", serif;
    text-align: center;
    letter-spacing: 0.1em;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    padding: 0 0 3%;
}

.quality_sara .product__list-btn a::after {
    position: absolute;
    content: "";
    background: #1b1b1b;
    width: auto;
    height: 0.1rem;
    right: 0;
    left: 0;
    bottom: -0.4rem;
    margin: 0 auto;
}

.quality_sara .product__cap {
    margin: 4rem auto 0 !important;
    padding: 0 2rem 0 3.2rem;
    width: fit-content;
    font-family: "Yu Mincho", "YuMincho", serif;
    font-size: 1.5rem;
    letter-spacing: 0;
}

/* Swiper */
.quality_sara .swiper-button-prev,
.quality_sara .swiper-button-next {
    position: absolute;
    width: 4rem;
    height: 4rem;
    margin: auto;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 100;
}

.quality_sara .swiper-button-prev {
    left: 2rem;
}

.quality_sara .swiper-button-next {
    right: 2rem;
}

.quality_sara .swiper-button-prev::before,
.quality_sara .swiper-button-prev::after {
    left: 0;
}

.quality_sara .swiper-button-next::before,
.quality_sara .swiper-button-next::after {
    right: 0;
}

.quality_sara .swiper-button-prev::before,
.quality_sara .swiper-button-next::before {
    transform: rotate(-40deg);
}

.quality_sara .swiper-button-prev::after,
.quality_sara .swiper-button-next::after {
    transform: rotate(40deg);
}

.quality_sara .swiper-button-prev::before,
.quality_sara .swiper-button-prev::after,
.quality_sara .swiper-button-next::before,
.quality_sara .swiper-button-next::after {
    position: absolute;
    content: "";
    width: 0.1rem;
    height: 4rem;
    background: #171716;
    top: 0;
    bottom: 0px;
}

/* アニメーション */
.quality_sara .char {
    display: inline-block;
    opacity: 0;
    /* 動きはごくわずか（2px）。カタカタ感を消します */
    transform: translateY(3px);
    /* 1.5sかけて優雅にフェードイン */
    transition:
        opacity 2.0s cubic-bezier(0.22, 1, 0.36, 1),
        transform 2.0s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform, opacity;
}

.quality_sara .is-visible .char {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}

.quality_sara .js-fade-up {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1.2s ease-out, transform 1.2s ease-out;
    will-change: opacity, transform;
}

/* 画面に入った時に付与するクラス */
.quality_sara .js-fade-up.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.quality_sara .u-delay-02 {
    transition-delay: 0.2s;
}

.quality_sara .u-delay-03 {
    transition-delay: 0.3s;
}

.quality_sara .u-delay-04 {
    transition-delay: 0.4s;
}

.quality_sara .u-delay-06 {
    transition-delay: 0.6s;
}

.quality_sara .u-delay-08 {
    transition-delay: 0.8s;
}

.quality_sara .u-delay-10 {
    transition-delay: 1.0s;
}

.quality_sara .u-delay-12 {
    transition-delay: 1.2s;
}

.quality_sara .u-delay-14 {
    transition-delay: 1.4s;
}

.quality_sara .u-delay-20 {
    transition-delay: 2.0s;
}

.quality_sara .u-delay-30 {
    transition-delay: 3.0s;
}

.quality_sara .swiper-horizontal>.swiper-scrollbar,
.quality_sara .swiper-scrollbar.swiper-scrollbar-horizontal {
    display: none !important;
}

.quality_sara .feature_inc {
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
}

.quality_sara .feature_inc .c-feature_item__title {
    font-size: 1.2rem !important;
}


@media screen and (max-width:960px) {
    .quality_sara .section-mv {
        background: url(https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/quality_sara_story_mv_sp.webp) no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
    }
}

/* スマホ表示 */
@media screen and (max-width: 768px) {
    .quality_sara .u-flex {
        display: block;
    }

    .quality_sara .left__content,
    .quality_sara .right__content {
        width: 100%;
    }

    .quality_sara .left__content {
        position: initial;
        height: auto;
    }

    .quality_sara .right__content {
        padding: 0;
    }

    /* MV */
    .quality_sara .section-mv {
        height: auto;
    }

    .quality_sara .mv__inner {
        height: 148.84vw;
    }

    .quality_sara .mv__title-top {
        top: 1.64vw;
        padding: 0 4.65vw;
    }

    .quality_sara .mv__title-bottom {
        bottom: 4.7vw;
        padding: 0 4.65vw;
    }

    .quality_sara .title-name {
        font-size: 5.813vw;
    }

    .quality_sara .title-name span:last-of-type {
        margin-left: 1.86vw;
        padding-left: 1.86vw;
        font-size: 4.65vw;
    }

    .quality_sara .title-name span:first-of-type::after {
        margin: auto 1.86vw;
        width: 0.232vw;
        height: 3.837vw;
    }

    .quality_sara .title-page {
        font-size: 4.65vw;
    }

    .quality_sara .page--title,
    .quality_sara .page--num {
        line-height: 1;
    }

    .quality_sara .page--title {
        letter-spacing: 0.06em;
    }

    .quality_sara .page--num {
        margin-top: 1.162vw;
    }

    .quality_sara .page--num span:first-of-type::after {
        width: 2.09vw;
        height: 3.49vw;
        right: -2.33vw;
    }

    .quality_sara .page--num span:last-of-type {
        margin-left: 3.02vw;
    }

    .quality_sara .title-main {
        filter: drop-shadow(0 0 4px rgba(88, 78, 54, 0.6));
    }

    .quality_sara .title-main span:first-of-type {
        width: 50.7vw;
    }

    .quality_sara .title-main span:last-of-type {
        margin-top: 3.52vw;
        width: 67.91vw;
    }

    .quality_sara .title-sub {
        margin-top: 2.82vw !important;
        font-size: 3.49vw;
        filter: drop-shadow(0 0 4px rgba(88, 78, 54, 0.6));
    }

    /* テキスト */
    .quality_sara .lead__inner {
        padding: 20.9vw 3.49vw;
        width: 89.53vw;
    }

    .quality_sara .lead__title {
        margin-left: -2.35vw;
        font-size: 4.4vw;
    }

    .quality_sara .section-lead__lead {
        margin: 9.76vw 0 0;
        font-size: 3.44vw;
        line-height: 2.4;
    }

    /* STORY */
    .quality_sara .story__inner {
        padding: 0 0 16.2vw;
    }

    .quality_sara .story__content {
        padding-top: 31.16vw;
    }

    .quality_sara .story__title {
        margin: 0 auto 4.65vw;
        font-size: 6.5vw;
    }

    .quality_sara .story__num {
        top: -4.65vw;
        left: -1.4vw;
    }

    .quality_sara .story__num--l {
        font-size: 27.4vw;
    }

    .quality_sara .story__num--l::after {
        width: 5.12vw;
        height: 11.4vw;
        right: -6.51vw;
        bottom: 4.65vw;
    }

    .quality_sara .section__story--1 .story__num--l::after {
        right: -3.26vw;
    }

    .quality_sara .story__num--s {
        font-size: 9.07vw;
        margin-left: 6.98vw;
    }

    .quality_sara .section__story--1 .story__num--s {
        margin-left: 4.19vw;
    }

    .quality_sara .story__label {
        top: 3.8rem;
        right: -2.4rem;
        font-size: 4.65vw;
    }

    .quality_sara .section__story--1 .story__label,
    .quality_sara .section__story--5 .story__label {
        top: 6.51vw;
    }

    .quality_sara .section__story--2 .story__label {
        top: 9.3vw;
    }

    .quality_sara .section__story--2 .story__desc {
        letter-spacing: 0.05em;
    }

    .quality_sara .section__story--3 .story__label {
        top: 7.44vw;
    }

    .quality_sara .section__story--3 .story__desc:nth-of-type(2) {
        letter-spacing: 0.05em;
    }

    .quality_sara .section__story--4 .story__label {
        top: 8.6vw;
    }

    .quality_sara .section__story--1 .story__title {
        font-size: 5.95vw;
    }

    .quality_sara .section__story--2 .story__title {
        font-size: 6.97vw;
    }

    .quality_sara .section__story--2 .story__title span {
        display: block;
        margin-left: -4vw;
    }

    .quality_sara .section__story--3 .story__title {
        font-size: 5.4vw;
    }

    .quality_sara .section__story--4 .story__title,
    .quality_sara .section__story--5 .story__title {
        font-size: 7.2vw;
    }

    .quality_sara .section__story--4 .story__desc {
        letter-spacing: 0.03em;
    }

    .quality_sara .story__desc {
        font-size: 3.6vw;
        line-height: 1.9;
        letter-spacing: 0;
    }

    .quality_sara .story__desc--1 {
        margin-bottom: 11.62vw;
    }

    .quality_sara .story__desc--2 {
        margin-top: 10.47vw;
    }

    .quality_sara .section__story--5 .story__gallery {
        gap: 5.8vw;
        width: calc(85% - 15px);
        margin: 11.627vw auto 0;
    }

    .quality_sara .section__story--5 .story__gallery figcaption {
        margin-bottom: 4.186vw;
        padding: 1.63vw 4.88vw 1.38vw;
        font-size: 4.65vw;
    }

    /* PRODUCT */
    .quality_sara .product__inner {
        padding: 15vw 0;
    }

    .quality_sara .product__title {
        margin: 0 auto 12.79vw;
        font-size: 5.697vw;
    }

    .quality_sara .product__title h2 {
        font-size: 5.697vw !important;
    }

    .quality_sara .product__title::after {
        width: 3.4rem;
        height: 0.2rem;
        bottom: -1.7rem;
    }

    .quality_sara .product__item {
        gap: 5.8vw;
    }

    .quality_sara .product__img {
        width: 27.44vw;
    }

    .quality_sara .product__name {
        font-size: 5.58vw;
        line-height: 1.16;
        line-height: 1.16;
    }

    .quality_sara .product__name--s {
        font-size: 4.88vw;
    }

    .quality_sara .product__name-en {
        margin: 2.325vw 0 0;
        font-size: 4.186vw;
    }

    .quality_sara .product__color {
        margin-top: 4.186vw;
        gap: 1.627vw;
    }

    .quality_sara .product__circle {
        width: 4.28vw;
        height: 4.28vw;
    }

    .quality_sara .product__item-btn {
        margin: 4.65vw 0 0;
    }

    .quality_sara .product__item-btn a {
        max-width: 19.3vw;
        padding: 1.16vw 2.55vw;
        font-size: 3.72vw;
    }

    .quality_sara .product__list-btn {
        width: 62.5vw;
        margin: 20.93vw auto 0;
    }

    .quality_sara .product__list-btn a {
        font-size: 5.116vw;
        padding: 0 0 5%;
    }

    .quality_sara .product__list-btn a::after {
        height: 0.465vw;
        bottom: -0.465vw;
    }

    .quality_sara .product__cap {
        margin: 5.8vw auto 0 !important;
        font-size: 2.325vw;
    }

    /* Swiper */
    .quality_sara .swiper-button-prev,
    .quality_sara .swiper-button-next {
        width: 8.14vw;
        height: 8.14vw;
    }

    .quality_sara .swiper-button-prev::before,
    .quality_sara .swiper-button-prev::after,
    .quality_sara .swiper-button-next::before,
    .quality_sara .swiper-button-next::after {
        width: 0.23vw;
        height: 5.81vw;
    }
}

/* 特集ページ｜qualityforyou END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜camicool_tpj  */
/* https://bambiwater.jp/shop/information/camicool_tpj */

.slash {
    display: inline-block;
    font-family: inherit;
}

.slash_left {
    transform: scaleX(-1);
}

.camicool_tpj_intro {
    padding: 8% 5% 5%;
}

.camicool_tpj_intro .txt p {
    text-align: center;
    color: #333;
}

.camicool_tpj_intro p.fsK {
    color: #333 !important;
    font-size: 10px !important;
}

/*  */
.camicool_tpj_movie {
    padding: 3% 5% 10%;
    text-align: center;
}

.camicool_tpj_movie_txt p {
    color: #2f73a9;
    font-weight: bold;
    font-family: '游ゴシック体', 'Yu Gothic', 'Yu Gothic Pr6N B', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;
    line-height: 1;
    text-align: center;
}

.camicool_tpj_movie_txt p:first-child {
    font-size: 45px;
    padding-bottom: 0.5em;
}

.camicool_tpj_movie_txt p:last-child {
    font-size: 55px;
}

.camicool_tpj_moviearea {
    width: 100%;
    margin-top: 8%;
}

.camicool_tpj_moviearea iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

/*  */
.camicool_tpj_content {
    background-image: url("https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/camicool_tpj_bg.webp");
    background-size: 100% auto;
    background-repeat: repeat-y;
    background-position: top center;
    padding: 10% 5%;
    position: relative;
}

.camicool_tpj_content_profile {
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 5% 4%;
    margin-bottom: 10%;
}

.camicool_tpj_content_profile ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    list-style: none !important;
    align-items: center;
    justify-content: space-between;
}

.camicool_tpj_content_profile ul li:first-child {
    list-style: none !important;
    width: 45%;
}

.camicool_tpj_content_profile ul li:last-child {
    list-style: none !important;
    width: 52%;
}

.camicool_tpj_content_profile ul li p {
    font-family: '游ゴシック体', 'Yu Gothic', 'Yu Gothic Pr6N M', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;
    text-align: left;
}

.camicool_tpj_content_profile ul li p.ttl {
    font-weight: bold;
    font-size: 30px;
}

.camicool_tpj_content_profile ul li p.ttl span {
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
}

.camicool_tpj_content_profile ul li p.txt {
    font-weight: normal;
    font-size: 17px;
    line-height: 2;
    padding-top: 0.5em;
}

.camicool_tpj_content_message .ttl {
    font-family: "futura-pt", "Futura", "Avenir Next", "Lato", sans-serif !important;
    font-weight: lighter;
    text-align: center;
    font-size: 80px;
    line-height: 1;
    padding-bottom: 0.5em;
}

.camicool_tpj_content_message .txt {
    font-family: '游ゴシック体', 'Yu Gothic', 'Yu Gothic Pr6N N', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    text-align: left;
    margin: 0;
    font-size: 20px;
    line-height: 1.9;
    font-weight: normal;
}

.camicool_tpj_content_message .image {
    position: absolute;
    right: 5%;
    bottom: 0%;
    z-index: 1;
    width: 324px;
}

.camicool_tpj_content_message .image img {
    display: block;
    width: 100%;
    height: auto;
}


@media screen and (max-width: 767px) {
    .camicool_tpj_intro {
        padding: 12% 5% 5%;
    }

    .camicool_tpj_intro p {
        font-family: "Yu Gothic Pr6N M" !important;
        font-size: 4vw !important;
        line-height: 1.8;
    }

    /*  */
    .camicool_tpj_movie_txt p:first-child {
        font-family: "Yu Gothic Pr6N B" !important;
        font-size: 5.867vw;
    }

    .camicool_tpj_movie_txt p:last-child {
        font-family: "Yu Gothic Pr6N B" !important;
        font-size: 7.171vw;
    }

    /*  */
    .camicool_tpj_content_profile {
        padding: 5% 4%;
        margin-bottom: 10%;
    }

    .camicool_tpj_content_profile ul {
        width: 100%;
        margin: 0 auto;
        display: flex;
    }

    .camicool_tpj_content_profile ul li:first-child {
        width: 39%;
    }

    .camicool_tpj_content_profile ul li:last-child {
        width: 58%;
    }

    .camicool_tpj_content_profile ul li p.ttl {
        font-family: "Yu Gothic Pr6N B" !important;
        font-size: 4.2vw;
    }

    .camicool_tpj_content_profile ul li p.ttl span {
        font-family: "Yu Gothic Pr6N B" !important;
        font-size: 3vw;
    }

    .camicool_tpj_content_profile ul li p.txt {
        font-size: 2.6vw;
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .camicool_tpj_content_message .ttl {
        font-size: 10.43vw;
    }

    .camicool_tpj_content_message .txt {
        font-family: "Yu Gothic Pr6N M" !important;
        font-size: 3.3vw;
    }

    .camicool_tpj_content_message .image {
        position: absolute;
        right: 5%;
        bottom: 0%;
        z-index: 1;
        width: 35vw;
    }
}

/* 特集ページ｜camicool_tpj END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜qualityforyou02 START */
html:has(.quality_sara02) {
    font-size: 62.5%;
    scroll-behavior: smooth;
}
.p-page_article__inner p:has(.quality_sara02) {
    font-family: inherit !important;
}
.p-page_article__inner:has(.quality_sara02) {
    max-width: none;
}
.u-margin__top--40:has(.quality_sara02) {
    margin-top: 0 !important;
}
.l-wrapper:has(.quality_sara02) {
    overflow: initial;
}
.quality_sara02 figure {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}
.quality_sara02 p {
    font-family: inherit !important;
}
.quality_sara02 .feature__container {
    font-family: "Yu Gothic Pr6N M", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.8;
}
.quality_sara02 .u-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.quality_sara02 .is-between {
    justify-content: space-between;
}
.quality_sara02 .u-flex {
    display: flex;
}

/* 左のコンテンツ */
:root {
    --header-h: 11rem; /* JS未実行時・フォールバック用 */
}
.quality_sara02 .left__content {
    position: sticky;
    top: var(--header-h);
    left: 0;
    flex-shrink: 0;
    height: calc(100dvh - var(--header-h));
    width: 55%;
    container-type: inline-size;
    container-name: leftside;
}

.quality_sara02 .left__content .content__inner {
    max-width: 470px;
}

/* 右のコンテンツ */
.quality_sara02 .right__content {
    width: 45%;
}

/* MV */
.quality_sara02 .section-mv {
    background: url(https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/quality_sara02_story_mv_pc.webp)no-repeat;
    background-size: cover;
    background-position: center top;
    width: 100%;
    height: 100%;
}

.quality_sara02 .mv__inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.quality_sara02 .mv__title {
    color: #fff;
}

.quality_sara02 .mv__title-top {
    position: absolute;
    top: 2cqw;
    left: 0;
    max-width: 80cqw;
    width: 100%;
    padding: 0 3cqw;
    font-family: "futura-pt", "Futura", "Avenir Next", "Lato", sans-serif;
    font-weight: normal;
}

.quality_sara02 .mv__title-bottom {
    position: absolute;
    bottom: 3cqw;
    left: 0;
    padding: 0 2cqw;
}

.quality_sara02 .title-name {
    display: flex;
    align-items: center;
    font-size: 3.4cqw;
}

.quality_sara02 .title-name span:first-of-type {
    position: relative;
}

.quality_sara02 .title-name span:first-of-type::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto 1.5cqw;
    background: #ded6bf;
    width: 0.15rem;
    height: 2.5cqw;
}

.quality_sara02 .title-name span:last-of-type {
    margin-left: 1.5cqw;
    padding-left: 1.5cqw;
    font-size: 3.3cqw;
}

.quality_sara02 .title-page {
    display: flex;
    flex-direction: column;
    margin-top: 0.3cqw;
    font-size: 3.1cqw;
}

.quality_sara02 .page--title,
.quality_sara02 .page--num {
    line-height: 1;
    letter-spacing: 0.06em;
}

.quality_sara02 .page--num {
    margin-top: 0.5cqw;
    letter-spacing: 0.02em;
}

.quality_sara02 .page--num span:first-of-type {
    position: relative;
}

.quality_sara02 .page--num span:first-of-type::after {
    position: absolute;
    content: "";
    background: url(https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/quality_sara02_page_arrow.webp)no-repeat;
    background-size: contain;
    width: 1.5cqw;
    height: 2.2cqw;
    top: 50%;
    right: -1.8cqw;
    transform: translateY(-50%);
    /*opacity: 0;
    transition: all 1.5s ease;
    transition-delay: 2s;*/
}

/*.fadein-late.is-inview .page--num span:first-of-type::after {
    opacity: 1;
}*/

.quality_sara02 .page--num span:last-of-type {
    margin-left: 2.2cqw;
}

.quality_sara02 .title-main {
    width: 85cqw;
    filter: drop-shadow(0 0 5px rgba(88, 78, 54, 0.5));
}

.quality_sara02 .title-main span {
    display: block;
    max-width: 100%;
}

.quality_sara02 .title-main span:first-of-type {
    width: 49.5cqw;
}

.quality_sara02 .title-main span:nth-of-type(2) {
    width: 83cqw;
    margin-top: 1.6cqw;
}

.quality_sara02 .title-main span:last-of-type {
    width: 28cqw;
    margin-top: 1.6cqw;
}

.quality_sara02 .title-sub {
    width: 90cqw;
    margin-top: 1.6cqw !important;
    font-family: "Yu Mincho", "YuMincho", serif !important;
    font-size: 2.53cqw;
    filter: drop-shadow(0 0 5px rgba(88, 78, 54, 0.5));
}

/* テキスト */
.quality_sara02 .section-lead {
    position: relative;
    font-family: "Yu Mincho", "YuMincho", serif;
    overflow: hidden;
}

.quality_sara02 .lead-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.quality_sara02 .lead-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.quality_sara02 .lead-background::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.quality_sara02 .lead__inner {
    position: relative;
    z-index: 2;
    width: 49.5rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 12rem 2rem;
}

.quality_sara02 .lead__title {
    margin-left: -1.4rem;
    font-size: 2.4rem;
    color:#000;
}

.quality_sara02 .section-lead__lead {
    margin: 5rem 0 0 !important;
    font-size: 1.8rem;
    line-height: 240%;
    color:#000;
}

/* STORY */
.quality_sara02 .section-story {
    color: #fff;
}

.quality_sara02 .story__inner {
    padding: 0 0 10rem;
}

.quality_sara02 .story__bg--lt {
    background: #C5A490;
}

.quality_sara02 .story__bg--dk {
    background: #A59082;
}

.quality_sara02 .story__content {
    position: relative;
    padding-top: 15rem;
    overflow: hidden;
}

.quality_sara02 .story__title {
    width: calc(85% - 25px);
    max-width: 100%;
    margin: 0 auto 3rem;
    font-size: 3rem;
    font-family: "Yu Mincho", "YuMincho", serif;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: .01em;
}

.quality_sara02 .story__title span {
    display:block;
}

.quality_sara02 .section__story--2 .story__title span {
    margin-left: -1.8rem;
}

.quality_sara02 .story__num {
    position: absolute;
    top: -2.4rem;
    left: -0.8rem;
    font-family: "din-2014", sans-serif;
    line-height: 1;
}

.quality_sara02 .story__num--l {
    position: relative;
    font-size: 13rem;
}


.quality_sara02 .story__num--l::after {
    position: absolute;
    content: "";
    background: url(https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/quality_sara02_story_num_slash.webp)no-repeat;
    background-size: contain;
    width: 2.8rem;
    height: 5.5rem;
    right: -3.2rem;
    bottom: 3rem;
}

.quality_sara02 .section__story--1 .story__num--l::after {
    right: -2.2rem;
}

.quality_sara02 .story__num--s {
    margin-left: 3.4rem;
    color: #f3e4d6;
    font-size: 5.4rem;
    opacity: .7;
}

.quality_sara02 .section__story--1 .story__num--s {
    margin-left: 2.4rem;
}

.quality_sara02 .story__label {
    position: absolute;
    top: 3.8rem;
    right: -2.4rem;
    color: #f3e4d6;
    font-size: 2.8rem;
    font-family: "din-2014", sans-serif;
    transform: rotate(90deg);
}

.quality_sara02 .section__story--1 .story__label {
    top: 3.8rem;
}

.quality_sara02 .section__story--2 .story__label {
    top: 5.4rem;
}

.quality_sara02 .section__story--3 .story__label {
    top: 4.3rem;
}

.quality_sara02 .section__story--4 .story__label {
    top: 5rem;
}

.quality_sara02 .section__story--5 .story__label {
    top: 3.7rem;
}

.quality_sara02 .story__desc {
    width: calc(85% - 25px);
    max-width: 100%;
    margin: 0 auto;
    font-size: 1.8rem;
    font-family: "Yu Mincho", "YuMincho", serif !important;
}

.quality_sara02 .story__desc--1 {
    margin-bottom: 7rem;
}

.quality_sara02 .story__desc--2 {
    margin-top: 6rem !important;
}

.quality_sara02 .section__story--2 .story__desc--2 {
    margin-top: 1.2rem !important;
    text-align: center;
}

.quality_sara02 .story__gallery {
    width: calc(85% - 20px);
    margin: 0 auto;
}

.quality_sara02 .story__gallery figure:nth-child(2) {
    margin-top: 2.5rem;
}

/* PRODUCT */
.quality_sara02 .section-product {
    color: #1b1b1b;
}
.quality_sara02 .product__inner {
    padding: 8.5rem 0;
    background: #EEE9E3;
}

.quality_sara02 .product__title {
    position: relative;
    margin: 0 auto 6.2rem;
    font-family: "Yu Mincho", "YuMincho", serif;
    text-align: center;
}

.quality_sara02 .product__title h2 {
    font-size: 3rem !important;
}

.quality_sara02 .product__title::after {
    position: absolute;
    content: "";
    background: #AF957C;
    width: 3.4rem;
    height: 0.2rem;
    right: 0;
    left: 0;
    bottom: -1.7rem;
    margin: 0 auto;
}

.quality_sara02 .product__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4rem;
    padding: 0 4rem;
}

.quality_sara02 .product__img {
    width: 19.5rem;
}

.quality_sara02 .product__name {
    font-family: "Yu Mincho", "YuMincho", serif;
    font-size: 2.6rem;
    line-height: 1.2;
    letter-spacing: 0em;
}

.quality_sara02 .product__name-en {
    display: block;
    margin: 0.7rem 0 0 !important;
    font-family: "futura-pt", "Futura", "Avenir Next", "Lato", sans-serif;
    font-weight: lighter;
    font-size: 2.1rem;
    letter-spacing: 0.06em;
}

.quality_sara02 .p-name--break .product__name-en{
    margin: 1.62vw 0 0;   
}

.quality_sara02 .product__color {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin-top: 1.8rem !important;
    width: fit-content;
    gap: 0.4rem;
}

.quality_sara02 .product__color.color-row--2 {
    grid-template-columns: repeat(7, 1fr);
    margin-top: 0.4rem !important;
}

.quality_sara02 .product__circle {
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 1px solid #8e8e8e;
}

.quality_sara02 .product__circle--white {
    background: #fff;
}

.quality_sara02 .product__circle--black {
    background: #1b1b1b;
}

.quality_sara02 .product__circle--beige {
    background: #E7BE99;
}

.quality_sara02 .product__circle--greige {
    background: #A89A8E;
}

.quality_sara02 .product__circle--ivory {
    background: #ead7c9;
}

.quality_sara02 .product__circle--grayishnavy {
    background: #474354;
}

.quality_sara02 .product__circle--lgray {
    background: #C8C8C8;
}

.quality_sara02 .product__circle--mbeige {
    background: #c1baad;
}

.quality_sara02 .product__circle--mbrown {
    background: #967C60;
}

.quality_sara02 .product__circle--mgray {
    background: #C19C8E;
}

.quality_sara02 .product__circle--terracotta {
    background: #be7d64;
}

.quality_sara02 .product__circle--dblue {
    background: #506C91;
}

.quality_sara02 .product__circle--pbeige {
    background: #dbafa1;
}

.quality_sara02 .product__item-btn {
    margin: 2.2rem 0 0;
}

.quality_sara02 .product__item-btn a {
    border: 1px solid #1b1b1b;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 11.8rem;
    padding: 0.7rem 1rem;
    color: #1b1b1b;
    font-size: 2rem;
    font-family: "futura-pt", "Futura", "Avenir Next", "Lato", sans-serif;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 1;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.quality_sara02 .product__item-btn a:hover {
    border: 1px solid #1b1b1b;
    background: #1b1b1b;
    color: #fff;
    transition: 0.3s ease-in-out;
}

.quality_sara02 .product__list-btn {
    width: 30rem;
    margin: 12rem auto 0;
}

.quality_sara02 .product__list-btn a {
    position: relative;
    color: #1b1b1b;
    font-size: 2.4rem;
    font-family: "Yu Mincho", "YuMincho", serif;
    text-align: center;
    letter-spacing: 0.1em;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    padding: 0 0 3%;
}

.quality_sara02 .product__list-btn a::after {
    position: absolute;
    content: "";
    background: #1b1b1b;
    width: auto;
    height: 0.1rem;
    right: 0;
    left: 0;
    bottom: -0.4rem;
    margin: 0 auto;
}

.quality_sara02 .product__cap {
    margin: 4rem auto 0;
    padding: 0 2rem 0 3.2rem;
    width: fit-content;
    font-family: "Yu Mincho", "YuMincho", serif;
    font-size: 1.5rem;
    letter-spacing: 0;
}

/* Swiper */
.quality_sara02 .swiper-button-prev,
.quality_sara02 .swiper-button-next {
    position: absolute;
    width: 4rem;
    height: 4rem;
    margin: auto;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 100;
}

.quality_sara02 .swiper-button-prev {
    left: 1.5rem;
}

.quality_sara02 .swiper-button-next {
    right: 1.5rem;
}

.quality_sara02 .swiper-button-prev::before,
.quality_sara02 .swiper-button-prev::after {
    left: 0;
}

.quality_sara02 .swiper-button-next::before,
.quality_sara02 .swiper-button-next::after {
    right: 0;
}

.quality_sara02 .swiper-button-prev::before,
.quality_sara02 .swiper-button-next::before {
    transform: rotate(-40deg);
}

.quality_sara02 .swiper-button-prev::after,
.quality_sara02 .swiper-button-next::after {
    transform: rotate(40deg);
}

.quality_sara02 .swiper-button-prev::before,
.quality_sara02 .swiper-button-prev::after,
.quality_sara02 .swiper-button-next::before,
.quality_sara02 .swiper-button-next::after {
    position: absolute;
    content: "";
    width: 0.1rem;
    height: 4rem;
    background: #171716;
    top: 0;
    bottom: 0px;
}

/* アニメーション */
.quality_sara02 .char {
    display: inline-block;
    opacity: 0;
    /* 動きはごくわずか（2px）。カタカタ感を消します */
    transform: translateY(3px); 
    /* 1.5sかけて優雅にフェードイン */
    transition: 
        opacity 2.0s cubic-bezier(0.22, 1, 0.36, 1), 
        transform 2.0s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform, opacity;
}

.quality_sara02 .is-visible .char {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}

.quality_sara02 .js-fade-up {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
  will-change: opacity, transform;
}

/* 画面に入った時に付与するクラス */
.quality_sara02 .js-fade-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.quality_sara02 .u-delay-02 { transition-delay: 0.2s; }
.quality_sara02 .u-delay-03 { transition-delay: 0.3s; }
.quality_sara02 .u-delay-04 { transition-delay: 0.4s; }
.quality_sara02 .u-delay-06 { transition-delay: 0.6s; }
.quality_sara02 .u-delay-08 { transition-delay: 0.8s; }
.quality_sara02 .u-delay-10 { transition-delay: 1.0s; }
.quality_sara02 .u-delay-12 { transition-delay: 1.2s; }
.quality_sara02 .u-delay-14 { transition-delay: 1.4s; }
.quality_sara02 .u-delay-20 { transition-delay: 2.0s; }
.quality_sara02 .u-delay-30 { transition-delay: 3.0s; }

.quality_sara02 .swiper-horizontal > .swiper-scrollbar,
.quality_sara02 .swiper-scrollbar.swiper-scrollbar-horizontal {
    display: none !important;
}

.quality_sara02 .feature_inc{
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
}

.quality_sara02 .feature_inc .c-feature_item__title {
    font-size: 1.2rem !important;
}


@media screen and (max-width:960px) {
    .quality_sara02 .section-mv {
        background: url(https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/quality_sara02_story_mv_sp.webp) no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
    }
}

/* スマホ表示 */
@media screen and (max-width: 768px) {
    .quality_sara02 .u-flex {
        display: block;
    }
    .quality_sara02 .left__content,
    .quality_sara02 .right__content {
        width: 100%;
    }

    .quality_sara02 .left__content {
        position: initial;
        height: auto;
    }

    .quality_sara02 .right__content {
        padding: 0;
    }

    /* MV */
    .quality_sara02 .section-mv {
        height: auto;
    }

    .quality_sara02 .mv__inner {
        height: 148.84vw;
    }

    .quality_sara02 .mv__title-top {
        top: 1.64vw;
        padding: 0 4.65vw;
    }

    .quality_sara02 .mv__title-bottom {
        bottom: 4.7vw;
        padding: 0 4.65vw;
    }

    .quality_sara02 .title-name {
        font-size: 5.813vw;
    }

    .quality_sara02 .title-name span:last-of-type {
        margin-left: 1.86vw;
        padding-left: 1.86vw;
        font-size: 4.65vw;
    }

    .quality_sara02 .title-name span:first-of-type::after {
        margin: auto 1.86vw;
        width: 0.232vw;
        height: 3.837vw;
    }

    .quality_sara02 .title-page {
        font-size: 4.65vw;
    }

    .quality_sara02 .page--title,
    .quality_sara02 .page--num {
        line-height: 1;
    }

    .quality_sara02 .page--title {
        letter-spacing: 0.06em;
    }

    .quality_sara02 .page--num {
        margin-top: 1.162vw;
    }

    .quality_sara02 .page--num span:first-of-type::after {
        width: 2.09vw;
        height: 3.49vw;
        right: -2.33vw;
    }

    .quality_sara02 .page--num span:last-of-type {
        margin-left: 3.02vw;
    }

    .quality_sara02 .title-main {
        filter: drop-shadow(0 0 4px rgba(88, 78, 54, 0.6));
    }

    .quality_sara02 .title-main span:first-of-type {
        width: 50.7vw;
    }

    .quality_sara02 .title-main span:nth-of-type(2) {
        margin-top: 3.52vw !important;
        width: 67.91vw;
    }

    .quality_sara02 .title-main span:last-of-type {
        margin-top: 4.65vw;
        width: 38.13vw;
    }

    .quality_sara02 .title-sub {
        margin-top: 2.82vw;
        font-size: 3.49vw;
        filter: drop-shadow(0 0 4px rgba(88, 78, 54, 0.6));
    }

    /* テキスト */
    .quality_sara02 .lead__inner {
        padding: 20.9vw 3.49vw;
        width: 89.53vw;
    }

    .quality_sara02 .lead__title {
        margin-left: -2.35vw;
        font-size: 4.4vw;
    }

    .quality_sara02 .section-lead__lead {
        margin: 9.76vw 0 0 !important;
        font-size: 3.85vw;
        line-height: 2.4;
    }

    /* STORY */
    .quality_sara02 .story__inner {
        padding: 0 0 16.2vw;
    }

    .quality_sara02 .story__content {
        padding-top: 31.16vw;
    }

    .quality_sara02 .story__title {
        margin: 0 auto 5.58vw;
        font-size: 6.5vw;
    }

    .quality_sara02 .story__num {
        top: -4.65vw;
        left: -1.4vw;
    }

    .quality_sara02 .story__num--l {
        font-size: 27.4vw;
    }

    .quality_sara02 .story__num--l::after {
        width: 5.12vw;
        height: 11.4vw;
        right: -6.51vw;
        bottom: 4.65vw;
    }

    .quality_sara02 .section__story--1 .story__num--l::after {
        right: -3.26vw;
    }

    .quality_sara02 .story__num--s {
        font-size: 9.07vw;
        margin-left: 6.98vw;
    }

    .quality_sara02 .section__story--1 .story__num--s {
        margin-left: 4.19vw;
    }

    .quality_sara02 .story__label {
        top: 3.8rem;
        right: -2.4rem;
        font-size: 4.65vw;
    }

    .quality_sara02 .section__story--1 .story__label,
    .quality_sara02 .section__story--5 .story__label {
        top: 6.51vw;
    }

    .quality_sara02 .section__story--2 .story__label {
        top: 9.3vw;
    }

    .quality_sara02 .section__story--3 .story__label {
        top: 7.44vw;
    }

    .quality_sara02 .section__story--3 .story__desc:nth-of-type(2) {
        letter-spacing: 0.05em;
    }

    .quality_sara02 .section__story--4 .story__label {
        top: 8.6vw;
    }

    .quality_sara02 .section__story--1 .story__title .story__title--l {
        margin-bottom: 0.58vw;
        font-size:7.2vw;
    }

    .quality_sara02 .section__story--1 .story__title {
        font-size: 4.85vw;
    }

    .quality_sara02 .section__story--2 .story__title {
        font-size: 5.85vw;
    }

    .quality_sara02 .section__story--1 .story__desc--2 {
        margin-top: 10.47vw;
    }

    .quality_sara02 .section__story--3 .story__title {
        font-size: 5.85vw;
    }

    .quality_sara02 .section__story--4 .story__title{
        font-size: 5.8vw;
    }

    .quality_sara02 .section__story--5 .story__title{
        font-size: 4.77vw;
    }

    .quality_sara02 .story__desc {
        font-size: 3.6vw;
        line-height: 1.9;
        letter-spacing: 0;
    }

    .quality_sara02 .story__desc--1 {
        margin-bottom: 11.62vw;
    }

    .quality_sara02 .story__desc--2 {
        margin-top: 2.79vw;
    }

    .quality_sara02 .story__gallery figure:nth-child(2) {
        margin-top: 4.65vw;
    }

    /* PRODUCT */
    .quality_sara02 .product__inner {
        padding: 15vw 0;
    }

    .quality_sara02 .product__title {
        margin: 0 auto 11.8vw;
        font-size: 5.697vw !important;
    }

    .quality_sara02 .product__title::after {
        width: 5.8vw;
        height: 0.465vw;
        bottom: -3vw;
    }

    .quality_sara02 .product__item {
        gap: 4.2vw;
        padding: 0;
    }

    .quality_sara02 .product__img {
        width: 32.32vw;
    }

    .quality_sara02 .product__name {
        font-size: 5vw;
        line-height: 1.2;
        letter-spacing: -0.04em;
    }

    .quality_sara02 .product__name--s {
        font-size: 4.88vw;
    }

    .quality_sara02 .product__name-en {
        margin: 0.9vw 0 0;
        font-size: 3.95vw;
    }

    .quality_sara02 .p-name--break .product__name-en{
        margin: 1.62vw 0 0;   
    }

    .quality_sara02 .product__color {
        margin-top: 3.25vw;
        gap: 0.93vw;
    }

    .quality_sara02 .product__color.color-row--2 {
        margin-top: 0.93vw;
    }

    .quality_sara02 .product__circle {
        width: 3.65vw;
        height: 3.65vw;
    }

    .quality_sara02 .product__item-btn {
        margin: 3.72vw 0 0;
    }

    .quality_sara02 .product__item-btn a {
        max-width: 19.3vw;
        padding: 1.16vw 2.55vw;
        font-size: 3.72vw;
    }

    .quality_sara02 .product__list-btn {
        width: 62.5vw;
        margin: 20.93vw auto 0;
    }

    .quality_sara02 .product__list-btn a {
        font-size: 5.116vw;
        padding: 0 0 5%;
    }

    .quality_sara02 .product__list-btn a::after {
        height: 0.465vw;
        bottom: -0.465vw;
    }

    .quality_sara02 .product__cap {
        margin: 5.8vw auto 0;
        font-size: 2.325vw;
    }

    /* Swiper */
    .quality_sara02 .swiper-button-prev,
    .quality_sara02 .swiper-button-next {
        width: 8.14vw;
        height: 8.14vw;
    }

    .quality_sara02 .swiper-button-prev::before,
    .quality_sara02 .swiper-button-prev::after,
    .quality_sara02 .swiper-button-next::before,
    .quality_sara02 .swiper-button-next::after {
        width: 0.23vw;
        height: 5.81vw;
    }
}

/* 特集ページ｜qualityforyou02 END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜neckline */
/* https://bambiwater.jp/shop/information/neckline */

.mt10 {
    margin-top: 10px;
}

.neckline_bg {
    background-color: #fff;
}

.neckline_intro {
    padding: 8% 5% 12%;
}

.neckline_intro .txt p {
    text-align: center !important;
}

.neckline_link_btn ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    gap: 1em 0;
}

.neckline_link_btn ul li {
    width: calc((100% - 1em)/2);
    margin-bottom: 0 !important;
    list-style: none;
}

.neckline_link_btn li img {
    width: 100%;
}

.neckline_content_inner {
    padding: 0 0 8%;
}

.neckline_content_inner.end {
    padding: 0 0 0%;
}

.neckline_content_ttl {
    width: 100%;
    margin: 0 auto;
}

.neckline_content_ttl img {
    width: 100%;
}

.neckline_content_txt {
    padding: 8% 5%;
}

.neckline_content_txt.neckline_diff {
    padding: 4% 5% 8%;
}

.neckline_content_img {
    width: 100%;
    margin: 0 auto;
    padding: 10% 5%;
}

.neckline_content_img.neckline_diff {
    padding: 0% 5% 10%;
}

.neckline_content_img img {
    width: 100%;
}

h2.neckline_ttl {
    text-align: center;
    line-height: 1;
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-size: 70px !important;
    letter-spacing: 0.1em !important;
    ;
    color: #333 !important;
    padding: 0 0 5%;
}

.neckline_content_txt_head {
    padding: 8% 5% 0;
    text-align: center;
}

.neckline_content_txt_head.neckline_content_txt_head--relax {
    padding: 0% 5% 0;
}

.neckline_content_txt_head p {
    padding-bottom: 0.1em;
    border-bottom: 3px solid currentColor !important;
    font-size: 45px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
    font-weight: bold;
}

/* オーバーサイズ */
.neckline_content_txt_head--oversize p {
    color: #6991d2 !important;
    border-bottom-color: #6991d2 !important;
}

/* リラックスフィット */
.neckline_content_txt_head--relax p {
    color: #57aeaf !important;
    border-bottom-color: #57aeaf !important;
}

/* neckline_swiper */
.swiper-area.neckline_only {
    position: relative;
    width: 100%;
}

.swiper-area.neckline_only.neckline_over {
    padding: 0 5%;
}

.neckline_swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}

/* 矢印 */
.neckline_only .swiper-button-next,
.neckline_only .swiper-button-prev {
    width: 30px;
    height: 50px;
    color: #333;
    background: rgba(255, 255, 255, 0.7);
}

.neckline_only .swiper-button-next::after,
.neckline_only .swiper-button-prev::after {
    font-size: 20px;
    font-weight: bold;
}

.neckline_only .swiper-button-prev {
    left: 0 !important;
    right: auto !important;
}

.neckline_only .swiper-button-next {
    right: 0 !important;
    left: auto !important;
}

.neckline_product_link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.neckline_lineup .swiper-button-next,
.neckline_lineup .swiper-button-prev {
    top: 35% !important;
    margin-top: 0 !important;
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {

    .neckline_intro {
        padding: 12% 5%;
    }

    .neckline_intro p {
        font-family: "Yu Gothic Pr6N M" !important;
    }

    h2.neckline_ttl {
        font-size: 12vw !important;
    }

    .neckline_content_txt_head p {
        text-align: center !important;
        font-size: 6vw !important;
        font-family: "Yu Gothic Pr6N B" !important;
    }

    .neckline_content .feature_shorts_txt {
        font-size: 3.8vw !important;
    }

    /* neckline_swiper */
    .neckline_only .swiper-button-next,
    .neckline_only .swiper-button-prev {
        width: 7.51vw !important;
        height: 10.115vw !important;
    }

    .neckline_only .swiper-button-next::after,
    .neckline_only .swiper-button-prev::after {
        font-size: 3.906vw !important;
    }
}


/* 特集ページ｜neckline END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜bratop_tpj  */
/* https://bambiwater.jp/shop/information/bratop_tpj */

.bratop_tpj_intro .mv_link_btn {
    padding-top: 7%;
}

.bratop_tpj_intro .intro {
    padding: 8% 5% 4%;
}

.bratop_tpj_intro p.fsK {
    color: #333 !important;
    font-size: 10px !important;
}

/*  */
.bratop_tpj_movie {
    padding: 10% 5% 10%;
    text-align: center;
}

.bratop_tpj_movie_txt p {
    color: #b29442;
    font-weight: bold;
    font-family: '游ゴシック体', 'Yu Gothic', 'Yu Gothic Pr6N B', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;
    line-height: 1;
    text-align: center;
}

.bratop_tpj_movie_txt p:first-child {
    font-size: 45px;
    padding-bottom: 0.5em;
}

.bratop_tpj_movie_txt p:last-child {
    font-size: 55px;
}

.bratop_tpj_moviearea {
    width: 100%;
    margin-top: 8%;
}

.bratop_tpj_moviearea iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

/*  */
.bratop_tpj_content {
    background-image: url("https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/bratop_tpj_bg.webp");
    background-size: 100% auto;
    background-repeat: repeat-y;
    background-position: top center;
    padding: 10% 5%;
    position: relative;
}

.bratop_tpj_content_profile {
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 5% 4%;
    margin-bottom: 10%;
}

.bratop_tpj_content_profile ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    list-style: none !important;
    align-items: center;
    justify-content: space-between;
}

.bratop_tpj_content_profile ul li:first-child {
    list-style: none !important;
    width: 45%;
}

.bratop_tpj_content_profile ul li:last-child {
    list-style: none !important;
    width: 52%;
}

.bratop_tpj_content_profile ul li p {
    font-family: '游ゴシック体', 'Yu Gothic', 'Yu Gothic Pr6N M', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;
    text-align: left;
}

.bratop_tpj_content_profile ul li p.ttl {
    font-weight: bold;
    font-size: 30px;
}

.bratop_tpj_content_profile ul li p.ttl span {
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
}

.bratop_tpj_content_profile ul li p.txt {
    font-weight: normal;
    font-size: 17px;
    line-height: 2;
    padding-top: 0.5em;
}

.bratop_tpj_content_message .ttl {
    font-family: "futura-pt", "Futura", "Avenir Next", "Lato", sans-serif !important;
    font-weight: lighter;
    text-align: center;
    font-size: 80px;
    line-height: 1;
    padding-bottom: 0.5em;
}

.bratop_tpj_content_message .txt {
    font-family: '游ゴシック体', 'Yu Gothic', 'Yu Gothic Pr6N N', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    text-align: left;
    margin: 0;
    font-size: 20px;
    line-height: 1.9;
    font-weight: normal;
}

.bratop_tpj_content_message .image {
    position: absolute;
    right: 5%;
    bottom: 0%;
    z-index: 1;
    width: 324px;
}

.bratop_tpj_content_message .image img {
    display: block;
    width: 100%;
    height: auto;
}

.bratop_tpj_content_img {
    margin: 0 auto;
    width: 100%;
}

.bratop_tpj_content_img img {
    width: 100%;
}


@media screen and (max-width: 767px) {

    .bratop_tpj_movie_txt p:first-child {
        font-family: "Yu Gothic Pr6N B" !important;
        font-size: 5.867vw;
    }

    .bratop_tpj_movie_txt p:last-child {
        font-family: "Yu Gothic Pr6N B" !important;
        font-size: 7.171vw;
    }

    /*  */
    .bratop_tpj_content_profile {
        padding: 5% 4%;
        margin-bottom: 10%;
    }

    .bratop_tpj_content_profile ul {
        width: 100%;
        margin: 0 auto;
        display: flex;
    }

    .bratop_tpj_content_profile ul li:first-child {
        width: 39%;
    }

    .bratop_tpj_content_profile ul li:last-child {
        width: 58%;
    }

    .bratop_tpj_content_profile ul li p.ttl {
        font-family: "Yu Gothic Pr6N B" !important;
        font-size: 4.2vw;
    }

    .bratop_tpj_content_profile ul li p.ttl span {
        font-family: "Yu Gothic Pr6N B" !important;
        font-size: 3vw;
    }

    .bratop_tpj_content_profile ul li p.txt {
        font-size: 2.6vw;
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .bratop_tpj_content_message .ttl {
        font-size: 10.43vw;
    }

    .bratop_tpj_content_message .txt {
        font-family: "Yu Gothic Pr6N M" !important;
        font-size: 3.3vw;
    }

    .bratop_tpj_content_message .image {
        position: absolute;
        right: 5%;
        bottom: 0%;
        z-index: 1;
        width: 35vw;
    }
}

/* 特集ページ｜bratop_tpj END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜qualitywear START */

html:has(.qualitywear) {
    font-size: 62.5%;
    scroll-behavior: smooth;
}
.p-page_article__inner p:has(.qualitywear) {
    font-family: inherit !important;
}
.p-page_article__inner:has(.qualitywear) {
    max-width: none;
}
.u-margin__top--40:has(.qualitywear) {
    margin-top: 0 !important;
}
.l-wrapper:has(.qualitywear) {
    overflow: initial;
}
.qualitywear .u-jp-justify {
    font-feature-settings: "palt";
    text-align: justify;
    text-align-last: left;
  }

.p-concept {
    display: block !important;
}
  
.qualitywear .p-concept {
    letter-spacing: .04em;
    line-height: 1.8;
}

.qualitywear .u-dash-rule {
    display: inline-block;
    margin-bottom: 0.3rem;
    width: 3em;
    height: 1px;
    background: currentColor;
    vertical-align: middle;
}
  
  /* --- 共通 --- */



.qualitywear .p-concept__feature-block-title,
.qualitywear .p-concept__mv-subtitle,
.qualitywear .p-concept__outro-subtitle {
    font-family: "yu-gothic-pr6n", sans-serif !important;
    font-weight: 700;
    font-style: normal;
}
  
.qualitywear .p-concept__feature-head-title {
    font-family: "yu-gothic-pr6n", sans-serif !important;
    font-weight: 700;
    font-style: normal;
}

.qualitywear .lato {
    font-family: "lato", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

.qualitywear .futura {
    font-family: futura-pt, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
    font-size: 22px !important;
}

  
  /* --- Layout --- */
  .qualitywear .p-concept__layout {
    display: flex;
    align-items: flex-start;
    padding: 0 0 2%;
  }
  
  /* 左固定カラム（1440px時の幅: 691.2px をコンテナ基準に設定） */
  .qualitywear .p-concept__layout-fixed {
    flex: 0 0 48%;
    width: 48%;
    height: 100vh;
    position: sticky;
    top: var(--header-h);
    height: calc(100dvh - var(--header-h));
    align-self: flex-start;
    container-type: inline-size;
    container-name: concept-left;
  }
  
  .qualitywear .p-concept__layout-fixed .p-concept__mv {
    height: 100%;
    min-height: 0;
  }
  
  .qualitywear .p-concept__layout-scroll {
    flex: 1 1 auto;
    min-width: 0;
    margin-left: -1px;
    position: relative;
    z-index: 1;
  }
  
  /* --- MV (左カラム内: すべて cqw 制御) --- */
  .qualitywear .p-concept__mv-inner {
    position: absolute;
    inset: 0;
    z-index: 1;
  }
  
  .qualitywear .p-concept__mv-bg {
    position: absolute;
    inset: 0;
  }
  
  .qualitywear .p-concept__mv-bg.swiper,
  .qualitywear .p-concept__mv-bg .swiper-wrapper,
  .qualitywear .p-concept__mv-bg .swiper-slide,
  .qualitywear .p-concept__feature-block-img--slider,
  .qualitywear .p-concept__feature-block-img--slider .swiper-wrapper,
  .qualitywear .p-concept__feature-block-img--slider .swiper-slide {
    height: 100%;
  }
  
  .qualitywear .p-concept__mv-bg-slide img,
  .qualitywear .p-concept__feature-block-img--slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }
  
  .qualitywear .p-concept__feature-block-img--slider .swiper-slide img {
    object-position: center;
  }
  
  .qualitywear .p-concept__feature-block-img--slider {
    position: relative;
  }
  
  .qualitywear .p-concept__feature-block-img-caption {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
  }
  
  .qualitywear .p-concept__feature-block-img-caption-title {
    position: absolute;
    /*left: 2rem;
    bottom: 1.2rem;*/
    left: clamp(1.2rem, 2.7cqw, 2.0rem);
    bottom: clamp(0.8rem, 1.6cqw, 1.2rem);
    color: #fff;
    /*font-size: 2.6rem;*/
    font-size: clamp(1.4rem, 1.8vw, 2.6rem);
    letter-spacing: 0.05em;
    line-height: 1.5;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
  }
  
  .qualitywear .p-concept__feature-block-img-caption-sub {
    position: absolute;
    /*top: 1.6rem;
    right: 1.2rem;*/
    top: clamp(1.0rem, 2.1cqw, 1.6rem);
    right: clamp(0.8rem, 1.6cqw, 1.2rem);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-feature-settings: "vpal", "vkrn";
    color: #fff;
    /*font-size: 2rem;*/
    font-size: clamp(1.2rem, 1.38vw, 2.0rem);
    letter-spacing: 0.18em;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
  }

  .qualitywear .p-concept__mv-text {
    position: absolute;
    bottom: clamp(3.2rem, 10cqw, 9.77rem) !important;
    right: 0;
    left: 0;
    padding: 0 4cqw;
}
  
  .qualitywear .p-concept__mv-title {
    max-width: clamp(300px, 51cqw, 420px);
    margin: 0 auto;
  }
  
  /*.p-concept__mv-title img {
    filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.3));
  }*/
  
  .qualitywear .p-concept__mv-subtitle {
      margin: 4.5cqw auto 0 !important;
      font-size: clamp(1.6rem, 3.3cqw, 2.6rem);
      text-align: center;
      line-height: 1.7;
      color: #fff;
  }
  
  .qualitywear .p-concept__mv-bg-slide img.pc,
  .qualitywear .swiper-slide img.pc {
    display: block;
  }
  
  /* --- Lead（右カラム内） --- */
  .qualitywear .p-concept__lead {
    background: #fff;
  }
  
  .qualitywear .p-concept__lead-inner {
    width: 53.5rem;
    max-width: 100%;
    margin: 0 auto;
    padding: clamp(5rem, 5.55vw, 9rem) 3rem;
  }
  
  .qualitywear .p-concept__lead-title {
    font-family: "tt-commons-pro", sans-serif !important;
    font-size: clamp(2.2rem, 2vw, 3.2rem);
    font-weight: 400;
    font-style: normal;
    text-align: center;
    color: #000;
  }
  
  .qualitywear .p-concept__lead-text {
    margin: 1.1rem 0 0 !important;
    font-size: clamp(1.3rem, 0.97vw, 1.5rem);
    line-height: 2.4;
    color: #000;
  }
  
  /* --- Feature Head（右カラム内見出し） --- */
  .qualitywear .p-concept__feature-head {
    position: relative;
    width: 100%;
  }
  .qualitywear .p-concept__feature-head-img {
    position: relative;
    overflow: hidden;
  }
  .qualitywear .p-concept__feature-head-img img,
  .qualitywear .p-concept__feature-head-img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .qualitywear .p-concept__feature-head-video {
    display: block;
  }
  
  .qualitywear .p-concept__feature-head-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  
  .qualitywear .p-concept__feature-head-num {
    position: absolute;
    top: clamp(1.6rem, 1.52vw, 2.8rem);
    right: clamp(1rem, 1.38vw, 2rem);
    z-index: 1;
    font-size: clamp(1.5rem, 1.32vw, 2.2rem);
    font-weight: 400;
    line-height: 0.85;
    letter-spacing: 0.02em;
    color: #fff;
    pointer-events: none;
  }
  
  .qualitywear .p-concept__feature-head-title {
    position: absolute;
    bottom: clamp(2rem, 2.08vw, 4rem);
    left: clamp(1.8rem, 1.66vw, 3.2rem);
    z-index: 1;
    font-size: clamp(2.2rem, 2.22vw, 3.8rem);
    color: #fff;
  }
  
  .qualitywear .p-concept__feature-head-en {
    position: absolute;
    left: clamp(1rem, 1.04vw, 2rem);
    top: clamp(1.5rem, 1.38vw, 2.5rem);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-family: "tt-commons-pro", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: clamp(4.8rem, 4.86vw, 8.4rem);
    color: #fff;
    line-height: 1;
    overflow: hidden;
  }
  
  .qualitywear .p-concept__feature-head--reverse .p-concept__feature-head-num {
    left: clamp(1rem, 1.38vw, 2.4rem);
    right: auto;
  }
  
  .qualitywear .p-concept__feature-head--reverse .p-concept__feature-head-en {
    right: clamp(1rem, 1.04vw, 2rem);
    left: auto;
  }
  
  /* --- Feature Body --- */
  .qualitywear .p-concept__feature-body {
    margin: 0 auto;
    padding: clamp(5rem, 5.2vw, 9.5rem) clamp(3rem, 6.94vw, 10rem);
    display: flex;
    flex-direction: column;
    gap: clamp(5rem, 5.2vw, 9.5rem);
  }
  
  .qualitywear .p-concept__feature--01 .p-concept__feature-body {
    position: relative;
    margin-top: -1px;
  }
  
  .qualitywear .p-concept__feature-block {
    /*display: flex;
    flex-direction: column;
    align-items: center;*/
    max-width: 720px;
    margin: 0 auto;
    width: 100%;
  }
  
  .qualitywear .p-concept__feature-block-title {
    font-size: clamp(2.0rem, 1.94vw, 3.2rem);
    letter-spacing: 0.05em;
    color: #fff;
    margin: 0 0 2rem;
  }
  
  .qualitywear .p-concept__feature--03 .p-concept__feature-block-title {
    font-size: clamp(1.8rem, 1.76vw, 2.4rem);
  }
  
  .qualitywear .p-concept__feature-block-text {
    font-size: clamp(1.4rem, 0.97vw, 1.5rem);
    line-height: 2;
    color: #fff;
  }
  
  .qualitywear .p-concept__feature-block-img {
    width: 100%;
  }
  
  .qualitywear .p-concept__feature-block-imgs {
    display: flex;
    margin: clamp(3rem, 3.47vw, 6rem) 0 0;
    width: 100%;
  }
  
  .qualitywear .p-concept__feature-block-imgs--s {
    /*margin: clamp(3rem, 3.47vw, 6rem) auto 0;*/
    margin: clamp(3rem, 3.47vw, 6rem) auto clamp(1.5rem, 1.736vw, 3.5rem);
    width: 70%;
  }
  
  .qualitywear .p-concept__feature-block-imgs-group {
    width: 100%;
    margin-inline: auto;
  }
  
  .qualitywear .p-concept__feature-block-imgs + .p-concept__feature-block-text,
  .qualitywear .p-concept__feature-block-imgs-group + .p-concept__feature-block-text {
    margin-top: clamp(3rem, 3.47vw, 6rem) !important;
  }
  
  /* テキスト＋画像2枚横並び */
  .qualitywear .p-concept__feature-block--double .p-concept__feature-block-imgs {
    flex-direction: row;
  }
  
  /* --- Feature 01 / 02 / 03 背景 --- */
  .qualitywear .p-concept__feature--01 .p-concept__feature-body {
    background-size: cover;
    background-repeat: no-repeat;
  }
  
  .qualitywear .p-concept__feature--01 .p-concept__feature-body {
    background-image: url(https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/qualitywear_concept_feature01_bg.webp);
  }
  
  .qualitywear .p-concept__feature--02 .p-concept__feature-body {
    /*background-image: url(../img/concept_feature02_bg.webp);*/
    background-color: rgba(227, 211, 179, 0.1);
    background-image: linear-gradient(
      40deg,
      rgba(195, 169, 125, 0.57) 0%,   /* 左下：少し落ち着いた色 */
      rgba(218, 196, 157, 0.57) 100%  /* 右上：明るい色 */
    );
  }
  
  .qualitywear .p-concept__feature--02 .p-concept__feature-block-text {
    color: #212121;
  }
  
  .qualitywear .p-concept__feature--02 .p-concept__feature-block-img:first-of-type {
    margin-top: clamp(4rem, 4.86vw, 8rem);
  }
  
  .qualitywear .p-concept__feature--02 .p-concept__feature-block--double .p-concept__feature-block-imgs {
    gap: clamp(2rem, 2.63vw, 4rem);
  }
  
  .qualitywear .p-concept__feature--03 .p-concept__feature-body {
    /*background-image: url(../img/concept_feature03_bg.webp);*/
    background-color: rgba(134, 105, 53, 0.8); 
    background-image: linear-gradient(
      130deg,
      rgba(205, 184, 148, 0.57) 0%,  /* 上側の薄い色 */
      rgba(178, 154, 114, 0.57) 100% /* 下側の濃い色 */
    );
  }
  
  .qualitywear .feature-block-imgs--03 {
    justify-content: flex-start;
    gap: 12.38%;
    margin-left: 4.73%;
  }
  
  .qualitywear .feature-block-imgs--03 .p-concept__feature-block-img:first-of-type {
    width: 41.89%;
    margin-top: 2.91%;
  }
  
  .qualitywear .feature-block-imgs--03 .p-concept__feature-block-img:last-of-type {
    width: 30.6%;
  }
  
  .qualitywear .feature-block-imgs--04 {
    justify-content: flex-end;
    gap: 9.47%;
    margin: 6% 0 0;
  }
  
  .qualitywear .feature-block-imgs--04 .p-concept__feature-block-img:first-of-type {
    width: 30.6%;
  }
  
  .qualitywear .feature-block-imgs--04 .p-concept__feature-block-img:last-of-type {
    width: 43.9%;
    transform: translateY(-60%);
    margin-bottom: -22%;
    margin-right: 5.11%;
  }
  
  /* --- Outro（右カラム内最下部） --- */
  .qualitywear .p-concept__outro {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .qualitywear .p-concept__outro-bg {
    position: absolute;
    inset: 0;
  }
  
  .qualitywear .p-concept__outro-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }
  
  .qualitywear .p-concept__outro-inner {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    padding: 16rem 2.4rem 10rem;
  }
  
  .qualitywear .p-concept__outro-subtitle {
    margin-bottom: 2.8rem;
    font-size: clamp(1.4rem, 1.18vw, 2.0rem);
    line-height: 1.7;
  }
  
  .qualitywear .p-concept__outro-title {
    width: clamp(26rem, 22.38vw, 42rem);
    margin: 0 auto 4.3rem;
  }
  
  .qualitywear .p-concept__outro-logo {
    margin: 0 auto;
    width: clamp(12rem, 11.11vw, 18rem);
  }
  
  /* =========================================================
     アニメーション共通変数
     ========================================================= */
  :root {
    --concept-ease: cubic-bezier(0.22, 1, 0.36, 1);          /* 標準：シンプルなfade-up */
    --concept-ease-text: cubic-bezier(0.16, 1, 0.3, 1);       /* 一文字ずつ：やや軽快な立ち上がり */
    --concept-ease-img: cubic-bezier(0.25, 1, 0.5, 1);        /* 番号付き画像の時間差フェード */
    --concept-ease-soft: cubic-bezier(0.25, 0.1, 0.25, 1.0);  /* 背景→テキストのゆっくりしたフェード専用 */
  }
  
  /* =========================================================
     [1][3] 背景が先に出て、テキストがまとめてじんわり出る
     トリガー：
       - MV      … .p-concept__mv.is-loaded（画像loadが起点）
       - Outro/Feature見出し … .js-section-reveal.is-inview（スクロールが起点）
     対象：.c-reveal-bg（背景）/ .c-reveal-text（テキストのまとまり）
     Feature見出しは .c-reveal-text--fast を足すことでMV/Outroより速く出す
     ========================================================= */
    .c-reveal-bg {
    opacity: 0;
    transition: opacity 1.8s var(--concept-ease-soft);
  }
  .p-concept__mv.is-loaded .c-reveal-bg,
  .js-section-reveal.is-inview .c-reveal-bg {
    opacity: 1;
  }
  
  .qualitywear .c-reveal-text {
    opacity: 0;
    transform: translateY(0);
    transition: opacity 3.2s var(--concept-ease-soft), transform 3.2s var(--concept-ease-soft);
    transition-delay: 1s; /* 背景が見え始めた少し後にテキストが追いかける */
  }
  .qualitywear .p-concept__mv.is-loaded .c-reveal-text,
  .qualitywear .js-section-reveal.is-inview .c-reveal-text {
    opacity: 1;
    transform: translateY(0);
  }
  
  /* Feature見出し用：MV/Outroより速いスピードで出す */
  .qualitywear .c-reveal-text.c-reveal-text--fast {
    transition: all 1.0s ease;
    transition-delay: 0.3s;
  }
  
  /* =========================================================
     [2][5][6] シンプルなfade-up
     トリガー：.js-reveal 自身がスクロールで画面に入ったら .is-inview を付与
     対象：Lead本文、Feature本文テキスト、Feature本文画像
     画像は .js-reveal--slow を足してテキストよりゆっくり・少し後から出す
     ========================================================= */
     .qualitywear .js-reveal {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 1.2s ease-out, transform 1.2s ease-out;
    transition-delay: 0.1s;
    will-change: opacity, transform;
  }
  .qualitywear .js-reveal.is-inview {
    opacity: 1;
    transform: translateY(0);
  }
  .qualitywear .js-reveal.js-reveal--slow {
    transition: all 1.5s ease;
    transition-delay: 0.3s; /* テキストより少し遅れて、ゆっくり出す */
  }
  
  /* =========================================================
     [4] 一文字ずつ分解して表示するタイトル
     トリガー：.js-text-split 自身がスクロールで画面に入ったら .is-inview を付与
     連動先（.js-text-split-next / .js-text-split-body）は
     見た目自体は .js-reveal / .js-reveal--slow を併用し、
     表示タイミングだけJSがタイトルの文字数から計算して個別に付与する
     ========================================================= */
     .qualitywear .js-text-split .char {
    display: inline-block;
    opacity: 0;
    transform: translateY(3px);
    /*transition: opacity 0.6s var(--concept-ease-text), transform 0.6s var(--concept-ease-text);*/
    transition: opacity 2.0s cubic-bezier(0.22, 1, 0.36, 1), transform 2.0s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform, opacity;
  }
  .qualitywear .js-text-split.is-inview .char {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
  
  /* =========================================================
     [7] 番号付き画像：指定順で、移動なし（フェードのみ）で表示
     トリガー：.js-stagger-group がスクロールで画面に入ったら
               子の .js-stagger-item に data-stagger-order の順で .is-inview を付与
     ========================================================= */
     .qualitywear .js-stagger-item {
    opacity: 0;
    transition: all 1.5s ease;
  }
  .qualitywear .js-stagger-group.is-inview .js-stagger-item {
    opacity: 1;
    transition-delay: 0.8s;
  }


  /* PRODUCT */
.qualitywear .section-product {
    color: #1b1b1b;
}
.qualitywear  .product__inner {
    padding: 8.5rem 0;
    background: #ece8e2;
}

.qualitywear .product__title {
    position: relative;
    margin: 0 auto 6.2rem;
    text-align: center;
}

.qualitywear .product__title h2 {
    font-size: 3rem !important;
    font-family: "yu-gothic-pr6n", sans-serif !important;
    font-weight: 700;
    font-style: normal;
}

.qualitywear .product__title::after {
    position: absolute;
    content: "";
    background: #a7947c;
    width: 3.4rem;
    height: 0.2rem;
    right: 0;
    left: 0;
    bottom: -1.7rem;
    margin: 0 auto;
}

.qualitywear .product__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4rem;
}

.qualitywear .product__img {
    width: 17rem;
}

.qualitywear .product__name {
    font-family: "yu-gothic-pr6n", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 3rem;
    line-height: 1.2;
}

.qualitywear .product__name-en {
    display: block;
    margin: 2.2rem 0 0;
    font-family: "futura-pt", "Futura", "Avenir Next", "Lato", sans-serif;
    font-weight: lighter;
    font-size: 2.6rem;
    letter-spacing: 0.06em;
}

.qualitywear .product__color {
    display: flex;
    margin-top: 2.2rem !important;
    gap: 1rem;
}

.qualitywear .product__circle {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 1px solid #8e8e8e;
}

.qualitywear .product__circle--white {
    background: #fff;
}

.qualitywear .product__circle--black {
    background: #1b1b1b;
}

.qualitywear .product__circle--neutralbeige {
    background: #d5d2b8;
}

.qualitywear .product__circle--naturalbeige {
    background: #BE9E76;
}

.qualitywear .product__circle--greige {
    background: #ada398;
}
.qualitywear .product__circle--pinkbeige {
    background: #d9bdb2;
}

.qualitywear .product__circle--olivestone {
    background: #ada398;
}

.qualitywear .product__circle--ivory {
    background: #ead7c9;
}

.qualitywear .product__circle--brown {
    background: #7e5947;
}

.qualitywear .product__circle--charcoalgray {
    background: #53524E;
}

.qualitywear .product__circle--grayishnavy {
    background: #474354;
}

.qualitywear .product__circle--olivestone {
    background: #7E6E46;
}

.qualitywear .product__circle--white {
    background: #fff;
}

.qualitywear .product__circle--black {
    background: #1b1b1b;
}

.qualitywear .product__circle--beige {
    background: #E7BE99;
}

.qualitywear .product__circle--greige {
    background: #A89A8E;
}

.qualitywear .product__circle--ivory {
    background: #ead7c9;
}

.qualitywear .product__circle--grayishnavy {
    background: #474354;
}

.qualitywear .product__circle--lgray {
    background: #C8C8C8;
}

.qualitywear .product__circle--mbeige {
    background: #c1baad;
}

.qualitywear .product__circle--mbrown {
    background: #967C60;
}

.qualitywear .product__circle--mgray {
    background: #C19C8E;
}

.qualitywear .product__circle--terracotta {
    background: #be7d64;
}

.qualitywear .product__circle--dblue {
    background: #506C91;
}

.qualitywear .product__circle--pbeige {
    background: #dbafa1;
}

.qualitywear .product__item-btn {
    margin: 2.8rem 0 0;
}

.qualitywear .product__item-btn a {
    border: 1px solid #1b1b1b;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 11.8rem;
    padding: 0.7rem 1rem;
    color: #1b1b1b;
    font-size: 2.4rem;
    font-family: "futura-pt", "Futura", "Avenir Next", "Lato", sans-serif;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 1;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.qualitywear .product__item-btn a:hover {
    border: 1px solid #1b1b1b;
    background: #1b1b1b;
    color: #fff;
    transition: 0.3s ease-in-out;
}

.qualitywear .product__list-btn {
    width: 30rem;
    margin: 12rem auto 0;
}

.qualitywear .product__list-btn a {
    position: relative;
    color: #1b1b1b;
    font-size: 2.4rem;
    text-align: center;
    letter-spacing: 0.1em;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    padding: 0 0 3%;
    font-family: "yu-gothic-pr6n", sans-serif !important;
    font-weight: 700;
    font-style: normal;
}

.qualitywear .product__list-btn a::after {
    position: absolute;
    content: "";
    background: #1b1b1b;
    width: auto;
    height: 0.1rem;
    right: 0;
    left: 0;
    bottom: -0.4rem;
    margin: 0 auto;
}

.qualitywear .product__cap {
    margin: 4rem auto 0 !important;
    padding: 0 2rem 0 3.2rem;
    width: fit-content;
    font-size: 1.5rem;
    letter-spacing: 0;
    font-family: "yu-gothic-pr6n", sans-serif !important;
    font-weight: 700;
    font-style: normal;
}

/* Swiper */
.qualitywear .swiper-button-prev,
.qualitywear .swiper-button-next {
    position: absolute;
    width: 4rem;
    height: 4rem;
    margin: auto;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 100;
}

.qualitywear .swiper-button-prev {
    left: 2rem;
}

.qualitywear .swiper-button-next {
    right: 2rem;
}

.qualitywear .swiper-button-prev::before,
.qualitywear .swiper-button-prev::after {
    left: 0;
}

.qualitywear .swiper-button-next::before,
.qualitywear .swiper-button-next::after {
    right: 0;
}

.qualitywear .swiper-button-prev::before,
.qualitywear .swiper-button-next::before {
    transform: rotate(-40deg);
}

.qualitywear .swiper-button-prev::after,
.qualitywear .swiper-button-next::after {
    transform: rotate(40deg);
}

.qualitywear .swiper-button-prev::before,
.qualitywear .swiper-button-prev::after,
.qualitywear .swiper-button-next::before,
.qualitywear .swiper-button-next::after {
    position: absolute;
    content: "";
    width: 0.1rem;
    height: 4rem;
    background: #171716;
    top: 0;
    bottom: 0px;
}

.qualitywear .swiper-horizontal > .swiper-scrollbar,
.qualitywear .swiper-scrollbar.swiper-scrollbar-horizontal {
    display: none !important;
}

/* アニメーション */
.qualitywear .char {
    display: inline-block;
    opacity: 0;
    /* 動きはごくわずか（2px）。カタカタ感を消します */
    transform: translateY(3px); 
    /* 1.5sかけて優雅にフェードイン */
    transition: 
        opacity 2.0s cubic-bezier(0.22, 1, 0.36, 1), 
        transform 2.0s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform, opacity;
}

.qualitywear .is-visible .char {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}

.qualitywear .js-fade-up {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
  will-change: opacity, transform;
}

/* 画面に入った時に付与するクラス */
.qualitywear .js-fade-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.qualitywear .u-delay-02 { transition-delay: 0.2s; }
.qualitywear .u-delay-03 { transition-delay: 0.3s; }
.qualitywear .u-delay-04 { transition-delay: 0.4s; }
.qualitywear .u-delay-06 { transition-delay: 0.6s; }
.qualitywear .u-delay-08 { transition-delay: 0.8s; }
.qualitywear .u-delay-10 { transition-delay: 1.0s; }
.qualitywear .u-delay-12 { transition-delay: 1.2s; }
.qualitywear .u-delay-14 { transition-delay: 1.4s; }
.qualitywear .u-delay-20 { transition-delay: 2.0s; }
.qualitywear .u-delay-30 { transition-delay: 3.0s; }

.qualitywear .swiper-horizontal > .swiper-scrollbar,
.qualitywear .swiper-scrollbar.swiper-scrollbar-horizontal {
    display: none !important;
}

.quality_wear .feature_inc {
    max-width: 720px;
    width: 100%;
    margin: 0 auto -3%;
}
  
  /* =========================================================
     アクセシビリティ：motion抑制設定時は全て即表示
     ========================================================= */
  @media (prefers-reduced-motion: reduce) {
    .qualitywear .c-reveal-bg,
    .qualitywear .c-reveal-text,
    .qualitywear .js-reveal,
    .qualitywear .js-reveal--slow,
    .qualitywear .js-text-split .char,
    .qualitywear .js-stagger-item {
      transition: none !important;
      transform: none !important;
      opacity: 1 !important;
    }
  }
  
  .quality_wear .feature_inc .c-feature_item__title {
    font-size: 1.2rem !important;
}
  
  @media screen and (max-width: 768px) {
    /* --- Layout --- */
    .qualitywear .p-concept__layout {
      display: block;
    }
  
    .qualitywear .p-concept__layout-fixed {
      width: auto;
      height: auto;
      position: static;
    }
  
    .qualitywear .p-concept__layout-fixed .p-concept__mv {
      height: auto;
    }
  
    .qualitywear .p-concept__layout-fixed {
      display: block;
    }
  
    .qualitywear .p-concept__layout-scroll {
      width: auto;
    }
  
    .qualitywear .p-concept__mv-bg.swiper,
    .qualitywear .p-concept__mv-bg .swiper-wrapper,
    .qualitywear .p-concept__mv-bg .swiper-slide {
      height: auto;
    }
  
    .qualitywear .p-concept__feature-block-img-caption-title {
    left: 3.764vw;
    bottom: 2.352vw;
    font-size: 4.705vw;
    line-height: 1.4;
  }
  
  .qualitywear .p-concept__feature-block-img-caption-sub {
    top: 2.823vw;
    right: 2.117vw;
    font-size: 3.294vw;
  }
  
  .qualitywear .futura {
    font-size: 3.294vw !important;
}

      /* --- MV --- */
      .qualitywear .p-concept__mv {
        position: relative;
      }
  
      .qualitywear .p-concept__mv-inner {
        position: absolute;
        inset: 0;
      }
  
      .qualitywear .p-concept__mv-bg {
        position: relative;
      }
  
      .qualitywear .p-concept__mv-text {
        position: absolute;
        left: 0;
        right: 0;
        top: auto;
        bottom: 10.588vw;
        padding: 0 4cqw;
      }
  
      .qualitywear .p-concept__mv-title {
        position: static;
        transform: none;
        width: auto;
        max-width: 73.41vw;
        margin: 0 auto;
      }
  
      .qualitywear .p-concept__mv-subtitle {
        position: static;
        writing-mode: horizontal-tb;
        text-orientation: mixed;
        margin: 5.88vw auto 0;
        font-size: 3.65vw;
        text-align: center;
      }
  
      .qualitywear .p-concept__mv-bg-slide img.pc,
      .qualitywear .swiper-slide img.pc {
        display: none;
      }
  
      /* --- Lead --- */
      .qualitywear .p-concept__lead-inner {
        padding: 13vw 3.529vw 14vw;
        width: 91.294vw;
      }
  
      .qualitywear .p-concept__lead-title {
        font-size: 7.05vw;
      }
  
      .qualitywear .p-concept__lead-text {
        margin: 1.175vw 0 0;
        font-size: 3.6vw;
        line-height: 1.7;
      }
  
      /* --- feature-head --- */
      .qualitywear .p-concept__feature-head-title {
        left: 4.705vw;
        bottom: 4.705vw;
        font-size: 6.588vw;
      }
  
      .qualitywear .p-concept__feature-head-num {
        top: 4.705vw;
        right: 2.353vw;
        font-size: 3.294vw;
      }
  
      .qualitywear .p-concept__feature-head-en {
        top: 4.705vw;
        left: 2.823vw;
        font-size: 11.764vw;
      }
  
      .qualitywear .p-concept__feature-head--reverse .p-concept__feature-head-num {
        left: 2.353vw;
      }
  
      .qualitywear .p-concept__feature-head--reverse .p-concept__feature-head-en {
        right: 2.823vw;
      }
  
      /* --- feature-body --- */
      .qualitywear .p-concept__feature-body {
        padding: 14.117vw 6.529vw;
        gap: 14.117vw;
      }
  
      .qualitywear .p-concept__feature-block-title {
        margin: 0 0 2.823vw;
      }
      .qualitywear .p-concept__feature-block-text {
        font-size: 3.294vw;
        line-height: 1.8;
      }
  
      .qualitywear .p-concept__feature-block-imgs {
        margin: 8.235vw 0 0;
      }
  
      .qualitywear .p-concept__feature-block-imgs--s {
        margin: 8.235vw auto 4.705vw;
        width: 68%;
      }
  
      .qualitywear .p-concept__feature-block-imgs + .p-concept__feature-block-text,
      .qualitywear .p-concept__feature-block-imgs-group + .p-concept__feature-block-text {
        margin-top: 9.411vw;
      }
  
      .qualitywear .feature-block-imgs--03 {
        gap: 10.353vw;
        margin-left: 3.529vw;
      }
  
      .qualitywear .feature-block-imgs--03 .p-concept__feature-block-img:first-of-type {
        width: 35.294vw;
        margin-top: 1.882vw;
      }
  
      .qualitywear .feature-block-imgs--03 .p-concept__feature-block-img:last-of-type {
        width: 25.882vw;
      }
  
      .qualitywear .feature-block-imgs--04 {
        gap: 8.0vw;
        margin: 6vw 0 0;
      }
  
      .qualitywear .feature-block-imgs--04 .p-concept__feature-block-img:first-of-type {
        width: 25.882vw;
      }
  
      .qualitywear .feature-block-imgs--04 .p-concept__feature-block-img:last-of-type {
        width: 37.647vw;
        margin-bottom: -16.8vw;
        margin-right: 4.471vw;
      }
  
      /* --- feature--01 --- */
      .qualitywear .p-concept__feature--01 .p-concept__feature-block-title {
        font-size: 5.647vw;
        margin: 0 0 2.823vw;
      }
  
      .qualitywear .p-concept__feature--01 .p-concept__feature-block:nth-of-type(2) .p-concept__feature-block-title {
        font-size: 5.2vw;
      }
  
      /* --- feature--02 --- */
      .qualitywear .p-concept__feature--02 .p-concept__feature-block--double .p-concept__feature-block-imgs {
        gap: 5.88vw;
      }
  
      .qualitywear .p-concept__feature--02 .p-concept__feature-block-img:first-of-type {
        margin-top: 9.88vw;
      }
  
      /* --- feature--03 --- */
      .qualitywear .p-concept__feature--03 .p-concept__feature-block-title {
        font-size: 4.3vw;
      }
  
      /* --- Outro --- */
      .qualitywear .p-concept__outro {
        min-height: 122vw;
      }
  
      .qualitywear .p-concept__outro.sp {
        display: flex;
      }
  
      .qualitywear .p-concept__outro-inner {
        margin-top: 32.235vw;
        padding: 0 3.529vw;
      }
  
      .qualitywear .p-concept__outro-subtitle {
        margin-bottom: 7vw;
        font-size: 3.65vw;
      }
  
      .qualitywear .p-concept__outro-title {
        width: 71.294vw;
        margin: 0 auto 10.352vw;
  
      }
  
      .qualitywear .p-concept__outro-logo {
        width: 34.588vw;
      }

      /* PRODUCT */
    .qualitywear .product__inner {
        padding: 15vw 0;
    }

    .qualitywear .product__title {
        margin: 0 auto 12.79vw;
        font-size: 5.697vw;
    }

    .qualitywear .product__title h2 {
        font-size: 5.697vw !important;
    }

    .qualitywear .product__title::after {
        width: 3.4rem;
        height: 0.2rem;
        bottom: -1.7rem;
    }

    .qualitywear .product__item {
        gap: 5.8vw;
    }

    .qualitywear .product__img {
        width: 27.44vw;
    }

    .qualitywear .product__name {
        font-size: 5.58vw;
        line-height: 1.16;
        line-height: 1.16;
    }

    .qualitywear .product__name--s {
        font-size: 4.88vw;
    }

    .qualitywear .product__name-en {
        margin: 2.325vw 0 0;
        font-size: 4.186vw;
    }

    .qualitywear .product__color {
        margin-top: 4.186vw;
        gap: 1.627vw;
    }

    .qualitywear .product__circle {
        width: 4.28vw;
        height: 4.28vw;
    }

    .qualitywear .product__item-btn {
        margin: 4.65vw 0 0;
    }

    .qualitywear .product__item-btn a {
        max-width: 19.3vw;
        padding: 1.16vw 2.55vw;
        font-size: 3.72vw;
    }

    .qualitywear .product__list-btn {
        width: 62vw;
        margin: 10.93vw auto 0;
        text-align: center;
    }

    .qualitywear .product__list-btn a {
        font-size: 4.6vw;
        padding: 0 0 5%;
    }

    .qualitywear .product__list-btn a::after {
        height: 0.465vw;
        bottom: -0.465vw;
    }

    .qualitywear .product__cap {
        margin: 5.8vw auto 0 !important;
        font-size: 2.325vw;
    }

    /* Swiper */
    .qualitywear .swiper-button-prev,
    .qualitywear .swiper-button-next {
        width: 8.14vw;
        height: 8.14vw;
    }

    .qualitywear .swiper-button-prev::before,
    .qualitywear .swiper-button-prev::after,
    .qualitywear .swiper-button-next::before,
    .qualitywear .swiper-button-next::after {
        width: 0.23vw;
        height: 5.81vw;
    }
  }

/* 特集ページ｜qualitywear END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜bratop-choice */
/* https://bambiwater.jp/shop/information/bratop-choice*/

.bratop-choice_intro {
    padding: 8% 5% 10%;
}

.bratop-choice_intro .txt p {
    text-align: center;
}

.bratop-choice_coupon {
    padding: 10% 0 10%;
}

.bratop-choice_coupon p.fsK {
    font-size: 10px !important;
    text-align: left !important;
    margin-top: 5px !important;
}

.bratop-choice_intro .title_h2,
.bratop-choice_wrap .title_h2 {
    color: #6a635d;
    font-size: 34px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
    text-align: center;
    border-bottom: 2px solid #6a635d;
    padding: 0 2% 2%;
    margin: 40px 0 30px;
  letter-spacing:0.04em;
}

.bratop-choice_intro .title_h2 span.pc {
    display: inline !important;
}

.bratop-choice_link_btn ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    gap: 1em 0;
}

.bratop-choice_link_btn ul li {
    width: calc((100% - 1.5em)/3);
    margin-bottom: 0 !important;
    list-style: none;
}

.bratop-choice_link_btn li img {
    width: 100%;
}

.bratop-choice_common {
    padding: 10% 5% 10%;
}

.bratop-choice_common .center {
    text-align: center;
}

.bratop-choice_wrap .title_h3 {
    border-bottom: 2px solid #e7a59c;
    font-size: 34px;
    font-weight: bold;
    color: #333333;
    padding-bottom: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: left;
    display: flex;
    align-items: center;
    font-family: '游ゴシック体', 'Yu Gothic', 'Yu Gothic Pr6N N', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    position: relative;
}

.bratop-choice_wrap #type1,
.bratop-choice_wrap #type3 {
    background-color: #fffdf6;
}

.bratop-choice_wrap .title_h3::before {
    content: "";
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    top: -0.5em;
}

.bratop-choice_wrap #type1 .title_h3::before {
    background-image: url(https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/bratop-choice_type01_icon.webp);
    width: 1em;
    height: 1em;
    right: 2em;
}

.bratop-choice_wrap #type2 .title_h3::before {
    background-image: url(https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/bratop-choice_type02_icon.webp);
    width: 1.5em;
    height: 1.5em;
    right: 0.5em;
}

.bratop-choice_wrap #type3 .title_h3::before {
    background-image: url(https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/bratop-choice_type03_icon.webp);
    width: 1.5em;
    height: 1.5em;
    right: 4.5em;
}

.feature_shorts_category.bg_bratop-choice {
    padding: 10% 3% 5%;
}

.feature_shorts_category.bg_bratop-choice .feature_shorts_item {
    margin-top: 20px;
}

.bratop-choice_wrap .title_h3 span {
    max-width: 18%;
    padding-right: 1.5rem;
}

.bratop-choice_sizechange {
    padding: 10% 5% 10%;
}

.bratop-choice_sizechange .center_txt {
    text-align: center;
    margin-top: 60px;
}

@media (max-width: 768px) {
    .bratop-choice_intro .mt60 {
        margin-top: 30px;
    }

    .bratop-choice_wrap .mt60 {
        margin-top: 40px;
    }

    .bratop-choice_intro {
        padding: 10% 5% 16%;
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .bratop-choice_coupon {
        padding: 10% 0;
    }

    .bratop-choice_intro .title_h2,
    .bratop-choice_wrap .title_h2 {
        font-size: 6vw !important;
        font-family: "Yu Gothic Pr6N B" !important;
        margin: 40px 0 20px;
    }

    .bratop-choice_intro .title_h2 span.pc {
        display: none !important;
    }

    span.bratop-choice_content_ttl_en {
        font-size: 14vw !important;
    }

    .bratop-choice_intro .txt p {
        font-size: 4.3vw !important;
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .bratop-choice_wrap {
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .bratop-choice_common {
        padding: 10% 5% 10%;
    }

    .bratop-choice_wrap .title_h3 {
        font-size: 5vw !important;
        font-family: "Yu Gothic Pr6N B" !important;
        padding-bottom: 14px;
    }

    .bratop-choice_wrap .title_h3 span {
        max-width: 20%;
        padding-right: .8rem;
    }

    .bratop-choice_wrap .title_h3::before {
        top: -0.8em;
    }

    .bratop-choice_wrap #type1 .title_h3::before {
        width: 1em;
        height: 1em;
        right: 0.5em;
        background-size: 100%;
    }

    .bratop-choice_wrap #type2 .title_h3::before {
        width: 1.5em;
        height: 1.5em;
        right: 0;
        background-size: 100%;
    }

    .bratop-choice_wrap #type3 .title_h3::before {
        width: 1.5em;
        height: 1.5em;
        right: 3em;
        background-size: 100%;
    }

    .feature_all .bratop-choice_common p {
        font-size: 4.3vw !important;
        text-align: center;
        font-family: "Yu Gothic Pr6N M" !important;
    }
}

/* bratop-choice_swiper */
.bratop-choice_swiper {
    max-width: 84%;
}

.bratop-choice_swiper .slide-content {
    margin-top: 2em;
    display: flex;
    align-items: start;
    gap: 0 1em;
}

.bratop-choice_swiper .left {
    width: 28%;
}

.bratop-choice_swiper .right {
    width: 68%;
    display: flex;
    flex-direction: column;
    gap: 1em 0;
}

.bratop-choice_swiper .slide-item img {
    width: 100%;
    height: auto;
    display: block;
}

.bratop-choice_swiper .slide-btn {
    margin-top: 2em;
}

.bratop-choice_swiper .slide-btn a {
    background: #fff;
    width: 100%;
    display: block;
    text-align: center;
    padding: 1% 0;
    color: #1a7980;
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    letter-spacing: 0.1em;
    font-size: 40px;
}

/* ページネーション */
.swiper-area.bratop-choice_only {
    width: 100% !important;
    position: relative !important;
}

.bratop-choice_only .swiper-pagination-bullet {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: 2px solid #fff !important;
    opacity: 1 !important;
    z-index: 999;
    box-sizing: border-box !important;
}

.bratop-choice_only .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #fff !important;
}

.bratop-choice_only .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px !important;
}

.bratop-choice_only .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -7% !important;
}

/* 矢印 */
.bratop-choice_only .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    top: 52% !important;
    left: 0 !important;
}

.bratop-choice_only .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    top: 52% !important;
    right: 0;
}

.bratop-choice_only .swiper-button-next,
.bratop-choice_only .swiper-button-prev {
    width: 30px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
}

.bratop-choice_only .swiper-button-next::after,
.bratop-choice_only .swiper-button-prev::after {
    font-size: 20px !important;
    font-weight: bold;
    color: #333 !important;
}

.bratop-choice_wrap .swipe {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.35em;
    color: #222;
    max-width: 480px;
    margin: 80px auto 40px;
    font-family: futura-pt, sans-serif !important;
}

.bratop-choice_wrap .swipe-line {
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
}

.bratop-choice_wrap .swipe-line hr {
    flex: 1;
    border: none;
    border-top: 2px solid #333;
    margin: 0;
}

/* < 矢印 */
.bratop-choice_wrap .swipe-line--left hr::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    transform: rotate(-45deg);
    position: absolute;
    left: 1px;
    top: 50%;
    margin-top: -7.5px;
}

/* > 矢印 */
.bratop-choice_wrap .swipe-line--right hr::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    transform: rotate(135deg);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7.5px;
}

@media (max-width: 768px) {

    /* bratop-choice_swiper */
    .bratop-choice_swiper .slide-content {
        margin-top: 1.5em;
        gap: 0 1em;
    }

    .bratop-choice_swiper .left {
        width: 28%;
    }

    .bratop-choice_swiper .right {
        width: 68%;
        gap: 0.7em 0;
    }

    .bratop-choice_swiper .slide-date {
        font-size: 4.557vw;
    }

    .bratop-choice_swiper .slide-date.sm {
        font-size: 4.167vw;
    }

    .bratop-choice_swiper .slide-colour {
        height: 3.906vw;
    }

    .bratop-choice_swiper .slide-price {
        font-size: 4.557vw;
    }

    .bratop-choice_swiper .slide-btn {
        margin-top: 1.5em;
    }

    .bratop-choice_swiper .slide-btn a {
        padding: 1% 0;
        font-size: 5.208vw;
    }

    /* ページネーション */
    .bratop-choice_only .swiper-pagination-bullet {
        width: 20px !important;
        height: 20px !important;
    }

    .bratop-choice_only .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: -10% !important;
    }

    /* 矢印 */
    .bratop-choice_only .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        top: 55% !important;
        left: 0 !important;
    }

    .bratop-choice_only .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        top: 55% !important;
        right: 0 !important;
    }

    .bratop-choice_only .swiper-button-next,
    .bratop-choice_only .swiper-button-prev {
        width: 7.51vw !important;
        height: 10.115vw !important;
    }

    .bratop-choice_only .swiper-button-next::after,
    .bratop-choice_only .swiper-button-prev::after {
        font-size: 3.906vw !important;
    }

    .bratop-choice_only .swiper-button-next {
        justify-content: end !important;
    }

    .bratop-choice_only .swiper-button-prev {
        justify-content: space-between !important;
    }

    .bratop-choice_wrap .swipe {
        font-size: 20px;
        max-width: 300px;
        margin: 60px auto 40px;
    }

    .bratop-choice_swiper {
        max-width: 86%;
    }
}

/* 特集ページ｜bratop-choice END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜hls_tpj  */
/* https://bambiwater.jp/shop/information/hls_tpj */
.slash {
    display: inline-block;
    font-family: inherit;
}

.slash_left {
    transform: scaleX(-1);
}

.hls_tpj_intro {
    padding: 8% 5% 5%;
}

.hls_tpj_intro .txt p {
    text-align: center;
    color: #333;
}

.hls_tpj_intro p.fsK {
    color: #333 !important;
    font-size: 10px !important;
}

/*  */
.hls_tpj_movie {
    padding: 10% 5% 10%;
    text-align: center;
    background-color: #f3eedb;
}

.hls_tpj_movie_txt p {
    color: #c38a20;
    font-weight: bold;
    font-family: '游ゴシック体', 'Yu Gothic', 'Yu Gothic Pr6N B', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;
    line-height: 1;
    text-align: center;
}

.hls_tpj_movie_txt p:first-child {
    font-size: 45px;
    padding-bottom: 0.5em;
}

.hls_tpj_movie_txt p:last-child {
    font-size: 55px;
}

.hls_tpj_moviearea {
    width: 100%;
    margin-top: 8%;
}

.hls_tpj_moviearea iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

/*  */
.hls_tpj_content {
    background-image: url("https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/feature/img/hls_tpj_bg.webp");
    background-size: 100% auto;
    background-repeat: repeat-y;
    background-position: top center;
    padding: 10% 5%;
    position: relative;
}

.hls_tpj_content_profile {
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 5% 4%;
    margin-bottom: 10%;
}

.hls_tpj_content_profile ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    list-style: none !important;
    align-items: center;
    justify-content: space-between;
}

.hls_tpj_content_profile ul li:first-child {
    list-style: none !important;
    width: 45%;
}

.hls_tpj_content_profile ul li:last-child {
    list-style: none !important;
    width: 52%;
}

.hls_tpj_content_profile ul li p {
    font-family: '游ゴシック体', 'Yu Gothic', 'Yu Gothic Pr6N M', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;
    text-align: left;
}

.hls_tpj_content_profile ul li p.ttl {
    font-weight: bold;
    font-size: 30px;
}

.hls_tpj_content_profile ul li p.ttl span {
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
}

.hls_tpj_content_profile ul li p.txt {
    font-weight: normal;
    font-size: 17px;
    line-height: 2;
    padding-top: 0.5em;
  letter-spacing: 0.04em;
}

.hls_tpj_content_message .ttl {
    font-family: "futura-pt", "Futura", "Avenir Next", "Lato", sans-serif !important;
    font-weight: lighter;
    text-align: center;
    font-size: 80px;
    line-height: 1;
    padding-bottom: 0.5em;
}

.hls_tpj_content_message .txt {
  	font-family: '游ゴシック体','Yu Gothic','Yu Gothic Pr6N','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック','MS PGothic',sans-serif;
    text-align: left;
    margin: 0;
    font-size: 20px;
    line-height: 1.9;
    font-weight: normal;
}

.hls_tpj_content_message .image {
    position: absolute;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    width: 324px;
}

.hls_tpj_content_message .image img {
    display: block;
    width: 100%;
    height: auto;
}


@media screen and (max-width: 767px) {
    .hls_tpj_intro {
        padding: 12% 5% 5%;
    }

    .hls_tpj_intro p {
        font-family: "Yu Gothic Pr6N M" !important;
        font-size: 4vw !important;
        line-height: 1.8;
    }

    /*  */
    .hls_tpj_movie_txt p:first-child {
        font-family: "Yu Gothic Pr6N B" !important;
        font-size: 5.867vw;
    }

    .hls_tpj_movie_txt p:last-child {
        font-family: "Yu Gothic Pr6N B" !important;
        font-size: 7.171vw;
    }

    /*  */
    .hls_tpj_content_profile {
        padding: 5% 3%;
        margin-bottom: 10%;
    }

    .hls_tpj_content_profile ul {
        width: 100%;
        margin: 0 auto;
        display: flex;
    }

    .hls_tpj_content_profile ul li:first-child {
        width: 39%;
    }

    .hls_tpj_content_profile ul li:last-child {
        width: 58%;
    }

    .hls_tpj_content_profile ul li p.ttl {
        font-family: "Yu Gothic Pr6N B" !important;
        font-size: 4.2vw;
    }

    .hls_tpj_content_profile ul li p.ttl span {
        font-family: "Yu Gothic Pr6N B" !important;
        font-size: 3vw;
    }

    .hls_tpj_content_profile ul li p.txt {
        font-size: 2.6vw;
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .hls_tpj_content_message .ttl {
        font-size: 10.43vw;
    }

    .hls_tpj_content_message .txt {
        font-family: "Yu Gothic Pr6N M" !important;
        font-size: 3.3vw;
    }

    .hls_tpj_content_message .image {
        position: absolute;
        right: 0%;
        bottom: 0%;
        z-index: 1;
        width: 45vw;
    }
}

/* 特集ページ｜hls_tpj END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜brain_hls  */
/* https://bambiwater.jp/shop/information/brain_hls */
.brain_hls_content {
    margin: -40px 0 -5%;
}

.brain_hls_content .intro {
    background-color: #fff;
    padding: 10% 5%;
}

.brain_hls_content .bubble_left,
.brain_hls_content .bubble_right {
    background-color: #f4f7f8;
}

.brain_hls_content .bubble_left::after,
.brain_hls_content .bubble_right::after {
    border-color: #f4f7f8 transparent transparent;
}

.brain_hls_content .feature_pattern {
    background-color: #fff;
    padding: 8% 5% 10%;
}

.brain_hls_content .feature_pattern h2 {
    color: #935428;
    border-bottom: 2px solid #935428;
    border-top: 2px solid #935428;
}

.brain_hls_content section:nth-of-type(2) {
    margin-top: 80px;
    margin-bottom: 40px;
}

.brain_hls_content span.left-border {
    border-left: 2px solid #935428;
}

.brain_hls_content .catch {
    color: #935428;
    border-bottom: 2px solid #935428;
}

.brain_hls_content .catch:not(:first-of-type) {
    margin-top: 60px;
}

.brain_hls_content_goods_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin-bottom: 70px;
    margin-top: 60px;
}

.brain_hls_content_goods_flex_left {
    width: 27%;
}

.brain_hls_content_goods_flex_right {
    width: 55%;
}

.brain_hls_content_goods_flex_right_ttl p {
    font-weight: bold;
    font-size: 28px;
    padding: 0 0 4%;
}

.brain_hls_content_goods_flex_img {
    width: 37%;
}

.brain_goods_price {
    font-size: 30px !important;
    color: #333333;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    padding: 3% 0;
}

.brain_hls_content_goods_flex_right_btn a {
    background: #a97a59;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5% 0;
    color: #fff;
    font-family: futura-pt, sans-serif !important;
    font-size: 23px;
    transition-duration: .4s;
}

.brain_hls_content_goods_flex_right_btn a:hover,
.brain_hls_content_goods_flex_right_btn02 a:hover {
    opacity: 0.5;
}

.brain_goods_price {
    font-size: 30px !important;
    color: #333333;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    padding: 3% 0;
}

.bg_blue {
    background-color: #e7eff2;
    padding-top: 11%;
}

.bg_blue:nth-of-type(3) {
    padding-top: 0;
}

.feature_bratop_ttl_caption {
    font-size: 26px !important;
    font-weight: bold;
    text-align: center;
    margin-bottom: -1%;
    color: #333;
}

@media (max-width: 767px) {
    .brain_hls_content_goods_flex {
        gap: 20px;
    }
    .brain_hls_content_goods_flex.goods01 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .brain_hls_content_goods_flex_right_ttl p {
        font-size: 4vw;
    }

    .brain_hls_content_goods_flex_img {
        width: 40%;
    }

    .brain_hls_content_goods_flex_right_btn a {
        padding: 4% 0;
        font-size: 4vw;
    }

    .brain_goods_price {
        font-size: 4vw !important;
        padding: 5% 0;
        font-family: futura-pt, sans-serif !important;
    }
    
    .feature_all p.brain_goods_price {
    font-family: futura-pt, sans-serif !important;
    }
    
    .brain_hls_content_goods_flex_right_txt p {
        font-family: futura-pt, sans-serif !important;
    }

    .feature_bratop_ttl_caption {
        font-size: 16px !important;
        text-align: center !important;
    }

}

/* 特集ページ｜brain_hls END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜welcome */
/* https://bambiwater.jp/shop/information/welcome */

.welcome_link_btn {
    width: 100%;
    height: 100px;
    padding: 0;
    background-color: #d1ba76;
    box-sizing: border-box;
}

.welcome_link_btn ul {
    display: flex;
    align-items: stretch;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
    padding: 0 5%;
}

.welcome_link_btn li {
    position: relative;
    display: flex;
    flex: 1 1 0;
    align-items: stretch;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none !important;
    box-sizing: border-box;
}

.welcome_link_btn li::marker,
.welcome_link_btn li::before {
    content: none !important;
}

.welcome_link_btn li:not(:last-child)::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 25%;
    right: 0;
    width: 2px;
    height: 50%;
    background-color: #fff;
}

.welcome_link_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    color: #fff;
    font-family:
        "游ゴシック体",
        "Yu Gothic",
        YuGothic,
        "ヒラギノ角ゴ Pro",
        "Hiragino Kaku Gothic Pro",
        "メイリオ",
        Meiryo,
        sans-serif;
    font-size: 26px;
    line-height: 1;
    letter-spacing: 0.08em;
    text-align: center;
    text-decoration: none;
}

.welcome_bg {
    background-color: #e5dcc0;
}

.welcome_intro {
    padding: 8% 5%;
}

.welcome_intro .txt p {
    text-align: center !important;
}

.welcome_content_inner {
    padding: 0 0 8%;
}

.welcome_title_area {
    padding: 0 0 3%;
}

.welcome_content_ttl {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 8%;
}

.welcome_content_ttl img {
    width: 100%;
}

h2.welcome_ttl {
    text-align: center;
    line-height: 1;
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-size: 70px !important;
    letter-spacing: 0.05em !important;
    color: #333 !important;
    padding-bottom: 2%;
}

h2.welcome_ttl02 {
    text-align: center;
    line-height: 1;
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-size: 80px !important;
    letter-spacing: 0.05em !important;
    color: #333 !important;
    padding-bottom: 2%;
}

p.welcome_txt {
    text-align: center;
    line-height: 1.4;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
    font-size: 26px !important;
    letter-spacing: 0.05em !important;
    color: #333 !important;
}

p.welcome_txt02 {
    text-align: center;
    line-height: 1.4;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
    font-size: 26px !important;
    letter-spacing: 0.05em !important;
    color: #333 !important;
    padding-bottom: 2%;
}

.welcome_pt8 {
    padding-top: 8%;
}

/* welcome_swiper */
.swiper-area.welcome_only {
    position: relative;
    width: 100%;
}

.welcome_swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}

/* 矢印 */
.welcome_only .swiper-button-next,
.welcome_only .swiper-button-prev {
    width: 30px;
    height: 50px;
    color: #333;
    background: rgba(255, 255, 255, 0.7);
}

.welcome_only .swiper-button-next::after,
.welcome_only .swiper-button-prev::after {
    font-size: 20px;
    font-weight: bold;
}

.welcome_only .swiper-button-prev {
    left: 0 !important;
    right: auto !important;
}

.welcome_only .swiper-button-next {
    right: 0 !important;
    left: auto !important;
}

.welcome_product_link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.welcome_lineup .swiper-button-next,
.welcome_lineup .swiper-button-prev {
    top: 35% !important;
    margin-top: 0 !important;
    transform: translateY(-50%);
}

/* クーポン */
.welcome_coupon_inner {
    background: #fbf8ee;
    padding: 6% 5%;
    border-radius: 10px;
    border: solid 1px #333;
}

/* NEW ITEM */
.welcome_new_inner {
    padding: 8% 5% 0;
}

.welcome_new_area {
    width: 100%;
    margin: 0 auto;
}

.welcome_new_area .feature-new-products__list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2em;
}

.welcome_new_area .feature-new-products__card {
    flex: 0 0 calc((100% - 2em) / 2);
    width: calc((100% - 2em) / 2);
    min-width: 0;
    box-sizing: border-box;
}

.welcome_new_area .feature-new-products__image-wrap {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.welcome_new_area .feature-new-products__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.welcome_new_area .feature-new-products__name {
    margin-top: 10px;
}

/* リンクボタン */
.welcome_Category_btn a {
    text-align: center;
    margin: auto;
    display: block;
    color: #333;
    border: 2px solid #333;
    padding: 2%;
    width: 35%;
    border-radius: 50px;
    font-size: 15px;
}

.welcome_Category_btn {
    padding: 4% 0 0;
}



@media screen and (max-width: 767px) {

    .welcome_link_btn {
        width: 100%;
        height: 13.038vw;
        padding: 0;
        background-color: #d1ba76;
        box-sizing: border-box;
    }

    .welcome_link_btn li:not(:last-child)::after {
        width: 0.3vw;
    }

    .welcome_link_btn a {
        font-size: 3.8vw;
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .welcome_intro {
        padding: 8% 5%;
    }

    .welcome_intro .txt p {
        font-family: "Yu Gothic Pr6N M" !important;
    }

    h2.welcome_ttl {
        font-size: 12vw !important;
    }

    h2.welcome_ttl02 {
        font-size: 14vw !important;
    }

    h2.welcome_ttl.welcome_concept {
        font-size: 10.5vw !important;
    }

    p.welcome_txt {
        font-family: "Yu Gothic Pr6N M" !important;
        font-size: 4vw !important;
    }

    p.welcome_txt02 {
        font-family: "Yu Gothic Pr6N M" !important;
        font-size: 4vw !important;
    }

    .welcome_coupon_inner {
        width: 90%;
        margin: 0 auto;
    }


    /* welcome_swiper */
    .welcome_only .swiper-button-next,
    .welcome_only .swiper-button-prev {
        width: 7.51vw !important;
        height: 10.115vw !important;
    }

    .welcome_only .swiper-button-next::after,
    .welcome_only .swiper-button-prev::after {
        font-size: 3.906vw !important;
    }
    
    
    /* NEW ITEM */
    .welcome_new_area .feature-new-products__list {
        gap: 1em;
    }

    .welcome_new_area .feature-new-products__card {
        flex: 0 0 calc((100% - 1em) / 2);
        width: calc((100% - 1em) / 2);
    }


    /* リンクボタン */
    .welcome_Category_btn a {
        padding: 2.5%;
        width: 48%;
        font-size: 3.8vw;
        border: 1px solid #333;
    }

    .welcome_Category_btn {
        padding: 4% 0 0;
    }
    
    .welcome_intro {
        padding: 12% 5%;
    }

    .welcome_content_inner {
        padding: 0 0 12%;
    }

    .welcome_content_ttl {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 12%;
    }

    .welcome_new_inner {
        padding: 12% 5% 0;
    }

    .welcome_pt8 {
        padding-top: 12%;
    }
    
}

/* 特集ページ｜welcome END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜autumn2026  */
/* https://bambiwater.jp/shop/information/autumn2026 */


.autumn2026_bg01 {
    background-color: #fbf5ec;
    width: 100%;
}

.autumn2026_bg02 {
    background-color: #f3e5d4;
    width: 100%;
}

.autumn2026_bg03 {
    background-color: #e3c9b3;
    width: 100%;
}

.autumn2026_intro {
    padding: 8% 5% 12%;
}

.autumn2026_intro .txt p {
    text-align: center;
    color: #49352b !important;
}

.autumn2026_intro p.fsK {
    color: #49352b !important;
}

.autumn2026_link_btn ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    gap: 1em 0;
}

.autumn2026_link_btn ul li {
    width: calc((100% - 1em)/2);
    margin-bottom: 0 !important;
    list-style: none;
}

.autumn2026_link_btn li img {
    width: 100%;
}

span.autumn2026_content_ttl_en {
    text-align: center;
    font-family: "futura-pt", sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 90px !important;
    color: #8c6b55 !important;
}

span.autumn2026_content_ttl_en02 {
    text-align: center;
    font-family: "futura-pt", sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 90px !important;
    color: #934833 !important;
}

span.autumn2026_content_ttl_jp {
    color: #49352b !important;
    font-size: 32px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
}

h2.autumn2026_content_ttl {
    text-align: center;
    line-height: 1.3;
    font-weight: bold;
    padding: 0 0 5%;
}

.autumn2026_content_inner {
    padding: 8% 0 12%;
}

.autumn2026_content_inner.last {
    padding: 8% 0 12%;
}

.autumn2026_content_pa {
    padding-top: 12%;
}

.autumn2026_content_abs01 img,
.autumn2026_content_abs02 img,
.autumn2026_content_abs03 img {
    width: 100%;
}

.autumn2026_content_img {
    position: relative;
}

.autumn2026_content_abs01,
.autumn2026_content_abs03 {
    position: absolute;
    top: 0;
    right: 8%;
    z-index: 1;
}

.autumn2026_content_abs02 {
    position: absolute;
    top: 0;
    left: 6%;
    z-index: 1;
}

p.autumn2026_content_ttl {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
    writing-mode: vertical-rl;
    padding: 20% 0 0 6%;
    letter-spacing: 0.1em;
    color: #8c6b55 !important;
}

p.autumn2026_content_ttl02 {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
    writing-mode: vertical-rl;
    padding: 20% 0 0 7%;
    letter-spacing: 0.1em;
    color: #934833 !important;
}

p.autumn2026_content_ttl03 {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
    writing-mode: vertical-rl;
    padding: 20% 0 0 11%;
    letter-spacing: 0.1em;
    color: #8c6b55 !important;
}

p.autumn2026_content_ttl04 {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
    writing-mode: vertical-rl;
    padding: 20% 0 0 12%;
    letter-spacing: 0.1em;
    color: #934833 !important;
}

.autumn2026_content_img_bg {
    padding: 6% 0 0;
    overflow: hidden;
}

.autumn2026_content_txt_flex {
    display: flex;
    align-items: center;
    gap: 20px;
}

.autumn2026_content_txt {
    padding: 40px 5%;
}

.autumn2026_content_txt_flex_item_jp {
    text-align: justify;
    border-left: 2px solid #8c6b55;
    padding-left: 20px;
    width: 140%;
}

.autumn2026_content_txt_flex_item_jp p {
    color: #49352b !important;
}

.autumn2026_content_txt_flex_item_jp02 {
    text-align: justify;
    border-left: 2px solid #934833;
    padding-left: 20px;
    width: 140%;
}

.autumn2026_content_txt_flex_item_jp02 p {
    color: #49352b !important;
}

.autumn2026_content_txt_flex_item_jp03{
    text-align: justify;
    border-left: 2px solid #934833;
    padding-left: 20px;
    width: 140%;
}

.autumn2026_content_txt_flex_item_jp03 p {
    color: #49352b !important;
}


.autumn2026_content_txt_flex_en p {
    font-family: futura-pt, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 23px !important;
    color: #8c6b55 !important;
  width:120px;
}

.autumn2026_content_txt_flex_en02 p {
    font-family: futura-pt, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 23px !important;
    color: #934833 !important;
    width:130px;
}
.autumn2026_content_txt_flex_en03 p {
    font-family: futura-pt, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 23px !important;
    color: #934833 !important;
    width:155px;
}


.autumn2026_content_goods_flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.autumn2026_content_goods_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.autumn2026_content_goods_flex_right_ttl p {
    font-weight: bold;
    font-size: 30px;
    /* padding: 0 0 4%; */
    padding: 0 0 0%;
    color: #49352b !important;
}

.autumn2026_content_goods_flex_right_ttl02 p {
    font-weight: bold;
    font-size: 30px;
    color: #49352b !important;
}

.autumn2026_content_goods_flex_right_txt p {
    color: #49352b !important;
}

.autumn2026_content_goods_flex_img {
    width: 70%;
}

.autumn2026_content_goods_flex_img02 {
    width: 70%;
    padding: 2% 0;
}

.autumn2026_goods_price {
    font-size: 30px !important;
    color: #49352b !important;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    /* padding: 3% 0; */
    padding: 0 0 3% !important;
}

.autumn2026_goods_price02 {
    font-size: 30px !important;
    color: #49352b !important;
    font-family: futura-pt, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    /* padding: 3% 0; */
    padding: 0 0 3% !important;
}

.autumn2026_content_goods_flex_right_btn a {
    background: #8c6b55;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5% 0;
    color: #fff;
    font-family: futura-pt, sans-serif !important;
    font-size: 23px;
    transition-duration: .4s;
}

.autumn2026_content_goods_flex_right_btn02 a {
    background: #934833;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5% 0;
    color: #fff;
    font-family: futura-pt, sans-serif !important;
    font-size: 23px;
    transition-duration: .4s;
}

.autumn2026_content_img_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    padding: 2% 0;
    position: relative;
}

.autumn2026_content_cupin_img {
    padding: 2% 5% 10%;
}

.autumn2026_content_goods_flex_right {
    width: 55%;
}

.autumn2026_content_goods_flex_left {
    width: 27%;
}

.autumn2026_content_goods_flex_left02 {
    width: 22%;
}

.feature_bratop_btn_autumn2026 {
    padding: 4% 0 0;
}

@media screen and (max-width: 767px) {
    .center_txt p {
        text-align: center !important;
    }

    .autumn2026_intro {
        padding: 12% 5%;
    }

    .autumn2026_intro p {
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .autumn2026_coupon {
        padding: 8% 0;
    }

    .autumn2026_link_btn_flex {
        gap: 13px;
    }

    span.autumn2026_content_ttl_en {
        font-size: 14vw !important;
    }

    span.autumn2026_content_ttl_en02 {
        font-size: 14vw !important;
    }

    span.autumn2026_content_ttl_jp {
        font-size: 6vw !important;
        font-family: "Yu Gothic Pr6N B" !important;
        font-weight: bold;
    }

    h2.autumn2026_content_ttl {
        font-size: 6.5vw;
        padding: 0 0 4%;
    }

    .autumn2026_content_inner {
        padding: 8% 0 12%;
    }

    .autumn2026_content_inner.last {
        padding: 8% 0 12%;
    }

    p.autumn2026_content_ttl {
        font-family: "Yu Gothic Pr6N B" !important;
        font-weight: bold;
        font-size: 6.5vw;
        padding: 18% 0 0 6%;
    }

    p.autumn2026_content_ttl02 {
        font-family: "Yu Gothic Pr6N B" !important;
        font-weight: bold;
        font-size: 6.5vw;
        padding: 18% 0 0 6%;
    }

    p.autumn2026_content_ttl03 {
        font-family: "Yu Gothic Pr6N B" !important;
        font-weight: bold;
        font-size: 6.5vw;
        padding: 18% 0 0 1%;
    }

    p.autumn2026_content_ttl04 {
        font-family: "Yu Gothic Pr6N B" !important;
        font-weight: bold;
        font-size: 6.5vw;
        padding: 18% 0 0 1%;
    }

    .autumn2026_content_txt {
        padding: 7% 5%;
    }

    .autumn2026_content_img_bg {
        padding: 7% 0 0;
    }

    .autumn2026_content_abs01 {
        top: 0%;
        right: 6% !important;
    }

    .autumn2026_content_abs02 {
        top: 0%;
        left: 6% !important;
    }

    .autumn2026_content_abs01 img {
        /* width: 53%; */
        width: 17vw;
    }

    .autumn2026_content_abs02 img {
        /* width: 53%; */
        width: 17vw;
    }

    .autumn2026_content_txt_flex_en p {
        font-size: 3.5vw !important;
        writing-mode: vertical-rl;
    }

    .autumn2026_content_txt_flex_en02 p {
        font-size: 3.5vw !important;
        writing-mode: vertical-rl;
    }

    .autumn2026_content_txt_flex_en {
        width: 5%;
    }

    .autumn2026_content_txt_flex_en02 {
        width: 5%;
    }

    .autumn2026_content_txt_flex_item_jp {
        border-left: 1px solid #8c6b55;
        padding-left: 15px;
        margin-left: 15px;
        width: 100%;
    }

    .autumn2026_content_txt_flex_item_jp02 {
        border-left: 1px solid #934833;
        padding-left: 15px;
        margin-left: 15px;
        width: 100%;
    }

    .autumn2026_content_txt_flex {
        gap: 0;
    }

    .autumn2026_content_goods_flex {
        gap: 20px;
    }

    .autumn2026_content_goods_flex_right_ttl p {
        font-size: 4vw;
        font-family: "Yu Gothic Pr6N B" !important;
        font-weight: bold;
    }

    .autumn2026_goods_price {
        font-size: 4vw !important;
    }

    .autumn2026_goods_price02 {
        font-size: 4vw !important;
        padding: 2% 0 3% !important;
    }

    .autumn2026_content_goods_flex_right_btn a {
        padding: 4% 0;
        font-size: 4vw;
    }

    .autumn2026_content_goods_flex_right_ttl02 p {
        font-size: 4vw;
    }

    .autumn2026_content_goods_flex_right_btn02 a {
        padding: 4% 0;
        font-size: 4vw;
    }

    .autumn2026_content_txt_flex_item_jp p,
    .autumn2026_content_txt_flex_item_jp02 p {
        font-family: "Yu Gothic Pr6N M" !important;
        font-size: 4.7vw;
    }

    .autumn2026_content_img_flex {
        gap: 17px;
    }

    .autumn2026_content_goods_flex_img {
        width: 100%;
    }

    .autumn2026_content_goods_flex_img02 {
        width: 100%;
        padding: 3% 0;
    }

    .bg_pink {
        padding: 12% 3% 5%;
    }

    .feature_bratop_btn_autumn2026 {
        padding: 0;
    }
    
    .autumn2026_content_goods_flex_right_txt p {
        font-family: futura-pt, sans-serif !important;
    }
}

/* ホバー */
a.autumn2026_link_btn_left {
    transition-duration: .4s;
}

a.autumn2026_link_btn_left:hover {
    opacity: 0.5;
}

a.autumn2026_link_btn_right {
    transition-duration: .4s;
}

a.autumn2026_link_btn_right:hover {
    opacity: 0.5;
}

.autumn2026_icon01 a:hover,
.autumn2026_icon02 a:hover {
    background: rgba(140, 107, 85, 0.8);
}

.autumn2026_icon03 a:hover,
.autumn2026_icon04 a:hover {
    background: rgba(147, 72, 51, 0.8);
}

.autumn2026_content_goods_flex_right_btn a:hover,
.autumn2026_content_goods_flex_right_btn02 a:hover {
    opacity: 0.5;
}

.autumn2026_icon01 p,
.autumn2026_icon02 p,
.autumn2026_icon03 p,
.autumn2026_icon04 p {
    font-family: "futura-pt", sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 25px !important;
    color: #fff;
}

.autumn2026_icon01 a {
    background: rgba(73, 53, 43, 0.6);
    display: block;
    width: 27%;
    position: absolute;
    border-radius: 50px;
    text-align: center;
    padding: 0.5% 0;
    top: 46%;
    left: 7%;
    z-index: 1;
    /* border: 2px solid #fff; */
    transition-duration: .4s;
}

.autumn2026_icon02 a {
    background: rgba(73, 53, 43, 0.6);
    display: block;
    width: 32%;
    position: absolute;
    border-radius: 50px;
    text-align: center;
    padding: 0.5% 0;
    bottom: 20%;
    right: 5%;
    z-index: 1;
    /* border: 2px solid #fff; */
    transition-duration: .4s;
}

.autumn2026_icon03 a {
    background: rgba(73, 53, 43, 0.6);
    display: block;
    width: 32%;
    position: absolute;
    border-radius: 50px;
    text-align: center;
    padding: 0.5% 0;
    bottom: 15%;
    left: 5%;
    z-index: 1;
    /* border: 2px solid #fff; */
    transition-duration: .4s;
}

.autumn2026_icon04 a {
    background: rgba(73, 53, 43, 0.6);
    display: block;
    width: 30%;
    position: absolute;
    border-radius: 50px;
    text-align: center;
    padding: 0.5% 0;
    bottom: 15%;
    right: 5%;
    z-index: 1;
    /* border: 2px solid #fff; */
    transition-duration: .4s;
}

@media screen and (max-width: 768px) {

    .autumn2026_icon01 p,
    .autumn2026_icon02 p,
    .autumn2026_icon03 p,
    .autumn2026_icon04 p {
        font-size: 4vw !important;
        text-align: center !important;
    }

    .autumn2026_icon01 a {
        width: 35%;
        top: 48%;
        left: 7%;
    }

    .autumn2026_icon02 a {
        width: 40%;
        bottom: 20%;
        right: 5%;
    }

    .autumn2026_icon03 a {
        width: 40%;
        bottom: 15%;
        left: 5%;
    }

    .autumn2026_icon04 a {
        width: 36%;
        bottom: 15%;
        right: 5%;
    }
}

.autumn2026_bottom {
    padding: 12% 5% 4%
}

/* 特集ページ｜autumn2026 END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */