.u-text--head {
  color: #000000 !important;
  font-size: 26px !important;
  
  
}
.u-color--head {
  color: #000000 !important;
}
.u-text--subhead {
  color: #000000 !important;
  font-size: 20px !important;
  
  
}
.u-text--body {
  color: #4d4d4d !important;
  font-size: 18px !important;
  
  
}
.u-color--body {
  color: #4d4d4d !important;
}
.u-text--strong {
  color: #000000 !important;
  font-size: 18px !important;
  
  
}
.u-text--link {
  color: #386F81 !important;
  font-size: 18px !important;
  
  
}
.u-text--head--overlay {
  color: #FFFFFF !important;
  font-size: 26px !important;
  
  
}
.u-text--subhead--overlay {
  color: #FFFFFF !important;
  font-size: 20px !important;
  
  
}
.u-text--body--overlay {
  color: #FFFFFF !important;
  font-size: 18px !important;
  
  
}
.u-text--color--overlay {
  color: #FFFFFF !important;
}
.u-color__btn--bg {
  background: #386F81 !important;
}
.u-color__btn--bg--overlay {
  background: #386F81 !important;
}
.u-color__btn--bg--reverse {
  background: #FFFFFF !important;
}
.u-color__btn--bg--overlay--reverse {
  background: #FFFFFF !important;
}
.u-color__btn {
  color: #386F81 !important;
}
.u-text--btn {
  color: #FFFFFF !important;
  font-size: 18px !important;
  
  
}
.u-text--btn--overlay {
  color: #FFFFFF !important;
  font-size: 18px !important;
  
  
}
.u-text--btn--reverse {
  color: #386F81 !important;
  font-size: 18px !important;
  
  
  border: 1px solid #BDC1C2 !important;
}
.u-text--btn--overlay--reverse {
  color: #386F81 !important;
  font-size: 18px !important;
  
  
  border: 1px solid #BDC1C2 !important;
}
.u-color__btn--text {
  color: #FFFFFF !important;
}
.u-color__btn--text--bg {
  background: #FFFFFF !important;
}
.u-text--input {
  color: #9A9A9A !important;
  font-size: 18px !important;
  
  
}
.u-color--input {
  color: #9A9A9A !important;
}
.u-color__input--bg {
  background: #FFFFFF !important;
}
.u-color__border--input {
  border-color: #BDC1C2 !important;
}
.u-color__bg--base {
  background: #FFFFFF !important;
}
.u-color__bg--main {
  background: #FFFFFF !important;
}
.u-color__border--border {
  border-color: #D8DDDF !important;
}
.u-color__border--main {
  border-color: #D8DDDF !important;
}
.u-font--head {
  font-size: 26px !important;
  
  
}
.u-font--subhead {
  font-size: 20px !important;
  
  
}
.u-font--body {
  font-size: 18px !important;
  
  
}
.u-font--bold {
  font-weight: bold;
}

.c-product_info__details__icon::before, .c-product_info__details__icon::after {
  background: #000000 !important;
}





  .c-product_item__actions .c-product_item__form--favorite {
    display: inline-block;
  }


  .c-product_item__actions .c-product_item__form--cart {
    display: inline-block;
  }



/*================ Fonts ================*/

/*================ Headings ================*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Noto Sans JP", serif;
}

/*================ Variables ================*/
:root {
  --color-text-head: #000000;
  --color-text-body: #4d4d4d;
  --color-text-overlay: #FFFFFF;
  --color-text-link: #386F81;
  --color-btn-bg: #386F81;
  --color-btn-text: #FFFFFF;
  --color-input-text: #9A9A9A;
  --color-input-border: #BDC1C2;
  --color-page-bg: #FFFFFF;
  --color-page-border: #D8DDDF;
  --color-page-accent: #386F81;

  --font-size-text-head: 26px;
  --font-size-text-subhead: 20px;
  --font-size-text-body: 18px;
  --font-size-text-link: 18px;

  --font-family-text-head: ;
  --font-family-text-subhead: ;
  --font-family-text-body: ;
}

.c-steps_to_order--theme {
  --theme-color: var(--color-btn-bg) !important;
  --text-color: var(--color-btn-text) !important;
}

.p-movie--theme {
  --theme-color: var(--color-btn-bg);
}

/*================ 文字サイズ ================*/
/* 会員登録・ログイン・マイページ・カート・購入手続きなど、テーマ共通の画面を読みやすい大きさにする。
   テーマ設定（カスタマイズ > フォント）の文字サイズはスマホの大きさとして使い、PC（720px以上）は見出し+4px・小見出しと本文+2pxにする。
   LPの各ページは、ページ側の指定（より詳細なセレクタや後から読み込む指定）が優先される */
