/* ===============================*/
/* 共通 */
/* ===============================*/
html, body {
  overflow-x: hidden;
}

.l-footer__info__store__sns__item i {
  font-size: 34px!important;
}

.l-footer__info__store__sns .u-icon--twitter:before {
  width: 26px!important;
  height: 26px!important;
}

@media(max-width: 768px) {
  .furusatonouzei li a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* 読み込み時の白フェード */
/* -------------------------- */
#ap-loading-screen {
  position: fixed;
  inset: 0;
  background: white;
  z-index: 99999;
  opacity: 1;
  transition: opacity .6s ease;
}
#ap-loading-screen.is-hide {
  opacity: 0;
  pointer-events: none;
}
/* -------------------------- */

.max1000px-br {
  display: none;
}


/* 最小限の強制上書き：共通テキスト系だけ */
body, 
section, 
article, 
address, 
div, 
ul, 
ol, 
li, 
table, 
tr, 
th, 
td, 
dl, 
dt, 
dd, 
h1, 
h2, 
h3, 
h4, 
h5, 
p, 
a, 
span, 
strong, 
small, 
b, 
pre, 
form, 
input, 
select, 
textarea, 
button,
#index-view section {
  font-family: 'Jost', 'Noto Sans JP', system-ui, -apple-system,
               'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
}

.inter {
	font-family: "Inter", sans-serif!important;
}

.Koulen {
  font-family: "Koulen", sans-serif!important;
}

.c-section_title {
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 24px); /* タイトルと線の間隔（可変） */
  color: #000;                 /* 線の色に currentColor を使うならここで指定 */
  /* 既存の position/::before は不要なので削除 */
}

.c-section_title::after {
  content: "";
  flex: 1 1 auto;   /* 残り幅をすべて取得 */
  height: 1px;
  background: currentColor; /* タイトル色と揃える。固定色なら #000 でもOK */
  min-width: 0;      /* 収縮を許可（Safar 対策） */
}

.c-section_title__head {
  margin: 0;
  line-height: 1;
  /* タイトルを折り返したくないなら */
  white-space: nowrap; /* 必要に応じて外してOK */
  font-size: 32px!important;
  letter-spacing: .3em !important;
  color: #000 !important;
  font-weight: 500!important;
}

/* RECOMMENDED ITEMSのh2タイトルにも同じスタイルを適用 */
.p-new_product__title__en,
.p-recommend_product__inner__title__en,
.p-new_product .p-new_product__title__en,
.p-recommend_product .p-recommend_product__inner__title__en {
  margin: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  font-size: 32px !important;
  letter-spacing: .3em !important;
  color: #000 !important;
  font-weight: 500 !important;
}

/* p-review__inner__title（h2要素自体）にも同じスタイルを適用 */
.p-review__inner__title {
  margin: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  font-size: 32px !important;
  letter-spacing: .3em !important;
  color: #000 !important;
  font-weight: 500 !important;
}

/* p-new_product__titleにc-section_titleと同じ線を追加 */
.p-new_product__title,
.p-recommend_product__inner__title,
.p-review__inner__title {
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 24px);
  color: #000;
}

.p-new_product__title::after,
.p-recommend_product__inner__title::after,
.p-review__inner__title::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: currentColor;
  min-width: 0;
}

/* もしセクションごとに線の色を変えたいなら */
section:has(.p-category_ranking_section) .c-section_title { color: #000; }
/* タイトル背景で線を隠す“覆い”は不要なので、以下の ::before は削除 */


.u-margin__top--80 {
  margin: 0!important;
}

@media(max-width: 1106px) {
  .p-new_product__title {
    padding-right: 50px;
  }
/* TOPページの閲覧リれきのタイトルのみ */
  section:has(.recently-viewed) .p-new_product__title {
    padding-right: 50px;
  }
}

@media(max-width: 999px) {
  .max1000px-br {
    display: block;
  }
}

@media(max-width: 768px) {
  .c-section_title {
    gap: 7px;
  }

  .p-new_product__title,
  .recently-viewed__title {
    padding-right: 20px;
  }

  section:has(.p-category_ranking_section) {
    margin-bottom: 0!important;
  }

.p-new_product__title__en,
.p-recommend_product__inner__title__en,
.p-new_product .p-new_product__title__en,
.p-recommend_product .p-recommend_product__inner__title__en {
  font-size: 19px !important;
}

.p-review__inner__title {
  font-size: 22px !important;
}

.p-new_product__title,
.p-recommend_product__inner__title,
.p-review__inner__title {
  padding-right: 0;
  margin-right: 20px;
  gap: 9px;
}
}


/* ===============================*/
/* メインビジュアル */
/* ===============================*/
.mv-inner {
  margin: 0 auto;
  /* max-width: 1000px; */
  width: calc(660px + 31px);
}

.mv__wrap {
  display: flex;
  gap: 4.5vw;
}

.p-mv-splide {
  width: 100%;
  position: relative;
  margin-left: auto;
}

.p-mv-splide .splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.p-mv-splide .splide__track {
  position: relative;
  z-index: 0;
  padding: 15px 15px 15px 12px!important;
  overflow: hidden; /* 余白内で影を見せる */
  margin-left: -32.15vw;
}

/* リスト/スライドはトラック高に追従 */
.p-mv-splide .splide__list,
.p-mv-splide .splide__slide { height: 100%; }

/* リストのオーバーフローも可視化（影を切らない） */
.p-mv-splide .splide__list { overflow: visible; }

/* 各スライドごとに角丸と影を付与 */
.p-mv-splide .splide__slide {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 2.74px 5.49px 10.97px rgba(0,0,0,.29);
}

.p-mv-splide .splide__pagination {
  position: absolute;
  right: 0;
  bottom: -26px; /* 外側に出す */
  transform: none;
  direction: ltr !important;
  display: flex;
  flex-direction: row !important;
  justify-content: flex-end;
  margin-top: 0;
  z-index: 4;
}
.p-mv-splide .splide__pagination li {
  direction: ltr !important;
  display: flex;
}
.p-mv-splide .splide__pagination__page {
  background: #fff;
  opacity: 1!important;
  width: 10px !important;
  height: 10px !important;
  padding: 0 !important;
  margin: 0 14px 0 0;
  border: 0 !important;
  border-radius: 50% !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  transform: none !important;
  transition: background .3s;
}
.p-mv-splide .splide__pagination__page.is-active {
  background: #292929;
  transform: none !important;
}

.p-mv-splide .splide__pagination li:last-child .splide__pagination__page {
  margin-right: 0;
}

/* 前へ矢印だけ非表示 */
.p-mv-splide .splide__arrow--prev { display: none; }

/* 次へ矢印をスライド右下に重ねて配置 */
.p-mv-splide .splide__arrow--next {
  position: absolute;
  right: 30px;
  bottom: 30px;
  top: auto;
  left: auto;
}

.p-mv-splide .splide__arrow { 
  pointer-events: auto;
  z-index: 16;
  width: 56.4px;
  height: 56.4px;
  border-radius: 50%;
  background-color: #46BFDE;
  opacity: 1!important;
}

.p-mv-splide .splide__arrow svg { display: none; }
.p-mv-splide .splide__arrow--next {
  background-image: url("data:image/svg+xml;utf8,<svg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.37134 1.37131L6.64082 6.55147L1.37134 11.9103' stroke='white' stroke-width='2.74259' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: 52% 50%;
  background-size: 14px auto; /* アイコンサイズ（アスペクト比を維持） */
  width: 56.4px;
  height: 56.4px;
  box-shadow: 1.65px 1.65px 2.19px 0 rgba(0, 0, 0, 0.3);
}


#index-view .p-mv-splide .splide__arrow--next {
  position: absolute;
  right: 30px;
  bottom: 30px;
  top: auto;
  left: auto;
  transform: initial!important;
}
#index-view .p-mv-splide .splide__arrow--prev { display: none !important; }
#index-view .p-mv-splide .splide__pagination {
  position: absolute !important;
  right: 0 !important;
  bottom: -26px !important;
  transform: none !important;
  z-index: 4 !important;
}
/* #index-view .p-mv-splide .splide__pagination__page {
  width: 8px !important;
  height: 8px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  transform: none !important;
} */
#index-view .p-mv-splide .splide__pagination__page.is-active {
  transform: none !important;
}


.mv__lv2-heading__icon {
  display: block;
  width: 42px;
  margin-top: 10px;
}

.mv__lv2-heading__icon img {
  width: 100%;
}

.mv__lv2-heading {
  writing-mode: vertical-rl;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 80px;
  z-index: 0;
}

.mv__lv2-heading__icon-wrap {
  display: flex;
  justify-content: center;
}

.mv__lv2-heading__text {
  color: #fff;
  font-size: 36px;
  font-weight: 500;
  margin-top: 52px;
}

.mv__lv2-heading__text--black {
  color: #000;
}

section:has(.mv-inner) {
  position: relative;
  margin-top: 42px;
  margin-bottom: 55px;
}

section:has(.mv-inner):before {
  content: '';
  position: absolute;
  top: 192px;
  left: 0;
  width: 100%;
  height: 600px;
  background-color: #46BFDE;
  /* background: linear-gradient(
    to bottom,
    #46BFDE 17%,
    #46BFDE 72%,
    rgba(70, 191, 222, 0) 100%
  ); */
}

section[data-section-type="banner"] {
  background-color: #46BFDE!important;
}


@media(min-width: 1920px) {
  .mv-inner {
    max-width: initial;
    width: 60%;
  }
}

@media(max-width: 959px) {
  .mv__lv2-heading {
    margin-top: 37px;
  }
}

@media(max-width: 768px) {
  section:has(.mv-inner) {
    margin-top: 3.5vw;
    margin-bottom: 6.2vw;
  }

  .p-mv-splide .splide__track {
    padding: 15px 13px 15px 12px!important;
    margin-left: -20px;
  }

  .p-mv-splide .splide__slide {
    max-width: 98.5%;
  }

  .p-mv-splide {
    margin-right: -15px;
  }

  .mv-inner {
    width: 100%;
    padding-left: 6px;
    padding-right: 20px;
  }

  .mv__lv2-heading__text {
    font-size: clamp(24px, 5.97vw, 36px);
    margin-top: 6.85vw;
  }

  .mv__lv2-heading__icon {
    width: 7.25vw;
    margin-top: 2vw;
  }

  .mv__wrap {
    gap: 19px;
  }

  .mv__lv2-heading {
    margin-top: 9px;
  }

  section:has(.mv-inner):before {
    top: 23.05vw;
    /* height: calc(82.7vw + 575px); */
    height: calc(82.7vw + -14px);
  }

  /* スマホ版：矢印全体のサイズ変更 */
  .p-mv-splide .splide__arrow {
    width: 27px;
    height: 27px;
  }

  /* スマホ版：次へ矢印のスタイル */
  .p-mv-splide .splide__arrow--next {
    background-image: url("data:image/svg+xml;utf8,<svg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.37134 1.37131L6.64082 6.55147L1.37134 11.9103' stroke='white' stroke-width='2.74259' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: 52% 50%;
    background-size: 9px auto; /* アイコンサイズ（アスペクト比を維持） */
  }

  #index-view .p-mv-splide .splide__pagination__page {
    width: 6px !important;
    height: 6px !important;
  }

  .p-mv-splide .splide__pagination__page {
    margin: 0 12px 0 0;
  }

  .p-mv-splide .splide__pagination li:last-child .splide__pagination__page {
    margin-right: 0;
  }

  #index-view .p-mv-splide .splide__pagination {
    bottom: -5px !important;
  }

}

@media(max-width: 768px) {
  .p-mv-splide .splide__slide {
    border-radius: 0 10px 10px 0;
  }
}

@media(max-width: 401px) {
  .mv__lv2-heading__text {
    margin-top: 14px;
    font-size: 22px;
  }
}


/* ===============================*/
/* MV下バナー群 */
/* ===============================*/
  
.p-banner_section {
  z-index: 1;
  position: relative;
  max-width: 660px;
  row-gap: 28px!important;
}

.p-banner_section .p-banner {
  width: 100%!important;
}

[data-section-type="banner"] .u-margin__bottom--80 {
  margin-bottom: 0!important;
}

[data-section-type="banner"] .u-margin__top--80 {
  margin-top: 0!important;
}

.p-banner_section [data-pc-columns="3"] {
  column-gap: 22px!important;
  grid-template-columns: repeat(3, minmax(0, 1fr))!important;
  --pc-banner-width: initial!important;
}

.p-banner_section [data-pc-columns="3"] > * {
  width: 100%;
}

.p-banner__image img {
  width: 100%;
}

@media(max-width: 768px) {
  [data-section-type="banner"] {
    padding: 0 20px;
  }
  .p-banner_section [data-pc-columns="3"] {
    column-gap: 12px !important;
  }
  .p-banner_section {
    row-gap: 12px !important;
  }
}



/* ===============================*/
/* ランキング全体のレイアウト */
/* ===============================*/
section:has(.custom-ranking-section) {
  background-color: #f0f0f0!important;
}

.custom-ranking-section {
  /* background-color: #f0f0f0!important; */
  margin-bottom: 80px!important;
}

.p-category_ranking_section__content {
  padding-block-start: 0!important;
}

.p-category_ranking_section__content {
  padding-block: 0!important;
}

.p-category_ranking_section {
	max-width: 1300px;
  width: min(100%, 1300px);
  padding: 92px 50px 30px;
}

.c-product_item__inner__eyecatch__image img {
	aspect-ratio: initial!important;
}

.p-category_ranking_section__more {
	display: none;
}

.p-category_ranking_section__product {
    display: flex;
    align-items: center;
}

.c-product_item__inner__eyecatch__tags__new {
	display: none;
}

  /* ランキングセクション：背景が白い画像を使用するため、mix-blend-modeを適用しない */
  section:has(.p-category_ranking_section) .c-product_item {
	opacity: 1;
	transition: opacity 0.3s ease;
  }

  section:has(.p-category_ranking_section) .c-product_item:hover {
	opacity: 0.7;
  }

  /* シンプルなホバー効果（以前のap.css 360-363行目と同じ） */
  .c-product_item {
	mix-blend-mode: multiply;
	transition: opacity 0.3s ease;
  }

  .c-product_item:hover {
	opacity: 0.7;
  }

  /* p-new_productセクション：背景色を設定（ランキングセクションと同じ方法） */
  section[data-section-type="new_product"] {
	background-color: #f0f0f0;
  }
  
  /* p-new_productセクション：section:not([data-section-type="sale_ranking"])ルールのposition: relativeを無効化 */
  section[data-section-type="new_product"] .p-new_product .c-product_item .c-product_item__inner__eyecatch {
	position: static !important;
	z-index: auto !important;
  }
  
  /* p-new_productセクション（data-section-type="new_product"のみ）：padding-topを無効化、transformを設定（<img>タグ用） */
  section[data-section-type="new_product"] .p-new_product .c-product_item .c-product_item__inner__eyecatch__img {
	padding-top: 0 !important;
	transform: none !important;
	-webkit-transform: none !important;
  }
  
  /* レコメンドセクション（item_based_recommend）：padding-topを100%に設定（background-image用） */
  section[data-section-type="item_based_recommend"] .p-new_product .c-product_item .c-product_item__inner__eyecatch__img {
	padding-top: 100% !important;
  }
  
  /* <img>タグ用のスタイル調整（data-section-type="new_product"のみ） */
  section[data-section-type="new_product"] .p-new_product .c-product_item .c-product_item__inner__eyecatch__img img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
	mix-blend-mode: multiply;
	transition: mix-blend-mode 0.3s ease;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
  }
  
  /* p-new_productセクション：ホバー効果（画像要素には直接mix-blend-modeを適用） */
  section[data-section-type="new_product"] .p-new_product .c-product_item {
	opacity: 1;
	transition: opacity 0.3s ease;
  }

  section[data-section-type="new_product"] .p-new_product .c-product_item:hover {
	opacity: 0.7;
  }
  
  /* iOSでもスクロールの慣性を有効にする（-webkit-overflow-scrolling: touch を維持） */

  /* その他のセクション：画像要素に直接mix-blend-modeを適用（ランキング以外、p-new_productは上で定義したより具体的なセレクタで上書きされる） */
  section:not([data-section-type="sale_ranking"]) .c-product_item .c-product_item__inner__eyecatch img,
  section:not([data-section-type="sale_ranking"]) .c-product_item .c-product_item__inner__eyecatch__image img,
  section:not([data-section-type="sale_ranking"]) .c-product_item .c-product_item__inner__eyecatch__img {
	mix-blend-mode: multiply;
	transition: mix-blend-mode 0.3s ease;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
  }

  /* 画像要素の親を親のopacityの影響から分離 */
  section:not([data-section-type="sale_ranking"]) .c-product_item .c-product_item__inner__eyecatch {
	opacity: 1;
	transition: opacity 0.3s ease;
	/* iOS Safariでmix-blend-modeを正しく動作させるため */
	position: relative;
	z-index: 0;
  }

  /* bundle.cssの.c-product_item:hover { opacity: 0.4; }を上書きして、透過効果を適用 */
  section:not([data-section-type="sale_ranking"]) .c-product_item {
	opacity: 1;
	transition: opacity 0.3s ease;
  }

  @media (hover: hover) {
    section:not([data-section-type="sale_ranking"]) .c-product_item:hover {
      opacity: 0.7;
    }

    /* ホバー時も画像要素の親はopacity: 1を維持（画像要素を親のopacityの影響から分離） */
    section:not([data-section-type="sale_ranking"]) .c-product_item:hover .c-product_item__inner__eyecatch {
      opacity: 1 !important;
    }

    section:not([data-section-type="sale_ranking"]) .c-product_item:hover .c-product_item__inner__eyecatch img,
    section:not([data-section-type="sale_ranking"]) .c-product_item:hover .c-product_item__inner__eyecatch__image img,
    section:not([data-section-type="sale_ranking"]) .c-product_item:hover .c-product_item__inner__eyecatch__img {
      mix-blend-mode: multiply !important;
      transform: translateZ(0);
    }
  }


#ranking-all li:nth-child(1) .c-product_item {
	background-color: initial;
}

/* 右側（2位・3位）の“商品カード本体”をフレックスにする */
#ranking-all li:nth-child(2) .c-product_item,
#ranking-all li:nth-child(3) .c-product_item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 28px;
  border-radius: 8px;
  padding: 41px 18px;
  box-sizing: border-box;
  background-color: initial;
}

#ranking-all li:nth-child(2) .c-product_item {
  padding-top: 0;
}

#ranking-all li:nth-child(2) {
border-bottom: 3px solid #ffffff;
}

/* 画像側の幅 */
#ranking-all li:nth-child(2) .c-product_item__inner__eyecatch,
#ranking-all li:nth-child(3) .c-product_item__inner__eyecatch {
  flex: 0 0 40%;
  max-width: 40%;
  margin-right: 13px;
}

/* 画像の収まり */
#ranking-all li:nth-child(2) .c-product_item__inner__eyecatch__image img,
#ranking-all li:nth-child(3) .c-product_item__inner__eyecatch__image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* テキスト側の幅 */
#ranking-all li:nth-child(2) .c-product_item__inner__content,
#ranking-all li:nth-child(3) .c-product_item__inner__content {
  flex: 1 1 auto;
  min-width: 0; /* テキスト改行用 */
}

