@charset "UTF-8";
/* CSS Document */
/* ========================================
リピスト デザイン調整 2026/10月時点
======================================== */

/*クーポンポップアップ*/

/* =========================================================
   1. フローティングアイコン
========================================================= */

.floating-icons {
  position: fixed;

  /* 右側に固定 */
  right: 20px;
  bottom: 80px;

  z-index: 9990;

  display: flex;
  flex-direction: column;
  align-items: center;

  gap: 12px;

  pointer-events: none;
}


/* ---------------------------------------------------------
   クーポンアイコン
--------------------------------------------------------- */

.coupon_icon {
  position: relative;

  width: 210px;
  height: auto;

  pointer-events: auto;
}

.coupon_icon a {
  display: block;

  text-decoration: none;
}

.coupon_icon img {
  display: block;

  width: 100%;
  height: auto;
}


/* ---------------------------------------------------------
   チャットアイコン
--------------------------------------------------------- */

.chat_icon {
    width: 80px;
    height: auto;
    pointer-events: auto;
    margin: 0 0 0 auto;  
}

.chat_icon a {
  display: block;

  text-decoration: none;
}

.chat_icon img {
  display: block;

  width: 100%;
  height: auto;
}

  /* クーポンアイコンを閉じる */
.coupon_icon.is-hidden {
  display: none;
}
  

/* ---------------------------------------------------------
   クーポンアイコンの閉じるボタン
--------------------------------------------------------- */

.coupon_close_btn {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    border: none;
    cursor: pointer;
    z-index: 100;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

/* × */

.coupon_close_btn::before,
.coupon_close_btn::after {
  content: "";

  position: absolute;

  top: 50%;
  left: 50%;

  width: 12px;
  height: 1px;

  background: #333;
}

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

.coupon_close_btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}


/* =========================================================
   2. クーポンモーダル
========================================================= */

.coupon-modal-overlay {
  position: fixed;

  inset: 0;

  width: 100%;
  height: 100%;

  padding: 20px;

  box-sizing: border-box;

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

  background: rgba(0, 0, 0, 0.6);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  z-index: 99999;

  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}


/* ---------------------------------------------------------
   モーダル OPEN
--------------------------------------------------------- */

.coupon-modal-overlay.is-open {
  opacity: 1;

  visibility: visible;

  pointer-events: auto;
}


/* =========================================================
   3. モーダル本体
========================================================= */

.coupon-modal-content {
  position: relative;

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

  max-height: calc(100vh - 40px);

  background: #fffdf5;

  box-sizing: border-box;
border-radius: 16px;
  /*overflow-x: hidden;
  overflow-y: auto;*/

  transform: translateY(20px);

  transition:
    transform 0.3s ease;
}


/* OPEN時 */

.coupon-modal-overlay.is-open
.coupon-modal-content {
  transform: translateY(0);
}


/* =========================================================
   4. モーダル内部
========================================================= */

.coupon-modal-inner {
  width: 100%; 
    padding: 50px 30px 20px 40px;
   box-sizing: border-box; 
}


/* =========================================================
   5. クーポン一覧
========================================================= */

.coupon-list {
  width: 100%;
}


/* =========================================================
   6. タイトル
========================================================= */

.coupon-pop_ttl {
  width: 100%;

  margin: 0 0 28px;

  text-align: left;
}


/* COUPON */

.coupon-pop_ttl .p-new_product__title__en {
  margin: 0 0 8px;

  font-size:24px;
  line-height: 1;

  letter-spacing: 0.18em;
}


/* お得なクーポン配布中 */

.coupon-pop_ttl .p-new_product__title__jp {
  margin: 0;

  font-size: 13px !important;
  line-height: 1.5;
}


/* =========================================================
   7. クーポン画像
========================================================= */

.copyCoupon {
  display: block;

  width: 100%;
  height: auto;

  margin: 0;

  cursor: pointer;

  transition: opacity 0.2s ease;
}


/* ホバー */

/*.copyCoupon:hover {
  opacity: 0.85;
}*/


/* =========================================================
   8. 3,000円 / 5,000円
========================================================= */

.coupon_flex {
  display: flex;

  width: 100%;

  gap: 20px;

  margin-top: 20px;
  margin-bottom: 20px;
}


.coupon_flex_left,
.coupon_flex_right {
  width: 50%;
  /*flex: 0 0 50%;*/
}


.coupon_flex .copyCoupon {
  width: 100%;
}


/* =========================================================
   9. LINEバナー
========================================================= */

.coupon-list > a {
  display: block;

  width: 100%;

  text-decoration: none;
}


.coupon-list > a img {
  display: block;

  width: 100%;
  height: auto;
}


/* =========================================================
   10. モーダル閉じるボタン
========================================================= */

.coupon-modal-close {
  position: absolute;

  top: -18px;
  right: -18px;

  width: 48px;
  height: 48px;

  margin: 0;
  padding: 0;

  border: 0;

  background: transparent;

  cursor: pointer;

  z-index: 10;
}


.coupon-modal-close img {
  display: block;

  width: 45px;
  height: auto;

  object-fit: contain;
}

@media screen and (max-width: 767px) {
.coupon-modal-close img {
  width: 26px;
}
}


/* =========================================================
   11. LINE系ポップアップ
========================================================= */

.coupon-wrapper-line .coupon-modal-content,
.coupon-wrapper-line02 .coupon-modal-content,
.coupon-wrapper-line03 .coupon-modal-content,
.coupon-wrapper-line04 .coupon-modal-content,
.coupon-wrapper-line05 .coupon-modal-content {
  width: 100%;

  max-width: 640px;
}


/* LINE系は画像メインなので余白を少なく */

.coupon-wrapper-line .coupon-modal-inner,
.coupon-wrapper-line02 .coupon-modal-inner,
.coupon-wrapper-line03 .coupon-modal-inner,
.coupon-wrapper-line04 .coupon-modal-inner,
.coupon-wrapper-line05 .coupon-modal-inner {
  padding: 20px;
}


/* =========================================================
   12. コピー完了メッセージ
========================================================= */

.copy-message {
  position: fixed;

  left: 50%;
  bottom: 40px;

  margin: 0;

  padding: 12px 22px;

  max-width: calc(100% - 40px);

  box-sizing: border-box;

  background: rgba(0, 0, 0, 0.85);

  color: #fff;

  font-size: 14px;
  line-height: 1.5;

  border-radius: 4px;

  text-align: center;

  opacity: 0;
  visibility: hidden;

  pointer-events: none;

  z-index: 100000;

  transform:
    translateX(-50%)
    translateY(20px);

  transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    transform 0.3s ease;
}


/* コピー成功 */

.copy-message.is-show {
  opacity: 1;

  visibility: visible;

  transform:
    translateX(-50%)
    translateY(0);
}


/* =========================================================
   13. モーダル表示中
========================================================= */

body.coupon-modal-open {
  overflow: hidden;
}


/* =========================================================
   14. PC
========================================================= */

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

  .coupon-main-modal
  .coupon-modal-content {
    width: 500px;
  }

}


/* =========================================================
   15. SP
========================================================= */

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


  /* -------------------------------------------------------
     フローティングアイコン
  ------------------------------------------------------- */

  .floating-icons {

    right: 10px;
    bottom: 70px;

    gap: 8px;

  }


  /* クーポン */

  .coupon_icon {

    width: 72px;

  }


  /* チャット */

  .chat_icon {

    width: 58px;

  }


  /* クーポンアイコン閉じる */

  .coupon_close_btn {

    top: -6px;
    right: -6px;

    width: 20px;
    height: 20px;

  }


  .coupon_close_btn::before,
  .coupon_close_btn::after {

    width: 10px;

  }


  /* -------------------------------------------------------
     モーダル
  ------------------------------------------------------- */

  .coupon-modal-overlay {

    padding: 10px;

    align-items: center;

  }


  .coupon-modal-content {

    width: 100%;

    max-width: none;

    max-height: calc(100vh - 20px);

  }


  /* -------------------------------------------------------
     モーダル内部
  ------------------------------------------------------- */

  .coupon-modal-inner {

    padding: 45px 18px 25px;

  }


  /* -------------------------------------------------------
     タイトル
  ------------------------------------------------------- */

  .coupon-pop_ttl {

    margin-bottom: 18px;

  }


  .coupon-pop_ttl .p-new_product__title__en {

    font-size: 28px;

    letter-spacing: 0.15em;

  }


  .coupon-pop_ttl .p-new_product__title__jp {

    font-size: 15px;

  }


  /* -------------------------------------------------------
     3,000円 / 5,000円
  ------------------------------------------------------- */

  .coupon_flex {

    gap: 10px;

    margin-top: 15px;
    margin-bottom: 15px;

  }


  .coupon_flex_left,
  .coupon_flex_right {

    width: 50%;

    flex: 0 0 50%;

  }


  /* -------------------------------------------------------
     閉じるボタン
  ------------------------------------------------------- */

  .coupon-modal-close {

    width: 40px;
    height: 40px;

  }


  /* -------------------------------------------------------
     LINE系ポップアップ
  ------------------------------------------------------- */

  .coupon-wrapper-line .coupon-modal-inner,
  .coupon-wrapper-line02 .coupon-modal-inner,
  .coupon-wrapper-line03 .coupon-modal-inner,
  .coupon-wrapper-line04 .coupon-modal-inner,
  .coupon-wrapper-line05 .coupon-modal-inner {

    padding: 10px;

  }


  /* -------------------------------------------------------
     コピー完了メッセージ
  ------------------------------------------------------- */

  .copy-message {

    bottom: 20px;

    max-width: calc(100% - 30px);

    padding: 10px 16px;

    font-size: 13px;

  }

}

/* 画像1枚のみのクーポン：背景色と余白を削除 */
.coupon-modal-content.is-single-coupon-image {
    background: transparent;
    border-radius: 0;
}

.coupon-modal-content.is-single-coupon-image .coupon-modal-inner {
    padding: 0;
}

.coupon-modal-content.is-single-coupon-image .coupon-list {
    margin: 0;
    padding: 0;
}

.coupon-modal-content.is-single-coupon-image .coupon-list img {
    display: block;
    width: 100%;
    height: auto;
}

/* 新しいLINEクーポンにも既存のデザインを適用 */
.coupon-wrapper-line_1day .coupon-modal-content,
.coupon-wrapper-line_4hoursonly .coupon-modal-content {
    width: 100%;
    max-width: 640px;
}

.coupon-wrapper-line_1day .coupon-modal-inner,
.coupon-wrapper-line_4hoursonly .coupon-modal-inner {
    padding: 20px;
}

@media screen and (max-width: 767px) {
    .coupon-wrapper-line_1day .coupon-modal-inner,
    .coupon-wrapper-line_4hoursonly .coupon-modal-inner {
        padding: 10px;
    }
}





/*トップ:ブロック*/
/* =========================
   NEW ITEM
========================= */

.newitem-product-widget {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
width: var(--width-base);
  margin:0 auto;
      padding: 0 0 40px 0;
}

@media screen and (max-width: 1600px) and (min-width: 768px) {
.newitem-product-widget {
    width: 80%;
}
}

/* 商品 */

.newitem-product-widget > a {
  display: block;
  width: 100%;
  min-width: 0;
  text-decoration: none;
  color: #333;
}


/* 商品パネル */

.newitem-product-widget .c-product-panel {
  display: block;
  width: 100%;
}


/* 商品画像 */

.newitem-product-widget .c-product-panel__img {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.newitem-product-widget .c-product-panel__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* 商品情報 */

.newitem-product-widget .c-product-panel__summary {
  width: 100%;
}


/* 商品名 */

.newitem-product-widget .c-product-panel__name {
  margin: 14px 0 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.08em;
  color: #333;
}


/* 説明・価格は非表示 */

.newitem-product-widget .c-product-panel__description,
.newitem-product-widget .c-product-panel__price {
  display: none !important;
}


/* hover */

.newitem-product-widget > a:hover {
  opacity: 0.7;
}


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

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

  .newitem-product-widget {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px 12px;
    width:90%;
  }

  .newitem-product-widget .c-product-panel__name {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }

}

/* =========================
   RECOMMEND
   画像＋商品名のみ表示
========================= */

.recommend-product-widget {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
width: var(--width-base);
  margin:0 auto;
}

@media screen and (max-width: 1600px) and (min-width: 768px) {
.recommend-product-widget {
    width: 81%;
}
}


/* スライダー用の設定を解除 */

.recommend-product-widget.js-widget-slider {
  display: grid !important;
}


/* 商品 */

.recommend-product-widget > a {
  display: block;
  min-width: 0;
  width: 100%;
  text-decoration: none;
  color: #333;
}


/* 商品パネル */

.recommend-product-widget .c-product-panel {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: auto !important;
}


/* 商品画像 */

.recommend-product-widget .c-product-panel__img {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.recommend-product-widget .c-product-panel__img img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}


/* 商品情報 */

.recommend-product-widget .c-product-panel__summary {
  display: block;
  width: 100%;
  padding:14px 0 !important;
}


/* 商品名 */

