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

html {
  scroll-behavior: smooth;
}
body {
  animation: fadeIn 1s ease 0s 1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}

.u-text--head {
  color: #000000 !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: #000000 !important;
}
.u-text--subhead {
  color: #000000 !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: #000000 !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: #000000 !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: #043f2a !important;
}
.u-color__btn--bg__black {
  background: #000000 !important;
}
.u-color__btn--bg--overlay {
  background: #043f2a !important;
}
.u-color__btn {
  color: #043f2a !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: #000000 !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: #000000;
  --color-text-body: #3D3124;
  --color-text-overlay: #ffffff;
  --color-text-link: #386f81;
  --color-btn-bg: #3D3124;
  --color-btn-text: #ffffff;
  --color-input-text: #9a9a9a;
  --color-input-border: #bdc1c2;
  --color-page-bg: #F6F2EF;
  --color-page-border: #d8dddf;
  --color-line: #CFC1B4;
  --color-primary-brown: #7B544D;
  --color-accent-bg: #44332E;
  --color-text-inversion: #F6F2EF;

  --font-size-text-head: 24px;
  --font-size-text-subhead: 17px;
  --font-size-text-body: 13px;
  --font-size-text-link: 13px;
  --font-gothic: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
  --font-mincho: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", 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);
}

.c-subpage__page-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}

.c-subpage__page-heading--main {
  font-size: 40px;
}

.c-subpage__page-heading--sub {
  font-size: 14px;
  font-weight: 400;
}

@media screen and (max-width: 719px) {
  .c-subpage__page-heading--main {
    font-size: 30px;
  }

  .c-subpage__page-heading--sub {
    font-size: 13px;
  }
}