@media screen and (min-width: 720px) {
  :root {
    --font-size-text-head: calc(26px + 4px);
    --font-size-text-subhead: calc(20px + 2px);
    --font-size-text-body: calc(18px + 2px);
    --font-size-text-link: calc(18px + 2px);
  }
  .u-text--head,
  .u-text--head--overlay,
  .u-font--head {
    font-size: var(--font-size-text-head) !important;
  }
  .u-text--subhead,
  .u-text--subhead--overlay,
  .u-font--subhead {
    font-size: var(--font-size-text-subhead) !important;
  }
  .u-text--body,
  .u-text--strong,
  .u-text--link,
  .u-text--body--overlay,
  .u-text--btn,
  .u-text--btn--overlay,
  .u-text--btn--reverse,
  .u-text--btn--overlay--reverse,
  .u-text--input,
  .u-font--body {
    font-size: var(--font-size-text-body) !important;
  }
}

/* bundle.css・theme.css で 10〜15px に固定されている、テーマ共通の画面の部品の文字。
   セレクタは bundle.css と同じにして、後から読み込むこちらを優先させる */
/* 本文と同じ大きさにするもの（表の見出し・項目、ボタン、注文や会員情報の各項目、エラー表示など） */
.amazon_pay_subtitle,
.amazon_pay_message,
.amazon_pay_not_use_message,
.control-alert > *,
.alert > *,
.alert-danger > *,
.c-product_item__button--cart,
.c-product_item__inner__title,
.c-product_item__inner__price,
.c-product_item__inner__variants > .label,
.c-product_item__inner__addbtn__btn > span,
.c-list_tool__num,
.c-list_tool__sort__label,
.c-product_info__category,
.c-product_info__price,
.c-product_info__form__variant > div > label,
.c-product_info__form__quantity__label,
.c-product_info__form__subsdetail__input__title,
.c-product_info__form__subsdetail__input__inputwrap > label > .label,
.c-product_info__favorite__btn span,
.c-product_info__description,
.c-product_info__share__label,
.c-form_table > tbody > tr > th,
.c-form_table--confirm > tbody > tr > th,
.c-form_table__radio__text,
.c-form_table__checkbox__text,
.c-form_table__postcode,
.c-form_table__tel,
.c-form_table__notes,
.c-form_table__text,
.c-form_table--confirm > tbody > tr > td,
.c-cart_item__info__status__payment,
.c-cart_item__info__status__shipping,
.c-cart_item__info__total__quantity,
.c-billing_list__detail__item__row,
.c-billing_list__total__title,
.c-cart_submit__block__link,
.c-cart_list__list__item__info__title,
.c-cart_list__list__item__info__total__quantity,
.c-cart_list__list__item__info__total__price,
.c-account_table > tbody > tr > th,
.c-account_table > tbody > tr > td,
.c-account_table__edit span,
.c-account_table__delete span,
.c-steps_to_order__step,
.c-product_modal__inner__content__footer .p-account__inner__content__form__bottom__btn,
.p-page_header__inner__lead,
.p-checkout__list__block__inner__button span,
.p-checkout__list__block__inner__category__title button span,
.p-checkout__bottom__back,
.p-checkout_confirm__inner__list__block__back,
.p-checkout_confirm__form,
.p-login__inner__login__bottom__forget,
.p-login__inner__registration__text,
.p-account__inner__content__lead,
.p-account__inner__content__copy__btn,
.p-account__inner__content__form__text,
.p-account__inner__content__form__bottom__link,
.p-mypage__name,
.p-mypage__block__subscription__item__label,
.p-mypage__block__subscription__item__date,
.p-mypage__block__subscription__item__btn,
.p-history_list__item__header__date,
.p-history_list__item__header__btn,
.p-address_list__add,
.p-payment_list__add__btn,
.p-payment_list__add__win__form__text,
.p-history_detail__block__head__btn,
.p-subscription_edit__block__lead,
.p-subscription_edit__block__point,
.p-calendar__header .prev a > span,
.p-calendar__header .next a > span,
.p-calendar__header > .month > .backlink > span,
.p-cart_set_content__button {
  font-size: var(--font-size-text-body);
}
.ecforce-payment-card-number,
.ecforce-payment-card-expiry,
.ecforce-payment-card-name,
.ecforce-payment-card-cvv {
  font-size: var(--font-size-text-body) !important;
}
/* 本文より2px小さくするもの（パンくず、カテゴリ・規格名、数量・単価、入力エラー、補足、ヘルプ） */
.c-product_item__inner__category,
.c-product_info__form__subsdetail__note span,
.c-product_info .formError,
.c-form_table .formError,
.c-form_table--confirm .formError,
.c-cart_item__info__category,
.c-billing_list__detail__item__tax,
.c-cart_submit .formError,
.c-cart_list__list__item__info__category,
.c-cart_list__list__item__info__variant,
.c-breadcrumbs__item__inner,
.c-account_table__product__info__price,
.c-account_table__product__info__quantity,
.c-steps_to_order__text,
.p-subscription_edit__block__notes,
.help-message,
.help_link,
.hover-message {
  font-size: calc(var(--font-size-text-body) - 2px);
}
.c-form_table__fill-code p {
  font-size: calc(var(--font-size-text-body) - 2px) !important;
}
/* お届けカレンダー・日付選択は1マスが狭いため、本文より4px小さくする */
.datepicker .cw,
.p-calendar__table > thead > tr > th > span,
.p-calendar__table > tbody > tr > td > .date,
.p-calendar__table > tbody > tr > td > .detail > .info-box > span,
.p-calendar__table > tbody > tr > td > .detail > .change > a,
.datepicker td {
  font-size: calc(var(--font-size-text-body) - 4px);
}