.recommend-product-widget .c-product-panel__name {
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.6;
  letter-spacing: 0.08em;
  color: #333;
}


/* 説明・価格は今回だけ非表示 */

.recommend-product-widget .c-product-panel__description,
.recommend-product-widget .c-product-panel__price {
  display: none !important;
}


/* hover */

.recommend-product-widget > a:hover {
  opacity: 0.7;
}


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

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

  .recommend-product-widget {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0px 12px;
    width: 90%;
    margin-bottom:40px;
  }

  .recommend-product-widget .c-product-panel__name {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.09em;
  }

}


/* =========================
   REVIEW
========================= */

.review-widget {
  background: #faf8f0;
  padding: 95px 0 90px;
  overflow: hidden;
}


.review-widget .c-section-heading__title {
  margin: 0;
  font-size: 42px;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.2;
  color: #333;
}


/* スライダー */

.review-product-widget {
  position: relative;
  width: 55%;
  max-width: 1430px;
  margin: 0 auto;
  padding: 0 45px;
}

.review-product-widget__viewport {
  width: 100%;
  overflow: hidden;
  cursor: grab;
  user-select: none;
}

.review-product-widget__viewport.is-dragging {
  cursor: grabbing;
}

.review-product-widget__list {
  display: flex;
  gap: 14px;
  will-change: transform;
}

@media screen and (max-width: 1600px) and (min-width: 768px) {
.review-product-widget {
    width: 89%;
}
}


/* カード */

.review-product-widget__item {
  display: flex;
  flex-direction: column;
  flex: 0 0 calc((100% - 56px) / 5);
  min-width: 0;
  background: #fff;
  color: #333;
  text-decoration: none;
}


/* 画像 */

.review-product-widget__img {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.review-product-widget__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-user-drag: none;
  user-select: none;
}


/* 本文 */

.review-product-widget__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 16px 18px 18px;
}

.review-product-widget__product {
  margin: 0;
  /*min-height: 52px;*/
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: .04em;
  color: #222;
/*font-family: "Yu Gothic Pr6N M", sans-serif !important;*/
}


/* 星 */

.review-product-widget__rating {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
}

.review-product-widget__rating span {
  color: #b69a55;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1;
}

.review-product-widget__rating b {
  color: #b69a55;
  font-size: 17px;
  font-weight: 400;
}


/* ユーザー */

.review-product-widget__user {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .04em;
}

.review-product-widget__user-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: #d8c47e;
  color: #fff;
  font-size: 10px;
}


/* レビュー本文 */

.review-product-widget__text {
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 1.7;
  color: #333;
  text-align: justify;
}


/* 日付 */

.review-product-widget__date {
  margin: auto 0 0;
  padding-top: 10px;
  text-align: right;
  font-size: 15px;
  line-height: 1;
  color: #999;
  letter-spacing: .08em;
}


/* 矢印 */

.review-product-widget__arrow {
  position: absolute;
  z-index: 5;
  top: 45%;
  width: 50px;
  height: 80px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.review-product-widget__arrow--prev {
  left: -5px;
}

.review-product-widget__arrow--next {
  right: -5px;
}

.review-product-widget__arrow span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: opacity .3s ease;
}

.review-product-widget__arrow--prev span {
  transform: translate(-50%, -50%) rotate(-135deg);
}

.review-product-widget__arrow:hover {
  opacity: .5;
}


/* 注意書き */

.review-product-widget__note {
  max-width: 1390px;
  margin: 10px auto 0;
  padding: 0;
  text-align: right;
  font-size: 13px;
  color: #888;
}


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

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

  .review-widget {
    padding: 20px 0 60px 0 !important;
  }

  .review-widget .c-section-heading {
    margin-bottom: 40px;
  }

  .review-widget .c-section-heading__sub {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .review-widget .c-section-heading__title {
    font-size: 34px;
  }


  /* =========================
     SP スライダー
     中央1枚＋左右チラ見せ
  ========================= */

  .review-product-widget {
    width: 100%;
    max-width: none;
    padding: 0 0 15px 0;
    margin: 0;
    box-sizing: border-box;
  }


  .review-product-widget__viewport {
    width: 100%;
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
    cursor: grab;
    touch-action: pan-y;
  }

  .review-product-widget__viewport.is-dragging {
    cursor: grabbing;
  }


  .review-product-widget__list {
    display: flex;
    gap: 10px;
    will-change: transform;
  }


  /* =========================
     カード
     約55%表示
  ========================= */

  .review-product-widget__item {
    flex: 0 0 55vw;
    width: 55vw;
    min-width: 55vw;
  }


  /* =========================
     カード本文
  ========================= */

  .review-product-widget__body {
    padding: 10px 10px 12px;
  }

  .review-product-widget__product {
    /*min-height: 44px;*/
    font-size: 13px;
    line-height: 1.6;
  }

  .review-product-widget__rating {
    gap: 6px;
    margin-top: 6px;
  }

  .review-product-widget__rating span {
    font-size: 15px;
  }

  .review-product-widget__rating b {
    font-size: 13px;
  }

  .review-product-widget__user {
    gap: 5px;
    margin-top: 7px;
    font-size: 12px;
  }

  .review-product-widget__user-icon {
    width: 19px;
    height: 19px;
    font-size: 8px;
  }

  .review-product-widget__text {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.7;
  }

  .review-product-widget__date {
    padding-top: 18px;
    font-size: 11px;
  }


  /* =========================
   SP：矢印
   注意書きの上に配置
========================= */

.review-product-widget__arrow {
  display: block;
  position: absolute;
  top: auto;
  bottom: -35px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  z-index: 5;
  cursor: pointer;
}

/* 左矢印 */
.review-product-widget__arrow--prev {
  left: auto;
  right: 35px;
}

/* 右矢印 */
.review-product-widget__arrow--next {
  left: auto;
  right: 5px;
}

/* 矢印 */
.review-product-widget__arrow span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: translate(-50%, -50%) rotate(45deg);
}

/* 左向き */
.review-product-widget__arrow--prev span {
  transform: translate(-50%, -50%) rotate(-135deg);
}

  /* =========================
     注意書き
  ========================= */

  .review-product-widget__note {
    margin-top: 40px;
    padding: 0 10px;
    text-align: right;
    font-size: 10px;
  }

}


  /* =========================
   SERVICE
========================= */

.service {
    font-family: "Yu Gothic Pr6N M";
    padding: 90px 0 100px;
    background-color: #fbf8ee;
}

/* サービス一覧 */
.service-list {
    display: flex;
    max-width: 900px;
    margin: 40px auto 0;
    list-style: none;
    padding: 0;
}


/* 各項目 */
.service-item{
    flex: 1;
    text-align: center;
    padding: 0 15px;
    border-right: 1px solid #ddd;
}

  
  .service-item:last-child {
    border-right: none;
}


/* アイコン */
.service__icon {
	width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #ceb87a;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.service__icon img {
    width: 38px;
    height: 38px;
    object-fit: contain;
}


/* タイトル */
.service__title {
font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;

    font-size: 15px;
    font-weight: bold;
    margin-bottom: 8px;
    letter-spacing: 0.04em;
}


/* 説明文 */
.service__text {
/*font-family: "Yu Gothic Pr6N M", sans-serif !important;*/
    font-size: 13px;
    line-height: 1.7;
    color: #555;
  letter-spacing:0.04em;
}

   .service__text span{display:block;}
/* =========================
   SP
========================= */

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

  .service {
    padding: 10px 0 50px 0;
    width: 100%;
  }

  .service .c-section-heading {
            margin-top: 55px !important;
        margin-bottom: 30px !important;
  }

  .service .c-section-heading__sub {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .service .c-section-heading__title {
    font-size: 34px;
  }


  /* サービス一覧 */
  .service-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    margin: 0;
    border-top: 1px solid #ddd;
     padding: 1rem 0;
  }


  /* 1項目：アイコン＋テキストを横並び */
  .service-item {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 25px;
    text-align: left;
    border-right: none;
    border-bottom: 1px solid #ddd;
  }

  .service-item:first-child {
    padding-top: 0;
  }

  .service-item:last-child {
   /* border-bottom: none;*/
  }


  /* アイコン */
  .service__icon {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    margin: 0 30px 0 0;
  }

  .service__icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
  }


  /* アイコンの右側のテキスト */
  .service-txtbody{}
  .service__title,
  .service__text {
    text-align: left;
  }


  /* タイトル */
  .service__title {
        margin: 0 0 6px;
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0.04rem;
    	font-family: "Yu Gothic Pr6N M", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif !important;
    }


  /* 説明文 */
  .service__text {
    margin: 0;
    font-size: 13px;
    line-height: 1.7;
    color: #555;
  }
  
  .service__text span{display:inline-block;}

}

/* =========================
   RANKING
========================= */

.ranking-widget {
  width: 100%;
  background: #faf8f0;
  padding:40px 0 40px;
  overflow: hidden;
}


/* =========================
   見出し
========================= */

.ranking-widget .c-section-heading__title {
  margin: 0;
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1.2;
  color: #333;
}


/* =========================
   スライダー全体
   最大1150px
========================= */

.ranking-product-widget {
  position: relative;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
  width: 55%;
  max-width: 1430px;
}

@media screen and (max-width: 1600px) and (min-width: 768px) {
.ranking-product-widget {
    width: 86%;
}
}


/* =========================
   表示領域
========================= */

.ranking-product-widget__viewport {
  width: 100%;
  overflow: hidden;
}


/* =========================
   商品一覧
========================= */

.ranking-product-widget__list {
  display: flex;
  gap: 10px;
  transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform;
}


/* =========================
   商品
   5個表示

   1150px時：
   (1090px - 40px) / 5
   = 210px

   1150px未満：
   自動的に縮小
========================= */

.ranking-product-widget__item {
  display: block;

  flex: 0 0 calc((100% - 40px) / 5);
  min-width: 0;

  color: #333;
  text-decoration: none;
}


/* =========================
   商品画像
   210 : 280 の比率を維持
========================= */

.ranking-product-widget__img {
  position: relative;
  width: 100%;
  aspect-ratio: 210 / 280;
  overflow: hidden;
  background: #eee;
}


.ranking-product-widget__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* =========================
   ランキング順位
========================= */

.ranking-product-widget__rank {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;

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

  width: 30px;
  height: 30px;

  background: #333;
  color: #fff;

  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  font-family: futura-pt, sans-serif !important;
}


/* 1位 */

.ranking-product-widget__rank--1 {
  background: #d3bd78;
}


/* 2位 */

.ranking-product-widget__rank--2 {
  background: #999;
}


/* 3位 */

.ranking-product-widget__rank--3 {
  background: #c6a05e;
}


/* =========================
   カテゴリー
========================= */

.ranking-product-widget__category {
  display: inline-block;

  margin: 10px 0 4px;
  padding: 1px 12px;

  border-radius: 20px;
  border: 1px solid #333;

  font-size: 11px;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;

  color: #333;
  line-height: 1.4;
}


/* =========================
   商品名
========================= */

.ranking-product-widget__name {
  margin: 0;
  padding: 2px 0 0;

  font-size: 13px;
  /*font-family: futura-pt, sans-serif !important;*/
  color: #333333;
  line-height: 1.4;
letter-spacing:0.09rem;
  min-height: 2.8em;
}


/* =========================
   英語商品名
========================= */

.ranking-product-widget__name-en {
   margin: 4px 0 0 0;

  font-size: 14px;
  font-family: futura-pt, sans-serif !important;
  font-weight: 300;
  color: #7f7f7f;
   letter-spacing: 0.04rem;
}


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

.ranking-product-widget__arrow {
  position: absolute;
  z-index: 5;
  top: 34%;

  width: 30px;
  height: 80px;

  padding: 0;
  border: 0;
  background: transparent;

  cursor: pointer;
}


.ranking-product-widget__arrow--prev {
  left: 0;
}


.ranking-product-widget__arrow--next {
  right: 0;
}


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

.ranking-product-widget__arrow span {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 20px;
  height: 20px;

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

  transform: translate(-50%, -50%) rotate(45deg);
  transition: 0.3s ease;
}


/* 左矢印 */

.ranking-product-widget__arrow--prev span {
  transform: translate(-50%, -50%) rotate(-135deg);
}


/* hover */

.ranking-product-widget__arrow:hover {
  opacity: 0.5;
}


/* =========================
   ドラッグ
========================= */

.ranking-product-widget__viewport {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}


.ranking-product-widget__viewport.is-dragging {
  cursor: grabbing;
}


.ranking-product-widget__viewport img {
  -webkit-user-drag: none;
  user-select: none;
}