.c-cart_item__info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-cart_item__img,
.c-cart_item--table .variant-image {
  width: 120px;
}
.c-cart_item__img:not(.--no-hover),
.c-cart_item--table .variant-image:not(.--no-hover) {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.c-cart_item__img:not(.--no-hover):hover,
.c-cart_item--table .variant-image:not(.--no-hover):hover {
  opacity: 0.4;
}
@media screen and (max-width: 719px) {
  .c-cart_item__img,
  .c-cart_item--table .variant-image {
    width: 80px;
  }
}
.c-cart_item__img__inner {
  padding-top: 133.3333333333%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.c-cart_item__img,
.c-cart_item--table .variant-image {
  width: 120px;
}
.c-cart_item__img:not(.--no-hover),
.c-cart_item--table .variant-image:not(.--no-hover) {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.c-cart_item__img:not(.--no-hover):hover,
.c-cart_item--table .variant-image:not(.--no-hover):hover {
  opacity: 0.4;
}
@media screen and (max-width: 719px) {
  .c-cart_item__img,
  .c-cart_item--table .variant-image {
    width: 80px;
  }
}

.c-cart_item__info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 20px;
}
@media screen and (max-width: 719px) {
  .c-cart_item__info {
    padding-left: 15px;
  }
}

.c-cart_item__info__title {
  word-break: break-all;
}
.c-cart_item__info__title:not(.--no-hover) {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.c-cart_item__info__title:not(.--no-hover):hover {
  opacity: 0.4;
}

.c-cart_item__action__price {
  font-size: 18px;
}

 {
  padding-top: 20px;
  padding-left: 10px;
}

.c-breadcrumb__inner {
  max-width: 1248px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.c-breadcrumb__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
}

.c-breadcrumb__item > * {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  color: #6e6e6e;
  font-size: 15px;
  font-weight: 500;
}

.c-breadcrumb__item:first-of-type .c-breadcrumb__link {
  padding-right: 5px;
}

.c-breadcrumb__item:nth-of-type(n + 2) > * {
  padding-right: 12px;
}

.c-breadcrumb__item:nth-of-type(n + 2) > *::before {
  content: ">";
  display: inline-block;
  margin-right: 5px;
  width: 6px;
}

.c-breadcrumb__item span {
  color: #000;
}

@media screen and (max-width: 719px) {
  .c-breadcrumb__inner {
    padding: 8px 13px;
  }
}

.noto_serif_jp {
  font-family: "Noto Serif JP", serif !imporatnt;
  font-weight: 400;
}
.noto_sans {
  font-family: "Noto Sans", sans-serif !imporatnt;
  font-weight: 400;
}

/* Growth Forceテーマ記述 */

/* フェードイン */
.fade-in {
    opacity: 0;
    transition-duration: 800ms;
    transition-property: opacity, transform;
}
.fade-in-up {
    transform: translate(0, 50px);
}
.fade-in-down {
    transform: translate(0, -50px);
}
.fade-in-left {
    transform: translate(-50px, 0);
}
.fade-in-right {
    transform: translate(50px, 0);
}
.scroll-in {
    opacity: 1;
    transform: translate(0, 0);
}

/* マイページ共通 */
.p-subpage__page-heading {
    display: flex;
    flex-direction: column;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: center;
}
.p-subpage__page-heading .en {
    font-size: 40px;
    padding-bottom: 8px;
}
@media screen and (max-width: 719px) {
  .p-subpage__page-heading .en {
    font-size: 30px;
    padding-bottom: 0;
  }
}

/* 必須デザイン */
.c-form_table .u-color__text--alert {
    display: inline-block;
    margin-left: 8px;
    padding: 4px 15px;
    border-radius: 99rem;
    color: #fff;
    font-weight: 600;
    background: #F36666;
    line-height: 1;
}
/* セレクトボックス */
.c-form_table__select {
    max-width: 350px;
}
@media screen and (max-width: 719px) {
    max-width: 100%;
}
.c-form_table__tel input {
    max-width: 98px;
}
/* 購入手続きのステップ非表示 */
.c-steps_to_order {
    display: none;
}
/* セキュリティカード画像 サイズ最適化 */
#new-view img,
#view-input-card-cvv img {
  max-width: fit-content;
}

/* フォーム汎用 */
.c-form_table > tbody > tr > th, .c-form_table--confirm > tbody > tr > th {
    white-space: wrap;
}

.p-checkout__list__block__inner__title {
  font-weight: 600;
}

html body .p-shipping_address_table.c-form_table td, html body .p-shipping_address_table.c-form_table--confirm td {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  html body .p-shipping_address_table.c-form_table tr, html body .p-shipping_address_table.c-form_table--confirm tr {
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-checkout__list__block__inner__payment--select tr {
  display: flex;
  flex-direction: column;
}

/* 購入手続き */
#new-view .p-page_header__inner__lead {
  display: none;
}
html body #new-view .p-shipping_address_table.c-form_table th, html body .p-shipping_address_table.c-form_table--confirm th {
    font-weight: 600;
}
@media screen and (min-width: 1024px) {
  #new-view .c-form_table tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

/* 購入確認 */
#confirm-view {
}
.p-checkout_confirm__inner__list__block__title {
    font-weight: 600;
}
#confirm-view .c-form_table > tbody > tr > th, .c-form_table--confirm > tbody > tr > th {
    white-space: nowrap;
}
#confirm-view .c-cart_list {
    padding: 20px;
    background: #F6F2EF;
}

/* 購入完了 */
@media screen and (max-width: 719px) {
    #perform-view .p-page_header__inner__lead {
        text-align: left;
    }
}

/* マイページ */
/* サイドメニュー */
@media screen and (max-width: 719px) {
  .c-account_menu {
    width: 100%;
  }
}
/* マイページトップ */
.p-mypage__coupon {
  display: block;
}
/* マイページ見出し */
h1.mypage-h1{
    font-size: 40px !important;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 0;
}
.sub__ttl{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-align: center;
    padding-top: 8px;
    margin-bottom: 56px;
}

/* お届け先編集 */
@media screen and (min-width: 1024px) {
  #shipping-address-edit-view .c-form_table tr,
  #shipping-address-new-view .c-form_table tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}