@charset "UTF-8";
/* ==========================

	2022.09 REYZY-1623
	導線CTA シリーズCTA

============================= */
/* ==========================
	Design tokens
============================= */
.template__cta, .modal__cta, .l-contents--static {
  font-size: 16px;
  line-height: 1.6;
  font-family: Hiragino Kaku Gothic ProN, メイリオ, sans-serif;
  text-align: left;
}
.template__cta *, .modal__cta *, .l-contents--static * {
  box-sizing: border-box;
  margin: initial;
  padding: initial;
}
.template__cta a, .modal__cta a, .l-contents--static a {
  text-decoration: none;
  color: #0068b7;
  transition: ease 0.3s;
  background: initial;
}
.template__cta a:visited, .modal__cta a:visited, .l-contents--static a:visited {
  color: #0068b7;
}
.template__cta ul, .modal__cta ul, .l-contents--static ul {
  text-align: left;
}
.template__cta .txt, .modal__cta .txt, .l-contents--static .txt {
  vertical-align: initial;
}
.template__cta .list.notes, .modal__cta .list.notes, .l-contents--static .list.notes {
  font-size: 14px;
}
.template__cta .list.indent_1em li, .modal__cta .list.indent_1em li, .l-contents--static .list.indent_1em li {
  text-indent: -1em;
  padding-left: 1em;
}
.template__cta .list.indent_2em li, .modal__cta .list.indent_2em li, .l-contents--static .list.indent_2em li {
  text-indent: -2em;
  padding-left: 2em;
}
.template__cta .list li.indent_1em, .modal__cta .list li.indent_1em, .l-contents--static .list li.indent_1em {
  text-indent: -1em;
  padding-left: 1em;
}
.template__cta .list li.indent_2em, .modal__cta .list li.indent_2em, .l-contents--static .list li.indent_2em {
  text-indent: -2em;
  padding-left: 2em;
}
.template__cta .list li.indent_3em, .modal__cta .list li.indent_3em, .l-contents--static .list li.indent_3em {
  text-indent: -3em;
  padding-left: 3em;
}
.template__cta .list li.agenda_1em, .modal__cta .list li.agenda_1em, .l-contents--static .list li.agenda_1em {
  text-indent: 1em;
}
.template__cta .list li.agenda_2em, .modal__cta .list li.agenda_2em, .l-contents--static .list li.agenda_2em {
  text-indent: 2em;
}
.template__cta .layout_box .part + .part, .template__cta .layout_box .part + .txt, .template__cta .layout_box .part + .link, .template__cta .layout_box .part + .btn, .template__cta .layout_box .part + .img, .template__cta .layout_box .part + .list, .template__cta .layout_box .part + .input, .template__cta .layout_box .part + .select, .template__cta .layout_box .part + .textarea, .template__cta .layout_box .txt + .part, .template__cta .layout_box .txt + .txt, .template__cta .layout_box .txt + .link, .template__cta .layout_box .txt + .btn, .template__cta .layout_box .txt + .img, .template__cta .layout_box .txt + .list, .template__cta .layout_box .txt + .input, .template__cta .layout_box .txt + .select, .template__cta .layout_box .txt + .textarea, .template__cta .layout_box .link + .part, .template__cta .layout_box .link + .txt, .template__cta .layout_box .link + .link, .template__cta .layout_box .link + .btn, .template__cta .layout_box .link + .img, .template__cta .layout_box .link + .list, .template__cta .layout_box .link + .input, .template__cta .layout_box .link + .select, .template__cta .layout_box .link + .textarea, .template__cta .layout_box .btn + .part, .template__cta .layout_box .btn + .txt, .template__cta .layout_box .btn + .link, .template__cta .layout_box .btn + .btn, .template__cta .layout_box .btn + .img, .template__cta .layout_box .btn + .list, .template__cta .layout_box .btn + .input, .template__cta .layout_box .btn + .select, .template__cta .layout_box .btn + .textarea, .template__cta .layout_box .img + .part, .template__cta .layout_box .img + .txt, .template__cta .layout_box .img + .link, .template__cta .layout_box .img + .btn, .template__cta .layout_box .img + .img, .template__cta .layout_box .img + .list, .template__cta .layout_box .img + .input, .template__cta .layout_box .img + .select, .template__cta .layout_box .img + .textarea, .template__cta .layout_box .list + .part, .template__cta .layout_box .list + .txt, .template__cta .layout_box .list + .link, .template__cta .layout_box .list + .btn, .template__cta .layout_box .list + .img, .template__cta .layout_box .list + .list, .template__cta .layout_box .list + .input, .template__cta .layout_box .list + .select, .template__cta .layout_box .list + .textarea, .template__cta .layout_box .input + .part, .template__cta .layout_box .input + .txt, .template__cta .layout_box .input + .link, .template__cta .layout_box .input + .btn, .template__cta .layout_box .input + .img, .template__cta .layout_box .input + .list, .template__cta .layout_box .input + .input, .template__cta .layout_box .input + .select, .template__cta .layout_box .input + .textarea, .template__cta .layout_box .select + .part, .template__cta .layout_box .select + .txt, .template__cta .layout_box .select + .link, .template__cta .layout_box .select + .btn, .template__cta .layout_box .select + .img, .template__cta .layout_box .select + .list, .template__cta .layout_box .select + .input, .template__cta .layout_box .select + .select, .template__cta .layout_box .select + .textarea, .template__cta .layout_box .textarea + .part, .template__cta .layout_box .textarea + .txt, .template__cta .layout_box .textarea + .link, .template__cta .layout_box .textarea + .btn, .template__cta .layout_box .textarea + .img, .template__cta .layout_box .textarea + .list, .template__cta .layout_box .textarea + .input, .template__cta .layout_box .textarea + .select, .template__cta .layout_box .textarea + .textarea, .modal__cta .layout_box .part + .part, .modal__cta .layout_box .part + .txt, .modal__cta .layout_box .part + .link, .modal__cta .layout_box .part + .btn, .modal__cta .layout_box .part + .img, .modal__cta .layout_box .part + .list, .modal__cta .layout_box .part + .input, .modal__cta .layout_box .part + .select, .modal__cta .layout_box .part + .textarea, .modal__cta .layout_box .txt + .part, .modal__cta .layout_box .txt + .txt, .modal__cta .layout_box .txt + .link, .modal__cta .layout_box .txt + .btn, .modal__cta .layout_box .txt + .img, .modal__cta .layout_box .txt + .list, .modal__cta .layout_box .txt + .input, .modal__cta .layout_box .txt + .select, .modal__cta .layout_box .txt + .textarea, .modal__cta .layout_box .link + .part, .modal__cta .layout_box .link + .txt, .modal__cta .layout_box .link + .link, .modal__cta .layout_box .link + .btn, .modal__cta .layout_box .link + .img, .modal__cta .layout_box .link + .list, .modal__cta .layout_box .link + .input, .modal__cta .layout_box .link + .select, .modal__cta .layout_box .link + .textarea, .modal__cta .layout_box .btn + .part, .modal__cta .layout_box .btn + .txt, .modal__cta .layout_box .btn + .link, .modal__cta .layout_box .btn + .btn, .modal__cta .layout_box .btn + .img, .modal__cta .layout_box .btn + .list, .modal__cta .layout_box .btn + .input, .modal__cta .layout_box .btn + .select, .modal__cta .layout_box .btn + .textarea, .modal__cta .layout_box .img + .part, .modal__cta .layout_box .img + .txt, .modal__cta .layout_box .img + .link, .modal__cta .layout_box .img + .btn, .modal__cta .layout_box .img + .img, .modal__cta .layout_box .img + .list, .modal__cta .layout_box .img + .input, .modal__cta .layout_box .img + .select, .modal__cta .layout_box .img + .textarea, .modal__cta .layout_box .list + .part, .modal__cta .layout_box .list + .txt, .modal__cta .layout_box .list + .link, .modal__cta .layout_box .list + .btn, .modal__cta .layout_box .list + .img, .modal__cta .layout_box .list + .list, .modal__cta .layout_box .list + .input, .modal__cta .layout_box .list + .select, .modal__cta .layout_box .list + .textarea, .modal__cta .layout_box .input + .part, .modal__cta .layout_box .input + .txt, .modal__cta .layout_box .input + .link, .modal__cta .layout_box .input + .btn, .modal__cta .layout_box .input + .img, .modal__cta .layout_box .input + .list, .modal__cta .layout_box .input + .input, .modal__cta .layout_box .input + .select, .modal__cta .layout_box .input + .textarea, .modal__cta .layout_box .select + .part, .modal__cta .layout_box .select + .txt, .modal__cta .layout_box .select + .link, .modal__cta .layout_box .select + .btn, .modal__cta .layout_box .select + .img, .modal__cta .layout_box .select + .list, .modal__cta .layout_box .select + .input, .modal__cta .layout_box .select + .select, .modal__cta .layout_box .select + .textarea, .modal__cta .layout_box .textarea + .part, .modal__cta .layout_box .textarea + .txt, .modal__cta .layout_box .textarea + .link, .modal__cta .layout_box .textarea + .btn, .modal__cta .layout_box .textarea + .img, .modal__cta .layout_box .textarea + .list, .modal__cta .layout_box .textarea + .input, .modal__cta .layout_box .textarea + .select, .modal__cta .layout_box .textarea + .textarea, .l-contents--static .layout_box .part + .part, .l-contents--static .layout_box .part + .txt, .l-contents--static .layout_box .part + .link, .l-contents--static .layout_box .part + .btn, .l-contents--static .layout_box .part + .img, .l-contents--static .layout_box .part + .list, .l-contents--static .layout_box .part + .input, .l-contents--static .layout_box .part + .select, .l-contents--static .layout_box .part + .textarea, .l-contents--static .layout_box .txt + .part, .l-contents--static .layout_box .txt + .txt, .l-contents--static .layout_box .txt + .link, .l-contents--static .layout_box .txt + .btn, .l-contents--static .layout_box .txt + .img, .l-contents--static .layout_box .txt + .list, .l-contents--static .layout_box .txt + .input, .l-contents--static .layout_box .txt + .select, .l-contents--static .layout_box .txt + .textarea, .l-contents--static .layout_box .link + .part, .l-contents--static .layout_box .link + .txt, .l-contents--static .layout_box .link + .link, .l-contents--static .layout_box .link + .btn, .l-contents--static .layout_box .link + .img, .l-contents--static .layout_box .link + .list, .l-contents--static .layout_box .link + .input, .l-contents--static .layout_box .link + .select, .l-contents--static .layout_box .link + .textarea, .l-contents--static .layout_box .btn + .part, .l-contents--static .layout_box .btn + .txt, .l-contents--static .layout_box .btn + .link, .l-contents--static .layout_box .btn + .btn, .l-contents--static .layout_box .btn + .img, .l-contents--static .layout_box .btn + .list, .l-contents--static .layout_box .btn + .input, .l-contents--static .layout_box .btn + .select, .l-contents--static .layout_box .btn + .textarea, .l-contents--static .layout_box .img + .part, .l-contents--static .layout_box .img + .txt, .l-contents--static .layout_box .img + .link, .l-contents--static .layout_box .img + .btn, .l-contents--static .layout_box .img + .img, .l-contents--static .layout_box .img + .list, .l-contents--static .layout_box .img + .input, .l-contents--static .layout_box .img + .select, .l-contents--static .layout_box .img + .textarea, .l-contents--static .layout_box .list + .part, .l-contents--static .layout_box .list + .txt, .l-contents--static .layout_box .list + .link, .l-contents--static .layout_box .list + .btn, .l-contents--static .layout_box .list + .img, .l-contents--static .layout_box .list + .list, .l-contents--static .layout_box .list + .input, .l-contents--static .layout_box .list + .select, .l-contents--static .layout_box .list + .textarea, .l-contents--static .layout_box .input + .part, .l-contents--static .layout_box .input + .txt, .l-contents--static .layout_box .input + .link, .l-contents--static .layout_box .input + .btn, .l-contents--static .layout_box .input + .img, .l-contents--static .layout_box .input + .list, .l-contents--static .layout_box .input + .input, .l-contents--static .layout_box .input + .select, .l-contents--static .layout_box .input + .textarea, .l-contents--static .layout_box .select + .part, .l-contents--static .layout_box .select + .txt, .l-contents--static .layout_box .select + .link, .l-contents--static .layout_box .select + .btn, .l-contents--static .layout_box .select + .img, .l-contents--static .layout_box .select + .list, .l-contents--static .layout_box .select + .input, .l-contents--static .layout_box .select + .select, .l-contents--static .layout_box .select + .textarea, .l-contents--static .layout_box .textarea + .part, .l-contents--static .layout_box .textarea + .txt, .l-contents--static .layout_box .textarea + .link, .l-contents--static .layout_box .textarea + .btn, .l-contents--static .layout_box .textarea + .img, .l-contents--static .layout_box .textarea + .list, .l-contents--static .layout_box .textarea + .input, .l-contents--static .layout_box .textarea + .select, .l-contents--static .layout_box .textarea + .textarea {
  margin-top: 1em;
}
.template__cta .layout_box .part, .template__cta .layout_box .txt, .template__cta .layout_box .link, .template__cta .layout_box .btn, .template__cta .layout_box .img, .template__cta .layout_box .list, .template__cta .layout_box .input, .template__cta .layout_box .select, .template__cta .layout_box .textarea, .modal__cta .layout_box .part, .modal__cta .layout_box .txt, .modal__cta .layout_box .link, .modal__cta .layout_box .btn, .modal__cta .layout_box .img, .modal__cta .layout_box .list, .modal__cta .layout_box .input, .modal__cta .layout_box .select, .modal__cta .layout_box .textarea, .l-contents--static .layout_box .part, .l-contents--static .layout_box .txt, .l-contents--static .layout_box .link, .l-contents--static .layout_box .btn, .l-contents--static .layout_box .img, .l-contents--static .layout_box .list, .l-contents--static .layout_box .input, .l-contents--static .layout_box .select, .l-contents--static .layout_box .textarea {
  /*
  & + .list.notes {
  	margin-top: 0.5em;
  }
  */
}
.template__cta .mincho, .modal__cta .mincho, .l-contents--static .mincho {
  font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "MS Mincho", "MS 明朝", serif;
}
.template__cta .mt10, .modal__cta .mt10, .l-contents--static .mt10 {
  margin-top: 10px;
}
.template__cta .mt20, .modal__cta .mt20, .l-contents--static .mt20 {
  margin-top: 20px;
}
.template__cta .mt30, .modal__cta .mt30, .l-contents--static .mt30 {
  margin-top: 30px;
}