/* 1位は左で大きく（そのまま） */
#ranking-all {
  display: grid;
  grid-template-columns: 305fr 527fr;
  grid-template-rows: repeat(2, auto);
  column-gap: 68px;
  row-gap: 0;
}
#ranking-all li:nth-child(1) { grid-row: 1 / span 2; }

.c-product_item__inner__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0;
  color: #000;
}

.c-product_item__inner__title.u-text--subhead {
  font-size: 14px !important;
  color: #333 !important;
  font-weight: 500 !important;
}

.c-product_item__inner__price {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0;
}

.c-product_item__review .star {
  color: #ccc;
}

.c-product_item__review .star.is-active {
  color: #46BFDE;
}

.review-count {
  font-size: 14px;
  font-weight: 400;
}


.c-product_item__inner__content-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;     /* 中央寄せ */
	justify-content: center;
	gap: 42px;
	margin: 10px auto 0;
  max-width: 314px;
}
  
.c-product_item__inner__content-wrapper svg {
width: 70px;
height: 90px;
opacity: 1 !important;
visibility: visible !important;
}

/* rank-badgeの表示とサイズ設定 */
.rank-badge {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}

.rank-badge--1 {
width: 70px;
height: 90px;
}

/* fill="white"属性を持つpath要素だけを白にする */
.c-product_item__inner__content-wrapper svg path[fill="white"],
.c-product_item__inner__content-wrapper svg path[fill="white"] *,
.rank-badge path[fill="white"],
.rank-badge--1 path[fill="white"],
svg.rank-badge path[fill="white"],
svg.rank-badge--1 path[fill="white"] {
fill: #ffffff !important;
opacity: 1 !important;
}

/* d属性で特定のpath要素を白にする（より確実な方法） */
.rank-badge--1 path[d^="M67.2778"],
.c-product_item__inner__content-wrapper svg path[d^="M67.2778"] {
fill: #ffffff !important;
opacity: 1 !important;
}

.c-product_ranking__text {
	display: none;
}

.c-product_ranking[data-is-top-three]::before {
   display: none;
}
  
.rank-badge.rank-badge--2,
.rank-badge.rank-badge--3 {
	display: block;
	width: 46px;
	flex-shrink: 0!important;
}

.c-product_item__actions {
    display: none;
}

.p-product_list__list .c-product_item__actions {
  display: flex;
}

/* スマホ版デザイン対応（959px以下） */
@media (max-width: 959px) {
  .p-category_ranking_section {
    padding: 80px 50px;
    max-width: 100%;
  }

  #ranking-all {
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
  }

  #ranking-all li:nth-child(2) .c-product_item,
  #ranking-all li:nth-child(3) .c-product_item {
    flex-direction: column;
    padding: 0;
    gap: 10px;
  }

  #ranking-all li:nth-child(2) .c-product_item__inner__eyecatch,
  #ranking-all li:nth-child(3) .c-product_item__inner__eyecatch {
    max-width: 100%;
    margin-right: 0;
  }

  .rank-badge {
    width: fit-content;
    max-width: 70px;
    height: auto;
  }

  .c-product_item__inner__content-wrapper {
    flex-direction: column;
    margin: 0;
    gap: 0;
  }

  .c-product_item__inner__content-wrapper svg {
    width: 17.4vw;
    height: auto;
  }

  .p-category_ranking_section__products {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }

  /* 1位の商品を大きく表示（全幅） */
  .p-category_ranking_section__product:first-child {
    grid-column: 1 / -1;
    width: 100%;
    margin-bottom: 0;
    display: block;
  }

  /* 1位の後に区切り線を追加 */
  .p-category_ranking_section__product:first-child::after {
    display: none;
  }

  /* 2位と3位を横並びにする */
  .p-category_ranking_section__product:nth-child(2),
  .p-category_ranking_section__product:nth-child(3) {
    display: block;
    width: 100%;
  }

  .p-category_ranking_section__product:first-child {
    display: block !important;
  }

  .p-category_ranking_section__product:first-child .c-product_item {
    flex-direction: row;
    align-items: flex-start;
    background-color: #f0f0f0;
    padding: 20px;
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 0;
  }

  .p-category_ranking_section__product:first-child .c-product_item__inner__eyecatch {
    width: 56%;
    margin-bottom: 0;
    flex-shrink: 0;
  }

  .p-category_ranking_section__product:first-child .c-product_item__inner__eyecatch__image {
    width: 100%;
    aspect-ratio: 1 / 1;
  }

  .p-category_ranking_section__product:first-child .c-product_item__inner__eyecatch__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .p-category_ranking_section__product:first-child .c-product_item__inner__content {
    width: 100%;
    flex-shrink: 0;
  }

  .p-category_ranking_section__product:first-child .c-product_item__inner__title {
    font-size: 13px;
    line-height: 1.18;
    margin-bottom: 8px;
  }

  .p-category_ranking_section__product:first-child .c-product_item__inner__price {
    font-size: 13px;
    margin-bottom: 8px;
    line-height: 1em;
    letter-spacing: 0;
  }

  .p-category_ranking_section__product .c-product_item__inner__price {
    margin-top: 6px;
    line-height: 1em;
    letter-spacing: 0;
  }

  .p-category_ranking_section__product .u-text--body {
    font-size: 13px !important;
  }

  .p-category_ranking_section__product .u-text--subhead {
    font-size: 13px!important;
  }

  .p-category_ranking_section__product:first-child .c-product_item__review {
    margin-top: 8px;
  }

  /* 2位と3位を横並びで小さく表示 */
  .p-category_ranking_section__product:nth-child(2),
  .p-category_ranking_section__product:nth-child(3) {
    margin-bottom: 0;
    position: relative;
    display: block;
  }

  .p-category_ranking_section__product:nth-child(2),
  .p-category_ranking_section__product:nth-child(3) {
    display: block !important;
  }

  .p-category_ranking_section__product:nth-child(2) .c-product_item,
  .p-category_ranking_section__product:nth-child(3) .c-product_item {
    flex-direction: column;
    align-items: flex-start;
    background-color: #f0f0f0;
    padding: 20px;
    border-radius: 0;
    height: 100%;
    display: flex;
  }

  .p-category_ranking_section__product:nth-child(2) .c-product_item__inner__eyecatch,
  .p-category_ranking_section__product:nth-child(3) .c-product_item__inner__eyecatch {
    width: 100%;
    margin-bottom: 0;
  }

  .p-category_ranking_section__product:nth-child(2) .c-product_item__inner__eyecatch__image,
  .p-category_ranking_section__product:nth-child(3) .c-product_item__inner__eyecatch__image {
    width: 100%;
    aspect-ratio: 1 / 1;
  }

  .p-category_ranking_section__product:nth-child(2) .c-product_item__inner__eyecatch__image img,
  .p-category_ranking_section__product:nth-child(3) .c-product_item__inner__eyecatch__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .p-category_ranking_section__product:nth-child(2) .c-product_item__inner__content,
  .p-category_ranking_section__product:nth-child(3) .c-product_item__inner__content {
    width: 100%;
    margin-top: 9px;
  }

  .p-category_ranking_section__product:nth-child(2) .c-product_item__inner__title,
  .p-category_ranking_section__product:nth-child(3) .c-product_item__inner__title {
    font-size: 13px;
    line-height: 1.01;
    margin-bottom: 8px;
  }

  .p-category_ranking_section__product:nth-child(2) .c-product_item__inner__price,
  .p-category_ranking_section__product:nth-child(3) .c-product_item__inner__price {
    font-size: 13px;
    margin-bottom: 8px;
  }

  .p-category_ranking_section__product:nth-child(2) .c-product_item__review,
  .p-category_ranking_section__product:nth-child(3) .c-product_item__review {
    margin-top: 0;
  }

  /* 2位と3位のコンテナを横並びにする */
  .p-category_ranking_section__product:nth-child(2) {
    padding-right: 0;
  }

  .p-category_ranking_section__product:nth-child(3) {
    padding-left: 0;
  }

  /* ランキング番号を表示 */
  .c-product_ranking__text {
    display: block !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.445;
  }

  /* 4位以降は非表示または通常表示 */
  .p-category_ranking_section__product:nth-child(n+4) {
    display: none;
  }

  #ranking-all li:nth-child(2) {
    border-bottom: none;
    position: relative;
  }

  #ranking-all li:nth-child(2)::after {
    content: '';
    display: block;
    width: 3px;
    height: 80%;
    background-color: #ffffff;
    top: 10%;
    right: -15px;
    position: absolute;
  }

  .review-count {
    font-size: 12px;
    letter-spacing: 0;
  }
}

@media(max-width: 768px) {
  .p-category_ranking_section {
    padding: 70px 20px 30px;
  }

  .c-section_title__head {
    font-size: 22px !important;
  }

  .c-product_item {
    opacity: 1 !important;
  }

  .c-product_item:hover {
    opacity: 1 !important;
  }

  .c-product_item__link {
    opacity: 1 !important;
  }
}

@media(max-width: 719px) {
  .custom-ranking-section {
    margin-bottom: 0 !important;
  }
}



/* ===============================*/
/*　TOP SEARCH SECTION *
/* ===============================*/
.top-search {
  width: 100%;
  padding: 78px 0;
  position: relative;
  z-index: 0;
}

.top-search:after {
  content: '';
  display: block;
  width: 100%;
  height: 552px;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    to bottom,
    #46BFDE 0%,
    #46BFDE 30%,
    rgba(70, 191, 222, 0) 100%
  );
}

.top-search__inner {
  max-width: 1771px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}

.top-search__cat-tag--46BFDE {
  background-color: #46BFDE;
}

.top-search__cat-tag--797575 {
  background-color: #797575;
}

.top-search__cat-tag--66B671 {
  background-color: #66B671;
}

.top-search__cat-tag--F78952 {
  background-color: #F78952;
}

.top-search__cat-tag--EF6A6A {
  background-color: #EF6A6A;
}

.top-search__cat-tag--72CACA {
  background-color: #72CACA;
}

.top-search__cat-tag--B9897F {
  background-color: #B9897F;
}

.top-search__cat-tag--F498A6 {
  background-color: #F498A6;
}

.top-search__cat-tag--9FAE9F {
  background-color: #9FAE9F;
}

.top-search__cat-tag--B583BB {
  background-color: #B583BB;
}

.top-search__cat-tag--DEB500 {
  background-color: #DEB500;
}


.top-search__cat-tag--85A7E1 {
  background-color: #85A7E1;
}

.top-search__cat-tag--B9897F {
  background-color: #B9897F;
}



/* サイドバー表示時もtop-search__innerが表示されるようにする */
/* bodyがposition: fixedになることで位置がずれるのを防ぐ */
html.js-prevent-body-scroll .top-search {
  position: relative;
  z-index: 0;
  /* bodyがposition: fixedになっても表示されるようにする */
  visibility: visible;
  opacity: 1;
}

html.js-prevent-body-scroll .top-search__inner {
  position: relative;
  z-index: 1;
  /* bodyのtopプロパティが設定されている場合でも表示されるようにする */
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  visibility: visible;
  opacity: 1;
  /* 背景色を明示的に設定（白い画面になるのを防ぐ） */
  background-color: transparent;
}

/* サイドバー表示時にbodyが上に移動して白い背景が見えるのを防ぐ */
html.js-prevent-body-scroll body {
  /* bodyの背景色を透明にして、白い背景が見えないようにする */
  background-color: transparent !important;
}

