@charset "utf-8";

/* aiレコメンドリセット */
.fs-p-heading--lv2,
.fr3-item .fr3-item__rankContainer {
  display: none;
}

.fr3-productListStatic {
  padding: 0 !important;
}

.fr3-item__productPrice__price {
  font-size: unset;
}

@media (hover: hover) {
  .fr3-item a:hover {
    color: var(--txt-c-base);
  }
}

/* -----------------フューチャーリセットCSS----------------- */
a:visited {
  color: var(--txt-c-base);
}

.logout.my-false {
  display: none;
}

.login.my-true {
  display: none;
}

.fs-client-cart-count--0 {
  display: none;
}

/* 内部の関数設定 */
:root {
  /* 商品マーク背景ベース */
  --fs-mark-bg: var(--c-gray-100);
  /* 意思決定ボタン */
  --fs-btn-bg-c-primary: var(--c-green);
  /* キャンセルや戻るボタン */
  --fs-btn-bg-c-secondary: var(--c-gray-300);
  /* その他ボタン */
  --fs-btn-bg-c-other: var(--txt-c-base);
  /* ボタン幅 */
  --fs-btn-w: 100%;
  /* 角丸 */
  --fs-btn-bdrs: 0px;
  /* 入力フィールド背景 */
  --fs-input-bg-c: var(--c-gray-100);
  /* 入力フィールドボーダー */
  --fs-input-bd-c: var(--c-gray-100);
  /* 内部ボーダー */
  --fs-inside-border-color: var(--c-gray-200);
  /* お気に入り色 */
  --fs-wish-color: var(--c-pink-300);
  /* レビュー色 */
  --fs-review-color: var(--c-gold);
}

@media screen and (min-width: 768px) {
  :root {
    /* ボタン高さ */
    --fs-btn-h: 50px;
    /* ボタンマックス幅 */
    --fs-btn-maw: 300px;
    /* 入力フィールド高さ */
    --fs-input-h: 40px;
    /* 入力フィールド左右余白 */
    --fs-input-pd: 17px;
    /* 入力フィールド角丸 */
    --fs-input-bdrs: 10px;
  }
}

@media screen and (max-width: 767px) {
  :root {
    --fs-btn-h: 60px;
    --fs-btn-maw: 336px;
    --fs-input-h: 35px;
    --fs-input-pd: 10px;
    --fs-input-bdrs: 5px;
  }
}

/* 内部幅設定 */
#wrapper {
  margin-inline: auto;
  width: var(--inner-w);
  max-width: var(--pc-maw);
  margin-bottom: var(--sec-spc);
}

/* カートカウント */
.fs-client-cart-count,
.fs-client-subscriptionCart-count{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  aspect-ratio: 1/1;
  width: 15px;
  top: -5px;
  right: -5px;
  font-size: 9px;
  letter-spacing: 0;
  background-color: var(--c-gold);
  color: var(--c-white);
  border-radius: 50%;
  position: absolute;
}

/* 商品マークリセット */
.fs-c-productMarks {
  display: flex;
  flex-wrap: wrap;
}

.fs-c-productMark__mark {
  width: fit-content;
  margin: 0;
  padding: 0;
}

.fs-c-productMark img {
  width: auto;
  height: 20px;
}

.fs-c-productMarks>.fs-c-mark {
  line-height: 1;
}

/* 1回のみ・定期 */
.fs-c-productMarks>.fs-c-mark--normalAndSubscription {
  display: none;
  width: 100%;
  margin-top: 5px;
  background-color: unset;
}

.fs-c-productMarks>.fs-c-mark--normalAndSubscription .fs-c-mark__label {
  display: inline-block;
  padding-block: 5px 7px;
  background-color: var(--c-yellow-400);
  text-align: center;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .fs-c-productMarks>.fs-c-mark--normalAndSubscription .fs-c-mark__label {
    font-size: 11px;
    padding: 4px 8px 4px;
  }
}

@media screen and (max-width: 767px) {
  .fs-c-productMarks>.fs-c-mark--normalAndSubscription .fs-c-mark__label {
    font-size: 9px;
    padding: 3px 6px 3px;
  }
}

/* 定期販売 */
.fs-c-productMarks>.fs-c-mark--subscription {
  display: block;
  width: 100%;
  margin-top: 5px;
  background-color: unset;
}

