.u-text--head {
  color: #494949 !important;
  font-size: 21px !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: 16px !important;
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  
}
.u-text--body {
  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-color--body {
  color: #494949 !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: #5da59d !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: 21px !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: 16px !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: #5da59d !important;
}
.u-color__btn--bg--overlay {
  background: #5da59d !important;
}
.u-color__btn--bg--reverse {
  background: #FFFFFF !important;
}
.u-color__btn--bg--overlay--reverse {
  background: #FFFFFF !important;
}
.u-color__btn {
  color: #5da59d !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: #5da59d !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 #bdc1c2 !important;
}
.u-text--btn--overlay--reverse {
  color: #5da59d !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 #bdc1c2 !important;
}
.u-color__btn--text {
  color: #FFFFFF !important;
}
.u-color__btn--text--bg {
  background: #FFFFFF !important;
}
.u-text--input {
  color: #343434 !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: #343434 !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: 21px !important;
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  
}
.u-font--subhead {
  font-size: 16px !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_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: "游ゴシック", serif;
}

/*================ Variables ================*/
:root {
  --color-text-head: #494949;
  --color-text-body: #494949;
  --color-text-overlay: #ffffff;
  --color-text-link: #5da59d;
  --color-btn-bg: #5da59d;
  --color-btn-text: #FFFFFF;
  --color-input-text: #343434;
  --color-input-border: #bdc1c2;
  --color-page-bg: #FFFFFF;
  --color-page-border: #D8DDDF;
  --color-page-accent: #5da59d;

  --font-size-text-head: 21px;
  --font-size-text-subhead: 16px;
  --font-size-text-body: 13px;
  --font-size-text-link: 13px;

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



#ecf_header_section {
    /*backdrop-filter: saturate(180%) blur(10px);*/
    box-shadow: rgba(10, 10, 10, 0.1) 0px 5px 12px -2px, rgba(10, 10, 10, 0.2) 0px 5px 0px -20px;
    background: rgba(251, 251, 236, 0.45)!important;
}

.p-page_content__inner {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
}




#ecf_header_section {
  .l-header__inner {
  /*background: #fdfdfd;
  background: rgba(243, 242, 217, 0.45);*/
  backdrop-filter: saturate(180%) blur(10px);
  /*box-shadow: 0px 5px 12px -2px rgba(10,10,10,0.1), 0px 5px 0px -20px rgba(10,10,10,0.2);*/
}
}



#index-view {
  .p-kv_slider__track__list__item__inner__info {
    max-width: 100%;
    width: calc(100% - 80px);
}

.p-kv_slider__track__list__item__inner__info__title {
  font-family: serif;
}


}


#product-index-view {
  .u-text--subhead span {
    font-size: 0.75rem;
}
}



#product-show-view {
  .u-text--head span {
    font-size: 1.125rem;
}
.c-product_info__price span {
    font-weight: 500;
}
}





#information-show-view {
  .pc-style {
  display: inline-block;
  @media screen and (max-width: 660px) {
    display: none;
  }
}
.sp-style {
  display: none;
  @media screen and (max-width: 660px) {
    display: inline-block;
  }
}

.news-contents {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;;
}
.news-subtitle01 {
    font-size: 105%;
    font-weight: bold;
}
.news-body-txt {
    font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
    line-height: 1.8em;
    text-align: justify;
    margin: 0 0 1rem;
}
.news-body-txt--notes {
    font-size: 0.75rem;
    line-height: 1.6em;
    text-align: justify;
    margin: 0 0 1rem;
}
.news-flex-box {
  display: flex;
  gap: 2%;
}
.news-flex-box_inner {
  display: block;
  width: 100%;
}
.news-flex-box_inner2 {
  display: block;
  max-width: 60%;
  width: 100%;
  @media screen and (max-width: 660px) {
    max-width: 100%;
  }
}
.news-photo {
  max-width: 660px;
  width: 100%;
  margin: 0 auto;
}
.news-photo2 {
  max-width: 30%;
  width: 100%;
  margin: 0 auto;
  @media screen and (max-width: 660px) {
    max-width: 100%;
    margin: 0 0 3rem;
  }
}
}




#confirm-view[data-confirm-main] {
  a.cart-link {
    color: #5da59d;
    text-decoration: underline;
}

.u-color__bg--accent {
    background: #5da59d;
}

h3.news-subtitle01 {
    font-weight: bold;
}
}