/* メインコンテンツエリアの背景色を確保 */
html.js-prevent-body-scroll main.l-container,
html.js-prevent-body-scroll main.js-main-container {
  background-color: var(--color-page-bg, #ffffff);
  min-height: 100vh;
}

.top-search__heading {
  width: 100%;
  max-width: 1300px;
  margin-bottom: 78px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 1;
  padding: 0 50px;
}

/* c-section_titleと併用する場合は横並びにする */
.top-search__heading.c-section_title {
  flex-direction: row;
  align-items: center;
  color: #FFFFFF; /* 線の色を白に */
}

.top-search .sec-lv2-heading {
  margin: 0;
  line-height: 1;
  white-space: nowrap;
  font-size: 32px !important;
  letter-spacing: .3em !important;
  color: #000 !important;
  color: #FFFFFF !important;
  font-weight: 500!important;
}

.top-search .sec-lv2-heading__line {
  width: 842px;
  height: 0;
  border-top: 0.55px solid #FFFFFF;
  display: block;
}

.top-search__wrap {
  max-width: 1000px;
  width: 100%;
  position: relative;
  padding: 0 50px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.top-search__window {
  flex: 0 0 auto;
  width: 100%;
  height: 55px;
  position: relative;
  display: flex;
  align-items: center;
}

.top-search__window:after {
  position: absolute;
  content: '';
  width: 86px;
  height: 1px;
  background-color: #000;
  bottom: -57px;
  left: 50%;
  transform: translateX(-50%);
}

.top-search__cat {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin-top: 116px;
}

.top-search__label-wrap {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding-left: 0;
  width: 150px;
  position: relative;
  margin-top: 2px;
}

.top-search__cat-cont-wrap {
  flex: 1 1 auto;
  min-width: 0;
}

.top-search__label {
  font-family: 'Jost', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.445;
  color: #000000;
  margin: 0;
  padding: 0 0 0 0;
  position: relative;
  white-space: nowrap;
}

.top-search__label-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}

.top-search__label-arrow img {
  width: 100%;
  height: 100%;
  display: block;
}

.top-search__window__form {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 18px;
  background-color: #fff;
  border-radius: 90px;
}

.top-search__window__form__input {
  flex: 1;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-family: 'メイリオ', 'Meiryo', sans-serif;
  font-size: 15px;
  color: #111111;
  padding: 0 60px 0 20px;
}

.top-search__window__form__input::placeholder {
  color: #999999;
  opacity: 0.6;
}

.top-search__window__form__submit {
  position: absolute;
  right: 12.21px;
  top: 50%;
  transform: translateY(-50%);
  width: 29.57px;
  height: 27.97px;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.top-search__window__form__submit svg {
  width: 100%;
  height: 100%;
}

.top-search__cat-item__title {
  color: #46BFDE;
  font-size: 16.5px;
  font-weight: 500;
  display: block;
  margin-top: 10.5px;
  line-height: 1.3;
}

/* カード内の横幅計算を正しくする保険 */
.top-search__cat-item a { display:block; min-width: 0; }
.top-search__cat-item { min-width: 0; }

/* タグリスト：横並び＋折り返し＋隙間 */
.top-search__cat-item-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 7.5px 3px;
  max-width: 100%;
  margin-top: 10.5px;
}

/* 各タグの見た目（例） */
.top-search__cat-item-tag{
  display: inline-block;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.6;
  border-radius: 999px;
  color: #fff;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}


@media screen and (max-width: 1024px) {
  .top-search .sec-lv2-heading__line {
    width: 100%;
    max-width: 842px;
  }
  
  .top-search__window {
    width: 100%;
    max-width: 750px;
  }
}

@media(max-width: 959px) {
  .top-search__window {
    flex-direction: column;
    height: initial;
    align-items: flex-end;
  }

  .top-search__window__form {
    height: 55px;
    margin-top: 13.5px;
  }

  .top-search__label-arrow {
    transform: rotate(90deg);
    position: relative;
  }

  .top-search__label-wrap {
    align-items: center;
    gap: 20px;
    width: auto;
    margin: 0 0 0 auto;
  }

  .top-search__cat {
    flex-direction: column;
  }

  .top-search__cat-cont-wrap {
    width: 100%;
  }

  .top-search__cat-contents {
    width: calc(100% + 50px);
  }

  .top-search__keyword {
    flex-direction: column;
  }

  .top-search__keyword-contents,
  .top-search__keyword-cont-wrap {
    width: 100%;
  }

  .top-search__window:after {
    bottom: -36px;
  }

  .top-search__cat {
    margin-top: 58px;
  }
}

@media(max-width: 768px) {
  .top-search__cat,
  .top-search__window {
    padding: 0 20px;
  }

  .top-search .sec-lv2-heading {
    font-size: 24px!important;
    font-weight: 500!important;
    letter-spacing: 0.13em!important;
  }

  .top-search__heading {
    padding: 0 20px;
  }

  .top-search__heading {
    margin-bottom: 28px;
  }

  .top-search__wrap {
    padding: 0;
  }

  .top-search__label-wrap {
    gap: 6px;
    margin: 0 0 0 auto;
  }

  .top-search__keyword .top-search__label-wrap {
    margin: 0 0 0 auto;
    padding-right: 20px;
  }

  .top-search {
    padding: 34px 0 61px;
  }

  .top-search__keyword-cont-wrap::after {
    left: 20px!important;
    background-image: url(../img/search-cat/select-sp.png) !important;
  }

  .top-search:after {
    height: 492px;
  }

}

/* ===============================*/
/* TOP SEARCH カテゴリタブ */
/* ===============================*/
.top-search__cat-tabs {
  display: grid;
  gap: 13px;
  margin-bottom: 42px;
  grid-template-columns: repeat(5, 1fr);
}

.top-search__cat-tab {
  padding: 4px 16px;
  border: none;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.3s ease;
  border-radius: 90px;
  color: #46BFDE;
  font-weight: 500;
  position: relative;
  line-height: 1.05;
  min-height: 32px;
}

.top-search__cat-tab.is-active {
  background: #46BFDE;
  color: #fff;
}

.top-search__cat-tab.is-active::after {
  content: '';
  position: absolute;
  bottom: -23px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 30px;
  background-image: url(../img/tab-arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.top-search__cat-contents {
  position: relative;
}

.top-search__cat-content {
  display: none;
}

.top-search__cat-content.is-active {
  display: block;
}

.top-search__product-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* 横スクロール用のグリッド（4×2を横に伸ばす） */
.top-search__cat-list{
  display: grid !important;
  grid-template-rows: repeat(2, auto) !important;
  grid-auto-flow: column !important;
  /* 親要素の幅に収まるように調整（4カラム + gap 3つを考慮） */
  grid-auto-columns: minmax(174px, calc((100% - 48px) / 4)) !important;
  gap: 16px !important;
  /* overflow-xはJavaScriptで動的に制御（プロテイン、グッズ、スキンケアタブは個別に設定） */
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  /* padding-bottom: 12px; */
  /* 親要素の幅を超えないようにする */
  max-width: 100%;
  box-sizing: border-box;
}

/* プロテイン、グッズ、スキンケアタブはPCでも1列表示（4カラムで揃える） */
.top-search__cat-content[data-category="protein"] .top-search__cat-list,
.top-search__cat-content[data-category="goods"] .top-search__cat-list,
.top-search__cat-content[data-category="skincare"] .top-search__cat-list {
  grid-template-rows: auto !important;
  grid-auto-flow: row !important;
  grid-template-columns: repeat(4, minmax(160px, 1fr)) !important;
  /* overflow-xはJavaScriptで動的に制御（一画面に収まる場合はvisible、収まらない場合はauto） */
  /* デフォルトはvisible、JavaScriptで必要に応じてautoに変更 */
  overflow-x: visible !important;
  -webkit-overflow-scrolling: touch;
}

/* バーを隠さない */
.top-search__cat-contents,
.top-search__cat-cont-wrap { overflow: visible; }

@media(max-width: 768px) {
  .top-search__cat-tabs {
    gap: 8.9px;
   margin-bottom: 0;
  }

  .top-search__cat-tab {
    font-size: 13px;
    padding: 8px 9px;
    letter-spacing: 0;
    border-radius: 15.7px;
    margin-bottom: 38px;
  }

  .top-search__cat-contents {
    width: calc(100% + 20px) !important;
  }

  .top-search__cat-list {
    padding-right: 40px;
    /* overflow-xはJavaScriptで動的に制御（一画面に収まる場合はvisible、収まらない場合はauto） */
    /* デフォルトはvisible、JavaScriptで必要に応じてautoに変更 */
    overflow-x: visible !important;
  }
  
  /* プロテイン、グッズ、スキンケアタブもスマホ表示ではJavaScriptで制御 */
  .top-search__cat-content[data-category="protein"] .top-search__cat-list,
  .top-search__cat-content[data-category="goods"] .top-search__cat-list,
  .top-search__cat-content[data-category="skincare"] .top-search__cat-list {
    /* overflow-xはJavaScriptで動的に制御（一画面に収まる場合はvisible、収まらない場合はauto） */
    /* デフォルトはvisible、JavaScriptで必要に応じてautoに変更 */
    overflow-x: visible !important;
  }

}

/* ===============================*/
/* TOP SEARCH キーワードタブ */
/* ===============================*/
.top-search__keyword {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin-top: 116px;
}

.top-search__keyword .top-search__label-arrow path {
  fill: #46BFDE;
}

.top-search__keyword-cont-wrap {
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
}

.top-search__keyword-cont-wrap::after {
  position: absolute;
  content: '';
  top: -55px;
  left: 0;
  width: 151px;
  height: 50px;
  background-image: url(../img/search-cat/select.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.top-search__keyword-tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin-bottom: 0;
  position: relative; /* 疑似要素の位置計算の基準にする */
  padding-left: 12px; /* ::before要素が左側にはみ出す分のパディングを追加 */
  margin-left: -12px; /* パディング分を相殺して、見た目を維持 */
}

.top-search__keyword-tab {
  padding: 12px 24px 20px 12px;
  border: none;
  background: #E5E5E5;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #666;
  font-weight: 500;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  min-height: 60px; /* 最小高さを設定 */
  box-sizing: border-box;
  overflow: visible; /* ::before要素が左側にはみ出すため、visibleに変更 */
  margin: 0; /* マージンを0に設定 */
}

.top-search__keyword-tab:nth-child(1) {
  background: #525252;
  border-radius: 10px 0 0 0;
  position: relative;
  color: #fff;
  margin: 0; /* マージンを0に設定 */
}

.top-search__keyword-tab:nth-child(2) {
  background: #696969;
  position: relative;
}

.top-search__keyword-tab:nth-child(3) {
  background: #959595;
  position: relative;
}

.top-search__keyword-tab:nth-child(4) {
  background: #B8B8B8;
  position: relative;
}

.top-search__keyword-tab:nth-child(1)::after {
  position: absolute;
  content: '';
  display: none; /* 空の::after要素を非表示にして、レイアウトに影響しないようにする */
}

.top-search__keyword-tab:nth-child(2)::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 31px;
  height: 100%;
  /* 滑らかなグラデーション：左（グレー）から右（透明）へ、中間点で早めに透明に */
  background: linear-gradient(90deg, #737373 0%, rgba(115, 115, 115, 0.6) 30%, rgba(115, 115, 115, 0.2) 60%, rgba(255, 255, 255, 0) 100%);
  mix-blend-mode: multiply;
  z-index: 1;
}

.top-search__keyword-tab:nth-child(3)::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 31px;
  height: 100%;
  /* 滑らかなグラデーション：左（グレー）から右（透明）へ、中間点で早めに透明に */
  background: linear-gradient(90deg, #737373 0%, rgba(115, 115, 115, 0.6) 30%, rgba(115, 115, 115, 0.2) 60%, rgba(255, 255, 255, 0) 100%);
  mix-blend-mode: multiply;
  z-index: 1;
}

.top-search__keyword-tab:nth-child(4)::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 31px;
  height: 100%;
  /* 滑らかなグラデーション：左（グレー）から右（透明）へ、中間点で早めに透明に */
  background: linear-gradient(90deg, #737373 0%, rgba(115, 115, 115, 0.6) 30%, rgba(115, 115, 115, 0.2) 60%, rgba(255, 255, 255, 0) 100%);
  mix-blend-mode: multiply;
  z-index: 1;
}

.top-search__keyword-tab:nth-last-child(1) {
  border-radius: 0 10px 0 0;
}

.top-search__keyword-tab__en {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  color: #0D0D0D;
  margin-bottom: 0;
}

.top-search__keyword-tab:nth-child(1) .top-search__keyword-tab__en,
.top-search__keyword-tab:nth-child(1) .top-search__keyword-tab__ja {
  color: #D0D0D0;
}

.top-search__keyword-tab:nth-child(1).is-active .top-search__keyword-tab__en,
.top-search__keyword-tab:nth-child(1).is-active .top-search__keyword-tab__ja {
  color: #fff;
}

.top-search__keyword-tab__ja {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  display: flex;
  align-items: center;
  gap: 1.2px;
  letter-spacing: 0;
}

.top-search__keyword-tab__ja--lg {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  color: #fff;
}

.top-search__keyword-tab.is-active {
  background: #46BFDE;
  color: #fff;
  min-height: 60px; /* アクティブ時も同じ最小高さを維持 */
  box-sizing: border-box;
}

.top-search__keyword-tab.is-active::after {
  display: none;
}

/* 1つ目のタブ以外がアクティブの時、左外側に影をつける（上にはみ出さない） */
.top-search__keyword-tab:nth-child(n+2).is-active {
  position: relative;
}

.top-search__keyword-tab:nth-child(n+2).is-active::before {
  content: '';
  position: absolute;
  top: 0;
  left: -12px;
  width: 12px;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.15) 20%, rgba(0, 0, 0, 0) 100%);
  z-index: 0;
  pointer-events: none; /* クリックイベントを無効化 */
}

.top-search__keyword-contents {
  position: relative;
}

.top-search__keyword-content {
  display: none;
  border-radius: 0 0 10px 10px;
}

.top-search__keyword-content.is-active {
  display: block;
  background: #46BFDE;
  padding: 32px;
}

/* キーワードボタンエリア */
.top-search__keyword-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  max-width: 100%;
}

.top-search__keyword-button {
  padding: 8px 10px;
  border: none;
  background: #fff;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  transition: all 0.3s ease;
  text-align: center;
  white-space: nowrap;
  width: auto;
  min-width: fit-content;
  flex: 0 0 auto;
  /* リンク要素（<a>タグ）でも正しくスタイルが適用されるように */
  text-decoration: none;
  display: inline-block;
}

/* リンクの疑似クラスでも同じスタイルを維持 */
.top-search__keyword-button:visited,
.top-search__keyword-button:active,
.top-search__keyword-button:focus {
  color: #333;
  text-decoration: none;
}

.top-search__keyword-button:hover {
  background: #f0f0f0;
  color: #333;
  text-decoration: none;
  /* transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
}

/* バーを隠さない */
.top-search__keyword-contents,
.top-search__keyword-cont-wrap { 
  overflow: visible;
  margin-top: -8px;
  z-index: 1;
 }


/* 各アイテムは列先頭にスナップ（任意） */
.top-search__cat-item {
  list-style: none;
  scroll-snap-align: start;
}

.top-search__cat-item__img { width:100%; max-width:161px; }
.top-search__cat-item__img img { width:100%; display:block; }




@media screen and (max-width: 768px) {
  .top-search__product-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .top-search__keyword-tab {
    min-width: 120px;
    width: 120px;
    padding: 6px 9px;
    height: 63px !important; /* SPでは高さを63pxに固定 */
    min-height: 63px !important; /* SPでは最小高さも63pxに固定 */
  }

  .top-search__keyword-tab.is-active {
    min-width: 120px;
    width: 120px;
    padding: 6px 9px;
    height: 63px !important; /* SPでは高さを63pxに固定 */
    min-height: 63px !important; /* SPでは最小高さも63pxに固定 */
  }

  .top-search__keyword-tab:nth-child(1).is-active {
    height: 63px !important; /* 1つ目のタブがactiveの場合も高さを63pxに固定 */
    min-height: 63px !important; /* 1つ目のタブがactiveの場合も最小高さを63pxに固定 */
  }

  .top-search__keyword-tabs {
    grid-template-columns: auto;
  }

  .top-search__keyword-cont-wrap {
    display: flex;
    align-items: flex-start; /* flexアイテムが親要素の高さに合わせて伸びないようにする */
  }

  .top-search__keyword-contents {
    margin-top: 0;
  }

  .top-search__keyword-content.is-active {
    padding: 20px;
    height: calc(100% + 35px);
    min-height: calc(63px * 4 + 35px);
  }

  .top-search__keyword-tab:nth-last-child(1) {
    border-radius: 0 0 0 10px;
  }

  .top-search__keyword-tab:nth-child(2)::after,
  .top-search__keyword-tab:nth-child(3)::after,
  .top-search__keyword-tab:nth-child(4)::after {
    width: 100%;
    height: 20px;
    background: linear-gradient(180deg, #737373 0%, rgba(115, 115, 115, 0.6) 30%, rgba(115, 115, 115, 0.2) 60%, rgba(255, 255, 255, 0) 100%);
  }

  .top-search__keyword-tab:nth-child(1)::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 14px;
    height: 100%;
    background: linear-gradient(270deg, #3d3d3d 0%, rgba(61, 61, 61, 0.92) 30%, rgba(61, 61, 61, 0.58) 60%, rgba(255, 255, 255, 0) 100%);
  }

  .top-search__keyword-tab:nth-child(2)::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 14px;
    height: 100%;
    background: linear-gradient(270deg, #484848 0%, rgba(72, 72, 72, 0.9) 30%, rgba(72, 72, 72, 0.55) 60%, rgba(255, 255, 255, 0) 100%);
  }

  .top-search__keyword-tab:nth-child(3)::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 14px;
    height: 100%;
    background: linear-gradient(270deg, #5d5d5d 0%, rgba(93, 93, 93, 0.75) 30%, rgba(93, 93, 93, 0.35) 60%, rgba(255, 255, 255, 0) 100%);
  }

  .top-search__keyword-tab:nth-child(4)::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 14px;
    height: 100%;
    background: linear-gradient(270deg, #6b6b6b 0%, rgba(107, 107, 107, 0.65) 30%, rgba(107, 107, 107, 0.25) 60%, rgba(255, 255, 255, 0) 100%);
  }

  .top-search__keyword-tab:nth-child(1).is-active::before {
    display: none;
  }

  .top-search__keyword-content {
    border-radius: 0 0 0 10px;
  }

  .top-search__keyword-tab__ja {
    gap: 2.5px;
  }

}

/* ===============================*/
/* 新商品リスト */
/* ===============================*/
.p-new_product {
  max-width: 1300px;
  padding: 96px 50px 135px;
  margin: 0 auto;
}

#product-show-view .p-new_product {
  padding: 0 50px 60px!important;
}

/* 各商品カードの基本幅（PC） */
.p-new_product .medium-up--one-4 {
  /* width: 224px;
  min-width: 224px; */
    width: 221px;
  min-width: 221px;
}

@media(max-width: 1106px) {
  .p-new_product {
    padding: 80px 0 135px 50px;
  }

  #product-show-view .p-new_product {
    padding: 0 0 135px 50px!important;
  }
}

@media(max-width: 768px) {
  .p-new_product {
    padding: 68px 0 68px 20px;
  }

  #product-show-view .p-new_product {
    padding: 0 0 96px 20px!important;
  }
}

/* ===============================*/
/* スクロール構造の正しい形に修正 */
/* ===============================*/

/* track が scrollHost（閲覧履歴と同じ構造） */
.p-new_product__slider__track {
  width: 100%;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  /* スクロールバーを非表示 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

.p-new_product__slider__track::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}

/* UL はオーバーフローを持たず、横並びに徹する（閲覧履歴と同じ） */
.p-new_product__slider__track__list {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  overflow: visible !important;
  padding-right: 40px;
  -webkit-overflow-scrolling: touch;
}

.p-new_product__slider__track .p-new_product__slider__track__list::-webkit-scrollbar {
  display: none;
}

/* 不要になった overflow-x を削除（上書き） */
.temp-new_product_slider {
  /* overflow-x: visible !important; */
  max-width: none;
  width: auto !important;
  flex-wrap: nowrap;
  margin: 0;
}

/* ===============================*/
/* アイテム配置（縦積み0、横だけ間隔つける） */
/* ===============================*/

.p-new_product__slider__track .p-new_product__slider__track__list > li {
  flex-shrink: 0;
  /* width: 224px !important;
  min-width: 224px !important; */
  width: 270px !important;
  min-width: 270px !important;
  margin-right: 40px !important;
}

/* 最後の余白はカット */
.p-new_product__slider__track .p-new_product__slider__track__list > li:last-child {
  margin-right: 0 !important;
}

@media(max-width: 1279px) {
  .p-new_product__slider__track .p-new_product__slider__track__list > li {
    width: 210px !important;
    min-width: 210px !important;
  }
}

@media(max-width: 768px) {
  .p-new_product__slider__track .p-new_product__slider__track__list > li {
    margin-right: 22px !important;
  }
}

/* ===============================*/
/* 不要なグリッド制御を無効化 */
/* ===============================*/

/* 元テーマの 4n+1 マージン指定を完全無効化 */
.p-new_product .medium-up--one-4:not(:nth-child(4n+1)) {
  margin-left: 0 !important;
}

.p-new_product .medium-up--one-4:nth-child(n+5) {
  margin-top: 0 !important;
  /* margin-left: 40px !important; */
}

/* 上記 margin-left は
   横スクロールのみのレイアウト時は不要になるため
   横スクロール使用時は下の上書きでキャンセル */
.p-new_product__slider__track .medium-up--one-4 {
  margin-left: 0 !important;
  margin-top: 0 !important;
}

/* ===============================*/
/* “もっと見る” ボタンは非表示 */
/* ===============================*/
.p-new_product__more {
  display: none;
}

/* ===============================*/
/* SP（768以下） */
/* ===============================*/
@media (max-width: 768px) {
  /* SP は少し幅を狭める */
  .p-new_product .medium-up--one-4:not(.forced-single-row) {
    width: 212px !important;
    min-width: 212px !important;
  }

  .p-new_product__slider__track .p-new_product__slider__track__list > li {
    width: 212px !important;
    min-width: 212px !important;
  }
}




/* ===============================*/
/* スクロールインジケーター */
/* ===============================*/

.apsc-host-ul{ cursor: grab; }
.apsc-host-ul.apsc-dragging{ cursor: grabbing; user-select:none; -webkit-user-select:none; }
.apsc-bar {
  max-width: 100%!important;
  margin: 40px auto 10px!important;
}

@media(max-width: 1106px) {
  .apsc-bar {
    margin: 40px auto 0 0!important;
    width: 100%;
  }

  .p-new_product .apsc-bar {
    width: calc(100% - 50px);
  }

  section:has(.p-column__inner__title) .apsc-bar {
    width: calc(100% - 50px);
  }

  section:has(.p-column__inner__title) + section:has(.recently-viewed) .apsc-bar {
    width: calc(100% - 50px);
  }
}

@media(max-width: 959px) {
  .top-search__cat-content .apsc-bar {
    width: calc(100% - 50px);
  }
}

@media(max-width: 768px) {
  .p-new_product .apsc-bar {
    width: calc(100% - 20px);
  }

  .apsc-bar:not(.top-search__cat .apsc-bar) {
    margin: 28px auto 0 0!important;
    width: calc(100% - 20px);
  }

  section:has(.p-column__inner__title) .apsc-bar {
    width: calc(100% - 20px);
  }

  section:has(.p-column__inner__title) + section:has(.recently-viewed) .apsc-bar {
    width: calc(100% - 20px);
  }

  .top-search__cat-content .apsc-bar {
    width: calc(100% - 20px);
  }
}


/* ==============================
   コラムリデザイン (TOP専用)
============================== */
#index-view .c-column_item__inner:hover {
  opacity: 1!important;
}

#index-view .ap-column-section .c-column_item__inner:hover .p-column__inner__more__btn,
#index-view .ap-column-section + section .c-column_item__inner:hover .p-column__inner__more__btn,
#index-view .ap-column-section .p-column__inner__more__btn:hover,
#index-view .ap-column-section + section .p-column__inner__more__btn:hover,
#index-view .ap-column-section .p-column__inner__more__btn:active,
#index-view .ap-column-section + section .p-column__inner__more__btn:active {
  opacity: 1!important;
}

@media (hover: hover) {
  #index-view .ap-column-section .c-column_item__inner:hover .u-text--link:after {
    right: -32px;
  }
  
  #index-view .ap-column-section + section .c-column_item__inner:hover .u-text--link:after {
    right: -32px;
  }
}

#index-view .ap-column-section .c-column_item__inner__img {
  position: relative;
  background-size: cover;
  background-position: center;
  aspect-ratio: 3 / 2;
  transition: transform 0.3s ease;
  width: 100%;
}



#index-view .ap-column-section .c-column_item__inner__date,
#index-view .ap-column-section + section .c-column_item__inner__date {
  text-align: right;
  font-weight: 500;
  font-size: 14px!important;
  letter-spacing: 0;
  margin-top: 0!important;
  font-family: 'Jost', 'Noto Sans JP', system-ui, -apple-system, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
}

#index-view .ap-column-section .c-column_item__inner__title {
  width: 100%;
  font-weight: 400;
  padding: 0;
  line-height: 1.18;
  font-size: 16px !important;
  margin-top: 10px;
  color: #fff !important;
  min-height: 37.5px;
  letter-spacing: 0;
}

#index-view .ap-column-section + section .c-column_item__inner__title {
  width: 100%;
  font-weight: 400;
  padding: 0;
  line-height: 1.18;
  font-size: 16px !important;
  margin-top: 10px;
  min-height: 57px;
  color: #000 !important;
  letter-spacing: 0;
}

#index-view .p-column__inner {
  max-width: 1200px!important;
}

#index-view .p-column__inner__title {
  display: inline-block;
  padding: 0 48px;
}

#index-view .ap-column-section {
  position: relative;
}

#index-view .ap-column-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 800px;
  background: #46BFDE;
}

#index-view .ap-column-section > div {
  position: relative;
  z-index: 1;
  padding-top: 116px;
}

#index-view .ap-column-section + section {
  z-index: 1;
  position: relative;
  margin-top: 92px;
}

#index-view .p-column__inner__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

#index-view .p-column__inner__list .medium-up--one-4 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-top: -4px !important;
}

#index-view .ap-column-section .u-color__btn--bg {
  background: #FFF23F !important;
  color: #000 !important;
  border: none!important;
  font-weight: 500!important;
}

#index-view .ap-column-section + section .u-color__btn--bg {
  background: #30FF6B !important;
  color: #000 !important;
  border: none!important;
  font-weight: 500!important;
}

#index-view .p-column__inner__more__btn {
  height: 46px;
  position: relative;
  padding-right: 30px;
  padding-left: 30px;
  transition: color 0.2s ease;
}

#index-view .p-column__inner__more__btn .ap-view-more-arrow {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 8px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg width='22' height='8' viewBox='0 0 22 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 3.76667H21.5M21.5 3.76667L15.6475 0.5M21.5 3.76667L15.6475 7.5' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: right 0.2s ease;
}

