@charset "UTF-8";
/* =====================

	商品ページ

 ======================= */
/** -------------------- カテゴリページ -------------------- **/
/** メインビジュアル **/
.p-item-category-mv {
  padding: 0 0 32px;
  margin: 0 -20px;
}

.p-item-category-mv__title {
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
  padding: 64px 20px;
  color: var(--c_acc);
  background: var(--c_bg_c);
}

.p-item-category-mv__img {
  position: relative;
}

.p-item-category-mv__img img {
  margin-top: -20px;
  width: 100%;
}

.p-item-category-mv__img img[src=""] {
  display: none;
}

.p-item-category-mv__img img[src=""] + span {
  display: none;
}

.p-item-category-mv__img span {
  width: 100%;
  padding-top: 21.3%;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f3ed), to(rgba(248, 243, 237, 0)));
  background: linear-gradient(to bottom, #f8f3ed 0%, rgba(248, 243, 237, 0) 100%);
  position: absolute;
  top: -20px;
  left: 0;
}

.p-item-category-lead {
  margin: 40px 0 50px;
  font-family: var(--font_go);
  line-height: 1.6;
  letter-spacing: 0.04em;
}

.p-item-category-lead:empty, .p-item-category-lead:blank {
  display: none;
}

/** -------------------- 商品詳細ページ -------------------- **/
.p-item-detail {
  /** レビュー星・件数表示 **/
  /** 商品説明（小） **/
  /** 独自コメント1　辛さのレベル **/
  /** 商品説明（大）　商品詳細 **/
  /** 独自コメント2　説明画像 **/
  /** レビューパーツ **/
}

.p-item-detail__txtBox {
  margin-top: 35px;
}

.p-item-detail__detailBox {
  margin-top: 60px;
}

.p-item-detail__review {
  margin: 8px 0 24px;
}

.p-item-detail__review--0 {
  display: none;
}