.fs-c-productMarks>.fs-c-mark--subscription .fs-c-mark__label {
  display: inline-block;
  padding-block: 5px 7px;
  background-color: var(--c-yellow-400);
  text-align: center;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .fs-c-productMarks>.fs-c-mark--subscription .fs-c-mark__label {
    font-size: 11px;
    padding: 4px 8px 4px;
  }
}

@media screen and (max-width: 767px) {
  .fs-c-productMarks>.fs-c-mark--subscription .fs-c-mark__label {
    font-size: 9px;
    padding: 3px 6px 3px;
  }
}

/* 初回特別価格あり */
.fs-c-productMarks>.fs-c-mark--firstTimeSpecialPrice {
  display: block;
  width: 100%;
  margin-top: 5px;
  background-color: unset;
}

.fs-c-productMarks>.fs-c-mark--firstTimeSpecialPrice .fs-c-mark__label {
  display: inline-block;
  padding-block: 5px 7px;
  background-color: var(--c-yellow-400);
  text-align: center;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .fs-c-productMarks>.fs-c-mark--firstTimeSpecialPrice .fs-c-mark__label {
    font-size: 11px;
    padding: 4px 8px 4px;
  }
}

@media screen and (max-width: 767px) {
  .fs-c-productMarks>.fs-c-mark--firstTimeSpecialPrice .fs-c-mark__label {
    font-size: 9px;
    padding: 3px 6px 3px;
  }
}

/* 予約商品 */
.fs-c-productMarks>.fs-c-mark--preorder {
  display: block;
  width: 100%;
  margin-top: 5px;
  background-color: unset;
}

.fs-c-productMarks>.fs-c-mark--preorder .fs-c-mark__label {
  display: inline-block;
  padding-block: 5px 7px;
  background-color: var(--c-yellow-400);
  text-align: center;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .fs-c-productMarks>.fs-c-mark--preorder .fs-c-mark__label {
    font-size: 11px;
    padding: 4px 8px 4px;
  }
}

@media screen and (max-width: 767px) {
  .fs-c-productMarks>.fs-c-mark--preorder .fs-c-mark__label {
    font-size: 9px;
    padding: 3px 6px 3px;
  }
}

/* バンドル販売 */
.fs-c-productMarks>.fs-c-mark--bundle {
  display: block;
  width: 100%;
  margin-top: 5px;
  background-color: unset;
}

.fs-c-productMarks>.fs-c-mark--bundle .fs-c-mark__label {
  display: inline-block;
  padding-block: 5px 7px;
  background-color: var(--c-yellow-400);
  text-align: center;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .fs-c-productMarks>.fs-c-mark--bundle .fs-c-mark__label {
    font-size: 11px;
    padding: 4px 8px 4px;
  }
}

@media screen and (max-width: 767px) {
  .fs-c-productMarks>.fs-c-mark--bundle .fs-c-mark__label {
    font-size: 9px;
    padding: 3px 6px 3px;
  }
}

/* 商品マークグループスタイル */
.fs-c-productListItem .fs-c-productMark__label {
  font-size: 11px;
  font-weight: 400;
  /* background-color: var(--fs-mark-bg); */
  display: inline-block;
  padding: 3px 8px 4px;
  line-height: 1.2;
  letter-spacing: 0.01em;
}

.fs-c-productListItem .fs-c-productMark__item:has(.g-productMark--productOnly) {
  display: none;
}

@media screen and (min-width: 768px) {
  .fs-c-productListItem .fs-c-productMark {
    gap: 6px;
  }

  .fs-c-productListItem .fs-c-productMark__label {
    font-size: 11px;
    padding: 4px 8px 4px;
  }
}

@media screen and (max-width: 767px) {
  .fs-c-productListItem .fs-c-productMark {
    gap: 4px;
  }

  .fs-c-productListItem .fs-c-productMark__label {
    font-size: 9px;
    padding: 3px 6px 3px;
  }
}

/* 商品マーク商品詳細スタイル */
#tocart .fs-c-productMark__label {
  font-family: var(--ff-noto);
  color: var(--txt-c-black);
  font-weight: 500;
  display: inline-block;
  padding: 3px 8px 4px;
  line-height: 1.2;
  letter-spacing: 0.01em;
}

#tocart .fs-c-productMark__mark {
  /* background-color: var(--fs-mark-bg); */
  /* border-radius: 13px; */
}