#index-view .p-column__inner__more__btn:hover .ap-view-more-arrow {
  right: 15px;
}

#index-view .p-column__inner__more__btn .ap-view-more-arrow::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;utf8,%3Csvg width='22' height='8' viewBox='0 0 22 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 3.76667H21.5M21.5 3.76667L15.6475 0.5M21.5 3.76667L15.6475 7.5' stroke='%2346bfde' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.2s ease;
}

#index-view .ap-column-section + section .p-column__inner__more__btn .ap-view-more-arrow::before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg width='22' height='8' viewBox='0 0 22 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 3.76667H21.5M21.5 3.76667L15.6475 0.5M21.5 3.76667L15.6475 7.5' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#index-view .ap-column-section .p-column__inner__title,
#index-view .ap-column-section + section .p-column__inner__title {
  margin-bottom: 0!important;
}

#index-view .ap-column-section .p-column__inner__title__en,
#index-view .ap-column-section + section .p-column__inner__title__en {
  font-size: 15.8px!important;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0 20.5px;
  min-height: 36.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0!important;
}


#index-view .ap-column-section .p-column__inner__title__en {
  background-color: #FFF23F;
  border-radius: 50px;
}

#index-view .ap-column-section + section .p-column__inner__title__en {
  background-color: #30FF6B;
  border-radius: 50px;
}

#index-view .ap-column-section .u-text--link,
#index-view .ap-column-section + section .u-text--link {
  color: #000 !important;
  font-size: 14px !important;
  position: relative;
  text-decoration: none !important;
  display: inline-block;
  letter-spacing: .05em;
}

#index-view .ap-column-section .u-text--link:after {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15.28'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D.cls-2%7Bfill:none;stroke:%2346bfde;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px%7D%3C/style%3E%3C/defs%3E%3Cellipse class='cls-1' cx='7.5' cy='7.41' rx='7.5' ry='7.13'/%3E%3Cpath class='cls-2' d='M6.35,4.12l3.46,3.29-3.46,3.29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  right: -22px;
  transition: right 0.2s ease;
}

#index-view .ap-column-section + section .u-text--link:after {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15.28'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2346bfde%7D.cls-2%7Bfill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px%7D%3C/style%3E%3C/defs%3E%3Cellipse class='cls-1' cx='7.5' cy='7.41' rx='7.5' ry='7.13'/%3E%3Cpath class='cls-2' d='M6.35,4.12l3.46,3.29-3.46,3.29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  right: -22px;
  transition: right 0.2s ease;
}

#index-view .p-column {
  padding-right: 50px!important;
  padding-left: 50px!important;
}

@media(max-width: 1024px) {
  /* コラム・レシピセクションの親要素（l-container__row）のpadding-rightも調整 */
  /* :has()セレクタが使えない場合に備えて、直接的なセレクタも追加 */
  #index-view .l-container__row:has(.p-column),
  #index-view section[data-section-type="information"] .l-container__row {
    padding-right: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }

  #index-view .p-column {
    padding-right: 0 !important;
    /* padding-leftは維持（左側は見切れないようにするため） */
    overflow: visible !important;
  }

  #index-view .ap-column-section-title {
    margin-right: 50px!important;
  }
  
  #index-view .p-column .apsc-thumb {
    background: #FFF23F;
  }

  #index-view .ap-column-section + section .apsc-thumb {
    background: #30FF6B;
  }

  /* p-column__innerのmax-widthも調整して見切れを実現 */
  #index-view .p-column__inner {
    max-width: 100% !important;
    padding-right: 0 !important;
  }

  #index-view .p-column__inner__list,
  #index-view .p-column__inner__title {
    padding: 0;
  }

  #index-view .ap-column-section .c-column_item__inner__date,
  #index-view .ap-column-section + section .c-column_item__inner__date {
    margin-top: 5px !important;
  }
}

@media(max-width: 1024px) {
  #index-view .p-column__inner__list {
    margin-right: 50px;
  }
}

@media(max-width: 959px) {
  #index-view .p-column__inner__list {
    margin-right: 0;
  }

  #index-view .p-column__inner__list .medium-up--one-4 {
    min-width: 217px!important;
  }
}

@media(max-width: 768px) {
  #index-view .p-column {
    padding-left: 20px!important;
  }

  #index-view .ap-column-section-title {
    margin-right: 20px!important;
  }

  #index-view .ap-column-section > div {
    padding-top: 70px;
  }

  #index-view .ap-column-section + section {
    margin-top: 60px;
  }

  #index-view .ap-column-section::before {
    height: 715px;
  }
}

/* ===============================*/
/* 閲覧履歴（カスタムHTML） */
/* ===============================*/
.recently-viewed {
  margin: 80px auto 0;
}

.recently-viewed .l-container {
  display: block;
  max-width: 1300px;
  padding: 96px 50px 135px;
  margin: 0 auto;
}

@media(hover: hover) {
  .recently-viewed li a {
    transition: opacity 0.3s;
  }

  .recently-viewed li a:hover {
    opacity: 0.6;
  }
}

/* 汎用的なセクションタイトルスタイル */
.article__title {
  margin: 0 !important;
  margin-bottom: 52px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  font-size: 32px !important;
  letter-spacing: .3em !important;
  color: #fff !important;
  font-weight: 500 !important;
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 24px);
}

.article__title::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: currentColor;
  min-width: 0;
}

/* 閲覧履歴タイトル */
.recently-viewed__title {
  margin: 0 !important;
  margin-bottom: 40px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  font-size: 32px !important;
  letter-spacing: .3em !important;
  color: #46BFDE !important;
  font-weight: 500 !important;
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 24px);
}

.ap-column-section + section:has(.recently-viewed) .recently-viewed__title {
  margin-right: 50px !important;
}

.recently-viewed__title::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: currentColor;
  min-width: 0;
}

/* アイテム基本デザイン */
.recently-viewed .splide__slide {
  text-align: center;
  transition: transform 0.3s;
}
.recently-viewed .splide__slide:hover {
  transform: translateY(-4px);
}
.recently-viewed__img {
  width: 100%;
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  margin-bottom: 8px;
}
.recently-viewed__name {
  font-size: 14px !important;
  color: #333 !important;
  font-weight: 500 !important;
}
.recently-viewed__price {
  font-size: 16px;
  color: #111;
  margin-top: 4px;
  text-align: left;
  font-weight: 500;
}

.recently-viewed__tax-label {
  font-size: 12px;
  color: #111;
}

.recently-viewed__stars {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
  margin-top: 3px;
}
.recently-viewed__stars .star {
  color: #ccc;
  font-size: 14px;
  line-height: 1;
}
.recently-viewed__stars .star.is-active {
  color: #46BFDE;
}
.recently-viewed__stars .rating-value {
  font-size: 12px;
  color: #000;
  margin-left: 4px;
}

@media(max-width: 1106px) {
  .recently-viewed .l-container {
    padding: 96px 0 135px 50px;
  }
}

@media(max-width: 768px) {
  .recently-viewed .l-container {
    padding: 0 0 70px 20px;
  }

  .recently-viewed__title {
    font-size: 22px !important;
  }

  .recently-viewed {
    margin-top: 111px;
  }

  .article__title {
    font-size: 22px!important;
    margin-bottom: 27px !important;
  }

  .recently-viewed__price {
    font-size: 13px;
  }
  
  .recently-viewed__tax-label {
    font-size: 10px;
  }
}

/* ===============================*/
/* スクロールインジケーター用レイアウト */
/* ===============================*/

.recently-viewed__track {
  width: 100%;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 40px;
  /* スクロールバーを非表示 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

.recently-viewed__track::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}

/* ul はオーバーフローを持たず、横並びに徹する */
.recently-viewed__track .js-recently-viewed-list {
  display: flex !important;
  width: auto !important;
  flex-wrap: nowrap !important;
  overflow: visible !important;
  padding-right: 40px;
  -webkit-overflow-scrolling: touch;
}


/* 各アイテム */
.recently-viewed__track li {
  width: 270px !important;
  min-width: 270px !important;
  margin-right: 40px !important;
  flex-shrink: 0;
}
.recently-viewed__track li:last-child {
  margin-right: 0 !important;
}

@media(max-width: 1279px) {
  .recently-viewed__track li {
    width: 210px !important;
    min-width: 210px !important;
  }
}

@media(max-width: 768px) {
  .recently-viewed__track {
    padding-bottom: 0;
  }
}


/* ===============================*/
/* 新商品（p-new_product）との整合性確保 */
/* ===============================*/

/* ul 側は max-content のみ */
.p-new_product__slider__track .p-new_product__slider__track__list,
.p-new_product__slider__track .js-recently-viewed-list {
  display: flex;
  width: max-content;
  flex-wrap: nowrap;
  overflow: visible !important;
  padding-right: 40px;
  overflow-y: hidden!important;
}

/* item 共通 */
.p-new_product__slider__track li {
  flex-shrink: 0;
  width: 221px !important;
  min-width: 221px !important;
  margin-right: 40px !important;
}
.p-new_product__slider__track li:last-child {
  margin-right: 0 !important;
}


/* ========================================
   商品ごとのカスタムコンテンツ
   ======================================== */

/* 飲む順番などの商品別追記コンテンツ */
.ap-order-to-drink {
  margin: 40px 0;
  padding: 20px;
  background: #f5f5f5;
  border-radius: 8px;
}

.ap-order-to-drink h3 {
  font-size: 20px;
  margin-bottom: 10px;
}


/* ========================================
   理想の体になるには組み合わせが大事！
   ======================================== */
.combine-sec {
  margin-bottom: 96px;
  margin-top: 126px;
}

.combine-sec__inner {
  padding: 0 50px;
  max-width: 1106px;
  margin: 0 auto;
}

.combine-sec__title {
  display: block;
  text-align: center;
}

.combine-sec__ttl {
  color: #00A0CA;
  font-size: 40px;
  font-weight: 700;
  position: relative;
  display: inline-block;
}

.combine-sec__ttl::before {
  position: absolute;
  content: '';
  width: 56px;
  height: 2px;
  background-color: #00A0CA;
  bottom: 50%;
  left: -73px;
  transform: translateY(50%) rotate(56deg);
}

.combine-sec__ttl::after {
  position: absolute;
  content: '';
  width: 56px;
  height: 2px;
  background-color: #00A0CA;
  bottom: 50%;
  right: -64px;
  transform: translateY(50%) rotate(-56deg);
}

.combine-sec__txt {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  margin-top: 32px;
  gap: 10px;
}

.combine-sec__txt__arrow {
  display: block;
  width: 20px;
  height: 18px;
  height: auto;
}

.combine-sec__txt {
  display: flex;
  justify-content: center;
}


.combine-sec__content-item-img img {
  width: 100%;
  height: auto;
}

.combine-img--1 {
  width: 221px;
}

.combine-img--2 {
  width: 152px;
}

.combine-img--3 {
  width: 167px;
}

.combine-img--4 {
  width: 214px;
}

.combine-sec__content {
  margin-top: 40px;
}

.combine-sec__content-list {
  display: flex;
  justify-content: center;
}

.combine-sec__content-item {
  background: linear-gradient(#46BFDE 0%, #FFFFFF 100%);
  width: 237px;
  height: 237px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: opacity 0.3s ease;
  opacity: 1;
}

@media (hover: hover) {
  .combine-sec__content-item:hover {
    opacity: 0.6;
  }
}

.combine-sec__content-item:nth-child(2n) {
  margin-top: 126px;
  flex-direction: column-reverse;
  background: linear-gradient(#FFFFFF 0%, #46BFDE 100%);
}

.combine-sec__content-item-txtwrap {
  margin: 20px auto 0;
  text-align: center;
}

.combine-sec__content-item:nth-child(2n) .combine-sec__content-item-txtwrap {
  margin: 0 auto 20px;
  display: flex;
  flex-direction: column-reverse;
}

.combine-sec__content-item-ttl {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
  color: #fff;
}

.combine-sec__content-item-txt {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  color: #FFF;
  margin-top: 15.5px;
}

.combine-sec__content-item-num {
  width: 27.5px;
  display: block;
  margin: 0 auto;
}

/* .combine-secを含むcustom_htmlに隣接するnew_productセクション */
section[data-section-type="custom_html"]:has(.combine-sec) + section[data-section-type="new_product"] {
  background-color: #f0f0f0;
}

.combine-sec__ttl-br {
  display: none;
}

@media(max-width: 1024px) {
  .combine-sec__content-item {
    width: 214px;
    height: 214px;
  }

  .combine-img--1 {
    width: calc(221px * 0.8);
  }
  
  .combine-img--2 {
    width: calc(152px * 0.8);
  }
  
  .combine-img--3 {
    width: calc(167px * 0.8);
  }
  
  .combine-img--4 {
    width: calc(214px * 0.8);
  }

  .combine-sec__ttl {
    font-size: 36px;
  }

  .combine-sec__txt {
    font-size: 22px;
    margin-top: 25px;
}
}

@media(max-width: 959px) {
  .combine-sec__inner {
    padding: 0px 117px;
  }
  .combine-sec__content {
    max-width: 550px;
    margin: 0 auto;
  }
  
  .combine-sec__content-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    justify-items: center;
    align-items: flex-start;
  }

  .combine-sec__ttl-br {
    display: block;
  }

  .combine-sec__ttl {
    line-height: 1.23;
  }

  .combine-sec__txt {
    margin-top: 48px;
  }

  .combine-sec__content {
    margin-top: 80px;
    margin-bottom: 120px;
  }

  .combine-sec {
    margin-top: 70px;
    margin-bottom: 72px;
  }

  .combine-sec__content-item:nth-child(2n) {
    margin-top: 47px;
  }
}

@media(max-width: 768px) {
  .combine-sec__inner {
    padding: 0;
  }

  .combine-sec__ttl {
    line-height: 1.46;
    font-size: clamp(24px, 6.4vw, 30px);
  }

  .combine-sec__txt {
    font-size: clamp(15.5px, 4.3vw, 20px);
    margin-top: 36px;
    margin-top: 9vw;
  }

  .combine-sec__ttl::before {
    left: -62px;
    transform: translateY(50%) rotate(75deg);
    width: 70px;
  }

  .combine-sec__ttl::after {
    width: 70px;
    right: -53px;
    transform: translateY(50%) rotate(-75deg);
  }

  .combine-sec__content {
    margin-top: 35px;
    padding: 0 20px;
  }

  .combine-sec__content-list {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }

  .combine-sec__content-item {
    width: calc(100% / 2);
    height: 100%;
    aspect-ratio: 1 / 1;
    gap: 7.5px;
  }

  .combine-sec__content-item:nth-child(2) {
    margin-top: 95px!important;

  }

  .combine-sec__content-item:nth-child(4) {
    margin-top: 47px!important;
    margin-top: -64px;
  }

  .combine-sec__content-item:nth-child(3) {
    margin-top: -64px;
  }

  .combine-img--1 {
    width: calc(221px * 0.76);
  }

  .combine-img--2 {
    width: calc(152px * 0.76);
  }

  .combine-img--3 {
      width: calc(167px * 0.76);
  }

  .combine-img--4 {
    width: calc(214px * 0.76);
  }

  .combine-sec__content-item-ttl {
    font-size: 13px;
    line-height: 1.46;
  }

  .combine-sec__content-item-num {
    width: 21px;
  }

  .combine-sec__content-item-txtwrap {
    margin: 10px auto 0;
  }

  .combine-sec__content-item:nth-child(2n) .combine-sec__content-item-txtwrap {
    margin: 0 auto 10px;
  }
}




/* ===============================*/
/* ニュース */
/* ===============================*/

#index-view .p-news__inner {
  max-width: 1300px;
  padding: 90px 50px 100px;
  margin: 0 auto;
}
#index-view .p-news__inner__list {
  max-width: 1000px;
  margin: 0 auto;
}
#index-view .p-news {
  padding: 0!important;
  background-color: #f0f0f0;
}

#index-view .p-news__inner__title__en {
  margin: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  font-size: 32px !important;
  letter-spacing: .3em !important;
  color: #000 !important;
  font-weight: 500 !important;
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 24px);
}

.p-news__inner__title {
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 24px);
  margin-bottom: 44px!important;
}

.p-news__inner__title::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: currentColor;
  min-width: 0;
}

#index-view .p-news .c-news_item__inner {
  flex-direction: column;
  padding: 0!important;
}

#index-view .p-news .c-news_item:first-child {
  border: none!important;
}

#index-view .p-news .c-news_item {
  border: none!important;
}

#index-view .p-news .c-news_item + .c-news_item {
  padding-top: 16px!important;
}

#index-view .p-news .c-news_item__inner__date {
  font-size: 14px !important;
  font-weight: 500;
  letter-spacing: 0;
}

#index-view .p-news .c-news_item__inner__title {
  padding-left: 0!important;
  color: #46BFDE !important;
  font-weight: 500;
  font-size: 16px !important;
  line-height: 1.18;
  letter-spacing: 0;
  background-color: #fff;
  padding: 10px 22px !important;
  margin-top: 6px;
  transition: color 0.2s ease;
  position: relative;
}

#index-view .p-news .c-news_item__inner__title::after {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.9 14.99'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px%7D%3C/style%3E%3C/defs%3E%3Cellipse cx='7.94' cy='7.51' rx='7.5' ry='7.13'/%3E%3Cpath class='cls-1' d='M6.78,4.22l3.46,3.29-3.46,3.29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  bottom: 5px;
  /* transform: translateY(-50%); */
  right: 7px;
}



@media(hover: hover) {
  #index-view .p-news .c-news_item__inner:hover {
    opacity: 1!important;
  }

  #index-view .p-news .c-news_item__inner:hover .c-news_item__inner__title {
    color: #46bfde9e !important;
  }
}

@media(max-width: 768px) {
  #index-view .p-news__inner {
    padding: 70px 20px 72px;
  }

  #index-view .p-news__inner__title__en {
    font-size: clamp(21px, 5.6vw, 32px)!important;
  }

  .p-news__inner__title {
    gap: 10px;
    margin-bottom: 20px!important;
  }

  #index-view .p-news .c-news_item__inner__title {
    margin-top: 2px;
  }

  #index-view .p-news .c-news_item + .c-news_item {
    padding-top: 10px !important;
  }
}

/* ===============================*/
/* Q&A */
/* ===============================*/

.faq-sec {
  padding: 90px 50px 100px;
  background-color: #fff;
  max-width: 1300px;
  margin: 0 auto;
}

.faq-sec__inner {
  max-width: 1300px;
  margin: 0 auto;
}

.faq-sec__inner__title {
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 24px);
  margin-bottom: 44px;
}

.faq-sec__inner__title__en {
  margin: 0 !important;
  line-height: 1.445 !important;
  white-space: nowrap !important;
  font-size: 32px !important;
  letter-spacing: 0.3em !important;
  color: #46BFDE !important;
  font-weight: 500 !important;
}

.faq-sec__inner__title::after {
  content: "";
  flex: 1 1 auto;
  height: 0.5485px;
  background: #46BFDE;
  min-width: 0;
}

.faq-sec__list {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 1000px;
  margin: 0 auto;
}

.faq-sec__item {
  position: relative;
}

.faq-sec__item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 2px dashed #46BFDE;
}

