@charset "UTF-8";
/*!
|------------------------------------------------------------
|トップ、商品詳細、商品グループ以外のページに適用するCSS
|------------------------------------------------------------
*/

/*------------------------------------------------------------
2020/07/22　404エラーページ（手
------------------------------------------------------------*/s

.fs-p-pageNotFound p {
  margint: 0 0 10px;
}

.fs-p-pageNotFound ul {
  padding: 0.5em 0;
}

.fs-p-pageNotFound ul li {
  font-weight: bold;
}

@media screen and (min-width: 960px) {
  .fs-p-pageNotFound {
    margin: 48px auto;
  }
}

/*------------------------------------------------------------
2021/04/14　会員登録（メールアドレス認証）ページ（手
------------------------------------------------------------*/

.fs-c-button--backToRegister {
  background: #17658f;
  border-radius: 6px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  padding: .8em 1.6em;
  width: 240px;
  margin: 0 auto;
}

/*------------------------------------------------------------
2020/09/23　ログインページ（手
------------------------------------------------------------*/

.fs-c-inputInformation__link {
  text-align: center;
}

.fs-p-accountInfo__point__point__available__number {
  color: #d11d2a;
  font-size: 2.5rem;
}

.fs-c-buttonContainer#AmazonPayButton {
  margin: 0 auto;
}

/*------------------------------------------------------------
2020/09/23　マイページ（手
------------------------------------------------------------*/

.fs-c-button--myPageTop {
  background: #17658f;
  border-radius: 6px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  padding: .8em 1.6em;
  width: 240px;
  margin: 0 auto;
}

.fs-c-wishlistProduct__footer {
  text-align: center;
  margin-bottom: 30px;
}

.fs-c-wishlistProduct__footer .fs-c-textLink {
  background: #17658f;
  border-radius: 6px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: none;
  padding: .8em 1.6em;
  width: 240px;
  margin: 0 auto;
}

.fs-c-fsLogin .fs-c-inputInformation__link .fs-c-textLink {
  background: #17658f;
  border-radius: 6px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: none;
  padding: .8em 1.6em;
  width: 240px;
  margin: 0 auto;
}

.fs-c-accountService__page--accountDelete {
  height: 20px;
}

.fs-p-accountInfo__accountRank {
  font-weight: 700;
  color: #d11d2a;
}

.fs-c-button--addReview--detail {
  background: #17658f;
  border-radius: 6px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: none;
  padding: .8em 1.6em;
  margin: 0 auto;
}

@media screen and (max-width: 959px) {
  /*------------------------------------------------------------
ウィンドウ幅が最大959pxまでの場合に適用始まり
------------------------------------------------------------*/
  .fs-c-accountService {
    margin: 10px;
    justify-content: space-evenly;
  }
  .fs-c-accountService__page {
    height: 100px;
    flex-basis: 45%;
  }
  /*------------------------------------------------------------
ウィンドウ幅が最大959pxまでの場合に適用終わり
------------------------------------------------------------*/
}

/*------------------------------------------------------------
2020/09/16　ショッピングカート画面（手
------------------------------------------------------------*/

.fs-c-cartTable__message {
  background: #7c8790;
  font-size: 1.2rem;
  padding: 3px 5px;
}

.fs-c-cartBundleInfo__title {
  background: #7c8790;
  color: #FFFFFF;
  paddig: 10px 20px;
}

.fs-c-checkout-paymentMethod__disabledMessage {
  font-size: unset;
}

/*------------------------------------------------------------
2020/08/11　ご注文手続き画面の注文確定ボタンエリアの固定化（手
------------------------------------------------------------*/

@media screen and (min-width: 960px) {
  [class^="fs-body-checkout"] .fs-l-checkout__sideColumn {
    position: sticky;
    top: 85px;
  }
}

/*------------------------------------------------------------
2020/08/11　ショッピングカート画面（ログイン時）のボタンサイズ調整（手
------------------------------------------------------------*/

