@charset "UTF-8";

/*  update 2019-10-29
-----------------------------------*/
/*
 ### 2-1 商品詳細ページ
  ## 商品画像パーツ 拡大画像（システムパーツ）
  ## 商品画像パーツ サムネイル画像（システムパーツ）
  ## 商品詳細ページ　カートボタン周り
  ## 商品名パーツ（システムパーツ）
  ## 商品番号パーツ（システムパーツ）
  ## 商品価格パーツ（システムパーツ）
  ## 商品説明（小）表示（システムパーツ）
  ## カート・セレクトボックス＆ラジオパーツ（システムパーツ）
  ## 商品価格パーツ（システムパーツ）
  ## カートエリア説明文
  ## 商品詳細下部説明文
  ## お気に入りに登録
  ## 商品説明（大）
//  ## お問い合わせパーツ（システムパーツ）
//  ## レビューパーツ（システムパーツ）
*/
/* =============================================
  ## 【ORG】商品詳細基本エリア
============================================= */
@media screen and (min-width: 480px) {
  .product_base_wrapper {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 40px;
  }
}

.product_img_wrapper {
  position: relative;
}

@media screen and (min-width: 480px) {
  .product_img_wrapper {
    width: 38%;
  }
}

.product_tx_wrapper {
  padding: 30px;
  max-width: 600px;
}

@media screen and (min-width: 480px) {
  .product_tx_wrapper {
    width: calc(52% - 20px);
    margin-left: 20px;
    padding: 0;
  }
}

.product_tx_wrapper .fs-c-productMarks {
  margin-bottom: 10px;
}