.faq-sec__item:last-child::after {
  display: none;
}

.faq-sec__item__question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  padding-right: 50px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  position: relative;
  padding-bottom: 27px;
  padding-top: 27px;
  transition: opacity 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.faq-sec__item__question:hover {
  opacity: 0.7;
}

.faq-sec__item__question__text {
  font-family: 'Jost', 'Noto Sans JP', system-ui, -apple-system, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1875;
  color: #231815;
}

.faq-sec__item__icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: auto;
  pointer-events: none;
}

.faq-sec__item__icon__line {
  position: absolute;
  background-color: #000;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.faq-sec__item__icon__line--horizontal {
  width: 14px;
  height: 2px;
  opacity: 1;
}

.faq-sec__item__icon__line--vertical {
  width: 2px;
  height: 14px;
  opacity: 1;
}

.faq-sec__item.is-open .faq-sec__item__icon__line--vertical {
  opacity: 0;
  transform: rotate(90deg);
}

.faq-sec__item__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0;
  -webkit-transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: max-height;
}

.faq-sec__item__answer__content {
  padding-bottom: 27px;
  font-family: 'Jost', 'Noto Sans JP', system-ui, -apple-system, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #231815;
  padding-top: 7px;
}

.faq-sec__item__answer__content p {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .faq-sec {
    padding: 60px 20px 0;
  }
  
  .faq-sec__inner__title__en {
    font-size: 24px !important;
  }
  
  .faq-sec__item::after {
    width: 100%;
  }
  
  .faq-sec__item__question {
    padding-right: 30px;
    padding-bottom: 8px;
  }
  
  .faq-sec__item__icon {
    right: 0;
  }

  .faq-sec__inner__title {
    margin-bottom: 18px;
  }

  .faq-sec__inner__title__en {
    font-size: 22px !important;
    letter-spacing: .1em !important;
  }

  .faq-sec__item__question__text {
    font-size: 15px!important;
  }
}

.faq-sec__inner__more {
  margin-top: 40px;
  text-align: center;
}

.faq-sec__inner__more__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 320px;
  width: 100%;
  height: 46px;
  position: relative;
  padding: 0 30px 0 20px;
  background-color: #46BFDE;
  color: #fff;
  font-size: 15px;
  font-family: 'メイリオ', 'Meiryo';
  text-decoration: none;
  transition: color 0.2s ease;
  margin: 0 auto;
  font-weight: 500!important;
}

.faq-sec__inner__more__btn .ap-view-more-arrow {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 8px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg width='22' height='8' viewBox='0 0 22 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 3.76667H21.5M21.5 3.76667L15.6475 0.5M21.5 3.76667L15.6475 7.5' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: right 0.2s ease;
}

.faq-sec__inner__more__btn:hover .ap-view-more-arrow {
  right: 15px;
}

@media screen and (max-width: 719px) {
  .faq-sec__inner__more__btn {
    max-width: 280px;
    height: 50px;
  }
}

/* ===============================*/
/* ボトムアイコンセクション */
/* ===============================*/

.bottom-icon-sec__inner {
  padding:  0 50px 121px;
  max-width: 1000px;
  margin: 0 auto;
}

.bottom-icon-sec__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.bottom-icon-sec__item {
  position: relative;
  height: 102.27px;
  background-color: #000000;
  border-radius: 12.784px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
}

.bottom-icon-sec__item-icon {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}

.bottom-icon-sec__item-txt {
  margin: 0;
  font-family: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  font-size: 19.176px;
  line-height: 1.2666em;
  color: #FFFFFF;
  margin-left: 20px;
  letter-spacing: 0;
}

