@charset "UTF-8";

/****************************************/

/* フォントの切り替え用クラス */

.font-serif1 h2, .font-serif1 h3, .font-serif1 h4, .font-serif1 h5,

.font-serif1 .itemHeadline_copy {

  font-family: source-han-serif-japanese, sans-serif;

}



.font-sans-serif1 {

  font-family: source-han-sans-cjk-ja, sans-serif;

  font-style: normal;

}



/****************************************/

/**************************

Base

***************************/

/**************************

Helper

***************************/

/**************************

Layout

***************************/

/**************************

Component

***************************/

/**************************

Project

***************************/

/**************************

Special

***************************/

.bl_spe_chapterCardUnit {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

      -ms-flex-pack: start;

          justify-content: flex-start;

}



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

  .bl_spe_chapterCardUnit {

    display: block;

  }

}



/** 商品ブロック1つ分 **/

.el_spe_chapterCard_head {

  grid-area: areaNAME;

}



.bl_spe_chapterCard_imgWrap {

  grid-area: areaIMG;

}



.bl_spe_chapterCard_priceInfo {

  grid-area: areaPRICE;

}



.bl_spe_chapterCard {

  margin-top: 2rem;

  padding-bottom: 2rem;

  display: -ms-grid;

  display: grid;

  -webkit-column-gap: 1rem;

          column-gap: 1rem;

  row-gap: 0.8rem;

  -webkit-box-align: start;

  -webkit-align-items: start;

      -ms-flex-align: start;

          align-items: start;

  border-bottom: dotted 1px #000000;

}



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

  .bl_spe_chapterCard {

    width: 100%;

    -ms-grid-columns: 45% 1fr;

        grid-template-columns: 45% 1fr;

    -ms-grid-rows: auto 1fr;

        grid-template-rows: auto 1fr;

        grid-template-areas: "areaIMG areaNAME"

 "areaIMG areaPRICE";

    margin-right: 0;

  }

}



@media screen and (min-width: 560px) and (max-width: 959px) {

  .bl_spe_chapterCard .el_spe_label_pointUp {

    width: 60px;

  }

}



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

  .bl_spe_chapterCard {

    width: calc((100% - 3rem)/2);

    -ms-grid-columns: 45% 1fr;

        grid-template-columns: 45% 1fr;

    -ms-grid-rows: auto 1fr;

        grid-template-rows: auto 1fr;

        grid-template-areas: "areaIMG areaNAME"

 "areaIMG areaPRICE";

  }

  .bl_spe_chapterCard .el_spe_label_pointUp {

    width: 60px;

  }

  .bl_spe_chapterCard:nth-child(1), .bl_spe_chapterCard:nth-child(2) {

    width: calc((100% - 3rem)/2);

    margin-top: 0;

    -ms-grid-columns: 1fr;

        grid-template-columns: 1fr;

    -ms-grid-rows: auto auto 1fr;

        grid-template-rows: auto auto 1fr;

        grid-template-areas: "areaIMG"

 "areaNAME"

 "areaPRICE";

  }

  .bl_spe_chapterCard:nth-child(1) .el_spe_benefit-strong, .bl_spe_chapterCard:nth-child(2) .el_spe_benefit-strong {

    height: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .bl_spe_chapterCard:nth-child(1) .el_spe_label_pointUp, .bl_spe_chapterCard:nth-child(2) .el_spe_label_pointUp {

    width: 90px;

  }

  .bl_spe_chapterCard:nth-child(1) {

    margin-right: 3rem;

  }

  .bl_spe_chapterCard:nth-child(2) {

    margin-right: 0;

  }

  .bl_spe_chapterCard:nth-child(2n+3) {

    margin-right: 3rem;

  }

}



.el_spe_chapterCard_head a:hover > .el_spe_chapterCard_itemName {

  text-decoration: underline;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  opacity: 0.5;

}



.el_spe_chapterCard_itemName {

  font-size: 1.6rem;

  font-weight: 700;

}



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

  .el_spe_chapterCard_itemName {

    font-size: 1.2rem;

  }

}



.el_spe_reviewScore {

  margin-top: 0.8rem;

}



.el_reviewStars {

  color: #ec9007;

  font-size: 1.4rem;

}



.bl_spe_chapterCard_imgWrap {

  position: relative;

}



.bl_spe_chapterCard_imgWrap img {

  width: 100%;

}



.bl_spe_chapterCard_imgWrap a:hover > img {

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  opacity: 0.5;

}



.bl_spe_chapterCard_itemDesc {

  font-size: 1rem;

}



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

  .bl_spe_chapterCard_itemDesc {

    font-size: 1rem;

  }

}



.el_spe_label_pointUp {

  position: absolute;

  top: 0;

  left: 0;

  height: auto;

  width: 45px;

}



.el_spe_benefit {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

  margin-top: 0.8rem;

  margin-left: -0.3rem;

}



.el_spe_benefit-item {

  display: inline-block;

  padding: 0.2em;

  font-size: 1rem;

  line-height: 1rem;

  font-weight: 700;

  margin-top: 0.3rem;

  margin-left: 0.3rem;

}