.p-item-detail__review__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.p-item-detail__review__link:after {
  content: "";
  width: 12px;
  height: 7px;
  background: url(../images/common/arrow_up.png) no-repeat center/contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-item-detail__review__rating {
  color: var(--c_base);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: normal;
}

.p-item-detail__review__counts {
  font-weight: 600;
  line-height: normal;
}

.p-item-detail__description_short {
  margin: 60px 0;
}

.p-item-detail__description_short p {
  font-family: var(--font_go);
  line-height: 1.5;
}

.p-item-detail .p-item-detail__level {
  margin: 60px 0 54px;
}

.p-item-detail .p-item-detail__level__mark > * {
  width: 236px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  background: url(../images/common/spicy_blank.png) repeat-x left center/auto 100%;
}

.p-item-detail .p-item-detail__level__mark > *:before {
  content: "";
  height: 100%;
  background: url(../images/common/spicy.png) repeat-x left center/auto 100%;
}

.p-item-detail .p-item-detail__level__mark > *:after {
  content: "";
  width: 28px;
  background: url(../images/common/spicy_half.png) no-repeat left center/auto 100%;
}

.p-item-detail .p-item-detail__level__mark > *.hot50:before {
  width: 100%;
}

.p-item-detail .p-item-detail__level__mark > *.hot50:after {
  display: none;
}

.p-item-detail .p-item-detail__level__mark > *.hot45:before {
  width: 184px;
}

.p-item-detail .p-item-detail__level__mark > *.hot40:before {
  width: 184px;
}

.p-item-detail .p-item-detail__level__mark > *.hot40:after {
  display: none;
}

.p-item-detail .p-item-detail__level__mark > *.hot35:before {
  width: 132px;
}

.p-item-detail .p-item-detail__level__mark > *.hot30:before {
  width: 132px;
}

.p-item-detail .p-item-detail__level__mark > *.hot30:after {
  display: none;
}

.p-item-detail .p-item-detail__level__mark > *.hot25:before {
  width: 80px;
}

.p-item-detail .p-item-detail__level__mark > *.hot20:before {
  width: 80px;
}

.p-item-detail .p-item-detail__level__mark > *.hot20:after {
  display: none;
}

.p-item-detail .p-item-detail__level__mark > *.hot15:before {
  width: 28px;
}

.p-item-detail .p-item-detail__level__mark > *.hot10:before {
  width: 28px;
}

.p-item-detail .p-item-detail__level__mark > *.hot10:after {
  display: none;
}

.p-item-detail .p-item-detail__level__mark > *.hot05:before {
  display: none;
}

.p-item-detail .p-item-detail__level__mark > *.hot00:before {
  display: none;
}

.p-item-detail .p-item-detail__level__mark > *.hot00:after {
  display: none;
}

.p-item-detail__description_long {
  margin: 60px 0 80px;
}

.p-item-detail__description_long table {
  width: 100%;
  table-layout: fixed;
}

.p-item-detail__description_long table tr {
  display: block;
}

.p-item-detail__description_long table th {
  display: block;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  background: var(--c_bg_g);
  padding: 10px;
}

.p-item-detail__description_long table td {
  display: block;
  font-family: var(--font_go);
  line-height: 1.5;
  padding: 10px 20px;
  border: 1px solid var(--c_bg_g);
  border-top: 0;
}

.p-item-detail__comment_2 {
  margin: 80px 0 60px;
}

.p-item-detail__comment_2 img {
  width: 100%;
}

.p-item-detail__reviewBox {
  margin: 60px 0 0;
}

/* スマホのみ

  ------------------------ */
/* PC

  ------------------------ */
@media (min-width: 701px) {
  /** -------------------- カテゴリページ -------------------- **/
  /** メインビジュアル **/
  .p-item-category-mv {
    margin: 0 0 64px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-item-category-mv__title {
    font-size: 3.4rem;
    letter-spacing: 0.05em;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 40px 20px;
  }
  .p-item-category-mv__img img {
    margin: 0;
    width: 464px;
  }
  .p-item-category-mv__img span {
    width: 147px;
    padding-top: 0;
    height: 100%;
    top: 0;
    background: -webkit-gradient(linear, left top, right top, from(#f8f3ed), to(rgba(248, 243, 237, 0)));
    background: linear-gradient(to right, #f8f3ed 0%, rgba(248, 243, 237, 0) 100%);
  }
  .p-item-category-lead {
    margin: 64px 0;
    font-size: 1.6rem;
  }
  /** -------------------- 商品詳細ページ -------------------- **/
  .p-item-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /** レビュー星・件数表示 **/
    /** 商品説明（小） **/
    /** 独自コメント1　辛さのレベル **/
    /** 商品説明（大）　商品詳細 **/
    /** 独自コメント2　説明画像 **/
    /** レビューパーツ **/
  }
  .p-item-detail__imgBox {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 400px;
            flex: 0 1 400px;
  }
  .p-item-detail__txtBox {
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 424px;
            flex: 0 1 424px;
  }
  .p-item-detail__detailBox {
    margin-top: 100px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .p-item-detail__review {
    margin: 8px 0 50px;
  }
  .p-item-detail__review__rating {
    font-size: 2rem;
  }
  .p-item-detail__review__counts {
    font-size: 1.6rem;
  }
  .p-item-detail__description_short {
    margin: 50px 0 60px;
  }
  .p-item-detail__description_short p {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  .p-item-detail .p-item-detail__level {
    margin: 60px 0 48px;
  }
  .p-item-detail__description_long {
    margin: 0 0 100px;
  }
  .p-item-detail__description_long table {
    border-collapse: collapse;
    font-size: 1.6rem;
  }
  .p-item-detail__description_long table tr {
    display: table-row;
  }
  .p-item-detail__description_long table th {
    display: table-cell;
    width: 300px;
    border-bottom: 1px solid var(--c_wht);
    padding: 16px;
  }
  .p-item-detail__description_long table td {
    display: table-cell;
    border: 1px solid var(--c_bg_g);
    padding: 18px 20px;
  }
  .p-item-detail__comment_2 {
    margin: 100px 0;
  }
  .p-item-detail__reviewBox {
    margin: 100px 0 0;
  }
}