/* 1つ目のアイコン */
.bottom-icon-sec__item:nth-child(1) .bottom-icon-sec__item-icon::before {
  content: '';
  display: block;
  width: 94px;
  height: 78px;
  flex-shrink: 0;
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2294%22%20height%3D%2278%22%20viewBox%3D%220%200%2094%2078%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cg%20clip-path%3D%22url%28%23clip0_188_60%29%22%3E%0A%3Cpath%20d%3D%22M31.3703%2055.4024C29.7729%2054.8072%2027.7984%2055.3252%2026.7113%2056.637C25.5577%2058.0259%2025.3248%2059.9991%2026.2676%2061.5754C27.2105%2063.1517%2029.0297%2063.8903%2030.8157%2063.5706C32.8013%2063.2178%2034.199%2061.3659%2034.2211%2059.4148C34.199%2057.596%2033.0675%2056.0417%2031.3592%2055.4024H31.3703ZM31.8029%2059.1503C31.8029%2059.1503%2031.8029%2059.1062%2031.7918%2059.0952C31.7918%2059.1062%2031.7918%2059.1282%2031.8029%2059.1503ZM29.2849%2057.6842C29.2849%2057.6842%2029.2072%2057.7173%2029.1628%2057.7283C29.2294%2057.6952%2029.2738%2057.6732%2029.2849%2057.6842ZM28.464%2060.4951C28.464%2060.4951%2028.5084%2060.5613%2028.5306%2060.5943C28.4862%2060.5502%2028.4529%2060.5172%2028.464%2060.4951ZM29.185%2061.0904L29.2849%2061.1234C29.2849%2061.1234%2029.2294%2061.1124%2029.185%2061.0904ZM31.6254%2060.2195C31.6254%2060.2195%2031.6476%2060.1754%2031.6698%2060.1313C31.6587%2060.1754%2031.6365%2060.2085%2031.6254%2060.2195ZM31.6698%2060.1093C31.6698%2060.1093%2031.6587%2060.1313%2031.6476%2060.1534C31.57%2060.2857%2031.4923%2060.4179%2031.4147%2060.5392C31.3703%2060.5723%2031.3259%2060.6384%2031.2816%2060.6825C31.2483%2060.7156%2031.2039%2060.7597%2031.1706%2060.7927C31.1485%2060.8148%2031.1263%2060.8258%2031.1152%2060.8479C31.0153%2060.936%2031.0375%2060.914%2031.1817%2060.8038C31.1595%2060.8699%2030.9044%2060.9912%2030.8489%2061.0242C30.8046%2061.0463%2030.7491%2061.0683%2030.7047%2061.1014C30.7047%2061.1014%2030.6936%2061.1014%2030.6826%2061.1124C30.6826%2061.1124%2030.6715%2061.1124%2030.6604%2061.1124C30.5273%2061.1565%2030.4052%2061.1896%2030.261%2061.2226C30.2278%2061.2226%2030.2056%2061.2337%2030.1834%2061.2447H30.0835C29.9504%2061.2447%2029.8173%2061.2447%2029.6842%2061.2337C29.6066%2061.2116%2029.5289%2061.2006%2029.4513%2061.1786C29.3736%2061.1565%2029.296%2061.1345%2029.2183%2061.1014C29.1961%2061.1014%2029.185%2061.0904%2029.1739%2061.0904C29.0852%2061.0352%2028.9632%2060.9581%2028.9299%2060.9471C28.8855%2060.925%2028.8412%2060.8919%2028.7968%2060.8589C28.7746%2060.8368%2028.6304%2060.7156%2028.5417%2060.6164C28.5417%2060.6164%2028.5306%2060.5943%2028.5084%2060.5723C28.464%2060.5061%2028.4196%2060.44%2028.3753%2060.3739C28.3531%2060.3298%2028.3198%2060.2857%2028.2976%2060.2306C28.2865%2060.2085%2028.2754%2060.1865%2028.2643%2060.1534C28.2089%2060.0321%2028.22%2060.0542%2028.2865%2060.2195C28.22%2060.1865%2028.1756%2059.8999%2028.1645%2059.8337C28.1534%2059.7786%2028.1423%2059.7235%2028.1312%2059.6794C28.1312%2059.6794%2028.1312%2059.6757%2028.1312%2059.6684V59.6353C28.1312%2059.503%2028.1312%2059.3818%2028.1312%2059.2495C28.1312%2059.2274%2028.1312%2059.2164%2028.1312%2059.1944C28.1312%2059.1503%2028.1423%2059.1062%2028.1534%2059.0731C28.1867%2058.9408%2028.2311%2058.8196%2028.2643%2058.6873C28.2643%2058.6873%2028.2643%2058.6873%2028.2643%2058.6763C28.3087%2058.6102%2028.342%2058.533%2028.3753%2058.4669C28.4085%2058.4117%2028.4529%2058.3566%2028.4862%2058.3015C28.4973%2058.2795%2028.5084%2058.2684%2028.5195%2058.2574C28.5971%2058.1802%2028.7191%2058.059%2028.7413%2058.048C28.7635%2058.0259%2028.7857%2058.0149%2028.7968%2057.9929C28.8079%2057.9929%2028.819%2057.9818%2028.819%2057.9708C28.8301%2057.9708%2028.8523%2057.9488%2028.8633%2057.9377C28.8966%2057.9157%2029.0408%2057.8165%2029.1518%2057.7503C29.1628%2057.7503%2029.185%2057.7393%2029.2183%2057.7283C29.296%2057.7062%2029.3736%2057.6732%2029.4513%2057.6511C29.5067%2057.6401%2029.5511%2057.6181%2029.6066%2057.607C29.6398%2057.607%2029.895%2057.5299%2029.6953%2057.585C29.4956%2057.6401%2029.7397%2057.585%2029.784%2057.585C29.8506%2057.585%2029.9282%2057.585%2029.9948%2057.585C30.0614%2057.585%2030.139%2057.585%2030.2056%2057.585C30.3609%2057.6181%2030.5162%2057.6622%2030.6604%2057.7173C30.7269%2057.7614%2030.8157%2057.7944%2030.8933%2057.8385C30.9377%2057.8606%2030.9821%2057.8936%2031.0264%2057.9267C31.0375%2057.9377%2031.0597%2057.9488%2031.0708%2057.9598C31.0708%2057.9598%2031.0819%2057.9708%2031.093%2057.9818C31.1817%2058.07%2031.2816%2058.1692%2031.3703%2058.2574C31.3703%2058.2574%2031.3703%2058.2574%2031.3814%2058.2684C31.4258%2058.3346%2031.4701%2058.4007%2031.5034%2058.4669C31.5478%2058.533%2031.5811%2058.6102%2031.6143%2058.6763C31.6143%2058.6763%2031.6143%2058.68%2031.6143%2058.6873C31.6587%2058.8416%2031.7031%2058.996%2031.7475%2059.1503C31.7475%2059.1834%2031.7586%2059.1944%2031.7696%2059.2054C31.7696%2059.2826%2031.7696%2059.3818%2031.7696%2059.4148C31.7696%2059.503%2031.7696%2059.5802%2031.7586%2059.6684V59.7235C31.7364%2059.8227%2031.692%2059.966%2031.6809%2059.988C31.6809%2059.9991%2031.6587%2060.0542%2031.6476%2060.0983L31.6698%2060.1093ZM31.7807%2059.7125C31.7807%2059.7125%2031.7807%2059.5912%2031.7918%2059.5912C31.8029%2059.5912%2031.7918%2059.6463%2031.7807%2059.7125Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3Cpath%20d%3D%22M74.9648%2055.876C73.3675%2055.2808%2071.393%2055.7989%2070.3059%2057.1106C69.1522%2058.4996%2068.9193%2060.4727%2069.8622%2062.049C70.805%2063.6253%2072.6242%2064.3639%2074.4102%2064.0442C76.3958%2063.6915%2077.7935%2061.8396%2077.8157%2059.8885C77.7935%2058.0697%2076.662%2056.5154%2074.9537%2055.876H74.9648ZM75.3974%2059.6239C75.3974%2059.6239%2075.3974%2059.5798%2075.3863%2059.5688C75.3863%2059.5798%2075.3863%2059.6019%2075.3974%2059.6239ZM72.8794%2058.1578C72.8794%2058.1578%2072.8017%2058.1909%2072.7574%2058.2019C72.8239%2058.1689%2072.8683%2058.1468%2072.8794%2058.1578ZM72.0585%2060.9687C72.0585%2060.9687%2072.1029%2061.0349%2072.1251%2061.068C72.0807%2061.0239%2072.0474%2060.9908%2072.0585%2060.9687ZM72.7795%2061.564L72.8794%2061.5971C72.8683%2061.5971%2072.8239%2061.586%2072.7795%2061.564ZM75.2199%2060.6932C75.2199%2060.6932%2075.2421%2060.6491%2075.2643%2060.605C75.2532%2060.6491%2075.231%2060.6821%2075.2199%2060.6932ZM75.2643%2060.5829C75.2643%2060.5829%2075.2532%2060.605%2075.2421%2060.627C75.1645%2060.7593%2075.0868%2060.8916%2075.0092%2061.0128C74.9648%2061.0459%2074.9204%2061.112%2074.8761%2061.1561C74.8428%2061.1892%2074.7984%2061.2333%2074.7652%2061.2664C74.743%2061.2884%2074.7208%2061.2994%2074.7097%2061.3215C74.6098%2061.4097%2074.632%2061.3876%2074.7762%2061.2774C74.7541%2061.3435%2074.4989%2061.4648%2074.4435%2061.4979C74.3991%2061.5199%2074.3436%2061.542%2074.2993%2061.575C74.2993%2061.575%2074.2882%2061.575%2074.2771%2061.586C74.2771%2061.586%2074.266%2061.586%2074.2549%2061.586C74.1218%2061.6301%2073.9998%2061.6632%2073.8555%2061.6963C73.8223%2061.6963%2073.8001%2061.7073%2073.7779%2061.7183H73.6781C73.5449%2061.7183%2073.4118%2061.7183%2073.2787%2061.7073C73.2011%2061.6853%2073.1234%2061.6742%2073.0458%2061.6522C72.9681%2061.6301%2072.8905%2061.6081%2072.8128%2061.575C72.7906%2061.575%2072.7795%2061.564%2072.7685%2061.564C72.6797%2061.5089%2072.5577%2061.4317%2072.5244%2061.4207C72.48%2061.3987%2072.4357%2061.3656%2072.3913%2061.3325C72.3691%2061.3105%2072.2249%2061.1892%2072.1362%2061.09C72.1362%2061.09%2072.1251%2061.068%2072.1029%2061.0459C72.0585%2060.9798%2072.0141%2060.9136%2071.9698%2060.8475C71.9476%2060.8034%2071.9143%2060.7593%2071.8921%2060.7042C71.881%2060.6821%2071.8699%2060.6601%2071.8588%2060.627C71.8034%2060.5058%2071.8145%2060.5278%2071.881%2060.6932C71.8145%2060.6601%2071.7701%2060.3735%2071.759%2060.3074C71.7479%2060.2522%2071.7368%2060.1971%2071.7257%2060.153C71.7257%2060.153%2071.7257%2060.1494%2071.7257%2060.142V60.1089C71.7257%2059.9767%2071.7257%2059.8554%2071.7257%2059.7231C71.7257%2059.7011%2071.7257%2059.6901%2071.7257%2059.668C71.7257%2059.6239%2071.7368%2059.5798%2071.7479%2059.5468C71.7812%2059.4145%2071.8256%2059.2932%2071.8588%2059.1609C71.8588%2059.1609%2071.8588%2059.1609%2071.8588%2059.1499C71.9032%2059.0838%2071.9365%2059.0066%2071.9809%2058.9405C72.0141%2058.8854%2072.0585%2058.8302%2072.0918%2058.7751C72.1029%2058.7531%2072.114%2058.7421%2072.1251%2058.731C72.2027%2058.6539%2072.3247%2058.5326%2072.3469%2058.5216C72.3691%2058.4996%2072.3913%2058.4885%2072.4024%2058.4665C72.4135%2058.4665%2072.4246%2058.4555%2072.4246%2058.4444C72.4357%2058.4444%2072.4579%2058.4224%2072.469%2058.4114C72.5022%2058.3893%2072.6464%2058.2901%2072.7574%2058.224C72.7684%2058.224%2072.7906%2058.213%2072.8239%2058.2019C72.9016%2058.1799%2072.9792%2058.1468%2073.0569%2058.1248C73.1123%2058.1137%2073.1567%2058.0917%2073.2122%2058.0807C73.2454%2058.0807%2073.5006%2058.0035%2073.3009%2058.0586C73.1012%2058.1137%2073.3453%2058.0586%2073.3897%2058.0586C73.4562%2058.0586%2073.5339%2058.0586%2073.6004%2058.0586C73.667%2058.0586%2073.7446%2058.0586%2073.8112%2058.0586C73.9665%2058.0917%2074.1218%2058.1358%2074.266%2058.1909C74.3325%2058.235%2074.4213%2058.2681%2074.4989%2058.3122C74.5433%2058.3342%2074.5877%2058.3673%2074.632%2058.4003C74.6431%2058.4114%2074.6653%2058.4224%2074.6764%2058.4334C74.6764%2058.4334%2074.6875%2058.4444%2074.6986%2058.4555L74.9759%2058.731C74.9759%2058.731%2074.9759%2058.731%2074.987%2058.7421C75.0314%2058.8082%2075.0757%2058.8743%2075.109%2058.9405C75.1534%2059.0066%2075.1867%2059.0838%2075.231%2059.1499C75.231%2059.1499%2075.231%2059.1536%2075.231%2059.1609C75.2754%2059.3153%2075.3198%2059.4696%2075.3642%2059.6239C75.3642%2059.657%2075.3752%2059.668%2075.3863%2059.679C75.3863%2059.7562%2075.3863%2059.8554%2075.3863%2059.8885C75.3863%2059.9767%2075.3863%2060.0538%2075.3752%2060.142V60.1971C75.3531%2060.2963%2075.3087%2060.4396%2075.2976%2060.4617C75.2976%2060.4727%2075.2754%2060.5278%2075.2643%2060.5719V60.5829ZM75.3752%2060.1861C75.3752%2060.1861%2075.3752%2060.0648%2075.3863%2060.0648C75.3974%2060.0648%2075.3863%2060.12%2075.3752%2060.1861Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3Cpath%20d%3D%22M93.9556%2053.4296V41.216C93.9556%2040.4333%2094.0998%2039.4633%2093.9002%2038.6476C93.878%2038.4602%2093.8114%2038.2838%2093.7005%2038.1405C93.6783%2038.0964%2093.6561%2038.0413%2093.6228%2037.9972C92.7576%2036.6524%2091.8813%2035.2965%2091.0161%2033.9517C88.2983%2029.7298%2085.5806%2025.5079%2082.8629%2021.275C82.4635%2020.6577%2082.0642%2020.0404%2081.6759%2019.4231C81.3099%2018.8609%2081.0215%2018.2767%2080.245%2018.2326C78.9028%2018.1444%2077.5384%2018.2326%2076.1961%2018.2326H63.6613V15.6863C63.6613%2013.9446%2063.7279%2012.1809%2063.6613%2010.4392V10.3621C63.6613%209.71171%2063.1067%209.14953%2062.4411%209.14953H19.8893C17.9259%209.14953%2015.9403%209.07237%2013.9769%209.14953H13.8881C13.2337%209.14953%2012.6679%209.70069%2012.6679%2010.3621V18.2326H5.32453C3.76045%2018.2326%203.76045%2020.6467%205.32453%2020.6467H12.6679V27.7677H1.17584C-0.388242%2027.7677%20-0.388242%2030.1817%201.17584%2030.1817H12.679V36.6083H5.33562C3.77154%2036.6083%203.77154%2039.0223%205.33562%2039.0223H12.679V48.1165C12.679%2049.8581%2012.6125%2051.6218%2012.679%2053.3635V56.6704C12.679%2058.0263%2012.5237%2059.4483%2013.4001%2060.5947C14.0767%2061.4876%2015.0972%2061.9616%2016.2176%2061.9946C16.506%2061.9946%2016.7944%2061.9946%2017.0939%2061.9946H23.4279C23.6387%2062.5348%2023.8827%2063.0639%2024.1933%2063.5599C26.4008%2067.1755%2030.6937%2069.0164%2034.8534%2068.2227C38.2922%2067.5724%2041.021%2065.1032%2042.2523%2061.9836H66.8449C67.0779%2062.6891%2067.3885%2063.3725%2067.7767%2064.0229C69.9842%2067.6385%2074.2771%2069.4794%2078.4369%2068.6857C82.0531%2068.0023%2084.8707%2065.3126%2086.0132%2061.9836C87.4331%2061.9836%2088.8641%2062.0057%2090.2839%2061.9836C92.2584%2061.9505%2093.8558%2060.4293%2093.9445%2058.4672C93.9778%2057.6956%2093.9445%2056.924%2093.9445%2056.1524V53.4296H93.9556ZM90.5169%2037.6334H70.6165V27.0732H83.717C85.8579%2030.4022%2087.9877%2033.7202%2090.1286%2037.0492C90.2617%2037.2476%2090.3838%2037.446%2090.5058%2037.6444L90.5169%2037.6334ZM78.0375%2020.6357H79.5905C80.4557%2021.9695%2081.3099%2023.3143%2082.1751%2024.6481H69.4185C68.764%2024.6481%2068.1983%2025.1993%2068.1983%2025.8607V38.846C68.1983%2039.4963%2068.7529%2040.0585%2069.4185%2040.0585H91.5374V52.2281H84.0276C82.9294%2050.9825%2081.5096%2049.9794%2079.8678%2049.3841C76.0408%2047.9842%2071.515%2049.1747%2068.8527%2052.2281H63.6724V20.6357H78.0486H78.0375ZM20.2997%2039.0113H22.4517C24.0158%2039.0113%2024.0158%2036.5972%2022.4517%2036.5972H15.1083V30.1707H26.6115C28.1756%2030.1707%2028.1756%2027.7567%2026.6115%2027.7567H15.1083V20.6357H22.4517C24.0158%2020.6357%2024.0158%2018.2216%2022.4517%2018.2216H15.1083V12.1148C15.1083%2011.9384%2015.1083%2011.751%2015.1194%2011.5746H60.4555C60.7107%2011.5746%2060.9658%2011.5746%2061.232%2011.5857V51.688C61.232%2051.8643%2061.232%2052.0517%2061.2209%2052.2281H40.8102C39.6566%2050.751%2038.1036%2049.5936%2036.2622%2048.9101C32.3354%2047.4661%2027.6875%2048.7448%2025.0585%2051.9746C24.992%2052.0628%2024.9254%2052.1399%2024.87%2052.2281H15.1083V39.0223H20.2997V39.0113ZM17.8593%2059.5695H16.2398C16.029%2059.5695%2015.8072%2059.5034%2015.663%2059.4262C15.2747%2059.1948%2015.1194%2058.853%2015.1194%2058.357C15.1194%2057.894%2015.1194%2057.42%2015.1194%2056.957V54.6422H23.4945C22.8733%2056.2075%2022.6403%2057.9161%2022.84%2059.5806H17.8704L17.8593%2059.5695ZM35.5412%2065.5221C32.4352%2066.6244%2028.9854%2065.7094%2026.8777%2063.1851C24.8478%2060.749%2024.6259%2057.1665%2026.2455%2054.4658C27.865%2051.7541%2031.1485%2050.2329%2034.2877%2050.8612C37.9039%2051.5777%2040.5107%2054.7083%2040.544%2058.368C40.5107%2061.4986%2038.5584%2064.4638%2035.5523%2065.5331L35.5412%2065.5221ZM58.8249%2059.5695H42.8735C42.929%2059.1727%2042.9622%2058.7759%2042.9622%2058.368C42.9511%2057.0563%2042.6849%2055.7996%2042.2079%2054.6422H67.2776C66.5676%2056.1964%2066.2459%2057.894%2066.3569%2059.5806H58.8138L58.8249%2059.5695ZM79.1357%2065.996C76.0297%2067.0984%2072.5799%2066.1834%2070.4723%2063.6591C68.4423%2061.223%2068.2204%2057.6405%2069.84%2054.9398C71.4595%2052.2281%2074.743%2050.7069%2077.8822%2051.3352C81.4985%2052.0517%2084.1053%2055.1823%2084.1385%2058.842C84.1053%2061.9726%2082.1529%2064.9378%2079.1468%2066.0071L79.1357%2065.996ZM91.5152%2058.4452C91.5152%2058.4452%2091.5041%2058.5885%2091.493%2058.6326C91.4709%2058.6987%2091.4598%2058.7538%2091.4376%2058.82C91.4376%2058.831%2091.4376%2058.842%2091.4376%2058.853C91.4376%2058.8641%2091.4265%2058.8751%2091.4154%2058.8861C91.3932%2058.9192%2091.2823%2059.0735%2091.2712%2059.1066C91.2046%2059.1727%2091.1381%2059.2499%2091.0715%2059.305C91.0271%2059.3381%2090.9606%2059.3821%2090.9384%2059.3932C90.9162%2059.4042%2090.8386%2059.4373%2090.7942%2059.4593C90.6944%2059.4924%2090.5945%2059.5144%2090.5058%2059.5365C90.4614%2059.5365%2090.3505%2059.5475%2090.3061%2059.5475C89.5185%2059.5585%2088.742%2059.5475%2087.9545%2059.5475H86.5457C86.5679%2059.305%2086.579%2059.0625%2086.579%2058.82C86.5679%2057.3318%2086.224%2055.9098%2085.6139%2054.6201H91.5374C91.5374%2055.8217%2091.5374%2057.0342%2091.5374%2058.2357C91.5374%2058.3019%2091.5374%2058.368%2091.5374%2058.4231L91.5152%2058.4452Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3C/g%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_188_60%22%3E%0A%3Crect%20width%3D%2294%22%20height%3D%2278%22%20fill%3D%22white%22/%3E%0A%3C/clipPath%3E%0A%3C/defs%3E%0A%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 2つ目のアイコン */
.bottom-icon-sec__item:nth-child(2) .bottom-icon-sec__item-icon::before {
  content: '';
  display: block;
  width: 95px;
  height: 78px;
  flex-shrink: 0;
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2295%22%20height%3D%2278%22%20viewBox%3D%220%200%2095%2078%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cg%20clip-path%3D%22url%28%23clip0_188_65%29%22%3E%0A%3Cpath%20d%3D%22M76.9394%2033.1468H47.6681C47.5897%2033.1468%2047.5112%2033.1468%2047.4439%2033.1688C45.3699%2029.2446%2041.1659%2026.5328%2036.5359%2026.4336C34.3161%2026.3895%2032.0852%2026.4336%2029.9215%2026.9958C27.1076%2027.7234%2024.5067%2029.1564%2022.3767%2031.1075C18.7107%2034.4695%2016.8273%2039.1654%2016.8273%2044.0487V59.0071C16.8273%2060.5504%2016.9282%2062.0164%2017.6906%2063.4164C18.1838%2064.3203%2018.8677%2065.0809%2019.6749%2065.6761V75.5419C19.6749%2077.0962%2022.13%2077.0962%2022.13%2075.5419V66.8446C22.7354%2067.0099%2023.3632%2067.0981%2024.0022%2067.0981C24.8318%2067.0981%2025.6726%2067.0981%2026.5134%2067.0981H46.3901V75.5419C46.3901%2077.0962%2048.8453%2077.0962%2048.8453%2075.5419V67.1202C50.1457%2067.1533%2051.5022%2067.1973%2052.7242%2066.8997C54.3049%2066.5029%2055.5829%2065.5659%2056.4462%2064.3534H76.9394C77.6009%2064.3534%2078.1726%2063.8022%2078.1726%2063.1408V34.3593C78.1726%2033.7089%2077.6121%2033.1468%2076.9394%2033.1468ZM57.6009%2035.5608H66.1659V44.0817C65.5605%2044.0046%2064.9327%2044.0377%2064.2825%2044.1589C63.4753%2044.3132%2062.7354%2044.666%2061.9619%2044.9195C61.8049%2044.9636%2061.648%2045.0187%2061.491%2045.0518C61.278%2045.0959%2061.4798%2045.0518%2061.3789%2045.0628H61.3004C61.3004%2045.0628%2061.3004%2045.0628%2061.278%2045.0628C61.2444%2045.0628%2061.2107%2045.0408%2061.1883%2045.0297C60.639%2044.7542%2060.1345%2044.3904%2059.5515%2044.1589C58.9125%2043.9164%2058.2399%2043.8833%2057.5672%2043.9715C57.343%2044.0046%2057.13%2044.0377%2056.9058%2044.0928V35.5608H57.6009ZM19.2937%2043.4865C19.3273%2040.9071%2020.0448%2038.3717%2021.3901%2036.1451C24.0919%2031.6586%2029.0695%2028.8587%2034.3722%2028.8367C36.3789%2028.8367%2038.3296%2028.8257%2040.2242%2029.6083C42.5785%2030.5894%2044.4955%2032.4633%2045.5493%2034.7561C46.7937%2037.4458%2046.4125%2040.7087%2046.4125%2043.5967V53.9806H33.0829C32.3542%2053.9806%2031.1883%2054.201%2031.1098%2053.231C31.0538%2052.5806%2031.1098%2051.9082%2031.1098%2051.2578V43.9274C31.1098%2042.3732%2028.6547%2042.3732%2028.6547%2043.9274V50.8169C25.6278%2050.9602%2022.6009%2051.1145%2019.5628%2051.2578C19.4731%2051.2578%2019.3946%2051.2578%2019.3049%2051.2689V46.0218C19.3049%2045.173%2019.3049%2044.3132%2019.3049%2043.4644L19.2937%2043.4865ZM49.0246%2064.673H25.2578C24.4507%2064.673%2023.5986%2064.7282%2022.8027%2064.5297C20.7063%2063.9896%2019.3049%2062.1267%2019.2937%2060.0213C19.2937%2059.0292%2019.2937%2058.0371%2019.2937%2057.045V53.705C22.3206%2053.5617%2025.3475%2053.4074%2028.3856%2053.2641C28.4753%2053.2641%2028.5762%2053.2641%2028.6659%2053.253C28.7332%2054.0687%2028.935%2054.8293%2029.5852%2055.4797C30.5941%2056.4938%2031.9282%2056.4057%2033.2511%2056.4057H50.3699C51.0089%2056.4057%2051.6255%2056.3946%2052.2533%2056.571C55.4484%2057.4749%2056.278%2061.5535%2053.8228%2063.6699C52.4663%2064.8494%2050.7175%2064.662%2049.0471%2064.662L49.0246%2064.673ZM69.8318%2061.9172H57.5336C57.8251%2060.5945%2057.7354%2059.1725%2057.1412%2057.8607C56.3565%2056.1191%2054.7533%2054.7742%2052.8924%2054.2451C52.0964%2054.0247%2051.2892%2053.9916%2050.4596%2053.9916H48.9125V35.5608H54.4619V45.8675C54.4619%2046.7714%2055.5045%2047.3887%2056.3116%2046.9147C56.491%2046.8045%2056.6816%2046.7163%2056.8834%2046.6281C56.8834%2046.6281%2056.8946%2046.6281%2056.9058%2046.6281C56.917%2046.6281%2056.9394%2046.6171%2056.9843%2046.6061C57.0852%2046.573%2057.1973%2046.5289%2057.2982%2046.4958C57.4663%2046.4517%2057.8251%2046.3525%2057.9036%2046.3525C58.8789%2046.2423%2059.5179%2046.9919%2060.4596%2047.3226C61.6367%2047.7414%2062.7242%2047.1903%2063.8228%2046.8155C64.361%2046.6281%2064.9215%2046.4517%2065.4932%2046.4407C65.9417%2046.4297%2066.2556%2046.4848%2066.5471%2046.7273C66.5471%2046.7273%2066.5471%2046.7273%2066.5583%2046.7383C66.5807%2046.7604%2066.6031%2046.7714%2066.6367%2046.7934C67.1188%2047.1462%2067.7802%2047.1793%2068.2399%2046.7604C68.2399%2046.7604%2068.2623%2046.7494%2068.2623%2046.7383C68.2623%2046.7383%2068.2735%2046.7383%2068.2735%2046.7273C68.2735%2046.7273%2068.2847%2046.7053%2068.2959%2046.7053C68.4977%2046.5068%2068.6323%2046.2423%2068.6323%2045.8785V35.5719H75.7287V61.9393H69.8318V61.9172Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3Cpath%20d%3D%22M31.7153%2012.9747C31.6592%2015.1793%2032.2197%2017.406%2033.4417%2019.3681C36.0987%2023.6341%2041.2332%2025.7946%2046.2108%2024.8356C48.9798%2024.2955%2051.3453%2022.7963%2053.0605%2020.757C53.2287%2020.6248%2053.3744%2020.4484%2053.4529%2020.25C54.9552%2018.2327%2055.852%2015.7746%2055.8744%2013.1841C55.8744%2012.5558%2055.8072%2011.9275%2055.7063%2011.3212C55.8744%2011.3102%2056.0314%2011.2881%2056.1996%2011.2771C58.1614%2011.1228%2060.157%2010.9464%2062.1188%2011.0346C63.6996%2011.1118%2063.6996%208.68666%2062.1188%208.62052C60.4036%208.54336%2058.6771%208.67564%2056.9619%208.79689C56.3229%208.84099%2055.6839%208.90713%2055.0448%208.96224C53.8005%205.79859%2051.2332%203.21917%2047.8812%201.99559C43.1951%200.287%2037.6233%201.78615%2034.4731%205.58915C32.8475%207.55127%2031.9283%209.93228%2031.7489%2012.3684C31.6928%2012.5668%2031.6816%2012.7873%2031.7265%2012.9747H31.7153ZM53.4081%2013.1841C53.3969%2015.1022%2052.7803%2016.9651%2051.704%2018.5193C50.213%2018.365%2048.7332%2018.2107%2047.2422%2018.0564C46.9955%2018.0343%2046.7601%2018.0012%2046.5135%2017.9792C45.8744%2017.9131%2045.2579%2018.5855%2045.2803%2019.1917C45.3139%2019.9083%2045.8184%2020.3271%2046.5135%2020.4043C47.5449%2020.5145%2048.5762%2020.6248%2049.6188%2020.724C48.8565%2021.2972%2048.0045%2021.7712%2047.0628%2022.0908C43.2063%2023.4357%2038.9238%2022.2562%2036.3117%2019.1807C34.9888%2017.6265%2034.2825%2015.6974%2034.1704%2013.7353C34.2265%2013.7353%2034.2825%2013.7243%2034.3386%2013.7132C34.6749%2013.6691%2035.0112%2013.625%2035.3363%2013.581C37.2982%2013.3274%2039.2601%2013.0849%2041.2332%2012.8424C45.2354%2012.3574%2049.2377%2011.8944%2053.2511%2011.5196C53.352%2012.0598%2053.4081%2012.6109%2053.4081%2013.1731V13.1841ZM35.5157%208.28983C37.5785%204.92776%2041.704%203.09791%2045.6278%203.88056C48.7108%204.49785%2051.1996%206.52612%2052.4776%209.1827C51.5247%209.27089%2050.5718%209.3701%2049.6076%209.46931C44.9888%209.95433%2040.3812%2010.5165%2035.7848%2011.1118C35.3027%2011.1779%2034.8206%2011.244%2034.3386%2011.2992C34.5516%2010.2409%2034.944%209.21577%2035.5157%208.2788V8.28983Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3C/g%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_188_65%22%3E%0A%3Crect%20width%3D%2295%22%20height%3D%2278%22%20fill%3D%22white%22/%3E%0A%3C/clipPath%3E%0A%3C/defs%3E%0A%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 3つ目のアイコン */
.bottom-icon-sec__item:nth-child(3) .bottom-icon-sec__item-icon::before {
  content: '';
  display: block;
  width: 95px;
  height: 78px;
  flex-shrink: 0;
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2295%22%20height%3D%2278%22%20viewBox%3D%220%200%2095%2078%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cg%20clip-path%3D%22url%28%23clip0_188_70%29%22%3E%0A%3Cpath%20d%3D%22M32.5897%2064.3865C31.5583%2064.3865%2030.5381%2064.3093%2029.5852%2064.133C24.63%2063.196%2022.4327%2059.7237%2022.4888%2056.9018C22.556%2053.7491%2025.1457%2051.324%2029.1031%2050.7398C38.5314%2049.3399%2047.2758%2058.7316%2047.6345%2059.1284C47.9036%2059.415%2048.0045%2059.8229%2047.926%2060.1977C47.8475%2060.5725%2047.5673%2060.9032%2047.2085%2061.0575C46.8386%2061.2118%2039.1928%2064.3865%2032.5897%2064.3865ZM31.0538%2053.0216C30.5269%2053.0216%2030.0112%2053.0547%2029.4843%2053.1318C26.7377%2053.5397%2025.0112%2055.0058%2024.9776%2056.9459C24.9439%2058.7867%2026.5247%2061.0685%2030.0673%2061.7409C34.7534%2062.6338%2041.4013%2060.5835%2044.5179%2059.4702C42.1188%2057.2766%2036.7152%2053.0106%2031.0538%2053.0106V53.0216Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3Cpath%20d%3D%22M31.4237%2074.8252C30.6278%2074.8252%2029.843%2074.6929%2029.0583%2074.4173C28.4193%2074.1858%2028.0829%2073.5024%2028.3072%2072.8631C28.5426%2072.2347%2029.2489%2071.904%2029.8879%2072.1245C33.4865%2073.3922%2036.8498%2069.964%2038.8004%2066.3373C41.4574%2061.41%2045.9529%2058.9739%2046.1435%2058.8636C46.7489%2058.544%2047.4888%2058.7644%2047.8139%2059.3486C48.139%2059.9329%2047.9148%2060.6714%2047.3206%2060.9911C47.3206%2060.9911%2043.2735%2063.2068%2040.9865%2067.4617C38.4529%2072.1686%2034.9439%2074.8142%2031.435%2074.8142L31.4237%2074.8252Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3Cpath%20d%3D%22M61.0314%2064.3865C54.4282%2064.3865%2046.7825%2061.2118%2046.4125%2061.0575C46.0426%2060.9032%2045.7735%2060.5835%2045.6951%2060.1977C45.6166%2059.8119%2045.7175%2059.415%2045.9865%2059.1284C46.3565%2058.7316%2055.0785%2049.3399%2064.5179%2050.7398C68.4641%2051.324%2071.065%2053.7491%2071.1323%2056.9018C71.1883%2059.7237%2068.991%2063.185%2064.0359%2064.133C63.083%2064.3093%2062.074%2064.3865%2061.0314%2064.3865ZM49.1143%2059.4812C52.2309%2060.5945%2058.8789%2062.6338%2063.565%2061.752C67.1188%2061.0796%2068.6995%2058.7978%2068.6547%2056.9569C68.6099%2055.0168%2066.8834%2053.5507%2064.148%2053.1429C57.926%2052.2059%2051.7377%2057.0892%2049.1143%2059.4922V59.4812Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3Cpath%20d%3D%22M62.1973%2074.8249C58.6883%2074.8249%2055.1794%2072.1904%2052.6457%2067.4724C50.3475%2063.2065%2046.3453%2061.0239%2046.3004%2061.0018C45.7063%2060.6822%2045.4821%2059.9436%2045.8072%2059.3594C46.1323%2058.7752%2046.8722%2058.5547%2047.4776%2058.8744C47.6682%2058.9736%2052.1637%2061.4097%2054.8206%2066.3481C56.7713%2069.9747%2060.1457%2073.4029%2063.7332%2072.1353C64.3722%2071.9148%2065.0785%2072.2345%2065.3139%2072.8738C65.5381%2073.5021%2065.213%2074.1966%2064.5628%2074.4281C63.778%2074.7037%2062.9933%2074.8359%2062.1973%2074.8359V74.8249Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3Cpath%20d%3D%22M33.5538%2047.6856H27.0403C26.3565%2047.6856%2025.8071%2047.1455%2025.8071%2046.4731V33.7633C25.8071%2033.0909%2026.3565%2032.5508%2027.0403%2032.5508H33.5538C34.2376%2032.5508%2034.787%2033.0909%2034.787%2033.7633V46.4731C34.787%2047.1455%2034.2376%2047.6856%2033.5538%2047.6856ZM28.2735%2045.2605H32.3206V34.9759H28.2735V45.2605Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3Cpath%20d%3D%22M43.8901%2047.6862H38.1838C37.5%2047.6862%2036.9506%2047.146%2036.9506%2046.4736V40.8297C36.9506%2040.1573%2037.5%2039.6172%2038.1838%2039.6172H43.8901C44.5739%2039.6172%2045.1233%2040.1573%2045.1233%2040.8297V46.4736C45.1233%2047.146%2044.5739%2047.6862%2043.8901%2047.6862ZM39.417%2045.2611H42.6569V42.0423H39.417V45.2611Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3Cpath%20d%3D%22M55.0672%2044.2465H48.6322C47.9484%2044.2465%2047.3991%2043.7063%2047.3991%2043.0339V37.7208H38.1838C37.5%2037.7208%2036.9506%2037.1806%2036.9506%2036.5082V30.0817C36.9506%2029.4093%2037.5%2028.8691%2038.1838%2028.8691H55.0672C55.7511%2028.8691%2056.3004%2029.4093%2056.3004%2030.0817V43.0339C56.3004%2043.7063%2055.7511%2044.2465%2055.0672%2044.2465ZM49.8654%2041.8214H53.834V31.2942H39.417V35.2957H48.6322C49.3161%2035.2957%2049.8654%2035.8358%2049.8654%2036.5082V41.8214Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3Cpath%20d%3D%22M68.4977%2044.2466H59.5179C58.8341%2044.2466%2058.2847%2043.7065%2058.2847%2043.0341V25.3639C58.2847%2024.6915%2058.8341%2024.1514%2059.5179%2024.1514H68.4977C69.1816%2024.1514%2069.7309%2024.6915%2069.7309%2025.3639V43.0341C69.7309%2043.7065%2069.1816%2044.2466%2068.4977%2044.2466ZM60.7511%2041.8215H67.2645V26.5765H60.7511V41.8215Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3Cpath%20d%3D%22M69.6524%2021.1978H58.7556C58.0717%2021.1978%2057.5224%2020.6576%2057.5224%2019.9852V11.0895C57.5224%2010.4171%2058.0717%209.87695%2058.7556%209.87695H69.6524C70.3363%209.87695%2070.8856%2010.4171%2070.8856%2011.0895V19.9852C70.8856%2020.6576%2070.3363%2021.1978%2069.6524%2021.1978ZM59.9888%2018.7727H68.4193V12.3021H59.9888V18.7727Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3Cpath%20d%3D%22M71.2444%208.20097C70.9753%208.20097%2070.695%208.11279%2070.4708%207.93642C69.9439%207.51754%2069.8542%206.75694%2070.2914%206.22783L72.4215%203.62636C72.8475%203.10827%2073.621%203.02008%2074.1592%203.44999C74.6861%203.86887%2074.7757%204.62946%2074.3385%205.15858L72.2085%207.76005C71.9619%208.05767%2071.6031%208.212%2071.2444%208.212V8.20097Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3Cpath%20d%3D%22M73.8453%2011.1665C73.3296%2011.1665%2072.8475%2010.8468%2072.6794%2010.3398C72.4664%209.70044%2072.8139%209.017%2073.4641%208.80756L76.7489%207.73831C77.3991%207.52887%2078.0942%207.87059%2078.3072%208.50993C78.5202%209.14928%2078.1726%209.83272%2077.5224%2010.0422L74.2377%2011.1114C74.1143%2011.1555%2073.9798%2011.1775%2073.8453%2011.1775V11.1665Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3Cpath%20d%3D%22M77.6009%2015.3223C77.6009%2015.3223%2077.5112%2015.3223%2077.4664%2015.3223L74.0919%2014.9475C73.4193%2014.8704%2072.926%2014.2751%2073.0045%2013.6027C73.083%2012.9413%2073.6883%2012.4563%2074.3722%2012.5335L77.7466%2012.9083C78.4193%2012.9854%2078.9126%2013.5807%2078.8341%2014.2531C78.7668%2014.8704%2078.2287%2015.3334%2077.6121%2015.3334L77.6009%2015.3223Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3Cpath%20d%3D%22M47.5%2061.2C27.8699%2061.2%2011.8946%2048.5343%2011.8946%2032.9696C11.8946%2017.4049%2027.8699%204.73926%2047.5%204.73926C49.6412%204.73926%2051.7825%204.89358%2053.8789%205.19121C54.5515%205.29042%2055.0224%205.90771%2054.9215%206.56911C54.8206%207.2305%2054.1928%207.69347%2053.5202%207.59426C51.5471%207.30766%2049.5179%207.16436%2047.5%207.16436C29.2264%207.16436%2014.361%2018.7387%2014.361%2032.9696C14.361%2047.2005%2029.2264%2058.7749%2047.5%2058.7749C65.7735%2058.7749%2080.639%2047.2005%2080.639%2032.9696C80.639%2032.2972%2081.1883%2031.7571%2081.8722%2031.7571C82.556%2031.7571%2083.1054%2032.2972%2083.1054%2032.9696C83.1054%2048.5343%2067.13%2061.2%2047.5%2061.2Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3Cpath%20d%3D%22M81.8722%2034.3256C81.1099%2034.3256%2080.4933%2033.7193%2080.4933%2032.9697C80.4933%2028.9463%2079.3274%2025.0882%2077.0291%2021.5167C76.6256%2020.8883%2076.8161%2020.0506%2077.4552%2019.6427C78.0942%2019.2459%2078.9462%2019.4333%2079.361%2020.0616C81.9058%2024.0189%2083.2511%2028.4833%2083.2511%2032.9697C83.2511%2033.7193%2082.6345%2034.3256%2081.8722%2034.3256Z%22%20fill%3D%22%2346BFDE%22/%3E%0A%3C/g%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_188_70%22%3E%0A%3Crect%20width%3D%2295%22%20height%3D%2278%22%20fill%3D%22white%22/%3E%0A%3C/clipPath%3E%0A%3C/defs%3E%0A%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media(max-width: 1024px) {
  .bottom-icon-sec__list {
    grid: 18px;
  }

  .bottom-icon-sec__item:nth-child(1) .bottom-icon-sec__item-icon::before {
    width: 75px;
    height: 62px;
  }

  .bottom-icon-sec__item:nth-child(2) .bottom-icon-sec__item-icon::before {
    width: 75px;
    height: 62px;
  }

  .bottom-icon-sec__item:nth-child(3) .bottom-icon-sec__item-icon::before {
    width: 75px;
    height: 62px;
  }

  .bottom-icon-sec__item-txt {
    font-size: 17px;
    line-height: 1.2666em;
    margin-left: 0;
    margin-top: 0;
    text-align: center;
  }

  .bottom-icon-sec__item {
    gap: 30px;
  }
}

@media(max-width: 959px) {
  .bottom-icon-sec__item {
    justify-content: space-around;
    gap: 14px;
  }
}

/* モバイル版（768px以下） */
@media (max-width: 768px) {
  .bottom-icon-sec {
    padding: 80px 0 57px;
  }

  .bottom-icon-sec__inner {
    max-width: 739px;
    padding: 0 20px;
  }

  .bottom-icon-sec__list {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 13px;
    justify-content: center;
    flex-wrap: wrap;
  }

  .bottom-icon-sec__item {
    width: 112px;
    height: 112px;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    gap: 9px;
  }

  .bottom-icon-sec__item-txt {
    font-size: 15px;
  }

  .bottom-icon-sec {
    padding: 70px 0;
  }

}

@media(max-width: 403px) {
  .bottom-icon-sec__item {
    width: 102px;
    height: 102px;
  }

  /* 1つ目のアイコン */
.bottom-icon-sec__item:nth-child(1) .bottom-icon-sec__item-icon::before {
  width: calc(94px * 0.8);
  height: calc(78px * 0.8);
}

/* 2つ目のアイコン */
.bottom-icon-sec__item:nth-child(2) .bottom-icon-sec__item-icon::before {
  width: calc(95px * 0.8);
  height: calc(78px * 0.8);
}

/* 3つ目のアイコン */
.bottom-icon-sec__item:nth-child(3) .bottom-icon-sec__item-icon::before {
  width: calc(95px * 0.8);
  height: calc(78px * 0.8);
}

.bottom-icon-sec__item-txt {
  font-size: 14px;
}
}



/* ===============================*/
/* 筋トレサプリ診断バナー調整 */
/* ===============================*/
.p-banner__link {
  transition: opacity 0.3s;
}

section:has(.custom-ranking-section) + section[data-section-type="banner"] {
  background-color: initial!important;
}

@media(hover: hover) {
  .p-banner__link:hover {
    opacity: 0.6;
  }
}

@media(max-width: 768px) {
  section:has(.p-category_ranking_section) + [data-section-type="banner"] {
    padding: 0;
    margin-top: 60px;
  }

  section:has(.p-category_ranking_section) + [data-section-type="banner"] .p-banner_section {
    row-gap: 0 !important;
  }
} 

@media(max-width: 719px) {
  section:has(.p-category_ranking_section) + [data-section-type="banner"] {
    padding: 0;
    margin-top: 0;
  }

  section:has(.p-category_ranking_section) + [data-section-type="banner"] .p-banner_section {
    max-width: initial;
  }
}



/* =============================================================================================*/
/* 商品詳細ページ */
/* =============================================================================================*/
.p-product_content {
  padding: 0!important;
}

@media(max-width: 1279px) {
  .p-product_content__breadcrumbs {
    max-width: 1240px;
    padding: 20px;
  }

  .p-product_content__breadcrumbs--pc {
    padding: 20px!important;
  }
}

@media(max-width: 768px) {
  .p-product_content__breadcrumbs--pc {
    padding: 20px!important;
  }
}

@media screen and (max-width: 719px) {
  .p-product_content__breadcrumbs--pc {
      display: block!important;
  }
}

.c-product_info__average-star.u-text--body {
  font-weight: 500;
  letter-spacing: 0;
}

.p-product_content__breadcrumbs--sp {
  display: none;
}

.c-product_info__price {
  margin-top: 28px!important;
}

.p-product_content__inner {
  gap: 30px !important;
  justify-content: flex-start;
  max-width: 1040px;
  width: 100%;
  padding: 0 20px;
}

.p-product_content__inner__info {
  width: 45%!important;
}

.p-product_content__inner__img {
  width: 100%!important;
}

.p-product_content__l {
  width: 55%;
}

.p-product_content__chart {
  max-width: 100%;
}

.c-badge {
  background-color: #55BFDC;
  color: #fff;
  border: none;
  border-radius: 90px;
  font-size: 12px;
  letter-spacing: 0;
}

.c-cart_item__badges {
  margin-top: 0!important;
}

.c-product_info__badge {
  gap: 6px!important;
}

.c-product_info__category {
  color: #46BFDE !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  margin-top: 33px;
  line-height: 1.1;
}

.c-product_info__title {
  font-size: 16px!important;
  font-weight: 400!important;
  letter-spacing: 0!important;
  line-height: 1.18em!important;
  margin-top: 13px;
}

#product-price-content {
  font-weight: 500!important;
  font-size: 13px!important;
  font-weight: 500;
  letter-spacing: 0;
}

#product-price-content .u-text--subhead:not(#sales-price, #list-price) {
  font-size: 13px!important;
  font-weight: 500!important;
}

#product-price-content .ap-price-label {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  padding-right: 3px;
}