@media screen and (min-width: 768px) {
  #tocart .fs-c-productMarks {
    margin-bottom: var(--spc-20);
  }

  #tocart .fs-c-productMark {
    gap: 10px 5px;
  }

  #tocart .fs-c-productMark__label {
    font-size: 12px;
    padding: 6px 15px 7px;
  }
}

@media screen and (max-width: 767px) {

  #tocart .fs-c-productMark {
    gap: 8px 4px;
    margin-bottom: 20px;
  }

  #tocart .fs-c-productMark__label {
    font-size: 10px;
    padding: 4px 10px 5px;
  }
}

/* パンくずリセット  */
.fs-c-breadcrumb__list {
  padding: 0;
  width: var(--inner-w);
  max-width: var(--pc-maw);
  margin-inline: auto;
}

#wrapper .fs-c-breadcrumb__list {
  width: unset;
}

.fs-c-breadcrumb__list>li {
  box-sizing: border-box;
}

.fs-c-breadcrumb__listItem {
  display: inline-block;
  word-break: break-all;
}

.fs-c-breadcrumb__listItem+.fs-c-breadcrumb__listItem::before {
  content: " > ";
}

.fs-c-breadcrumb li,
.fs-c-breadcrumb li a {
  color: var(--txt-c-base);
  font-family: var(--ff-noto);
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .fs-c-breadcrumb {
    margin: 0 auto;
    margin-bottom: 11px;
  }

  nav.fs-c-breadcrumb {
    margin-block: 10px 15px;
  }

  div.fs-c-breadcrumb {
    margin-top: var(--spc-50);
  }

  .fs-c-breadcrumb li,
  .fs-c-breadcrumb li a {
    font-size: 11px;
  }
}

@media screen and (max-width: 767px) {
  .fs-c-breadcrumb {
    font-size: 11px;
    overflow: hidden;
    position: relative;
  }

  nav.fs-c-breadcrumb {
    margin-block: 10px 20px;
  }

  div.fs-c-breadcrumb {
    margin-top: 30px;
  }

  .fs-c-breadcrumb::after {
    content: "";
    right: 0;
    width: 6.25rem;
    height: 100%;
    position: absolute;
    background: linear-gradient(270deg, #fff 21.11%, hsla(0, 0%, 100%, 0) 107.22%);
    z-index: 10;
    top: 0;
  }

  .fs-c-breadcrumb__list {
    white-space: nowrap;
    overflow: scroll;
    padding-right: 40px;
    -ms-overflow-style: none;
    /* IE, Edge 対応 */
    scrollbar-width: none;
    /* Firefox 対応 */
  }

  .fs-c-breadcrumb__list::-webkit-scrollbar {
    display: none;
  }
}

/* レビュー */
.fs-c-rating__value {
  color: var(--fs-review-color);
}

.fs-c-reviewStars::before {
  color: var(--fs-review-color);
}

/* 旧説明文閉じタグ抜け対策 */
.g-closeMissingTagForcedTable {
  width: 100%;
  table-layout: fixed;
}

/* ページャー */
.fs-c-listControl {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 2;
  padding: 6px 15px 4px;
  margin: 10px 0 35px;
}

.fs-c-productList__list+.fs-c-productList__controller {
  margin-top: 25px;
}

.wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
}

#next>span.pages {
  display: block;
  text-align: center;
  margin-top: 10px;
  display: none;
}

.found-postContainer,
.fs-c-listControl__status,
#next .post_range {
  font-size: 13px;
  text-align: center;
  margin-bottom: 25px;
}

.fs-c-pagination>*,
.wp-pagenavi>* {
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: normal;
  border-radius: 50%;
}

.fs-c-pagination__item {
  padding: 0;
}

.fs-c-pagination__item.is-active,
.wp-pagenavi .current {
  background-color: var(--fs-btn-bg-c-primary);
  border: 1px solid var(--fs-btn-bg-c-primary);
  color: var(--c-white);
  padding-bottom: 2px;
}

.fs-c-pagination>*,
.wp-pagenavi>* {
  font-weight: 500;
  width: var(--pager-size);
  letter-spacing: 0;
}

.fs-c-pagination {
  font-weight: bold;
  align-items: center;
}

