@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Sans+JP:wght@100..900&display=swap");

/* CabinetGroteskフォント設定 */
@font-face {
  font-family: "cabinet-black";
  src: url("https://c.ho-br.com/gold/laugh_ecforce_fonts/CabinetGrotesk-Black.woff") format("woff");
}
@font-face {
  font-family: "cabinet-extraBold";
  src: url("https://c.ho-br.com/gold/laugh_ecforce_fonts/CabinetGrotesk-Extrabold.woff") format("woff");
}
@font-face {
  font-family: "cabinet-bold";
  src: url("https://c.ho-br.com/gold/laugh_ecforce_fonts/CabinetGrotesk-Bold.woff") format("woff");
}
@font-face {
  font-family: "cabinet-medium";
  src: url("https://c.ho-br.com/gold/laugh_ecforce_fonts/CabinetGrotesk-Medium.woff") format("woff");
}
@font-face {
  font-family: "cabinet-regular";
  src: url("https://c.ho-br.com/gold/laugh_ecforce_fonts/CabinetGrotesk-Regular.woff") format("woff");
}
@font-face {
  font-family: "cabinet-light";
  src: url("https://c.ho-br.com/gold/laugh_ecforce_fonts/CabinetGrotesk-Light.woff") format("woff");
}
@font-face {
  font-family: "cabinet-extraLight";
  src: url("https://c.ho-br.com/gold/laugh_ecforce_fonts/CabinetGrotesk-Extralight.woff") format("woff");
}
@font-face {
  font-family: "cabinet-thin";
  src: url("https://c.ho-br.com/gold/laugh_ecforce_fonts/CabinetGrotesk-Thin.woff") format("woff");
}
@font-face {
  font-family: "cabinet-variable";
  src: url("https://c.ho-br.com/gold/laugh_ecforce_fonts/CabinetGrotesk-Variable.woff") format("woff");
}

.u-text--head {
  color: #2c2726 !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: #2c2726 !important;
}
.u-text--subhead {
  color: #2c2726 !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: #c0bebe !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--body {
  color: #c0bebe !important;
}
.u-text--strong {
  color: #2c2726 !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: #2c2726 !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: #2c2726 !important;
}
.u-color__btn--bg--overlay {
  background: #ffffff !important;
}
.u-color__btn--bg--reverse {
  background: #ffffff !important;
}
.u-color__btn--bg--overlay--reverse {
  background: #ffffff !important;
}
.u-color__btn {
  color: #2c2726 !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: #2c2726 !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--reverse {
  color: #2c2726 !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;
  border: 1px solid #bdc1c2 !important;
}
.u-text--btn--overlay--reverse {
  color: #2c2726 !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;
  border: 1px solid #bdc1c2 !important;
}
.u-color__btn--text {
  color: #ffffff !important;
}
.u-color__btn--text--bg {
  background: #ffffff !important;
}
.u-text--input {
  color: #c0bebe !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: #c0bebe !important;
}
.u-color__input--bg {
  background: #ffffff !important;
}
.u-color__border--input {
  border-color: #b9b9b9 !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_info__details__icon::before,
.c-product_info__details__icon::after {
  background: #494949 !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", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

/*================ Variables ================*/
:root {
  --color-text-head: #494949;
  --color-text-body: #c0bebe;
  --color-text-overlay: #ffffff;
  --color-text-link: #2c2726;
  --color-btn-bg: #ffffff;
  --color-btn-text: #ffffff;
  --color-input-text: #c0bebe;
  --color-input-border: #2c2726;
  --color-page-bg: #ffffff;
  --color-page-border: #d8dddf;
  --color-page-accent: #f36666;

  --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);
}
.page__heading__img{
    width: auto;
    margin: 16px auto 0;
    height: 34px;
}
@media all and (max-width: 720px){
  
  .page__heading__img{
     margin: 16px 0 0;
  }
}