/* スマホでマイページのメニューを開くボタン（文字の大きさの指定がなく、ブラウザの既定の13px前後になっていた） */
.c-account_menu__toggle-button {
  font-size: var(--font-size-text-body);
}
/* 注文・カートの商品名は、英数字の途中で折り返さない（例：「100ml」が「100m」「l」に分かれる）。長い英数字だけは枠の端で折り返す */
.c-cart_item__info__title,
.c-cart_item__text {
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 中央ぞろえの短い案内文（ログイン・会員登録・パスワード再設定などの見出しの下）は、見出しと同じく行の長さをそろえて文節で折り返す */
.p-page_header__inner__lead,
.p-login__inner__registration__text {
  text-wrap: balance;
  word-break: auto-phrase;
}

/* ボタン。文字を大きくしても文言が切れたり窮屈になったりしないよう、高さの固定をやめて同じ高さを最低限にし、長い文言は2行に折り返す */
.c-product_item__inner__addbtn__btn,
.c-product_info__form__submit:not(.fix-hover),
.c-product_info__form__submit.fix-hover,
.c-product_info__form__submit.btn-half,
.c-cart_submit__block__submit,
.c-product_modal__inner__content__footer .p-account__inner__content__form__bottom__btn,
.c-modal__button,
.p-page_header__inner__btn,
.p-cart_content__button,
.p-checkout__bottom__submit,
.p-checkout_confirm__inner__list__block__submit,
.p-login__inner__login__bottom__submit,
.p-login__inner__registration__bottom__btn,
.p-account_form__inner__bottom__btn,
.p-account_form__inner__bottom__mailbtn,
.p-account__inner__content__copy__btn,
.p-account__inner__content__form__bottom__btn,
.p-mypage__block__subscription__item__btn,
.p-history_list__item__header__btn,
.p-address_list__add,
.p-payment_list__add__btn,
.p-payment_list__add__win__form__bottom__btn,
.p-history_detail__block__head__btn,
.p-subscription_detail__block__bottom__btn,
.p-subscription_detail__block__head__btn,
.p-delivery_cycle__button,
.p-gift__control .p-gift__button,
.p-cart_set_content__button {
  height: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 1.4;
  white-space: normal;
  text-wrap: balance;
}
.c-product_item__inner__addbtn__btn {
  min-height: 35px;
}
.c-modal__button,
.p-cart_content__button,
.p-account__inner__content__copy__btn,
.p-mypage__block__subscription__item__btn,
.p-history_list__item__header__btn,
.p-address_list__add,
.p-payment_list__add__btn,
.p-history_detail__block__head__btn,
.p-subscription_detail__block__head__btn,
.p-cart_set_content__button {
  min-height: 40px;
}
.c-product_info__form__submit.btn-half {
  min-height: 42px;
}
.c-product_info__form__submit:not(.fix-hover),
.c-product_info__form__submit.fix-hover,
.c-cart_submit__block__submit,
.p-page_header__inner__btn,
.p-checkout__bottom__submit,
.p-checkout_confirm__inner__list__block__submit,
.p-login__inner__login__bottom__submit,
.p-login__inner__registration__bottom__btn,
.p-account_form__inner__bottom__btn,
.p-account_form__inner__bottom__mailbtn,
.p-account__inner__content__form__bottom__btn,
.p-payment_list__add__win__form__bottom__btn,
.p-subscription_detail__block__bottom__btn,
.p-delivery_cycle__button,
.p-gift__control .p-gift__button {
  min-height: 60px;
}
@media screen and (max-width: 719px) {
  .c-product_modal__inner__content__footer .p-account__inner__content__form__bottom__btn {
    min-height: 41px;
  }
}
@media screen and (max-width: 719px) {
  .c-cart_submit__block__submit,
  .p-page_header__inner__btn,
  .p-checkout__bottom__submit,
  .p-checkout_confirm__inner__list__block__submit,
  .p-login__inner__login__bottom__submit,
  .p-login__inner__registration__bottom__btn,
  .p-account_form__inner__bottom__btn,
  .p-account_form__inner__bottom__mailbtn {
    min-height: 50px;
  }
}