#sales-price-include-tax,
#list-price-include-tax {
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0;
  margin-left: -6px;
}

#product-price-content #sales-price,
#product-price-content #list-price {
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.c-product_info__star {
  color: #46BFDE!important;
  letter-spacing: .04em;
}

.c-product_info__show-review {
  display: none;
}

#description {
  display: none;
}

.c-product_info__form__variant.sortable:has(.option_type) {
  margin: 55px 0 0!important;
}

.c-product_info__form__variant > div > div > * {
  padding: 0 43px 0 14px!important;
  height: 44px!important;
  border-radius: 3px!important;
  border-color: #000000!important;
}

/* 定期/単品セレクトボックス右側の矢印をSVG（data URI）で描画 */
.c-product_info__form__variant > div > div::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 14px;
  height: 12px;
  pointer-events: none;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'><path d='M6.92773 12L-0.000470066 -3.51391e-07L13.8559 8.59975e-07L6.92773 12Z' fill='%23D9D9D9'/></svg>");
}


.c-product_info__form__submit.btn-half {
  border: 1px solid #46BFDE !important;
  border-radius: 9px;
}



/* チェックボックス風に変更 */

/* 単品 / 定期 ラジオをトグルボタン風に */
#label-single-product input[type="radio"],
#label-recurring-product input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* ボタン全体（2つ並ぶタブ風） */
.c-product_info__form__buttons.c-product_info__form__subsdetail__input__inputwrap {
  gap: 8px;
  margin-top: 56px;
  justify-content: center!important;
}

#label-single-product,
#label-recurring-product {
  position: relative;
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  height: 83px;
  max-width: 124px!important;
  border-radius: 9px;
  border: 1px solid #EDEDED !important;
  background-color: #FFFFFF !important;
  cursor: pointer;
  flex-direction: column;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

#label-single-product {
  border-color: #46BFDE !important;
}

#label-recurring-product {
  background-color: #EDEDED!important;
  position: relative;
  opacity: 1;
}
#label-recurring-product::after {
  content: "";
  position: absolute;
  top: -21px;
  left: 50%;
  transform: translateX(-50%);
  width: 116px;
  height: 18px;
  text-align: center;
  background-image: url(../img/products/teiki-txt.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 共通テキスト */
#label-single-product .label,
#label-recurring-product .label {
  font-size: 14px;
  font-weight: 500;
  color: #828282;
}

/* 選択されていない側（デフォルト） */
#label-single-product,
#label-recurring-product {
  color: #555555;
}

/* 選択されている側を強調（ブランドカラーはお好みで） */
#label-single-product input[type="radio"]:checked ~ .label,
#label-recurring-product input[type="radio"]:checked ~ .label {
  color: #46BFDE;
}

#label-single-product input[type="radio"]:checked + .frame,
#label-recurring-product input[type="radio"]:checked + .frame {
  /* frame自体は透明にしておいてOK */
}

/* 選択中ラベル全体の背景・枠色 */
#label-single-product input[type="radio"]:checked ~ .label,
#label-recurring-product input[type="radio"]:checked ~ .label {
  /* ラベルにだけ色を当てる場合はここだけでも良い */
}

#label-single-product input[type="radio"]:checked ~ .label,
#label-recurring-product input[type="radio"]:checked ~ .label,
#label-single-product input[type="radio"]:checked ~ .frame,
#label-recurring-product input[type="radio"]:checked ~ .frame {
  /* 何も書かない：下のラッパーに任せる */
}

/* ラベルの親（button風）自体を色替え */
#label-single-product input[type="radio"]:checked ~ .frame,
#label-recurring-product input[type="radio"]:checked ~ .frame {
  /* ダミー。実際の背景色切替は親に対してJS側のclass付与でもOKだが、
     ここでは active 状態を CSS のみで表現 */
     border: 1px solid #46BFDE !important;
}

.c-product_info__form__subsdetail__input__inputwrap > label input[type=radio]:checked + .frame:before {
display: none!important;
}

/* checked を親ラベルに反映させるため、属性セレクタでフォールバック */
#label-single-product[style*="opacity: 1"],
#label-recurring-product[style*="opacity: 1"] {
  /* 選択中：白背景＋青ボーダー＋青文字 */
  background-color: #FFFFFF!important;
  border: 1px solid #46BFDE!important;
  color: #46BFDE;
}

/* 非アクティブ側：白背景＋白ボーダー＋グレー文字 */
#label-single-product[style*="opacity: 0.6"],
#label-recurring-product[style*="opacity: 0.6"] {
  background-color: #EDEDED!important;
  border: 1px solid #EDEDED!important;
  color: #828282!important;
  opacity: 1!important;
}

/* チェックボックス枠（□部分） */
#label-single-product .frame,
#label-recurring-product .frame {
  width: 14px;
  height: 14px;
  border: none;
  background-color: #FFFFFF;
  position: relative;
  flex-shrink: 0;
  border-radius: 0px;
}

/* SVGチェックマーク（未チェック時は非表示） */
#label-single-product .frame::after,
#label-recurring-product .frame::after {
  content: "";
  position: absolute;
  inset: 2px;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'><path d='M1.20898 6.94448L4.6429 10.8871L10.8864 1.20972' stroke='%2346BFDE' stroke-width='2.41935' stroke-linecap='round'/></svg>");
}

/* 選択されているときだけSVGチェックを表示 */
#label-single-product input[type="radio"]:checked + .frame::after,
#label-recurring-product input[type="radio"]:checked + .frame::after {
  opacity: 1;
}



.c-product_info__form__quantity {
  justify-content: space-between;
}

.c-product_info__form__quantity__wrap {
  display: flex;
  justify-content: flex-end;
}
.c-product_info__form__quantity {
  justify-content: space-between;
  border-bottom: 1px solid #000;
}

.c-order_quantity .u-color__border--input {
  border: none !important;
}

.c-order_quantity {
  width: min(100%, 100px)!important;
}

.c-order_quantity__input {
  padding-left: 38px!important;
  padding-right: 38px!important;
}

.c-product_info__favorite button {
  background: #EDEDED !important;
  border: 1px solid #EDEDED !important;
  color: #828282 !important;
  width: 100%;
  height: 60px;
}

.c-product_info__favorite__btn span {
  color: #828282 !important;
  text-decoration: none!important;
}

.u-icon--heart_blank:before {
  color: #828282 !important;
}


/* 自由入力欄１ */
.chart-img {
  width: 100%;
  margin-top: 70px;
}