.el_spe_benefit-item.el_benefit-omk {

  color: #b58737;

  border: solid 1px currentColor;

}



.el_spe_benefit-item.el_benefit-freeShip {

  border: solid 1px currentColor;

  color: #515151;

}



.el_spe_benefit-item.el_benefit-gift {

  border: solid 1px currentColor;

  color: #515151;

}



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

  .el_spe_benefit-item {

    font-size: 0.9rem;

  }

}



.ly_spe_point-price {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

      -ms-flex-align: start;

          align-items: flex-start;

}



.el_spe_chapterCard_point {

  display: inline-block;

  margin-bottom: 0.8rem;

  background-color: #fffdf5;

  color: #D53C7F;

  text-align: center;

  border: solid 1px #D53C7F;

  padding: 0.5em;

  font-size: 1rem;

  font-weight: 700;

  line-height: 1;

}



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

  .el_spe_chapterCard_point {

    width: 100%;

  }

}



.bl_spe_chapterCard_price {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

      -ms-flex-align: start;

          align-items: flex-start;

}



.el_spe_price {

  font-weight: 700;

  font-size: 1.4rem;

  line-height: 1;

}



.el_spe_off {

  font-weight: 400;

  background-color: #CF2600;

  padding: 0.2em;

  color: #ffffff;

  margin-right: 0.5em;

}



.el_spe_off + .el_spe_price {

  color: #CF2600;

}



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

  .el_spe_off {

    margin-bottom: 0.3em;

  }

}



.el_spe_price--bf {

  text-decoration: none;

  font-weight: 700;

}



.el_spe_price--bf + .el_spe_price {

  color: #CF2600;

}



.el_spe_price--bf.el_after_taxout::after {

  content: "(税別)のところ";

}



.el_spe_price--bf.el_after_taxin::after {

  content: "(税込)のところ";

}



/** お客様の声（ピックアップレビュー） *******/

.bl_sp_pickupCardUnit {

  display: block;

  max-width: 850px;

  margin-left: auto;

  margin-right: auto;

}



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

  .bl_sp_pickupCardUnit {

    width: 85%;

  }

}



.bl_sp_pickupCard {

  margin-bottom: 6rem;

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 35% 1fr;

      grid-template-columns: 35% 1fr;

  -ms-grid-rows: auto auto 1fr;

      grid-template-rows: auto auto 1fr;

      grid-template-areas: "areaPICKUP_ttl1 areaPICKUP_ttl1"

 "areaPICKUP_ttl2 areaPICKUP_ttl2"

 "areaPICKUP_img areaPICKUP_body";

  row-gap: 1rem;

  -webkit-column-gap: 2rem;

          column-gap: 2rem;

}



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

  .bl_sp_pickupCard {

    -ms-grid-columns: 1fr;

        grid-template-columns: 1fr;

    -ms-grid-rows: auto auto auto 1fr;

        grid-template-rows: auto auto auto 1fr;

        grid-template-areas: "areaPICKUP_ttl1"

 "areaPICKUP_ttl2"

 "areaPICKUP_img"

 "areaPICKUP_body";

  }

  .bl_sp_pickupCard .bl_sp_pickupCard_body {

    text-align: center;

  }

}



.bl_sp_pickupCard .el_spe_btn-search::after {

  -webkit-transform: rotate(-45deg) translateY(-50%);

          transform: rotate(-45deg) translateY(-50%);

}



.el_sp_pickupCard_ttl {

  -ms-grid-row: 1;

  -ms-grid-column: 1;

  -ms-grid-column-span: 2;

  grid-area: areaPICKUP_ttl1;

}



.el_spe_ttl-pickup-lev2 {

  -ms-grid-row: 2;

  -ms-grid-column: 1;

  -ms-grid-column-span: 2;

  grid-area: areaPICKUP_ttl2;

}



.bl_card_imgWrap {

  -ms-grid-row: 3;

  -ms-grid-column: 1;

  grid-area: areaPICKUP_img;

}



.bl_sp_pickupCard_body {

  -ms-grid-row: 3;

  -ms-grid-column: 2;

  grid-area: areaPICKUP_body;

}



.el_sp_pickupCard_ttl {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -webkit-flex-direction: row;

      -ms-flex-direction: row;

          flex-direction: row;

}



.el_sp_pickupCard_ttl .el_spe_ttl-pickupNo {

  color: #fff;

  font-size: 1.4rem;

  font-family: futura-pt, sans-serif;

  font-style: normal;

  font-weight: 500;

  font-style: italic;

  background-color: #000;

  padding: 0.5em 0.5em 0.3em 0.3em;

  line-height: 1em;

  margin-right: 2px;

}



.el_sp_pickupCard_ttl .el_spe_ttl-pickupNo::after {

  font-size: 1.7em;

  font-weight: 400;

  letter-spacing: -0.03em;

  counter-increment: choice;

  margin-left: 0.1em;

  content: "0" counter(choice);

}