/* =========================
   SP スライダー
========================= */

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

 .ranking-product-widget {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }

  /* 左側に余白を作る */
  .ranking-product-widget__viewport {
    width: 100%;
    padding-left: 5%;
    box-sizing: border-box;
    overflow: hidden;

    /* 縦スクロールは通常通り */
    touch-action: pan-y;
  }

  /* 商品一覧 */
  .ranking-product-widget__list {
    gap: 20px;
  }

  /* 2枚＋3枚目をチラ見せ */
  .ranking-product-widget__item {
    flex: 0 0 42%;
    width: 42%;
  }

  /* SPでは矢印を表示しない */
  .ranking-product-widget__arrow {
    display: none;
  }

  .ranking-product-widget__img {
    width: 100%;
    height: auto;
    aspect-ratio: 210 / 280;
  }

  .ranking-product-widget__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ranking-product-widget__rank {
    width: 22px;
    height: 24px;
    font-size: 16px;
  }

  .ranking-product-widget__category {
    margin: 10px 0 4px;
    padding: 2px 10px;
    font-size: 10px;
  }

 .ranking-product-widget__name {
        margin-top: 0;
        font-size: 13px;
        line-height: 1.4;
        letter-spacing: 0.07rem;
    }

  .ranking-product-widget__name-en {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.04rem;
  }
}
/* =========================
   FEATURE
========================= */

.feature {
  width: var(--width-base);
  margin:0 auto;
  padding: 95px 0 90px;
  background: #fff;
  
}

@media screen and (max-width: 1600px) and (min-width: 768px) {
.feature {
    width: 80%;
}
}


/* 特集一覧 */

.feature__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 1680px;
  margin: 0 auto;
}


/* 特集カード */

.feature__item {
  display: block;
  text-decoration: none;
  color: #333;
}


/* 画像 */

.feature__img {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.feature__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}


/* hover */

.feature__item:hover .feature__img img {
  transform: scale(1.03);
}

.feature__item:hover {
  opacity: 0.85;
}


/* タイトル */

.feature__title {
 font-size: 0.875rem;
    line-height: 1.5;
    flex: 1;
    color: #333;
    font-family: "Yu Gothic Pr6N B";
    font-weight: bold;
  margin-top:1rem;
}


/* もっと見る */

.feature__more {
  display: flex;
  justify-content: center;
  margin-top: 45px;
}

.feature__more-button {
  display: inline-block;
    padding: 10px 55px;
    border: 1px solid #333;
    border-radius: 9999px;
    background: transparent;
    font-size: 13px;
    letter-spacing: 0.08em;
    color: #333;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.4s;
   /* font-family: "Yu Gothic Pr6N M", sans-serif !important;*/

}

.feature__more-button:hover {
  background: #333;
  color: #fff;
}


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

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

  .feature {
    padding: 20px 0 80px 0;
    width: 90%;
  }


  /* 見出し */

  .feature .c-section-heading {
    margin-bottom: 40px;
  }

  .feature .c-section-heading__sub {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .feature .c-section-heading__title {
    font-size: 34px;
  }


  /* 2列 */

  .feature__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 15px;
  }


  /* タイトル */

  .feature__title {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.6;
  }


  /* もっと見る */

  .feature__more {
    margin-top: 40px;
  }

  .feature__more-button {
    width: 185px;
    height: auto;
    font-size: 12px;
    text-align:center;
  }

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

.faq {
  width: 100%;
  padding: 95px 20px 80px;
  background: #fff;
}


/* =========================
   見出し
========================= */

.faq .c-section-heading__title {
  margin: 0;
  font-size: 54px;
  font-weight: 700;
  letter-spacing: 0.18em;
  line-height: 1.2;
  color: #333;
}


/* =========================
   FAQ一覧
========================= */

.faq__list {
      max-width: 900px;
  margin: 0 auto;
  
}


/* FAQ項目 */

.faq__item {
  border-bottom: 1px solid #d3cdbc;
}

/*.faq__item:last-child {
  border-bottom: 1px solid #d8cda9;
}*/


/* =========================
   質問
========================= */

.faq__question {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 62px;
  padding: 0 30px;
  cursor: pointer;
  list-style: none;
      font-weight: 700;
}

.faq__question::-webkit-details-marker {
  display: none;
}

.faq__question::marker {
  display: none;
}


/* Q */


.faq__question-label {
font-size: 20px;
    font-weight: 700;
    color: #111;
    display: block;
    font-family: futura-pt, sans-serif;
}


/* 質問文 */

.faq__question-text {
 padding-left: 12px;
    font-size: 15px;
    line-height: 1.9rem;
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;
  }


/* =========================
   ＋ / −
========================= */

.faq__icon {
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: auto;
  flex-shrink: 0;
}

.faq__icon::before,
.faq__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 1px;
  background: #222;
}

.faq__icon::before {
  transform: translate(-50%, -50%);
}

.faq__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform 0.3s ease;
}


/* 開いたら「−」 */

.faq__item[open] .faq__icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}


/* =========================
   回答
========================= */

.faq__answer {
  padding: 10px 30px 45px 30px;
  font-size: 20px;
  line-height: 2;
  color: #111;
}


/*
 * A．と回答本文を横並び
 */
.faq__answer-row {
  display: flex;
  align-items: flex-start;
}


/* A */

.faq__answer-label {
  flex-shrink: 0;
  width: 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 2;
  color: #c00000;
    font-family: futura-pt, sans-serif;
}


/* 回答本文 */

.faq__answer-content {
  flex: 1;
  min-width: 0;
}


/* 回答文章 */

.faq__answer-content p {
    margin: 0 0 18px;
    padding-left: 0;
    font-size: 14px;
    line-height: 1.6rem;
   font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;
}

.faq__answer-content p:last-child {
  margin-bottom: 0;
}


/* =========================
   開閉アニメーション
========================= */

.faq__item[open] .faq__answer {
  animation: faqOpen 0.3s ease;
}

@keyframes faqOpen {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* =========================
   もっと見る
========================= */

.faq__more {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

.faq__more-button {
  display: inline-block;
    padding: 10px 55px;
    border: 1px solid #333;
    border-radius: 9999px;
    background: transparent;
    font-size: 13px;
    letter-spacing: 0.08em;
    color: #333;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.4s;
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;
}

.faq__more-button:hover {
  background: #333;
  color: #fff;
}


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

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

  .faq {
        padding: 20px 0 60px 0;
        width: 90%;
        margin: 0 auto;
    }


  /* 見出し */

  .faq .c-section-heading {
    margin-bottom: 40px;
  }

  .faq .c-section-heading__sub {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .faq .c-section-heading__title {
    font-size: 34px;
  }


  /* 質問 */

  .faq__question {
    min-height: 45px;
    padding: 15px 20px 15px 10px;
    
  }

  .faq__question-label {
    font-size: 17px;
  }

  .faq__question-text {
    padding-right: 20px;
    font-size: 15px;
    line-height: 1.6;
    
  }


  /* ＋ / − */

  .faq__icon {
    width: 16px;
    height: 16px;
  }

  .faq__icon::before,
  .faq__icon::after {
    width: 12px;
  }


  /* 回答 */

  .faq__answer {
    padding: 10px 10px 30px;
    font-size: 14px;
    line-height: 1.9;
  }

  .faq__answer-label {
    width: 26px;
    font-size: 20px;
    line-height: 1.9;
  }

  .faq__answer-content p {
    margin-bottom: 20px;
  }


  /* もっと見る */

  .faq__more {
    margin-top: 45px;
  }

  .faq__more-button {
    width: 185px;
    height: 40px;
    font-size: 12px;
    text-align: center;
  }

}

/* =========================
   CLASSIC
========================= */

.classic {
  width: 100%;
  padding: 40px 0 100px;
  background: #fff;
  max-width:1000px;
}

@media screen and (max-width: 1600px) and (min-width: 768px) {
    .classic {
        width: 70% !important;
    }
}

/* 商品一覧 */

.classic_content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px 0;
}


/* 商品 */
  .classic_item{}
.classic_flex {
    display: flex;
    align-items: flex-start;
}


/* 商品画像 */

  
.classic__img {
      width: 100px;
    padding: 0 10px 0 15px;

}

.classic__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* 商品情報 */

.classic__info {
  font-size: 13px;
    font-family: "Yu Gothic Pr6N M", sans-serif;
}

  @media screen and (max-width: 1600px) and (min-width: 768px) {
   .classic__info  {
        font-size: 0.9vw;
     letter-spacing:0.04em;
    }
.classic__img { width: 85px;
  padding: 0 7px 0 10px;}
}

/* 商品名 */

.classic__name {
/*font-family: "Yu Gothic Pr6N M", sans-serif !important;*/
    color: #333333;
    padding: 0 0 5px;
  font-size:11px;
  font-weight:normal;
  letter-spacing:0.04em;
}


/* 価格 */

.classic__price {
    color: #7f7f7f;
    line-height: 1.1;
}


/* 税込価格 */

.classic__tax {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #888;
  letter-spacing: 0.05em;
}
  
span.classic_product_tax {
    font-size: 10px;
}


/* hover */

.classic__item:hover {
  opacity: 0.65;
  transition: opacity 0.3s ease;
}


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

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

  .classic {
        width: 90%;
        box-sizing: border-box;
        padding: 10px 0 60px 0;
        margin: 0 auto;
    }

 .c-section-heading {
        margin-top: 40px !important;
        margin-bottom: 30px !important;
    }

  .classic .c-section-heading__sub {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .classic .c-section-heading__title {
    font-size: 34px;
  }


  /* =========================
     商品一覧
  ========================= */

  .classic_content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 0;
    width: 100%;
  }


  /* =========================
     商品
  ========================= */

  .classic_item {
    width: 100%;
    min-width: 0;
  }


  .classic_flex {
    display: flex;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
  }


  /* =========================
     商品画像
  ========================= */

  .classic__img {
    flex: 0 0 70px;
    width: 70px;
    padding: 0;
  }

  .classic__img img {
    display: block;
    width: 60px;
    height: auto;
    object-fit: cover;
  }


  /* =========================
     商品情報
  ========================= */

  .classic__info {
    flex: 1;
    min-width: 0;
    padding-left: 0;
    font-size: 12px;
    line-height: 1.5;
  }


  /* 商品名 */

    .classic__name {
        margin: 0 0 8px;
        padding: 0;
        font-size: 9px;
        font-weight: normal;
        line-height: 1.6;
        color: #333;
    }


  /* 価格 */

  .classic__price {
    margin: 0;
        font-size: 9px;
        line-height: 1.4;
        color: #7f7f7f;
        letter-spacing: 0.02rem;
  }


  /* 税込価格 */
      span .classic_product_tax {
        font-size: 9px;
        line-height: 1.5;
    }

}



/*------------------------------------------
商品詳細:カスタマイズ
-------------------------------------------*/
 /* 関連商品：価格表示 */
.product-detail-recommend-item .c-product-panel__price-value-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 8px;
}

/* 通常価格 */
.product-detail-recommend-item .c-product-panel__price-regular {
    color: #999;
    text-decoration: line-through;
}

/* セール価格 */
.product-detail-recommend-item .c-product-panel__price-value.is-sale {
    color: #e60012 !important;
}

/* 税込表記は販売価格と同じ色 */
.product-detail-recommend-item .c-product-panel__price-value small {
    color: inherit;
    font-size: 0.8em;
   color: #999 !important;
}
/* ==========================================
   商品詳細：関連商品スライダー
========================================== */
.recommend-product-section .c-widget__title{
  text-align: center;
    margin: 0 auto;
}


/* スライダー全体 */
.product-detail-recommend-slider {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0 44px;
    box-sizing: border-box;
}

/* 商品の表示領域 */
.product-detail-recommend-viewport {
    display: block;
    position: relative;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
}

/* 商品一覧 */
.product-detail-recommend-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 24px;
    width: max-content;
    max-width: none;
    margin: 0;
    padding: 0;
    transition: transform 0.45s ease;
    will-change: transform;
}