a.fs-c-pagination__item.fs-c-pagination__item--prev,
a.fs-c-pagination__item.fs-c-pagination__item--next,
#next a.previouspostslink,
#next a.nextpostslink {
  /* border: 1px solid var(--bd-c-gray); */
  background-color: var(--bg-c-gray);
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  padding: 0;
  position: relative;
  font-weight: 400;
  width: var(--pager-size);
  height: var(--pager-size);
}

#next a.previouspostslink .navi-prev,
#next a.nextpostslink .navi-next {
  position: absolute;
  top: 50%;
  left: 52%;
  transform: translate(-50%, -50%);
}

.fs-c-pagination__item--prev::before,
.fs-c-pagination__item--next::before,
#next a.previouspostslink .navi-prev::before,
#next a.nextpostslink .navi-next::before {
  content: "";
  display: inline-block;
  --this-mask: var(--data-icon-btn-arrow) no-repeat center center / 50%;
  mask: var(--this-mask);
  -webkit-mask: var(--this-mask);
  background-color: var(--fs-btn-bg-c-primary);
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
}

.fs-c-pagination__item--prev::before,
#next a.previouspostslink .navi-prev::before {
  transform: translate(-60%, -50%) scale(-1, 1);
}

.fs-c-pagination__item {
  font-family: var(--ff-noto);
  font-weight: 400;
}

@media screen and (min-width: 768px) {

  .fs-c-pagination,
  .wp-pagenavi {
    gap: 15px;
    --pager-size: 30px;
  }

  #next {
    margin: var(--spc-50) auto 0;
  }

  .fs-c-pagination__item--next:hover {
    color: var(--c-white);
  }

  a.fs-c-pagination__item.fs-c-pagination__item--prev,
  a.fs-c-pagination__item.fs-c-pagination__item--next,
  #next a.previouspostslink,
  #next a.nextpostslink,
  .fs-c-pagination__item {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {

  .fs-c-pagination,
  .wp-pagenavi {
    gap: 5px;
    --pager-size: 30px;
  }

  #next {
    margin: var(--spc-30) auto 0;
  }

  a.fs-c-pagination__item.fs-c-pagination__item--prev,
  a.fs-c-pagination__item.fs-c-pagination__item--next,
  #next a.previouspostslink,
  #next a.nextpostslink,
  .fs-c-pagination__item {
    font-size: 14px;
  }
}

/* -----------------入力リセット----------------- */
[type=hidden],
[type=text],
[type=search],
[type=tel],
[type=url],
[type=email],
[type=password],
[type=datetime],
[type=date],
[type=month],
[type=week],
[type=time],
[type=datetime-local],
[type=number],
select,
textarea {
  background-color: var(--c-lightBlue);
  border-radius: var(--fs-input-bdrs);
  border: none;
  outline: none;
  font-weight: 400;
}

[type=hidden],
[type=text],
[type=search],
[type=tel],
[type=url],
[type=email],
[type=password],
[type=datetime],
[type=date],
[type=month],
[type=week],
[type=time],
[type=datetime-local],
[type=number] {
  min-height: var(--fs-input-h);
  padding-inline: var(--fs-input-pd);
}

[class*="fs-c-inputGroup"] input {
  border-radius: 0;
}

.fs-c-checkout-settings__additionalArea input,
.fs-c-checkout-settings__additionalArea select,
.fs-c-checkout-settings__additionalArea textarea {
  background-color: var(--c-white);
}

select {
  min-height: var(--fs-input-h);
}

textarea {
  padding-inline: var(--fs-input-pd);
}

*:focus {
  outline: none;
}

@media screen and (min-width: 768px) {
  textarea {
    min-height: 120px;
    padding-block: 10px;
  }

  select {
    padding-inline: var(--fs-input-pd) 30px;
  }
}

@media screen and (max-width: 767px) {
  textarea {
    min-height: 80px;
    padding-block: 8px;
  }

  select {
    padding-inline: var(--fs-input-pd) 20px;
  }

  ::placeholder {
    font-size: 12px;
  }
}

/* -----------------入力系設定----------------- */
/* パスワード入力欄 */
.fs-c-inputGroup,
.fs-c-inputGroup--inline,
.fs-c-inputGroup--vertical {
  --border: 1px solid var(--fs-input-bd-c);
  border: var(--border);
  border-radius: var(--fs-input-bdrs);
  overflow: hidden;
}