.chart-img img {
  width: 100%;
}


   /* 商品詳細ページ：商品詳細情報アコーディオン */
   .ap-product-description-accordion-title {
    display: block;
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 4px;
    text-align: left;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    transition: background-color 0.2s ease, opacity 0.3s;
    position: relative;
  }
  
  @media(hover: hover) {
    .ap-product-description-accordion-title:hover {
      background-color: transparent;
      opacity: 0.6;
    }
  }

  .ap-product-description-accordion-title:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .ap-product-description-accordion-title::before {
    content: '';
    position: absolute;
    background-image: url(../img/products/product-description-line.png);
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-size: contain;
    background-repeat: repeat-x;
    background-position: center;
  }
  
  /* 擬似要素で「＋」アイコンを表示 */
  .ap-product-description-accordion-title::after {
    content: '\002B';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    transition: transform 0.3s ease, content 0.3s ease;
  }
  
  /* 開いた状態では「－」アイコンを表示 */
  .ap-product-description-accordion-title.is-expanded::after {
    content: '\2212';
    transform: translateY(-50%);
  }
  
  .ap-product-description-content {
    margin-top: 0;
    padding-top: 16px;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.4s ease-out, opacity 0.4s ease-out, padding-top 0.4s ease-out;
  }
  
  .ap-product-description-content.is-expanded {
    max-height: 5000px; /* 十分に大きな値 */
    opacity: 1;
    padding-top: 16px;
  }
  
  .ap-product-description-content.is-collapsed {
    max-height: 0;
    opacity: 0;
    padding-top: 0;
  }

  .c-review_item_detail__left {
    flex-direction: column-reverse!important;
    gap: 0!important;
    justify-content: flex-end!important;
  }

  .c-review_item_detail__star {
    color: #46BFDE!important;
    letter-spacing: .15em;
  }


.ap-review-content-wrapper {
    display: flex;
    flex-direction: column-reverse;
}

.p-review__inner__entry {
  text-align: center;
  margin-top: 50px;
}

.ap-review-content-wrapper .u-color__border--border {
  border-top: none!important;
  border-bottom: none!important;
}

.c-review_item_detail__name {
  font-size: 14px!important;
  font-weight: 500!important;
  letter-spacing: 0!important;
}

.c-review_item_detail__title {
  font-size: 16px!important;
  font-weight: 500!important;
}

.c-review_item_detail__time {
  font-size: 14px!important;
  letter-spacing: 0!important;
  color: #000000!important;
  margin-bottom: 14px!important;
}

.c-review_item_detail__title {
  font-size: 16px!important;
  letter-spacing: 0!important;
}

.c-review_item_detail__content {
  font-size: 14px!important;
  letter-spacing: 0!important;
  line-height: 1.5!important;
}

.c-review_item_detail {
  padding: 36px 0 0 !important;
  gap: 0!important;
}

.p-review__inner__list {
  max-width: 1000px;
  margin: 10px auto 0;
}

.p-review {
  padding-top: 92px!important;
  margin-bottom: 92px;
  background-color: #F0F0F0!important;
}

.p-review__inner {
  max-width: 1200px!important;
}

.p-review__inner__entry__btn {
  background-color: #46bfde!important;
  color: #fff !important;
  text-decoration: none!important;
  min-height: 60px!important;
  padding: 20px 50px !important;
}

#product-show-view .recently-viewed {
  margin: 0 auto;
}

#product-show-view .recently-viewed__title {
  color: #000000 !important;
}

#product-show-view .recently-viewed .l-container {
  padding: 0 50px 30px!important;
}

  /* スマートフォン対応 */
  @media (max-width: 768px) {
    .ap-product-description-accordion-title {
      padding: 10px 14px;
      font-size: 14px;
    }
    
    .ap-product-description-accordion-title::after {
      right: 14px;
      font-size: 18px;
    }

    #product-show-view .recently-viewed .l-container {
      padding: 0 0 56px 20px!important;
    }

    .p-review__inner__entry__btn {
      padding: 20px 20px !important;
    }

    .c-review_item_detail {
      gap: 10px;
    }

    .c-review_item_detail__time {
      margin-bottom: 0!important;
    }

    .p-review {
      padding-top: 68px !important;
      padding-bottom: 28px !important;
      background-color: #F0F0F0 !important;
      margin-bottom: 60px;
    }

    .p-product_content__inner {
      padding: 0 20px;
    }
  }

  @media(max-width: 719px) {
    .p-product_content__l {
      width: 100%;
    }

    .p-product_content__inner__info {
      width: 100% !important;
      padding: 0!important;
    }

    .ap-price-review-wrapper #price-group {
      display: flex;
      /* justify-content: flex-end; */
    }
  }


  /* 飲む順番セクション */
  .harukura-sec__inner {
    padding-top: 80px;
    background-color: #f0f0f0;
}

  .harukura-sec__howto-ttl {
    max-width: 416px;
    width: 100%;
    margin: 0 auto;
  }

  .harukura-sec__howto-content {
    display: flex;
    justify-content: center;
    gap: 46px;
    margin-top: 31px;
    margin-bottom: 125px;
  }

  .harukura-sec__howto-content-item {
    background-color: #ffffff;
    border: 1px solid #000000;
    border-radius: 50%;
    width: 276px;
    height: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .harukura-sec__howto-content-item-img {
    width: 110px;
    margin-top: 17px;
  }

  .harukura-sec__howto-content-item-img img {
    width: 100%;
  }

  .harukura-sec__howto-content-item-ttl {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.1em;
  }

  .harukura-sec__howto-content-item-txt {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0;
    margin-top: 28px;
  }

  .harukura-sec__howto-content-item-arrow {
    width: 42.3px;
    margin-top: 21px;
    transition: transform 0.3s ease;
  }

  .harukura-sec__howto-content-item-arrow img {
    width: 100%;
  }

  .harukura-sec__howto-content-item:hover .harukura-sec__howto-content-item-arrow {
    transform: translateX(10px);
  }

  .harukura-sec__howto-bottom-ttl {
    width: 61%;
    max-width: 866.85px;
    margin: 0 auto;
    margin-bottom: -5px;
  }



@media(max-width: 768px) {
  .harukura-sec__inner {
    padding: 33px 20px 0 20px;
  }

  .harukura-sec__howto-content {
    margin-top: 20px;
    gap: 12px;
    margin-bottom: 72px;
  }

  .harukura-sec__howto-content-item-img {
    width: 70px;
    margin-top: 6px;
  }

  .harukura-sec__howto-content-item-txt {
    font-size: 14px;
    margin-top: 10px;
  }

  .harukura-sec__howto-content-item-arrow {
    margin-top: 6px;
  }

  .harukura-sec__howto-content-item-ttl {
    font-size: 12px;
  }

  .harukura-sec__howto-bottom-ttl {
    width: 100%;
    margin-bottom: -1px;
  }

}

/* ハルクラインスタセクション専用スクロールインジケーター */
.harukura-scroll-bar {
  max-width: 1000px;
  margin: 20px auto 10px !important;
  padding: 0;
}

.harukura-scroll-bar .apsc-track {
  width: 100%;
  height: 5px;
  background: #D9D9D9;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}

.harukura-scroll-bar .apsc-thumb {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  min-width: 28px;
  background: #46BFDE;
  border-radius: 2px;
  cursor: grab;
  transition: background-color 0.2s, left 0.1s ease-out;
  will-change: left;
}

.harukura-scroll-bar .apsc-thumb:active {
  cursor: grabbing;
  background-color: #000;
}

.harukura-sec__insta .harukura-sec__inner {
  background-color: #ffffff;
  padding: 0 50px 128px;
}

.harukura-sec__insta-ttl {
  max-width: 513px;
  width: 100%;
  margin: 0 auto;
  padding-top: 21px;
  padding-right: 20px;
}

.harukura-sec__insta-ttl img {
  width: 100%;
}

.harukura-sec__insta-content {
  display: flex;
  flex-wrap: nowrap;
  gap: 42px;
  margin-top: 68px;
  margin-bottom: 125px;
  padding: 0 50px 0 0;
  justify-content: flex-start;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: auto;
  overscroll-behavior-x: none;
  max-width: 1000px;
  margin: 68px auto 40px;
}

.harukura-sec__insta-content-item {
  min-width: 305px;
}

.harukura-sec__insta-content-item img{
  width: 100%;
}

.harukura-sec__insta-content-item a {
  transition: opacity 0.3s;
}

.harukura-sec__inner .harukura-scroll-bar {
  max-width: 1000px!important;
  margin-left: auto!important;
  margin-right: auto!important;
}

.harukura-scroll-bar .apsc-track {
  width: 100%;
}

@media(hover: hover) {
  .harukura-sec__insta-content-item a:hover {
    opacity: 0.6;
  }
}

@media(max-width: 1086px) {
  .harukura-sec__insta .harukura-sec__inner {
    padding: 0 0 128px 50px;
  }

  .harukura-sec__inner .harukura-scroll-bar {
    padding-right: 50px;
  }

  .harukura-sec__insta-content {
    margin: 68px 0 125px;
  }
}

@media(max-width: 1000px) {
  .harukura-scroll-bar {
    padding: 0 50px 0 0;
  }
}

@media(max-width: 768px) {
  .harukura-scroll-bar {
    margin: 20px auto 10px !important;
    padding: 0;
  }

  .harukura-sec__insta-content {
    gap: 22px;
    margin-top: 40px;
    margin-bottom: 48px;
    padding: 0 21px 0 0;
    -webkit-overflow-scrolling: touch;
  }

  .harukura-sec__insta-content-item {
    min-width: 180px;
  }

  .harukura-sec__insta .harukura-sec__inner {
    padding: 33px 0 0 20px;
  }

  .harukura-sec__inner .harukura-scroll-bar {
    padding-right: 0;
  }
}




/* ================================================ */
/* 自由入力欄(２カラム） */
/* ================================================ */
.ap-product-option:has(.product-c-section-2) {
  background-color: #46BFDE;
}

.product-c-section-1,
.product-c-section-2,
.product-c-section-3 {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 96px 50px;
  display: flex;
  align-items: center;
  gap: 58px;
  flex-wrap: wrap;
  justify-content: center;
}

/* セクション2 */
.product-c-section-2 {
  flex-direction: row-reverse;
}

.product-c-section-1 .image,
.product-c-section-2 .image,
.product-c-section-3 .image {
  width: calc(100% - (340px + 58px) );
  height: 100%;
  aspect-ratio: 1 / 1;
  background: rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
}

.product-c-section-1 .content,
.product-c-section-2 .content,
.product-c-section-3 .content {
  width: 340px;
}

.product-c-section-1 .title,
.product-c-section-2 .title,
.product-c-section-3 .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.333;
  color: #46BFDE;
  margin-bottom: 23px;
}

.product-c-section-2 .title {
  color: #fff;
}

.product-c-section-1 .text,
.product-c-section-2 .text,
.product-c-section-3 .text {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.733;
  color: #000;
  text-align: justify;
}


/* レシピボタン */
.recipe-button {
  position: relative;
  margin: 40px auto 100px;
}

.recipe-button a {
  width: 470px;
  height: 84px;
  margin: 0 auto;
  margin-top: 10px;
  border: 6px solid #46BFDE;
  border-radius: 50px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media(hover: hover) {
  .recipe-button:hover .arrow {
    transform: translateX(10px);
  }
}


.button-content {
  display: flex;
  align-items: center;
  gap: 16px;
}

.button-text {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.333;
  color: #46BFDE;
  transition: color 0.3s ease;
}

.arrow {
  width: 21px;
  height: 7px;
  stroke: #000;
  stroke-width: 1px;
  fill: none;
  transition: transform 0.3s ease;
}


/* レスポンシブ対応 */
@media (max-width: 1400px) {
  .main-container {
    width: 100%;
    padding: 0 20px;
  }

  .product-c-section-1 .image,
  .product-c-section-2 .image,
  .product-c-section-3 .image {
    width: 100%;
    max-width: 500px;
    aspect-ratio: 1;
  }

  .product-c-section-1 .content,
  .product-c-section-2 .content,
  .product-c-section-3 .content {
    width: 100%;
    max-width: 340px;
  }

  .recipe-button a {
    width: 90%;
    max-width: 470px;
  }

  .blue-background {
    position: static;
    height: auto;
    min-height: 694px;
  }
}

@media(max-width: 1000px) {
  .product-c-section-1 .content, .product-c-section-2 .content, .product-c-section-3 .content {
    width: 100%;
    max-width: initial;
  }
}

@media(max-width: 768px) {
  .product-c-section-1, .product-c-section-2, .product-c-section-3 {
    padding: 50px 20px;
    gap: 34px;
  }

  .product-c-section-3 {
    padding: 50px 20px 0;
  }

  .button-text {
    font-size: 16px;
  }

  .recipe-button {
    margin: 60px auto;
  }

  .recipe-button a {
    border: 4px solid #46BFDE;
    margin-bottom: 88px;
    height: 65px;
    margin-bottom: 68px;
  }
}



/* ===============================*/
/* 商品一覧ページ */
/* ===============================*/

.p-product_list {
  padding-bottom: 150px;
}

.c-product_info__form__submit:disabled {
  border: 1px solid #000 !important;
  color: #000 !important;
  background-color: #fff !important;
}

.u-color__btn--bg.u-text--btn {
  background: #fff !important;
  border: 1px solid #000 !important;
  color: #000 !important;
}

.ap-subscription-note {
  max-width: 350px;
}

.c-product_info__caution {
  margin: 60px auto!important;
}

.ap-subscription-note__inner {
  position: relative;
  padding: 30px 15px 20px;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #000;
}

.ap-subscription-note__header {
  text-align: center;
  margin-bottom: 30px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 0 15px;
}

.ap-subscription-note__title {
  margin: 0;
  font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}

.ap-subscription-note__lead {
  margin: 0;
  font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.4;
}

.ap-subscription-note__lead--strong {
  font-size: 18px;
  margin-bottom: 4px;
}

.ap-subscription-note__body {
  font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}

.ap-subscription-note__list {
  list-style: none;
  padding: 0;
  margin: 0 0 14px;
}

.ap-subscription-note__item {
  position: relative;
  padding-left: 26px;
  margin: 0 0 9px;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.44;
}

.ap-subscription-note__item::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 0.9em;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-radius: 50%;
  background-color: #46BFDE;
}

.ap-subscription-note__divider {
  height: 1px;
  margin: 18px 0 14px;
  background-color: #CECECE;
}

.ap-subscription-note__contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 12px;
}

.ap-subscription-note__contact-head {
  margin: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0;
}

.ap-subscription-note__tel-block {
  text-align: left;
}

.ap-subscription-note__tel {
  margin: 0 0 2px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0;
}

.ap-subscription-note__time {
  margin: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0;
}

.ap-subscription-note__caution {
  margin: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0;
}

@media screen and (max-width: 768px) {
  .ap-subscription-note {
    margin-top: 24px;
    padding: 0 16px;
    max-width: none;
  }

  .ap-subscription-note__inner {
    padding: 26px 18px 22px;
  }

  .ap-subscription-note__contact {
    flex-direction: column;
    align-items: flex-start;
  }

  .ap-subscription-note__tel-block {
    text-align: left;
  }

  .c-product_info__caution {
    margin: 28px auto !important;
  }
}

/* ===============================*/
/* 商品詳細：価格とレビューを横並び（モバイル） */
/* ===============================*/
@media screen and (max-width: 719px) {
  .ap-price-review-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 28px;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  
  .ap-price-review-wrapper #price-group,
  .ap-price-review-wrapper .c-product_info__review {
    margin-top: 0 !important;
    flex: 1;
  }
}



/* ===============================*/
/* 飲む順番セクション */
/* ===============================*/
.daily-plan__inner {
  max-width: 1300px;
  margin: 0 auto;
  padding: 96px 50px 123px;
}

.daily-plan__sv {
  font-size: 20px;
  font-weight: 700;
  color: #46BFDE;
  letter-spacing: 0;
  max-width: 1000px;
  margin: 0 auto;
}

.daily-plan__description {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.73;
  margin-top: 4px;
  max-width: 1000px;
  margin: 0 auto;
}

.daily-plan__item-time {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 10px 10px 0 0;
  background-color: #46BFDE;
}

.daily-plan__item-img {
  width: 170px;
  margin: 0 auto 16px;
  padding-top: 27px;
}

.daily-plan__item-img img {
  width: 100%;
  /* mix-blend-mode: multiply; */
}

.daily-plan__item-title {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 16px;
  text-align: center;
}

.daily-plan__item-btn {
  font-size: 13px;
  font-weight: 400;
  color: #46BFDE;
  background-color: #fff;
  border-radius: 90px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  margin: 18px auto 0;
}

@media(hover: hover) {
  .daily-plan__item:hover .daily-plan__item-btn { 
    color: #fff;
    background-color: #46BFDE;
  }
}


.daily-plan__list {
  display: flex;
  flex-wrap: nowrap;
  gap: 44px;
}

.daily-plan__list-wrap {
  margin: 28px auto 0;
  max-width: 1000px;
}

.daily-plan__item-content {
  padding-bottom: 20px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(
  to bottom,
  #fff 0%,
  #fff 40%,
  #B2E7F4 100%
  );
}

@media(max-width: 768px) {
  .daily-plan__description {
    padding-right: 20px;
  }
}

/* ---------------------------------------------- */
/* DAILY PLANを3カラムで表示する */
.daily-plan__item {
  width: calc(100% / 3);
  position: relative;
  transition: all 0.3s ease;
}
.daily-plan__item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 7.79443L-1.24548e-06 15.5887L-8.94214e-08 0.000204692L13.5 7.79443Z' fill='%2330FF6B'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.daily-plan__item:nth-child(1)::before {
  display: none;
}

/* ---------------------------------------------- */

@media(max-width: 768px) {
  .daily-plan__inner {
    padding: 0 0 80px 20px;
  }

  .daily-plan__list {
    overflow-x: scroll;
    gap: 18px;
    padding-right: 20px;
  }

  .daily-plan__item {
    min-width: 162px;
  }

  .daily-plan__item::before {
    left: -15px;
    width: 12px;
    height: 12px;
  }

  .daily-plan__item-img {
    width: 115px;
    margin: 0 auto 10px;
    padding-top: 19px;
  }

  .daily-plan__item-time {
    height: 31px;
  }

  .daily-plan__item-btn {
    font-size: 14px;
    width: 116px;
  }

  .daily-plan__item-content {
    padding-bottom: 18px;
  }

  .daily-plan__item-title {
    margin-top: 10px;
  }
}



/* ===============================*/
/* アーティクル一覧 */
/* ===============================*/
  transition: all 0.3s ease;
  &:hover {
    background-color: #46BFDE;
    color: #fff;
  }

.c-pagination,
.c-article_nav {
  margin-top: 80px!important;
  margin-bottom: 100px!important;
}

@media(max-width: 768px) {
  .c-pagination,
  .c-article_nav {
    margin-top: 40px!important;
    margin-bottom: 50px!important;
  }
}

/* ===============================*/
/* カートページ */
/* ===============================*/

.c-cart_item__action__note {
  font-size: 12px;
  margin-left: -8px;
}

.c-billing_list__detail__item__row__title--sm {
  font-size: 12px;
  margin-left: -4px;
}



/* ===============================*/
/* レビューを書き込む */
/* ===============================*/
.c-review_star__item__icon {
  color: #46BFDE!important;
}

@media(max-width: 768px) {
  .p-review__inner__entry__content {
    padding: 40px 0!important;
  }
}