@charset "utf-8";
/* CSS Document */

/* =========================
  ヘッダー位置調整
========================= */

.fs-body-search,
.fs-body-product,
.fs-body-review-write {
  padding-top: 255px;
}
@media (max-width: 435px) {
  .fs-body-search,
  .fs-body-product,
  .fs-body-review-write {
    padding-top: 280px;
  }
}

/* =========================
  上書きcss
========================= */

.fs-c-productMainImage__image {
  max-width: 90%;
  margin: 0 auto;
}
.fs-c-productNameHeading {
  font-size: 2.8rem;
}
.fs-c-productNumber {
  border: none;
  font-size: 1.6rem;
  background-color: #fff;
  color: #000;
  /*width: 12em;*/
  text-align: center;
  border: 1px solid #000;
}
.fs-c-productPrice {
  font-size: 3rem;
}
.fs-c-productPrice__main__label {
  margin-right: 10px;
  font-size: 2rem;
}
.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
  font-size: 1em;
  color: #1e5d9b;
}
.fs-c-productPrice__addon {
  font-size: 14px;
  margin-left: 10px;
}
.fs-c-productPrice__main__joint {
  font-size: 1.2rem;
}
.fs-c-quantity select {
  font-size: 1.4em;
  padding: 7px 12px;
  text-align: right;
}

.fs-c-button--primary {
  background-color: #444;
  border: none;
  /*border-radius: 40px;*/
  font-size: 1.4em;
  padding: 0.8em 2.5em;
}
.fs-p-productDescription {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "MS P明朝", "MS 明朝", serif;
}
.fs-p-productDescription table {
  border-collapse: revert;
  border-spacing: revert;
}
.fs-p-productDescription table th {
  background-color: #FBFAF6;
  text-align: center;
  padding: 12px;
}
.fs-p-productDescription table th font {
  font-size: 2.6rem;
}
.fs-p-productDescription table td b {
  font-size: 1.4em;
}

/***************************
 ** 商品スペック
 ****************************/

.itempage_spec {
  margin-bottom: 1em;
  border: 3px solid #f6efc7;
  padding: 1em;
}


/***************************
 ** 出荷日について
 ****************************/

.about-shipping {
  padding: 1em;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  border: 3px solid #d23528;
  margin-bottom: 1em;
}
.about-shipping p {
  color: #d23528;
}

@media (max-width:736px) {
  .about-shipping {
    padding: 1em;
	text-align: left;
  }
}


/***************************
 ** 領収書についてボタン
　送料についてボタン
 ****************************/

.receipt-postage {
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; /* 自動で折り返す */
  -webkit-justify-content: center;
  justify-content: center;
  gap: 10px 12px;  /* 行の隙間(上下)を10px、列の隙間(左右)を12pxにする */
  margin-bottom: 1em;
}
.receipt-postage li {
  width: 48%;
}
.receipt-postage li a {
  display: block;
  background-color: #fcf9e8;
  border-radius: 30px;
  padding: 14px;
  text-align: center;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.receipt-postage li a:hover {
  background-color: #f6efc7;
}

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


/***************************
 ** バナー・ゆうパケット画像
 ****************************/

.bnr_yupacket ul li {
  margin-bottom: 1em;
}
.bnr_yupacket ul li a {
  transition: opacity 0.2s ease;
}
.bnr_yupacket ul li a:hover {
  opacity: 0.7;
}

.bnr_not-yupacket {
  margin-bottom: 1em;
}

.payment-method {
  margin-bottom: 1em;
}
.payment-method .itempage_pay_SP {
  display: none;
}

@media screen and (max-width: 736px) {
  .bnr_yupacket {
	display: block;
  }
  .bnr_yupacket ul {
	width: 100%;
	margin-bottom: 1em;
  }
  .bnr_yupacket > img {
	width: 100%;
  }
  .bnr_not-yupacket ul {
    display: block;
  }
  .bnr_not-yupacket ul li {
    width: 100%;
  }
  .payment-method .itempage_pay_PC {
	display: none;
  }
  .payment-method .itempage_pay_SP {
	display: block;
  }
  .payment-method .itempage_pay_SP img {
	width: 100%;
  }
}


/***************************
 ** SNSボタン
 ****************************/
.fs-p-snsArea {
  /*justify-content: flex-end;*/
}

/***************************
 ** SNSボタン・レビューを書くの位置
 ****************************/
.fs-c-buttonContainer--inquiryAboutProduct,
.fs-c-buttonContainer--addReview--detail {
  /*justify-content: flex-end;*/
}

/***************************
 ** 商品についてのお問い合わせ・レビューを書く
 ****************************/
.fs-c-button--plain {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 12px 0;
    /*margin-top: 16px;
    background: #fff;
    border: 1px solid #1e5d9b;
    border-radius: 999px;*/

    color: #1e5d9b;
    /*font-size: 14px;*/
    font-weight: 700;
    line-height: 1;

    text-decoration: none;

    transition: all .3s ease;
}

.fs-c-button--plain:hover {
    /*background: #1e5d9b;*/
    color: #1e5d9b;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(30,93,155,.18);
}

/***************************
 ** 返品特約について
 ****************************/
.fs-c-returnedSpecialContract__link {
  color: #1e5d9b;
  font-weight: 700;
}



/***************************
 ** スマホ時の商品表示順
 ** 商品画像 → カートエリア → 商品説明
 ****************************/
@media screen and (max-width: 736px) {

  /* 商品ページ全体を縦並びにする */
  .fs-l-productLayout.fs-system-product {
    display: flex !important;
    flex-direction: column;
  }

  /*
   * PC用の左右カラムを解除し、
   * 中の要素を直接並び替えられるようにする
   */
  .fs-l-productLayout__item--1,
  .fs-l-productLayout__item--2 {
    display: contents;
  }

  /* 商品画像 */
  .fs-l-productLayout__item--1 > .fs-c-productMainImage {
    order: 1;
    width: 100%;
  }

  /* サムネイル画像 */
  .fs-l-productLayout__item--1 > .fs-c-productThumbnail {
    order: 2;
    width: 100%;
    margin-bottom: 30px;
  }

  /*
   * 商品名・価格・バリエーション・カート・
   * 商品スペック・バナーなど
   */
  .fs-l-productLayout__item--2 > * {
    order: 3;
    width: 100%;
    box-sizing: border-box;
  }

  /* 商品説明（大）を最後に表示 */
  .fs-l-productLayout__item--1 > .fs-p-productDescription--full {
    order: 4;
    width: 100%;
    box-sizing: border-box;
    margin-top: 40px;
  }
}