button.fs-c-button--displayPassword,
button.fs-c-button--hidePassword {
  background-color: var(--c-lightBlue);
  -webkit-appearance: none;
  border-radius: 0;
  border: none;
  position: relative;
  padding: 0;
  width: 30px;
}

button.fs-c-button--displayPassword::before,
button.fs-c-button--hidePassword::before {
  font-family: 'fs-icon' !important;
  font-weight: 500;
  content: "\e919";
  font-size: 18px;
  position: absolute;
  font-size: 18px;
  top: 50%;
  transform: translateY(-50%);
  left: 3px;
  color: var(--c-dark-700);
}

button.fs-c-button--displayPassword::before {
  content: "\e917";
}

button.fs-c-button--hidePassword::before {
  content: "\e918";
}

/* セレクト */
.fs-c-dropdown {
  background-color: var(--c-lightBlue);
  border-radius: var(--fs-input-bdrs);
}

.fs-c-dropdown select {
  width: 100%;
  background-color: transparent;
  border-radius: var(--fs-input-bdrs);
  font-weight: 400;
  position: relative;
  z-index: 2;
}

.fs-c-dropdown::before {
  content: "" !important;
  display: inline-block;
  --this-mask: var(--data-icon-select-arrow) no-repeat center center / 100%;
  mask: var(--this-mask);
  -webkit-mask: var(--this-mask);
  background-color: var(--c-black);
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 0 !important;
  z-index: 1;
}

.fs-c-dropdown::after {
  content: none;
}