/* 商品カード */
.product-detail-recommend-item {
    display: block;
    flex: 0 0 auto;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 商品リンク */
.product-detail-recommend-link {
    display: block;
    width: 100%;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

/* 商品パネル */
.product-detail-recommend-item .c-product-panel {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 商品画像エリア */
.product-detail-recommend-item .c-product-panel__img {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
}

/* 商品画像 */
.product-detail-recommend-item .c-product-panel__img img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    object-fit: contain;
    box-sizing: border-box;
}

/* 商品情報 */
.product-detail-recommend-item .c-product-panel__summary {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* 商品名の折り返し */
.product-detail-recommend-item .c-product-panel__name {
    overflow-wrap: anywhere;
    padding-top: 10px;
    font-weight: 550;
      min-height: 50px;
  
}

/* ==========================================
   左右矢印
   SVG：arrow_next.svg
========================================== */

/* 矢印ボタン共通 */
.product-detail-recommend-slider
.product-detail-recommend-arrow {
    display: none !important;
    position: absolute !important;
    top: 30% !important;
    z-index: 20 !important;

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

    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
   /* border-radius: 50% !important;*/
    background: none;
    /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important;*/

    font-size: 0 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;

    transform: translateY(-50%) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

/* JSで表示対象になった矢印 */
.product-detail-recommend-slider
.product-detail-recommend-arrow.is-visible {
    display: flex !important;
}

/* 既存の矢印装飾・文字を無効化 */
.product-detail-recommend-slider
.product-detail-recommend-arrow::before {
    content: none !important;
    display: none !important;
}

/* 商品詳細：関連商品スライダーの矢印 */
.product-detail-recommend-slider
.product-detail-recommend-arrow::after {
    content: "" !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;

    background-image: url("/user_data/packages/202609_bambiwater/assets/svg/arrow_next.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

/* 左矢印 */
.product-detail-recommend-slider
.product-detail-recommend-arrow--prev::after {
    /* transform: rotate(180deg) !important;*/
}
/* 右矢印：右側の外 */
.product-detail-recommend-slider
.product-detail-recommend-arrow--next {
    right: 0 !important;
    left: auto !important;
}

/* 左矢印：左側の外 */
.product-detail-recommend-slider
.product-detail-recommend-arrow--prev {
    left: 0 !important;
    right: auto !important;
}

/* SVGだけを180度回転 */
.product-detail-recommend-slider
.product-detail-recommend-arrow--prev::after {
    transform: rotate(180deg);
}

/* 非表示の矢印 */
.product-detail-recommend-slider
.product-detail-recommend-arrow:not(.is-visible) {
    display: none !important;
}


/* ==========================================
   ドット
========================================== */

.product-detail-recommend-dots {
    display: none;
    width: 100%;
    margin: 20px 0 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.product-detail-recommend-dots.is-visible {
    display: flex;
}

.product-detail-recommend-dot {
    display: block;
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    min-width: 8px;
    min-height: 8px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
}

.product-detail-recommend-dot.is-active {
    background: #333;
}

/* ==========================================
   スマートフォン
========================================== */

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

    .product-detail-recommend-slider {
        padding: 0 32px;
    }

    .product-detail-recommend-track {
        gap: 12px;
    }

    .product-detail-recommend-slider
    .product-detail-recommend-arrow {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
    }

    .product-detail-recommend-slider
    .product-detail-recommend-arrow::after {
        width: 20px !important;
        height: 20px !important;
    }

    .product-detail-recommend-dots {
        margin-top: 16px;
    }
}
/* ==========================================
   スマートフォン：関連商品スライダー調整
========================================== */
@media screen and (max-width: 767px) {

    /* スライダーの左右余白を最小限に */
    .product-detail-recommend-slider {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    /* 表示領域を広げる */
    .product-detail-recommend-viewport {
        width: 100% !important;
        overflow: hidden !important;
    }

    /* 商品間の隙間を縮める */
    .product-detail-recommend-track {
        gap: 12px !important;
    }

    /* 左右の矢印を画面端寄りに配置 */
    .product-detail-recommend-slider
    .product-detail-recommend-arrow {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
    }

    .product-detail-recommend-slider
    .product-detail-recommend-arrow--prev {
        left: 0px !important;
        right: auto !important;
    }

    .product-detail-recommend-slider
    .product-detail-recommend-arrow--next {
        right:0px !important;
        left: auto !important;
    }

    /* 矢印画像 */
    .product-detail-recommend-slider
    .product-detail-recommend-arrow::after {
        width: 20px !important;
        height: 20px !important;
    }
}
/* 動きを減らす設定への配慮 */
@media (prefers-reduced-motion: reduce) {
    .product-detail-recommend-track {
        transition: none;
    }
}



/* ========================================
   商品詳細：サブ画像スライダー
======================================== */

.manual-sub-slider {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 40px auto 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
}

/* 表示領域 */
.manual-sub-slider__viewport {
    width: 100%;
    overflow: hidden;
}

/* スライド列 */
.manual-sub-slider__track {
    display: flex;
    align-items: center;
    gap: 20px;
    width: max-content;
    transition: transform 0.45s ease;
    will-change: transform;
}

/* 各スライド */
.manual-sub-slider__item {
    flex: 0 0 82px;
    width: 82px;
    min-width: 82px;
    height: 82px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.manual-sub-slider__item a {
    display: block;
    width: 100%;
    height: 100%;
}

.manual-sub-slider__item img {
    display: block;
    width: 82px;
    height: 82px;
    max-width: none;
    margin: 0;
    padding: 0;
    border: none;
    object-fit: contain;
    object-position: center;
    aspect-ratio: auto;
}

/* ========================================
   左右の矢印
======================================== */

.manual-sub-slider__arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #888;
    font-size: 0;
    cursor: pointer;
    transform: translateY(-50%);
    appearance: none;
    -webkit-appearance: none;
}

.manual-sub-slider__arrow--prev {
    left: 0;
}

.manual-sub-slider__arrow--next {
    right: 0;
}

.manual-sub-slider__arrow::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-top: 3px solid currentColor;
    border-right: 3px solid currentColor;
}

.manual-sub-slider__arrow--prev::before {
    transform: rotate(-135deg);
}

.manual-sub-slider__arrow--next::before {
    transform: rotate(45deg);
}

.manual-sub-slider__arrow:hover {
    color: #333;
    background: transparent;
}

.manual-sub-slider__arrow:disabled {
    opacity: 0.3;
    cursor: default;
}



/* ========================================
   スマートフォン
======================================== */

@media screen and (max-width: 767px) {
    .manual-sub-slider {
        max-width: 100%;
        padding: 0 30px;
    }

    .manual-sub-slider__track {
        gap: 20px;
    }

    .manual-sub-slider__item {
        flex: 0 0 82px;
        width: 82px;
        min-width: 82px;
        height: 82px;
    }

    .manual-sub-slider__item img {
        width: 82px;
        height: 82px;
    }

    .manual-sub-slider__arrow {
        width: 24px;
        height: 36px;
    }

    .manual-sub-slider__arrow::before {
        width: 10px;
        height: 10px;
        border-width: 2px;
    }
}
            

/* ========================================
   サブ画像専用ライトボックス
======================================== */

.manual-sub-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px 20px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.94);
}

.manual-sub-lightbox__image {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    margin: 0;
    padding: 0;
    border: none;
}

/* 右上のクローズボタン */
.manual-sub-lightbox__close {
    position: absolute;
    top: 18px;
    right: 22px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.manual-sub-lightbox__close:hover {
    background: #fff;
    color: #222;
}

@media screen and (max-width: 767px) {
    .manual-sub-lightbox {
        padding: 55px 12px 12px;
    }

    .manual-sub-lightbox__close {
        top: 10px;
        right: 10px;
        width: 42px;
        height: 42px;
        font-size: 32px;
    }
}
            
/* ========================================
   サブ画像：選択時のホバー効果
======================================== */

/* 通常時 */
.manual-sub-slider__item img {
    opacity: 1;
    transition: opacity 0.85s ease;
}

/* 選択中のサブ画像を薄くする */
.manual-sub-slider__item.is-selected img {
    opacity: 0.5;
}

/* マウスホバー時 */
@media (hover: hover) {
    .manual-sub-slider__item a:hover img {
        opacity: 0.5;
    }
}
/* メイン画像のフェード切り替え */
.product__image-main {
    opacity: 1;
    transition: opacity 0.85s ease-in-out;
}

.product__image-main.is-fading {
    opacity: 0;
}

/* ========================================
   商品詳細：左右2カラム
======================================== */

.product__section-body > .c-paragraph {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 100px;
    align-items: start;
}

/* ----------------------------------------
   左：LP
---------------------------------------- */

.product__section-body #shop_itemlp_bsbc {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    min-width: 0;
}

/* LP画像を左カラム幅いっぱいにする */
.product__section-body #shop_itemlp_bsbc > img {
 display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .product__section-body #shop_itemlp_bsbc > img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

}

@media screen and (max-width: 767px) {
  .product__section-body #shop_itemlp_bsbc > img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
}

/* aタグで囲まれている画像 */
.product__section-body #shop_itemlp_bsbc > a {
    display: block;
    width: 100%;
}

.product__section-body #shop_itemlp_bsbc > a img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}


/* もっと見る内のリンク */
.product__section-body #shop_itemlp_bsbc .lp-expand__body a {
    display: block;
    width: 100%;
}

.product__section-body #shop_itemlp_bsbc .lp-expand__body a img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}


/* ========================================
   商品詳細：LP もっと見る / 閉じる
   ・初期表示：500px
   ・全画像を表示
   ・高さはJavaScriptで制御
======================================== */

/* 外枠 */
.product__section-body #shop_itemlp_bsbc .lp-expand__wrap {
    position: relative;
    width: 100%;
    min-width: 0;
}

/* ========================================
   LP本文
======================================== */

.product__section-body #shop_itemlp_bsbc .lp-expand__body {
    position: relative;
    width: 100%;
    height: 500px;
    max-height: none;
    overflow: hidden;
    box-sizing: border-box;
    transition: height 0.8s ease;
}

/* ========================================
   画像
======================================== */
  .product__section-body #shop_itemlp_bsbc .lp-expand__body img {
    display: block;
    width:100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}


/* PC：1025px以上 */
@media screen and (min-width: 1025px) {
  .product__section-body #shop_itemlp_bsbc .lp-expand__wrap {
     width:100%;
}
  .product__section-body #shop_itemlp_bsbc .lp-expand__body img {
   /*width:100%;
    max-width: 100px;*/
   
}
    
}

/* タブレット：768px〜1024px */
@media screen and (min-width: 768px) and (max-width: 1024px) {
 .product__section-body #shop_itemlp_bsbc .lp-expand__body img {
    
    width: 100%;
    max-width: 100%;
   
}
}
.bg_gold {
    background-color: #e5dcc0 !important;
}
.product__section-body #shop_itemlp_bsbc .lp-expand__body .feature_bratop_category {
    background-color: #f1eddf;
    padding: 8% 3% 5%;
}

.product__section-body #shop_itemlp_bsbc .lp-expand__body .feature_bratop_ttl,
.product__section-body #shop_itemlp_bsbc .lp-expand__body .feature_shorts_ttl{
  text-align: center;
    font-family: futura-pt, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 40px !important;
    color: #333;

}
.product__section-body #shop_itemlp_bsbc .lp-expand__body .feature_shorts_ttl{
  	margin-top:40px;
}


.product__section-body #shop_itemlp_bsbc .lp-expand__body p.feature_bratop_txt, 
.product__section-body #shop_itemlp_bsbc .lp-expand__body p.feature_shorts_txt {
    font-size: 13px !important;
    font-family: "Yu Gothic Pr6N M", sans-serif !important;
      padding: 15px 0 0;
  text-align: center !important;
    line-height: 1.5;
}

.product__section-body #shop_itemlp_bsbc .lp-expand__body p.feature_bratop_price, 
.product__section-body #shop_itemlp_bsbc .lp-expand__body p.feature_shorts_price {
    font-size: 17px !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;
}

.product__section-body #shop_itemlp_bsbc .lp-expand__body .feature_shorts_category {
    background-color: #f1eddf;
    padding: 0 3% 5%;
}
 .product__section-body #shop_itemlp_bsbc .lp-expand__body .feature_bratop_flex, .feature_shorts_flex {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    align-items: start;
}
 .product__section-body #shop_itemlp_bsbc .lp-expand__body .feature_bratop_flex a, 
 .product__section-body #shop_itemlp_bsbc .lp-expand__body .feature_shorts_flex a {
    padding: 2%;
}

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

 .product__section-body #shop_itemlp_bsbc .lp-expand__body .feature_bratop_btn, .feature_shorts_btn {
    padding: 3% 0 7%;
}

 .product__section-body #shop_itemlp_bsbc .lp-expand__body .feature_bratop_btn a, 
 .product__section-body #shop_itemlp_bsbc .lp-expand__body .feature_shorts_btn a {
    border: 1px solid #333;
    padding: 1%;
    width: 35%;
    font-size: 13px;
}

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

 .product__section-body #shop_itemlp_bsbc .lp-expand__body .bsnbs_setup_seamless {
    display: flex;
    gap: 0;
}

 .product__section-body #shop_itemlp_bsbc .lp-expand__body .bsnbs_setup_seamless a {
    display: block;
}

.product__section-body #shop_itemlp_bsbc .lp-expand__body .bsnbs_setup_seamless a img {
   display: block; */
    width: 100%;
  max-width: 100%;
    height: 100%;
  object-fit: cover; 
    object-position: center top;
}
/* ========================================
   画像リンク
======================================== */

.product__section-body #shop_itemlp_bsbc .lp-expand__body a {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.product__section-body #shop_itemlp_bsbc .lp-expand__body a img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* ========================================
   下部フェード
======================================== */

.product__section-body #shop_itemlp_bsbc .lp-expand__fade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    height: 180px;
    z-index: 2;
    pointer-events: none;

    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 1)
    );

    opacity: 1;
    transition: opacity 0.4s ease;
}

/* 開いた状態ではフェードを消す */
.product__section-body #shop_itemlp_bsbc
.lp-expand__wrap.is-open .lp-expand__fade {
    opacity: 0;
    visibility: hidden;
}

/* ========================================
   もっと見る・閉じるボタン
======================================== */