/* ==========================
	order (cart trigger buttons + cart modals)
	merged from former order.scss
============================= */
.fancybox-skin:has(.modal__cta_series__order) {
  background-color: #f9f9f9 !important;
}

/* カートインモーダル内の注記リスト（<ul class="list notes">）の
   ブラウザ既定 disc マーカーを抑制。
   /sp/items/ 系では sp/css/style.css の `ul { list-style:none }` で
   暗黙的に消えているが、mypage / login / form / content / error 等の
   レイアウトはこの reset を読まないためモーダル内にドット（•）が見える。
   モーダル単体で完結するよう、テンプレ側 SCSS で明示的にリセットする。 */
.modal__cta_series__order ul.list.notes {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

/* カートインモーダル内ボトムリンク（定期便・送料・返品について / 原材料名…）の
   赤テキスト + アイコン付きスタイル。
   `.box_guidance .btn_guidance a` の体裁は sp/css/style.css にも同等ルールが
   あるが、mypage / login 等のレイアウトでは sp/css/style.css を読まないため
   ここでも自前で定義してモーダル単体で完結させる。 */
.modal__cta_series__order .box_guidance .btn_guidance a {
  display: inline-block;
  position: relative;
  padding: 0 0 0 calc(1em + 5px);
  color: #e00000;
  font-size: 14px;
  margin: 5px 10px;
  text-decoration: none;
}
.modal__cta_series__order .box_guidance .btn_guidance a::before {
  content: " ";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(/assets/img/common/icn_02.png) no-repeat;
  background-size: 100%;
  position: absolute;
  transform: translateY(50%);
  bottom: 50%;
  left: 0;
}

.btn__cta_series__order a {
  position: relative;
  padding-right: calc(1em + 1.5%);
  font-size: 16px;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
}
.btn__cta_series__order a::after {
  position: absolute;
  transform: translateY(50%);
  right: 2%;
  bottom: 50%;
  background-image: url(/assets/img/common/icon-arrow__cta_order_button.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 「※送料弊社負担」（単品送料無料時のみ表示）は他の ※ 注記と
   フォントサイズを揃える（modal__cta の .list.notes が 14px）。
   SP 側で `.notes` の親 / 兄弟ルールにより text-align が右寄せに
   なる場合があるため、明示的に左寄せにする。
   PC/SP 両方に効くよう @media の外（モジュールレベル）に置く。 */
.notes--souryou-bear {
  font-size: 14px !important;
  text-align: left !important;
}

/* コース選択モーダル見出し（コース・個数を選択してください。）直下の注記。
   $data['headerNote'] が指定された商品のみ描画される（雑穀バタケ等）。 */
.block__cta_series__order_heading__note {
  margin-top: 0.25em;
  font-size: 12px;
  color: #442515;
}

/* kiseki カード（化粧品など）の「詳しくはコチラ」ボタンを kiseki ブランド色に。
   通常商品の bg_green デフォルトを打ち消し、右端の矢印アイコンも
   kiseki 色の専用画像に差し替える。PC/SP 両方に効くようモジュール
   レベルに置く。 */
.template__cta_series__wrap.is-kiseki .btn__cta_series__order.bg_green a {
  background: #b29e79;
}
.template__cta_series__wrap.is-kiseki .btn__cta_series__order.bg_green a::after {
  background-image: url(/assets/img/common/icon-arrow__cta_order_button__kiseki.png);
}

/* kiseki カード下部リンク（原材料・送料・商品詳細など）の右端アイコンも
   kiseki 色の専用画像に差し替える。 */
.template__cta_series__wrap.is-kiseki .link_seibun a::after, .template__cta_series__wrap.is-kiseki .link_souryo a::after, .template__cta_series__wrap.is-kiseki .link_detail a::after, .template__cta_series__wrap.is-kiseki .link_pdf a::after {
  background-image: url(/assets/img/common/icon-arrow__cta_link__kiseki.png);
}
.template__cta_series__wrap.is-kiseki {
  /* kiseki カードのキャッチコピー帯も kiseki ブランド色（ベージュ系）に。
     通常商品の brown / 赤茶系をスコープ内で打ち消す。
     PC/SP の @media 内ルールが 3-class chain（.template__cta_series__wrap
     .sec__cta_series__wrap_01 .sec__cta_series__wrap_sub_heading）を使うので、
     同等以上の specificity にするため .sec__cta_series__wrap_01 を挟む。 */
}
.template__cta_series__wrap.is-kiseki .sec__cta_series__wrap_01 .sec__cta_series__wrap_sub_heading {
  background: #b29e79;
}

/* catchcopy / description_box 内の <sub>（注釈番号 ※1 など）を
   インライン継続として綺麗に出す。
   ブラウザデフォルト（position-relative 風な下げ + vertical-align: sub）に
   任せると禁則処理が壊れて「美容液 / レベル ※ フラーレン…」のように
   単語が分かれてしまうことがあるため、純粋に inline・baseline 揃え・
   小さめフォントだけにする。 */
.template__cta_series__wrap .title.clamp_3lines sub,
.template__cta_series__wrap .description_box__p sub {
  font-size: 0.75em;
  vertical-align: baseline;
}

/* ホワイトプラス（medicine/whiteplus, productCd=SY2360）と
   雑穀バタケ（diet/zbatake, productCd=SY0103）専用カード高。
   通常 560px だと内容が収まりきらないため 575px に拡張。
   wrap.ctp の class="template__cta_series__wrap--<productCd>" を利用して
   この 2 商品にだけ適用（PC/SP 両対応のクラス）。 */
.template__cta_series__wrap--SY2360,
.template__cta_series__wrap--SY0103 {
  height: 575px !important;
  max-height: 575px !important;
}

/* ホワイトプラス（SY2360）のみ: 商品名（h4）「ホワイトプラス」が短く 1 行で収まるため、
   共通の 2 行分固定高さ（h4 { height: calc(1.6em * 2) } / SP・PC 両対応）を外して、
   実際のテキスト高さに合わせる。 */
.template__cta_series__wrap--SY2360 .box__cta_series__wrap_heading h4 {
  height: auto !important;
}

/* 雑穀バタケ（diet/zbatake, productCd=SY0103）の size 表記が長いため、
   SP のみカード商品名直下の .txt（内容量行）のフォントサイズを小さくして
   1 行に収める。PC は通常サイズで問題ないためスコープから外す。
   SP @media 内 7-class chain ルール（.box__cta_series__wrap_heading .txt）を
   確実に上書きするため、productCd クラスを起点にした同等の chain + !important で書く。
   ※ DOM は .box__cta_series__wrap_heading > .heading > .txt だが、
     既存ルールが `.heading` を経由していないため、ここでも省略して整合させる。 */
@media screen and (max-width: 640px) {
  .template__cta_series__wrap--SY0103 .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading .txt {
    font-size: 12px !important;
  }
}
/* SP description_box の常時表示フェイクスクロールバー。
   iOS Safari はオーバーレイ scrollbar をスワイプ中以外完全に消すため、
   「スクロール可能」のアフォーダンスが失われる。ネイティブ scrollbar の
   挙動を CSS で固定できないので、自前で track + thumb を描画する。

   DOM:
     .description_box_wrap (position: relative; flex: 1 1 auto; min-height: 0)
       └─ .description_box (overflow-y: auto; ネイティブ scrollbar は隠す)
       └─ .description_box__fake_scrollbar (絶対配置 / 常時表示)
            └─ .description_box__fake_scrollbar_thumb (JS で高さ/位置 sync)

   親要素は description_box にだけ flex を与えていたが、wrap で 1 段挟むため
   同じ flex を wrap にも適用する（元の伸縮挙動を維持）。中の description_box
   は wrap の高さ 100% を埋める。 */
/* description_box_wrap の構造ルールは media 外で共通適用する。
   wrap 自身が flex 縦並びコンテナにならないと、中の description_box が
   wrap の高さを 100% 埋めず content 高に潰れるため。
   margin/border は元 description_box の装飾を wrap に移したもの。 */
.description_box_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  border-top: 1px solid #442515;
  border-bottom: 1px solid #442515;
}
.description_box_wrap > .description_box {
  flex: 1 1 auto;
  min-height: 0;
  margin: 0;
  border: none;
}

@media screen and (max-width: 640px) {
  .description_box__fake_scrollbar {
    position: absolute;
    top: 0.25rem;
    bottom: 0.25rem;
    right: 0;
    margin-left: 6px;
    width: 4px;
    background: rgba(68, 37, 21, 0.15);
    border-radius: 2px;
    pointer-events: none;
    z-index: 1;
  }
  .description_box__fake_scrollbar.is-no-overflow {
    display: none;
  }
  .description_box_wrap > .description_box {
    padding-right: 10px;
  }
  .description_box__fake_scrollbar_thumb {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 24px;
    background: #442515;
    border-radius: 2px;
    transition: top 80ms linear;
  }
  .description_box_wrap > .description_box {
    scrollbar-width: none;
  }
  .description_box_wrap > .description_box::-webkit-scrollbar {
    display: none;
  }
  /* SP CTA モーダル（コース選択 / 個数選択）の閉じる X 改善。
     fancybox デフォルトは top:-18px right:-18px に 36×36 で、端末
     （特に arrows F-51B / Android 14 など狭めの SP）では画面端に
     寄り過ぎてタップが効きにくいケースがある。
     - 位置を画面側へ寄せて画面内に大半を収める
     - ::before で透明な大きいタップ領域を上に被せる（X 画像の
       sprite background は触らず元のまま見せ続ける）。 */
  .fancybox-skin:has(.modal__cta_series__order) .fancybox-close {
    top: -8px;
    right: -8px;
  }
  .fancybox-skin:has(.modal__cta_series__order) .fancybox-close::before {
    content: "";
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    background: transparent;
  }
}
/* ==================================================================
   ████████████████████████████████████████████████████████████████
   █████                                                      █████
   █████   PC — order section                                 █████
   █████                                                      █████
   ████████████████████████████████████████████████████████████████
================================================================== */
@media screen and (min-width: 639px) {
  .template__cta_series__order .prt__cta_series__order_01 .block__cta_series__order_01 .box .box__cta_series__order__heading .heading_inner {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .template__cta_series__order .prt__cta_series__order_01 .block__cta_series__order_01 .box .box__cta_series__order__heading h4 {
    color: #009b3f;
    font-weight: normal;
    margin-right: 1em;
  }
  .template__cta_series__order .prt__cta_series__order_01 .block__cta_series__order_01 .box .box__cta_series__order__heading .txt_price {
    font-size: 18px;
  }
  .template__cta_series__order .prt__cta_series__order_01 .block__cta_series__order_01 .box .box__cta_series__order__heading .txt_price .txt_red {
    color: #e00000;
  }
  .template__cta_series__order .prt__cta_series__order_01 .block__cta_series__order_01 .box .box__cta_series__order__heading .txt_price .txt_small {
    font-size: 14px;
  }
  .template__cta_series__order .prt__cta_series__order_01 .block__cta_series__order_01 .box + .box {
    margin-top: 5px;
  }
  .template__cta_series__order .prt__cta_series__order_01 .block__cta_series__order_01 .box__cta_series__order_01 .btn__cta_series__order.bg_green a {
    background: #fe8b09;
  }
  .template__cta_series__order .prt__cta_series__order_01 .block__cta_series__order_01 .box__cta_series__order_01 .btn__cta_series__order.bg_green a::after {
    background-image: url(/assets/img/common/icon-arrow__cta_order_button__orange.png);
  }
  .block__cta_series__order_iyaku .box__cta_agree {
    padding: 15px;
    background: #f5f5f5;
    border: solid 1px #cccccc;
    border-radius: 8px;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__heading {
    margin-bottom: 10px;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__heading-notion {
    color: #df0408;
    font-weight: bold;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__heading-text {
    margin-top: 5px;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__heading-link {
    margin-top: 5px;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__heading-link a {
    color: #257dc3;
    text-decoration: underline;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__switch {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__switch-button {
    flex: 1;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__switch-button input[type=radio] {
    display: none;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__switch-button input[type=radio] + label {
    display: block;
    padding: 10px;
    text-align: center;
    border: solid 1px #cccccc;
    border-radius: 10px;
    background: #ffffff;
    cursor: pointer;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__switch-button input[type=radio]:checked + label {
    background: #009b3f;
    color: #ffffff;
    border-color: #009b3f;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__content-list {
    font-size: 0.9em;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__content-list li {
    list-style: none;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__content-text {
    margin-top: 5px;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__content-text a {
    color: #257dc3;
    font-weight: bold;
    text-decoration: underline;
  }
  .js-iyaku-agree-cart {
    filter: grayscale(100%);
    pointer-events: none;
  }
  .js-iyaku-agree-cart.is-agree {
    filter: grayscale(0%);
    pointer-events: initial;
  }
  .modal__cta_series__order {
    display: none;
  }
  .modal__cta_series__order .modal_inner {
    padding: 20px 20px;
  }
  .modal__cta_series__order .block + .block {
    margin-top: 10px;
  }
  .modal__cta_series__order .block__cta_series__order_01 .block__cta_series__order_heading {
    margin-bottom: 10px;
  }
  .modal__cta_series__order .block__cta_series__order_01 .block__cta_series__order_heading h3 {
    font-size: 17px;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box {
    border: solid 1px #cccccc;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box .box_inner {
    padding: 15px 50px;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box input[type=radio] {
    display: none;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box input[type=radio] + label {
    display: block;
    position: relative;
    padding: 0 calc(3em + 10px) 0 0;
    min-height: 3em;
    transition: ease 0.3s;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box input[type=radio] + label::before {
    content: " ";
    display: block;
    width: 3em;
    height: 3em;
    border: solid 2px #cccccc;
    border-radius: 50%;
    position: absolute;
    transform: translate(0, 50%);
    right: 0;
    bottom: 50%;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box input[type=radio] + label:hover {
    opacity: 0.8;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box input[type=radio]:checked + label::after {
    content: " ";
    display: block;
    width: 2em;
    height: 2em;
    background-color: #009b3f;
    border-radius: 50%;
    position: absolute;
    transform: translate(0, 50%);
    right: 0.5em;
    bottom: 50%;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box label span {
    display: block;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box label .box__cta_series__order_heading .txt_small {
    font-size: 14px;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box label .txt_price span {
    display: inline;
    font-size: 24px;
    font-weight: bold;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box label .txt_price .txt_red {
    color: #e00000;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box label .list {
    display: flex;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box label .list .txt_discount {
    background: #e00000;
    color: #ffffff;
    padding: 0 5px;
    font-size: 14px;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box label .list .txt_souryo {
    border: solid 1px #e00000;
    background: #ffffff;
    color: #e00000;
    padding: 0 5px;
    font-size: 14px;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box label .list span + span {
    margin-left: 5px;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box + .box {
    border-top: 0;
  }
  .modal__cta_series__order .block__cta_series__order_03 .block_inner {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .modal__cta_series__order .block__cta_series__order_03 .box__cta_series__order_01 {
    width: 40%;
  }
  .modal__cta_series__order .block__cta_series__order_03 .box__cta_series__order_01 .box_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .modal__cta_series__order .block__cta_series__order_03 .box__cta_series__order_01 .part_select {
    width: 60%;
    overflow: hidden;
    border: 1px solid #CCC;
    margin: 0 10px;
  }
  .modal__cta_series__order .block__cta_series__order_03 .box__cta_series__order_01 .part_select select {
    width: 100%;
    height: 60px;
    cursor: pointer;
    background: url(/assets/img/common2/arw_gray_select.png) no-repeat 98% center;
    position: relative;
    z-index: 15;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
    border: none;
    font-size: 1em;
    appearance: none;
    outline: none;
  }
  .modal__cta_series__order .block__cta_series__order_03 .box__cta_series__order_02 {
    width: 55%;
  }
  .modal__cta_series__order .block__cta_series__order_03 .box__cta_series__order_02 .btn__cta_series__order_cart a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    background: #009b3f;
    border-radius: 8px;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    font-weight: normal;
    letter-spacing: 0.2em;
    position: relative;
  }
  .modal__cta_series__order .block__cta_series__order_03 .box__cta_series__order_02 .btn__cta_series__order_cart a::before {
    content: " ";
    display: inline;
    width: 1.5em;
    height: 1.5em;
    background: url(/assets/img/common/icon-cart.png) no-repeat;
    background-size: 100%;
    margin-right: 10px;
  }
}
/* ==================================================================
   ████████████████████████████████████████████████████████████████
   █████                                                      █████
   █████   SP — order section                                 █████
   █████                                                      █████
   ████████████████████████████████████████████████████████████████
================================================================== */
@media screen and (max-width: 640px) {
  .template__cta_series__order .prt__cta_series__order_01 .block__cta_series__order_01 .box .box__cta_series__order__heading .heading_inner {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .template__cta_series__order .prt__cta_series__order_01 .block__cta_series__order_01 .box .box__cta_series__order__heading h4 {
    color: #009b3f;
    font-weight: normal;
    margin-right: 1em;
  }
  .template__cta_series__order .prt__cta_series__order_01 .block__cta_series__order_01 .box .box__cta_series__order__heading .txt_price {
    font-size: 18px;
  }
  .template__cta_series__order .prt__cta_series__order_01 .block__cta_series__order_01 .box .box__cta_series__order__heading .txt_price .txt_red {
    color: #e00000;
  }
  .template__cta_series__order .prt__cta_series__order_01 .block__cta_series__order_01 .box .box__cta_series__order__heading .txt_price .txt_small {
    font-size: 14px;
  }
  .template__cta_series__order .prt__cta_series__order_01 .block__cta_series__order_01 .box + .box {
    margin-top: 5px;
  }
  .template__cta_series__order .prt__cta_series__order_01 .block__cta_series__order_01 .box__cta_series__order_01 .btn__cta_series__order.bg_green a {
    background: #fe8b09;
  }
  .template__cta_series__order .prt__cta_series__order_01 .block__cta_series__order_01 .box__cta_series__order_01 .btn__cta_series__order.bg_green a::after {
    background-image: url(/assets/img/common/icon-arrow__cta_order_button__orange.png);
  }
  .block__cta_series__order_iyaku .box__cta_agree {
    padding: 15px;
    background: #f5f5f5;
    border: solid 1px #cccccc;
    border-radius: 8px;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__heading {
    margin-bottom: 10px;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__heading-notion {
    color: #B80000;
    font-weight: bold;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__heading-text {
    margin-top: 5px;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__heading-link {
    margin-top: 5px;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__heading-link a {
    color: #257dc3;
    text-decoration: underline;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__switch {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__switch-button {
    flex: 1;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__switch-button input[type=radio] {
    display: none;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__switch-button input[type=radio] + label {
    display: block;
    padding: 10px;
    text-align: center;
    border: solid 1px #cccccc;
    border-radius: 10px;
    background: #ffffff;
    cursor: pointer;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__switch-button input[type=radio]:checked + label {
    background: #009b3f;
    color: #ffffff;
    border-color: #009b3f;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__content-list {
    font-size: 0.9em;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__content-list li {
    list-style: none;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__content-text {
    margin-top: 5px;
  }
  .block__cta_series__order_iyaku .box__cta_agree .box__cta_agree__content-text a {
    color: #257dc3;
    font-weight: bold;
    text-decoration: underline;
  }
  .js-iyaku-agree-cart {
    filter: grayscale(100%);
    pointer-events: none;
  }
  .js-iyaku-agree-cart.is-agree {
    filter: grayscale(0%);
    pointer-events: initial;
  }
  .modal__cta_series__order {
    display: none;
    width: 90%;
    margin-inline: auto;
  }
  .modal__cta_series__order .modal_inner {
    padding: 15px 2%;
  }
  .modal__cta_series__order .block + .block {
    margin-top: 10px;
  }
  .modal__cta_series__order .block__cta_series__order_01 .block__cta_series__order_heading {
    margin-bottom: 10px;
  }
  .modal__cta_series__order .block__cta_series__order_01 .block__cta_series__order_heading h3 {
    font-size: 17px;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box {
    border: solid 1px #cccccc;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box .box_inner {
    padding: 10px 4%;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box input[type=radio] {
    display: none;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box input[type=radio] + label {
    display: block;
    position: relative;
    padding: 0 calc(2em + 2%) 0 0;
    min-height: 3em;
    transition: ease 0.3s;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box input[type=radio] + label::before {
    content: " ";
    display: block;
    width: 2em;
    height: 2em;
    border: solid 2px #cccccc;
    border-radius: 50%;
    position: absolute;
    transform: translate(0, 50%);
    right: 0;
    bottom: 50%;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box input[type=radio] + label:hover {
    opacity: 0.8;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box input[type=radio]:checked + label::after {
    content: " ";
    display: block;
    width: 1em;
    height: 1em;
    background-color: #009b3f;
    border-radius: 50%;
    position: absolute;
    transform: translate(0, 50%);
    right: 0.5em;
    bottom: 50%;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box label span {
    display: block;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box label .box__cta_series__order_heading .txt_small {
    font-size: 14px;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box label .txt_price span {
    display: inline;
    font-size: 20px;
    font-weight: bold;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box label .txt_price .txt_red {
    color: #e00000;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box label .list {
    display: flex;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box label .list .txt_discount {
    background: #e00000;
    color: #ffffff;
    padding: 0 5px;
    font-size: 12px;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box label .list .txt_souryo {
    border: solid 1px #e00000;
    background: #ffffff;
    color: #e00000;
    padding: 0 5px;
    font-size: 12px;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box label .list span + span {
    margin-left: 5px;
  }
  .modal__cta_series__order .block__cta_series__order_01 .box + .box {
    border-top: 0;
  }
  .modal__cta_series__order .block__cta_series__order_02 .box__cta_series__order_01 .list {
    display: block !important;
  }
  .modal__cta_series__order .block__cta_series__order_03 .box__cta_series__order_01 .box_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .modal__cta_series__order .block__cta_series__order_03 .box__cta_series__order_01 .part_select {
    width: 60%;
    overflow: hidden;
    border: 1px solid #CCC;
    margin: 0 10px;
  }
  .modal__cta_series__order .block__cta_series__order_03 .box__cta_series__order_01 .part_select select {
    width: 100%;
    height: 50px;
    cursor: pointer;
    background: url(/assets/img/common2/arw_gray_select.png) no-repeat 98% center;
    position: relative;
    z-index: 15;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1em;
    border: none;
    font-size: 1em;
    appearance: none;
    outline: none;
  }
  .modal__cta_series__order .block__cta_series__order_03 .box__cta_series__order_02 {
    margin-top: 10px;
  }
  .modal__cta_series__order .block__cta_series__order_03 .box__cta_series__order_02 .btn__cta_series__order_cart a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    background: #009b3f;
    border-radius: 8px;
    padding: 10px 4%;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    font-weight: normal;
    position: relative;
  }
  .modal__cta_series__order .block__cta_series__order_03 .box__cta_series__order_02 .btn__cta_series__order_cart a::before {
    content: " ";
    display: inline;
    width: 1.5em;
    height: 1.5em;
    background: url(/assets/img/common/icon-cart.png) no-repeat;
    background-size: 100%;
    margin-right: 2%;
  }
}
/* ==================================================================
   ████████████████████████████████████████████████████████████████
   █████                                                      █████
   █████   PC & SP — wrap card (shared)                       █████
   █████                                                      █████
   ████████████████████████████████████████████████████████████████
================================================================== */
.template__cta_series__wrap .template_inner .sec .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .notice.accordion .list {
  overflow: hidden;
  transition: 0.3s;
}
.template__cta_series__wrap .template_inner .sec .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .notice.accordion .accordion_button {
  display: block;
  width: 100%;
  display: block;
  border: none;
  background: none;
  color: #432515;
  border-radius: 5px;
  text-decoration: underline;
}
.template__cta_series__wrap .template_inner .sec .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .notice.accordion.active .accordion_button {
  display: none;
}
.template__cta_series__wrap .template_inner .sec .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .notice .accordion_button {
  display: none;
}

/* ==================================================================
   ████████████████████████████████████████████████████████████████
   █████                                                      █████
   █████   PC — wrap card                                     █████
   █████                                                      █████
   ████████████████████████████████████████████████████████████████
================================================================== */
@media screen and (min-width: 639px) {
  .sp_only {
    display: none;
  }
  /* test-product card additions
  ----------------------------- */
  .description_box,
  .description_box_wrap {
    flex: 1 1 auto;
    min-height: 0;
  }
  .box__cta_series__wrap_02 > .box_inner {
    display: flex !important;
    flex-direction: column;
    height: 100%;
  }
  .description_box {
    padding: 0.25rem 0;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    background: transparent;
    border-top: 1px solid #442515;
    border-bottom: 1px solid #442515;
    font-size: 12px;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    justify-content: safe center;
    overflow-y: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #442515 rgba(68, 37, 21, 0.15);
  }
  .description_box::-webkit-scrollbar {
    width: 6px;
    margin-left: 2px;
    background: rgba(68, 37, 21, 0.15);
  }
  .description_box::-webkit-scrollbar-thumb {
    background: #442515;
    border-radius: 3px;
  }
  .description_box::-webkit-scrollbar-track {
    background: rgba(68, 37, 21, 0.15);
  }
  .description_box__p {
    padding-left: 1em;
    text-indent: -1em;
    margin: 0;
  }
  .description_box__p + .description_box__p {
    margin-top: 0.4em;
  }
  .description_box__p--itemInfo {
    padding-left: 0;
    text-indent: 0;
  }
  .description_box__p--red {
    color: #e00000;
    margin-top: 0.4em;
  }
  .layout__cta_test_product__pricing {
    margin-top: 0.25rem;
  }
  .price_row {
    display: flex;
    align-items: baseline;
    padding: 0.25rem 0;
  }
  .price_row__label {
    /* 8em で「1回だけのお届け」(9 文字) が収まる最小幅。
       定期便価格 / 1回だけのお届け のどちらが上下に来ても、
       価格カラムの開始位置が揃う。 */
    min-width: 8em;
    margin-right: 1rem;
    color: #442515;
  }
  .price_row__price_num {
    color: #442515;
  }
  .price_row__price_suffix {
    color: #000000;
    font-size: 0.85em;
    margin-left: 0.15em;
  }
  .price_row--teiki .price_row__price_num {
    color: #e00000;
  }
  .link_seibun, .link_souryo, .link_detail, .link_pdf {
    text-align: right;
    margin-top: 0.25rem;
    padding-right: 2%;
  }
  .link_seibun a, .link_souryo a, .link_detail a, .link_pdf a {
    display: inline-flex;
    align-items: center;
    color: #442515;
    font-size: 14px;
    text-decoration: none;
  }
  .link_seibun a:visited, .link_seibun a:hover, .link_seibun a:active, .link_seibun a:focus, .link_souryo a:visited, .link_souryo a:hover, .link_souryo a:active, .link_souryo a:focus, .link_detail a:visited, .link_detail a:hover, .link_detail a:active, .link_detail a:focus, .link_pdf a:visited, .link_pdf a:hover, .link_pdf a:active, .link_pdf a:focus {
    color: #442515;
  }
  .link_seibun a::after, .link_souryo a::after, .link_detail a::after, .link_pdf a::after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: 0.35em;
    background: url(/assets/img/common/icon-arrow__cta_link.png) no-repeat center/contain;
  }
  .template__cta_series__wrap {
    max-width: 1080px;
    height: 560px !important;
    max-height: 560px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .template__cta_series__wrap .template_inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec_inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .body_inner {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 {
    flex: 1 1 auto;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .layout__cta_series__wrap_01,
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .layout__cta_test_product__pricing,
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_02 {
    flex: 0 0 auto;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .layout__cta_series__wrap_01 {
    margin-top: 0.25rem;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_sub_heading {
    display: flex;
    align-items: center;
    width: 100%;
    background: #580704;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_sub_heading .heading_inner {
    width: 100%;
    padding: 10px 1em;
    text-align: center;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_sub_heading .title {
    text-align: center;
    color: #ffffff;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_sub_heading .title.clamp_3lines {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5em;
    height: 4.5em;
    overflow: hidden;
    font-size: 15px;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body {
    background: #f5f4e8;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .body_inner {
    padding: 12px;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 {
    min-height: 0;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .block_inner {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 100%;
    min-height: 0;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_01 {
    width: 35%;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_01 .img {
    padding-top: 0.8em;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_01 .img img {
    width: 110%;
    max-height: 180px;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 {
    width: 60%;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 > .box_inner {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading {
    flex: 0 0 auto;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading .item_functionality {
    display: inline-block;
    font-size: 12px;
    line-height: 1.4;
    margin: 0 0 0.25rem;
    padding: 0 0.5em;
    background-color: #A6A6A6;
    color: #ffffff;
    font-weight: normal;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading .item_functionality.is-placeholder {
    background-color: transparent;
    color: transparent;
    visibility: hidden;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading h4 {
    font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "MS Mincho", "MS 明朝", serif;
    font-size: 20px;
    line-height: 1.3;
    height: 3em;
    color: #442515;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading h4 a {
    color: #442515;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading h4.is-long {
    font-size: calc(20px - 2px);
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading h4.is-very-long {
    height: 4.5em;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading .heading:has(h4.is-long, h4.is-very-long) .txt {
    margin-top: calc(0.25rem + 1px);
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading .heading:has(.item_functionality.is-placeholder) .item_functionality.is-placeholder {
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading .heading:has(.item_functionality.is-placeholder) h4 {
    height: calc(3em + 12px * 1.4 + 0.25rem);
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading .heading:has(.item_functionality.is-placeholder) h4.is-very-long {
    height: 4.5em;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading .txt {
    font-size: 12px;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .txt_review a {
    display: inline-block;
    border: solid 2px #cccccc;
    color: #442515;
    border-radius: 10px;
    padding: 10px 10px 10px 60px;
    text-align: left;
    background: url(/assets/img/common/rev_title.png) no-repeat 10px 50%;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_02 .box__cta_series__wrap_01 .link {
    text-align: right;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_02 .box__cta_series__wrap_01 .link a {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    color: #442515;
    padding-right: calc(1em + 10px);
    position: relative;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_02 .box__cta_series__wrap_01 .link a::after {
    content: " ";
    display: block;
    width: 1em;
    height: 1em;
    background: url(/assets/img/common/icon-arrow__green2__sm.png) no-repeat;
    background-size: 100%;
    position: absolute;
    transform: translate(0, 50%);
    bottom: 50%;
    right: 0;
  }
  .template__cta_series__wrap.is-test-product .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 {
    flex: 1 1 auto;
    min-height: 0;
  }
  .template__cta_series__wrap.is-test-product .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .description_box,
  .template__cta_series__wrap.is-test-product .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .description_box_wrap {
    flex: 1 1 auto;
    min-height: 0;
  }
  .template__cta_series__wrap.is-test-product .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .layout__cta_series__wrap_01,
  .template__cta_series__wrap.is-test-product .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .layout__cta_test_product__pricing {
    margin-top: 0.25rem;
  }
  .template__cta_series__wrap.is-iyakuhin .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading h4 {
    height: 1.5em;
  }
  .template__cta_series__wrap.has-no-bottom-link .block__cta_series__wrap_02 .box__cta_series__wrap_01 .box_inner {
    min-height: calc(2 * (1.4em + 0.25rem));
  }
  .template__cta_series__wrap:has(.template__cta_series__order .block__cta_series__order_01 > .block_inner > .box:only-child) .template__cta_series__order .block__cta_series__order_01 > .block_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(2 * (2em + 0.25rem * 2) + 5px);
  }
  .template__cta_series__wrap.is-test-product .block__cta_series__wrap_02 .box__cta_series__wrap_01 .box_inner,
  .template__cta_series__wrap.is-kiseki .block__cta_series__wrap_02 .box__cta_series__wrap_01 .box_inner,
  .template__cta_series__wrap:has(.template__cta_series__order .block__cta_series__order_01 > .block_inner > .box:only-child) .block__cta_series__wrap_02 .box__cta_series__wrap_01 .box_inner {
    min-height: calc(2 * (1.4em + 0.25rem));
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .template__cta_series__wrap.is-test-product .block__cta_series__wrap_02 .box__cta_series__wrap_01 .box_inner {
    min-height: calc(2 * (1.4em + 0.25rem) + 1.45em);
  }
  .prt_cta_series.is-legacy-design .template__cta_series__wrap:has(.template__cta_series__order .block__cta_series__order_01 > .block_inner > .box:only-child) .template__cta_series__order .block__cta_series__order_01 > .block_inner {
    display: block;
    justify-content: initial;
    min-height: 0;
  }
  .prt_cta_series.is-legacy-design .template__cta_series__wrap.is-test-product .block__cta_series__wrap_02 .box__cta_series__wrap_01 .box_inner,
  .prt_cta_series.is-legacy-design .template__cta_series__wrap.is-kiseki .block__cta_series__wrap_02 .box__cta_series__wrap_01 .box_inner,
  .prt_cta_series.is-legacy-design .template__cta_series__wrap:has(.template__cta_series__order .block__cta_series__order_01 > .block_inner > .box:only-child) .block__cta_series__wrap_02 .box__cta_series__wrap_01 .box_inner {
    min-height: 0;
    display: block;
    justify-content: initial;
  }
}
/* ==================================================================
   ████████████████████████████████████████████████████████████████
   █████                                                      █████
   █████   SP — wrap card                                     █████
   █████                                                      █████
   ████████████████████████████████████████████████████████████████
================================================================== */
@media screen and (max-width: 640px) {
  .pc_only {
    display: none;
  }
  /* description box (SP). 550px の固定カード高さに合わせて伸縮し、
     内容が溢れた時はネイティブのスクロールバーを表示する。
  ----------------------------- */
  .description_box {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0.25rem 0;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    background: transparent;
    border-top: 1px solid #442515;
    border-bottom: 1px solid #442515;
    font-size: 12px;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    justify-content: safe center;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #442515 rgba(68, 37, 21, 0.15);
  }
  .description_box::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px;
    margin-left: 2px;
    background: rgba(68, 37, 21, 0.15);
  }
  .description_box::-webkit-scrollbar-thumb {
    background: #442515;
    border-radius: 3px;
    min-height: 24px;
  }
  .description_box::-webkit-scrollbar-track {
    background: rgba(68, 37, 21, 0.15);
  }
  .description_box__p {
    padding-left: 1em;
    text-indent: -1em;
    margin: 0;
  }
  .description_box__p + .description_box__p {
    margin-top: 0.4em;
  }
  .description_box__p--itemInfo {
    padding-left: 0;
    text-indent: 0;
  }
  .description_box__p--red {
    color: #e00000;
    margin-top: 0.4em;
  }
  .layout__cta_test_product__pricing {
    margin-top: 0.25rem;
  }
  .price_row {
    display: flex;
    align-items: baseline;
    padding: 0.25rem 0;
  }
  .price_row__label {
    /* 8em で「1回だけのお届け」(9 文字) が収まる最小幅。
       定期便価格 / 1回だけのお届け のどちらが上下に来ても、
       価格カラムの開始位置が揃う。 */
    min-width: 8em;
    margin-right: 1rem;
    color: #442515;
  }
  .price_row__price_num {
    color: #442515;
  }
  .price_row__price_suffix {
    color: #000000;
    font-size: 0.85em;
    margin-left: 0.15em;
  }
  .price_row--teiki .price_row__price_num {
    color: #e00000;
  }
  .link_seibun, .link_souryo, .link_detail, .link_pdf {
    text-align: right;
    margin-top: 0.25rem;
    padding-right: 2%;
  }
  .link_seibun a, .link_souryo a, .link_detail a, .link_pdf a {
    display: inline-flex;
    align-items: center;
    color: #442515;
    font-size: 14px;
    text-decoration: none;
  }
  .link_seibun a:visited, .link_seibun a:hover, .link_seibun a:active, .link_seibun a:focus, .link_souryo a:visited, .link_souryo a:hover, .link_souryo a:active, .link_souryo a:focus, .link_detail a:visited, .link_detail a:hover, .link_detail a:active, .link_detail a:focus, .link_pdf a:visited, .link_pdf a:hover, .link_pdf a:active, .link_pdf a:focus {
    color: #442515;
  }
  .link_seibun a::after, .link_souryo a::after, .link_detail a::after, .link_pdf a::after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: 0.35em;
    background: url(/assets/img/common/icon-arrow__cta_link.png) no-repeat center/contain;
  }
  .template__cta_series__wrap {
    max-width: 1080px;
    height: 550px !important;
    max-height: 550px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .template__cta_series__wrap .template_inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec_inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_sub_heading {
    display: flex;
    align-items: center;
    width: 100%;
    background: #580704;
    flex: 0 0 auto;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_sub_heading .heading_inner {
    width: 100%;
    padding: 10px 1em;
    text-align: center;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_sub_heading .title {
    text-align: center;
    color: #ffffff;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_sub_heading .title.clamp_3lines {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5em;
    height: 4.5em;
    overflow: hidden;
    font-size: 15px;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body {
    background: #f5f4e8;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .body_inner {
    padding: 12px;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 {
    flex: 1 1 auto;
    min-height: 0;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .description_box,
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .description_box_wrap {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .layout__cta_series__wrap_01,
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .layout__cta_test_product__pricing,
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_02 {
    flex: 0 0 auto;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 {
    min-height: 0;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .block_inner {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 100%;
    min-height: 0;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_01 {
    width: 35%;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_01 .img img {
    width: 110%;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 {
    width: 60%;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 > .box_inner {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading {
    flex: 0 0 auto;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading .item_functionality {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
    min-height: 1.8em;
    margin: 0 0 0.25rem;
    padding: 0 0.7em;
    background-color: #A6A6A6;
    color: #ffffff;
    font-weight: normal;
    border-radius: 2px;
    letter-spacing: 0.02em;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading .item_functionality.is-placeholder {
    background-color: transparent;
    color: transparent;
    visibility: hidden;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading h4 {
    font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "MS Mincho", "MS 明朝", serif;
    font-size: 20px;
    line-height: 1.6;
    height: 3.2em;
    color: #442515;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading h4 a {
    color: #442515;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading h4.is-long {
    font-size: calc(20px - 2px);
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading h4.is-very-long {
    height: 4.8em;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading .heading:has(h4.is-long, h4.is-very-long) .txt {
    margin-top: calc(0.25rem + 1px);
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .box__cta_series__wrap_heading .txt {
    font-size: 14px;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .txt_review a {
    display: inline-block;
    border-radius: 10px;
    border: solid 2px #cccccc;
    color: #442515;
    padding: 10px 10px 10px 40px;
    text-align: left;
    background: url(/assets/img/common/rev_title.png) no-repeat 4% 50%;
    background-size: 25px;
    font-size: 14px;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .notice .list.notes {
    display: block !important;
    background: #f5f4e8;
    border: none;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .notice .list.notes li {
    display: block;
    padding-block: 0;
    background: transparent;
    border: none;
    color: #000000;
    font-size: 14px;
    text-align: left;
    position: static;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .notice .list.notes a {
    display: inline;
    width: initial;
    height: initial;
    background: none;
    font-size: inherit;
    position: static;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_02 .box__cta_series__wrap_01 .link a {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    color: #442515;
    padding-right: calc(1em + 10px);
    position: relative;
  }
  .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_02 .box__cta_series__wrap_01 .link a::after {
    content: " ";
    display: block;
    width: 1em;
    height: 1em;
    background: url(/assets/img/common/icon-arrow__green2__sm.png) no-repeat;
    background-size: 100%;
    position: absolute;
    transform: translate(0, 50%);
    bottom: 50%;
    right: 0;
  }
  .prt_product_slide_products .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .no-active .list.notes {
    max-height: 50px !important;
  }
  .prt_product_slide_products .template__cta_series__wrap .sec__cta_series__wrap_01 .sec__cta_series__wrap_body .block__cta_series__wrap_01 .box__cta_series__wrap_02 .active .list.notes {
    max-height: 100% !important;
  }
  /* CTAカード サイドメニュー上下バー（SP）
  既存の #products_list ul li:first-child/:last-child {background:#432515} を上書きするため
  ID #products_list / #hd_products_list の文脈を含めて詳細度を確保。
  ----------------------------- */
  #products_list ul.template__cta_series__menu li.template__cta_series__menu-top,
  #products_list ul.template__cta_series__menu li.template__cta_series__menu-bottom,
  #hd_products_list ul.template__cta_series__menu li.template__cta_series__menu-top,
  #hd_products_list ul.template__cta_series__menu li.template__cta_series__menu-bottom {
    background-color: #580704;
    color: #ffffff;
    position: relative;
    padding: 0.5rem 3em;
    text-align: center;
    line-height: 1.4em;
    min-height: calc(2.8em + 0.5rem * 2);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #products_list ul.template__cta_series__menu,
  #hd_products_list ul.template__cta_series__menu {
    /* 商品カード本体を包む <li>（上下バー以外）はリストマーカーを消す。
       ドロワー外側の `.prt_product_slide_products ul` が list-style 指定を持たないため、
       ブラウザ既定の disc マーカー（ドット）が表示されてしまう対策。 */
  }
  #products_list ul.template__cta_series__menu > li:not(.template__cta_series__menu-top):not(.template__cta_series__menu-bottom),
  #hd_products_list ul.template__cta_series__menu > li:not(.template__cta_series__menu-top):not(.template__cta_series__menu-bottom) {
    list-style: none;
    margin: 0;
    padding: 0;
  }
}