.el_sp_pickupCard_ttl .el_spe_ttl-pickupName {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  border: solid 1px #000000;

  padding: 0.2rem 0.5rem;

  font-size: 1.6rem;

  font-weight: 700;

}



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

  .el_sp_pickupCard_ttl {

    display: block;

    position: relative;

    margin-top: 2em;

  }

  .el_sp_pickupCard_ttl .el_spe_ttl-pickupNo {

    font-size: 1.2rem;

    display: block;

    position: absolute;

    top: -1.7em;

    left: -0.5em;

  }

  .el_sp_pickupCard_ttl .el_spe_ttl-pickupName {

    display: block;

    text-align: center;

  }

}



.el_spe_ttl-pickup-lev2 {

  margin-top: 0.8em;

  margin-bottom: 0.8em;

  font-size: 1.8rem;

  font-weight: 700;

  text-align: center;

}



.el_spe_ttl-pickup-lev2::before {

  font-family: 'icomoon';

  content: '\e977';

  left: 0;

  -webkit-transform: translateX(-60%) translateY(-50%);

          transform: translateX(-60%) translateY(-50%);

  display: inline-block;

}



.el_spe_ttl-pickup-lev2::after {

  font-family: 'icomoon';

  content: '\e978';

  -webkit-transform: translateX(60%) translateY(50%);

          transform: translateX(60%) translateY(50%);

  display: inline-block;

}



.el_pickupVoiceList_ttl {

  font-size: 1.2rem;

  font-weight: 700;

  margin-bottom: 0.5em;

}



.el_pickupVoiceList {

  border-top: dotted 2px #cfcfcf;

  margin-bottom: 1.5rem;

}



.el_pickupVoiceList_item {

  font-size: 1rem;

  line-height: 1.4;

  border-bottom: dotted 2px #cfcfcf;

  padding: 0.7em 0 0.7em 1.9em;

  position: relative;

  text-align: left;

}



.el_pickupVoiceList_item::before {

  font-family: 'icomoon';

  content: '\e909';

  font-size: 1.2em;

  position: absolute;

  left: 5px;

  top: 0.7em;

  color: #AFAFAF;

}



/************

  特集カラー

  3色設定

************/

.el_spe_contNav {

  background-color: #ec7b7d;

  background-color: #ffd5d5;

}



.el_spe_contNav-link {

  color: #5c4338;

}



.el_spe_contNav-link:hover {

  color: #ec7b7d;

}



.el_spe_chapNav {

  border-top: solid 1px #c2aa9f;

  border-bottom: solid 1px #c2aa9f;

}



.bl_spe_nav.bl_spe_nav-fixed .bl_mobileHeaderNav {

  border-bottom: none;

}



.bl_spe_nav.bl_spe_nav-fixed .el_spe_chapNav {

  border-top: solid 1px #c2aa9f;

}



.el_spe_chapNav-item {

  border-left: solid 1px #c2aa9f;

}



.el_spe_chapNav-item:first-child {

  border-left: none;

}



.el_spe_chapNav-link {

  color: #5c4338;

}



.el_spe_chapNav-link::after {

  border-color: transparent #ec7b7d #ec7b7d transparent;

}



.el_spe_chapNav-link:hover {

  color: #ec7b7d;

  background-color: #fffbe5;

}



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

  .el_spe_contNav {

    border-left: solid 1px #c2aa9f;

    border-right: solid 1px #c2aa9f;

  }

  .el_spe_chapNav {

    border-left: solid 1px #c2aa9f;

    border-right: solid 1px #c2aa9f;

  }

}



.el_spe_headMain {

  border: solid 1px #c2aa9f;

}



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

  .el_spe_headMain {

    border-left: none;

    border-right: none;

  }

}



@media screen and (min-width: 560px) and (max-width: 959px) {

  .el_spe_maincopy {

    margin-top: 110px;

  }

}



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

  .el_spe_maincopy {

    margin-top: 65px;

  }

}



.el_spe_ttl-pickup-lev2::before, .el_spe_ttl-pickup-lev2::after {

  text-shadow: 0.15em 0.15em 0 #fffbe5;

}



.el_spe_ttl-L {

  background-color: #ec7b7d;

  font-size: 1.4rem;

}



.el_pickupVoiceList_ttl {

  color: #ec7b7d;

}



.el_pickupVoiceList_item em {

  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #fffbe5));

  background: -webkit-linear-gradient(transparent 60%, #fffbe5 40%);

  background: linear-gradient(transparent 60%, #fffbe5 40%);

  font-weight: 700;

}



.el_spe_btn-search {

  border: solid 1px #ec7b7d;

  background-color: #fffbe5;

  color: #ec7b7d;

  font-size: 1rem;

}



.el_spe_btn-search:hover {

  background-color: #ec7b7d;

}



.el_spe_btn-search::after {

  border-color: transparent #ec7b7d #ec7b7d transparent;

  -webkit-transform: rotate(-45deg) translateY(-50%);

          transform: rotate(-45deg) translateY(-50%);

}



.bl_sp_reviewCard_prd:hover {

  background-color: #fffbe5;

}