.product__section-body #shop_itemlp_bsbc
.lp-expand__btn,
.product__section-body #shop_itemlp_bsbc
.lp-expand__close {
    position: relative;
    z-index: 3;

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

    width: 100%;
    height: 70px;
    margin: 0;
    padding: 0;

    border: none;
    border-radius: 0;
    background: #fff;

    color: #333;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.08em;
    line-height: 1.5;

    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

/* 初期表示 */
.product__section-body #shop_itemlp_bsbc
.lp-expand__btn {
    display: flex;
}

/* 閉じるボタンは初期非表示 */
.product__section-body #shop_itemlp_bsbc
.lp-expand__close {
    display: none;
}

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

.product__section-body #shop_itemlp_bsbc
.lp-expand__btn .arrow,
.product__section-body #shop_itemlp_bsbc
.lp-expand__close .arrow_up {
    position: relative;
    display: inline-block;

    flex-shrink: 0;
    width: 9px;
    height: 9px;
    margin-left: 12px;

    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}

/* 下向き */
.product__section-body #shop_itemlp_bsbc
.lp-expand__btn .arrow {
    top: -3px;
    transform: rotate(45deg);
}

/* 上向き */
.product__section-body #shop_itemlp_bsbc
.lp-expand__close .arrow_up {
    top: 3px;
    transform: rotate(-135deg);
}

/* ========================================
   hover
======================================== */

.product__section-body #shop_itemlp_bsbc
.lp-expand__btn:hover,
.product__section-body #shop_itemlp_bsbc
.lp-expand__close:hover {
    opacity: 0.6;
}

/* ========================================
   スマートフォン
======================================== */

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

    .product__section-body #shop_itemlp_bsbc .lp-expand__wrap {
        width: 100%;
    }

    .product__section-body #shop_itemlp_bsbc .lp-expand__body {
        width: 100%;
    }

    .product__section-body #shop_itemlp_bsbc .lp-expand__body img {
        width: 100%;
        height: auto;
    }

    .product__section-body #shop_itemlp_bsbc .lp-expand__fade {
        bottom: 90px;
        height: 140px;
    }

    .product__section-body #shop_itemlp_bsbc
    .lp-expand__btn,
    .product__section-body #shop_itemlp_bsbc
    .lp-expand__close {
        height: 60px;
        font-size: 13px;
    }

}
/* ========================================
   LPがない商品
   → 商品情報は右側
======================================== */

.product__section-body > .c-paragraph:not(:has(#shop_itemlp_bsbc)) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 40px;
}

.product__section-body > .c-paragraph:not(:has(#shop_itemlp_bsbc))
.goods_content_area {
    grid-column: 2;
}

/* ========================================
   スマートフォン
======================================== */

@media (max-width: 767px) {

    .product__section-body > .c-paragraph {
        display: block;
    }

    .product__section-body #shop_itemlp_bsbc,
    .product__section-body .goods_content_area {
        width: 100%;
    }

    .product__section-body #shop_itemlp_bsbc {
        margin-bottom: 30px;
    }

}


.p-page_article__inner h2 {
    margin-top: 0 !important;
    letter-spacing: 0.5rem;
}
/* =========================
   マージントップ調整
========================= */
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}

.width_max750{max-width:750px;margin:0 auto;}

/*LINE ID連携 */
.amazon_pay_title {
    font-family: "Yu Gothic Pr6N D" !important;
    font-size: 24px;
    margin-bottom: 15px;
}
.line_subtitle {
    color: #333 !important;
    font-size: 14px !important;
    margin-bottom: 10px;
}

.line_message {
    font-size: 13px;
    line-height: 1.5;
    margin-top: 15px;
    color: #7f7f7f;
}

.p-order-non-member-account-info table th,
.p-order-non-member-account-info table td
{border-bottom:none;}

.p-order-non-member-account-info .c-table table th {
    padding: 11px 0;
}
.bd_bottom {
    border-bottom: 1px solid #ddd;
    padding: 0 0 1rem 0;
}



/* =========================
   2026-1-21 濱野調整
========================= */
.pc{
	display: block !important;
}
.sp{
	display: none !important;
}
@media (max-width: 767px) {
	.pc{
	display: none !important;
	}
	.sp{
	display: block !important;
	}
} 

/* TOP|CSS打ち消し*/
p{
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;
}

} 
.u-color__bg--bg {
    background: #fbf8ee !important;
}
/*button.l-header__inner__block__item--search {
    display: none !important;
}*/
.l-header__inner__block__item:not(:last-child), .l-header__inner__block__item--menu:not(:last-child), .l-header__inner__block__item--search:not(:last-child) {
    margin-right: 10px !important;
}
@media (max-width: 767px) {
    .l-header__inner__block__item:not(:last-child), .l-header__inner__block__item--menu:not(:last-child), .l-header__inner__block__item--search:not(:last-child) {
        margin-right: 6px !important;
    }
}
.footer_bg {
    margin: 4% 0 0 !important;
}
.p-breadcrumbs.p-breadcrumbs--sp.u-color__border--border.footer_bg {
    background: #fff;
    border: none;
    margin: 15% 0 -15% !important;
}
.p-product_content__breadcrumbs.p-product_content__breadcrumbs--sp.u-color__border--border.footer_bg {
    background: #fff;
    border: none;
    margin: 15% 0 -15% !important;
}
.c-product_item__inner__category.u-text--subhead {
    display: none;
}
.u-color__bg--alert {
    background: #bd2b2b !important;
}
div#price-group span#sales-price {
    color: #333 !important;
}
.c-steps_to_order__step.c-steps_to_order__step--1, .c-steps_to_order__step.c-steps_to_order__step--2, .c-steps_to_order__step.c-steps_to_order__step--3 {
    margin-top: 80px;
}
h1#product-name {
    font-size: 20px !important;
}
.c-announce_bar__text a {
    text-decoration: none !important;
}
@media (max-width: 767px) {
	.footer_bg {
        margin: 15% 0 0 !important;
    }
    .control-alert > *, .alert > *, .alert-danger > * {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    h1.p-page_header__inner__title.u-text--head {
        font-size: 22px !important;
    }
    .p-breadcrumbs.p-breadcrumbs--sp.u-color__border--border.footer_bg {
        background: #fff;
        border: none;
        margin: 15% 0 -15% !important;
    }
    .c-product_item__inner__price.u-text--body {
        font-size: 11px !important;
    }
    h1#product-name {
        font-size: 4vw !important;
    }
    .c-gmenu__container__inner {
        padding: 54px 20px 100px !important;
    }
    .c-steps_to_order__step.c-steps_to_order__step--1, .c-steps_to_order__step.c-steps_to_order__step--2, .c-steps_to_order__step.c-steps_to_order__step--3 {
        margin-top: 60px;
    }
    .c-announce_bar__text {
        text-align: center !important;
    }
} 

/* 商品管理 */
p.postage {
    font-size: 13px;
    margin: 20px 0 0;
    color: #bd2b2b;
}
p.ma0 {
    margin: 0 !important;
}
.c-product_info__caution, .c-product_info__option, .c-product_info__extra_text_from_product_category, .c-product_info__common_html .ma0 {
    margin: 0;
}
span#sales-price {
    color: #E21E1E !important;
    font-size: 20px !important;
    font-weight: bold;
}
/*span.u-text--subhead {
    color: #E21E1E !important;
}*/
span.u-text--subhead.u-text-line-through {
    color: #333333 !important;
}
#product-name {
    font-size: 22px !important;
}
@media (max-width: 767px) {
	span#product-price-content {
        font-size: 13px !important;
    }
    span.u-text--subhead {
        font-size: 13px !important;
    }
    span.u-text--subhead.u-text-line-through {
        font-size: 13px !important;
    }
} 

/* ヘッダー */
@media (max-width: 767px) {
	.l-header__inner__block__logo {
        max-width: 170px !important;
    }
} 

/* h2 */
.u-text--head {
    font-family: futura-pt, sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 30px !important;
  letter-spacing:0.2em;
}
.u-margin__top--80 {
    margin-top: 0px !important;
}
.p-new_product__title {
    margin-bottom: 0px !important;
}
.p-new_product__title__jp{
 font-family: "Yu Gothic Pr6N M",yu-gothic-pr6n, sans-serif !important;
}
.product_title {
    margin: 0 0 40px;
    text-align: center;
}
.p-product_slider__nav {
    display: none !important;
}
h1#product-name,h1.p-page_header__inner__title.u-text--head.u-text--head {
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;
}

@media (max-width: 767px) {
	.u-text--head {
        font-size: 28px !important;
    }
} 

/* MV */
.mv {
    margin: 35px auto 60px;
    width: 65%;
    max-width: 1350px;
}
@media screen and (max-width: 1600px) and (min-width: 768px) {
  .mv {
        width: 75%;
    }
}
@media screen and (max-width: 767px) {
    .mv {
        margin: 5% auto 13%;
        width: 90% !important;
    }
}

/* MVスライダー 26.04.02 サイズ調整*/
.mv-slider {
  width: 100%;
  overflow: hidden;
  padding: 2% 0 1%;
}
.mv-slider .slick-list {
  overflow: visible;
}
.mv-slider-track .slick-slide {
  width: 70vw;
  max-width: 1300px;
  margin: 0 15px;
}
.mv-slider-track img {
  width: 100%;
  height: auto;
}
.mv-slider-indicators {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 25px;
  cursor: pointer;
}
.mv-indicator {
  display: block;
  width: 40px;
  height: 3px;
  background-color: #ddd;
  transition: background-color 0.3s ease, width 0.3s ease;
  cursor: pointer;
  position: relative; 
  -webkit-tap-highlight-color: transparent; /* ← 追加 */
  user-select: none; /* ← 追加 */
}

.mv-indicator::before {
  content: '';
  position: absolute;
  top: -8px;
  bottom: -8px;
  left: 0;
  right: 0;
}
.mv-indicator.active {
  background-color: #b29442;
}
@media screen and (max-width: 1600px) and (min-width: 768px) {
  .mv-slider {
      padding: 3% 0 2%;
    }
}

/* スマホ */
@media (max-width: 767px) {
  .mv-slider-track .slick-slide {
    width: 80vw;
    max-width: none;
    margin: 0 5px;
  }
  .mv-slider-track img {
    width: 100%;
    height: auto;
    margin: auto;
  }
  .mv-slider {
    padding: 7% 0 0;
  }
  .mv-indicator {
    width: 30px;
    height: 3px;
  }
}

/* 全体(コンテンツ幅) */
.recommend,.classic,.review,.qa,.service,.new,.feature {
    /*width:50%;*/
    margin:0 auto;
    /*max-width: 1350px;*/
}
.category {
    /*width:50%;*/
    margin: 0 auto;
    padding: 90px 0 60px;
    max-width: var(--width-base);
}
.review,.ranking {
   /* width:55%;*/
    margin:0 auto;
    /*max-width: 1430px;*/
}
@media screen and (max-width: 2000px) and (min-width: 1601px) {
    .category {
     width: 75%;
      max-width: 840px;
    }
}
@media screen and (max-width: 1600px) and (min-width: 768px) {
	.category {
        width: 100%;
        max-width: 1150px;
    }
    .review,.ranking {
       /*width: 80%;*/
    }

  
}



@media screen and (max-width: 1024px) /*and (min-width: 768px)*/ {
.recommend,.classic,.qa,.service,.new {
        /*width: 71%;*/
    }
    /*.review,.ranking {
       width: 80%;
    }*/
  .classic{ width: 100%;}
  .classic__name{font-size:12px;}
}

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

.recommend,.faq,.new,.feature {
       width: 90%;margin:0 auto;
    }
    .newitem-product-widget,.recommend-product-widget,.review-product-widget,.classic {
       width: 90%;
    }
  .ranking,.review{width:100%;}
  p.category_txt {
    font-size: 1vw !important;}
   .classic__name{font-size:11px;}
  
  .main-image-slider__item a {
    display: block;
    width: 95%;
}
  .p-top .main-image-slider__item img {
    max-width: 600px;
    margin: 0 auto;
    object-fit: cover;
}
  
  .recommend {
    padding: 0 !important;
}
}


@media (max-width: 767px) {
	.recommend,.category,.classic,.faq,.new {
        width: 90%;
    }
    .recommend,.new {
        width: 95%;
    }
    .ranking,.review {
        width: 100%;
    }
}

/* banner */
.banner {
    width: 40%;
    margin: 0 auto;
    max-width: 1350px;
    /*width: 25%;*/
}
.banner_flex {
    display: flex;
    align-items: center;
}
.banner_flex_left {
    padding: 0 1.5% 0 0;
}
.banner_flex_right {
    padding: 0 0 0 1.5%;
}
@media screen and (max-width: 1600px) and (min-width: 768px) {
    .banner {
        width: 60%;
        /*width: 40%;*/
    }
}
@media (max-width: 767px) {
	.banner_flex {
        flex-wrap: wrap;
    }
    .banner_flex_left {
        padding: 0;
    }
    .banner_flex_right {
        padding: 3% 0 0 0;
    }
    .banner {
        width: 80vw;
    }
} 


/* RECOMMEND */
.recommend {
    padding: 40px 0 80px;
}
.recommend_content {
    display: flex;
    justify-content: center;
}
.recommend_item {
    margin: 0 10px;
}
.recommend_item_name{
  font-family: "Yu Gothic Pr6N M";
    font-size: 11px;
    line-height: 1.5;
    padding-top:8px;
    flex: 1;
}
@media (max-width: 767px) {
	.recommend_content {
        flex-wrap: wrap;
    }
    .recommend_item {
        margin: 2%;
        width: 46%;
    }
    .product_title {
        margin: 17% 0 7%;
    }
    .recommend {
        padding: 0 0 16%;
    }
    .recommend_item_name{
    font-size: 12px;
    letter-spacing: 0.05em;
}
} 