.fs-c-buttonContainer--purchaseHere .fs-c-button__label {
  font-weight: bold;
  font-size: 1.6rem;
  width: 95%;
  margin: 0 auto;
  display: block;
  line-height: 110%;
}

/*------------------------------------------------------------
2020/08/11　ショッピングカート画面（非ログイン時）のボタンサイズ調整（手
------------------------------------------------------------*/

.fs-c-buttonContainer--loginAndPurchase .fs-c-button__label {
  font-weight: bold;
  font-size: 1.6rem;
  width: 95%;
  margin: 0 auto;
  display: block;
  line-height: 110%;
}

.fs-c-buttonContainer--unregisteredUserPurchase .fs-c-button__label {
  font-weight: bold;
  font-size: 1.6rem;
  width: 95%;
  margin: 0 auto;
  display: block;
  line-height: 110%;
}

/*------------------------------------------------------------
2020/08/11　ショッピングカート画面（ログイン時・非ログイン時）のボタンサイズ調整（手
------------------------------------------------------------*/

#fs-checkout-payHere-container .fs-c-button__label::after {
  content: "au PAY・PayPay・楽天ペイ・\Aクレジット・代金引換・NP後払い\Aでお支払い";
  white-space: pre;
  display: block;
  font-size: 1.35rem;
  font-weight: normal;
  margin-top: 10px;
}

/*------------------------------------------------------------
2020/08/11　ショッピングカート画面（ログイン時・非ログイン時）のボタンサイズ調整（手
------------------------------------------------------------*/

.fs-c-button--continueShopping .fs-c-button--standard {
  padding: 20px 1.6em;
  font-size: 1.6rem;
  font-weight: bold;
  background: #1b668d;
  color: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

/*------------------------------------------------------------
2020/08/28　ショッピングカート画面のショッピングを続けるボタン（手
------------------------------------------------------------*/

.fs-c-continueShopping {
  margin-bottom: 50px;
}

.fs-c-continueShopping a {
  padding: 20px 1.6em;
  font-size: 1.6rem;
  font-weight: bold;
  background: #1b668d;
  color: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

/*------------------------------------------------------------
2020/11/9　ショッピングカート画面のお気に入りへボタン（手
------------------------------------------------------------*/

.fs-c-viewAllProductsLink {
  background: #17658f;
  border-radius: 6px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: none;
  padding: .8em 1.6em;
  width: 240px;
  margin: 0 auto;
}

/*------------------------------------------------------------
2020/09/14　ショッピングカート画面のメッセージ（手
------------------------------------------------------------*/

.fs-c-cartDiscountInfo__body {
  font-size: 120%;
}

/*------------------------------------------------------------
2020/09/14　お客様情報入力画面（手
------------------------------------------------------------*/

.fs-c-inputInformation__field {
  background-color: #F6F6F6 !important;
  border-color: #333333 !important;
  border-radius: 0.35rem;
  border: none;
  box-sizing: border-box;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.25);
  margin: 2rem auto;
  padding: 2rem;
  max-width: 700px;
  width: 100%;
}

.fs-c-inputTable__label {
  color: #424242;
  font-size: 1.8rem !important;
  font-weight: bold;
}

.fs-c-requiredMark {
  width: 2em;
  text-align: center;
}

.fs-c-requiredMark::before {
  content: "必須";
  display: block;
  font-size: 0.7em;
  background: #e53935;
  color: #ffffff;
  margin-left: .5rem;
}

/*------------------------------------------------------------
2020/08/12　注文確定画面のボタン（手
------------------------------------------------------------*/

.fs-c-totalAndActions button:not(.fs-c-button--image) {
  font-weight: bold;
}

/*------------------------------------------------------------
2020/10/26　注文完了画面のボタン（手
------------------------------------------------------------*/

.fs-c-checkoutSuccess {
  /*font-size: 150%;*/
}

.form-description {
  font-size: 150%;
}