.u-text--head {
  color: #494949 !important;
  font-size: 24px !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
}
.u-color--head {
  color: #494949 !important;
}
.u-text--subhead {
  color: #494949 !important;
  font-size: 17px !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
}
.u-text--body {
  color: #9a9a9a !important;
  font-size: 13px !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
}
.u-color--body {
  color: #9a9a9a !important;
}
.u-text--strong {
  color: #494949 !important;
  font-size: 13px !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
}
.u-text--link {
  color: #386f81 !important;
  font-size: 13px !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
}
.u-text--head--overlay {
  color: #ffffff !important;
  font-size: 24px !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
}
.u-text--subhead--overlay {
  color: #ffffff !important;
  font-size: 17px !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
}
.u-text--body--overlay {
  color: #ffffff !important;
  font-size: 13px !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
}
.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: 13px !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
}
.u-text--btn--overlay {
  color: #ffffff !important;
  font-size: 13px !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
}
.u-text--btn--reverse {
  color: #386f81 !important;
  font-size: 13px !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
  border: 1px solid #386f81 !important;
}
.u-text--btn--overlay--reverse {
  color: #386f81 !important;
  font-size: 13px !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
  border: 1px solid #386f81 !important;
}
.u-color__btn--text {
  color: #ffffff !important;
}
.u-color__btn--text--bg {
  background: #ffffff !important;
}
.u-text--input {
  color: #9a9a9a !important;
  font-size: 13px !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
}
.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: 24px !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
}
.u-font--subhead {
  font-size: 17px !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
}
.u-font--body {
  font-size: 13px !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
}
.u-font--bold {
  font-weight: bold;
}
.c-product_item__actions .c-product_item__form--cart {
  display: none;
}

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

@font-face {
  font-family: 'Avenir';
  font-display: swap;
  src: url('/assets/fonts/Avenir-Roman.ttf') format("truetype");
}

/*================ Headings ================*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "游ゴシック", serif;
}

/*================ Variables ================*/
:root {
  /* Color */
  --color-primary-01: #9071ac;
  --color-primary-02: #ebe2f0;
  --color-primary-03: #f5f0f7;
  --color-secondary-black: #404040;
  --color-secondary-white: #ffffff;
  --color-secondary-overlay-01: rgba(20, 24, 26, 0.6);
  --color-secondary-gray-01: #8e8e93;
  --color-secondary-gray-02: #d3d5d6;
  --color-secondary-gray-03: #f4f4f4;
  --color-secondary-gray-04: #fafafa;
  --color-secondary-red-01: #a6453e;
  --color-secondary-red-02: #f9efee;
  --color-secondary-green-01: #3d664d;
  --color-secondary-green-02: #eff3f1;
  --color-secondary-yellow-01: #f4d04d;

  /* Font */
  /* Font 単体 */
  /* 英語 SF Pro, 日本語 SF Pro の場合 */
  --font-family-jp: "SF Pro", sans-serif;
  /* 英語 Avenir, 日本語 SF Pro の場合 */
  --font-family-en: "Avenir", "SF Pro", sans-serif;

  --font-weight-regular: 400;
  --font-weight-bold: 700;

  --font-size-40: 40px;
  --font-size-32: 32px;
  --font-size-28: 28px;
  --font-size-24: 24px;
  --font-size-20: 20px;
  --font-size-16: 16px;
  --font-size-14: 14px;
  --font-size-12: 12px;

  --line-height-150: 150%;
  --line-height-130: 130%;
  --line-height-124: 124%;
  --line-height-120: 120%;

  /* Font 組み合わせ */
  --font-jp-32-bold-120: var(--font-weight-bold) var(--font-size-32)/var(--line-height-120) var(--font-family-jp);
  --font-jp-28-bold-124: var(--font-weight-bold) var(--font-size-28)/var(--line-height-124) var(--font-family-jp);
  --font-jp-20-bold-130: var(--font-weight-bold) var(--font-size-20)/var(--line-height-130) var(--font-family-jp);
  --font-jp-16-bold-150: var(--font-weight-bold) var(--font-size-16)/var(--line-height-150) var(--font-family-jp);
  --font-jp-14-bold-150: var(--font-weight-bold) var(--font-size-14)/var(--line-height-150) var(--font-family-jp);
  --font-jp-12-bold-130: var(--font-weight-bold) var(--font-size-12)/var(--line-height-130) var(--font-family-jp);

  --font-jp-32-regular-120: var(--font-weight-regular) var(--font-size-32)/var(--line-height-120) var(--font-family-jp);
  --font-jp-28-regular-124: var(--font-weight-regular) var(--font-size-28)/var(--line-height-124) var(--font-family-jp);
  --font-jp-20-regular-130: var(--font-weight-regular) var(--font-size-20)/var(--line-height-130) var(--font-family-jp);
  --font-jp-16-regular-150: var(--font-weight-regular) var(--font-size-16)/var(--line-height-150) var(--font-family-jp);
  --font-jp-14-regular-130: var(--font-weight-regular) var(--font-size-14)/var(--line-height-130) var(--font-family-jp);
  --font-jp-12-regular-130: var(--font-weight-regular) var(--font-size-12)/var(--line-height-130) var(--font-family-jp);

  --font-en-40-bold-150: var(--font-weight-bold) var(--font-size-40)/var(--line-height-150) var(--font-family-en);
  --font-en-24-bold-150: var(--font-weight-bold) var(--font-size-24)/var(--line-height-150) var(--font-family-en);
  --font-en-16-regular-150: var(--font-weight-regular) var(--font-size-16)/var(--line-height-150) var(--font-family-en);
  --font-en-14-regular-150: var(--font-weight-regular) var(--font-size-14)/var(--line-height-150) var(--font-family-en);
  --font-en-12-regular-150: var(--font-weight-regular) var(--font-size-12)/var(--line-height-150) var(--font-family-en);

  /* TODO: Deprecated デフォルトテーマのカラー 差し替え終わったら削除 */
  --color-text-head: #494949;
  --color-text-body: #9a9a9a;
  --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;

  /* TODO: Deprecated デフォルトテーマのフォントサイズ 差し替え終わったら削除 */
  --font-size-text-head: 24px;
  --font-size-text-subhead: 17px;
  --font-size-text-body: 13px;
  --font-size-text-link: 13px;

  /* TODO: Deprecated デフォルトテーマのフォントファミリー 差し替え終わったら削除 */
  --font-family-text-head: "游ゴシック体", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
    "MS Pゴシック", "MS PGothic", sans-serif;
  --font-family-text-subhead: "游ゴシック体", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
    "MS Pゴシック", "MS PGothic", sans-serif;
  --font-family-text-body: "游ゴシック体", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
    "MS Pゴシック", "MS PGothic", sans-serif;
}

.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);
}