.product_tx_wrapper .fs-c-productMark {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

/* =============================================
  ## 【ORG】商品詳細基本　画像エリア
============================================= */
/*----------------------------------------------
  ## 商品画像パーツ 拡大画像（システムパーツ）
------------------------------------------------*/
.fs-c-productMainImage {
  margin-bottom: 13px;
  position: relative;
}

@media screen and (min-width: 480px) {
  .fs-c-productMainImage {
    width: 100%;
  }
}

.fs-c-productMainImage .fs-c-productMainImage__image {
  padding: 0 0 10px;
  position: relative;
}

@media screen and (min-width: 480px) {
  .fs-c-productMainImage .fs-c-productMainImage__image {
    padding: 0;
    width: 100%;
  }
}

.fs-c-productMainImage .fs-c-productMainImage__image img {
  width: 100%;
  height: auto;
}

.fs-c-productMainImage .fs-c-productMainImage__expandButton {
  display: none;
}

/*----------------------------------------------
  ## 商品画像パーツ サムネイル画像（システムパーツ）
------------------------------------------------*/
.fs-c-productThumbnail {
  margin-left: -10px;
}

.fs-c-productThumbnail__image {
  width: calc(100% / 5 - 10px);
  margin: 0;
  margin-left: 10px;
  flex-basis: calc(100% / 5 - 10px);
  min-width: auto;
}

.fs-c-productThumbnail__image.is-active img {
  border: 5px solid #d7d7d7;
}

.fs-c-productImageModal {
  z-index: 100010;
  padding-top: 50px;
}

/* ----------------------------------------------
  ## 【ORG】商品詳細基本　テキストエリア
----------------------------------------------*/
/*----------------------------------------------
  　# カートエリア
------------------------------------------------*/
/*----------------------------------------------
　　 # リンクエリア
------------------------------------------------*/
/*----------------------------------------------
　　 # SNSシェアボタン（フリーパーツ）
------------------------------------------------*/

.product_tx_wrapper .org_cartBtnWrap {
  display: -ms-flex;
  display: -webkit-flex;
  flex-direction: column;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: left;
}

.product_tx_wrapper .linkBlock {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-around;
  border-top: 1px solid #d7d7d7;
  padding-top: 15px;
  margin-top: 30px;
}

@media screen and (max-width: 480px) {
  .product_tx_wrapper .linkBlock {
    justify-content: space-between;
  }
}

.product_tx_wrapper .sns-shareLink {
  flex-wrap: wrap;
}

.product_tx_wrapper .sns-shareLink ul {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
}

.product_tx_wrapper .sns-shareLink ul li {
  width: 28px;
  margin-right: 7px;
}

/*----------------------------------------------
  ## 商品詳細ページ　カートボタン周り
------------------------------------------------*/
/*----------------------------------------------
  ## 商品名パーツ（システムパーツ）
------------------------------------------------*/
.fs-c-productNameHeading {
  font-size: 1.9rem;
  margin-bottom: 10px;
  word-break: normal;
}

.fs-c-productNameHeading span {
  display: block;
}

/*----------------------------------------------
  ## 商品番号パーツ（システムパーツ）
------------------------------------------------*/
.fs-c-productNumber {
  font-size: 1.1rem;
  margin-bottom: 10px;
}

@media screen and (min-width: 480px) {
  .fs-c-productNumber {
    font-size: 1.3rem;
  }
}

/*----------------------------------------------
  ## 商品価格レイアウト
------------------------------------------------*/
.price-box {
  display: block;
}

@media screen and (min-width: 780px) {
  .price-box {
    display: flex;
    align-items: flex-end;
  }
}

/*----------------------------------------------
  ## 商品価格パーツ（システムパーツ）
------------------------------------------------*/
.fs-c-productPrices {
  margin-bottom: 15px;
}

@media screen and (min-width: 480px) {
  .fs-c-productPrices {
    font-size: 1.5rem;
  }
}

.fs-c-productPrices .fs-c-productPrice--selling .fs-c-productPrice__main,
.fs-c-productPrices .fs-c-productPrice--selling .fs-c-productPrice__addon {
  display: inline;
}

.fs-c-productPrice--selling,
.fs-c-productPrice--listed {
  margin-bottom: 10px;
}

.fs-c-productPrices .fs-c-productPrice--selling:before {
  content: "販売価格";
  border: 2px solid #c89f94;
  padding: 3px 5px;
  border-radius: 10px;
}

.fs-c-productPrices .fs-c-productPrice--member {
  color: #363636;
}

.fs-c-productList__list__item .fs-c-productPrices .fs-c-productPrice--member {
  color: #c89f94;
}

.fs-c-productPrices .fs-c-price {
  display: inline;
}

.fs-c-productPrice--listed .fs-c-price__value {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

.fs-c-productPrice--selling .fs-c-price__value {
  font-size: 1.8rem;
}

.fs-c-productPrice--member .fs-c-price__value,
.fs-c-productPrice--preorder .fs-c-price__value {
  font-size: 2.4rem;
}

.fs-c-productList__list__item .fs-c-productPrices .fs-c-price__value {
  font-size: 1.3rem;
}

.fs-c-productPrices .fs-c-productPrice__addon__label:before {
  content: "(";
}

.fs-c-productPrices .fs-c-productPrice__addon__label:after {
  content: ")";
}

/*----------------------------------------------
  ## 在庫なし表示テキスト（システムパーツ）
------------------------------------------------*/
.fs-c-productNotice--outOfStock {
  margin-top: 20px;
  border: 1px dotted #ea4b27;
  color: #ea4b27;
  text-align: center;
  padding: 15px;
}

/*----------------------------------------------
  # バリエーション無し商品設定
------------------------------------------------*/
.fs-c-productQuantityAndWishlist {
  margin-right: 10px;
}

@media screen and (min-width: 480px) {
  .fs-c-productQuantityAndWishlist {
    margin-right: 20px;
  }
}

.fs-c-productQuantityAndWishlist__wishlist {
  margin-left: 0;
  display: block;
}

.fs-c-productQuantityAndWishlist__quantity {
  position: relative;
  padding-left: 3em;
  max-width: 7em;
}

.fs-c-productQuantityAndWishlist__quantity:before {
  content: "数量";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

/*----------------------------------------------
  ## ポイントパーツ（システムパーツ）
------------------------------------------------*/
.fs-c-productPointDisplay {
  margin-bottom: 25px;
  margin-left: 10px;
}

/*----------------------------------------------
  ## 商品説明（大）
------------------------------------------------*/
.productInfoL {
  margin-bottom: 40px;
}

.productInfoL p {
  line-height: 2;
}

.productInfoL .fs-p-productDescription--full {
  margin-bottom: 50px;
}

/* =============================================
  ## 【ORG】商品詳細 カート下告知
============================================= */
.product_cart-under_note {
  margin-bottom: 40px;
}

.product_cart-under_note .deliver-note {
  border: 1px solid #ea4b27;
  text-align: center;
  margin-left: 38px;
  margin-right: 38px;
  color: #ea4b27;
  padding: 13px;
}

@media screen and (min-width: 480px) {
  .product_cart-under_note .deliver-note {
    margin: 0;
    border: 2px solid #ea4b27;
    padding: 10px 0;
  }

  .product_cart-under_note .deliver-note br {
    display: none;
  }
}

/*----------------------------------------------
  ## A 【original】<商品詳細>上部追加コンテンツ
------------------------------------------------*/
@media screen and (min-width: 480px) {
  .product_upperArea {
    margin-bottom: 40px;
  }
}

.product_upperArea .product_add {
  margin-bottom: 12px;
}

.product_upperArea .product_add .text {
  padding: 15px;
}

.product_upperArea .product_add div:last-child,
.product_upperArea .product_add p:last-child,
.product_upperArea .product_add ul:last-child {
  margin-bottom: 0;
}

/*----------------------------------------------
  ## A 【original】<商品詳細>下部追加コンテンツ
------------------------------------------------*/
.product_lowerArea {
  margin-bottom: 30px;
  border-bottom: 1px solid #363636;
}
@media screen and (min-width: 480px) {
  .product_lowerArea {
    border-bottom: none;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 480px) {
  .product_lowerArea .product_ex {
    border-bottom: 1px dotted #363636;
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
.product_lowerArea .product_ex .ttl-h2 {
  font-size: 1.4rem;
  padding: 18px;
  background-color: #fff;
  border-top: 1px solid #363636;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 480px) {
  .product_lowerArea .product_ex .ttl-h2 {
    font-size: 2.4rem;
    text-align: center;
    font-weight: bold;
    border: none;
    background-color: transparent;
    padding: 0;
  }
}
.product_lowerArea .product_ex .ttl-h2:after {
  content: "";
  width: 11px;
  height: 11px;
  display: block;
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -5px;
  background-image: url(https://naturalfoods.itembox.design/item/img/common/icon/plus.png);
  background-size: contain;
}

@media screen and (min-width: 480px) {
  .product_lowerArea .product_ex .ttl-h2:after {
    display: none;
  }
}

.product_lowerArea .product_ex .ttl-h2.active:after {
  background-image: url(https://naturalfoods.itembox.design/item/img/common/icon/minus.png);
}

.product_lowerArea .product_ex div,
.product_lowerArea .product_ex ul,
.product_lowerArea .product_ex p,
.product_lowerArea .product_ex table {
  margin-bottom: 20px;
}

.product_lowerArea .product_ex div:last-child,
.product_lowerArea .product_ex ul:last-child,
.product_lowerArea .product_ex p:last-child,
.product_lowerArea .product_ex table:last-child {
  margin-bottom: 0;
}

.product_lowerArea .product_ex .block {
  border-top: 1px solid #363636;
  padding: 38px;
  display: none;
}

@media screen and (min-width: 480px) {
  .product_lowerArea .product_ex .block {
    display: block;
    border: none;
    padding-left: 0;
    padding-right: 0;
  }
}

.product_lowerArea .product_ex .block ul {
  list-style-type: disc;
  margin-left: 1.5em;
}

.product_lowerArea .product_ex .specTable {
  border-left: 1px solid #363636;
  border-bottom: 1px solid #363636;
  width: 100%;
  clear: both;
}

.product_lowerArea .product_ex .specTable tr th,
.product_lowerArea .product_ex .specTable tr td {
  display: block;
  text-align: left;
  border-top: 1px solid #363636;
  border-right: 1px solid #363636;
  padding: 12px;
}

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

  .product_lowerArea .product_ex .specTable tr th,
  .product_lowerArea .product_ex .specTable tr td {
    display: table-cell;
  }
}

.product_lowerArea .product_ex .specTable tr th {
  background-color: #ecccc3;
}

@media screen and (min-width: 480px) {
  .product_lowerArea .product_ex_point {
    overflow: hidden;
    *zoom: 1;
  }

  .product_lowerArea .product_ex_point .image {
    float: right;
    width: 240px;
    margin-left: 40px;
  }
}

@media screen and (min-width: 480px) {
  .product_lowerArea .product_ex_howto-eat {
    overflow: hidden;
    *zoom: 1;
  }

  .product_lowerArea .product_ex_howto-eat .image {
    float: right;
    width: 240px;
    margin-left: 40px;
  }

  .product_lowerArea .product_ex_howto-eat .btn {
    clear: both;
    width: 192px;
  }
}

@media screen and (min-width: 480px) {
  .product_lowerArea .product_ex_detail {
    overflow: hidden;
    *zoom: 1;
  }

  .product_lowerArea .product_ex_detail .image {
    float: right;
    width: 240px;
    margin-left: 40px;
  }
}

/*----------------------------------------------
  ## レビューパーツ（システムパーツ）
------------------------------------------------*/
.fs-c-productReview__addReview {
  margin-bottom: 5px;
}

.fs-c-productReview {
  margin: 0 38px 40px;
}

@media screen and (min-width: 480px) {
  .fs-c-productReview {
    margin: 0;
  }
}

.fs-c-productReview .fs-c-productReview__aggregateRating {
  text-align: center;
}

.fs-c-productReview .fs-c-productReview__aggregateRating:before {
  content: "お客様の声";
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
}

@media screen and (min-width: 480px) {
  .fs-c-productReview .fs-c-productReview__aggregateRating:before {
    margin-right: 50px;
    font-size: 2.4rem;
    text-align: center;
    font-weight: bold;
    border: none;
    padding: 0;
    display: block;
    width: 100%;
  }
}

.fs-c-productReview .fs-c-aggregateRating {
  background-color: #fff;
}

.fs-c-productReview .fs-c-productReview__aggregateRating {
  display: block;
  margin-bottom: 0;
  padding: 10px;
}

@media screen and (min-width: 480px) {
  .fs-c-productReview .fs-c-productReview__aggregateRating {
    padding: 0;
  }
}

.fs-c-productReview .fs-c-aggregateRating__rating {
  padding: 10px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
}

@media screen and (min-width: 480px) {
  .fs-c-productReview .fs-c-aggregateRating__rating {
    padding: 20px 0;
  }
}

.fs-c-productReview .fs-c-aggregateRating__rating::before {
  content: "商品の平均評価";
  font-size: 1.1rem;
  margin-top: 3px;
  margin-right: 10px;
}

.fs-c-productReview .fs-c-rating__value {
  margin-left: 1em;
  font-size: 1.5rem;
}

.fs-c-productReview .fs-c-aggregateRating__count {
  display: none;
}

.fs-c-productReview .fs-c-productReview__reviewList {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px dotted #363636;
}

@media screen and (min-width: 480px) {
  .fs-c-productReview .fs-c-productReview__reviewList {
    margin: 0 0;
    border-bottom: 1px solid #d7d7d7;
  }
}

.fs-c-productReview .fs-c-productReview__reviewList .fs-c-reviewList__item {
  border-top: 1px dotted #363636;
  padding: 20px 0;
}

@media screen and (min-width: 480px) {
  .fs-c-productReview .fs-c-productReview__reviewList .fs-c-reviewList__item {
    padding: 30px 0;
    border-top: 1px solid #d7d7d7;
  }
}

@media screen and (min-width: 480px) {
  .fs-c-productReview .fs-c-productReview__reviewList .fs-c-reviewList__item .fs-c-reviewList__item__info {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
  }
}

@media screen and (min-width: 480px) {
  .fs-c-productReview .fs-c-reviewList__item__body {
    width: 100%;
  }
}

.fs-c-productReview .fs-c-reviewInfo__reviewer {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px;
}

@media screen and (min-width: 480px) {
  .fs-c-productReview .fs-c-reviewInfo__reviewer {
    margin-right: 20px;
  }
}

.fs-c-productReview .fs-c-reviewInfo__reviewer .fs-c-reviewer__name {
  font-weight: bold;
}

@media screen and (min-width: 480px) {
  .fs-c-productReview .fs-c-reviewInfo__reviewer .fs-c-reviewer__name {
    margin-right: 20px;
  }
}

.fs-c-productReview .fs-c-reviewInfo__date {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

.fs-c-productReview .fs-c-reviewInfo__date dt,
.fs-c-productReview .fs-c-reviewInfo__date dd {
  display: inline-block;
  margin: 0;
}

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

  .fs-c-productReview .fs-c-reviewInfo__date dt,
  .fs-c-productReview .fs-c-reviewInfo__date dd {
    margin-right: 20px;
  }
}

.fs-c-productReview .fs-c-reviewRating {
  display: inline-block;
  vertical-align: middle;
}

.fs-c-productReview .fs-c-productReview__allReviews {
  text-align: right;
  display: block;
  padding: 10px;
}

@media screen and (min-width: 480px) {
  .fs-c-productReview .fs-c-productReview__allReviews {
    border-bottom: 1px dotted #363636;
    padding-bottom: 30px;
    width: 100%;
    margin-bottom: 50px;
    text-align: right;
  }
}

/*----------------------------------------------
  ## 商品詳細 この商品を見た人はこちらの商品も見ています
------------------------------------------------*/
.item-recommend-section {
  padding-left: 38px;
  padding-right: 38px;
  margin-bottom: 40px;
}

@media screen and (min-width: 480px) {
  .item-recommend-section {
    padding: 0;
    border-bottom: 1px dotted #363636;
    padding-bottom: 50px;
  }
}


@media screen and (min-width: 480px) {
  .item-recommend-section .ttl-h2 br {
    display: none;
  }
}

.item-recommend-section .productList {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  margin-left: -12px;
}

@media screen and (min-width: 480px) {
  .item-recommend-section .productList {
    margin-left: -16px;
  }
}

.item-recommend-section .productList .item {
  width: calc(100% / 3 - 12px);
  margin-left: 12px;
  text-align: center;
  margin-top: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 480px) {
  .item-recommend-section .productList .item {
    width: calc(100% / 3 - 16px);
    padding: 0;
    margin-left: 16px;
  }
}

.item-recommend-section .productList .item .productName {
  font-size: 1.1rem;
}

@media screen and (min-width: 480px) {
  .item-recommend-section .productList .item .productName {
    font-size: 1.6rem;
    padding: 18px 0;
    display: block;
  }
}

.item-recommend-section .productList .item .priceBox {
  font-size: 1rem;
  color: #ea4b27;
  text-align: center;
  display: block;
}

@media screen and (min-width: 480px) {
  .item-recommend-section .productList .item .priceBox {
    font-size: 1.6rem;
    font-weight: bold;
  }
}

@media screen and (min-width: 480px) {
  .item-recommend-section .productList .item .priceBox .price-add {
    font-size: 1.3rem;
  }
}

/*----------------------------------------------
  ## 商品詳細 特集
------------------------------------------------*/
.cmn_feature-bnr-section {
  padding-left: 38px;
  padding-right: 38px;
  margin-bottom: 35px;
}

@media screen and (min-width: 480px) {
  .cmn_feature-bnr-section {
    padding: 0;
    padding-bottom: 50px;
    margin-bottom: 0;
  }
}

.cmn_feature-bnr-section .feature-bnrList.tab-desktop {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 480px) {
  .cmn_feature-bnr-section .feature-bnrList.tab-desktop {
    margin-left: -25px;
  }
}

.cmn_feature-bnr-section .feature-bnrList .inner {
  margin-top: 12px;
}

@media screen and (min-width: 480px) {
  .cmn_feature-bnr-section .feature-bnrList .inner {
    width: calc(100% / 3 - 25px);
    margin-left: 25px;
  }
}

.cmn_feature-bnr-section .feature-bnrList .inner span {
  display: block;
  text-align: center;
}

.cmn_feature-bnr-section .feature-bnrList .inner span.ttl {
  font-weight: bold;
  margin: 15px 0;
}

.cmn_feature-bnr-section .feature-bnrList .inner span.text {
  font-size: 1.3rem;
}

/*----------------------------------------------
  ## 販促バナーエリア
------------------------------------------------*/
.common-banner-area {
  display: flex;
  justify-content: center;
  padding: 50px 0 0;
}

@media screen and (min-width: 480px) {
  .common-banner-area {
    display: flex;
    justify-content: center;
    padding: 0 80px;
  }

  .common-banner-area .banner:first-child {
    margin-right: 20px;
  }
}

/* fc.style.css */
.fs-c-productThumbnail {
  justify-content: center;
}