/* RANKING */
.ranking_bg {
    background-color: #fbf8ee;
}
.ranking {
    padding: 95px 0 85px;
}
.ranking_pc {
    display: flex;
    justify-content: center;
}
.ranking_item {
    margin: 0 10px;
}
p.ranking_jp {
    font-size: 13px;
    padding: 2px 0 0;
font-family: "Yu Gothic Pr6N M", sans-serif !important; 
    color: #333333;
    line-height: 1.4;        
    min-height: 2.8em;   
}
p.ranking_en {
    font-size: 12px;
    font-family: futura-pt, sans-serif !important;
    font-weight: 300;
    color: #7f7f7f;
}
.ranking_tag {
  display: inline-block;
  margin: 10px 0 4px;
  padding: 1px 12px;
  border-radius: 20px;
  border: 1px solid #333;
  font-size: 11px;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: #333;
  line-height: 1.4;
}

.ranking_sp {
    display: none;
}

@media screen and (max-width: 1600px) and (min-width: 768px) {
    .ranking_item {
        margin: 0 5px;
    }
    p.ranking_jp {
        font-size: 0.9vw;
    }
    p.ranking_en {
        font-size: 1vw;
    }
}

@media (max-width: 767px) {
	.ranking_pc {
        display: none;
    }
    .ranking_sp {
        display: block;
    }
    .ranking_item {
        margin: 0 5px;
    }
    .ranking {
        padding: 1px 0 0 4%;
    }
    .ranking_content {
        padding: 0 0 16% 0;
    }
    p.ranking_en {
        font-size: 13px;
        line-height: 1.2;
        padding: 4px 0 0 0;
        min-height: 2.4em;
    }
    p.ranking_jp {
        line-height: 1.2;
        font-size: 14px;
        min-height: 2.4em; 
    }
} 

/* スライダー */
.slider .slick-prev:before {
	background: url(../img/prev.png) no-repeat center!important;
    background-size: contain!important;
    width: 90% !important;
    height: 90% !important;
}

.slider .slick-next:before {
	background: url(../img/next.png) no-repeat center!important;
    background-size: contain!important;
    width: 90% !important;
    height: 90% !important;
}
.slick-arrow::before {
    content: ""!important;
    width: 90%!important;
    height: 90%!important;
    position: absolute;
    top: 0;
    left: 0;
}
.slick-arrow {
    z-index: 2!important;
    width: 55px!important;
    height: 55px!important;
}
.slider .slick-next {
    right: 26%;
}
.slider .slick-prev {
    left: 30%;
}
.slick-prev:before, .slick-next:before{
	font-size: 60px !important;
	opacity: 1 !important;
}

/* CATEGORY */
.category_pc {
    width: 60%;
    margin: 0 auto 40px;
}

.category .category_pc p{   font-size: 15px !important;}
.category01,.category02 {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}
.category_item {
    width: calc((95% - 50px) / 3);
}
.category_item a {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    justify-content: space-between;
}
.category_item img {
    width: 60px;
}
p.category_txt {
    font-size: 15px;
/*font-family: "Yu Gothic Pr6N M";*/
    color: #333333;
}
svg.icon-caret {
    width: 20px;
    color: #333;
}

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

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

}


@media (max-width: 767px) {
  
	.category_item {
        width: calc((100% - 20px) / 2);
    }
    .category01, .category02, .category03 {
        display: flex;
        justify-content: space-between;
        margin: 15px 0;
    }
    .category_item img {
        width: 30%;
        padding: 0 2% 0 0;
    }
    p.category_txt {
        font-size: 3.5vw !important;
        line-height: 1.5;
    }
    svg.icon-caret {
        width: 12%;
    }
    .category_sp {
        padding: 0 0 12% 0;
    }
} 

/* CLASSIC */
/*.classic_content {
    display: flex;
    justify-content: center;
}
.classic_flex img {
    width: 95px;
}
.classic_txt{
    font-size: 13px;
    font-family: "Yu Gothic Pr6N M", sans-serif;
}
.classic_product_txt {
    font-family: "Yu Gothic Pr6N M", sans-serif !important; 
    color: #333333;
    padding: 0 0 5px;
}
.classic_product_price {
    color: #7f7f7f;
    line-height: 1.1;
}
.classic_flex {
    display: flex;
    align-items: flex-start;
}
.classic_flex img {
    width: 100px;
    padding: 0 10px 0 15px;
}
span.classic_product_tax {
    font-size: 10px;
}
@media screen and (max-width: 1600px) and (min-width: 768px) {
    .classic_txt {
        font-size: 0.9vw;
    }
    .classic_flex img {
        width: 85px;
        padding: 0 7px 0 10px;
    }
}
@media (max-width: 767px) {
	.classic_txt {
        font-size: 3vw;
    }
    .classic_content {
        flex-wrap: wrap;
        justify-content: left;
    }
    .classic_txt {
        font-size: 2.2vw;
    }
    .classic_flex img {
        width: 70px;
        padding: 0 7px 0 7px;
    }
    .classic_item {
        padding: 0 0 3%;
    }
} */

/* フッター */
.l-footer__logo {
    margin: 0 auto 40px !important;
}
.c-footer_menu__list__item__inner::after {
    display:none;
}
.footer_head {
    display: none;
}
.c-footer_menu__list {
    display: flex;
    height: fit-content;
    justify-content: center;
}
.c-footer_menu__list {
    margin: 0 auto !important;
    padding-right: 0 !important;
}
.c-footer_menu__list__item {
    padding: 0 1%;
}
.footer_body {
    margin: 0 auto;
}

@media (max-width: 767px) {
	.u-font--body.footer_body {
        text-align: center;
        font-size: 11px !important;
    }
} 

/* 商品管理 */

/* タブメニュー */
.goods_content_area {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.goods_tab-container {
  display: flex;
  flex-wrap: wrap;
}
.goods_tab-container {
    margin: 0 0 15px;
}
.goods_tab {
  font-weight: 500;
  text-align:center;
  width: calc(100% / 3);
  padding: 10px;
  background-color: #fff;
  cursor: pointer;
}

.goods_tab.active {
  color: #333;
  border-bottom: 2px solid #333;
}

.goods_content {
  display: none; /*必須*/
}
.goods_content.show {
  display: block; /*必須*/
}
.goods_content_area hr {
    border: solid 1px #f1f1f1;
    /* padding: 10px 0; */
    margin: 15px 0;
}
p.goods_ttl {
    font-weight: bold;
    color: #333;
}
p.goods_txt {
    color: #333;
    font-weight: 100 !important;
}
ul.goods_list {
    color: #333;
    font-weight: 100 !important;
    margin-left: 1rem;
    text-indent: -1rem;
}
span.kome {
    color: #989898;
}
p.goods_kome {
    margin: -3% 0 5%;
    line-height: 1.5;
}
.goods_flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
}
p.goods_futura {
    font-family: futura-pt, sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 18px !important;
    line-height: 1.3;
}
.goods_color_cg p.goods_futura, .goods_color_lhg p.goods_futura {
    font-size: 17px !important;
}
.goods_color_w {
    border: 1px solid #333;
    color: #333;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_nb {
    background-color: #d8d0a2;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_p {
    background-color: #d9bdb2;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_g {
    background-color: #B8A79B;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_bl {
    background-color: #000;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_bl.mini {
    width: 23%;
}
.goods_color_l {
    background-color: #c7c7c7;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_d {
    background-color: #5A8098;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_gn {
    background-color: #474354;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_mo {
    background-color: #967157;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_ma {
    background-color: #C1A69D;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_t {
    background-color: #c17563;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_i {
    background-color: #ead7c9;
    color: #795a48;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_nbbe {
    background-color: #e9c3a0;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_mi {
    background-color: #d9bb9f;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_bg {
    background-color: #98a0b3;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_sb {
    background-color: #e9c39f;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_hg {
    background-color: #9DA0A2;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_ig {
    background-color: #9EB1BD;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_nab {
    background-color: #BE9E76;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_cg {
    background-color: #53524E;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 33%;
    min-height: 55.6px;
}
.goods_color_os {
    background-color: #7E6E46;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_lhg {
    background-color: #dde2e7;
    color: #333;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 42%;
    min-height: 55.6px;
}
.goods_color_dg {
    background-color: #48515d;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_cupin_be {
    background-color: #C9BCAB;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_ca {
    background-color: #784C44;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_be {
    background-color: #E9C3A0;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_hbl {
    background-color: #24252A;
    color: #fff;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}
.goods_color_lhb {
    background-color: #EDE5D8;
    color: #000;
    padding: 2% 0;
    margin: 2% 1% 0 0;
    width: 32%;
}

p.goods_ja {
    line-height: 1;
}

.goods_table th, .goods_table td,.goods_table_gold th, .goods_table_gold td {
    text-align: center;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    border-color: #b2b2b2;
    border-image: initial;
    padding: 10px;
}
table.goods_table,table.goods_table_gold {
    margin: 0 0 5%;
    color: #333;
      border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}
.goods_table th {
    background: #f5f8fa;
    color: #333333;
    background: #faf9f6;
    color: #2f2f2f;
}
.goods_table_gold th {
    background: #f5f8fa;
    color: #333333;
    background: #faf9f6;
    color: #2f2f2f;
}
.goods_table_gold td:nth-child(1) {
    background: #f5f8fa;
    color: #333333;
    background: #faf9f6;
    color: #2f2f2f;
}
td.xs_color {
    background-color: #faf5e6;
}
td.s_color {
    background-color: #f5efdc;
}
td.m_color {
    background-color: #f1e8cc;
}
td.l_color {
    background-color: #e9ddb7;
}
td.ll_color {
    background-color: #e2d4a9;
}
td.\33 l_color {
    background-color: #d5c89f;
}


@media (max-width: 767px) {
    .goods_tab {
        padding: 1%;
    }
    .goods_color_w,.goods_color_be,.goods_color_p,.goods_color_g,.goods_color_bl,.goods_color_l,.goods_color_d,.goods_color_gn,.goods_color_mo,.goods_color_ma,.goods_color_t,.goods_color_i,.goods_color_nbbe,.goods_color_mi,.goods_color_bg,.goods_color_sb, .goods_color_hg, .goods_color_ig, .goods_color_nab, .goods_color_cg, .goods_color_os, .goods_color_dg, .goods_color_cupin_be, .goods_color_ca {
        padding: 3% 0;
        width: 45%;
    }
    .goods_color_bl.mini {
        width: 36%;
    }
    .goods_color_lhg {
        padding: 3% 0;
        width: 62%;
        min-height: auto;
        }
    .goods_color_cg {
        min-height: auto;
        width: 47%;
    }
    p.goods_futura, .goods_color_lhg p.goods_futura, .goods_color_cg {
        font-size: 4.5vw !important;
    }
     .goods_color_cg p.goods_futura {
        font-size: 4.5vw !important;
    }
    p.goods_ja {
        font-size: 3vw;
    }
} 


/* 割引価格赤 */
div#price-group .price-red,div#price-group span#sales-price.price-red {
    color: #bd2b2b !important;
}

/* カート閲覧履歴タイトル入れ替え */
.p-browsing_history__inner__title{
  display: flex;
  flex-direction: column;
}
.p-browsing_history__inner__title__en{
  order: 2;
}
.p-rbrowsing_history__inner__jp{
  order: 1;
}

/* カート追加時POP */
.cart-popup{
  display:none;
  position:fixed;
  inset:0;
  z-index:9999;
  font-size: 13px;
  font-family: "Yu Gothic Pr6N M";
}

.cart-popup__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.4);
}

.cart-popup__content{
  position:absolute;
  top:0px;
  right:0px;
  width:500px;
  background:#fff;
  padding:28px;
  box-shadow:0 20px 60px rgba(0,0,0,.18);
}

@media(max-width:768px){
  .cart-popup__content{
    top:auto;
    bottom:0;
    right:0;
    width:100%;
  }
}

.cart-popup__close{
  position:absolute;
  top:15px;
  right:20px;
  border:none;
  background:none;
  font-size:24px;
  cursor:pointer;
  z-index:20;
}

.cart-popup__product{
  display:flex;
  gap:20px;
  margin:25px 0;
  align-items:center;
}

.cart-popup__product img{
  width:100px;
}

.cart-popup__title{
    font-size: 15px;
}
/* ===== RECOMMEND ===== */

.cart-popup__recommend{
  position:relative;
  margin-top:30px;
}

.cart-popup__recommend-title{
    font-size: 15px;
    text-align: center;
    margin: 10px 10px 20px;
}
.recommend-viewport{
  overflow:hidden;
  width:100%;
}

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

.recommend-card{
  flex:0 0 calc((100% - 20px) / 3);
  text-align:left;
  font-size: 11px;
}

.recommend-card img{
  width:100%;
  margin-bottom:8px;
}

