/*================ Texts ================*/
.u-text--title {
  color: #000000 !important;
  font-size: 30px !important;
  
  
}
.u-text--head {
  color: #000000 !important;
  font-size: 30px !important;
  
  
}
.u-color--head {
  color: #000000 !important;
}
.u-text--subhead {
  color: #000000 !important;
  font-size: 14px !important;
  
  
}
.u-text--medium {
  color: #000000 !important;
  font-size: 18px !important;
  
  
}
.u-text--body {
  color: #000000 !important;
  font-size: 14px !important;
  
  
}
.u-color--body {
  color: #000000 !important;
}
.u-text--strong {
  color: #000000 !important;
  font-size: 14px !important;
  
  
}
.u-text--link {
  color: #ff6b35 !important;
  font-size: 14px !important;
  
  
}
.u-text--title--overlay {
  color: #FFFFFF !important;
  font-size: 30px !important;
  
  
}
.u-text--head--overlay {
  color: #FFFFFF !important;
  font-size: 30px !important;
  
  
}
.u-text--medium--overlay {
  color: #FFFFFF !important;
  font-size: 18px !important;
  
  
}
.u-text--subhead--overlay {
  color: #FFFFFF !important;
  font-size: 14px !important;
  
  
}
.u-text--body--overlay {
  color: #FFFFFF !important;
  font-size: 14px !important;
  
  
}
.u-text--color--overlay {
  color: #FFFFFF !important;
}
.u-color__btn--bg {
  background: #ff6b35 !important;
  color: #FFFFFF !important;
  border: 1px solid #ff6b35 !important;
  transition: all 0.3s ease;
}
.u-color__btn--bg:hover {
  background: #FFFFFF !important;
  color: #ff6b35 !important;
}
.u-color__btn--bg--overlay {
  background: #ff6b35 !important;
}
.u-color__btn--bg--reverse {
  background: #FFFFFF !important;
}
.u-color__btn--bg--overlay--reverse {
  background: #FFFFFF !important;
}
.u-color__btn--bg--2 {
  background: #ffffff !important;
  color: #ff6b35 !important;
  border: 1px solid #ff6b35 !important;
  transition: all 0.3s ease;
}
.u-color__btn--bg--2:hover {
  background: #ff6b35 !important;
  color: #ffffff !important;
}
.u-color__btn--bg--overlay--2 {
  background: #ffffff !important;
}
.u-color__btn--bg--reverse--2 {
  background: #ff6b35 !important;
}
.u-color__btn--bg--overlay--reverse--2 {
  background: #ff6b35 !important;
}
.u-color__btn--bg--3 {
  background: #292929 !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  transition: all 0.3s ease;
}
.u-color__btn--bg--3:hover {
  background: #ffffff !important;
  color: #292929 !important;
}
.u-color__btn--bg--overlay--3 {
  background: #292929 !important;
}
.u-color__btn {
  color: #ff6b35 !important;
}
.u-text--btn {
  color: #FFFFFF !important;
  font-size: 14px !important;
  
  
  border-radius: 10px;
}
.u-text--btn--overlay {
  color: #FFFFFF !important;
  font-size: 14px !important;
  
  
}
.u-text--btn--reverse {
  color: #ff6b35 !important;
  font-size: 14px !important;
  
  
  border: 1px solid #c9c9c9 !important;
}
.u-text--btn--overlay--reverse {
  color: #ff6b35 !important;
  font-size: 14px !important;
  
  
  border: 1px solid #c9c9c9 !important;
}
.u-color__btn--text {
  color: #FFFFFF !important;
}
.u-color__btn--text--bg {
  background: #FFFFFF !important;
}
.u-text--input {
  color: #a0a0a0 !important;
  font-size: 14px !important;
  
  
}
.u-color--input {
  color: #a0a0a0 !important;
}
.u-color__input--bg {
  background: #FFFFFF !important;
}
.u-color__border--input {
  border-color: #c9c9c9 !important;
}
.u-color__bg--base {
  background: #FFFFFF !important;
}
.u-color__bg--main {
  background: #FFFFFF !important;
}
.u-color__border--border {
  border-color: #c9c9c9 !important;
}
.u-color__border--main {
  border-color: #c9c9c9 !important;
}
.u-font--head {
  font-size: 30px !important;
  
  
}
.u-font--subhead {
  font-size: 14px !important;
  
  
}
.u-font--body {
  font-size: 14px !important;
  
  
}
.u-font--bold {
  font-weight: bold;
}
.u-font--title {
  font-size: 30px !important;
  
  
}
.u-font--medium {
  font-size: 18px !important;
  
  
}

/* SP用の小見出し設定 */
@media (max-width: 719px) {
  .u-text--subhead {
    font-size: 12px !important;
  }
  .u-text--subhead--overlay {
    font-size: 12px !important;
  }
  .u-font--subhead {
    font-size: 12px !important;
  }

  /* SP用の中見出し設定 */
  .u-text--medium {
    font-size: 16px !important;
  }
  .u-text--medium--overlay {
    font-size: 16px !important;
  }
  .u-font--medium {
    font-size: 16px !important;
  }

  /* SP用の大見出し設定 */
  .u-text--head {
    font-size: 20px !important;
  }
  .u-text--head--overlay {
    font-size: 20px !important;
  }
  .u-font--head {
    font-size: 20px !important;
  }

  /* SP用の特大見出し設定 */
  .u-text--title {
    font-size: 24px !important;
  }
  .u-text--title--overlay {
    font-size: 24px !important;
  }
  .u-font--title {
    font-size: 24px !important;
  }

  /* SP用の本文設定 */
  .u-text--body {
    font-size: 13px !important;
  }
  .u-text--strong {
    font-size: 13px !important;
  }
  .u-text--link {
    font-size: 13px !important;
  }
  .u-text--body--overlay {
    font-size: 13px !important;
  }
  .u-text--btn {
    font-size: 13px !important;
  }
  .u-text--btn--overlay {
    font-size: 13px !important;
  }
  .u-text--btn--reverse {
    font-size: 13px !important;
  }
  .u-text--btn--overlay--reverse {
    font-size: 13px !important;
  }
  .u-text--input {
    font-size: 13px !important;
  }
  .u-font--body {
    font-size: 13px !important;
  }
}

.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: #000000;
  --color-text-overlay: #FFFFFF;
  --color-text-link: #ff6b35;
  --color-btn-bg: #ff6b35;
  --color-btn-text: #FFFFFF;
  --color-input-text: #a0a0a0;
  --color-input-border: #c9c9c9;
  --color-page-bg: #FFFFFF;
  --color-page-border: #c9c9c9;
  --color-page-accent: #ff6b35;

  --font-size-text-head: 30px;
  --font-size-text-title: 30px;
  --font-size-text-medium: 18px;
  --font-size-text-subhead: 14px;
  --font-size-text-body: 14px;
  --font-size-text-link: 14px;

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



















/*================ Buttons ================*/

.u-btn--more {
  border-radius: 40px;
  max-width: 300px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  @media (max-width: 719px) {
    max-width: 280px;
  }
}