@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap');

.u-text--head {
  color: #494949 !important;
  font-size: 24px !important;
  font-family: 'Noto Sans JP', '游ゴシック体', '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: 'Noto Sans JP', '游ゴシック体', '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: 'Noto Sans JP', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
}
.u-text--strong {
  color: #494949 !important;
  font-size: 13px !important;
  font-family: 'Noto Sans JP', '游ゴシック体', '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: 'Noto Sans JP', '游ゴシック体', '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: 'Noto Sans JP', '游ゴシック体', '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: 'Noto Sans JP', '游ゴシック体', '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: 'Noto Sans JP', '游ゴシック体', '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: #000000 !important;
}
.u-color__btn--bg--overlay {
  background: #000000 !important;
}
.u-color__btn {
  color: #386F81 !important;
}
.u-text--btn {
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-family: 'Noto Sans JP', '游ゴシック体', '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: 'Noto Sans JP', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
}
.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: 'Noto Sans JP', '游ゴシック体', '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: 'Noto Sans JP', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
}
.u-font--subhead {
  font-size: 17px !important;
  font-family: 'Noto Sans JP', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
}
.u-font--body {
  font-size: 13px !important;
  font-family: 'Noto Sans JP', '游ゴシック体', '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--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', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
}

/*================ Variables ================*/
:root {
  --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;

  --font-size-text-head: 24px;
  --font-size-text-subhead: 17px;
  --font-size-text-body: 13px;
  --font-size-text-link: 13px;
}

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

/* クレジットカードのサンプル画像が拡大されて荒くなるのを修正 */
#view-input-card-cvv img {
  max-width: 300px;
}

@font-face {
  font-family: 'Suisse';
  font-weight: 900;
  font-display: swap;
  src: url('../font/suisse/SuisseIntl-Black.woff2') format('woff2'),
  url('../font/suisse/SuisseIntl-Black.woff') format('woff'),
  url('../font/suisse/SuisseIntl-Black.ttf') format('truetype');
  unicode-range: U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E,U+201C,U+201D;
}

@font-face {
  font-family: 'Suisse';
  font-weight: 700;
  font-display: swap;
  src: url('../font/suisse/SuisseIntl-Bold.woff2') format('woff2'),
  url('../font/suisse/SuisseIntl-Bold.woff') format('woff'),
  url('../font/suisse/SuisseIntl-Bold.ttf') format('truetype');
  unicode-range: U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E,U+201C,U+201D;
}

@font-face {
  font-family: 'Suisse';
  font-weight: 600;
  font-display: swap;
  src: url('../font/suisse/SuisseIntl-SemiBold.woff2') format('woff2'),
  url('../font/suisse/SuisseIntl-SemiBold.woff') format('woff'),
  url('../font/suisse/SuisseIntl-SemiBold.ttf') format('truetype');
  unicode-range: U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E,U+201C,U+201D;
}

@font-face {
  font-family: 'Suisse';
  font-weight: 500;
  font-display: swap;
  src: url('../font/suisse/SuisseIntl-Medium.woff2') format('woff2'),
  url('../font/suisse/SuisseIntl-Medium.woff') format('woff'),
  url('../font/suisse/SuisseIntl-Medium.ttf') format('truetype');
  unicode-range: U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E,U+201C,U+201D;
}

@font-face {
  font-family: 'Suisse';
  font-weight: 400;
  font-display: swap;
  src: url('../font/suisse/SuisseIntl-Regular.woff2') format('woff2'),
  url('../font/suisse/SuisseIntl-Regular.woff') format('woff'),
  url('../font/suisse/SuisseIntl-Regular.ttf') format('truetype');
  unicode-range: U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E,U+201C,U+201D;
}

@font-face {
  font-family: 'Suisse';
  font-weight: 300;
  font-display: swap;
  src: url('../font/suisse/SuisseIntl-Light.woff2') format('woff2'),
  url('../font/suisse/SuisseIntl-Light.woff') format('woff'),
  url('../font/suisse/SuisseIntl-Light.ttf') format('truetype');
  unicode-range: U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E,U+201C,U+201D;
}