/* PC arrows */

.scroll-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:none;
  border:none;
  font-size:34px;
  cursor:pointer;
  z-index:10;
}

.scroll-arrow.left{ left:-20px; }
.scroll-arrow.right{ right:-20px; }

@media(max-width:768px){
  .scroll-arrow{
    display:none;
  }
}

/* Buttons */

.cart-popup__buttons{
  display:flex;
  gap:15px;
  margin-top:30px;
}

.btn-primary{
  flex:1;
  background:#b29442;
  color:#fff;
  padding:14px;
  text-align:center;
}

.btn-secondary{
  flex:1;
  border:1px solid #ccc;
  padding:14px;
  cursor:pointer;
}
@media(max-width:768px){
  .cart-popup__buttons {
    margin: 15px 0 20px;
}
}

/* TOP:PC追従メニュー */
@media (min-width: 769px) {
    .header-nav {
        display: block;
        /* position: fixed; */
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99;
        background: #fff;
    }

    .header-nav__list {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 48px;
        list-style: none;
        margin: 0;
        padding: 0;
        height: 48px;
    }

    .header-nav__item a {
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 0.1em;
        color: #aaa;
        text-decoration: none;
        transition: color 0.3s ease;
        font-family: futura-pt, sans-serif !important;
    }

    .header-nav__item a:hover {
        color: #111;
    }

    .header-nav__item.is-active a {
        color: #111;
    }
}

@media (max-width: 768px) {
    .header-nav {
        display: none;
    }
}

/* TOP:REVIEW */

.review {
    padding: 0 0 80px;
    overflow: hidden;
}
.review_bg {
    background-color: #fbf8ee;
}
.review-container {
    position: relative;
    margin: 0 auto 0;
    padding: 0 50px;
}
.review-wrapper {
    overflow: hidden;
}
.review-track {
    display: flex;
    gap: 10px;
}
.review-slide {
    flex: 0 0 auto;
    background: #fff;
    display: flex;
    flex-direction: column;
}
@media (min-width:769px) {
    .review-slide {
        width: calc((100% - 40px) / 5);
    }
}
@media (max-width:768px) {
    .review-container {
        padding: 0;
    }
    .review-wrapper {
        padding: 0 20px;
        overflow: hidden;
    }
    .review-track {
        padding-left: 0;
    }
    .review-slide {
        width: calc((100% - 10px) / 1.6);
    }
}
.review-img {
    width: 100%;
    display: block;
}
    
.review-name {
    font-size: 12px;
    margin-bottom: 6px;
    letter-spacing: 0em;
    font-family: "Yu Gothic Pr6N M", sans-serif !important; 
}
.review-rating {
    color: #b19757;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 6px;
}
.review-user {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-bottom: 8px;
    font-family: "Yu Gothic Pr6N B" !important;
}
.review-icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 5px;
}
.review-card {
    padding: 12px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.review-text {
    font-size: 13px;
    text-align: justify;
    line-height: 1.5;
    flex: 1;
    font-family: "Yu Gothic Pr6N M", sans-serif !important; 
}
.review-date {
    font-size: 12px;
    text-align: right;
    color: #7f7f7f;
    padding-top: 5px;
    margin-top: auto;
    }
.review-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 60px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 10;
    }
.review-nav::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    margin: auto;
}
.review-prev {
    left: 10px;
}
.review-next {
    right: 10px;
}
.review-prev::before {
    transform: rotate(-135deg);
}
    
.review-next::before {
    transform: rotate(45deg);
}

.review_notion{
    padding-top: 5px;
    text-align: right;
    font-size: 11px;
    color: #747474;
}
@media (max-width:768px) {
    .review {
        padding: 0 0 16%;
}
    .review-nav {
        display: none;
    }
}

.review-sp-nav {
    display: none;
}

@media (max-width: 768px) {
    .review-sp-nav {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 0;
        padding: 12px 10px 0;
    }

    .review-sp-nav__btn {
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
        width: 32px;
        height: 32px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .review-sp-nav__btn::before {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        border-top: 1px solid #333;
        border-right: 1px solid #333;
    }

    .review-sp-nav__btn--prev::before {
        transform: rotate(-135deg);
    }

    .review-sp-nav__btn--next::before {
        transform: rotate(45deg);
    }
    .review_notion{
        padding-top: 5px;
    }
}




/* TOP QA */
#section-qa{
    font-family: "Yu Gothic Pr6N M";
    /*background-color: #fbf8ee;*/
}
.qa-list {
    border-radius: 2px;
    max-width: 900px;
    cursor: pointer;
    margin: 0 auto;
}

.qa-list__title {
    padding: 15px 30px;
    font-weight: bold;
    letter-spacing: 0.03rem;
    position: relative;
    cursor: pointer;
    border-bottom: solid 1px #d3cdbc;
}
.qa-list__title p {
    padding-left: 22px;
    font-size: 15px;
    line-height: 1.9rem;
    font-family: "Yu Gothic Pr6N B", sans-serif !important; 
}

.qa-list__title::before {
    content: "Q";
    font-size: 20px;
    font-weight: 700;
    color: #111;
    display: block;
    position: absolute;
    font-family: futura-pt, sans-serif;
}

.qa-list__title span::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 34px;
    width: 10px;
    height: 1px;
    background: #333;
    transform: translateY(-50%);
}

.qa-list__title span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 39px;
    width: 1px;
    height: 10px;
    background: #333;
    transform: translateY(-50%);
    transition: .3s;
}

.qa-list__title.is-open span::after {
    opacity: 0;
}

.qa-list__answer {
    display: none;
    position: relative;
    padding: 15px 30px;
    letter-spacing: 0.03rem;
}

.qa-list__answer::before {
    content: "A";
    font-weight: 700;
    font-size: 20px;
    color: #bf0000;
    display: block;
    position: absolute;
    font-family: futura-pt, sans-serif;
}

.qa-list__answer p {
    padding-left: 22px;
    font-size: 14px;
    line-height: 1.6rem;
    font-family: "Yu Gothic Pr6N M", sans-serif !important; 
}

.qa-list__answer p a {
    display: inline;
    color: #666;
}

.qa-list__inner {
    padding-top: 10px;
    padding-left: 50px;
}

.qa-list__inner li {
    list-style: disc;
    padding-bottom: 8px;
    line-height: 1.7rem;
}

@media screen and (max-width: 768px) {
    #section-qa{
        padding: 1px 0 16%;
}
    .qa-list__title {
        padding: 3% 0 3% 3%;
    }

    .qa-list__title::before {
        font-size: 4vw;
        padding-top: 3px;
    }

    .qa-list__title span::before {
        right: 35px;
    }

    .qa-list__title span::after {
        right: 40px;
    }

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

    .qa-list__answer::before {
        font-size: 4vw;
        padding-top: 3px;
    }

    .qa-list__answer p {
        padding: 0 0 0 5%;
        font-size: 3.5vw;
    }

    .qa-list__inner {
        padding: 3% 0 0 5%;
    }
}
.qa-more-wrap {
    text-align: center;
    margin-top: 50px;
}
.qa-more-btn {
    display: inline-block;
    padding: 10px 55px;
    border: 1px solid #333;
    border-radius: 9999px;
    background: transparent;
    font-size: 13px;
    letter-spacing: 0.08em;
    color: #333;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.4s;
   /* font-family: "Yu Gothic Pr6N M", sans-serif !important; */
}
.qa-more-btn:hover {
    opacity:0.6;
}
/* 会員登録をしないで購入_デザイン調整 */
.register_as_member_null{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 320px;
    width: 100%;
    height: 60px;
    font-size: 16px;
    border-radius: 2px;
    transition: 0.4s;
    margin: 10px auto 0;
    border: solid 1px #b29442;
    text-decoration: none;
}
.register_as_member_null:hover {
  opacity: 0.4;
}
@media screen and (max-width: 719px) {
    .register_as_member_null {
        max-width: 380px;
        height: 50px;
    }
}


/* TOP / FEATURE：特集一覧 */
.feature {
    padding: 95px 0 90px;
    margin: 0 auto;
}
.feature_inc .feature{
    width: 90%;
}

.feature_inc .feature .product_title{
    margin: 0px 0 40px;
}

@media (max-width: 767px) {
    .feature {
        padding: 0 0 16%;
        width: 90%;
    }
    .feature_inc .feature .product_title{
        margin-top: 17%;
    }
}
.c-feature_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  column-gap: 24px;
  row-gap: 48px;
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
.c-feature_list{max-width:80%;  
  width: 100%;}
}
.feature_inc .c-feature_list {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 16px;
    row-gap: 32px;
}

.c-feature_item {
  display: flex;
  flex-direction: column;
  transition: .6s;
}

.c-feature_item:hover {
  opacity:0.5;
}

.c-feature_item__inner {
  display: flex;
  flex-direction: column;
  flex: 1; 
  text-decoration: none;
  color: inherit;
}

.c-feature_item__thumb {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  flex-shrink: 0;
}


.c-feature_item__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.c-feature_item__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 10px;
}

.c-feature_item__title {
  font-size: 0.875rem;
  line-height: 1.5;
  flex: 1;
  color: #333;
   /*font-family: yu-gothic-pr6n B !important;*/
    letter-spacing: 0.04rem;
  font-weight:bold;
}

.c-feature_item__date {
  display: block;
  font-size: 0.75rem;
  color: #888;
  margin-top: 4px;
}

@media (max-width: 767px) {
  .c-feature_list {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 16px;
    row-gap: 32px;
  }
}

/* FEATURE：特集一覧ページ */
.c-feature_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  column-gap: 24px;
  row-gap: 48px;
}

.c-feature_item {
  display: flex;
  flex-direction: column;
  transition: .6s;
}

.c-feature_item:hover {
  opacity:0.5;
}

.c-feature_item__inner {
  display: flex;
  flex-direction: column;
  flex: 1; 
  text-decoration: none;
  color: inherit;
}

.c-feature_item__thumb {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  flex-shrink: 0;
}


.c-feature_item__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.c-feature_item__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 10px;
}

.c-feature_item__title {
  /*font-family: "Yu Gothic Pr6N B";*/
  font-size: 0.875rem;
  line-height: 1.5;
  flex: 1;
}

.c-feature_item__date {
  display: block;
  font-size: 0.75rem;
  color: #888;
  margin-top: 4px;
}

@media (max-width: 767px) {
  .c-feature_list {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 16px;
    row-gap: 32px;
  }
}

/* cart：LINE・Amazonログインの見せ方変更 */
.cart_link_title{
font-family: "Yu Gothic Pr6N M";
    font-size: 14px;
    text-align: center;
    padding-bottom: 5px;
}
.cart_link_message{
    font-family: "Yu Gothic Pr6N M";
    color:#5a5a5a;
    font-size: 12px;
    text-align: center;
    padding-bottom: 10px;
}
/* order：日付指定の箇所注釈追加 */
.u-text--body.u-text--color_bl{
    color:#333 !important;
}

/* cart/order：消費税注意喚起 */
    p.tax_note {
    font-size: 13px;
    color: #9A9A9A;
}

/* footer：レイアウト修正 */
.footer__social {
    display: flex;
    justify-content: center;
    gap: 35px;
    margin: 50px auto 0;
    padding: 0;
    list-style: none;
}

.footer__social-link img {
    width: 26px;
    display: block;
}

.footer__contact-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1080px;
    margin: 50px auto 30px;
}

.footer__contact-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 40px;
    min-width: 280px;
}

.footer__divider {
    width: 1px;
    height: 110px;
    background-color: #c1c1c1;
    flex-shrink: 0;
}

.footer__contact-right {
    font-family: "Yu Gothic Pr6N M", sans-serif !important;
    padding-left: 40px;
    font-size: 13px;
    color: #666;
    line-height: 1.8em;
    letter-spacing: 0.05em;
}
.footer__contact-wrap{ 
    font-family: lato, "Yu Gothic Pr6N M", sans-serif !important;
 }

.footer__contact-btn {
    position: relative;
    display: block;
    width: 250px;
    padding: 15px 0;
    font-size: 13px;
    letter-spacing: 0.15em;
    color: #666;
    text-decoration: none;
    text-align: center;
    border: solid 1px #a2a2a2;
    margin-bottom: 15px;
}

.footer__contact-btn::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    width: 7px;
    height: 7px;
    margin: auto;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    transform: rotate(45deg);
    box-sizing: border-box;
}


.footer__tel {
    font-size: 14px;
    letter-spacing: 0.1em;
    list-style: none;
}

.footer__tel a {
    color: #666;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .footer__social {
        width: 80%;
        margin: 30px auto 0;
        gap: 20px;
    }

    .footer__contact-wrap {
        flex-direction: column;
        margin: 40px auto;
    }

    .footer__contact-left {
        padding-right: 0;
        width: 100%;
    }

    .footer__contact-btn {
        width: 80%;
        font-size: 13px;
        margin: 0 auto 20px;
    }

    .footer__divider {
        width: 90%;
        height: 1px;
        margin: 20px 0;
    }

    .footer__contact-right {
        padding-left: 0;
        font-size: 12px;
        width: 90%;
        text-align: left;
        border-bottom: solid 1px #c1c1c1;
    }
    .footer__contact-right p{
        width: 100%;
        margin: 0 auto;
        padding-bottom:20px;
    }
    
}