@media screen and (min-width: 768px) {
  .fs-c-dropdown select {
    height: var(--fs-input-h);
    padding-inline: 17px 30px;
    font-size: var(--fz-sm);
  }

  .fs-c-dropdown::before {
    width: 15px;
    right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .fs-c-dropdown select {
    height: var(--fs-input-h);
    padding-inline: 10px 20px;
    font-size: 12px;
  }

  .fs-c-dropdown::before {
    width: 15px;
    right: 5px;
  }
}

/* ラジオ */
.fs-c-radio__radioLabelText {
  color: var(--txt-c-black);
}

.fs-c-radio__label {
  color: var(--txt-c-black);
  font-size: 13px;
}

.fs-c-checkout-paymentMethod.is-active .fs-c-checkout-paymentMethod__title .fs-c-radio__radioLabelText {
  color: var(--c-white);
}

/* 入力テーブル */
fieldset[form="fs_form"]+fieldset[form="fs_form"] {
  margin-top: 15px;
}

fieldset[name="memberPolicyAgree"]+fieldset[name="privacyAgree"] {
  margin-top: 8px;
}

.fs-c-inputTable {
  width: 100%;
  border-collapse: collapse;
}

.fs-c-inputTable>tbody>tr {
  padding: 0;
  display: grid;
  grid-template-rows: 1fr;
}

.fs-c-inputTable__headerCell {
  color: var(--txt-c-black);
  text-align: left;
}

.fs-c-inputTable tr:first-child .fs-c-inputTable__headerCell {
  padding-top: 0;
}

.fs-c-inputTable tr:last-child .fs-c-inputTable__dataCell {
  padding-bottom: 0;
}

.fs-c-inputTable__dataCell {
  padding-top: 0;
}

.fs-c-checkbox__label {
  gap: 3px;
}

.fs-c-checkbox__checkbox:checked+label>.fs-c-checkbox__checkMark {
  background: var(--c-black);
  border-color: var(--c-black);
}

.fs-c-checkbox__checkMark::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fs-c-additionalCheckField a {
  color: var(--txt-c-black);
  text-decoration: underline;
}

.fs-c-radio__radio:checked:enabled+label>.fs-c-radio__radioMark {
  border-color: var(--c-black);
}

.fs-c-radio__radio:checked:enabled+label>.fs-c-radio__radioMark::before {
  background: var(--c-black);
}

.fs-c-inputTable .fs-c-dropdown select {
  border-radius: var(--fs-input-bdrs);
}

.fs-c-inputTable input[type="text"]+.fs-c-dropdown {
  border-left: none;
}

.fs-c-inputTable input[type="text"]+.fs-c-dropdown select {
  border-radius: 0 var(--fs-input-bdrs) var(--fs-input-bdrs) 0;
}

.fs-c-agreementConfirmationArea {
  margin: 0;
}

.fs-c-agreementConfirmation {
  padding: 0;
  margin: 0;
}

.fs-c-agreementConfirmation__message,
.fs-c-inputField__explanation,
.fs-c-inputTable__comment {
  background-color: var(--c-yellow-300);
  color: var(--txt-c-black);
}

.fs-c-agreementConfirmation__password {
  margin: 15px 0 0 0;
}

.fs-c-inputTable .fs-c-inputTable__label,
.fs-c-agreementConfirmation__password .fs-c-agreementConfirmation__addon__message {
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .fs-c-inputTable .fs-c-inputTable__headerCell {
    padding-bottom: 5px;
  }

  .fs-c-inputTable .fs-c-inputTable__dataCell {
    padding-bottom: 10px;
  }

  .fs-c-inputTable .fs-c-inputTable__label,
  .fs-c-agreementConfirmation__password .fs-c-agreementConfirmation__addon__message {
    font-size: var(--fz-sm);
  }

  .fs-c-inputTable .fs-c-dropdown select {
    height: 40px;
    font-size: var(--fz-sm);
  }

  .fs-c-inputTable .fs-c-dropdown::before {
    width: 20px;
    right: 10px;
  }

  .fs-c-inputDate__year {
    width: 90px;
  }

  .fs-c-inputDate__month,
  .fs-c-inputDate__date {
    width: 70px;
  }

  .fs-c-inputTable .fs-c-inputDate .fs-c-dropdown::before {
    width: 15px;
    right: 8px;
  }

  .fs-c-checkbox__labelText,
  .fs-c-checkbox__labelText a {
    font-size: 13px;
  }

  .fs-c-agreementConfirmation__message,
  .fs-c-inputField__explanation,
  .fs-c-inputTable__comment {
    padding: 8px;
    font-size: var(--fz-sm);
  }

  .fs-c-agreementConfirmation .fs-c-agreementConfirmation__message {
    margin-block: var(--spc-20) var(--spc-10);
  }

  .fs-c-agreementConfirmation__addon__message {
    margin-bottom: 5px;
  }

  .fs-c-inputField__explanation {
    margin-top: var(--spc-20);
  }

  .fs-c-inputTable__comment {
    margin-block: var(--spc-20);
  }
}

@media screen and (max-width: 767px) {
  .fs-c-inputTable .fs-c-inputTable__headerCell {
    padding-bottom: 3px;
  }

  .fs-c-inputTable .fs-c-inputTable__dataCell {
    padding-bottom: 8px;
  }

  .fs-c-inputTable .fs-c-inputTable__label,
  .fs-c-agreementConfirmation__password .fs-c-agreementConfirmation__addon__message {
    font-size: 13px;
  }

  .fs-c-inputTable .fs-c-dropdown select {
    height: 30px;
    font-size: 12px;
  }

  .fs-c-inputTable .fs-c-dropdown::before {
    width: 15px;
    right: 5px;
  }

  .fs-c-inputDate__year {
    width: 70px;
  }

  .fs-c-inputDate__month,
  .fs-c-inputDate__date {
    width: 60px;
  }

  .fs-c-inputTable .fs-c-inputDate .fs-c-dropdown::before {
    width: 15px;
    right: 8px;
  }

  .fs-c-checkbox__labelText,
  .fs-c-checkbox__labelText a {
    font-size: 12px;
  }

  .fs-c-agreementConfirmation__message,
  .fs-c-inputField__explanation,
  .fs-c-inputTable__comment {
    padding: 10px 0;
    font-size: 12px;
  }

  .fs-c-agreementConfirmation .fs-c-agreementConfirmation__message {
    margin-block: 15px 8px;
  }

  .fs-c-agreementConfirmation__addon__message {
    margin-bottom: 3px;
  }

  .fs-c-inputField__explanation {
    margin-top: 15px;
  }

  .fs-c-inputTable__comment {
    margin-block: 15px;
  }
}

/* 必須マーク */
.fs-c-requiredMark {
  color: var(--txt-c-emphasis);
  position: relative;
  width: 5px;
  overflow: visible;
  display: inline-block;
  margin-left: 2px;
  font-size: 0;
}

.fs-c-requiredMark::before {
  position: absolute;
  top: -15px;
  right: -2px;
  line-height: 1;
  letter-spacing: 0;
  font-size: var(--fz-sm);
}

/* モーダル */
.fs-c-modal,
.fs-c-modal--small,
.fs-c-modal--medium {
  background-color: var(--c-black-op50);
}

.fs-c-modal__inner {
  border-radius: 0px;
}

.fs-c-modal__contents {
  padding: 0;
}

.fs-c-modal__header {
  justify-content: center;
  color: var(--txt-c-base);
  padding: 0;
  background: unset;
  border-radius: 0;
}

.fs-c-modal__title {
  color: var(--c-black);
}

.fs-c-modal__close {
  position: absolute;
  width: fit-content;
  display: flex;
  align-items: center;
  padding: 0;
}

.fs-c-modal__close::before {
  content: "閉じる";
  font-family: var(--ff-base) !important;
  font-weight: 700;
  color: var(--txt-c-base);
}

.fs-c-modal__close::before {
  display: none;
}

.fs-c-modal__close::after {
  content: "";
  display: inline-block;
  --this-mask: var(--data-icon-popup-close) no-repeat center center / 100%;
  mask: var(--this-mask);
  -webkit-mask: var(--this-mask);
  background-color: var(--txt-c-base);
  aspect-ratio: 1/1;
}

@media screen and (min-width: 768px) {
  .fs-c-modal__inner {
    padding: 50px 30px;
    padding-bottom: 0;
    max-height: 90vh;
    min-width: 500px;
  }

  .fs-c-modal__contents {
    padding-bottom: 30px;
  }

  .fs-c-modal__close {
    top: 16px;
    right: 12px;
    gap: 10px;
  }

  .fs-c-modal__close::before {
    font-size: 14px;
  }

  .fs-c-modal__close::after {
    width: 20px;
  }

  .fs-c-modal__header {
    margin-bottom: 30px;
  }

  .fs-c-modal__title {
    font-size: 18px;
  }

  .fs-c-modal__inner .fs-c-buttonContainer--pair {
    max-width: 600px;
    margin-inline: auto;
  }
}

@media screen and (max-width: 767px) {
  .fs-c-modal__inner {
    padding: 30px 15px;
    padding-bottom: 0;
    max-height: 80vh;
    min-width: 90%;
  }

  .fs-c-modal__contents {
    padding-bottom: 15px;
  }

  .fs-c-modal__contents {
    -ms-overflow-style: none;
    /* IE, Edge 対応 */
    scrollbar-width: none;
    /* Firefox 対応 */
  }

  .fs-c-modal__contents::-webkit-scrollbar {
    display: none;
  }

  .fs-c-modal__close {
    top: 10px;
    right: 10px;
    font-size: 11px;
    gap: 3px;
  }

  .fs-c-modal__close::before {
    font-size: 11px;
  }

  .fs-c-modal__close::after {
    width: 15px;
  }

  .fs-c-modal__header {
    margin-bottom: 15px;
  }

  .fs-c-modal__title {
    font-size: 16px;
  }
}

/* -----------------ボタンベース----------------- */
[class*="fs-c-buttonContainer"] {
  padding: 0;
}

.fs-c-button__label {
  font-family: var(--ff-base);
  color: var(--c-white);
}

@media (hover: hover) {
  [class*="fs-c-button--"]:hover {
    opacity: 0.7;
  }

  .fs-c-button__label {
    transition: .3s;
  }
}

@media screen and (min-width: 768px) {
  [class*="fs-c-buttonContainer"] {
    margin-top: var(--spc-40);
  }
}

@media screen and (max-width: 767px) {
  [class*="fs-c-buttonContainer"] {
    margin-top: 20px;
  }
}

/* fs-c-buttonContainer--pair */
.fs-c-buttonContainer--pair {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.fs-c-buttonContainer--pair .fs-c-button--primary {
  order: 2;
}

.fs-c-buttonContainer--pair .fs-c-button--standard {
  order: 1;
}

@media screen and (min-width: 768px) {
  .fs-c-buttonContainer--pair {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .fs-c-buttonContainer--pair>* {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .fs-c-buttonContainer--pair {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .fs-c-buttonContainer--pair>* {
    min-width: unset;
    padding-inline: 0 !important;
  }

  .fs-c-buttonContainer--pair>*:first-child {
    grid-row: unset;
    grid-column: unset;
  }

  .fs-c-buttonContainer--pair>*:last-child {
    grid-row: unset;
    grid-column: unset;
  }

  .fs-c-buttonContainer--pair .fs-c-button__label {
    letter-spacing: 0;
    font-size: 13px;
  }
}

/* fs-c-button-- */
.fs-c-button--primary,
.fs-c-button--secondary,
.fs-c-button--standard,
.fs-c-button--plain {
  -webkit-appearance: none;
  border-radius: var(--fs-btn-bdrs);
  border: none;
  min-height: var(--fs-btn-h);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: unset;
  padding-block: 0;
  padding-inline: var(--spc-20);
}

.fs-c-button__label {
  letter-spacing: 0.1em;
}

@media (hover: hover) {
  [class*="fs-c-button--"] {
    transition: .3s;
  }
}

@media screen and (min-width: 768px) {
  .fs-c-button__label {
    font-size: var(--fz-sm);
  }
}

@media screen and (max-width: 767px) {
  .fs-c-button__label {
    font-size: 16px;
  }
}

/* fs-c-button--primary */
.fs-c-button--primary {
  background-color: var(--fs-btn-bg-c-primary);
}

.fs-c-button--primary .fs-c-button__label {
  color: var(--c-white);
}

@media (hover: hover) {
  .fs-c-button--primary:hover {
    /* background-color: var(--c-black); */
  }
}

/* fs-c-button--standard */
.fs-c-button--standard {
  background-color: var(--fs-btn-bg-c-secondary);
}

.fs-c-button--standard .fs-c-button__label {
  color: var(--c-white);
}

@media (hover: hover) {
  .fs-c-button--standard:hover {
    /* background-color: var(--c-black); */
  }
}

/* fs-c-button--cancel */
.fs-c-button--cancel {
  background-color: var(--fs-btn-bg-c-secondary);
}

.fs-c-button--cancel .fs-c-button__label {
  color: var(--c-white);
}

@media (hover: hover) {
  .fs-c-button--cancel:hover {
    /* background-color: var(--bg-c-gray); */
  }
}

/* fs-c-button--sendInquiry */
.fs-c-button--sendInquiry {
  background-color: var(--fs-btn-bg-c-primary);
  margin-inline: auto;
  border-radius: 35px;
}

.fs-c-button--sendInquiry .fs-c-button__label {
  color: var(--c-white);
}

@media (hover: hover) {
  .fs-c-button--sendInquiry:hover {
    /* background-color: var(--c-black); */
  }
}

@media screen and (min-width: 768px) {
  .fs-c-button--sendInquiry {
    width: 300px;
  }
}

@media screen and (max-width: 767px) {
  .fs-c-button--sendInquiry {
    width: 250px;
  }
}

/* fs-c-button--subscribeToArrivalNotice */
.fs-c-button--subscribeToArrivalNotice {
  background-color: var(--fs-btn-bg-c-secondary);
  margin-inline: auto;
  border-radius: 35px;
}

.fs-c-button--subscribeToArrivalNotice .fs-c-button__label {
  color: var(--c-white);
}

@media (hover: hover) {
  .fs-c-button--subscribeToArrivalNotice:hover {
    /* background-color: var(--c-black); */
  }
}

@media screen and (min-width: 768px) {
  .fs-c-button--subscribeToArrivalNotice {
    width: 300px;
  }
}

@media screen and (max-width: 767px) {
  .fs-c-button--subscribeToArrivalNotice {
    width: 250px;
  }
}

/* -----------------結果なし----------------- */
.fs-c-productList:has(.fs-c-noResultMessage__title) {
  margin-bottom: var(--sec-spc);
}

#fs_ProductSearch .fs-c-productList:has(.fs-c-noResultMessage__title) {
  margin-bottom: var(--spc-30);
}

.fs-c-noResultMessage__title {
  text-align: center;
  font-family: var(--ff-noto);
  color: var(--txt-c-black);
}

/* -----------------エラー----------------- */
#fs-page-error-container {
  width: var(--inner-w);
  min-width: unset;
  max-width: var(--pc-maw);
  margin-inline: auto;
}

#wrapper #fs-page-error-container {
  width: 100%;
}

/* -----------------フォーム----------------- */
@media screen and (max-width: 767px){
	[type=hidden], [type=text], [type=search], [type=tel], [type=url], [type=email], [type=password], [type=datetime], [type=date], [type=month], [type=week], [type=time], [type=datetime-local], [type=number], select, textarea{
		font-size: 16px !important;
	}
}