/* TOP:NEW */
.new {
    padding: 75px 0 25px;
}
@media (max-width: 767px) {
    .new {
        padding-bottom: 0;
    }
} 

/* TOP：ランキング修正 */
.ranking_slider_wrap {
  position: relative;
  padding: 0 48px;
}

.slick-prev-custom, .slick-next-custom {
  position: absolute;
  top: 0;
  width: 30px;
  height: 60px;
  height: auto;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
}

.slick-prev-custom { left: 15px; }
.slick-next-custom { right: 15px; }
.slick-prev-custom.slick-disabled,
.slick-next-custom.slick-disabled { display: none; }

.slick-prev-custom::before,
.slick-next-custom::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  margin: auto;
}
.slick-prev-custom::before { transform: rotate(225deg); }
.slick-next-custom::before { transform: rotate(45deg); }

.ranking_item { margin: 0 10px; }
.ranking_item img { width: 100%; display: block; }

p.ranking_jp {
  padding: 2px 0 0;
  color: #333333;
}
p.ranking_en {
  font-size: 15px;
  font-family: futura-pt, sans-serif !important;
  font-weight: 300;
  color: #7f7f7f;
}

.ranking_sp { display: none; }

@media (max-width: 767px) {
  .ranking_slider_wrap { display: none; }
  .ranking_sp { display: block; }

  .ranking_sp_scroll {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0 4vw;
    gap: 10px;
    box-sizing: border-box;
  }
  .ranking_sp_scroll::-webkit-scrollbar { display: none; }

  .ranking_sp .ranking_item {
    flex: 0 0 42vw;
    min-width: 42vw;
    margin: 0;
  }
  .ranking_sp .ranking_item img { width: 100%; display: block; }

  .ranking { padding: 1px 0 0; }
  .ranking_content { padding: 0 0 16% 0; }
  p.ranking_en { font-size: 3.8vw; line-height: 1.2; padding: 4px 0 0 0; }
}

@media screen and (max-width: 1600px) and (min-width: 768px) {
  .ranking_item { margin: 0 5px; }
  p.ranking_jp { font-size: 0.95vw; }
  p.ranking_en { font-size: 1vw; }
}

/* CART:送料改修 */
.cart-free-shipping-message {
  font-family: "Yu Gothic Pr6N M", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif !important;
  font-size: 13px;
  letter-spacing: 0.08em;
  background: #fbf8ee;
     padding: 10px 0;
}

.cart-free-shipping-price {
  font-family: "Yu Gothic Pr6N D", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif !important;
  color: #bd2b2b;
  font-size: 15px;
  font-weight: bold;
}

.cart-free-shipping-price_small {
  font-size: 10px;
}

.cart-free-shipping-free {
  font-family: "Yu Gothic Pr6N D", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif !important;
  font-weight: bold;
}

/* HEADER:送料改修 */
.cart-popup__product {
    display: flex;
    gap: 20px;
    margin: 25px 0 15px;
    align-items: center;
}
.cart-popup__recommend {
    position: relative;
    margin-top: 20px;
    border-top: solid 1px #ccc;
}
.cart-popup__recommend-title {
    font-size: 15px;
    text-align: center;
    margin: 20px 10px 20px;
}
.header-cart-free-shipping{
    font-family: "Yu Gothic Pr6N M", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif !important;
}
.header-cart-remaining-price_small{
    font-size: 12px;
}
#header-cart-subtotal{
    font-family: "Yu Gothic Pr6N M", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif !important;
    text-align: center;
    font-size: 13px;
    letter-spacing: 0.08em;
    background: #fbf8ee;
    padding: 10px;
}
.header-cart-remaining-price{
    font-family: "Yu Gothic Pr6N D", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif !important;
    color: #bd2b2b;
    font-size: 15px;
    font-weight: bold;
}
.header-cart-remaining-free{
    font-family: "Yu Gothic Pr6N D", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif !important;
    font-weight: bold;
}

.c-form_table__tel {
    flex-wrap: nowrap;
}

/* ORDER 26.05.20 :修正対応 */

.c-form_table td .formError {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin-top: 4px !important;
  width: 100% !important;
  display: block !important;
}

.c-form_table td .formErrorArrow {
  display: none !important;
}

.c-form_table td .formError {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin-top: 4px !important;
  width: 100% !important;
  display: block !important;
}

.c-form_table td .formErrorArrow {
  display: none !important;
}

#payment_method_description {
    color: #9A9A9A !important;
    font-size: 13px !important;
    margin-top: 15px;
    line-height: 1.8;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;
}

/* ===== 共通 ===== */
@media (max-width: 768px) {
    .floating-icons {
        bottom: 90px !important;
    }
}

#scroll_to_top_btn,
#scroll_to_size_wrap {
  position: fixed;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

#scroll_to_top_btn.is-visible,
#scroll_to_size_wrap.is-visible {
  opacity: 1;
  pointer-events: auto;
}

/* ===== PC: 円形TOPボタン ===== */
#scroll_to_top_btn {
  bottom: 30px;
  left: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2px;
  cursor: pointer;
  border: none;
  outline: none;
}

#scroll_to_top_btn .top_arrow {
  display: block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #333;
  border-left: 2px solid #333;
  transform: rotate(45deg);
  margin-top: 4px;
}

#scroll_to_top_btn .top_label {
  display: block;
  font-size: 9px;
  color: #333;
  letter-spacing: 0.05em;
  margin-top: 2px;
}

/* ===== SP: ラッパー（半透明背景エリア） ===== */
#scroll_to_size_wrap {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
}

/* ===== SP: ボタン本体 ===== */
#scroll_to_size_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 90%;
  padding: 16px 0;
  background: #b29442;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.08em;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 2px;
}

#scroll_to_size_btn .u-icon--cart:before {
  content: "\e905";
  font-size: 18px;
  display: inline-block;
}

/* ===== 表示切り替え ===== */
@media (min-width: 768px) {
  #scroll_to_size_wrap {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #scroll_to_top_btn {
    display: none !important;
  }
}

/* HEADER帯 26.07.09 */

/* ===== 帯全体を囲む親（レイヤー境界の継ぎ目を防ぐ） ===== */
.announce-bars {
  overflow: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

/* ===== ①縦スライド帯 ===== */
.obi-wrap {
  position: relative;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.obi_swiper-container {
  width: 100%;
  height: 40px;
  overflow: hidden;
}
.obi_swiper-container .swiper-wrapper {
  height: 100%;
  background-color: #b29442;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.obi_swiper-container .swiper-slide {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
  text-align: center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.obi_swiper-container .swiper-slide a {
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.obi_swiper-container .swiper-slide p {
  line-height: 1.4;
}
.obi_swiper-container .swiper-slide img {
  display: block;
  height: 100%;
  width: auto;
  flex-shrink: 0;
}
.obi-slide-1,
.obi-slide-2 {
  background-color: #BE9539;
}

/* ===== ②画像繰り返し帯（obi-slide-2として①のスライドに統合） ===== */
.banner-repeat {
  width: 100%;
  height: 100%;
  background-image: url('/user_data/packages/202609_bambiwater/assets/img/obi_sale.webp');
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: center;
}

/* ===== （現在未使用）センター表示帯 ===== */
.banner-center {
  position: relative;
  background-color: #ececec;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  height: 40px;
}
.banner-center img {
  display: block;
  height: 100%;
  width: auto;
  flex-shrink: 0;
}

/* ===== ×ボタン 共通（全帯で同じ見た目になるよう統一） ===== */
.obi-wrap__close,
.banner-center__close {
  position: absolute !important;
  right: 20px !important;
  top: calc(50% - 12px) !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.85) !important;
  border: none !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 10 !important;
  box-sizing: border-box !important;
}
.obi-wrap__close i,
.banner-center__close i {
  display: block !important;
  width: auto !important;
  height: auto !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-family: inherit !important;
  color: #333 !important;
}

/* ===== SP ===== */
@media (max-width: 768px) {
  .banner-center {
    background-color: #ececec;
  }
  .obi_swiper-container,
  .obi_swiper-container .swiper-slide {
    height: 40px;
  }
  .obi-wrap__close,
  .banner-center__close {
    right: 8px !important;
    top: calc(50% - 10px) !important;
    width: 20px !important;
    height: 20px !important;
  }
  .obi-wrap__close i,
  .banner-center__close i {
    font-size: 12px !important;
  }
}

/* TOP インタビュー動画 26.07.09 */
.tpj_mv{
    padding-bottom: 40px;
    margin: 0 auto;
    max-width: 1350px;
    width: 50%;
    position: relative;
    overflow: hidden;
}
@media screen and (min-width: 1600px) {
  .tpj_mv{
    width: 30%;
}
}
@media (max-width: 767px) {
    .tpj_mv {
        width: 91%;
        padding-bottom: 0;
    }
}
.tpj_mv iframe{
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    border: none;
}
/* HEADER:メニュー改修 26.07.17 */
.c-gmenu__container__inner__list {
    border-top-style: none;
}
.c-gmenu__container {
  overflow: visible;
  position: relative;
}

.c-gmenu__container__inner {
  overflow-y: auto;
  height: 100%;
  max-height: 100vh;
  -webkit-overflow-scrolling: touch;
  padding:0 0 50px !important
}

.c-gmenu {
    transform: none !important;
    }
.c-gmenu__overlay {
    background: #000;
    opacity: 0.2;
}
.p-category_menu .p-category_menu__text {
    padding-left: 20px;
}
.c-gmenu__container__close .u-icon--close {
  position: absolute;
  z-index: 999;
  background: #fff;
  border-radius: 125px;
  padding: 7px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.c-gmenu__container__close {
    right: -10px;
    top: 10px;
}

.p-category_menu{
 padding:0px;
}
.p-category_menu__toggle {
    padding: 20px  !important;
}
.c-gmenu__text {
font-family: "Yu Gothic Pr6N M", sans-serif;
  font-size: 15px;
  
}
.c-gmenu__icon::before {
  content: "\e900";
  font-family: "icon", sans-serif !important;
  font-style: normal;
  font-size: 22px;
  line-height: 1;
  display: block;
}

.c-gmenu__icon--user::before {
  content: "\e900";
}

.c-gmenu__icon--login::before {
  content: "";
  display: block;
  width: 22px; 
  height: 22px;
  background-image: url("https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/index/img/login-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}

.c-gmenu__icon--mypage::before {
  content: "\e90c";
}

.c-gmenu__icon--heart::before {
  content: "\e90a";
}

.c-gmenu__icon--bag::before {
  content: "\e905";
}

.c-gmenu__icon--logout::before {
  content: "";
  display: block;
  width: 22px; 
  height: 22px;
  background-image: url("https://d2w53g1q050m78.cloudfront.net/bambiwaterjp/uploads/bambiwaterjp_lp/index/img/logout-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}

.c-gmenu__container__inner__auth {
  padding: 20px
}

.c-gmenu__container__inner__auth__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-gmenu__container__inner__auth__grid__item__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 20px 8px;
  border: 1px solid #a3a3a3;
  text-decoration: none;
  color: inherit;
  font-size: 14px;
}

.c-gmenu__container__inner__section-label {
  padding: 10px 16px;
  background-color: #f5f5f5;
  font-size: 13px;
  font-family: "Yu Gothic Pr6N M", sans-serif;
}

.c-gmenu__container__inner__support__item__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid #D8DDDF;
  text-decoration: none;
  font-size: 14px;
  color: inherit;
}

.c-gmenu__icon--arrow::before {
  content: "\e901";
  font-size: 24px;
}
@media (max-width: 767px) {
.c-gmenu__container__close {
        right: -5px;
        top: 5px;
    }
.c-gmenu__icon::before {
    font-size: 19px;
}
.c-gmenu__icon--login::before,.c-gmenu__icon--logout::before {
  width: 19px; 
  height: 19px;
}
.c-gmenu__container__inner__auth__grid__item__inner {
    gap: 6px;
    padding: 15px 8px;
    font-size: 12px;
}
.c-gmenu__icon--arrow::before {
    font-size: 24px;
}
}

/* search:検索結果改修 26.07.29 */
.searches_top{
    padding-top: 80px;
}
@media (max-width: 767px) {
	.searches_top{
	    padding-top: 30px;
	}
} 
.custom-options > ul {
    display: none;
}

/* 商品カテゴリー名を非表示 26.09.08 */
#product-category,
.c-cart_item__info__category,
.c-product_item__inner__category {
  display: none !important;
}

/* 絞り込み検索から「新商品速報」を非表示 26.09.08 */
#q_products_product_categories_product_category_id_eq option[value="32005"],
#q_products_product_categories_product_category_id_eq
  + .js-custom-select
  .custom-option[data-value="32005"] {
  display: none !important;
}

/* カートページではカテゴリーの表示領域だけ残す 26.09.09 */
#cart-show-view .c-cart_item__info__category {
  display: block !important;
  visibility: hidden !important;
}