@charset "UTF-8";
@import url('https://fonts.googleapis.com/icon?family=Material+Icons+Outlined');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

:where(.item-detail) ul,
:where(.item-detail) ol,
:where(.cmania-item) ul,
:where(.cmania-item) ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: revert;
}

:where(.item-detail) img,
:where(.cmania-item) img,
:where(.sinto-item) img {
 display: revert;
}

:where(.border) {
 border: revert;
}

:where(.item-detail) table th,
:where(.cmania-item) table th,
:where(.sinto-item) table th {
  color: inherit;
}
:where(.item-detail) h3,
:where(.cmania-item) h3,
:where(.sinto-item) h3 {
  border-left: none;
  padding-inline: 0;
}

:where(.item-detail) sup,
:where(.item-detail) .note ,
:where(.cmania-item) sup,
:where(.cmania-item) .note ,
:where(.sinto-item) sup,
:where(.sinto-item) .note {
  font-size: 10px !important;
  vertical-align: revert;
  top: revert;
}

:where(.item-detail) :where(table, tbody, tr, th, td),
:where(.cmania-item) :where(table, tbody, tr, th, td),
:where(.sinto-item) :where(table, tbody, tr, th, td) {
  display: revert;
}

.detail_other_container .aco-box .js-aco-btn::before,
.detail_other_container .aco-box .js-aco-btn::after,
.item-detail .aco-block .aco-box .js-aco-btn::before,
.item-detail .aco-block .aco-box .js-aco-btn::after,
.c-faq-list .q-wrap .ico::before,
.c-faq-list .q-wrap .ico::after,
.cmania-item section.faq .faq-q::before,
.cmania-item section.faq .faq-q::after,
.sinto-item section.faq .faq-q::before,
.sinto-item section.faq .faq-q::after,
.howto-detail-block .item_use .b-use .list .js-aco-btn .list-ttl + .ico:before,
.howto-detail-block .item_use .b-use .list .js-aco-btn .list-ttl + .ico:after,
.correctUse_ttl.is-active:before,
.correctUse_ttl.is-active:after {
  display: none !important;
}

.item-detail .aco-block .aco-box .js-cont,
.js-aco-wrap {
  display: block !important;
}

.detail_other_container .aco-box .js-aco-btn,
.item-detail .aco-block .aco-box .js-aco-btn,
.c-faq-list .q-wrap .ico,
.cmania-item section.faq .faq-q,
.sinto-item section.faq .faq-q,
.howto-detail-block .item_use .b-use .list .list-ttl,
.item-detail .js-aco-btn {
  cursor: revert !important;
}
.cmania-item section.faq .faq-a,
.sinto-item section.faq .faq-a {
  height: revert !important;
}

.cmania-item section.faq .faq-q,
.sinto-item section.faq .faq-q {
  cursor: revert !important;
}

.item-detail .item-feature-block .ttl-wrap .ttl {
  margin-top: 0 !important;
}
.c-ttl01 .en.text {
  font-family: tt-commons-pro, "Noto Sans JP", sans-serif !important;
  font-weight: 200 !important; 
}



  .item-template-brrs .item-detail .showcase-block,
  .item-template-wtrs .item-detail .showcase-block {
    overflow: visible;
  }
  .c-ttl01 .ja {
    font-size: 14px;
    font-family: inherit !important;
  }
  .c-ttl02,
  .item-detail .c-bg-area .ttl .inn {
    font-feature-settings: "palt";
  }
  .detail_other_container .fsc-box {
    display: flex;
    align-items: center;
    border-bottom: solid 1px #251E1C;
    border-top: solid 1px #251E1C;
    padding: 80px 90px 70px;
  }
  .detail_other_container .fsc-box img {
    width: 112px;
  }
  .detail_other_container .fsc-box .txt-area {
    padding-left: 70px;
    width: calc(100% - 112px);
  }
  @media only screen and (max-width: 640px) {
    .detail_other_container .fsc-box {
      padding: 30px 8px;
      }
    .detail_other_container .fsc-box .img {
      width: 70px;
      }
    .detail_other_container .fsc-box .txt {
      margin-top: 0px;
      font-size: 10px;
    }
    .detail_other_container .fsc-box .txt-area {
      padding-left: 25px;
      padding-bottom: 0px;
      width: calc(100% - 70px);
    }
    .item-detail .aco-block .fsc-box {
      padding: 30px 8px;
    }
    .item-detail .aco-block .fsc-box .txt-area {
      padding-bottom: 0;
    }
  }
  .spsub .subsc-banner_price-area_init {
    letter-spacing: 0;
  }
  .spsub .subsc-banner_sec-wrap {
    margin-top: 0;
  }
  @media only screen and (max-width: 767px) {
    .spsub .subsc-banner_img-area img {
      max-width: 95%;
    }
  }
  

.inner-block {
  position: relative;
  max-width: 1240px;
  width: 100%;
  padding: 0 20px;
}

.c-svg {
  display: inline-block;
  fill: currentColor;
  vertical-align: top;
}

.c-mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}

.note {
  font-size: 10px !important;
}

.note {
  color: #666;
}
.u-mt0 {
  margin-top: 0px !important;
}

.u-mb100 {
  margin-bottom: 100px !important;
}
.c-link-red {
  color: #B60005;
}
.c-bnr-block {
  padding-top: 120px;
}
.c-bnr-block .c-bnr {
  display: block;
}

.c-bnr {
  border-radius: 20px;
  display: inline-block;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.c-bnr img {
  width: 100%;
}
.c-bg-area {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.c-bg-area::before, .c-bg-area::after {
  background: #ebe6e1;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: -1;
}
.c-bg-area::before {
  border-radius: 0 0 0 80px;
  width: calc(100% - 80px);
  right: 0;
}
.c-bg-area::after {
  width: 1000px;
  left: calc(100% - 1px);
}
.detail-txt-area {
  margin-top: 25px;
  font-size: 12px;
}
.detail-txt-area * + * {
  margin-top: 8px;
}
.detail-txt-area .indent {
  text-indent: -2em;
  padding-left: 2em;
}
.detail-txt-area .indent .red {
  color: #B60005;
}

.c-ttl01 {
  padding-left: 20px;
  margin-bottom: 35px;
}
.c-ttl01 .en,
.c-ttl01 .ja {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  display: block;
}
.c-ttl01 .en {
  font-size: 0;
  text-align: left;
}
.c-ttl01 .ja {
  margin-top: 20px;
}

.c-ttl02 {
  font-size: 38px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  font-weight: 400;
  margin-bottom: 55px;
  padding-top: 90px;
  position: relative;
  letter-spacing: 0.1em;
}
.c-ttl02::before {
  background: #B60005;
  content: "";
  display: block;
  width: 100px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}
.c-ttl02 sup {
  font-size: 16px;
}
.c-ttl02 .small {
  font-size: 24px;
}

.btn-wrap {
  text-align: center;
  margin: auto;
}

.c-btn01 {
  color: #B60005;
  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: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-btn01 .btn-txt,
.c-btn01 .ico {
  line-height: 1;
}
.c-btn01 .btn-txt .c-svg,
.c-btn01 .ico .c-svg {
  vertical-align: middle;
}
.c-btn01 .ico {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.c-btn01 .btn-txt {
  display: inline-block;
  padding-right: 10px;
}

.c-btn03 {
  background: #fff;
  border: 1px solid #B60005;
  border-radius: 10px;
  color: #B60005;
  display: inline-block;
  padding: 18px 18px 18px 78px;
  position: relative;
  text-align: center;
}
.c-btn03 .ico {
  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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 78px;
  position: absolute;
  right: inherit;
  left: 0;
  top: 0;
  bottom: inherit;
  text-align: center;
  height: 100%;
}

.subscription .c-btn03 {
  background: #B60005;
  color: #fff;
}

.c-lineup-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -16px -8px 0;
}
.c-lineup-list li {
  margin: 16px 8px 0;
  width: 222px;
}
.c-lineup-list .inn {
  background: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 8px;
  cursor: pointer;
  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;
  height: 100%;
  position: relative;
  padding: 22px 12px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.c-lineup-list .inn .img {
  width: 65px;
  height: 100%;
  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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
.c-lineup-list .inn .img img {
  vertical-align: middle;
}
.c-news-list a {
  display: block;
  padding: 15px 65px 15px 20px;
  position: relative;
}
.c-news-list .ico {
  display: inline-block;
  line-height: 1;
  font-size: 0;
  position: absolute;
  right: 20px;
  top: 30px;
  bottom: 0;
  height: 5px;
  margin: auto;
}

.c-additive-free-list {
  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: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}
.c-additive-free-list li {
  background: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 10px;
  line-height: 1.4;
  margin: 0 6px 12px;
  padding: 15px 10px 55px;
  position: relative;
  text-align: center;
  width: 172px;
}
.c-additive-free-list li::before, .c-additive-free-list li::after {
  background: #ff8073;
  content: "";
  display: block;
  width: 4px;
  height: 28px;
  position: absolute;
  bottom: 15px;
  right: 0;
  left: 0;
  margin: auto;
}
.c-additive-free-list li::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-additive-free-list li::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.c-additive-free-list .txt {
  font-size: 14px;
}
@-webkit-keyframes reset {
}
@keyframes reset {
}
@-webkit-keyframes circle {
  99.9% {
    stroke-dasharray: 426 426;
  }
}
@keyframes circle {
  99.9% {
    stroke-dasharray: 426 426;
  }
}
.item .note.right {
  margin-top: 10px;
  text-align: right;
}
.item-detail .campaign {
  color: #ff6464;
  font-weight: bold;
  font-size: 20px;
  padding-left: 40px;
  position: relative;
}
.item-detail .campaign::before {
  background: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/97594d261d264b50bfea02627154f9d3/ico-megaphone.svg") no-repeat center center/contain;
  content: "";
  display: block;
  width: 35px;
  height: 20px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  margin: auto;
}
.item-detail .subscription-block .box {
  border-radius: 20px;
  overflow: hidden;
}
.item-detail .campaign-block {
  margin-top: 80px;
  background: #efeeec;
}
.item-detail .campaign-block .campaign {
  margin-bottom: 15px;
}
.item-detail .campaign-block .inner-block {
  padding-top: 80px;
  padding-bottom: 40px;
}
.item-detail .campaign-block .cat-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 5px;
}
.item-detail .campaign-block .cat-list li {
  background-color: #251E1C;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  line-height: 1.3;
  min-width: 84px;
  padding: 4px 10px;
  margin-right: 20px;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
}
.item-detail .campaign-block .cat-list li[class^=cat]:not(:last-child)::after {
  background-color: #969696;
  content: "";
  display: block;
  width: 1px;
  height: 22px;
  position: absolute;
  bottom: 0;
  top: 0;
  right: -10px;
  margin: auto;
}
.item-detail .campaign-block .cat-list li.icon-orange {
  background: #ff9500;
}
.item-detail .campaign-block .ttl {
  font-size: 24px;
  line-height: 1.5;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.item-detail .campaign-block .txt {
  font-size: 20px;
  margin-top: 5px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.item-detail .campaign-block .img {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.item-detail .campaign-block .column1 .c-middle-show {
  display: none;
}
.item-detail .campaign-block .column1 .box .img {
  display: block;
}
.item-detail .campaign-block .column1 .box .txt-area {
  padding-left: 40px;
  padding-bottom: 25px;
  position: relative;
}
.item-detail .campaign-block .column1 .box .txt-area .btn-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
}
.item-detail .campaign-block .column2 {
  overflow: hidden;
}
.item-detail .campaign-block .column2 .box-wrap {
  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: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.item-detail .campaign-block .column2 .box {
  width: 578px;
}
.item-detail .campaign-block .column2 .box .img {
  display: block;
}
.item-detail .campaign-block .column2 .box .txt-area {
  margin-top: 30px;
}
.item-detail .movie-wrap {
  max-width: 610px;
  margin: 100px auto 0;
}
.item-detail .showcase-block {
  overflow: hidden;
  position: relative;
}
.item-detail .showcase-block .inner-block {
  padding-top: 100px;
  position: static;
}
.item-detail .showcase-block .ttl-wrap {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.item-detail .showcase-block .ttl-wrap .deco {
  position: absolute;
  right: -180px;
  bottom: 35px;
  z-index: -1;
}
.item-detail .showcase-block .txt-area .txt {
  line-height: 2;
}
.item-detail .showcase-block .txt-area .txt + .txt {
  margin-top: 45px;
}
.item-detail .showcase-block .list {
  margin-top: 50px;
  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: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.item-detail .showcase-block .list li {
  font-size: 28px;
  margin: 0 15px 15px;
  line-height: 1.4;
  padding-left: 40px;
  position: relative;
}
.item-detail .showcase-block .list li::before {
  background: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/09c2992b47764081973553e6113c8c46/ico-check.svg") no-repeat center center/contain;
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  margin: auto;
}
.item-detail .showcase-block .note {
  margin-top: 60px;
}
.item-detail .showcase-block .box + .box {
  margin-top: 120px;
}
.item-detail .c-bg-area-wrap {
  padding-top: 100px;
  overflow: hidden;
}
.item-detail .c-bg-area {
  position: relative;
  overflow: visible;
}
.item-detail .c-bg-area::before, .item-detail .c-bg-area::after {
  background: #f3f2ef;
}
.item-detail .c-bg-area .inner-block {
  padding-top: 160px;
  padding-bottom: 160px;
  padding-left: 70px;
}
.item-detail .c-bg-area .deco {
  width: 429px;
  position: absolute;
  top: -100px;
  left: -1070px;
  right: 0;
  margin: auto;
}
.item-detail .c-bg-area .deco.texture {
  width: 325px;
  position: absolute;
  top: -80px;
  right: auto;
  left: 20px;
}
.item-detail .c-bg-area .box-wrap {
  margin: auto;
}
.item-detail .c-bg-area .box + .box {
  margin-top: 90px;
}
.item-detail .c-bg-area .ttl {
  border-top: 2px solid;
  border-bottom: 2px solid;
  padding: 17px 20px 17px 80px;
  position: relative;
}
.item-detail .c-bg-area .ttl .num {
  display: block;
  position: absolute;
  left: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 39px;
}
.item-detail .c-bg-area .ttl .num img {
  height: 39px;
}
.item-detail .c-bg-area .ttl .inn {
  display: block;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 1.47;
}
.item-detail .c-bg-area .sub-ttl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 40px;
}
.item-detail .c-bg-area .txt-area {
  padding: 40px 30px 0;
}
.item-detail .c-bg-area .txt-area a.link_a {
  text-decoration: underline;
}
.item-detail .c-bg-area .txt-area .list li + li {
  padding-top: 25px;
}
.item-detail .c-bg-area .txt-area .list .txt {
  padding-top: 15px;
}
.item-detail .c-bg-area .txt-area .list .num {
  width: 70px;
  padding-right: 5px;
}
.item-detail .c-bg-area .txt-area .list .num img {
  max-height: 22px;
  vertical-align: middle;
}
.item-detail .c-bg-area .txt-area .list .inn {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  padding-left: 15px;
  width: calc(100% - 70px);
}
.item-detail .c-bg-area .txt-area > .txt {
  line-height: 2;
}
.item-detail .c-bg-area .txt-area > .txt + .txt {
  margin-top: 40px;
}
.item-detail .c-bg-area .txt-area .c-additive-free-list {
  margin-top: 40px;
}
.item-detail .c-bg-area .txt-area .img {
  margin-top: 45px;
  text-align: center;
}
.item-detail .c-bg-area .txt-area .img + .img {
  margin-top: 30px;
}
.item-detail .c-bg-area .txt-area .img + .txt {
  margin-top: 30px;
}
.item-detail .c-bg-area .txt-area .note {
  padding: 0;
}
.item-detail .c-bg-area .column2 .img {
  margin: 0;
}
.item-detail .c-bg-area .column2 + .column3 {
  margin-top: 60px;
}
.item-detail .c-bg-area .radius-ttl {
  background: #41a297;
  border-radius: 30px;
  color: #fff;
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 50px;
  padding: 12px 20px;
  text-align: center;
}
.item-detail .c-bg-area .radius-ttl .inn {
  padding: 0 !important;
  width: 100% !important;
}
.item-detail .c-bg-area .radius-ttl.small {
  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;
  font-size: 13px;
  height: 50px;
  padding: 5px 8px;
  margin-bottom: 20px;
}
.item-detail .c-bg-area .column3 {
  margin-top: 60px;
}
.item-detail .c-bg-area .column3 .column-txt {
  text-align: left;
  font-size: 14px;
}
.item-detail .c-bg-area .column3.variable .list li {
  text-align: center;
  width: auto;
}
.item-detail .c-bg-area .column3 .list li {
  text-align: center;
}
.item-detail .c-bg-area .column3 .list li + li {
  margin-left: 8px;
}
.item-detail .c-bg-area .note {
  margin-top: 50px;
  padding: 0 25px;
}
.item-detail .c-bg-area .img {
  text-align: center;
}
.item-detail .c-bg-area .detail-box {
  background-color: #fff;
  margin-top: 50px;
}
.item-detail .c-bg-area .detail-box .detail-ttl {
  font-size: 30px;
  color: #fff;
  background-color: #B60005;
  padding: 10px 15px;
  line-height: 1.3;
  text-align: center;
}
.item-detail .c-bg-area .detail-box .detail-ttl span {
  font-size: 20px;
}
.item-detail .c-bg-area .detail-box .detail-content {
  padding: 30px 40px;
}
.item-detail .c-bg-area .detail-box .detail-content img {
  padding-top: 30px;
}
.item-detail .c-bg-area .detail-box .detail-content img {
  width: 100%;
}
.item-detail .c-bg-area .detail-box .detail-content .note {
  margin-top: 30px;
}
.item-detail .c-bg-area .detail-box + .txt {
  margin-top: 50px;
}
.item-detail .aco-block {
  margin-top: 110px;
}
.item-detail .aco-block table {
  border-collapse: collapse;
  width: 100%;
}
.item-detail .aco-block .tb01 th, .item-detail .aco-block .tb01 td {
  padding: 10px;
  border: solid 1px #ccc;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.item-detail .aco-block .tb01 th {
  background: #efeeec;
  color: #333;
}
.item-detail .aco-block .note {
  margin-top: 20px;
}
.item-detail .aco-block a.link_a {
  text-decoration: underline !important;
}
.item-detail .aco-block .aco-box {
  border-top: 1px solid #969696;
}
.item-detail .aco-block .aco-box:last-child {
  border-bottom: 1px solid #969696;
}
.item-detail .aco-block .aco-box .js-aco-btn {
  cursor: pointer;
  padding: 45px 70px 45px 40px;
  position: relative;
}
.item-detail .aco-block .aco-box .js-aco-btn::before, .item-detail .aco-block .aco-box .js-aco-btn::after {
  background: #251E1C;
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 28px;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.item-detail .aco-block .aco-box .js-aco-btn::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.item-detail .aco-block .aco-box .js-aco-btn.is-active::before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.item-detail .aco-block .aco-box .js-cont {
  display: none;
  margin-top: -20px;
  padding: 0 40px 45px;
  position: relative;
  z-index: 1;
}
.item-detail .aco-block .aco-box .aco-ttl {
  font-size: 20px;
}
.item-detail .aco-block .aco-box .column2 .ttl {
  font-size: 20px;
  margin-bottom: 10px;
}
.item-detail .aco-block .aco-box .column2 .inn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.item-detail .aco-block .aco-box .column2 .inn .img {
  width: 200px;
  padding-right: 40px;
}
.item-detail .aco-block .aco-box .column2 .inn .txt-area {
  width: calc(100% - 200px);
}
.item-detail .aco-block .aco-box .column2 .inn .txt-area .txt + .txt {
  margin-top: 1em;
}
.item-detail .aco-block .aco-box .column2 .inn .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.item-detail .aco-block .aco-box .column2 .inn .wrap .img {
  border: 1px solid #c8c8c8;
  border-radius: 50%;
  overflow: hidden;
  width: 80px;
  padding: 0;
}
.item-detail .aco-block .aco-box .column2 .inn .wrap .txt {
  padding-left: 20px;
  width: calc(100% - 80px);
}
.item-detail .aco-block .aco-box .column2.column2--dif .inn .img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.item-detail .aco-block .aco-box .column2.column2--dif .inn .txt-area {
  width: auto;
}
.item-detail .aco-block .aco-box .bnr {
  margin-top: 40px;
  text-align: center;
}
.item-detail .aco-block .aco-box .bnr a {
  display: inline-block;
}
.item-detail .aco-block .aco-box .bnr a:hover {
  -webkit-box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.item-detail .aco-block .aco-box .note {
  border: solid 1px #c8c8c8;
  display: inline-block;
  padding: 5px 10px;
  margin-top: 20px;
}
.item-detail .aco-block .aco-box .img-method {
  padding: 0 25%;
  margin-top: 30px;
}
.item-detail .aco-block .fsc-box {
  border-bottom: 1px solid #969696;
  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;
  padding: 80px 90px 70px;
}
.item-detail .aco-block .fsc-box .img {
  width: 112px;
}
.item-detail .aco-block .fsc-box .txt-area {
  padding-left: 70px;
  width: calc(100% - 112px);
}
.item-detail .aco-block .fsc-box .txt-area .ttl {
  font-size: 20px;
  margin-bottom: 10px;
}
.item-detail .aco-block .notice-box .notice-box-head {
  background-color: #B60005;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  padding: 20px;
  text-align: center;
  color: #fff;
  letter-spacing: 0.05em;
}
.item-detail .aco-block .notice-box .notice-box-text {
  font-size: 14px;
  line-height: 2;
}
.item-detail .aco-block .notice-box .notice-box-body {
  padding: 15px 30px;
  border: solid 1px #ccc;
  border-top: none;
}
.item-detail .aco-block .img-gray-box {
  background: #f6f4f4;
  padding: 30px;
  margin-top: 40px;
}
.item-detail .aco-block .img-gray-box .ttl {
  border-bottom: solid 1px #B60005;
  padding-bottom: 6px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.item-detail .aco-block .img-gray-box .inn {
  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;
}
.item-detail .aco-block .img-gray-box .img {
  border-radius: 50%;
  overflow: hidden;
  width: 149px;
}
.item-detail .aco-block .img-gray-box .txt {
  padding-left: 30px;
  width: calc(100% - 149px);
}
.item-detail .aco-block .img-gray-box .column1 {
  width: auto;
}
.item-detail .product-step-block {
  padding-top: 80px;
  padding-bottom: 120px;
}
.item-detail .product-step-block .step-list li {
  opacity: 0.5;
  padding: 35px 20px;
  position: relative;
}
.item-detail .product-step-block .step-list li:not(:last-child)::before, .item-detail .product-step-block .step-list li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
}
.item-detail .product-step-block .step-list li:not(:last-child)::before {
  right: -12px;
  border-style: solid;
  border-width: 13px 0 13px 12px;
  border-color: transparent transparent transparent #fff;
  z-index: 2;
}
.item-detail .product-step-block .step-list li:not(:last-child)::after {
  right: -14px;
  border-style: solid;
  border-width: 15px 0 15px 14px;
  border-color: transparent transparent transparent #251E1C;
  z-index: 1;
}
.item-detail .product-step-block .step-list li.is-active {
  border-color: #B60005;
}
.item-detail .product-step-block .step-list li.is-active::after {
  border-color: transparent transparent transparent #B60005;
}
.item-detail .product-step-block .step-list li.is-active {
  opacity: 1;
}
.item-detail .product-step-block .step-list .num {
  display: block;
  text-align: center;
}
.item-detail .product-step-block .step-list .img {
  text-align: center;
}
.item-detail .product-step-block .step-list .ttl {
  font-size: 19px;
  text-align: center;
}
.item-detail .c-bnr-block:last-child {
  padding-bottom: 140px;
}
.item-detail.black .showcase-block .list li::before {
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/46961e3bd372496a8222e460ed70c6c2/ico-check-bk.svg");
}
.item-detail.green .campaign-block {
  background: #eaf0ed;
}
.item-detail.green .showcase-block .list li::before {
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/388f8bf313ed406f985c0e298e50c299/ico-check-gr.svg");
}
.item-detail.green .c-bg-area::before, .item-detail.green .c-bg-area::after {
  background: #eaf0ed;
}
.item-detail.green .c-bg-area .ttl {
  border-color: #41a297;
}
.item-detail.green .c-bg-area .ttl .inn {
  color: #41a297;
}
.item-detail.green .color {
  color: #41a297;
}
.item-detail.red .campaign-block {
  background: #f6eceb;
}
.item-detail.red .c-bg-area::before, .item-detail.red .c-bg-area::after {
  background: #ffeae5;
}
.item-detail.red .c-bg-area .ttl {
  border-color: #B60005;
}
.item-detail.red .c-bg-area .ttl .inn {
  color: #B60005;
}
.item-detail.red .box .txt b {
  color: #8f262a;
}
.item-detail.red .color {
  color: #8f262a;
}
.item-detail.yellow .showcase-block .list li::before {
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/7d4d8fa135804db69581e1aff7c8a9b9/ico-check-yellow.png");
}
.item-detail.yellow .campaign-block {
  background: #fcfaf3;
}
.item-detail.yellow .c-bg-area .ttl {
  border-color: #d3b000;
}
.item-detail.yellow .c-bg-area .ttl .inn {
  color: #323232;
}
.item-detail.yellow .c-bg-area .img {
  padding: 0;
}
.item-detail.yellow .showcase-block .wrap {
  min-height: auto;
}
.item-detail.yellow .color {
  color: #d3b001;
}
.item-detail.blue .campaign-block {
  background: #ececf3;
}
.item-detail.blue .showcase-block .list li::before {
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/7cea019bc0cf45eca71276b9c15c9991/ico-check-bl.svg");
}
.item-detail.blue .c-bg-area::before, .item-detail.blue .c-bg-area::after {
  background: #f0edee;
}
.item-detail.blue .c-bg-area .ttl {
  border-color: #414180;
}
.item-detail.blue .c-bg-area .ttl .inn {
  color: #414180;
}
.item-detail.blue .color {
  color: #414180;
}

.select-menu {
  max-width: 952px;
  margin: 0 auto;
}
main.step {
  padding-bottom: 140px;
}

.campaign-block + .campaign-block {
  margin-top: 110px;
}
.campaign-block .note {
  margin-top: 45px;
  font-size: 12px;
}
.campaign-first .c-bnr-block {
  padding-bottom: 120px;
}
.campaign-first .sample-box {
  background: #f0f0eb;
  border-radius: 20px;
  padding: 50px 60px;
  margin: 80px auto 120px;
}
.campaign-first .sample-box .sample-ttl {
  font-size: 24px;
  margin-bottom: 30px;
  line-height: 1.875;
}
.campaign-first .sample-box .sample-ttl .sub,
.campaign-first .sample-box .sample-ttl .txt {
  display: block;
}
.campaign-first .sample-box .sample-ttl .txt {
  margin-bottom: 15px;
}
.campaign-first .sample-box .sample-ttl .sub {
  font-size: 22px;
}
.campaign-first .sample-box .sample-ttl .tax {
  font-size: 16px;
}
.campaign-first .sample-box .item {
  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;
}
.campaign-first .sample-box .item .img {
  width: 13.9092240117vw;
  max-width: 190px;
  display: inline-block;
  margin-right: 20px;
  text-align: center;
}
.campaign-first .sample-box .item .cat {
  background: #8F262A;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 2px 6px;
  margin-bottom: 10px;
}
.campaign-first .sample-box .item .type {
  font-size: 16px;
  color: #969696;
}
.campaign-first .sample-box .item .name {
  font-size: 20px;
}
.campaign-first .sample-box .item .amount {
  font-size: 16px;
}
.campaign-first .sample-box .price {
  font-size: 20px;
  position: relative;
  margin-right: 80px;
}
.campaign-first .sample-box .price::before {
  content: "";
  position: absolute;
  background: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/47f413bdc2cf4f75947f12d7d8e1f26f/arrow.png") no-repeat center/contain;
  width: 20px;
  height: 40px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -50px;
}
.campaign-first .sample-box .price .num {
  font-size: 32px;
  line-height: 1;
}
.campaign-first .sample-box .off {
  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;
  position: relative;
}
.campaign-first .sample-box .off .circle {
  text-align: center;
  border-radius: 50%;
  background: #B60005;
  color: #fff;
  width: 140px;
  height: 140px;
  line-height: 1;
  padding: 20px 0;
  margin-right: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.campaign-first .sample-box .off .circle .sub {
  font-size: 16px;
}
.campaign-first .sample-box .off .circle .num {
  font-size: 52px;
}
.campaign-first .sample-box .off .circle .percent {
  font-size: 32px;
}
.campaign-first .sample-box .off .circle .alphabet {
  font-size: 40px;
}
.campaign-first .sample-box .off .period {
  color: #B60005;
  font-size: 20px;
}
.campaign-first .sample-box .off .period .num {
  font-size: 44px;
  font-weight: bold;
  line-height: 1;
}
.campaign-first .sample-box .off .add-txt {
  position: absolute;
  font-size: 14px;
  bottom: -20px;
  right: 0;
}
.campaign-first .sample-box .detail-txt-area {
  margin-top: 40px;
  font-size: 12px;
}
.campaign-first .sample-box .detail-txt-area .indent {
  text-indent: -2em;
  padding-left: 2em;
}
.campaign-first .sample-box .detail-txt-area .indent .red {
  color: #B60005;
}
.campaign-first .sample-box .detail-txt-area * + * {
  margin-top: 8px;
}

@media only screen and (min-width: 641px) {
  .inner-block {
    margin: 0 auto;
  }
  .sp {
    display: none !important;
  }
  a.c-bnr:hover {
    -webkit-box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  .c-btn01:hover .ico {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  .c-btn03:hover {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  .c-lineup-list .inn:hover {
    color: #B60005;
    -webkit-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  .c-news-list li + li {
    border-top: 1px solid #969696;
  }
  .c-news-list a:hover {
    background: #fbf5f5;
  }
  .item-detail .campaign-block .img:hover {
    -webkit-box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  .item-detail .campaign-block .column1 .box {
    margin-bottom: 40px;
  }
  .item-detail .campaign-block .column2 .box-wrap {
    margin: 0 -20px;
  }
  .item-detail .campaign-block .column2 .box {
    margin: 0 20px 40px;
  }
  .item-detail .showcase-block .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .item-detail .showcase-block .img {
    width: 659px;
    position: absolute;
    right: -850px;
    left: 0;
    margin: auto;
  }
  .item-detail .showcase-block .txt-area {
    width: 700px;
    margin-right: auto;
    padding-right: 75px;
  }
  .item-detail .c-bg-area .box-wrap {
    max-width: 840px;
    padding: 0 30px;
  }
  .item-detail .c-bg-area .ttl.middle .inn {
    font-size: 30px;
  }
  .item-detail .c-bg-area .txt-area a.link_a:hover {
    text-decoration: none;
  }
  .item-detail .c-bg-area .txt-area.middle {
    padding: 40px 70px 0;
  }
  .item-detail .c-bg-area .column2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .item-detail .c-bg-area .column2 .img {
    width: 318px;
  }
  .item-detail .c-bg-area .column2 .txt {
    padding-right: 30px;
    width: calc(100% - 318px);
  }
  .item-detail .c-bg-area .column3 .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .item-detail .c-bg-area .column3 .list li + li {
    padding-top: 0;
  }
  .item-detail .c-bg-area .column3.large {
    margin-left: -30px;
    margin-right: -30px;
  }
  .item-detail .c-bg-area .column3.variable .list li + li {
    margin-left: 15px;
    padding-top: 0;
  }
  .item-detail .c-bg-area .img {
    padding: 0 25px;
  }
  .item-detail .aco-block a.link_a:hover {
    text-decoration: none;
  }
  .item-detail .aco-block .notice-box {
    margin-top: 40px;
  }
  .item-detail .product-step-block .step-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .item-detail .product-step-block .step-list li {
    border-right: 1px solid;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .item-detail .product-step-block .step-list li:first-child {
    border-left: 1px solid;
  }
  .item-detail .product-step-block .step-list li:first-child.is-active {
    border-left: 1px solid #B60005;
  }
  .item-detail .product-step-block .step-list .num {
    margin-bottom: 20px;
  }
  .item-detail .product-step-block .step-list .img {
    height: 160px;
    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;
  }
  .item-detail.yellow .c-bg-area .note {
    padding: 0;
    margin-top: 40px;
  }
}

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

  .inner-block {
    padding: 0 20px;
    width: auto;
  }

  .pc {
    display: none !important;
  }
  .c-bnr-block {
    padding-top: 65px;
  }
  .c-bnr-block .c-ttl01 {
    margin-bottom: 15px;
  }
  .c-bnr {
    border-radius: 10px;
  }
  .c-bg-area::before {
    border-radius: 0 0 0 30px;
    width: calc(100% - 50px);
  }
  .detail-txt-area {
    font-size: 10px;
  }
  .detail-txt-area * + * {
    margin-top: 10px;
  }
  .c-ttl01 {
    padding-left: 10px;
    margin-bottom: 30px;
  }
  .c-ttl01 .en img {
    max-height: 15px;
  }
  .c-ttl01 .en.min img {
    max-height: 14px;
  }
  .c-ttl01 .ja {
    font-size: 12px;
    margin-top: 10px;
  }
  .c-ttl02 {
    font-size: 24px;
    padding-top: 40px;
    margin-bottom: 45px;
  }
  .c-ttl02::before {
    width: 50px;
    height: 3px;
  }
  .c-btn03 {
    padding: 7px 8px 7px 34px;
    border-radius: 5px;
  }
  .c-btn03 .ico {
    width: 34px;
  }
  .c-btn03 .btn-txt {
    font-size: 12px;
  }
  .c-lineup-list {
    margin: 0;
  }
  .c-lineup-list li {
    width: calc((100% - 10px) / 2);
    margin: 0;
  }
  .c-lineup-list li:nth-child(even) {
    margin-left: 10px;
  }
  .c-lineup-list li:nth-child(n+3) {
    margin-top: 10px;
  }
  .c-lineup-list .inn {
    border-radius: 5px;
    padding: 9px 30px 9px 10px;
  }
  .c-lineup-list .inn .txt {
    line-height: 1.4;
    font-size: 12px;
  }
  .c-lineup-list .inn .img {
    width: 32px;
  }
  .c-lineup-list .inn .img img {
    max-width: 20px;
    max-height: 22px;
  }
  .c-news-list li {
    border-top: 1px solid #969696;
  }
  .c-news-list a {
    padding: 18px 65px 15px 10px;
  }
  .c-news-list .ttl {
    line-height: 1.5;
  }
  .c-news-list .ico .c-svg {
    width: 20px;
    height: 4px;
  }
  .c-additive-free-list {
    padding: 0 24px;
    margin-top: 30px;
  }
  .c-additive-free-list li {
    margin: 0;
    padding: 12px 10px 48px;
    width: calc((100% - 16px) / 3);
  }
  .c-additive-free-list li:not(:nth-child(3n+1)) {
    margin-left: 8px;
  }
  .c-additive-free-list li:nth-child(n+4) {
    margin-top: 8px;
  }
  .c-additive-free-list li::before, .c-additive-free-list li::after {
    bottom: 12px;
  }
  .c-additive-free-list .txt {
    font-size: 10px;
    min-height: 28px;
    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-keyframes reset{
  }
  @keyframes reset{
  }
  @-webkit-keyframes circle{
    99.9% {
      stroke-dasharray: 307 307;
    }
  }
  @keyframes circle{
    99.9% {
      stroke-dasharray: 307 307;
    }
  }
  .item-detail .campaign {
    font-size: 14px;
    padding-left: 28px;
  }
  .item-detail .campaign::before {
    width: 24px;
    height: 14px;
  }
  .item-detail .subscription-block {
    margin: 60px 0 0;
  }
  .item-detail .subscription-block .box {
    background: #fafaf8;
    border-radius: 5px;
    padding: 20px;
  }
  .item-detail .campaign-block .inner-block {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .item-detail .campaign-block .cat-list li {
    font-size: 10px;
    min-width: 70px;
    margin-right: 20px;
    margin-bottom: 5px;
  }
  .item-detail .campaign-block .cat-list li[class^=cat]:not(:last-child)::after {
    height: 18px;
  }
  .item-detail .campaign-block .ttl {
    font-size: 12px;
  }
  .item-detail .campaign-block .txt {
    font-size: 10px;
  }
  .item-detail .campaign-block .column2 .box {
    width: calc((100% - 20px) / 2);
  }
  .item-detail .campaign-block .column2 .box + .box {
    margin-left: 20px;
  }
  .item-detail .movie-wrap {
    margin-top: 50px;
  }
  .item-detail .showcase-block .inner-block {
    padding-top: 75px;
  }
  .item-detail .showcase-block .ttl-wrap .deco {
    width: 197px;
    height: 150px;
    right: -115px;
    bottom: 15px;
  }
  .item-detail .showcase-block .img.center {
    text-align: center;
    margin-bottom: 30px;
  }
  .item-detail .showcase-block .img.center img {
    width: 100%;
    max-width: 300px;
  }
  .l-long.item-detail .showcase-block .img {
    text-align: center;
    margin-bottom: 40px;
  }
  .l-long.item-detail .showcase-block .img img {
    max-width: 112px;
  }
  .l-long.item-detail .showcase-block .img img.w-max200 {
    max-width: 200px;
  }
  .item-detail .showcase-block .txt-area {
    margin-top: 20px;
  }
  .item-detail .showcase-block .txt-area .txt {
    font-size: 12px;
    line-height: 1.8;
  }
  .item-detail .showcase-block .txt-area .txt + .txt {
    margin-top: 25px;
  }
  .item-detail .showcase-block .list {
    margin-top: 35px;
  }
  .item-detail .showcase-block .list li {
    font-size: 16px;
    margin: 0 12px 12px;
    padding-left: 25px;
  }
  .item-detail .showcase-block .list li::before {
    width: 16px;
    height: 16px;
  }
  .item-detail .showcase-block .note {
    margin-top: 20px;
  }
  .item-detail .showcase-block .box + .box {
    margin-top: 50px;
  }
  .item-detail .c-bg-area .inner-block {
    padding-top: 100px;
    padding-bottom: 70px;
  }
  .item-detail .c-bg-area .deco {
    width: 204px;
    height: 204px;
    top: -50px;
    left: -60px;
    right: inherit;
    z-index: 1;
  }
  .item-detail .c-bg-area .deco.texture {
    width: 140px;
    top: -25px;
  }
  .item-detail .c-bg-area .box + .box {
    margin-top: 70px;
  }
  .item-detail .c-bg-area .ttl {
    padding: 25px 15px 25px 60px;
  }
  .item-detail .c-bg-area .ttl .num {
    height: 27px;
    left: 17px;
  }
  .item-detail .c-bg-area .ttl .num img {
    height: 27px;
  }
  .item-detail .c-bg-area .ttl .inn {
    font-size: 22px;
  }
  .item-detail .c-bg-area .txt-area {
    padding: 30px 0 0;
  }
  .item-detail .c-bg-area .txt-area .list li + li {
    padding-top: 10px;
  }
  .item-detail .c-bg-area .txt-area .list .num {
    border-width: 1px;
    width: 55px;
  }
  .item-detail .c-bg-area .txt-area .list .num img {
    max-height: 19px;
  }
  .item-detail .c-bg-area .txt-area .list .inn {
    line-height: 1.5;
    width: calc(100% - 55px);
  }
  .item-detail .c-bg-area .txt-area > .txt {
    font-size: 12px;
    line-height: 1.8;
  }
  .item-detail .c-bg-area .txt-area > .txt + .txt {
    margin-top: 20px;
  }
  .item-detail .c-bg-area .txt-area .c-additive-free-list {
    font-size: 10px;
    margin-top: 15px;
    padding: 0;
  }
  .item-detail .c-bg-area .txt-area .img {
    margin-top: 15px;
  }
  .item-detail .c-bg-area .txt-area .img + .txt {
    margin-top: 20px;
  }
  .item-detail .c-bg-area .column2 + .column3 {
    margin-top: 30px;
  }
  .item-detail .c-bg-area .radius-ttl {
    font-size: 12px;
    padding: 11px 5px;
    margin-bottom: 30px;
  }
  .item-detail .c-bg-area .column3 {
    margin-top: 30px;
  }
  .item-detail .c-bg-area .column3 .column-txt {
    font-size: 12px;
  }
  .item-detail .c-bg-area .column3.variable .list {
    display: block;
  }
  .item-detail .c-bg-area .column3.variable .list li + li {
    margin-top: 10px;
  }
  .item-detail .c-bg-area .column3 .list li {
    text-align: center;
  }
  .item-detail .c-bg-area .column3 .list li .column-txt {
    text-align: left;
  }
  .item-detail .c-bg-area .img {
    margin: 30px 0;
  }
  .item-detail .c-bg-area .detail-box .detail-ttl {
    font-size: 18px;
    line-height: 1.72;
    margin-top: 6px;
  }
  .item-detail .c-bg-area .detail-box .detail-ttl span {
    font-size: 15px;
  }
  .item-detail .c-bg-area .detail-box .detail-content {
    padding: 20px;
  }
  .item-detail .c-bg-area .detail-box .detail-content img {
    padding-top: 10px;
  }
  .item-detail .c-bg-area .detail-box + .txt {
    margin-top: 30px;
  }
  .item-detail .aco-block {
    margin-top: 80px;
  }
  .item-detail .aco-block .tb01 {
    font-size: 12px;
  }
  .item-detail .aco-block .tb01 th, .item-detail .aco-block .tb01 td {
    text-align: left;
  }
  .item-detail .aco-block .note {
    margin-top: 10px;
  }
  .item-detail .aco-block .aco-box .js-aco-btn {
    padding: 30px 40px 30px 8px;
  }
  .item-detail .aco-block .aco-box .js-aco-btn::before, .item-detail .aco-block .aco-box .js-aco-btn::after {
    width: 10px;
    right: 10px;
  }
  .item-detail .aco-block .aco-box .js-cont {
    padding: 0 8px 30px;
  }
  .item-detail .aco-block .aco-box .aco-ttl {
    font-size: 16px;
  }
  .item-detail .aco-block .aco-box .txt {
    font-size: 10px;
    line-height: 1.6;
  }
  .item-detail .aco-block .aco-box .column2 .box + .box {
    border-top: 1px solid #323232;
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
  }
  .item-detail .aco-block .aco-box .column2 .box + .box::before, .item-detail .aco-block .aco-box .column2 .box + .box::after {
    border-style: solid;
    border-color: #007bff transparent transparent transparent;
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
  }
  .item-detail .aco-block .aco-box .column2 .box + .box::before {
    border-color: #fff transparent transparent transparent;
    border-width: 10px 9.5px 0 9.5px;
    z-index: 2;
    top: -1px;
  }
  .item-detail .aco-block .aco-box .column2 .box + .box::after {
    border-color: #323232 transparent transparent transparent;
    border-width: 12px 11.5px 0 11.5px;
    top: -1px;
    z-index: 1;
  }
  .item-detail .aco-block .aco-box .column2 .ttl {
    font-size: 12px;
  }
  .item-detail .aco-block .aco-box .column2 .inn .img {
    padding-right: 20px;
    width: 114px;
  }
  .item-detail .aco-block .aco-box .column2 .inn .txt-area {
    width: calc(100% - 114px);
  }
  .item-detail .aco-block .aco-box .column2 .inn .wrap .img {
    width: 60px;
  }
  .item-detail .aco-block .aco-box .column2 .inn .wrap .txt {
    padding-left: 10px;
    width: calc(100% - 60px);
  }
  .item-detail .aco-block .aco-box .column2.column2--dif .inn .img {
    width: 100px;
  }
  .item-detail .aco-block .aco-box .column2.column2--dif .inn .txt-area {
    padding-left: 10px;
  }
  .item-detail .aco-block .aco-box .column2.column2--dif .inn .txt-area .img {
    width: 47.5px;
  }
  .item-detail .aco-block .aco-box .column2.column2--dif .inn .txt-area .txt {
    width: auto;
  }
  .item-detail .aco-block .aco-box .bnr {
    margin-top: 20px;
  }
  .item-detail .aco-block .aco-box .note {
    margin-top: 10px;
  }
  .item-detail .aco-block .aco-box .img-method {
    padding: 0;
  }
  .item-detail .aco-block .fsc-box {
    padding: 60px 8px;
  }
  .item-detail .aco-block .fsc-box .img {
    width: 70px;
  }
  .item-detail .aco-block .fsc-box .txt-area {
    padding-left: 25px;
    padding-bottom: 25px;
    width: calc(100% - 70px);
  }
  .item-detail .aco-block .fsc-box .txt-area .ttl {
    font-size: 14px;
  }
  .item-detail .aco-block .fsc-box .txt-area .txt {
    font-size: 10px;
  }
  .item-detail .aco-block .notice-box {
    margin-top: 20px;
  }
  .item-detail .aco-block .notice-box .notice-box-head {
    font-size: 14px;
    padding: 10px;
  }
  .item-detail .aco-block .notice-box .notice-box-text {
    font-size: 10px;
  }
  .item-detail .aco-block .notice-box .notice-box-body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .item-detail .aco-block .img-gray-box {
    padding: 10px;
    margin-top: 20px;
  }
  .item-detail .aco-block .img-gray-box .ttl {
    font-size: 14px;
  }
  .item-detail .aco-block .img-gray-box .img {
    width: 86px;
  }
  .item-detail .aco-block .img-gray-box .txt {
    font-size: 11px;
    padding-left: 15px;
    width: calc(100% - 86px);
  }
  .item-detail .aco-block .img-gray-box .column1 {
    width: auto;
  }
  .item-detail .product-step-block {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .item-detail .product-step-block .step-list li {
    border-bottom: 1px solid;
    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;
    height: 100px;
    padding: 10px 22px;
  }
  .item-detail .product-step-block .step-list li:not(:last-child)::before, .item-detail .product-step-block .step-list li:not(:last-child)::after {
    right: 0;
    left: 0;
    top: inherit;
  }
  .item-detail .product-step-block .step-list li:not(:last-child)::before {
    bottom: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: #fff transparent transparent transparent;
  }
  .item-detail .product-step-block .step-list li:not(:last-child)::after {
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #251E1C transparent transparent transparent;
  }
  .item-detail .product-step-block .step-list li:first-child {
    border-top: 1px solid;
  }
  .item-detail .product-step-block .step-list li:first-child.is-active {
    border-top: 1px solid #B60005;
  }
  .item-detail .product-step-block .step-list li.is-active::after {
    border-color: #B60005 transparent transparent transparent;
  }
  .item-detail .product-step-block .step-list .num {
    width: 40px;
  }
  .item-detail .product-step-block .step-list .num img {
    height: 19px;
  }
  .item-detail .product-step-block .step-list .img {
    width: 65px;
  }
  .item-detail .product-step-block .step-list .img img {
    max-height: 80px;
  }
  .item-detail .product-step-block .step-list .ttl {
    font-size: 14px;
    text-align: left;
    padding-left: 25px;
    width: calc(100% - 105px);
  }
  .item-detail .c-bnr-block:last-child {
    padding-bottom: 100px;
  }
  .item-detail.yellow .c-bg-area .note {
    margin-top: 13px;
    padding: 0;
  }
  .campaign-block + .campaign-block {
    margin-top: 95px;
  }
  .campaign-first .sample-box {
    padding: 30px 20px;
    border-radius: 10px;
    margin: 50px auto 90px;
  }
  .campaign-first .sample-box .sample-ttl {
    font-size: 16px;
    line-height: 1.5;
  }
  .campaign-first .sample-box .sample-ttl .txt {
    margin-bottom: 10px;
  }
  .campaign-first .sample-box .sample-ttl .sub {
    font-size: 14px;
  }
  .campaign-first .sample-box .sample-ttl .tax {
    font-size: 10px;
  }
  .campaign-first .sample-box .item .img {
    width: 37.3333333333vw;
  }
  .campaign-first .sample-box .item .cat {
    padding: 0px 4px;
    font-size: 10px;
  }
  .campaign-first .sample-box .item .type {
    font-size: 10px;
  }
  .campaign-first .sample-box .item .name {
    font-size: 14px;
    letter-spacing: -0.05em;
  }
  .campaign-first .sample-box .item .amount {
    font-size: 10px;
  }
  .campaign-first .sample-box .off .circle {
    width: 100px;
    height: 100px;
    padding: 16px 0;
    margin-right: 16px;
  }
  .campaign-first .sample-box .off .circle .sub {
    font-size: 12px;
  }
  .campaign-first .sample-box .off .circle .num {
    font-size: 34px;
  }
  .campaign-first .sample-box .off .circle .alphabet {
    font-size: 20px;
  }
  .campaign-first .sample-box .off .period {
    font-size: 14px;
  }
  .campaign-first .sample-box .off .add-txt {
    font-size: 12px;
  }
  .campaign-first .sample-box .detail-txt-area {
    margin-top: 25px;
    font-size: 10px;
  }
  .campaign-first .sample-box .detail-txt-area * + * {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 950px) {
  .c-middle-hide {
    display: none !important;
  }
}

@media only screen and (min-width: 950px) {
  .c-middle-show {
    display: none !important;
  }
}

@media only screen and (min-width: 641px) and (max-width: 950px) {
  .item-detail .c-bg-area .column3 .list {
    display: block;
  }
  .item-detail .c-bg-area .column3 .list .column-txt {
    text-align: left;
  }
  .item-detail .c-bg-area .column3 .list li {
    text-align: center;
  }
  .item-detail .c-bg-area .column3 .list li + li {
    margin-top: 20px;
    margin-left: 0;
  }
  .item-detail .c-bg-area .column3 .list li img {
    max-width: 400px;
    margin: auto;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1100px) {
  .item-detail .c-bg-area .deco {
    width: 300px;
    left: -690px;
    right: 160px;
  }
  .item-detail .c-bg-area .deco.texture {
    width: 250px;
  }
}

@media only screen and (max-width: 640px) and (max-width: 640px) {
  .c-btn03 .ico .c-svg {
    width: 17px;
    height: 10px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 980px) {
  .c-lineup-list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1300px) {
  .item-detail .showcase-block .wrap {
    position: relative;
  }
  .item-detail .showcase-block .wrap .img img {
    max-height: 550px;
  }
  .item-detail .showcase-block .img {
    width: 50.692vw;
    right: -65.385vw;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .item-detail .showcase-block .txt-area {
    width: 53.846vw;
    padding-right: 5.769vw;
  }
  .item-detail .showcase-block .note {
    width: 53.846vw;
  }
}

@media only screen and (min-width: 951px) {
  .item-detail .c-bg-area .column3 .list li {
    width: calc((100% - 16px) / 3);
  }
}

@media only screen and (min-width: 1100px) {
  .item-detail .campaign-block .column1 .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .item-detail .campaign-block .column1 .box .img {
    width: 630px;
  }
}

@media only screen and (min-width: 641px) and (min-width: 1100px) {
  .item-detail .subscription-block .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 1100px) {
  .item-detail .campaign-block .column1 .c-middle-hide {
    display: none;
  }
  .item-detail .campaign-block .column1 .c-middle-show {
    display: block;
  }
  .item-detail .campaign-block .column1 .box {
    display: block;
    max-width: 578px;
    margin-left: auto;
    margin-right: auto;
  }
  .item-detail .campaign-block .column1 .box .txt-area {
    padding-left: 0;
    padding-top: 20px;
  }
  .campaign-first .sample-box .item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .campaign-first .sample-box .price {
    text-align: center;
    margin: 20px 0 0px;
    padding-bottom: 30px;
    font-size: 16px;
  }
  .campaign-first .sample-box .price::before {
    left: 0;
    right: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    top: auto;
    bottom: -16px;
  }
  .campaign-first .sample-box .off {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (min-width: 1101px) {
  .item-detail .campaign-block .column1 .box .txt-area {
    width: calc(100% - 630px);
  }
  .campaign-first .sample-box .wrap {
    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;
  }
  .campaign-first .sample-box .price .normal {
    display: block;
  }
}

@media only screen and (min-width: 1300px) {
  .l-long.item-detail .showcase-block .img {
    top: 100px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 850px) {
  .item-detail .c-bg-area .deco {
    width: 250px;
    left: -280px;
    right: 340px;
  }
  .item-detail .c-bg-area .deco.texture {
    width: 200px;
  }
}

@media screen and (max-width: 640px) {
  .item-detail .aco-block .tb01 {
    width: 100%;
  }
  .item-detail .aco-block table.tb01 th, .item-detail .aco-block table.tb01 td {
    display: block;
    width: 100%;
    border-bottom: none;
  }
  .item-detail .aco-block .tb01 tr:last-child {
    border-bottom: solid 1px #ccc;
  }
}

@media only screen and (min-width: 1150px) {
  .item-detail .aco-block .aco-box .column2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .item-detail .aco-block .aco-box .column2.column2--dif .box {
    width: auto;
  }
}

@media only screen and (min-width: 641px) and (min-width: 1150px) {
  .item-detail .aco-block .aco-box .column2 .box {
    width: calc((100% - 75px) / 2);
  }
  .item-detail .aco-block .aco-box .column2 .box:nth-child(even) {
    margin-left: 75px;
  }
  .item-detail .aco-block .aco-box .column2 .box:nth-child(n+3) {
    margin-top: 35px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1150px) {
  .item-detail .aco-block .aco-box .column2 .box + .box {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 995px) {
  .select-menu {
    max-width: 700px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 995px) and (max-width: 760px) {
  .select-menu {
    max-width: 460px;
  }
}

@media only screen and (max-width: 1200px) {
  .campaign-first .sample-box {
    padding: 50px 3.6603221083vw;
  }
  .campaign-first .sample-box .item {
    margin-right: 2.9282576867vw;
  }
  .campaign-first .sample-box .price {
    margin-right: 5.8565153734vw;
    font-size: 16px;
  }
  .campaign-first .sample-box .price::before {
    right: -2.9282576867vw;
  }
  .campaign-first .sample-box .off .period {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1201px) {
  .campaign-first .sample-box .item {
    margin-right: 50px;
  }
}

.flashyVideo{
  aspect-ratio: 16 / 8.9;
  overflow: hidden;
  border-radius: 20px;
}
.flashyVideo img{
  margin-top: -0.4%;
}
.flashyVideo a{
  display: block;
  position: relative;
}
.flashyVideo a:after{
  content:"play_arrow";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-family: 'Material Icons';
  line-height: 1;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  z-index: 1;
  font-size: 60px;
  padding: 1%;
  color: #fff;
  background: rgba(0,0,0,0.7);
  text-shadow: 0 0 3px rgba(0,0,0,0.3);
  border-radius: 50%;
}
@media only screen and (max-width: 1200px) and (max-width: 800px) {
  .flashyVideo a:after{
    font-size: 50px;
  }
}
@media only screen and (max-width: 640px) {
  .flashyVideo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flashyVideo a {
    height: 60px;
    width: 60px;
    position: static;
  }
  .flashyVideo img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
  }
  .flashyVideo a::after {
    pointer-events: none;
  }
}

.subscription-block.pc{
  margin-top: 50px;
}
.subscription-cart .c-btn03 {
  background: #B60005;
  color: #fff;
  width: 100%;
}
.subscription-cart .to-service-link {
  color: #B60005;
  display: block;
  font-size: 12px;
  text-decoration: underline;
  text-align: right;
  margin-top: 5px;
}

@media only screen and (max-width: 640px){
  }
@media only screen and (max-width: 640px){
}
@media only screen and (min-width: 641px){

.item-template-ntem .item-detail  {
    padding-bottom: 30px;
}
}
.item-detail.orange .c-bg-area::before,
.item-detail.orange .c-bg-area::after {
    background: #fceef0;
}
.item-detail.orange .showcase-block .list li::before {
    background: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/24c55f2b5ada4dd5ad952f461ebf9802/ico-check-re.svg") no-repeat center center/contain;
}
.item-detail.orange .c-bg-area .ttl {
    border-color: #e1374f;
}
.item-detail.orange .c-bg-area .ttl .inn {
    color: #e1374f;
}
.item-detail.orange .c-bg-area .column3.variable .list{
    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;
}
.item-detail.orange .c-bg-area .radius-ttl.small {
    margin-bottom: 0px;
    background: #e1374f;
}

@media only screen and (min-width: 641px){
.item-detail.orange .c-bg-area .column3.large {
    margin-left: 0px;
    margin-right: 0px;
}
.item-detail.orange .c-bg-area .radius-ttl.small {
    font-size: 18px;
    padding: 12px 20px;
}
.item-detail.orange .c-bg-area .column3.variable .list{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.item-detail.orange .c-bg-area .column3.variable .list li {
    width: 33%;
}
}
@media only screen and (max-width: 640px){
.item-detail.orange .c-bg-area .column3.variable .list{
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.item-detail.orange .c-bg-area .column3.variable .list li {
    width: 30%;
}
.item-detail.orange .c-bg-area .column3.variable .list li + li{
    margin-top: 0px;
    padding-top:0px;
}
.item-detail.orange .c-bg-area .radius-ttl.small {
    height: auto;
    padding: 5px 10px;
}
}
@media only screen and (min-width: 641px) and (max-width: 950px){
.item-detail.orange .c-bg-area .column3.variable .list li + li {
    margin-top: 0px;
}
}
.item-template-bkfo .item-detail .c-bg-area::before,
.item-template-bkfo .item-detail .c-bg-area::after {
    background: #f2f2f2;
}
.item-template-bkfo .item-detail .c-bg-area .radius-ttl {
    background: #626569;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 30px;
    padding: 12px 20px;
    text-align: center;
}
.item-template-bkfo .item-detail .c-bg-area .column3.variable .list .ingre_wp {
    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;
}

@media only screen and (min-width: 641px){
.item-template-bkfo .item-detail .c-bg-area .column3.variable .list li {
    width: auto;
}
.item-template-bkfo .item-detail .c-bg-area .column3.variable .list li img{
    height: 138px;
    width:auto;
}
}
@media only screen and (max-width: 640px){
.item-template-bkfo .item-detail .c-bg-area .column3.variable .list li img{
    height: 100px;
    width:auto;
}
.item-template-bkfo .item-detail .c-bg-area .txt-area .column3 .list .txt {
    padding-top: 10px;
    font-size:12px;
}
}
.item-template-ntem .item-detail .c-bg-area .detail-box {
    background-color: transparent;
}

.item-template-ntem .item-detail .c-bg-area .detail-box .detail-content {
    background-color: #fff;
    z-index: 2;
}
.item-detail .img-wrap-3{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}
.item-detail .c-bg-area .detail-box .detail-content .img-wrap-3 .wp3img {
  width: 30%;
  margin:0 1.5%;
}
@media only screen and (max-width: 640px){
.item-detail .c-bg-area .detail-box .detail-content .img-wrap-3 .wp3img img:nth-child（2） {
   margin:0 5px;
  }
}
.item-template-brsm .item-detail .c-bg-area h4 {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    background-color: #251E1C;
    margin:30px auto 10px;
    text-align: center;
    width: 440px;
    border-radius: 20px;
}
.item-template-brsm .Wblack-wrap {
    margin-top: 30px;
}
.item-template-brsm .Wblack-box {
    margin: 0 20px;
    width: 200px;
    text-align: center;
}
.item-template-brsm .Wblack-wrap {
    display: flex;
    justify-content: center;
}
.item-template-brsm .item-detail .c-bg-area .Wblack-box .img {
    padding: 0;
}
.item-template-brsm .item-detail .c-bg-area .txt-area .Wblack-box .img {
    width: 100%;
    margin-top: 0;
}
.item-template-brsm .item-detail .c-bg-area .txt-area .img + .txt {
    margin-top: 6px;
}
@media only screen and (min-width: 641px){
    .item-template-brsm .item-detail .c-bg-area .txt-area .wakan-img {
        width: 60%;
        margin: 45px auto 0;
    }
}
@media only screen and (max-width: 640px) {
    .item-template-brsm .item-detail .c-bg-area h4 {
        width: 100%;
    }
    .item-template-brsm .Wblack-box {
        margin: 0 auto;
    }
    .item-template-brsm .item-detail .c-bg-area .txt-area .Wblack-box .img {
        width: 85%;
        margin: 6px auto;
    }
    .item-template-brsm .Wblack-box:first-child {
        margin-bottom: 20px;
    }
}

.item-detail .img-wrap-3  li{
  text-align: center;
}
.item-detail .img-wrap-3 li:nth-child(2){
  margin:0 10px;
}
.item-detail .img-wrap-3 li img{
  width: 100px;
}
.item-detail .c-bg-area .detail-box .detail-content img{
  padding-top: 0;
}
.item-detail .com-img{
  margin-top: 50px;
}

@media only screen and (max-width: 640px) {
  .item-detail .img-wrap-3 li{
    width: 30%;
  }
  .item-detail .img-wrap-3 li p{
    font-size:12px;
  }
  .item-detail .com-img{
    margin-top: 20px;
  }
  .item-detail .c-bg-area .detail-box .detail-content{
    padding:20px 8px;
  }

}
.item-detail .subsc-banner .subsc-banner_info-area .subsc-txt-long{
  display:none;
}
.item-template-brfo .item-detail .subsc-banner .subsc-banner_info-area .subsc-txt-long,
.item-template-wabr .item-detail .subsc-banner .subsc-banner_info-area .subsc-txt-long{
  display:block;
}
.item-template-brfo .item-detail .subsc-banner .subsc-banner_info-area .subsc-txt,
.item-template-wabr .item-detail .subsc-banner .subsc-banner_info-area .subsc-txt{
  display:none;
}
.item-template-brfo .item-detail .c-bg-area .radius-ttl {
    background: #8F262A;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 30px;
    padding: 12px 20px;
}
.item-template-brfo .item-detail .c-bg-area .column3.variable .list .ingre_wp {
    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;
}

@media only screen and (min-width: 641px){
.item-template-brfo .item-detail .showcase-block .img img {
    width: 255px;
}
.item-template-brfo .item-detail .showcase-block .img {
    width: 659px;
    right: -861px;
}
.item-template-brfo .item-detail .showcase-block .txt-area {
    width: 711px;
}
.item-template-brfo .item-detail .c-bg-area .column3.variable .list li {
    width: auto;
}
.item-template-brfo .item-detail .c-bg-area .column3.variable .list li img{
    height: 138px;
    width:auto;
}
}
@media only screen and (max-width: 640px){
.item-template-brfo .item-detail .c-bg-area .column3.variable .list li img{
    height: 100px;
    width:auto;
}
.item-template-brfo .item-detail .c-bg-area .txt-area .column3 .list .txt {
    padding-top: 10px;
    font-size:12px;
}
}
@media only screen and (max-width: 640px){
.item-template-wccl .item-detail .c-bg-area .txt-area .list li + li {
    padding-top: 0;
}
}
@media only screen and (max-width: 640px){
.item-template-wabr .l-long.item-detail .showcase-block .img img {
    max-width: 100%;
}
}
.item-template-wtrs .item-detail .c-bg-area .radius-ttl {
    background: #8686B4;
    font-size: 18px;
    margin:0 50px 25px;
}
.item-template-wtrs .item-detail .c-bg-area .column3 .list {
    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;
}
.item-template-wtrs .item-detail .c-bg-area .column3 .list div {
    margin: 0 10px;
    text-align:center;
}
.item-template-wtrs .item-detail .c-bg-area .column3 .list div p {
    padding-top: 5px;
    font-size:16px;
    line-height: 1.3;
}
@media only screen and (min-width: 641px){
.item-template-wtrs .item-detail .c-bg-area .column3 .list.block2 {
    margin-bottom:50px;
}
.item-template-wtrs .item-detail .c-bg-area .column3 .list div img{
    height: 100px;
    width:auto;
}
.item-template-wtrs .item-detail .c-bg-area .txt-area .img.point_rescue img{
    max-width: 340px;
  }
}
@media only screen and (max-width: 640px){
.item-template-wtrs .item-detail .c-bg-area .radius-ttl {
    margin:0 0 30px;
    font-size: 14px;
}
.item-template-wtrs .item-detail .c-bg-area .column3 .list.block2 {
    margin-bottom:30px;
}
.item-template-wtrs .item-detail .c-bg-area .column3 .list.block2 div {
    width: calc((100% - 20px) / 2);
}
.item-template-wtrs .item-detail .c-bg-area .column3 .list div {
    width: calc(100% / 3);
    margin: 0px;
}
.item-template-wtrs .item-detail .c-bg-area .column3 .list div img{
    height: auto;
    width:80px;
}
.item-template-wtrs .item-detail .c-bg-area .column3 .list div p {
    padding-top: 10px;
    font-size:12px;
}
.item-template-wtrs .item-detail .c-bg-area .txt-area .img.point_rescue img{
    max-width: 90%;
    margin: 15px auto;
}
}
.item-template-brrs .item-detail .c-bg-area .column3 {
    margin-top: 0px;
}
.item-template-brrs .item-detail .c-bg-area .radius-ttl.small {
    font-size: 16px;
}
.item-template-brrs .item-detail .c-bg-area .column3.variable .list .ingre_wp {
    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;
    margin-top:20px
}
.item-template-brrs .item-detail .c-bg-area .column3.variable .list .ingre_wp div.ingre2:nth-child(2)  {
    margin-left:15px;
}
.item-template-brrs .item-detail .c-bg-area .column3.variable .list .ingre_wp div.ingre3:nth-child(2)  {
    margin: 0 10px;
}
.item-template-brrs .item-detail .c-bg-area .column3.variable .list .ingre_wp .txt {
    padding-top: 5px;
    font-size:10px;
    line-height: 1.3;
}
@media only screen and (min-width: 951px){
.item-template-brrs .item-detail .c-bg-area .column3 .list li {
    width: calc((100% - 16px) / 3);
}
}
@media only screen and (min-width: 641px){
.item-template-brrs .item-detail .c-bg-area .column3.variable .list li img{
    height: 60px;
    width:auto;
}
}
@media only screen and (max-width: 640px){
.item-template-brrs .item-detail .c-bg-area .column3.variable .list .ingre_wp div.ingre2:nth-child(2)  {
    margin-left:10px;
}
.item-template-brrs .item-detail .c-bg-area .column3.variable .list .ingre_wp div {
    width: calc((100% - 20px) / 3);
}
.item-template-brrs .item-detail .c-bg-area .column3.variable .list li img{
    height: auto;
    width:80px;
}
.item-template-brrs .item-detail .c-bg-area .txt-area .column3 .list .txt {
    padding-top: 10px;
    font-size:12px;
}
.item-template-brrs .item-detail .c-bg-area .box .ttl .inn.space-s{
    letter-spacing: -0.006em;
}
}
@keyframes fadeIn {
}
.item-detail .movie-wrap {
  margin-top: 45px;
}
@media only screen and (max-width: 640px) {
}

@media only screen and (max-width: 640px) {
}
#comp-banner-block {
  background: #f0f0eb;
  padding-bottom: 80px;
}

@media only screen and (max-width: 640px) {
  #comp-banner-block {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .item-detail .subsc-banner_inner-block .subsc-banner_price-area_init {
      font-size: 47px !important;
  }
  .item-detail .subsc-banner_inner-block .subsc-banner_price-area_init span.subsc-banner_price-area_init-yen {
      font-size: 16px !important;
  }
  .item-detail .subsc-banner_inner-block .subsc-banner_price-area_init span {
      font-size: 11px !important;
  }
  .item-detail .subsc-banner_inner-block .subsc-banner_sec-price {
      font-size: 18px !important;
  }
  .subsc-banner_pentagon_off {
    font-size: 14px!important;
  }
}

@media only screen and (max-width: 767px) {
    .subsc-banner_pentagon_free {
      font-size: 10px!important;
    }
}
.discontinued .c-ttl01 {
  padding: 80px auto;
}
.discontinued .c-ttl01 .ja {
  font-size: 35px;
}
.discontinued .c-bnr-block {
  padding-bottom: 140px;
}
.discontinued .c-bnr-block .c-ttl01 .ja {
  font-size: 14px;
}
.c-lineup-list .inn .img {
  display: inline-block;
  margin-right: 5px;
  position: static;
  right: initial;
  top: initial;
  width: auto;
  height: auto;
}
.c-lineup-list .inn {
  padding: 8px 12px;
  min-height: 60px;
}
.c-lineup-list li {
  max-width: 222px;
  width: calc((100% / 5) - 16px);
}
@media only screen and (max-width: 980px) {
  .home .c-lineup-list {
    justify-content: left;
  }
}
@media only screen and (max-width: 640px) {
  .discontinued .c-ttl01 {
    padding: 30px auto;
  }
  .discontinued .c-ttl01 .ja {
    font-size: 20px;
  }
  .discontinued .c-bnr-block {
    padding-bottom: 100px;
  }
  .c-lineup-list .inn {
    min-height: 35px;
  }
  .c-lineup-list li {
    width: 100%;
    max-width: 100%;
  }
  .discontinued .c-bnr-block .c-ttl01 .ja {
    font-size: 12px;
  }
  .c-middle-show .c-lineup-list {
    width: calc(100% - 40px);
  }
  .home .c-lineup-list li,
  .c-middle-show .c-lineup-list li {
    width: calc((100% - 10px) / 2);
    margin: 0;
  }
  .home .c-lineup-list li:nth-child(even),
  .c-middle-show .c-lineup-list li:nth-child(even) {
    margin-left: 10px;
  }
  .home .c-lineup-list li:nth-child(n+3),
  .c-middle-show .c-lineup-list li:nth-child(n+3) {
    margin-top: 10px;
  }
  .c-lineup-list .inn {
    min-height: 40px;
    padding: 5px 12px;
  }
}
.item-detail.red .detail_point_num {
  background-color: #B60005;
}
.item-detail.blue .detail_point_num {
  background-color: #B0A8CB;
}
.item-detail.green .detail_point_num {
  background-color: #569793;
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 767px) {
  .item-template-clbb-ex .subsc-banner_img-area img {
    height: auto;
    max-width: 80%;
  }
  .item-template-clbb-ex .subsc-banner_name-area {
    margin-left: -38%;
  }
}
#pre_detail_lead.detail_lead_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}
#pre_detail_lead .pre_detail_lead_main_image {
  margin: 0 auto;
}
#pre_detail_lead .pre_detail_lead_main_image img {
  width: 100%;
  max-width: 350px;
}
#pre_detail_lead .pre_detail_lead_note {
  text-align: left;
  max-width: 75%;
  margin: 20px auto 0;
  line-height: 1.4;
}
@media only screen and (max-width: 640px) {
#pre_detail_lead.detail_lead_inner {
  padding: 0 20px;
}
#pre_detail_lead .pre_detail_lead_note {
  max-width: 100%;
  }
}
.detail_lead_inner {
  width: 100%;
  max-width: 1040px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 135px auto 0;
}
.item-template-clbm-ex .detail_lead_inner,
.item-template-clbb-ex .detail_lead_inner,
.item-template-clby-ex .detail_lead_inner,
.item-template-clbw-ex .detail_lead_inner,
.item-template-clbc-ex .detail_lead_inner {
  margin: 80px auto 0;
}
.detail_lead_main_image {
  display: block;
  width: 100%;
  margin-bottom: 100px;
}
.detail_lead_main_image img {
  display: block;
  width: 100%;
}
.detail_lead_title {
  margin: 0 auto 45px;
  width: 100%;
  max-width: 800px;
}
.detail_lead_image {
  width: 100%;
  max-width: 567px;
  margin: 0 auto 35px;
}
.detail_lead_image img {
  display: block;
  width: 100%;
  position: relative;
  right: -37px;
}
.detail_lead_text {
  text-align: center;
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: 45px;
}
.detail_lead_text_gold {
  display: block;
  color: #D7A74C;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 2.1;
  font-weight: 700;
}
.detail_lead_text_big2 {
  font-size: 28px;
  letter-spacing: 0.05em;
  color: #D7A74C;
  font-weight: 600;
}
.detail_lead_note {
  display: block;
  max-width: 720px;
  width: 100%;
  margin: 5px auto 0;
}
.detail_lead_text_gold_big {
  font-size: 24px;
  line-height: 1.7916667;
}
.detail_lead_image_ba {
  max-width: 585px;
  width: 100%;
  margin: 0 auto 70px;
}
.detail_lead_image_ba img {
  margin-bottom: 5px;
  width: 100%;
}
.detail_lead_image_ba .note {
  text-align: right;
  display: block;
}
.detail_seibunimg {
  display: block;
  width: 100%;
  max-width: 720px;
  margin: 85px auto 70px;
  border: solid 1px #D7A74C;
  padding: 81px 25px 15px;
  position: relative;
}
.detail_seibunimg_text {
  display: block;
  width: 100%;
  max-width: 347px;
  text-align: center;
  background-color: #D7A74C;
  color: #ffffff;
  padding: 10px 5px 4px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.07em;
  line-height: 1.65;
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
}
.detail_seibunimg_text span {
  font-size: 24px;
}
.detail_seibunimg img {
  display: block;
  width: 100%;
  max-width: 479px;
  margin: 0 auto 20px;
}
.detail_seibunimg_note {
  display: block;
  width: 100%;
  text-align: right;
}
.detail_step_title {
  width: 100%;
  max-width: 720px;
  text-align: center;
  color: #ffffff;
  font-size: 30px;
  line-height: 1;
  padding: 11px 0;
  background: linear-gradient(to right, #B88936 0%, #CAA25A 69%, #FCE6BD 85%, #B88936 100%);
  font-weight: 600;
  margin: 0 auto 40px;
  border-radius: 3px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  letter-spacing: 3%;
}
.detail_step_title span {
  font-size: 38px;
}
.detail_step_wrap {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 26px;
}
.detail_step_item {
  width: 160px;
  height: 190px;
  border-radius: 100px;
  text-align: center;
  position: relative;
  background-color: #FEF7F0;
}
.detail_step_item:not(:last-child)::after {
  content: "";
  display: block;
  width: 46px;
  height: 15px;
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/191fde48438b441db6d5c16e74221163/step_arrow.svg");
  position: absolute;
  right: -35px;
  bottom: 39px;
}
.detail_step_item_num {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  padding-top: 19px;
  margin-bottom: 20px;
  line-height: 1.75;
  color: #251E1C;
  font-size: 16px;
  display: block;
  letter-spacing: 0.04em;
  text-align: center;
  font-weight: 600;
}
.detail_step_item_num span {
  font-size: 30px;
  letter-spacing: 0.08em;
  display: block;
  margin-top: -15px;
}
.detail_step_item_text {
  font-size: 28px;
  font-weight: 600;
  line-height: 1;
  color: #D7A74C;
}
.detail_point_container {
  max-width: 1240px;
  width: 100%;
  margin: 100px auto 0;
  background-color: #F3F2EF;
  padding: 97px 0 114px;
}
.detail_point_wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 720px;
}
.detail_point_item {
  width: 100%;
  padding: 50px 100px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.detail_point_item + .detail_point_item {
  margin-top: 30px;
}
.detail_point_num {
  font-size: 30px;
  text-align: center;
  font-weight: 400;
  line-height: 1;
  color: #ffffff;
  background-color: #352E3A;
  padding: 11px 0;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 3px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  letter-spacing: 0.05em;
}
.detail_point_num span {
  font-size: 40px;
}
.detail_point_title {
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 35px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.detail_point_title .border {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #FFF2BA;
  text-decoration-thickness: 20px;
  text-underline-offset: -10px;
  display: inline-block;
  z-index: 3;
}
.detail_point_title .border .num {
  position: relative;
  display: inline-block;
}
.detail_point_title .border .num::before {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 7px;
  background-color: #FFF2BA;
  z-index: -1;
}
.img_flex {
  width: 100%;
  max-width: 480px;
  margin: 0 auto 40px;
}
.img_flex_wrap {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 80px;
}
.img_flex_item {
  width: 100%;
  max-width: 200px;
}
.img_flex_item p {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px;
  line-height: 1.175;
}
.img_flex_item_image {
  width: 100%;
}
.img_flex_item:first-child {
  position: relative;
}
.img_flex_item:first-child::after,
.img_flex_item:first-child::before {
  content: "";
  width: 40px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  top: 44%;
  right: -60px;
}
.img_flex_item:first-child::after {
  transform: translateY(-50%) rotate(45deg);
}
.img_flex_item:first-child::before {
  transform: translateY(-50%) rotate(-45deg);
}
.img_flex .note {
  display: block;
  margin-top: 3px;
  text-align: right;
}
.txt_note {
  display: block;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
}
.note {
  font-weight: 400!important;
}
.detail_point_item .txt {
  margin-bottom: 55px;
}
.img_flex2 {
  width: 100%;
  max-width: 515px;
  margin: 0 auto 45px;
}
.img_flex2_wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 13px;
  position: relative;
  left: 15px;
}
.img_flex2_item {
  max-width: 160px;
}
.img_flex2_item p {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin-top: -10px;
  margin-left: -10px;
}
.img_flex2 .note {
  display: block;
  margin-top: 3px;
  text-align: right;
}
.img_border_flex {
  margin: 0 auto 35px;
}
.img_border_flex_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 27px 23px;
}
.img_border_flex_item {
  max-width: 250px;
  width: calc((100% - 23px) / 2);
  border: solid 1px #D7A74C;
  padding: 28px 10px 10px;
  box-sizing: border-box;
  position: relative;
  margin-top: 23px;
}
.img_border_flex_item_hdg {
  position: absolute;
  width: calc(100% - 40px);
  background-color: #D7A74C;
  border-radius: 3px;
  line-height: 1;
  padding: 11px 5px;
  box-sizing: border-box;
  text-align: center;
  color: #ffffff;
  top: -23px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  font-weight: 700;
}
.img_border_flex_item_image {
  display: block;
  max-width: 160px;
  width: 100%;
  margin: 0 auto;
}
.img_border_flex_item_title {
  font-weight: 400;
  text-align: center;
  font-size: 16px;
  margin-bottom: 3px;
  letter-spacing: -0.01em;
  color: #D7A74C;
}
.img_border_flex_item_title sup {
  letter-spacing: -0.1em;
}
.img_border_flex_item_title .normal {
  font-weight: 500;
}
.img_border_flex_item_title .small {
  font-weight: 500;
  font-size: 12px;
  color: #251E1C;
}
.img_border_flex_item_text {
  font-size: 16px;
  text-align: left;
}
.img_border_flex .note {
  display: block;
  margin-top: 3px;
  text-align: right;
}
.detail_point_box {
  border: solid 1px #251E1C;
  padding: 15px 25px;
  box-sizing: border-box;
  margin-bottom: 40px;
  border-radius: 3px;
}
.detail_point_box_title {
  text-align: center;
  color: #D7A74C;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: solid 1px #D7A74C;
}
.detail_point_box_list li + li {
  margin-top: 15px;
}
.detail_point_box_list_title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 5px;
}
.detail_point_box_list_text {
  font-size: 16px;
  line-height: 1.375;
}
.detail_point_text_arrow {
  position: relative;
  padding-bottom: 55px;
}
.detail_point_text_arrow::after{
  content: "";
  display: block;
  width: 60px;
  height: 38px;
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/15e9f0d595fd4dfaa08aeef258ff51cc/point_arrow.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.detail_point_gold_box {
  display: block;
  width: 100%;
  border: solid 1px #D7A74C;
  padding: 50px 10px 25px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 20px;
}
.detail_point_gold_box_title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.777;
  padding: 4px 10px;
  background-color: #D7A74C;
  color: #ffffff;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  letter-spacing: 0;
}
.detail_point_gold_box .img_flex_wrap {
  gap: 35px;
}
.detail_point_gold_box .img_flex_item {
  width: 200px;
  text-align: center;
}
.detail_point_gold_box .img_flex_item img {
  max-width: 140px;
  margin-right: auto;
  margin-left: auto;
}
.detail_point_flex3 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
}
.detail_point_flex3_image {
  display: block;
  width: 212px;
}
.detail_point_flex3_box {
  margin-top: 50px;
}
.detail_point_flex3_box_title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.333;
  margin-bottom: 13px;
}
.detail_point_flex3_box_text {
  font-size: 18px;
  font-weight: 500;
}
.detail_point_cross {
  display: block;
  margin: 10px auto 50px;
}
.detail_point_cross img {
  display: block;
  width: 50px;
  margin: 0 auto;
}
.ingredient_flex {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 20px 30px;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.ingredient_flex_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 135px;
  height: 135px;
  text-align: center;
  color: #ffffff;
  font-size: 27px;
  line-height: 1.2;
  letter-spacing: -0.15em;
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/dcc0366f4b6a47e196553e5f04c62978/ingredient-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.detail_massage_container {
  margin-bottom: 116px;
}
.detail_massage_container_wrap {
  max-width: 1240px;
  width: 100%;
  margin: 95px auto 0;
  background-color: #FEF7F0;
  padding: 100px 0;
}
.detail_massage_container_inner {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}
.detail_massage_container h2 {
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  font-size: 28px;
  line-height: 1.57;
  letter-spacing: 0.07em;
  margin-bottom: 30px;
  color: #251E1C;
}
.detail_massage_container h2 span {
  color: #D7A74C;
}
.detail_massage_container_box {
  width: 100%;
  padding: 70px 100px 40px;
  box-sizing: border-box;
  background-color: #ffffff;
}
.detail_massage_container_box_flex {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 35px;
  margin-bottom: 35px;
}
.detail_massage_container_box_flex_item {
  max-width: 150px;
  width: calc((100% - 70px) / 2);
}
.detail_massage_container_box_flex_item:not(:last-child) .detail_massage_container_box_flex_item_image::after{
  content: "OR";
  color: #767676;
  font-size: 14px;
  line-height: 1;
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
}
.detail_massage_container_box_flex_item_title {
  display: block;
  width: 100%;
  background-color: #D7A74C;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  padding: 7px 5px 6px;
}
.detail_massage_container_box_flex_item_image {
  width: 100%;
  border: solid 1px #D7A74C;
  position: relative;
  margin-bottom: 7px;
}
.detail_massage_container_box_flex_item_image img {
  display: block;
  width: 100%;
}
.detail_massage_container_box_flex_item_text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.14;
}
.detail_massage_container_box_plus {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #D7A74C;
  margin: 0 auto 15px;
  position: relative;
}
.detail_massage_container_box_plus::before,
.detail_massage_container_box_plus::after {
  content: "";
  display: block;
  width: 13px;
  height: 1px;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.detail_massage_container_box_plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.detail_massage_container_box_step {
  width: 100%;
  border: solid 1px #D7A74C;
  margin-bottom: 15px;
}
.detail_massage_container_box_step_title {
  display: block;
  width: 209px;
  text-align: center;
  line-height: 1;
  padding: 4px 5px;
  box-sizing: border-box;
  background-color: #D7A74C;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
}
.detail_massage_container_box_step_flex {
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
}
.detail_massage_container_box_step_flex img {
  display: block;
  width: 180px;
}
.detail_massage_container_box_step_flex_box {
  display: block;
  width: calc(100% - 210px);
  margin-top: 23px;
}
.detail_massage_container_box_step_flex_box_title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3333;
  margin-bottom: 9px;
}
.detail_massage_container_box_step_flex_box_text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}
.detail_massage_container_box_text {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0;
  margin-bottom: 40px;
}
.detail_howto_container {
  margin: 65px 0 95px;
}
#howto_use.detail_howto_container {
  margin: -65px 0 95px;
  padding-top: 130px;
}
.detail_howto_inner {
  width: 100%;
  max-width: 760px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.detail_howto_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 100px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.detail_howto_container h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  background-color: #000000;
  position: absolute;;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.detail_howto_box {
  width: 100%;
}
.detail_howto_box + .detail_howto_box {
  margin-top: 35px;
}
.detail_howto_box_step {
  width: 100%;
  border-bottom: solid 1px #251E1C;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 45px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;margin-bottom: 25px;
}
.detail_howto_box_step span {
  font-size: 43px;
}
.detail_howto_box_item {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 90px;
}
.detail_howto_box_item_img {
  display: block;
  width: 200px;
}
.detail_howto_box_item_right {
  width: calc(100% - 290px);
}
.detail_howto_box_item_right_title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.detail_howto_box_item_right_text {
  font-size: 16px;
}
.detail_other_container {
  margin-bottom: 150px;
}
.detail_other_inner {
  width: 100%;
  max-width: 1240px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.detail_other_container .aco-box {
  width: 100%;
  padding: 55px 40px;
  box-sizing: border-box;
  border-top: solid 1px #251E1C;
}
.detail_other_container .aco-box .js-aco-btn {
  width: 100%;
  position: relative;
}
.detail_other_container .aco-box .js-aco-btn::before,
.detail_other_container .aco-box .js-aco-btn::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background-color: #251E1C;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s;
}
.detail_other_container .aco-box .js-aco-btn::after {
  transform: translateY(-50%) rotate(90deg);
}
.detail_other_container .aco-box .js-aco-btn.is-active::after {
  transform: translateY(-50%);
}
.detail_other_container .aco-box .aco-ttl {
  font-size: 20px;
}
.detail_other_container .aco-box .txt {
  margin-top: 40px;
}

@media only screen and (max-width: 640px) {
  .detail_lead_inner {
    max-width: 100%;
    margin: 75px auto 0;
  }
  .detail_lead_main_image {
    display: block;
    width: calc(100% + 40px);
    margin-bottom: 100px;
    margin: 0 -20px 27px;
  }
  .detail_lead_title {
    margin: 0 auto 27px;
    max-width: 300px;
  }
  .detail_lead_image {
    max-width: 333px;
    margin: 0 auto 27px;
  }
  .detail_lead_image img {
    right: 0;
  }
  .detail_lead_text {
    font-size: 14px;
    line-height: 1.714;
    margin-bottom: 27px;
  }
  .detail_lead_text_gold {
    font-size: 14px;
    line-height: 1.7142857;
  }
  .detail_lead_text_big2 {
    font-size: 19px;
  }
  .detail_lead_text_gold_big {
    font-size: 19px;
    line-height: 1.263579;
  }
  .detail_lead_image_ba {
    max-width: 330px;
    margin-bottom: 40px;
  }
  .detail_seibunimg {
    max-width: 100%;
    margin: 65px auto 45px;
    padding: 60px 25px 10px;
  }
  .detail_seibunimg_text {
    max-width: 233px;
    padding: 2px 5px;
    font-size: 14px;
    top: -25px;
  }
  .detail_seibunimg_text span {
    font-size: 17px;
  }
  .detail_seibunimg img {
    max-width: 282px;
  }
  .detail_seibunimg_note {
    display: block;
    width: 100%;
    text-align: right;
  }
  .detail_step_title {
    max-width: 335px;
    font-size: 24px;
    padding: 11px 0;
    margin-bottom: 30px;
  }
  .detail_step_title span {
    font-size: 27px;
  }
  .detail_step_wrap {
    justify-content: flex-start;
    gap: 7px;
    width: 100%;
    max-width: 335px;
    margin: 0 auto;
  }
  .detail_step_item {
    width: 78px;
    height: 95px;
  }
  .detail_step_item:not(:last-child)::after {
    background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/7dffed6c981b415c9e7fd2872e1d201e/step_arrow_sp.svg");
    bottom: 15px;
    right: -18px;
    width: 28.5px;
    height: 8px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 3;
  }
  .detail_step_item_num {
    padding-top: 10px;
    margin-bottom: 5px;
    font-size: 10px;
  }
  .detail_step_item_num span {
    font-size: 16px;
    margin-top: -5px;
  }
  .detail_step_item_text {
    font-size: 15px;
    letter-spacing: -0.01em;
  }
  .detail_point_container {
    max-width: 100%;
    margin: 40px auto 0;
    padding: 40px 8px;
    box-sizing: border-box;
  }
  .detail_point_wrap {
    max-width: 100%;
  }
  .detail_point_item {
    padding: 40px 13px;
  }
  .detail_point_item + .detail_point_item {
    margin-top: 42px;
  }
  .detail_point_num {
    font-size: 24px;
    padding: 5px 0;
    margin-bottom: 20px;
  }
  .detail_point_num span {
    font-size: 34px;
  }
  .detail_point_title {
    font-size: 24px;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
  }
  .detail_point_title .border .num::before{
    bottom: 1px;
  }
  .detail_point_title .border.border2 .num {
    position: static!important;
  }
  .img_flex {
    width: 100%;
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .img_flex_wrap {
    gap: 50px;
  }
  .img_flex_item {
    max-width: 140px;
  }
  .img_flex_item p {
    font-size: 14px;
    margin-top: 5px;
  }
  .img_flex_item:first-child::after,
  .img_flex_item:first-child::before {
    top: 40%;
    right: -45px;
  }
  .detail_point_item .txt {
    margin-bottom: 20px;
  }
  .img_flex2 {
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .img_flex2_wrap {
    gap: 5px;
    left: 5px;
  }
  .img_flex2_item {
    max-width: 112px;
  }
  .img_flex2_item p {
    font-size: 14px;
    margin-top: -5px;
    margin-left: -10px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: -0.1em;
  }
  .img_flex2_item p sup {
    letter-spacing: 0;
  }
  .img_border_flex {
    margin: 0 auto 20px;
    max-width: 335px;
  }
  .img_border_flex_wrap {
    gap: 15px;
  }
  .img_border_flex_item {
    max-width: 160px;
    width: calc((100% - 15px) / 2);
    padding: 20px 5px 10px;
    margin-top: 15px;
  }
  .img_border_flex_item_hdg {
    width: calc(100% - 20px);
    padding: 5.5px 5px;
    top: -15px;
    font-size: 14px;
  }
  .img_border_flex_item_image {
    max-width: 100px;
  }
  .img_border_flex_item_title {
    font-size: 14px;
    margin-bottom: 5px;
    min-height: 51px;
  }
  .img_border_flex_item_title sup {
    letter-spacing: 0;
  }
  .img_border_flex_item_title .normal {
    margin-left: auto;
  }
  .img_border_flex_item_title .small {
    font-size: 10px;
    display: block;
    text-align: right;
  }
  .img_border_flex_item_text {
    font-size: 14px;
  }
  .detail_point_box {
    padding: 20px;
    margin-bottom: 20px;
  }
  .detail_point_box_title {
    font-size: 17px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .detail_point_box_list li + li {
    margin-top: 20px;
  }
  .detail_point_box_list_title {
    font-size: 14px;
  }
  .detail_point_box_list_text {
    font-size: 14px;
    line-height: 1.375;
  }
  .detail_point_gold_box {
    padding: 30px 10px 15px;
    max-width: 290px;
    margin: 0 auto 20px;
  }
  .detail_point_gold_box_title {
    font-size: 14px;
    padding: 4px 5px;
    top: -20px;
  }
  .detail_point_gold_box .img_flex_wrap {
    gap: 20px;
  }
  .detail_point_gold_box .img_flex_item {
    width: 110px;
  }
  .detail_point_gold_box .img_flex_item img {
    max-width: 88px;
  }
  .detail_point_flex3 {
    gap: 25px;
  }
  .detail_point_flex3_image {
    width: 112px;
  }
  .detail_point_flex3_box {
    margin-top: 15px;
  }
  .detail_point_flex3_box_title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
  }
  .detail_point_flex3_box_text {
    font-size: 16px;
    line-height: 1.18;
  }
  .detail_point_cross {
    margin: 10px auto 45px;
  }
  .detail_point_cross img {
    width: 40px;
  }
  .ingredient_flex {
    gap: 15px 20px;
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .ingredient_flex_item {
    width: 95px;
    height: 95px;
    font-size: 16px;
  }
  .detail_massage_container {
    margin-bottom: 70px;
  }
  .detail_massage_container_wrap {
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 0;
  }
  .detail_massage_container_inner {
    max-width: 290px;
  }
  .detail_massage_container h2 {
    font-size: 20px;
    margin-bottom: 25px;
  }
  .detail_massage_container_box {
    padding: 35px 60px 15px;
  }
  .detail_massage_container_box_flex {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 35px;
    margin-bottom: 20px;
  }
  .detail_massage_container_box_flex_item {
    max-width: 167px;
    width: 100%;
    position: relative;
  }
  .detail_massage_container_box_flex_item:not(:last-child)::after{
    content: "OR";
    color: #767676;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    left: 50%;
    top: initial;
    bottom: -25px;
    transform: translateX(-50%);
  }
  .detail_massage_container_box_flex_item:not(:last-child) .detail_massage_container_box_flex_item_image::after {
    content: none;
  }
  .detail_massage_container_box_flex_item_title {
    font-size: 15px;
    padding: 7px 5px 6px;
  }
  .detail_massage_container_box_flex_item_image {
    margin-bottom: 10px;
  }
  .detail_massage_container_box_flex_item_text {
    font-size: 14px;
  }
  .detail_massage_container_box_plus {
    width: 28px;
    height: 28px;
    margin: 0 auto 20px;
  }
  .detail_massage_container_box_plus::before,
  .detail_massage_container_box_plus::after {
    width: 14px;
  }
  .detail_massage_container_box_step {
    width: 100%;
    border: solid 1px #D7A74C;
    margin-bottom: 20px;
  }
  .detail_massage_container_box_step_title {
    width: 100%;
    padding: 4px 5px;
    font-size: 15px;
    margin-bottom: 25px;
  }
  .detail_massage_container_box_step_flex {
    padding: 0 15px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 24px;
  }
  .detail_massage_container_box_step_flex img {
    width: 135px;
  }
  .detail_massage_container_box_step_flex_box {
    width: 100%;
    margin-top: 0;
  }
  .detail_massage_container_box_step_flex_box_title {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .detail_massage_container_box_step_flex_box_text {
    font-size: 13px;
  }
  .detail_massage_container_box_text {
    font-size: 14px;
    width: calc(100% + 80px);
    margin: 0 -40px 30px;
  }
  .detail_massage_container_box .note {
    display: block;
    width: calc(100% + 80px);
    margin: 0 -40px;
  }
  .detail_howto_container {
    margin: 75px 0;
  }
  #howto_use.detail_howto_container {
    padding-top: 115px;
  }
  .detail_howto_inner {
    max-width: 100%;
  }
  .detail_howto_container h2 {
    font-size: 24px;
    padding-bottom: 30px;
  }
  .detail_howto_container h2::after {
    width: 65px;
  }
  .detail_howto_box + .detail_howto_box {
    margin-top: 60px;
  }
  .detail_howto_box_step {
    font-size: 16px;
  }
  .detail_howto_box_step span {
    font-size: 24px;
  }
  .detail_howto_box_item {
    max-width: 100%;
    gap: 25px;
  }
  .detail_howto_box_item_img {
    width: 100px;
  }
  .detail_howto_box_item_right {
    width: calc(100% - 125px);
  }
  .detail_howto_box_item_right_title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .detail_howto_box_item_right_text {
    font-size: 14px;
  }
  .detail_other_container {
    margin-bottom: 75px;
  }
  .detail_other_inner {
    max-width: 100%;
  }
  .detail_other_container .aco-box {
    padding: 30px 0 50px;
  }
  .detail_other_container .aco-box .aco-ttl {
    font-size: 16px;
  }
  .detail_other_container .aco-box .txt {
    margin-top: 50px;
    font-size: 10px;
  }
  .detail_other_container .aco-box .js-aco-btn::before,
  .detail_other_container .aco-box .js-aco-btn::after {
    content: "";
    display: block;
    width: 24px;
    height: 1px;
    background-color: #251E1C;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s;
  }
  .detail_other_container .aco-box .js-aco-btn::after {
    transform: translateY(-50%) rotate(90deg);
  }
  .detail_other_container .aco-box .js-aco-btn.is-active::after {
    transform: translateY(-50%);
  }
}
.item-template-clbb-ex .detail_step_wrap .detail_step_item:last-child .detail_step_item_text {
  letter-spacing: -0.1em;
}
.item-template-clbb-ex .point01 .img01 {
  max-width: 544px;
  width: 100%;
  margin-bottom: 80px;
}
.item-template-clbb-ex .point01 .img01 img {
  position: relative;
  right: -12px;
}
.item-template-clbb-ex .point02 .image {
  position: relative;
  margin: 40px auto 17px;
  width: 564px;
}
.item-template-clbb-ex .point02 .image img {
  position: relative;
  right: -20px;
}
.item-template-clbb-ex .point02 .detail_point_title sup,
.item-template-clbb-ex .point04 .detail_point_title sup {
  position: relative;
}
.item-template-clbb-ex .point02 .detail_point_title sup span,
.item-template-clbb-ex .point04 .detail_point_title sup span {
  position: relative;
  z-index: 2;
}
.item-template-clbb-ex .point02 .detail_point_title sup::after,
.item-template-clbb-ex .point04 .detail_point_title sup:after {
  content: "";
  width: 100%;
  height: 20px;
  background-color: #FFF2BA;
  position: absolute;
  bottom: -18px;
  left: 0;
  z-index: -1;
}
.item-template-clbb-ex .point05 .img01 {
  width: 500px;
  margin-left: 73px;
  margin-right: -43px;
  margin-bottom: 40px;
}
.item-template-clbb-ex .point05 .img01 .detail_point_img_title {
  margin: 0 auto -20px;
}
.item-template-clbb-ex .point05 .img01 .detail_point_img_title p {
  text-align: center;
  font-size: 18px;
  font-weight: 505;
  line-height: 1;
  padding: 10px 15px;
  border: solid 1px #251E1C;
  display: inline-block;
  margin-left: 25px;
}
@media only screen and (max-width: 640px) {
  .item-template-clbb-ex .point01 .img01 {
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .item-template-clbb-ex .point01 .img01 img {
    right: initial;
  }
  .item-template-clbb-ex .point02 .image {
    margin: 40px auto 20px;
    max-width: 335px;
    width: 100%;
  }
  .item-template-clbb-ex .point02 .image img {
    right: initial;
  }
  .item-template-clbb-ex .point02 .detail_point_title sup::after,
  .item-template-clbb-ex .point04 .detail_point_title sup:after {
    bottom: -15px;
  }
  .item-template-clbb-ex .point05 .img01 {
    width: 100%;
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .item-template-clbb-ex .point05 .img01 .detail_point_img_title {
    margin: 0 auto;
    text-align: center;
  }
  .item-template-clbb-ex .point05 .img01 .detail_point_img_title p {
    font-size: 16px;
    margin-left: 0;
  }
}

.item-template-clbm-ex .detail_lead_text {
  font-weight: 500;
  margin-bottom: 0;
}
.item-template-clbm-ex .detail_lead_title {
  max-width: 720px;
}
.item-template-clbm-ex .point01 .img01 {
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 20px;
}
.item-template-clbm-ex .point01 .detail_point_text_arrow {
  text-align: center;
  margin-bottom: 55px;
}
.item-template-clbm-ex .point01 .detail_point_gold_box_title {
  width: 100%;
  max-width: 343px;
}
.item-template-clbm-ex .point01 .detail_point_gold_box {
  padding-top: 30px;
}
.item-template-clbm-ex .point01 .detail_point_gold_box .img_flex {
  margin-bottom: 0;
  margin-top: 25px
}
.item-template-clbm-ex .point01 .detail_point_gold_box .img_flex_wrap {
  align-items: flex-start;
}
.item-template-clbm-ex .point01 .detail_point_gold_box .img_flex_item {
  text-align: center;
  margin-top: 17px;
}
.item-template-clbm-ex .point01 .detail_point_gold_box .img_flex_item:first-child::before,
.item-template-clbm-ex .point01 .detail_point_gold_box .img_flex_item:first-child::after {
  content: none;
}
.item-template-clbm-ex .point01 .detail_point_gold_box .img_flex_item:last-child p {
  letter-spacing: -0.01em;
}
.item-template-clbm-ex .point02 .img01 {
  max-width: 400px;
  width: 100%;
  margin: 0 auto 10px;
}
.item-template-clbm-ex .point02 .img02 {
  width: 100%;
  max-width: 408px;
  margin: 0 auto 20px;
  position: relative;
  left: 8px;
}
.item-template-clbm-ex .point02 .img03 {
  width: 100%;
  max-width: 408px;
  margin: 0 auto 55px;
  position: relative;
  left: 8px;
}
.item-template-clbm-ex .point03 .img_flex2_item p {
  margin-top: 0;
}
.item-template-clbm-ex .point04 .detail_point_gold_box_title {
  width: 100%;
  max-width: 306px;
}
.item-template-clbm-ex .point04 .img_flex2 {
  margin-bottom: 0;
}
.item-template-clbm-ex .point04 .img_flex2_wrap {
  left: 0;
}
.item-template-clbm-ex .point04 .img_flex2_item p {
  margin-top: 0;
}
.item-template-clbm-ex .point04 .img_flex2_item:last-child p {
  max-width: 130px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}
.item-template-clbm-ex .point04 .img_flex2_item {
  max-width: 155px;
  text-align: center;
}
.item-template-clbm-ex .point04 .img_flex2_item_image {
  max-width: 147px;
  margin-right: auto;
  margin-left: auto;
}
.item-template-clbm-ex .point05 .img01 {
  width: 500px;
  margin-left: 73px;
  margin-right: -43px;
  margin-bottom: 40px;
}
.item-template-clbm-ex .point05 .img01 .detail_point_img_title {
  margin: 0 auto -20px;
}
.item-template-clbm-ex .point05 .img01 .detail_point_img_title p {
  text-align: center;
  font-size: 18px;
  font-weight: 505;
  line-height: 1;
  padding: 10px 15px;
  border: solid 1px #251E1C;
  display: inline-block;
  margin-left: 25px;
}

@media only screen and (max-width: 640px) {
  .item-template-clbm-ex .detail_lead_title {
    max-width: 302px;
  }
  .item-template-clbm-ex .point01 .img01 {
    max-width: 250px;
    margin-bottom: 15px;
  }
  .item-template-clbm-ex .point01 .detail_point_gold_box_title {
    max-width: 263px;
  }
  .item-template-clbm-ex .point01 .detail_point_gold_box .img_flex {
  margin-top: 15px
}
  .item-template-clbm-ex .point01 .detail_point_gold_box .img_flex_wrap {
    align-items: flex-start;
  }
  .item-template-clbm-ex .point01 .detail_point_gold_box .img_flex_item {
    text-align: center;
    margin-top: 14px;
  }
  .item-template-clbm-ex .point01 .detail_point_gold_box .img_flex_item:first-child::before,
  .item-template-clbm-ex .point01 .detail_point_gold_box .img_flex_item:first-child::after {
    content: none;
  }
  .item-template-clbm-ex .point04 .detail_point_title sup {
    position: relative;
  }
  .item-template-clbm-ex .point04 .detail_point_title sup span {
    position: relative;
    z-index: 2;
  }
  .item-template-clbm-ex .point04 .detail_point_title sup:after {
    content: "";
    width: 100%;
    height: 18px;
    background-color: #FFF2BA;
    position: absolute;
    bottom: -17px;
    left: 0;
    z-index: -1;
  }
  .item-template-clbm-ex .point02 .img01 {
    max-width: 250px;
    margin: 0 auto 15px;
  }
  .item-template-clbm-ex .point02 .img02 {
    max-width: 254px;
    margin: 0 auto 20px;
    left: 4px;
  }
  .item-template-clbm-ex .point02 .img03 {
    max-width: 254px;
    margin: 0 auto 35px;
    left: 4px;
  }
  .item-template-clbm-ex .point04 .detail_point_gold_box {
    max-width: 335px;
  }
  .item-template-clbm-ex .point04 .detail_point_gold_box_title {
    max-width: 210px;
  }
  .item-template-clbm-ex .point04 .img_flex2_wrap {
    left: 0;
    gap: 15px;
  }
  .item-template-clbm-ex .point04 .img_flex2_item:last-child p {
    max-width: 100%;
    text-align: center;
  }
  .item-template-clbm-ex .point04 .img_flex2_item {
    max-width: 85px;
  }
  .item-template-clbm-ex .point04 .img_flex2_item_image {
    max-width: 100%;
  }
  .item-template-clbm-ex .point05 .img01 {
    max-width: 335px;
    width: 100%;
    margin: 0 auto 30px;
  }
  .item-template-clbm-ex .point05 .img01 .detail_point_img_title {
    margin: 0 auto;
    text-align: center;
  }
  .item-template-clbm-ex .point05 .img01 .detail_point_img_title p {
    font-size: 16px;
    margin-left: 0;
  }
}
.item-template-clbw-ex .point01 .detail_point_title .border .num::before {
  bottom: 6px;
}
.item-template-clbw-ex .point01 .detail_point_title sup,
.item-template-clbw-ex .point02 .detail_point_title sup,
.item-template-clbw-ex .point04 .detail_point_title sup {
  position: relative;
}
.item-template-clbw-ex .point01 .detail_point_title sup span,
.item-template-clbw-ex .point02 .detail_point_title sup span,
.item-template-clbw-ex .point04 .detail_point_title sup span {
  position: relative;
  z-index: 2;
}
.item-template-clbw-ex .point01 .detail_point_title sup:after {
  bottom: -17px;
}
.item-template-clbw-ex .point02 .detail_point_title sup::after,
.item-template-clbw-ex .point04 .detail_point_title sup:after {
  content: "";
  width: 100%;
  height: 18px;
  background-color: #FFF2BA;
  position: absolute;
  bottom: -17px;
  left: 0;
  z-index: -1;
}
.item-template-clbw-ex .detail_lead_title {
  width: 100%;
  max-width: 760px;
}
.item-template-clbw-ex .detail_lead_image {
  width: 100%;
  max-width: 758px;
}
.item-template-clbw-ex .detail_lead_image img {
  position: static;
}
.item-template-clbw-ex .detail_lead_text:nth-child(4) {
  margin-bottom: 0;
}
.item-template-clbw-ex .detail_lead_text + .detail_lead_text {
  margin-top: 15px;
}
.item-template-clbw-ex .detail_lead_image2 {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
.item-template-clbw-ex .detail_lead_image2 img {
  display: block;
  max-width: 818px;
  width: 100%;
  margin: 0 auto 13px;
}
.item-template-clbw-ex .detail_lead_image2_note {
  width: 100%;
  text-align: right;
}
.item-template-clbw-ex .detail_lead_image2_note:last-child {
  text-align: left;
  margin-top: 20px;
}
.item-template-clbw-ex .point01 .img01 {
  max-width: 480px;
  margin: 0 auto 32px;
}
.item-template-clbw-ex .point01 .img01 img {
  width: 100%;
  margin-bottom: 10px;
}
.item-template-clbw-ex .point01 .img01_note {
  width: 100%;
  padding: 0 40px;
  box-sizing: border-box;
  text-align: right;
}
.item-template-clbw-ex .point02 .detail_point_flex4 {
  width: 100%;
  max-width: 460px;
  margin: 0 auto 32px;
}
.item-template-clbw-ex .point02 .detail_point_flex4_wrap {
  display: flex;
  gap: 32px 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.item-template-clbw-ex .point02 .detail_point_flex4_item {
  width: calc((100% - 40px) / 2);
  max-width: 210px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.item-template-clbw-ex .point02 .detail_point_flex4_item_img {
  width: 100%;
  max-width: 148px;
}
.item-template-clbw-ex .point02 .detail_point_flex4_item_img img {
  display: block;
  width: 100%;
}
.item-template-clbw-ex .point02 .detail_point_flex4_item_box {
  width: 100%;
}
.item-template-clbw-ex .point02 .detail_point_flex4_item_box_title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 11px;
  text-align: center;
}
.item-template-clbw-ex .point02 .detail_point_flex4_item_box_text {
  font-size: 16px;
  font-weight: 400;
}
.item-template-clbw-ex .point02 .img02 {
  width: 100%;
  max-width: 520px;
  margin: 0 auto 32px;
}
.item-template-clbw-ex .point03 .img01 {
  width: 100%;
  max-width: 420px;
  margin: 0 auto 32px
}
.item-template-clbw-ex .point03 .img01 p {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}
.item-template-clbw-ex .point03 .img01 img {
  display: block;
  width: 100%;
}
.item-template-clbw-ex .point03 .img01_note {
  width: 100%;
  text-align: right;
}
.item-template-clbw-ex .point03 .detail_new_point_box {
  width: 100%;
  max-width: 520px;
  margin: 0 auto 32px;
  background-color: #F0F0F5;
  display: flex;
  align-items: center;
  gap: 12px;
}
.item-template-clbw-ex .point03 .detail_new_point_box img {
  display: block;
  width: 100%;
  max-width: 260px;
  flex-shrink: 0;
}
.item-template-clbw-ex .point03 .detail_new_point_box p {
  width: clac(100% -272px);
  padding-right: 38px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
}
.item-template-clbw-ex .point04 .img01 {
  width: 500px;
  margin-left: 73px;
  margin-right: -43px;
  margin-bottom: 40px;
}
.item-template-clbw-ex .point04 .img01 .detail_point_img_title {
  margin: 0 auto -20px;
}
.item-template-clbw-ex .point04 .img01 .detail_point_img_title p {
  text-align: center;
  font-size: 18px;
  font-weight: 505;
  line-height: 1;
  padding: 10px 15px;
  border: solid 1px #251E1C;
  display: inline-block;
  margin-left: 25px;
}
@media only screen and (max-width: 640px) {
  .item-template-clbw-ex .detail_lead_title {
    max-width: 302px;
  }
  .item-template-clbw-ex .detail_lead_image {
    max-width: 335px;
  }
  .item-template-clbw-ex .detail_lead_text + .detail_lead_text {
    margin-top: 10px;
  }
  .item-template-clbw-ex .detail_lead_image2 {
    max-width: 335px;
  }
  .item-template-clbw-ex .detail_lead_image2 img {
    max-width: 100%;
  }
  .item-template-clbw-ex .point01 .detail_point_title sup::after,
  .item-template-clbw-ex .point02 .detail_point_title sup::after,
  .item-template-clbw-ex .point04 .detail_point_title sup:after {
    content: "";
    width: 100%;
    height: 20px;
    background-color: #FFF2BA;
    position: absolute;
    bottom: -15px;
    left: 0;
    z-index: -1;
  }
  .item-template-clbw-ex .point01 .detail_point_title .border .num::before {
    bottom: 1px;
  }
  .item-template-clbw-ex .point01 .img01 {
    max-width: 333px;
    margin-bottom: 20px;
  }
  .item-template-clbw-ex .point01 .img01 img {
    margin-bottom: 6px;
  }
  .item-template-clbw-ex .point01 .img01_note {
    padding: 0 25px;
  }
  .item-template-clbw-ex .point02 .detail_point_flex4 {
    max-width: 335px;
    margin-bottom: 20px;
  }
  .item-template-clbw-ex .point02 .detail_point_flex4_wrap {
    gap: 11px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .item-template-clbw-ex .point02 .detail_point_flex4_item {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    background-color: #F0F0F5;
    padding: 10px 20px;
    border-radius: 3px;
  }
  .item-template-clbw-ex .point02 .detail_point_flex4_item:nth-child(even) {
    flex-direction: row-reverse;
  }
  .item-template-clbw-ex .point02 .detail_point_flex4_item_img {
    max-width: 103px;
  }
  .item-template-clbw-ex .point02 .detail_point_flex4_item_box {
    width: 100%;
    max-width: 182px;
  }
  .item-template-clbw-ex .point02 .detail_point_flex4_item_box_title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
    text-align: left;
    color: #B0A8CB;
  }
  .item-template-clbw-ex .point02 .detail_point_flex4_item:nth-child(3) .detail_point_flex4_item_box_title {
    letter-spacing: -0.06em;
  }
  .item-template-clbw-ex .point02 .detail_point_flex4_item_box_text {
    font-size: 14px;
    font-weight: 500;
  }
  .item-template-clbw-ex .point02 .img02 {
    max-width: 335px;
    margin-bottom: 20px;
  }
  .item-template-clbw-ex .point03 .img01 {
    max-width: 280px;
    margin-bottom: 20px;
  }
  .item-template-clbw-ex .point03 .img01 p {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .item-template-clbw-ex .point03 .detail_new_point_box {
    max-width: 335px;
    margin-bottom: 20px;
    gap: 24px;
  }
  .item-template-clbw-ex .point03 .detail_new_point_box img {
    max-width: 155px;
  }
  .item-template-clbw-ex .point03 .detail_new_point_box p {
    width: clac(100% -179px);
    padding-right: 26px;
    font-size: 14px;
  }
  .item-template-clbw-ex .point04 .img01 {
    width: 100%;
    max-width: 335px;
    margin-right: auto;
    margin-left: auto;
  }
  .item-template-clbw-ex .point04 .img01 .detail_point_img_title {
    margin: 0 auto;
    text-align: center;
  }
  .item-template-clbw-ex .point04 .img01 .detail_point_img_title p {
    font-size: 16px;
    margin-left: 0;
  }
}

.item-template-clby-ex .detail_point_container .txt_gold {
  color: #D7A74C;
}
.item-template-clby-ex .detail_point_container .border_orange {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #FFF2BA;
  text-decoration-thickness: 10px;
  text-underline-offset: -5px;
  display: inline-block;
  z-index: 3;
}
.item-template-clby-ex .detail_point_container .note {
  display: block;
  text-align: right;
}
.item-template-clby-ex .detail_lead_inner .img_flex {
  max-width: 1000px;
}
.item-template-clby-ex .detail_lead_inner .img_flex_wrap {
  align-items: flex-start;
  gap: 100px;
}
.item-template-clby-ex .detail_lead_inner .img_flex_item {
  max-width: 450px;
}
.item-template-clby-ex .detail_lead_inner .img_flex_item:first-child::after,
.item-template-clby-ex .detail_lead_inner .img_flex_item:first-child::before {
  content: none;
}
.item-template-clby-ex .detail_lead_inner .detail_lead_point_title {
  font-size: 24px;
  line-height: 1.792;
}
.item-template-clby-ex .detail_lead_inner .detail_lead_point_txt {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.9;
  margin: 32px 0 0;
}
.item-template-clby-ex .point01 .detail_point_text {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  margin: 30px 0 32px;
}
.item-template-clby-ex .point01 .detail_point_text .txt_gold {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.571;
}
.item-template-clby-ex .point02 .img_flex2 {
  max-width: 520px;
  margin-bottom: 11px;
}
.item-template-clby-ex .point02 .img_flex2_wrap {
  justify-content: space-between;
  gap: 0 60px;
  left: initial;
}
.item-template-clby-ex .point02 .img_flex2_twocolumn {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.item-template-clby-ex .point02 .img_flex2_twocolumn_text {
  text-align: center;
  width: 296px;
}
.item-template-clby-ex .point02 .img_flex2_item {
  max-width: 148px;
  flex-shrink: 0;
}
.item-template-clby-ex .point02 .img_flex2_item p {
  margin-top: 0;
  margin-left: 0;
}
.item-template-clby-ex .point02 .img_flex2_item p:first-of-type {
  font-weight: 500;
}
.item-template-clby-ex .point02 .img_flex2_twocolumn::after,
.item-template-clby-ex .point02 .img_flex2_twocolumn::before {
  content: "";
  width: 40px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  top: 35%;
  right: calc(50% - 195px);
}
.item-template-clby-ex .point02 .img_flex2_twocolumn::before {
  transform: translateY(-50%) rotate(-45deg);
}
.item-template-clby-ex .point02 .img_flex2_twocolumn::after {
  transform: translateY(-50%) rotate(45deg);
}
.item-template-clby-ex .point02 .note {
  margin-bottom: 32px;
}
.item-template-clby-ex .point03 .detail_point_gold_box_title {
  width: 100%;
  border-radius: 3px;
}
.item-template-clby-ex .point03 .detail_point_gold_box:first-of-type .detail_point_gold_box_title {
  max-width: 232px;
}
.item-template-clby-ex .point03 .detail_point_gold_box:last-of-type .detail_point_gold_box_title {
  max-width: 263px;
}
.item-template-clby-ex .point03 .detail_point_green_box {
  display: block;
  max-width: 396px;
  border: solid 2px #A8CFC5;
  border-radius: 10px;
  padding: 18px 10px;
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
}
.item-template-clby-ex .point03 .detail_point_title {
  margin-bottom: 55px;
}
.item-template-clby-ex .point03 .detail_point_green_box_title {
  color: #569793;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 4px;
  position: relative;
}
.item-template-clby-ex .point03 .detail_point_green_box_title span {
  font-size: 20px;
}
.item-template-clby-ex .point03 .detail_point_green_box_title span::before {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/7d377bd1cbb64673b14a0a4418bde6d6/point03_02.png");
  background-size: 100% 100%;
  position: absolute;
  top: 3px;
  left: 23px;
}
.item-template-clby-ex .point03 .detail_point_green_box:nth-child(4) .detail_point_green_box_title span::before {
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/b98ce2081ed14171a96140e90c9bbc04/point03_03.png");
}
.item-template-clby-ex .point03 .detail_point_gray_bg {
  max-width: 460px;
  border-radius: 10px;
  margin: 40px auto 0;
  padding: 20px;
  background-color: #F0F7F5;
}
.item-template-clby-ex .point03 .detail_point_gray_bg_title {
  color: #569793;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin-bottom: 10px;
}
.item-template-clby-ex .point03 .img01 {
  width: 373px;
  margin: 0 auto -2px;
}
.item-template-clby-ex .point03 .detail_point_gold_box:last-of-type {
  margin-top: 55px;
}
.item-template-clby-ex .point03 .detail_point_gold_box_text {
  font-weight: 500;
  line-height: 1.75;
  text-align: center;
  margin-bottom: 20px;
}
.item-template-clby-ex .point03 .detail_point_gold_box .img_flex {
  margin-bottom: 10px;
}
.item-template-clby-ex .point03 .detail_point_gold_box .img_flex_wrap {
  align-items: flex-start;
}
.item-template-clby-ex .point03 .detail_point_gold_box .img_flex_item {
  width: 148px;
}
.item-template-clby-ex .point03 .detail_point_gold_box .img_flex_item::before,
.item-template-clby-ex .point03 .detail_point_gold_box .img_flex_item::after {
  content: none;
}
.item-template-clby-ex .point03 .detail_point_gold_box .img_flex_item:last-child img {
}
.item-template-clby-ex .point03 .detail_point_gold_box .img_flex_item p {
  font-weight: 400;
}
.item-template-clby-ex .point03 .detail_point_gold_box .note {
  margin-right: 62px;
}
.item-template-clby-ex .point04 .img_flex2 {
  margin-bottom: 11px;
}
.item-template-clby-ex .point04 .img_flex2_wrap {
  gap: 35px;
}
.item-template-clby-ex .point04 .img_flex2_item:first-of-type {
  width: 100%;
  text-align: center;
  flex-shrink: 0;
}
.item-template-clby-ex .point04 .img_flex2_item:first-of-type .img_flex2_item_image {
  max-width: 143px;
}
.item-template-clby-ex .point04 .img_flex2_item:not(:first-of-type) {
  min-width: 143px;
}
.item-template-clby-ex .point04 .img_flex2_item p {
  margin-top: 0;
  margin-left: 0;
}
.item-template-clby-ex .point04 .img_flex2_item p:first-of-type {
  font-weight: 500;
  margin-bottom: 12px;
}
.item-template-clby-ex .point04 .img_flex2_item p:last-of-type {
  line-height: 1.688;
}
.item-template-clby-ex .point04 .note {
  margin-bottom: 32px;
}
.item-template-clby-ex .point05 .img01 {
  width: 500px;
  margin-left: 73px;
  margin-right: -43px;
  margin-bottom: 40px;
}
.item-template-clby-ex .point05 .img01 .detail_point_img_title {
  margin: 0 auto 5px;
}
.item-template-clby-ex .point05 .img01 .detail_point_img_title p {
  text-align: center;
  font-size: 18px;
  font-weight: 505;
  line-height: 1;
  padding: 10px 15px;
  border: solid 1px #251E1C;
  display: inline-block;
  margin-left: 25px;
}
@media only screen and (max-width: 640px){
  .item-template-clby-ex .detail_lead_inner .img_flex_wrap {
    flex-direction: column;
    gap: 30px;
  }
  .item-template-clby-ex .detail_lead_inner .img_flex_item {
    max-width: none;
    text-align: center;
  }
  .item-template-clby-ex .detail_lead_inner .img_flex_item:first-of-type img {
    max-width: 275px;
  }
  .item-template-clby-ex .detail_lead_inner .img_flex_item:last-of-type img {
    max-width: 247px;
    margin-left: 45px;
  }
  .item-template-clby-ex .detail_lead_inner .detail_lead_point_title {
    color: #569793;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.75;
  }
  .item-template-clby-ex .detail_lead_inner .detail_lead_point_txt {
    font-size: 14px;
    line-height: 1.714;
    margin: 20px 0 0;
  }
  .item-template-clby-ex .point01 .detail_point_text {
    font-size: 16px;
    font-weight: 600;
    line-height: 2.25;
    margin: 20px 0;
  }
  .item-template-clby-ex .point01 .detail_point_text .txt_gold {
    font-size: 24px;
  }
  .item-template-clby-ex .point02 .img_flex_wrap_sp {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 25px;
    position: relative;
  }
  .item-template-clby-ex .point02 .img_flex_wrap_sp::after,
  .item-template-clby-ex .point02 .img_flex_wrap_sp::before {
    content: "";
    width: 40px;
    height: 1px;
    background-color: #000000;
    position: absolute;
    bottom: -22px;
    left: 47%;
  }
  .item-template-clby-ex .point02 .img_flex_wrap_sp::before {
    transform: translateY(-50%) rotate(-45deg);
  }
  .item-template-clby-ex .point02 .img_flex_wrap_sp::after {
    transform: translateY(-50%) rotate(45deg);;
  }
  .item-template-clby-ex .point02 .img_flex_wrap_sp .item_image {
    width: 103px;
    flex-shrink: 0;
  }
  .item-template-clby-ex .point02 .img_flex_wrap_sp .item_text p:first-of-type {
    font-size: 18px;
    font-weight: 600;
    line-height: 0.889;
    margin: -5px 0 4px;
  }
  .item-template-clby-ex .point02 .img_flex_wrap_sp .item_text p:last-of-type {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.188;
  }
  .item-template-clby-ex .point02 .img_flex2_wrap_sp {
    display: flex;
    justify-content: center;
    border: 1px solid #D7A74C;
    padding: 15px 20px;
    max-width: 335px;
    margin: 55px auto 0;
  }
  .item-template-clby-ex .point02 .img_flex2_wrap_sp .img_flex2_item_sp {
    width: 75px;
    flex-shrink: 0;
    text-align: center;
  }
  .item-template-clby-ex .point02 .img_flex2_wrap_sp .img_flex2_item_sp p {
    font-weight: 500;
  }
  .item-template-clby-ex .point02 .item_sp_text {
    margin: 12px 0 0 20px;
  }
  .item-template-clby-ex .point02 .note {
    max-width: 335px;
    margin: 10px auto 32px;
  }
  .item-template-clby-ex .point03 .detail_point_gold_box {
    max-width: 335px;
  }
  .item-template-clby-ex .point03 .detail_point_gold_box:first-of-type .detail_point_gold_box_title {
    max-width: 180px;
  }
  .item-template-clby-ex .point03 .detail_point_gold_box:last-of-type .detail_point_gold_box_title {
    max-width: 210px;
  }
  .item-template-clby-ex .point03 .detail_point_green_box_title {
    font-size: 14px;
    font-weight: 600;
  }
  .item-template-clby-ex .point03 .detail_point_green_box_title::before {
    left: 4px;
  }
  .item-template-clby-ex .point03 .detail_point_green_box_title span {
    display: inline-block;
    font-size: 20px;
  }
  .item-template-clby-ex .point03 .detail_point_green_box_title span::before {
    left: calc(50% - 80px);
    transform: translateX(-50%);
  }
  .item-template-clby-ex .point03 .detail_point_green_box_txt {
    text-align: center;
  }
  .item-template-clby-ex .point03 .img01 {
    width: 91%;
  }
  .item-template-clby-ex .point03 .detail_point_gray_bg {
    margin-top: 25px;
  }
  .item-template-clby-ex .point03 .detail_point_gray_bg_title {
    font-size: 14px;
  }
  .item-template-clby-ex .point03 .detail_point_gray_bg_title span {
    font-size: 20px;
  }
  .item-template-clby-ex .point03 .detail_point_gold_box:last-of-type {
    margin-top: 32px;
  }
  .item-template-clby-ex .point03 .detail_point_gold_box_text {
    font-size: 16px;
  }
  .item-template-clby-ex .point03 .detail_point_gold_box .img_flex_item {
    width: 125px;
  }
  .item-template-clby-ex .point03 .detail_point_gold_box .img_flex_item p {
    font-weight: 500;
    white-space: nowrap;
  }
  .item-template-clby-ex .point03 .detail_point_gold_box .note {
    margin-right: 22px;
  }
  .item-template-clby-ex .point04 .detail_point_title sup {
    position: relative;
  }
  .item-template-clby-ex .point04 .detail_point_title sup span {
    position: relative;
    z-index: 2;
  }
  .item-template-clby-ex .point04 .detail_point_title sup:after {
    content: "";
    width: 100%;
    height: 20px;
    background-color: #FFF2BA;
    position: absolute;
    bottom: -15px;
    left: 0;
    z-index: -1;
  }
  .item-template-clby-ex .point04 .img_flex2_wrap_sp {
    margin-bottom: 20px;
  }
  .item-template-clby-ex .point04 .img_flex2_item_sp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 30px;
    background-color: #F0F7F5;
    padding: 10px 20px;
    max-width: 335px;
    margin: 0 auto 11px;
  }
  .item-template-clby-ex .point04 .img_flex2_item_sp:last-child {
    margin-bottom: 0;
  }
  .item-template-clby-ex .point04 .img_flex2_item_sp .item_img {
    width: 103px;
    text-align: center;
    flex-shrink: 0;
  }
  .item-template-clby-ex .point04 .img_flex2_item_sp .item_text p:first-child {
    font-size: 18px;
    font-weight: 600;
    color: #569793;
    line-height: 1.056;
    margin-bottom: 8px;
  }
  .item-template-clby-ex .point04 .img_flex2_item_sp .item_text p:last-child {
    font-weight: 500;
    line-height: 1.357;
  }
  .item-template-clby-ex .point05 .img01 .detail_point_img_title {
    margin: 0 auto 7px;
    text-align: center;
  }
  .item-template-clby-ex .point05 .img01 .detail_point_img_title p {
    font-size: 16px;
    margin-left: 0;
  }
  .item-template-clby-ex .point05 .img01 {
    width: 100%;
    max-width: 335px;
    margin: 0 auto 20px;
  }
}
main.step sup {
  letter-spacing: -0.05em;
}
@keyframes history-motion-arrow {
}
@media (min-width: 641px) {
  .cleansing_balm {
    overflow: hidden;
  }
}
.cleansing_balm .note {
  color: #251e1c;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.3;
  display: block;
}
@media (max-width: 640px) {
  .cleansing_balm .note {
    line-height: 1.5;
  }
}
.campaign-first .sample-box .item .cat {
  background: #B60005;
}
.item-template-bkfo .detail_lead_inner {
  width: 100%;
  max-width: 1040px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 135px auto 0;
}
.item-template-bkfo .detail_lead_image_bkfo {
  max-width: 585px;
  width: 100%;
  margin: 0 auto 70px;
}
.item-template-bkfo .detail_lead_image_bkfo img {
  margin-bottom: 5px;
  width: 100%;
}
.item-template-bkfo .detail_lead_image_bkfo .note_right {
  color: #666;
  font-size: 10px !important;
  text-align: right;
  display: block;
}
.item-template-bkfo .txt_note {
  display: block;
  width: 100%;
  max-width: 720px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 auto 40px;
  color: #666;
}
.item-template-bkfo .bkfo_product_sec img{
  display: block;
  width: 100%;
  margin: 5vh auto;
}
@media only screen and (min-width: 641px) {
  .item-template-bkfo .bkfo_product_sec{
    width: 100%;
    max-width: 1000px;
    padding: 0;
    margin: auto;
  }
  .item-template-bkfo .bkfo_product_sec picture{
    text-align: center;
    margin: auto;
  }
}
.item-template-bkfo .detail_lead_image_bkfo {
  max-width: 585px;
  width: 100%;
  margin: 0 auto 40px;
}
.item-template-bkfo .detail_point_title .border {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.item-template-bkfo .detail_point_title .border::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  background-color: #FFF2BA;
  z-index: -1;
}
.item-template-bkfo .detail_point_title .border sup {
  border-radius: 3px;
  padding: 0 2px;
}
.item-template-bkfo .point01 .detail_point_title sup span, .item-template-bkfo .point04 .detail_point_title sup span {
  position: relative;
  z-index: 2;
}
.item-template-bkfo .product-point__list > ol > li.product-point_point01 {
  max-width: 100%;
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/de27f1e043dc4cb1b12c79a275da66d5/point01_sp.jpg");
  background-size: contain;
  margin: 0 auto 2em;
  padding: 40px 13px;
  text-align: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: 190px;
  height: auto;
}
@media only screen and (min-width: 641px) {
.item-template-bkfo .product-point__list > ol > li.product-point_point01 {
    max-width: 720px;
    padding: 50px 100px;
    background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/cc6e2682f7a1459aadddd42362b41379/point01_pc.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 250px;
    height: auto;
}
}
.item-template-bkfo .txt_bkfo_point01{
  font-size: clamp(13px, 4vw, 16px);
  text-align: center;
  line-height: 1.8;
  margin-bottom: 3vh;
  margin-top: 105%;
  text-align: left;
}
@media only screen and (min-width: 641px) {
  .item-template-bkfo .txt_bkfo_point01{
    font-size: 16px;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 3vh;
    margin-top: 108%;
    text-align: left;
  }
}
.item-template-bkfo .product-point__list > ol > li.product-point_point02 {
  max-width: 100%;
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/9772900ce85f4c608b8b022193948f93/point02_sp.jpg");
  background-size: contain;
  margin: 0 auto 2em;
  padding: 40px 13px;
  text-align: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: 190px;
  height: auto;
}
@media only screen and (min-width: 641px) {
  .item-template-bkfo .product-point__list > ol > li.product-point_point02 {
    max-width: 720px;
    padding: 50px 100px;
    background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/cdeff4a122404850b4452bc61d73ea8b/point02_pc.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 220px;
    height: auto;
  }
}
.item-template-bkfo .txt_bkfo_point02{
  font-size: clamp(13px, 4vw, 16px);
  text-align: center;
  line-height: 1.8;
  margin-bottom: 3vh;
  margin-top: 95%;
  text-align: left;
}
@media only screen and (min-width: 641px) {
  .item-template-bkfo .txt_bkfo_point02{
    font-size: 16px;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 3vh;
    margin-top: 110%;
    text-align: left;
  }
}
.item-template-bkfo .product-point__list > ol > li.product-point_point03 {
  max-width: 100%;
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/9bf0ee1a427140fc968781a906c4848d/point03_sp.jpg");
  margin: 0 auto 2em;
  padding: 40px 13px;
  text-align: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: 190px;
  height: auto;
}
@media only screen and (min-width: 641px) {
  .item-template-bkfo .product-point__list > ol > li.product-point_point03 {
    max-width: 720px;
    padding: 50px 100px;
    background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/38083630fb984d5ea7aef92c2b7a7168/point03_pc.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 220px;
    height: auto;
  }
}
.item-template-bkfo .txt_bkfo_point03{
  font-size: clamp(13px, 4vw, 16px);
  text-align: center;
  line-height: 1.8;
  margin-bottom: 3vh;
  margin-top: 90%;
  text-align: left;
}
@media only screen and (min-width: 641px) {
  .item-template-bkfo .txt_bkfo_point03{
    font-size: 16px;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 3vh;
    margin-top: 100%;
    text-align: left;
  }
}
.item-template-bkfo .point03_spcare {
  max-width: 440px;
  width: 100%;
  margin: 0 auto;
}
.item-template-bkfo .product-point__list > ol > li.product-point_base {
  max-width: 100%;
  margin: 0 auto 2em;
  padding: 40px 13px;
  text-align: left;
  height: auto;
}
@media only screen and (min-width: 641px) {
  .item-template-bkfo .product-point__list > ol > li.product-point_base {
    max-width: 720px;
    padding: 50px 100px;
    text-align: left;
  }
}
.item-template-bkfo .product-point__list > ol > li p.bkfo_txt {
  font-size: clamp(13px, 4vw, 16px);
  text-align: left;
  line-height: 1.8;
  margin-bottom: 3vh;
}
.item-template-bkfo .product-point__list > ol > li.product-point_sec05 {
  max-width: 100%;
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/06bcfefbb1d1488f9c5962a894eca591/list_image_sp.png");
  margin: 0 auto 2em;
  padding: 40px 13px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 96% auto;
  background-position-y: 190px;
  background-position-x: 8px;
  height: 580px;
}
@media only screen and (min-width: 641px) {
  .item-template-bkfo .product-point__list > ol > li.product-point_sec05 {
    max-width: 720px;
    padding: 50px 100px;
    background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/8fd6d1fe79cc42ea965161997a4f30bf/list_image.jpg");
    background-repeat: no-repeat;
    background-size: 680px auto;
    background-position: center 220px;
    height: 960px;
  }
}
.item-template-bkfo .product-point__list > ol > li.product-point_base p.txt {
  font-size: clamp(13px, 4vw, 16px);
  text-align: center;
  line-height: 1.8;
  margin-bottom: 3vh;
}
.item-template-bkfo .product-point_sec05 .note{
  margin-top: 110%;
}
@media only screen and (min-width: 641px) {
  .product-point_sec05 .note{
    margin-top: 140%;
  }
}
.item-template-bkfo .bkfo_product_voice {
  max-width: 1240px;
  width: 100%;
  margin: auto;
  background-color: #F3F2EF;
  text-align: center;
  padding: 20px;
}
@media only screen and (max-width: 640px) {
  .item-template-bkfo .bkfo_product_voice {
    max-width: 100%;
    margin: auto;
    padding: 40px 8px;
    box-sizing: border-box;
  }
  .item-template-bkfo .bkfo_product_voice .note{
    text-align: left;
  }
}
.item-template-bkfo .bkfo_product_voice > div{
  width: 100%;
  text-align: center;
  padding: 20px;
  margin: auto;
  background-color: #fff;
}
.item-template-bkfo .bkfo_product_voice img {
  display: block;
  width: 90%;
  height: auto;
  margin: 2em auto;
}
@media only screen and (min-width: 750px) {
  .item-template-bkfo .bkfo_product_voice{
    width: 100%;
    max-width: 1240px;
    padding: 0 10vh 5vh;
    margin: auto;
  }
  .item-template-bkfo .bkfo_product_voice > div{
    width: 100%;
    text-align: center;
    padding: 40px 20px 40px;
    background-color: #fff;
  }
  .item-template-bkfo .bkfo_product_voice > div .bkfo_product_voice_img{
    display: flex;
    justify-content: space-between;
    padding: 0;
  }
  .item-template-bkfo .bkfo_product_voice img {
    width: 30%;
  }
}

.item-template-bkfo .bkfo_product_voice h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-bkfo .bkfo_product_voice h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  background-color: #000000;
  position: absolute;;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-bkfo .bkfo_product_voice_img .pc-img {
  display: block;
}
.item-template-bkfo .bkfo_product_voice_img .sp-img {
  display: none;
}
@media screen and (max-width: 768px) {
  .item-template-bkfo .bkfo_product_voice_img .pc-img {
  display: none;
  }
  .item-template-bkfo .bkfo_product_voice_img .sp-img {
    display: block;
  }
}
.item-template-bkfo .bkfo_howto_box{
  margin: 5vh auto;
  padding: 5px 10px;
  border: 1px solid #c8c8c8;
  text-align: left;
}

.item-template-bkfo .item-detail .movie-wrap {
  margin-top: 0;
  margin-bottom: 100px;
}
.item-template-bkfo .detail_howto_container h2 {
  margin-bottom: 80px;
}
@media only screen and (max-width: 640px) {
  .item-template-bkfo .item-detail .movie-wrap {
    margin-bottom: 60px;
  }
  .item-template-bkfo .detail_howto_container h2 {
    margin-bottom: 60px;
  }
}
.item-template-bkfo .product-point__list > ol > li {
  width: 100%;
  max-width: 720px;
  margin: 0 auto 3em;
  padding: 1em;
  background: #fff;
}
@media only screen and (min-width: 641px) {
  .item-template-bkfo .product-point__list > ol > li {
    width: 100%;
    max-width: 720px;
    margin: 0 auto 3em;
    padding: 3em;
    background: #fff;
  }
}
.item-template-bkfo .product-point_block {
  position: relative;
  text-align: left;
  line-height: 1.4;
}
.item-template-rblo .detail_lead_inner {
  width: 100%;
  max-width: 1040px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 135px auto 0;
}
.item-template-rblo .detail_lead_main_image {
  display: block;
  width: 100%;
  margin-bottom: 100px;
}
.item-template-rblo .detail_lead_main_image img {
  display: block;
  width: 100%;
}
.item-template-rblo .detail_lead_text {
  text-align: center;
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: 45px;
}
.item-template-rblo .detail_point_container {
  max-width: 1240px;
  width: 100%;
  margin: 100px auto 0;
  background-color: #F3F2EF;
  padding: 97px 0 114px;
}
.item-template-rblo .detail_point_wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 720px;
}
.item-template-rblo .detail_point_item {
  width: 100%;
  padding: 50px 100px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.item-template-rblo .detail_point_item + .detail_point_item {
  margin-top: 30px;
}
.item-template-rblo .detail_point_num {
  font-size: 30px;
  text-align: center;
  font-weight: 400;
  line-height: 1;
  color: #ffffff;
  background-color: #f78c2e;
  padding: 11px 0;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 3px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  letter-spacing: 0.05em;
}
.item-template-rblo .detail_point_num span {
  font-size: 40px;
}
.item-template-rblo .detail_point_title {
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 35px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-rblo .ingredient_flex {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 20px 30px;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.item-template-rblo .ingredient_flex_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 135px;
  height: 135px;
  text-align: center;
  color: #ffffff;
  font-size: 27px;
  line-height: 1.2;
  letter-spacing: -0.15em;
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/a53e3fe5018d4351b8dc567482d60179/rblo__ingredient_bg_img.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.item-template-rblo .detail_point_title .border {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #FFF2BA;
  text-decoration-thickness: 20px;
  text-underline-offset: -10px;
  display: inline-block;
  z-index: 3;
}
.item-template-rblo .point04 .detail_point_title sup {
  position: relative;
}
.item-template-rblo .point04 .detail_point_title sup span {
  position: relative;
  z-index: 2;
}
.item-template-rblo .point04 .detail_point_title sup:after {
  content: "";
  width: 100%;
  height: 20px;
  background-color: #FFF2BA;
  position: absolute;
  bottom: -18px;
  left: 0;
  z-index: -1;
}
.item-template-rblo .txt_note {
  display: block;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
}
.item-template-rblo .detail_point_item .txt {
  margin-bottom: 55px;
}
.item-template-rblo .detail_howto_container {
  margin: 65px 0 95px;
}
.item-template-rblo .detail_howto_inner {
  width: 100%;
  max-width: 760px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.item-template-rblo .detail_howto_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 100px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-rblo .detail_howto_container h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-rblo .detail_howto_box {
  width: 100%;
}
.item-template-rblo .detail_howto_box + .detail_howto_box {
  margin-top: 35px;
}
.item-template-rblo .detail_howto_box_step {
  width: 100%;
  border-bottom: solid 1px #251E1C;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 45px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;margin-bottom: 25px;
}
.item-template-rblo .detail_howto_box_step span {
  font-size: 43px;
}
.item-template-rblo .detail_howto_box_item {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 90px;
}
.item-template-rblo .detail_howto_box_item_img {
  display: block;
  width: 200px;
}
.item-template-rblo .detail_howto_box_item_right {
  width: calc(100% - 290px);
}
.item-template-rblo .detail_howto_box_item_right_title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.item-template-rblo .detail_howto_box_item_right_text {
  font-size: 16px;
}
.item-template-rblo .detail_howto_container {
  margin: 65px 0 95px;
}
.item-template-rblo .detail_howto_inner {
  width: 100%;
  max-width: 760px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.item-template-rblo .detail_howto_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 100px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-rblo .detail_howto_container h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-rblo .detail_howto_box {
  width: 100%;
}
.item-template-rblo .detail_howto_box + .detail_howto_box {
  margin-top: 35px;
}
.item-template-rblo .detail_howto_box_step {
  width: 100%;
  border-bottom: solid 1px #251E1C;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 45px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;margin-bottom: 25px;
}
.item-template-rblo .detail_howto_box_step span {
  font-size: 43px;
}
.item-template-rblo .detail_howto_box_item {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 90px;
}
.item-template-rblo .detail_howto_box_item_img {
  display: block;
  width: 200px;
}
.item-template-rblo .detail_howto_box_item_right {
  width: calc(100% - 290px);
}
.item-template-rblo .detail_howto_box_item_right_title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.item-template-rblo .detail_howto_box_item_right_text {
  font-size: 16px;
}
.item-template-rblo .detail_large_image {
	max-width: 1240px;
	margin: 0 auto;
}
.item-template-rblo .detail_voice_container {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  background-color: #F3F2EF;
  padding: 97px 0 114px;
}
.item-template-rblo .detail_voice_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 45px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-rblo .detail_voice_container h2::after {
  content: "";
  display: block;
  width: 73px;
  height: 1px;
  background-color: #f78c2e;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-rblo .detail_voice_inner {
  width: 100%;
  max-width: 1000px;
  padding: 65px 37px 24px;
  box-sizing: border-box;
  margin: 0 auto;
	background: #fff;
}
.item-template-rblo .voice_flex_wrap {
  display: flex;
  justify-content: space-between;
	align-items: stretch;
  gap: 26px;
}
.item-template-rblo .voice_flex_wrap p {
  text-align: center;
}
.item-template-rblo .review {
  flex: 1;
  border: 1px solid #dddad5;
	background: #fafaf9;
	box-shadow: 3px 3px 5px rgba(0,0,0,.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 18px;
	margin-bottom: 20px;
	font-size: 17px;
}
.item-template-rblo .lined {
  line-height: 2em;
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent calc(2em - 1px),
    #e4e4e4 calc(2em - 1px),
    #e4e4e4 2em
  );
  background-size: 100% 2em;
	margin-bottom: 34px;
}
.item-template-rblo .lined .border {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #FFF2BA;
  text-decoration-thickness: 17px;
  text-underline-offset: -17px;
  text-decoration-skip-ink: none !important;
}
.item-template-rblo .txt_note_voice {
	text-align: center;
}
.item-template-rblo .detail_lead_text_orange {
	display: block;
  color: #f78c2e;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 1.7916667;
  font-weight: 700;
}
.item-template-rblo .image {
  margin: 0 auto 10px;
}
.item-template-rblo .point01 .image {
  margin: 0 auto 10px;
  width: 490px;
}
.item-template-rblo .point02 .image {
  margin: 0 0 10px -30px;
  width: 606px;
}
.item-template-rblo .point03 .image {
  margin: 0 auto 10px;
  width: 518px;
}
.item-template-rblo .point04 .image {
  margin: 0 0 10px 50px;
  width: 451px;
}
.item-template-rblo .txt_note_lead {
	max-width: 480px;
	margin: 0 auto;
}

@media only screen and (max-width: 1000px) {
	.item-template-rblo .detail_voice_container h2::after {
    width: 50px;
	}
	.item-template-rblo .voice_flex_wrap {
		display: block;
	}
	.item-template-rblo .txt_note_voice {
		text-align: left;
	}
}
@media only screen and (max-width: 640px) {
  .item-template-rblo .detail_lead_inner {
    max-width: 100%;
    margin: 75px auto 0;
  }
  .item-template-rblo .detail_lead_main_image {
    display: block;
    width: calc(100% + 40px);
    margin-bottom: 100px;
    margin: 0 -20px 27px;
  }
  .item-template-rblo .detail_lead_text {
    font-size: 14px;
    line-height: 1.714;
    margin-bottom: 27px;
  }
  .item-template-rblo .detail_lead_text_orange {
    font-size: 19px;
    line-height: 1.563579;
}
  .item-template-rblo .detail_point_container {
    max-width: 100%;
    margin: 40px auto 0;
    padding: 40px 8px;
    box-sizing: border-box;
  }
  .item-template-rblo .detail_point_wrap {
    max-width: 100%;
  }
  .item-template-rblo .detail_point_item {
    padding: 40px 13px;
  }
  .item-template-rblo .detail_point_item + .detail_point_item {
    margin-top: 42px;
  }
  .item-template-rblo .detail_point_num {
    font-size: 24px;
    padding: 5px 0;
    margin-bottom: 20px;
  }
  .item-template-rblo .detail_point_num span {
    font-size: 34px;
  }
  .item-template-rblo .detail_point_title {
    font-size: 24px;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
  }
  .item-template-rblo .point04 .detail_point_title sup:after {
    bottom: -15px;
  }
  .item-template-rblo .detail_point_item .txt {
    margin-bottom: 20px;
  }
  .item-template-rblo .ingredient_flex {
    gap: 15px 20px;
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .item-template-rblo .ingredient_flex_item {
    width: 95px;
    height: 95px;
    font-size: 16px;
  }
  .item-template-rblo .detail_howto_container {
    margin: 75px 0;
  }
  .item-template-rblo .detail_howto_inner {
    max-width: 100%;
  }
  .item-template-rblo .detail_howto_container h2 {
    font-size: 24px;
    padding-bottom: 30px;
  }
  .item-template-rblo .detail_howto_container h2::after {
    width: 65px;
  }
  .item-template-rblo .detail_howto_box + .detail_howto_box {
    margin-top: 60px;
  }
  .item-template-rblo .detail_howto_box_step {
    font-size: 16px;
  }
  .item-template-rblo .detail_howto_box_step span {
    font-size: 24px;
  }
  .item-template-rblo .detail_howto_box_item {
    max-width: 100%;
    gap: 25px;
  }
  .item-template-rblo .detail_howto_box_item_img {
    width: 100px;
  }
  .item-template-rblo .detail_howto_box_item_right {
    width: calc(100% - 125px);
  }
  .item-template-rblo .detail_howto_box_item_right_title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .item-template-rblo .detail_howto_box_item_right_text {
    font-size: 14px;
  }
	.item-template-rblo .point01 .image {
    width: 100%;
	}
	.item-template-rblo .point02 .image {
    padding-left: 4%;
    margin: 0 0 10px;
    width: 100%;
	}
	.item-template-rblo .point03 .image {
    width: 100%;
	}
	.item-template-rblo .point04 .image {
    padding-left: 15%;
    margin: 0 0 10px;
    width: 100%;
	}
	.item-template-rblo .txt_note_lead {
		max-width: none;
	}

  .item-template-rblo .detail_point_item.point02 .detail_point_title span.letter-spacing,
  .item-template-rblo .detail_point_item.point03 .detail_point_title span.letter-spacing,
  .item-template-rblo .detail_point_item.point04 .detail_point_title span.letter-spacing {
    letter-spacing: -0.05em !important;
  }
}

.item-template-rblo .voice_flex_wrap .review .border {
  font-weight: bold;
}
.item-template-rblo .voice_flex_wrap .review .author {
  font-size: 15px;
}
.item-template-wrsm .detail_lead_inner {
  width: 100%;
  max-width: 1040px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 135px auto 0;
}
.item-template-wrsm .detail_lead_image_wrsm {
  max-width: 565px;
  width: 75%;
  margin: 0 auto 30px;
}
.item-template-wrsm .detail_lead_image_wrsm img {
  display: block;
  max-width: 565px;
  text-align: center;
  margin: 0 auto;
  width: 80%;
}
@media only screen and (max-width: 641px) {
  .item-template-wrsm .detail_lead_image_wrsm img {
    display: block;
    max-width: 500px;
    text-align: center;
    margin: 0 auto 2%;
    width: 94%;
  }
}
.item-template-wrsm .detail_lead_image_wrsm .note_right {
  width: 80%;
  color: #666;
  font-size: 10px !important;
  text-align: right;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 641px) {
  .item-template-wrsm .detail_lead_image_wrsm .note_right {
    width: 94%;
    color: #666;
    font-size: 10px !important;
    text-align: right;
    display: block;
    margin: 0 auto;
  }
}
.item-template-wrsm .detail_lead_image_wrsm .caption {
  color: #251E1C;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  display: block;
  margin: 2% auto;
}
@media only screen and (max-width: 641px) {
  .item-template-wrsm .detail_lead_image_wrsm .caption {
    color: #251E1C;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 2% auto;
  }
}
.item-template-wrsm .txt_note {
  display: block;
  width: 100%;
  max-width: 720px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 auto 40px;
  color: #666;
}
.item-template-wrsm .wrsm_product_sec img {
  display: block;
  width: 100%;
  margin: 5vh auto;
}
@media only screen and (min-width: 641px) {
  .item-template-wrsm .wrsm_product_sec {
    width: 100%;
    max-width: 1000px;
    padding: 0;
    margin: auto;
  }
  .item-template-wrsm .wrsm_product_sec picture {
    text-align: center;
    margin: auto;
  }
}
.item-template-wrsm .detail_point_num {
  font-size: 30px;
  text-align: center;
  font-weight: 400;
  line-height: 1;
  color: #906721;
  background-color: #fff2d1!important;
  padding: 11px 0;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 3px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 640px) {
  .item-template-wrsm .detail_point_num {
    font-size: 24px;
    color: #906721;
    background-color: #fff2d1;
    padding: 5px 0;
    margin-bottom: 20px;
  }
}
.item-template-wrsm .detail_point_title {
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 35px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
@media only screen and (max-width: 640px) {
  .item-template-wrsm .detail_point_title {
    font-size: 23px;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
  }
  .item-template-wrsm .product-point_point05 .detail_point_title {
    font-size: 22px;
  }
  .item-template-wrsm .product-point_point03 .detail_point_title span.letter-spacing{
    letter-spacing: -0.01em!important;
  }
  .item-template-wrsm .product-point_point05 .detail_point_title span.letter-spacing{
    letter-spacing: -0.05em!important;
  }
}
@media only screen and (max-width: 380px) {
  .item-template-wrsm .detail_point_title {
    font-size: 24px;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
  }
}
@media only screen and (max-width: 370px) {
  .item-template-wrsm .detail_point_title {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .item-template-wrsm .product-point_point01 .detail_point_title,
  .item-template-wrsm .product-point_point03 .detail_point_title{
    font-size: 21px;
  }
  .item-template-wrsm .product-point_point05 .detail_point_title {
    font-size: 20px;
  }
}
.item-template-wrsm .detail_point_title .border {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #ffeae5;
  text-decoration-thickness: 20px;
  text-underline-offset: -10px;
  display: inline-block;
  z-index: 3;
  text-decoration: none;
}
.item-template-wrsm .detail_point_title .border::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  background-color: #ffeae5;
  z-index: -1;
}
.item-template-wrsm .detail_point_title .border sup {
  border-radius: 3px;
  padding: 0 2px;
}

.item-template-wrsm .product-point__list>ol>li {
  width: 100%;
  margin: 0 auto 3em;
  background: #fff;
}
.item-template-wrsm .product-point__list>ol>li.product-point_point01 {
  max-width: 100%;
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/86e56e2808874bf299ddc0c7dad10fee/point01_sp_img.jpg");
  background-size: contain;
  margin: 0 auto 2em;
  padding: 40px 13px;
  text-align: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: 230px;
  height: auto;
}
@media only screen and (min-width: 641px) {
  .item-template-wrsm .product-point__list>ol>li.product-point_point01 {
    max-width: 720px;
    padding: 50px 100px;
    background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/11c9778b157f44e18cc31613cd03a9c9/point01_pc_img.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 280px;
    height: auto;
  }
}
.item-template-wrsm .note_point01 {
  font-size: 10px !important;
  font-weight: 400 !important;
  color: #666;
  margin-top: 138%;
  text-align: left;
}
@media only screen and (max-width: 670px) {
  .item-template-wrsm .note_point01 {
    font-size: 10px !important;
    font-weight: 400 !important;
    color: #666;
    margin-top: 142%;
    text-align: left;
  }
}
@media only screen and (max-width: 640px) {
  .item-template-wrsm .note_point01 {
    font-size: 10px !important;
    font-weight: 400 !important;
    color: #666;
    margin-top: 140%;
    text-align: left;
  }
}
@media only screen and (max-width: 430px) {
  .item-template-wrsm .note_point01 {
    font-size: 10px !important;
    font-weight: 400 !important;
    color: #666;
    margin-top: 145%;
    text-align: left;
  }
}
@media only screen and (max-width: 380px) {
  .item-template-wrsm .note_point01 {
    font-size: 10px !important;
    font-weight: 400 !important;
    color: #666;
    margin-top: 150%;
    text-align: left;
  }
}
@media only screen and (max-width: 350px) {
  .item-template-wrsm .note_point01 {
    font-size: 10px !important;
    font-weight: 400 !important;
    color: #666;
    margin-top: 155%;
    text-align: left;
  }
}
.item-template-wrsm .txt_point01 {
  font-size: clamp(13px, 4vw, 16px);
  text-align: center;
  line-height: 1.8;
  margin-bottom: 3vh;
  margin-top: 8%;
  text-align: left;
}
@media only screen and (min-width: 641px) {
  .item-template-wrsm .txt_point01 {
    font-size: 16px;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 3vh;
    margin-top: 5%;
    text-align: left;
  }
}
.item-template-wrsm .product-point__list>ol>li.product-point_point02 {
  max-width: 100%;
  background-size: contain;
  margin: 0 auto 2em;
  padding: 40px 13px;
  text-align: center;
  height: auto;
  background: #fff;
}
@media only screen and (min-width: 641px) {
  .item-template-wrsm .product-point__list>ol>li.product-point_point02 {
    max-width: 720px;
    padding: 50px 100px;
    height: auto;
  }
}
.item-template-wrsm .product-point_point02 .point_img_ttl {
  font-size: 25px;
  line-height: 1;
  padding: 15px 5px;
  max-width: 90%;
  margin: 80px auto 10px;
  background-color: #ececec;
  text-align: center;
  color: #0c0c0c;
}
@media only screen and (max-width: 640px) {
  .item-template-wrsm .product-point_point02 .point_img_ttl {
    font-size: 16px;
    padding: 7px 5px;
    max-width: 90%;
    margin: 50px auto 10px;
  }
}
.item-template-wrsm .detail_point img {
  max-width: 76%;
  text-align: center;
  margin: 35px auto 30px;
}
@media only screen and (max-width: 640px) {
  .item-template-wrsm .detail_point img {
    max-width: 66%;
    text-align: center;
    margin: 35px auto 30px;
  }
}
.item-template-wrsm .detail_point .note_right {
  color: #666;
  font-size: 10px !important;
  text-align: right;
  display: block;
}
.item-template-wrsm .txt_point {
  font-size: clamp(13px, 4vw, 16px);
  text-align: center;
  line-height: 1.8;
  margin-bottom: 3vh;
  margin-top: 5%;
  text-align: left;
}
@media only screen and (min-width: 641px) {
  .item-template-wrsm .txt_point {
    font-size: 16px;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 3vh;
    margin-top: 10%;
    text-align: left;
  }
}
.item-template-wrsm .detail_point .note_right {
  color: #666;
  font-size: 10px !important;
  text-align: right;
  padding-right: 15%;
  display: block;
}
.item-template-wrsm .product-point__list>ol>li.product-point_point03 {
  max-width: 100%;
  background-size: contain;
  margin: 0 auto 2em;
  padding: 40px 13px;
  text-align: center;
  height: auto;
}
@media only screen and (min-width: 641px) {
  .item-template-wrsm .product-point__list>ol>li.product-point_point03 {
    max-width: 720px;
    padding: 50px 100px;
    height: auto;
  }
}
.item-template-wrsm .txt_wrsm_point03 {
  font-size: clamp(13px, 4vw, 16px);
  text-align: center;
  line-height: 1.8;
  margin-bottom: 3vh;
  margin: 5% auto;
  text-align: left;
}
@media only screen and (min-width: 641px) {
  .item-template-wrsm .txt_wrsm_point03 {
    font-size: 16px;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 3vh;
    margin: 10% auto;
    text-align: left;
  }
}
.item-template-wrsm .point03_img {
  max-width: 100%;
  text-align: center;
  margin: 35px auto 0px;
}
@media only screen and (max-width: 640px) {
  .item-template-wrsm .point03_img {
    max-width: 100%;
    text-align: center;
    margin: 35px auto 0px;
  }
}
.item-template-wrsm .product-point__list>ol>li.product-point_point04 {
  max-width: 100%;
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/3f9297d953fb4282be1f460c6271d67b/point04_sp_img.jpg");
  background-size: contain;
  margin: 0 auto 2em;
  padding: 40px 13px;
  text-align: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: 175px;
  height: auto;
}
@media only screen and (min-width: 641px) {
  .item-template-wrsm .product-point__list>ol>li.product-point_point04 {
    max-width: 720px;
    padding: 50px 100px;
    background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/090da5a076d74495bd1fb00fdca4af91/point04_pc_img.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 280px;
    height: auto;
  }
}
.item-template-wrsm .txt_point04 {
  font-size: clamp(13px, 4vw, 16px);
  text-align: center;
  line-height: 1.8;
  margin-bottom: 3vh;
  margin-top: 110%;
  text-align: left;
}
@media only screen and (min-width: 641px) {
  .item-template-wrsm .txt_point04 {
    font-size: 16px;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 3vh;
    margin-top: 120%;
    text-align: left;
  }
}
.item-template-wrsm .product-point__list>ol>li.product-point_point05 {
  max-width: 720px;
  padding: 50px 100px;
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/2e23985efce84b9f8c370bd1ab70321f/point05_pc_img.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 280px;
  height: auto;
}
@media only screen and (max-width: 640px) {
  .item-template-wrsm .product-point__list>ol>li.product-point_point05 {
    max-width: 100%;
    background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/5298fdacc6ce4c5aaf1b689c140f93ad/point05_sp_img.jpg");
    background-size: contain;
    margin: 0 auto 2em;
    padding: 40px 13px;
    text-align: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: 240px;
    height: auto;
  }
}
.item-template-wrsm .txt_point05 {
  font-size: clamp(13px, 4vw, 16px);
  text-align: center;
  line-height: 1.8;
  margin-bottom: 3vh;
  margin-top: 188%;
  text-align: left;
}
@media only screen and (min-width: 641px) {
  .item-template-wrsm .txt_point05 {
    font-size: 16px;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 3vh;
    margin-top: 210%;
    text-align: left;
  }
}
.item-template-wrsm .product-point__list>ol>li.product-point_base {
  max-width: 100%;
  margin: 0 auto 2em;
  padding: 40px 13px;
  text-align: left;
  height: auto;
}
@media only screen and (min-width: 641px) {
  .item-template-wrsm .product-point__list>ol>li.product-point_base {
    max-width: 720px;
    padding: 50px 100px;
    text-align: left;
  }
}
.item-template-wrsm .ingredient_flex_item {
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/6cc4a89987cd47a286c13d9eec8ab39b/ingredient_bg_wrsm_img.png");
  color: #967f56;
}
.product-point__list>ol>li p.wrsm_txt {
  font-size: clamp(13px, 4vw, 16px);
  text-align: left;
  line-height: 1.8;
  margin-bottom: 3vh;
}
.item-template-wrsm .product-point__list>ol>li.product-point_secwrsm {
  max-width: 720px;
  padding: 0px;
  margin: 0 auto 0;
}
.item-template-wrsm .product-point__list>ol>li.product-point_secwrsm .note {
  padding: 50px 100px;
}
@media only screen and (max-width: 640px) {
  .item-template-wrsm .product-point__list>ol>li.product-point_secwrsm .note {
    padding: 20px 13px 20px;
  }
}
.item-template-wrsm .product-point__list>ol>li.product-point_base p.txt {
  font-size: clamp(13px, 4vw, 16px);
  text-align: center;
  line-height: 1.8;
  margin-bottom: 3vh;
}
.item-template-wrsm .product-point_sec05 .note {
  margin-top: 110%;
}
@media only screen and (min-width: 641px) {
  .item-template-wrsm .product-point_sec05 .note {
    margin-top: 140%;
  }
}
.item-template-wrsm .wrsm_product_voice {
  max-width: 1240px;
  width: 100%;
  margin: auto;
  background-color: #F3F2EF;
  text-align: center;
  padding: 20px;
}
@media only screen and (max-width: 640px) {
  .item-template-wrsm .wrsm_product_voice {
    max-width: 100%;
    margin: auto;
    padding: 40px 8px;
    box-sizing: border-box;
  }
}
.item-template-wrsm .wrsm_product_voice>div {
  width: 100%;
  text-align: center;
  padding: 40px 20px 20px;
  margin: auto;
  background-color: #fff;
}
.item-template-wrsm .wrsm_product_voice img {
  display: block;
  width: 90%;
  height: auto;
  margin: 2em auto;
}
@media only screen and (min-width: 750px) {
  .item-template-wrsm .wrsm_product_voice {
    width: 100%;
    max-width: 1240px;
    padding: 0 10vh 5vh;
    margin: auto;
  }
  .item-template-wrsm .wrsm_product_voice>div {
    width: 100%;
    text-align: center;
    padding: 40px 20px 40px;
    background-color: #fff;
  }
  .item-template-wrsm .wrsm_product_voice>div .wrsm_product_voice_img {
    display: flex;
    justify-content: space-between;
    padding: 0;
  }
  .item-template-wrsm .wrsm_product_voice img {
    width: 30%;
  }
}
.item-template-wrsm .wrsm_product_voice h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
@media only screen and (max-width: 640px) {
  .item-template-wrsm .wrsm_product_voice h2 {
    padding-bottom: 30px;
  }
}
.item-template-wrsm .wrsm_product_voice h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  background-color: #f1c7bd;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-wrsm .wrsm_product_voice_img .pc-img {
  display: block;
}
.item-template-wrsm .wrsm_product_voice_img .sp-img {
  display: none;
}
@media screen and (max-width: 768px) {
  .item-template-wrsm .wrsm_product_voice_img .pc-img {
    display: none;
  }
  .item-template-wrsm .wrsm_product_voice_img .sp-img {
    display: block;
  }
}

.item-template-wrsm .product-point__list .product-point_block .note {
  text-align: left;
}

@media only screen and (max-width: 450px) {
  .item-template-wrsm .txt_point05 {
    margin-top: 205%;
  }
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 767px) {
  .subsc-banner_ttl-area {
    margin-bottom: 0!important;
    position: relative;
    padding: 10px 35px!important;
  }
  .subsc-banner_ttl-area .subsc-banner_ttl_btn {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #A5841E;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
  .subsc-banner_ttl-area .subsc-banner_ttl_btn::before,
  .subsc-banner_ttl-area .subsc-banner_ttl_btn::after {
    content: "";
    display: block;
    width: 14px;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .subsc-banner_ttl-area .subsc-banner_ttl_btn::before {
    transform: translate(-50%, -50%);
  }
  .subsc-banner_ttl-area .subsc-banner_ttl_btn::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .subsc-banner_ttl-area.is-active .subsc-banner_ttl_btn::after {
    transform: translate(-50%, -50%);
  }
  .subsc-banner_inner-block {
    display: none;
  }
  
  .item-template-clbh-a .subsc-banner.spsub .subsc-banner_name-area,
  .item-template-clbb-ex .subsc-banner.spsub .subsc-banner_name-area {
    margin-left: 0;
  }
}
.item-template-brfo .detail_lead_inner {
  width: 100%;
  max-width: 1040px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 135px auto 0;
}
.item-template-brfo .detail_lead_main_image {
  display: block;
  width: 100%;
  margin-bottom: 100px;
}
.item-template-brfo .detail_lead_main_image img {
  display: block;
  width: 100%;
}
.item-template-brfo .detail_lead_title {
  margin: 0 auto 45px;
  width: 100%;
  max-width: 800px;
}
.item-template-brfo .detail_lead_image {
  width: 100%;
  max-width: 567px;
  margin: 0 auto 35px;
}
.item-template-brfo .detail_lead_image img {
  display: block;
  width: 100%;
  position: relative;
  right: -37px;
}
.item-template-brfo .detail_lead_text {
  text-align: center;
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: 45px;
}
.item-template-brfo .detail_lead_text_gold {
  display: block;
  color: #D7A74C;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 2.1;
  font-weight: 700;
}
.item-template-brfo .detail_lead_text_gold_big {
  font-size: 24px;
  line-height: 1.7916667;
}
.item-template-brfo .detail_lead_image_02 {
  max-width: 585px;
  width: 100%;
  margin: 0 auto 70px;
}
.item-template-brfo .detail_lead_image_02 img {
  margin-bottom: 5px;
  width: 100%;
}
.item-template-brfo .detail_lead_image_02 .note {
  text-align: right;
  display: block;
}

.item-template-brfo .detail_point_container {
  max-width: 1240px;
  width: 100%;
  margin: 100px auto 0;
  background-color: #F3F2EF;
  padding: 97px 0 114px;
}
.item-template-brfo .detail_point_wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 720px;
}
.item-template-brfo .detail_point_item {
  width: 100%;
  padding: 50px 100px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.item-template-brfo .detail_point_item + .detail_point_item {
  margin-top: 30px;
}
.item-template-brfo .detail_point_num {
  font-size: 30px;
  text-align: center;
  font-weight: 400;
  line-height: 1;
  color: #ffffff;
  background-color: #8f262a;
  padding: 11px 0;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 3px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  letter-spacing: 0.05em;
}
.item-template-brfo .detail_point_num span {
  font-size: 40px;
}
.item-template-brfo .detail_point_title {
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 35px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}

.item-template-brfo .ingredient_flex {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 20px 30px;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.item-template-brfo .ingredient_flex_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 135px;
  height: 135px;
  text-align: center;
  color: #ffffff;
  font-size: 27px;
  line-height: 1.2;
  letter-spacing: -0.15em;
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/82e03444c6e548289cdc8a4bf546bc96/brfo__ingredient-bg03.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.item-template-brfo .detail_point_title .border {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #f4e9ea;
  text-decoration-thickness: 20px;
  text-underline-offset: -10px;
  display: inline-block;
  z-index: 3;
}
.item-template-brfo .point01 .detail_point_title sup,
.item-template-brfo .point02 .detail_point_title sup {
  position: relative;
}
.item-template-brfo .point01 .detail_point_title sup span,
.item-template-brfo .point02 .detail_point_title sup span {
  position: relative;
  z-index: 2;
}
.item-template-brfo .point01 .detail_point_title sup:after,
.item-template-brfo .point02 .detail_point_title sup:after {
  content: "";
  width: 100%;
  height: 20px;
  background-color: #f4e9ea;
  position: absolute;
  bottom: -18px;
  left: 0;
  z-index: -1;
}
.item-template-brfo .txt_note {
  display: block;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
}

.item-template-brfo .detail_point_item .txt {
  margin-bottom: 55px;
}

.item-template-brfo .detail_howto_container {
  margin: 65px 0 95px;
}
.item-template-brfo .detail_howto_inner {
  width: 100%;
  max-width: 760px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.item-template-brfo .detail_howto_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 100px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-brfo .detail_howto_container h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-brfo .detail_howto_box {
  width: 100%;
}
.item-template-brfo .detail_howto_box + .detail_howto_box {
  margin-top: 35px;
}
.item-template-brfo .detail_howto_box_step {
  width: 100%;
  border-bottom: solid 1px #251E1C;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 45px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;margin-bottom: 25px;
}
.item-template-brfo .detail_howto_box_step span {
  font-size: 43px;
}
.item-template-brfo .detail_howto_box_item {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 90px;
}
.item-template-brfo .detail_howto_box_item_img {
  display: block;
  width: 200px;
}
.item-template-brfo .detail_howto_box_item_right {
  width: calc(100% - 290px);
}
.item-template-brfo .detail_howto_box_item_right_title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.item-template-brfo .detail_howto_box_item_right_text {
  font-size: 16px;
}

.item-template-brfo .detail_howto_container {
  margin: 65px 0 95px;
}
.item-template-brfo .detail_howto_inner {
  width: 100%;
  max-width: 760px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.item-template-brfo .detail_howto_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 100px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-brfo .detail_howto_container h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-brfo .detail_howto_box {
  width: 100%;
}
.item-template-brfo .detail_howto_box + .detail_howto_box {
  margin-top: 35px;
}
.item-template-brfo .detail_howto_box_step {
  width: 100%;
  border-bottom: solid 1px #251E1C;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 45px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;margin-bottom: 25px;
}
.item-template-brfo .detail_howto_box_step span {
  font-size: 43px;
}
.item-template-brfo .detail_howto_box_item {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 90px;
}
.item-template-brfo .detail_howto_box_item_img {
  display: block;
  width: 200px;
}
.item-template-brfo .detail_howto_box_item_right {
  width: calc(100% - 290px);
}
.item-template-brfo .detail_howto_box_item_right_title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.item-template-brfo .detail_howto_box_item_right_text {
  font-size: 16px;
}

.item-template-brfo .brfo_howto_box {
  margin: 5vh auto;
  padding: 5px 10px;
  border: 1px solid #c8c8c8;
  text-align: left;
}


.item-template-brfo .detail_other_container {
  margin-bottom: 150px;
}
.item-template-brfo .detail_other_inner {
  width: 100%;
  max-width: 1240px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.item-template-brfo .detail_other_container .aco-box {
  width: 100%;
  padding: 55px 40px;
  box-sizing: border-box;
  border-top: solid 1px #251E1C;
}
.item-template-brfo .detail_other_container .aco-box .js-aco-btn {
  width: 100%;
  position: relative;
}
.item-template-brfo .detail_other_container .aco-box .js-aco-btn::before,
.item-template-brfo .detail_other_container .aco-box .js-aco-btn::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background-color: #251E1C;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s;
}
.item-template-brfo .detail_other_container .aco-box .js-aco-btn::after {
  transform: translateY(-50%) rotate(90deg);
}
.item-template-brfo .detail_other_container .aco-box .js-aco-btn.is-active::after {
  transform: translateY(-50%);
}
.item-template-brfo .detail_other_container .aco-box .aco-ttl {
  font-size: 20px;
}
.item-template-brfo .detail_other_container .aco-box .txt {
  margin-top: 40px;
}

.item-template-brfo .detail_large_image {
	max-width: 1240px;
	margin: 0 auto;
}

.item-template-brfo .detail_voice_container {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  background-color: #F3F2EF;
  padding: 97px 0 114px;
}
.item-template-brfo .detail_voice_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 45px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-brfo .detail_voice_container h2::after {
  content: "";
  display: block;
  width: 73px;
  height: 1px;
  background-color: #8f262a;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-brfo .detail_voice_inner {
  width: 100%;
  max-width: 1000px;
  padding: 65px 37px 24px;
  box-sizing: border-box;
  margin: 0 auto;
	background: #fff;
}

.item-template-brfo .voice_flex_wrap {
    display: flex;
    justify-content: space-between;
	align-items: stretch;
    gap: 26px;
}
.item-template-brfo .voice_flex_wrap p {
    text-align: center;
}

.item-template-brfo .review {
    flex: 1;
    border: 1px solid #dddad5;
	background: #fafaf9;
	box-shadow: 3px 3px 5px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 18px 20px;
	margin-bottom: 20px;
	font-size: 18px;
}

.item-template-brfo .lined {
  line-height: 33px;
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 29px,
    #e4e4e4 29px,
    #e4e4e4 30px
  );
  background-size: 100% 33px;
	margin-bottom: 20px;
}
.item-template-brfo .lined .border {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #ffe1e1;
  text-decoration-thickness: 18px;
  text-underline-offset: -16px;
  text-decoration-skip-ink: none;
  font-weight: bold;
}
.item-template-brfo .author {
  font-size: 16px;
}

.item-template-brfo .txt_note_voice {
	text-align: center;
}

.item-template-brfo .detail_lead_text_color {
	display: block;
  color: #8f262a;
  margin-bottom: 15px;
  font-size: 25px;
  line-height: 1.4;
  font-weight: 700;
}

.item-template-brfo .image {
  margin: 0 auto 40px;
}
.item-template-brfo .point01 .image {
  width: 419px;
}
.item-template-brfo .point02 .image {
  width: 469px;
}
.item-template-brfo .point03 .image {
  width: 430px;
}
.item-template-brfo .point03 .image.image_02 {
  width: 440px;
}

.item-template-brfo .txt_note_lead {
	max-width: 720px;
	margin: 0 auto;
}
.item-template-brfo .item-detail .aco-block .notice-box .notice-box-head {
  background-color: #B60005;
}
@media only screen and (min-width: 641px){
.item-template-brfo .item-detail  {
    padding-bottom: 30px;
}
}
@media only screen and (max-width: 1000px) {
	.item-template-brfo .voice_flex_wrap {
		gap: 2.5vw;
	}
	.item-template-brfo .review {
		font-size: 1.6vw;
	}
	.item-template-brfo .lined .border {
	  text-decoration-thickness: 1.6vw;
	  text-underline-offset: -1.4vw;
	}
	.item-template-brfo .author {
		font-size: 1.6vw;
	}

}


@media only screen and (max-width: 640px) {
  .item-template-brfo .detail_lead_inner {
    max-width: 100%;
    margin: 75px auto 0;
  }
  .item-template-brfo .detail_lead_main_image {
    display: block;
    width: calc(100% + 40px);
    margin-bottom: 100px;
    margin: 0 -20px 27px;
  }
  .item-template-brfo .detail_lead_title {
    margin: 0 auto 27px;
    max-width: 300px;
  }
  .item-template-brfo .detail_lead_image {
    max-width: 333px;
    margin: 0 auto 27px;
  }
  .item-template-brfo .detail_lead_image img {
    right: 0;
  }
  .item-template-brfo .detail_lead_text {
    font-size: 14px;
    line-height: 1.714;
    margin-bottom: 27px;
  }
  .item-template-brfo .detail_lead_text_gold {
    font-size: 14px;
    line-height: 1.7142857;
  }
  .item-template-brfo .detail_lead_text_gold_big {
    font-size: 19px;
    line-height: 1.263579;
  }
  .item-template-brfo .detail_lead_image_02 {
    max-width: 330px;
    margin-bottom: 40px;
  }
  .item-template-brfo .detail_step_title {
    max-width: 335px;
    font-size: 24px;
    padding: 11px 0;
    margin-bottom: 30px;
  }
  .item-template-brfo .detail_step_title span {
    font-size: 27px;
  }
  .item-template-brfo .detail_step_wrap {
    justify-content: flex-start;
    gap: 7px;
    width: 100%;
    max-width: 335px;
    margin: 0 auto;
  }
  .item-template-brfo .detail_step_item {
    width: 78px;
    height: 95px;
  }
  .item-template-brfo .detail_step_item:not(:last-child)::after {
    background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/7dffed6c981b415c9e7fd2872e1d201e/step_arrow_sp.svg");
    bottom: 15px;
    right: -18px;
    width: 28.5px;
    height: 8px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 3;
  }
  .item-template-brfo .detail_step_item_num {
    padding-top: 10px;
    margin-bottom: 5px;
    font-size: 10px;
  }
  .item-template-brfo .detail_step_item_num span {
    font-size: 16px;
    margin-top: -5px;
  }
  .item-template-brfo .detail_step_item_text {
    font-size: 15px;
    letter-spacing: -0.01em;
  }
  .item-template-brfo .detail_point_container {
    max-width: 100%;
    margin: 40px auto 0;
    padding: 40px 8px;
    box-sizing: border-box;
  }
  .item-template-brfo .detail_point_wrap {
    max-width: 100%;
  }
  .item-template-brfo .detail_point_item {
    padding: 40px 13px;
  }
  .item-template-brfo .detail_point_item + .detail_point_item {
    margin-top: 42px;
  }
  .item-template-brfo .detail_point_num {
    font-size: 24px;
    padding: 5px 0;
    margin-bottom: 20px;
  }
  .item-template-brfo .detail_point_num span {
    font-size: 34px;
  }
  .item-template-brfo .detail_point_title {
    font-size: 22px;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
  }
  .item-template-brfo .point01 .detail_point_title sup:after,
  .item-template-brfo .point02 .detail_point_title sup:after {
    bottom: -15px;
  }
  .item-template-brfo .img_flex {
    width: 100%;
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .item-template-brfo .img_flex_wrap {
    gap: 50px;
  }
  .item-template-brfo .img_flex_item {
    max-width: 140px;
  }
  .item-template-brfo .img_flex_item p {
    font-size: 14px;
    margin-top: 5px;
  }
  .item-template-brfo .img_flex_item img {
    margin-top: 14px;
  }
  .item-template-brfo .img_flex_item:first-child::after,
  .item-template-brfo .img_flex_item:first-child::before {
    top: 40%;
    right: -45px;
  }
  .item-template-brfo .detail_point_item .txt {
    margin-bottom: 20px;
  }
  .item-template-brfo .img_flex2 {
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .item-template-brfo .img_flex2_wrap {
    gap: 5px;
    left: 10px;
  }
  .item-template-brfo .img_flex2_item {
    max-width: 112px;
  }
  .item-template-brfo .img_flex2_item p {
    font-size: 14px;
    margin-top: -5px;
    margin-left: -10px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: -0.1em;
  }
  .item-template-brfo .img_flex2_item p sup {
    letter-spacing: 0;
  }
  .item-template-brfo .img_flex2_item .img_flex2_item_image {
    margin-top: 14px;
  }
  .item-template-brfo .img_border_flex {
    margin: 0 auto 20px;
    max-width: 335px;
  }
  .item-template-brfo .img_border_flex_wrap {
    gap: 15px;
  }
  .item-template-brfo .img_border_flex_item {
    max-width: 160px;
    width: calc((100% - 15px) / 2);
    padding: 20px 5px 10px;
    margin-top: 15px;
  }
  .item-template-brfo .img_border_flex_item_hdg {
    width: calc(100% - 20px);
    padding: 5.5px 5px;
    top: -15px;
    font-size: 14px;
  }
  .item-template-brfo .img_border_flex_item_image {
    max-width: 100px;
  }
  .item-template-brfo .img_border_flex_item_title {
    font-size: 14px;
    margin-bottom: 5px;
    min-height: 51px;
  }
  .item-template-brfo .img_border_flex_item_title sup {
    letter-spacing: 0;
  }
  .item-template-brfo .img_border_flex_item_title .normal {
    margin-left: auto;
  }
  .item-template-brfo .img_border_flex_item_title .small {
    font-size: 10px;
    display: block;
    text-align: right;
  }
  .item-template-brfo .img_border_flex_item_text {
    font-size: 14px;
  }
  .item-template-brfo .detail_point_box {
    padding: 20px;
    margin-bottom: 20px;
  }
  .item-template-brfo .detail_point_box_title {
    font-size: 17px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .item-template-brfo .detail_point_box_list li + li {
    margin-top: 20px;
  }
  .item-template-brfo .detail_point_box_list_title {
    font-size: 14px;
  }
  .item-template-brfo .detail_point_box_list_text {
    font-size: 14px;
    line-height: 1.375;
  }
  .item-template-brfo .ingredient_flex {
    gap: 15px 20px;
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .item-template-brfo .ingredient_flex_item {
    width: 95px;
    height: 95px;
    font-size: 16px;
  }
  .item-template-brfo .detail_howto_container {
    margin: 75px 0;
  }
  .item-template-brfo .detail_howto_inner {
    max-width: 100%;
  }
  .item-template-brfo .detail_voice_container h2,
  .item-template-brfo .detail_howto_container h2 {
    font-size: 24px;
    padding-bottom: 30px;
  }
  .item-template-brfo .detail_howto_container h2::after {
    width: 65px;
  }
  .item-template-brfo .detail_howto_box + .detail_howto_box {
    margin-top: 60px;
  }
  .item-template-brfo .detail_howto_box_step {
    font-size: 16px;
  }
  .item-template-brfo .detail_howto_box_step span {
    font-size: 24px;
  }
  .item-template-brfo .detail_howto_box_item {
    max-width: 100%;
    gap: 25px;
  }
  .item-template-brfo .detail_howto_box_item_img {
    width: 100px;
  }
  .item-template-brfo .detail_howto_box_item_right {
    width: calc(100% - 125px);
  }
  .item-template-brfo .detail_howto_box_item_right_title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .item-template-brfo .detail_howto_box_item_right_text {
    font-size: 14px;
  }
  .item-template-brfo .detail_other_container {
    margin-bottom: 75px;
  }
  .item-template-brfo .detail_other_inner {
    max-width: 100%;
  }
  .item-template-brfo .detail_other_container .aco-box {
    padding: 30px 0 50px;
  }
  .item-template-brfo .detail_other_container .aco-box .aco-ttl {
    font-size: 16px;
  }
  .item-template-brfo .detail_other_container .aco-box .txt {
    margin-top: 50px;
    font-size: 10px;
  }
  .item-template-brfo .detail_other_container .aco-box .js-aco-btn::before,
  .item-template-brfo .detail_other_container .aco-box .js-aco-btn::after {
    content: "";
    display: block;
    width: 24px;
    height: 1px;
    background-color: #251E1C;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s;
  }
  .item-template-brfo .detail_other_container .aco-box .js-aco-btn::after {
    transform: translateY(-50%) rotate(90deg);
  }
  .item-template-brfo .detail_other_container .aco-box .js-aco-btn.is-active::after {
    transform: translateY(-50%);
  }

	.item-template-brfo .detail_lead_text_color {
		font-size: 19px;
		line-height: 1.263579;
	}


	.item-template-brfo .image {
	  margin: 0 auto 30px;
	}

	.item-template-brfo .point01 .image {
	  width: 85%;
	}
	.item-template-brfo .point02 .image {
	  padding-left: 4%;
	  margin: 0 0 30px;
	  width: 100%;
	}
	.item-template-brfo .point03 .image,
	.item-template-brfo .point03 .image.image_02 {
	  width: 100%;
	}
	.item-template-brfo .point03 .image.image_02 {
	  margin-top: 40px;
	}

	.item-template-brfo .txt_note_lead {
		max-width: none;
	}

	.item-template-brfo .detail_voice_container h2::after {
	  width: 50px;
	}

	.item-template-brfo .voice_flex_wrap {
		display: block;
	}
	.item-template-brfo .txt_note_voice {
		text-align: left;
	}


	.item-template-brfo .review {
		font-size: 3.7vw;
		padding: 30px 12px 20px;
	}

	.item-template-brfo .lined .border {
	  text-decoration-thickness: 3.4vw;
	  text-underline-offset: -3.1vw;
	}
	.item-template-brfo .lined {
	  line-height: 2;
	  background-image: repeating-linear-gradient(
		to bottom,
		transparent 0,
		transparent calc(1.9em - 1px),
		#e4e4e4 calc(1.9em - 1px),
		#e4e4e4 1.9em
	  );
	  background-size: 100% 2em;
	}
	.item-template-brfo .author {
		font-size: 3.4vw;
	}
}
.item-template-brfo .item-detail .movie-wrap {
  margin-top: 0;
  margin-bottom: 100px;
}
@media only screen and (max-width: 640px) {
  .item-template-brfo .item-detail .movie-wrap {
    margin-bottom: 60px;
  }
}
.item-template-dems .detail_lead_inner {
  width: 100%;
  max-width: 1040px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 135px auto 0;
}
.item-template-dems .detail_lead_main_image {
  display: block;
  width: 100%;
  margin-bottom: 56px;
}
.item-template-dems .detail_lead_main_image img {
  display: block;
  width: 100%;
}
.item-template-dems .detail_lead_title {
  margin: 0 auto 45px;
  width: 100%;
  max-width: 800px;
}
.item-template-dems .detail_lead_image {
  width: 100%;
  max-width: 567px;
  margin: 0 auto 35px;
}
.item-template-dems .detail_lead_image img {
  display: block;
  width: 100%;
  position: relative;
  right: -37px;
}
.item-template-dems .detail_lead_text {
  text-align: center;
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: 45px;
}
.item-template-dems .detail_lead_text_gold {
  display: block;
  color: #D7A74C;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 2.1;
  font-weight: 700;
}
.item-template-dems .detail_lead_text_gold_big {
  font-size: 24px;
  line-height: 1.7916667;
}
.item-template-dems .detail_lead_image_02 {
  max-width: 560px;
  width: 100%;
  margin: 0 auto 24px;
}
.item-template-dems .detail_lead_image_02 img {
  margin-bottom: 5px;
  width: 100%;
}
.item-template-dems .detail_lead_image_02 .note {
  text-align: right;
  display: block;
}

.item-template-dems .detail_point_container {
  max-width: 1240px;
  width: 100%;
  margin: 56px auto 0;
  background-color: #F3F2EF;
  padding: 97px 0 114px;
}
.item-template-dems .detail_point_wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 720px;
}
.item-template-dems .detail_point_item {
  width: 100%;
  padding: 50px 100px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.item-template-dems .detail_point_item + .detail_point_item {
  margin-top: 30px;
}
.item-template-dems .detail_point_num {
  font-size: 30px;
  text-align: center;
  font-weight: 400;
  line-height: 1;
  color: #ffffff;
  background-color: #7D8BA2;
  padding: 11px 0;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 3px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  letter-spacing: 0.05em;
}
.item-template-dems .detail_point_num span {
  font-size: 40px;
}
.item-template-dems .detail_point_title {
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 35px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}

.item-template-dems .ingredient_flex {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 20px 30px;
  flex-wrap: wrap;
  margin-bottom: 58px;
}
.item-template-dems .ingredient_flex_item {
  display: flex;
    align-items: center;
    justify-content: center;
    width: 135px;
    height: 135px;
    text-align: center;
    color: #ffffff;
    font-size: 21px;
    line-height: 1;
    background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/642d08a76ecc4dac8e17e9929194ba03/dems__ingredient-bg03.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.item-template-dems .detail_point_title .border {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #E1E8F4;
  text-decoration-thickness: 24px;
  text-underline-offset: -10px;
  display: inline-block;
  z-index: 3;
}
.item-template-dems .detail_point_title .border2 {
  position: relative;
  display: inline-block;
  z-index: 3;
}
.item-template-dems .detail_point_title .border3 {
  position: relative;
  display: inline-block;
  z-index: 3;
}

.item-template-dems .point01 .detail_point_title sup,
.item-template-dems .point02 .detail_point_title sup {
  position: relative;
}
.item-template-dems .point01 .detail_point_title sup span,
.item-template-dems .point02 .detail_point_title sup span {
  position: relative;
  z-index: 2;
}
.item-template-dems .point01 .detail_point_title sup:after,
.item-template-dems .point02 .detail_point_title sup:after {
  content: "";
  width: 100%;
  height: 20px;
  background-color: #E1E8F4;
  position: absolute;
  bottom: -19px !important;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 640px) {
	.item-template-dems .point01 .detail_point_title sup:after,
.item-template-dems .point02 .detail_point_title sup:after {
  bottom: -19.5px !important;
}
}
.item-template-dems .point01 .detail_point_title .under_line:after{
  content: "";
  width: 100%;
  height: 24px;
  background-color: #E1E8F4;
  position: absolute;
  bottom: 1px !important;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 640px) {
	.item-template-dems .point01 .detail_point_title .under_line:after{
  content: "";
  width: 100%;
  height: 20px;
  background-color: #E1E8F4;
  position: absolute;
  bottom: 1px !important;
  left: 0;
  z-index: -1;
}
}
.item-template-dems .point02 .detail_point_title .under_line:after{
  content: "";
  width: 100%;
  height: 24px;
  background-color: #E1E8F4;
  position: absolute;
  bottom: 1px !important;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 640px) {
	.item-template-dems .point02 .detail_point_title .under_line:after{
  content: "";
  width: 100%;
  height: 20px;
  background-color: #E1E8F4;
  position: absolute;
  bottom: 1px !important;
  left: 0;
  z-index: -1;
}
}
.item-template-dems .txt_note {
  display: block;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
}

.item-template-dems .detail_point_item .txt {
  margin-bottom: 55px;
}
.item-template-dems .detail_point_item .no_attention{
  margin-bottom: 14px;
}
.item-template-dems .detail_howto_container {
  margin: 65px 0 95px;
}
.item-template-dems .detail_howto_inner {
  width: 100%;
  max-width: 760px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.item-template-dems .detail_howto_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 100px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-dems .detail_howto_container h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-dems .detail_howto_box {
  width: 100%;
}
.item-template-dems .detail_howto_box + .detail_howto_box {
  margin-top: 35px;
}
.item-template-dems .detail_howto_box_step {
  width: 100%;
  border-bottom: solid 1px #251E1C;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 45px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;margin-bottom: 25px;
}
.item-template-dems .detail_howto_box_step span {
  font-size: 43px;
}
.item-template-dems .detail_howto_box_item {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 90px;
}
.item-template-dems .detail_howto_box_item_img {
  display: block;
  width: 200px;
}
.item-template-dems .detail_howto_box_item_right {
  width: calc(100% - 290px);
}
.item-template-dems .detail_howto_box_item_right_title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.item-template-dems .detail_howto_box_item_right_text {
  font-size: 16px;
}

.item-template-dems .detail_howto_container {
  margin: 65px 0 95px;
}
.item-template-dems .detail_howto_inner {
  width: 100%;
  max-width: 760px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.item-template-dems .detail_howto_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 100px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-dems .detail_howto_container h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-dems .detail_howto_box {
  width: 100%;
}
.item-template-dems .detail_howto_box + .detail_howto_box {
  margin-top: 35px;
}
.item-template-dems .detail_howto_box_step {
  width: 100%;
  border-bottom: solid 1px #251E1C;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 45px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;margin-bottom: 25px;
}
.item-template-dems .detail_howto_box_step span {
  font-size: 43px;
}
.item-template-dems .detail_howto_box_item {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 90px;
}
.item-template-dems .detail_howto_box_item_img {
  display: block;
  width: 200px;
}
.item-template-dems .detail_howto_box_item_right {
  width: calc(100% - 290px);
}
.item-template-dems .detail_howto_box_item_right_title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.item-template-dems .detail_howto_box_item_right_text {
  font-size: 16px;
}

.item-template-dems .howto_box_check {
	background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/aa67759bd8d74740971d3a836077e627/dot_frame.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	    height: 320px;
}
@media only screen and (max-width: 640px) {
	.item-template-dems .howto_box_check {
	background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/388757284f214111987a3e4b5ad002a5/dot_frame_sp.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	    height: 32vh;
}
}
@media only screen and (max-width: 375px){
	.item-template-dems .howto_box_check {
		background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/ba95439c36784dc2b455fc45c03a67cc/dot_frame_sp2.png");
		background-size: 100% auto;
		background-repeat: no-repeat;
	    height: 44vh;
}
}
.item-template-dems .howto_box_check .detail_howto_box_step {
    width: 100%;
    border-bottom: none;
    font-size: 34px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    padding-bottom: 0;
    margin-bottom: 45px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
    margin-bottom: 16px;
	padding-top: 38px;
}
.item-template-dems .howto_box_check .detail_howto_box_item_right_title {
    font-size: 24px;
    font-weight: 500;
	margin-top: 32px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 640px) {
	.item-template-dems .howto_box_check .detail_howto_box_step {
    width: 100%;
    border-bottom: none;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    padding-bottom: 0;
    margin-bottom: 45px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
    margin-bottom: 4px;
	padding-top: 32px;
}
	.item-template-dems .howto_box_check .detail_howto_box_item_right_title {
    font-size: 18px;
		        margin-top: 0;
        margin-bottom: 10px;
}
}
.item-template-dems .brfo_howto_box {
  margin: 5vh auto;
  padding: 5px 10px;
  border: 1px solid #c8c8c8;
  text-align: left;
}
.item-template-dems .movie_container{
	width: 512px;
	margin: 0 auto 24px!important;
}
@media only screen and (max-width: 640px) {
	.item-template-dems .movie_container{
	width: 95%!important;
	margin: 0 auto 16px!important;
}
}
.item-template-dems .detail_other_container {
  margin-bottom: 150px;
}
.item-template-dems .detail_other_inner {
  width: 100%;
  max-width: 1240px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.item-template-dems .detail_other_container .aco-box {
  width: 100%;
  padding: 55px 40px;
  box-sizing: border-box;
  border-top: solid 1px #251E1C;
}
.item-template-dems .detail_other_container .aco-box .js-aco-btn {
  width: 100%;
  position: relative;
}
.item-template-dems .detail_other_container .aco-box .js-aco-btn::before,
.item-template-dems .detail_other_container .aco-box .js-aco-btn::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background-color: #251E1C;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s;
}
.item-template-dems .detail_other_container .aco-box .js-aco-btn::after {
  transform: translateY(-50%) rotate(90deg);
}
.item-template-dems .detail_other_container .aco-box .js-aco-btn.is-active::after {
  transform: translateY(-50%);
}
.item-template-dems .detail_other_container .aco-box .aco-ttl {
  font-size: 20px;
}
.item-template-dems .detail_other_container .aco-box .txt {
  margin-top: 40px;
}

.item-template-dems .detail_large_image {
	max-width: 1240px;
	margin: 0 auto;
}

.item-template-dems .detail_voice_container {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  background-color: #F3F2EF;
  padding: 97px 0 114px;

}
@media only screen and (max-width: 640px) {
	.item-template-dems .detail_voice_container {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  background-color: #F3F2EF;
	padding: 0;
}
}
.item-template-dems .detail_voice_container h2 {
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 45px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-dems .detail_voice_container h2::after {
  content: "";
  display: block;
  width: 73px;
  height: 1px;
  background-color: #6D7DA2;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-dems .detail_voice_inner {
  width: 100%;
  max-width: 1000px;
  padding: 65px 37px 48px;
  box-sizing: border-box;
  margin: 0 auto;
	background: #fff;
}

.item-template-dems .voice_flex_wrap {
    display: flex;
    justify-content: space-between;
	align-items: stretch;
    gap: 26px;
}
.item-template-dems .voice_flex_wrap p {
    text-align: center;
}

.item-template-dems .review {
    flex: 1;
    border: 1px solid #dddad5;
	background: #fafaf9;
	box-shadow: 3px 3px 5px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 18px 20px;
	margin-bottom: 20px;
	font-size: 18px;
}

.item-template-dems .lined {
  line-height: 33px;
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 29px,
    #e4e4e4 29px,
    #e4e4e4 30px
  );
  background-size: 100% 33px;
	margin-bottom: 20px;
}
.item-template-dems .lined .border {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #E1E8F4;
  text-decoration-thickness: 18px;
  text-underline-offset: -16px;
  text-decoration-skip-ink: none;
  font-weight: bold;
}
.item-template-dems .author {
  font-size: 16px;
}

.item-template-dems .txt_note_voice {
	text-align: center;
}

.item-template-dems .detail_lead_text_color {
	display: block;
  color: #4270B8;
  margin-bottom: 15px;
  font-size: 25px;
  line-height: 1.4;
  font-weight: 700;
}
.item-template-dems .point01 .attention {
  font-size: 10px;
	text-align: center;
	padding-top: 6px;
}
.item-template-dems .image {
  margin: 0 auto 40px;
}
.item-template-dems .point01 .image {
  width: 470px;
}
.item-template-dems .point02 {
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/da6b22f2b6e241249e4be91285953d68/point02_bg.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
}
@media only screen and (max-width: 640px) {
	.item-template-dems .point02 {
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/66478b35b87b42e3b020c1afa22ebc88/point02_bg_sp.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
}
}
@media only screen and (max-width: 400px) {
	.item-template-dems .point02 {
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/f6afbd68a21345d394fc6672663d2e84/point02_bg_sp2.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
}
}
.item-template-dems .point02_space{
	width: 469px;
	height: 364px;
	margin: 0 auto 40px;
}
@media only screen and (max-width: 640px) {
	.item-template-dems .point02_space{
	width: 100%;
        height: 73vw;
        margin: 0 auto;
}
}
@media only screen and (max-width: 400px){
	.item-template-dems .point02_space{
	height: 74vw;
}
}
.item-template-dems .point03 {
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/f58f8115a7854181a3ebae6ab038d5b2/point03_bg.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
}
@media only screen and (max-width: 640px) {
	.item-template-dems .point03 {
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/1159a662cfea45b69db54931905db178/point03_bg_sp.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
}
}
@media only screen and (max-width: 400px) {
	.item-template-dems .point03 {
	background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/027afabb7ca946558781bf4ad2aace47/point03_bg_sp2.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top 40px left;
	position: relative;
}
}
.item-template-dems .point03_space{
	width: 469px;
	height: 352px;
	margin: 0 auto 40px;
}
.item-template-dems .point03_kakushitsusou{
	position: absolute;
    right: 2%;
    top: 60.5%;
    color: #A4A0A0;
    font-size: 17px;
}
@media only screen and (max-width: 640px) {
	.item-template-dems .point03_space{
	width: 100%;
	height: 62vw;
	margin: 0 auto;
}
	.item-template-dems .point03_kakushitsusou{
		writing-mode: vertical-rl;
	position: absolute;
    right: 2%;
    top: 86vw;
    color: #A4A0A0;
    font-size: 12px;
}
}
@media only screen and (max-width: 400px){
	.item-template-dems .point03_space{
	height: 62vw;
}
	.item-template-dems .point03_kakushitsusou{
	writing-mode: vertical-rl;
	top: 102vw;
}
}
.item-template-dems .point04 .image {
    width: 532px;
}
@media only screen and (max-width: 640px) {
	.item-template-dems .point04 .image {
    width: 85%;
}
}
.item-template-dems .point04 .image img{
    width: 100%;
}
.item-template-dems .point02 .image {
  width: 469px;

}
.item-template-dems .point03 .image {
  width: 430px;
}
.item-template-dems .point03 .image.image_02 {
  width: 440px;
}

.item-template-dems .txt_note_lead {
	max-width: 560px;
	margin: 0 auto;
}
.item-template-dems .item-detail .aco-block .notice-box .notice-box-head {
  background-color: #B60005;
}
@media only screen and (min-width: 641px){
.item-template-dems .item-detail  {
    padding-bottom: 30px;
}
}
@media only screen and (max-width: 1000px) {
	.item-template-dems .voice_flex_wrap {
		gap: 2.5vw;
	}
	.item-template-dems .review {
		font-size: 1.6vw;
	}
	.item-template-dems .lined .border {
	  text-decoration-thickness: 1.6vw;
	  text-underline-offset: -1.4vw;
	}
	.item-template-dems .author {
		font-size: 1.6vw;
	}

}
.item-template-dems .pcnone {
  display: none!important;
}
.item-template-dems .spnone {
  display: block!important;
}
@media only screen and (max-width: 640px) {
.item-template-dems .pcnone {
    display: block!important;
  }
  .item-template-dems .spnone {
    display: none!important;
  }
  .item-template-dems .detail_lead_inner {
    max-width: 100%;
    margin: 75px auto 0;
  }
  .item-template-dems .detail_lead_main_image {
    display: block;
    width: calc(100% + 40px);
    margin-bottom: 100px;
    margin: 0 -20px 27px;
  }
  .item-template-dems .detail_lead_title {
    margin: 0 auto 27px;
    max-width: 300px;
  }
  .item-template-dems .detail_lead_image {
    max-width: 333px;
    margin: 0 auto 27px;
  }
  .item-template-dems .detail_lead_image img {
    right: 0;
  }
  .item-template-dems .detail_lead_text {
    font-size: 14px;
    line-height: 1.714;
    margin-bottom: 27px;
  }
  .item-template-dems .detail_lead_text_gold {
    font-size: 14px;
    line-height: 1.7142857;
  }
  .item-template-dems .detail_lead_text_gold_big {
    font-size: 19px;
    line-height: 1.263579;
  }
  .item-template-dems .detail_lead_image_02 {
    max-width: 96%;
    margin-bottom: 40px;
  }
  .item-template-dems .detail_step_title {
    max-width: 335px;
    font-size: 24px;
    padding: 11px 0;
    margin-bottom: 30px;
  }
  .item-template-dems .detail_step_title span {
    font-size: 27px;
  }
  .item-template-dems .detail_step_wrap {
    justify-content: flex-start;
    gap: 7px;
    width: 100%;
    max-width: 335px;
    margin: 0 auto;
  }
  .item-template-dems .detail_step_item {
    width: 78px;
    height: 95px;
  }
  .item-template-dems .detail_step_item:not(:last-child)::after {
    background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/7dffed6c981b415c9e7fd2872e1d201e/step_arrow_sp.svg");
    bottom: 15px;
    right: -18px;
    width: 28.5px;
    height: 8px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 3;
  }
  .item-template-dems .detail_step_item_num {
    padding-top: 10px;
    margin-bottom: 5px;
    font-size: 10px;
  }
  .item-template-dems .detail_step_item_num span {
    font-size: 16px;
    margin-top: -5px;
  }
  .item-template-dems .detail_step_item_text {
    font-size: 15px;
    letter-spacing: -0.01em;
  }
  .item-template-dems .detail_point_container {
    max-width: 100%;
    margin: 40px auto 0;
    padding: 40px 8px;
    box-sizing: border-box;
  }
  .item-template-dems .detail_point_wrap {
    max-width: 100%;
  }
  .item-template-dems .detail_point_item {
    padding: 40px 13px;
  }
  .item-template-dems .detail_point_item + .detail_point_item {
    margin-top: 42px;
  }
  .item-template-dems .detail_point_num {
    font-size: 24px;
    padding: 5px 0;
    margin-bottom: 20px;
  }
  .item-template-dems .detail_point_num span {
    font-size: 34px;
  }
  .item-template-dems .detail_point_title {
    font-size: 24px;
    margin-bottom: 24px;
    letter-spacing: 0.02em;
  }
  .item-template-dems .point01 .detail_point_title sup:after,
  .item-template-dems .point02 .detail_point_title sup:after {
    bottom: -15px;
  }
  .item-template-dems .img_flex {
    width: 100%;
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .item-template-dems .img_flex_wrap {
    gap: 50px;
  }
  .item-template-dems .img_flex_item {
    max-width: 140px;
  }
  .item-template-dems .img_flex_item p {
    font-size: 14px;
    margin-top: 5px;
  }
  .item-template-dems .img_flex_item img {
    margin-top: 14px;
  }
  .item-template-dems .img_flex_item:first-child::after,
  .item-template-dems .img_flex_item:first-child::before {
    top: 40%;
    right: -45px;
  }
  .item-template-dems .detail_point_item .txt {
    margin-bottom: 20px;
  }
  .item-template-dems .img_flex2 {
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .item-template-dems .img_flex2_wrap {
    gap: 5px;
    left: 10px;
  }
  .item-template-dems .img_flex2_item {
    max-width: 112px;
  }
  .item-template-dems .img_flex2_item p {
    font-size: 14px;
    margin-top: -5px;
    margin-left: -10px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: -0.1em;
  }
  .item-template-dems .img_flex2_item p sup {
    letter-spacing: 0;
  }
  .item-template-dems .img_flex2_item .img_flex2_item_image {
    margin-top: 14px;
  }
  .item-template-dems .img_border_flex {
    margin: 0 auto 20px;
    max-width: 335px;
  }
  .item-template-dems .img_border_flex_wrap {
    gap: 15px;
  }
  .item-template-dems .img_border_flex_item {
    max-width: 160px;
    width: calc((100% - 15px) / 2);
    padding: 20px 5px 10px;
    margin-top: 15px;
  }
  .item-template-dems .img_border_flex_item_hdg {
    width: calc(100% - 20px);
    padding: 5.5px 5px;
    top: -15px;
    font-size: 14px;
  }
  .item-template-dems .img_border_flex_item_image {
    max-width: 100px;
  }
  .item-template-dems .img_border_flex_item_title {
    font-size: 14px;
    margin-bottom: 5px;
    min-height: 51px;
  }
  .item-template-dems .img_border_flex_item_title sup {
    letter-spacing: 0;
  }
  .item-template-dems .img_border_flex_item_title .normal {
    margin-left: auto;
  }
  .item-template-dems .img_border_flex_item_title .small {
    font-size: 10px;
    display: block;
    text-align: right;
  }
  .item-template-dems .img_border_flex_item_text {
    font-size: 14px;
  }
  .item-template-dems .detail_point_box {
    padding: 20px;
    margin-bottom: 20px;
  }
  .item-template-dems .detail_point_box_title {
    font-size: 17px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .item-template-dems .detail_point_box_list li + li {
    margin-top: 20px;
  }
  .item-template-dems .detail_point_box_list_title {
    font-size: 14px;
  }
  .item-template-dems .detail_point_box_list_text {
    font-size: 14px;
    line-height: 1.375;
  }
  .item-template-dems .ingredient_flex {
    gap: 15px 20px;
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .item-template-dems .ingredient_flex_item {
    width: 95px;
    height: 95px;
    font-size: 16px;
  }
  .item-template-dems .detail_howto_container {
    margin: 40px 0 75px;
  }
  .item-template-dems .detail_howto_inner {
    max-width: 100%;
  }
  .item-template-dems .detail_voice_container h2,
  .item-template-dems .detail_howto_container h2 {
    font-size: 26px;
    padding-bottom: 30px;
  }
  .item-template-dems .detail_howto_container h2::after {
    width: 65px;
  }
  .item-template-dems .detail_howto_box + .detail_howto_box {
    margin-top: 60px;
  }
  .item-template-dems .detail_howto_box_step {
    font-size: 16px;
  }
  .item-template-dems .detail_howto_box_step span {
    font-size: 24px;
  }
  .item-template-dems .detail_howto_box_item {
    max-width: 100%;
    gap: 25px;
	  padding: 12px 16px 0;
  }
  .item-template-dems .detail_howto_box_item_img {
    width: 100px;
  }
  .item-template-dems .detail_howto_box_item_right {
    width: calc(100% - 100px);
  }
  .item-template-dems .detail_howto_box_item_right_title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .item-template-dems .detail_howto_box_item_right_text {
    font-size: 14px;
  }
  .item-template-dems .detail_other_container {
    margin-bottom: 75px;
  }
  .item-template-dems .detail_other_inner {
    max-width: 100%;
  }
  .item-template-dems .detail_other_container .aco-box {
    padding: 30px 0 50px;
  }
  .item-template-dems .detail_other_container .aco-box .aco-ttl {
    font-size: 16px;
  }
  .item-template-dems .detail_other_container .aco-box .txt {
    margin-top: 50px;
    font-size: 10px;
  }
  .item-template-dems .detail_other_container .aco-box .js-aco-btn::before,
  .item-template-dems .detail_other_container .aco-box .js-aco-btn::after {
    content: "";
    display: block;
    width: 24px;
    height: 1px;
    background-color: #251E1C;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s;
  }
  .item-template-dems .detail_other_container .aco-box .js-aco-btn::after {
    transform: translateY(-50%) rotate(90deg);
  }
  .item-template-dems .detail_other_container .aco-box .js-aco-btn.is-active::after {
    transform: translateY(-50%);
  }

	.item-template-dems .detail_lead_text_color {
		font-size: 19px;
		line-height: 1.563579;
	}


	.item-template-dems .image {
	  margin: 0 auto 30px;
		width: 532px;
	}

	.item-template-dems .point01 .image,
	.item-template-dems .point05 .image {
	  width: 100%;
	}
	.item-template-dems .point02 .image {
	  padding-left: 4%;
	  margin: 0 0 30px;
	  width: 100%;
	}
	.item-template-dems .point03 .image,
	.item-template-dems .point03 .image.image_02 {
	  width: 100%;
	}
	.item-template-dems .point03 .image.image_02 {
	  margin-top: 40px;
	}

	.item-template-dems .txt_note_lead {
		max-width: none;
	}

	.item-template-dems .detail_voice_container h2::after {
	  width: 50px;
	}
	.item-template-dems .voice_flex_wrap {
		display: block;
	}
	.item-template-dems .txt_note_voice {
		text-align: left;
	}
	.item-template-dems .review {
		font-size: 3.7vw;
		padding: 30px 12px 20px;
	}
	.item-template-dems .lined .border {
	  text-decoration-thickness: 3.4vw;
	  text-underline-offset: -3.1vw;
	}
	.item-template-dems .lined {
	  line-height: 2;
	  background-image: repeating-linear-gradient(
		to bottom,
		transparent 0,
		transparent calc(1.9em - 1px),
		#e4e4e4 calc(1.9em - 1px),
		#e4e4e4 1.9em
	  );
	  background-size: 100% 2em;
	}
	.item-template-dems .author {
		font-size: 3.4vw;
	}
}
.item-template-ntem .detail_lead_inner {
  width: 100%;
  max-width: 1040px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 135px auto 0;
}
.item-template-ntem .detail_lead_main_image {
  display: block;
  width: 100%;
  margin-bottom: 56px;
}
.item-template-ntem .detail_lead_main_image img {
  display: block;
  width: 100%;
}
.item-template-ntem .detail_lead_title {
  margin: 0 auto 45px;
  width: 100%;
  max-width: 800px;
}
.item-template-ntem .detail_lead_image {
  width: 100%;
  max-width: 567px;
  margin: 0 auto 35px;
}
.item-template-ntem .detail_lead_image img {
  display: block;
  width: 100%;
  position: relative;
  right: -37px;
}
.item-template-ntem .detail_lead_text {
  text-align: center;
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: 45px;
}
.item-template-ntem .detail_lead_text_gold {
  display: block;
  color: #D7A74C;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 2.1;
  font-weight: 700;
}
.item-template-ntem .detail_lead_text_gold_big {
  font-size: 24px;
  line-height: 1.7916667;
}
.item-template-ntem .detail_lead_image_02 {
  max-width: 560px;
  width: 100%;
  margin: 0 auto 24px;
}
.item-template-ntem .detail_lead_image_02 img {
  margin-bottom: 5px;
  width: 100%;
}
.item-template-ntem .detail_lead_image_02 .note {
  text-align: right;
  display: block;
}

.item-template-ntem .detail_point_container {
  max-width: 1240px;
  width: 100%;
  margin: 56px auto 0;
  background-color: #F3F2EF;
  padding: 97px 0 114px;
}
.item-template-ntem .detail_point_wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 720px;
}
.item-template-ntem .detail_point_item {
  width: 100%;
  padding: 50px 100px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.item-template-ntem .detail_point_item + .detail_point_item {
  margin-top: 30px;
}
.item-template-ntem .detail_point_num {
  font-size: 30px;
  text-align: center;
  font-weight: 400;
  line-height: 1;
  color: #ffffff;
  background-color: #8f87b1;
  padding: 11px 0;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 3px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  letter-spacing: 0.05em;
}
.item-template-ntem .detail_point_num span {
  font-size: 40px;
}
.item-template-ntem .detail_point_title {
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 35px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}

.item-template-ntem .ingredient_flex {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 20px 30px;
  flex-wrap: wrap;
  margin-bottom: 58px;
}
.item-template-ntem .ingredient_flex_item {
  display: flex;
    align-items: center;
    justify-content: center;
    width: 135px;
    height: 135px;
    text-align: center;
    color: #ffffff;
    font-size: 27px;
    line-height: 1.2;
    background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/0c840cf1cd3f4cf586e3a1f84165538a/ingredient_bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.item-template-ntem .detail_point_title .border {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #edecf3;
  text-decoration-thickness: 24px;
  text-underline-offset: -10px;
  display: inline-block;
  z-index: 3;
}
.item-template-ntem .detail_point_title .border2 {
  position: relative;
  display: inline-block;
  z-index: 3;
}
.item-template-ntem .detail_point_title .border3 {
  position: relative;
  display: inline-block;
  z-index: 3;
}

.item-template-ntem .point01 .detail_point_title sup,
.item-template-ntem .point02 .detail_point_title sup {
  position: relative;
}
.item-template-ntem .point01 .detail_point_title sup span,
.item-template-ntem .point02 .detail_point_title sup span {
  position: relative;
  z-index: 2;
}
.item-template-ntem .point01 .detail_point_title sup:after,
.item-template-ntem .point02 .detail_point_title sup:after {
  content: "";
  width: 100%;
  height: 20px;
  background-color: #edecf3;
  position: absolute;
  bottom: -19px !important;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 640px) {
	.item-template-ntem .point01 .detail_point_title sup:after,
.item-template-ntem .point02 .detail_point_title sup:after {
  bottom: -19.5px !important;
}
}
.item-template-ntem .point01 .detail_point_title .under_line:after{
  content: "";
  width: 100%;
  height: 24px;
  background-color: #edecf3;
  position: absolute;
  bottom: 1px !important;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 640px) {
	.item-template-ntem .point01 .detail_point_title .under_line:after{
  content: "";
  width: 100%;
  height: 20px;
  background-color: #edecf3;
  position: absolute;
  bottom: 1px !important;
  left: 0;
  z-index: -1;
}
}
.item-template-ntem .point02 .detail_point_title .under_line:after{
  content: "";
  width: 100%;
  height: 24px;
  background-color: #edecf3;
  position: absolute;
  bottom: 1px !important;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 640px) {
	.item-template-ntem .point02 .detail_point_title .under_line:after{
  content: "";
  width: 100%;
  height: 20px;
  background-color: #edecf3;
  position: absolute;
  bottom: 1px !important;
  left: 0;
  z-index: -1;
}
}
.item-template-ntem .txt_note {
  display: block;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
}

.item-template-ntem .detail_point_item .txt {
  margin-bottom: 55px;
}
.item-template-ntem .detail_point_item .no_attention{
  margin-bottom: 14px;
}
.item-template-ntem .detail_howto_container {
  margin: 65px 0 95px;
}
.item-template-ntem .detail_howto_inner {
  width: 100%;
  max-width: 760px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.item-template-ntem .detail_howto_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 100px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-ntem .detail_howto_container h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-ntem .detail_howto_box {
  width: 100%;
}
.item-template-ntem .detail_howto_box + .detail_howto_box {
  margin-top: 35px;
}
.item-template-ntem .detail_howto_box_step {
  width: 100%;
  border-bottom: solid 1px #251E1C;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  padding-bottom: 20px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
	margin-bottom: 25px;
}
.item-template-ntem .detail_howto_box_step span {
  font-size: 43px;
}
.item-template-ntem .detail_howto_box_item {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 90px;
}
.item-template-ntem .detail_howto_box_item_img {
  display: block;
  width: 200px;
}
.item-template-ntem .detail_howto_box_item_right {
  width: calc(100% - 290px);
}
.item-template-ntem .detail_howto_box_item_right_title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.item-template-ntem .detail_howto_box_item_right_text {
  font-size: 16px;
}

.item-template-ntem .detail_howto_container {
  margin: 65px 0 95px;
}
.item-template-ntem .detail_howto_inner {
  width: 100%;
  max-width: 760px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.item-template-ntem .detail_howto_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 100px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-ntem .detail_howto_container h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-ntem .detail_howto_box {
  width: 100%;
}
.item-template-ntem .detail_howto_box + .detail_howto_box {
  margin-top: 35px;
}
.item-template-ntem .detail_howto_box_step {
  width: 100%;
  border-bottom: solid 1px #251E1C;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  padding-bottom: 20px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
	margin-bottom: 25px;
}
.item-template-ntem .detail_howto_box_step span {
  font-size: 43px;
}
.item-template-ntem .detail_howto_box_item {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 90px;
}
.item-template-ntem .detail_howto_box_item_img {
  display: block;
  width: 200px;
}
.item-template-ntem .detail_howto_box_item_right {
  width: calc(100% - 290px);
}
.item-template-ntem .detail_howto_box_item_right_title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.item-template-ntem .detail_howto_box_item_right_text {
  font-size: 16px;
}

.item-template-ntem .howto_box_check {
	background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/aa67759bd8d74740971d3a836077e627/dot_frame.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	    height: 320px;
}
@media only screen and (max-width: 640px) {
	.item-template-ntem .howto_box_check {
	background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/388757284f214111987a3e4b5ad002a5/dot_frame_sp.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	    height: 32vh;
}
}
@media only screen and (max-width: 375px){
	.item-template-ntem .howto_box_check {
		background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/ba95439c36784dc2b455fc45c03a67cc/dot_frame_sp2.png");
		background-size: 100% auto;
		background-repeat: no-repeat;
	    height: 44vh;
}
}
.item-template-ntem .howto_box_check .detail_howto_box_step {
    width: 100%;
    border-bottom: none;
    font-size: 34px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    padding-bottom: 0;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
    margin-bottom: 16px;
	padding-top: 38px;
}
.item-template-ntem .howto_box_check .detail_howto_box_item_right_title {
    font-size: 24px;
    font-weight: 500;
	margin-top: 32px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 640px) {
	.item-template-ntem .howto_box_check .detail_howto_box_step {
    width: 100%;
    border-bottom: none;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    padding-bottom: 0;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
    margin-bottom: 4px;
	padding-top: 32px;
}
	.item-template-ntem .howto_box_check .detail_howto_box_item_right_title {
    font-size: 18px;
		        margin-top: 0;
        margin-bottom: 10px;
}
}
.item-template-ntem .brfo_howto_box {
  margin: 5vh auto;
  padding: 5px 10px;
  border: 1px solid #c8c8c8;
  text-align: left;
}

.item-template-ntem .detail_other_container {
  margin-bottom: 150px;
}
.item-template-ntem .detail_other_inner {
  width: 100%;
  max-width: 1240px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.item-template-ntem .detail_other_container .aco-box {
  width: 100%;
  padding: 55px 40px;
  box-sizing: border-box;
  border-top: solid 1px #251E1C;
}
.item-template-ntem .detail_other_container .aco-box .js-aco-btn {
  width: 100%;
  position: relative;
}
.item-template-ntem .detail_other_container .aco-box .js-aco-btn::before,
.item-template-ntem .detail_other_container .aco-box .js-aco-btn::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background-color: #251E1C;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s;
}
.item-template-ntem .detail_other_container .aco-box .js-aco-btn::after {
  transform: translateY(-50%) rotate(90deg);
}
.item-template-ntem .detail_other_container .aco-box .js-aco-btn.is-active::after {
  transform: translateY(-50%);
}
.item-template-ntem .detail_other_container .aco-box .aco-ttl {
  font-size: 20px;
}
.item-template-ntem .detail_other_container .aco-box .txt {
  margin-top: 40px;
}

.item-template-ntem .detail_large_image {
	max-width: 1240px;
	margin: 0 auto;
}

.item-template-ntem .detail_voice_container {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  background-color: #F3F2EF;
  padding: 97px 0 114px;

}
@media only screen and (max-width: 640px) {
	.item-template-ntem .detail_voice_container {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  background-color: #F3F2EF;
	padding: 0;
}
}
.item-template-ntem .detail_voice_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 45px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-ntem .detail_voice_container h2::after {
  content: "";
  display: block;
  width: 73px;
  height: 1px;
  background-color: #6D7DA2;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-ntem .detail_voice_inner {
  width: 100%;
  max-width: 1000px;
  padding: 65px 37px 48px;
  box-sizing: border-box;
  margin: 0 auto;
	background: #fff;
}

.item-template-ntem .voice_flex_wrap {
    display: flex;
    justify-content: space-between;
	align-items: stretch;
    gap: 26px;
}
.item-template-ntem .voice_flex_wrap p {
    text-align: center;
}

.item-template-ntem .review {
    flex: 1;
    border: 1px solid #dddad5;
	background: #fafaf9;
	box-shadow: 3px 3px 5px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 18px 20px;
	margin-bottom: 20px;
	font-size: 18px;
}

.item-template-ntem .lined {
  line-height: 33px;
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 29px,
    #e4e4e4 29px,
    #e4e4e4 30px
  );
  background-size: 100% 33px;
	margin-bottom: 20px;
}
.item-template-ntem .lined .border {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #e7e1fc;
  text-decoration-thickness: 18px;
  text-underline-offset: -16px;
  text-decoration-skip-ink: none;
  font-weight: bold;
}
.item-template-ntem .author {
  font-size: 16px;
}

.item-template-ntem .txt_note_voice {
	text-align: center;
}

.item-template-ntem .detail_lead_text_color {
	display: block;
  color: #8f87b1;
  margin-bottom: 15px;
  font-size: 25px;
  line-height: 1.4;
  font-weight: 700;
}
.item-template-ntem .point01 .attention {
  font-size: 10px;
	text-align: center;
	padding-top: 6px;
}
.item-template-ntem .image {
  margin: 0 auto 40px;
}
.item-template-ntem .point01 .image {
  width: 470px;
}

.item-template-ntem .point04 .image {
    width: 432px;
	position: relative;
	padding: 3% 5%;
}
@media only screen and (max-width: 640px) {
	.item-template-ntem .point04 .image {
		width: 100%;
	}
}
.item-template-ntem .point04 .image video {
    vertical-align: top;
	width: 100%;
}
.item-template-ntem .point04 .image img{
    width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.item-template-ntem .point02 .image {
  width: 469px;

}
.item-template-ntem .point03 .image {
  margin: 50px auto 40px;
  width: 430px;
}
@media only screen and (max-width: 640px) {
	.item-template-ntem .point03 .image {
	  margin: 0 auto 40px;
	}
}

.item-template-ntem .txt_note_lead {
	max-width: 560px;
	margin: 0 auto;
}
.item-template-ntem .item-detail .aco-block .notice-box .notice-box-head {
  background-color: #B60005;
}
@media only screen and (min-width: 641px){
.item-template-ntem .item-detail  {
    padding-bottom: 30px;
}
}
@media only screen and (max-width: 1000px) {
	.item-template-ntem .voice_flex_wrap {
		gap: 2.5vw;
	}
	.item-template-ntem .review {
		font-size: 1.6vw;
	}
	.item-template-ntem .lined .border {
	  text-decoration-thickness: 1.6vw;
	  text-underline-offset: -1.4vw;
	}
	.item-template-ntem .author {
		font-size: 1.6vw;
	}

}
.item-template-ntem .pcnone {
  display: none!important;
}
.item-template-ntem .spnone {
  display: block!important;
}
@media only screen and (max-width: 640px) {
.item-template-ntem .pcnone {
    display: block!important;
  }
  .item-template-ntem .spnone {
    display: none!important;
  }
  .item-template-ntem .detail_lead_inner {
    max-width: 100%;
    margin: 75px auto 0;
  }
  .item-template-ntem .detail_lead_main_image {
    display: block;
    width: calc(100% + 40px);
    margin-bottom: 100px;
    margin: 0 -20px 27px;
  }
  .item-template-ntem .detail_lead_title {
    margin: 0 auto 27px;
    max-width: 300px;
  }
  .item-template-ntem .detail_lead_image {
    max-width: 333px;
    margin: 0 auto 27px;
  }
  .item-template-ntem .detail_lead_image img {
    right: 0;
  }
  .item-template-ntem .detail_lead_text {
    font-size: 14px;
    line-height: 1.714;
    margin-bottom: 27px;
  }
  .item-template-ntem .detail_lead_text_gold {
    font-size: 14px;
    line-height: 1.7142857;
  }
  .item-template-ntem .detail_lead_text_gold_big {
    font-size: 19px;
    line-height: 1.263579;
  }
  .item-template-ntem .detail_lead_image_02 {
    max-width: 96%;
    margin-bottom: 40px;
  }
  .item-template-ntem .detail_step_title {
    max-width: 335px;
    font-size: 24px;
    padding: 11px 0;
    margin-bottom: 30px;
  }
  .item-template-ntem .detail_step_title span {
    font-size: 27px;
  }
  .item-template-ntem .detail_step_wrap {
    justify-content: flex-start;
    gap: 7px;
    width: 100%;
    max-width: 335px;
    margin: 0 auto;
  }
  .item-template-ntem .detail_step_item {
    width: 78px;
    height: 95px;
  }
  .item-template-ntem .detail_step_item:not(:last-child)::after {
    background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/7dffed6c981b415c9e7fd2872e1d201e/step_arrow_sp.svg");
    bottom: 15px;
    right: -18px;
    width: 28.5px;
    height: 8px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 3;
  }
  .item-template-ntem .detail_step_item_num {
    padding-top: 10px;
    margin-bottom: 5px;
    font-size: 10px;
  }
  .item-template-ntem .detail_step_item_num span {
    font-size: 16px;
    margin-top: -5px;
  }
  .item-template-ntem .detail_step_item_text {
    font-size: 15px;
    letter-spacing: -0.01em;
  }
  .item-template-ntem .detail_point_container {
    max-width: 100%;
    margin: 40px auto 0;
    padding: 40px 8px;
    box-sizing: border-box;
  }
  .item-template-ntem .detail_point_wrap {
    max-width: 100%;
  }
  .item-template-ntem .detail_point_item {
    padding: 40px 13px;
  }
  .item-template-ntem .detail_point_item + .detail_point_item {
    margin-top: 42px;
  }
  .item-template-ntem .detail_point_num {
    font-size: 24px;
    padding: 5px 0;
    margin-bottom: 20px;
  }
  .item-template-ntem .detail_point_num span {
    font-size: 34px;
  }
  .item-template-ntem .detail_point_title {
    font-size: 22px;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
  }
  .item-template-ntem .point01 .detail_point_title sup:after,
  .item-template-ntem .point02 .detail_point_title sup:after {
    bottom: -15px;
  }
  .item-template-ntem .img_flex {
    width: 100%;
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .item-template-ntem .img_flex_wrap {
    gap: 50px;
  }
  .item-template-ntem .img_flex_item {
    max-width: 140px;
  }
  .item-template-ntem .img_flex_item p {
    font-size: 14px;
    margin-top: 5px;
  }
  .item-template-ntem .img_flex_item img {
    margin-top: 14px;
  }
  .item-template-ntem .img_flex_item:first-child::after,
  .item-template-ntem .img_flex_item:first-child::before {
    top: 40%;
    right: -45px;
  }
  .item-template-ntem .detail_point_item .txt {
    margin-bottom: 20px;
  }
  .item-template-ntem .img_flex2 {
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .item-template-ntem .img_flex2_wrap {
    gap: 5px;
    left: 10px;
  }
  .item-template-ntem .img_flex2_item {
    max-width: 112px;
  }
  .item-template-ntem .img_flex2_item p {
    font-size: 14px;
    margin-top: -5px;
    margin-left: -10px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: -0.1em;
  }
  .item-template-ntem .img_flex2_item p sup {
    letter-spacing: 0;
  }
  .item-template-ntem .img_flex2_item .img_flex2_item_image {
    margin-top: 14px;
  }
  .item-template-ntem .img_border_flex {
    margin: 0 auto 20px;
    max-width: 335px;
  }
  .item-template-ntem .img_border_flex_wrap {
    gap: 15px;
  }
  .item-template-ntem .img_border_flex_item {
    max-width: 160px;
    width: calc((100% - 15px) / 2);
    padding: 20px 5px 10px;
    margin-top: 15px;
  }
  .item-template-ntem .img_border_flex_item_hdg {
    width: calc(100% - 20px);
    padding: 5.5px 5px;
    top: -15px;
    font-size: 14px;
  }
  .item-template-ntem .img_border_flex_item_image {
    max-width: 100px;
  }
  .item-template-ntem .img_border_flex_item_title {
    font-size: 14px;
    margin-bottom: 5px;
    min-height: 51px;
  }
  .item-template-ntem .img_border_flex_item_title sup {
    letter-spacing: 0;
  }
  .item-template-ntem .img_border_flex_item_title .normal {
    margin-left: auto;
  }
  .item-template-ntem .img_border_flex_item_title .small {
    font-size: 10px;
    display: block;
    text-align: right;
  }
  .item-template-ntem .img_border_flex_item_text {
    font-size: 14px;
  }
  .item-template-ntem .detail_point_box {
    padding: 20px;
    margin-bottom: 20px;
  }
  .item-template-ntem .detail_point_box_title {
    font-size: 17px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .item-template-ntem .detail_point_box_list li + li {
    margin-top: 20px;
  }
  .item-template-ntem .detail_point_box_list_title {
    font-size: 14px;
  }
  .item-template-ntem .detail_point_box_list_text {
    font-size: 14px;
    line-height: 1.375;
  }
  .item-template-ntem .ingredient_flex {
    gap: 15px 20px;
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .item-template-ntem .ingredient_flex_item {
    width: 95px;
    height: 95px;
    font-size: 16px;
  }
  .item-template-ntem .detail_howto_container {
    margin: 40px 0 75px;
  }
  .item-template-ntem .detail_howto_inner {
    max-width: 100%;
  }
  .item-template-ntem .detail_voice_container h2,
  .item-template-ntem .detail_howto_container h2 {
    font-size: 24px;
    padding-bottom: 30px;
  }
  .item-template-ntem .detail_howto_container h2::after {
    width: 65px;
  }
  .item-template-ntem .detail_howto_box + .detail_howto_box {
    margin-top: 60px;
  }
  .item-template-ntem .detail_howto_box_step {
    font-size: 16px;
  }
  .item-template-ntem .detail_howto_box_step span {
    font-size: 24px;
  }
  .item-template-ntem .detail_howto_box_item {
    max-width: 100%;
    gap: 25px;
	  padding: 12px 16px 0;
  }
  .item-template-ntem .detail_howto_box_item_img {
    width: 100px;
  }
  .item-template-ntem .detail_howto_box_item_right {
    width: calc(100% - 100px);
  }
  .item-template-ntem .detail_howto_box_item_right_title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .item-template-ntem .detail_howto_box_item_right_text {
    font-size: 14px;
  }
  .item-template-ntem .detail_other_container {
    margin-bottom: 75px;
  }
  .item-template-ntem .detail_other_inner {
    max-width: 100%;
  }
  .item-template-ntem .detail_other_container .aco-box {
    padding: 30px 0 50px;
  }
  .item-template-ntem .detail_other_container .aco-box .aco-ttl {
    font-size: 16px;
  }
  .item-template-ntem .detail_other_container .aco-box .txt {
    margin-top: 50px;
    font-size: 10px;
  }
  .item-template-ntem .detail_other_container .aco-box .js-aco-btn::before,
  .item-template-ntem .detail_other_container .aco-box .js-aco-btn::after {
    content: "";
    display: block;
    width: 24px;
    height: 1px;
    background-color: #251E1C;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s;
  }
  .item-template-ntem .detail_other_container .aco-box .js-aco-btn::after {
    transform: translateY(-50%) rotate(90deg);
  }
  .item-template-ntem .detail_other_container .aco-box .js-aco-btn.is-active::after {
    transform: translateY(-50%);
  }

	.item-template-ntem .detail_lead_text_color {
		font-size: 19px;
		line-height: 1.563579;
	}


	.item-template-ntem .image {
	  margin: 0 auto 30px;
		width: 532px;
	}

	.item-template-ntem .point01 .image {
	  width: 90%;
	}
	.item-template-ntem .point02 .image {
	  margin: 0 0 30px;
	  width: 100%;
	}
	.item-template-ntem .point03 .image,
	.item-template-ntem .point03 .image.image_02 {
	  width: 100%;
	}
	.item-template-ntem .point03 .image.image_02 {
	  margin-top: 40px;
	}

	.item-template-ntem .txt_note_lead {
		max-width: none;
	}

	.item-template-ntem .detail_voice_container h2::after {
	  width: 50px;
	}
	.item-template-ntem .voice_flex_wrap {
		display: block;
	}
	.item-template-ntem .txt_note_voice {
		text-align: left;
	}
	.item-template-ntem .review {
		font-size: 3.7vw;
		padding: 30px 12px 20px;
	}
	.item-template-ntem .lined .border {
	  text-decoration-thickness: 3.4vw;
	  text-underline-offset: -3.1vw;
	}
	.item-template-ntem .lined {
	  line-height: 2;
	  background-image: repeating-linear-gradient(
		to bottom,
		transparent 0,
		transparent calc(1.9em - 1px),
		#e4e4e4 calc(1.9em - 1px),
		#e4e4e4 1.9em
	  );
	  background-size: 100% 2em;
	}
	.item-template-ntem .author {
		font-size: 3.4vw;
	}
}
.item-template-clbc-ex .subsc-banner .subsc-banner_img-area img {
  transform: scale(0.9);
}
.item-detail.yellow .detail_point_num {
  background-color: #FDB80F;
}
.item-template-clbc-ex .item-detail.yellow .txt_gold {
  color: #D7A74C;
}
.item-template-clbc-ex .detail_lead_inner .detail_lead_img01 {
  max-width: 603px;
  position: relative;
  left: 55%;
  transform: translateX(-50%);
}
.item-template-clbc-ex .detail_lead_inner .detail_lead_txt {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.9;
  text-align: center;
  margin: 25px 0 14px;
}
.item-template-clbc-ex .detail_lead_inner .detail_lead_txt .txt_gold {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.357;
}
.item-template-clbc-ex .detail_lead_inner .detail_lead_txt + .txt_note {
  max-width: 735px;
  margin: 0 auto;
}
.item-template-clbc-ex .detail_lead_inner .detail_lead_gold_box {
  display: block;
  width: 100%;
  border: solid 1px #D7A74C;
  padding: 50px 25px 16px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 20px;
  max-width: 720px;
  margin: 76px auto 97px;
}
.item-template-clbc-ex .detail_lead_inner .detail_lead_gold_box_title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.65;
  padding: 6px 10px;
  background-color: #D7A74C;
  color: #ffffff;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  position: absolute;
  left: 50%;
  top: -40px;
  transform: translateX(-50%);
  letter-spacing: 0;
  max-width: 345px;
  width: 100%;
}
.item-template-clbc-ex .detail_lead_inner .detail_lead_gold_box_title span {
  font-size: 24px;
  line-height: 1.375;
}
.item-template-clbc-ex .detail_lead_inner .detail_lead_gold_box .img01 {
  max-width: 479px;
  margin: 31px 0 24px;
  position: relative;
  left: 50%;
  transform: translateX(-53%);
}
.item-template-clbc-ex .detail_lead_inner .detail_lead_gold_box .txt_note {
  text-align: right;
}
.item-template-clbc-ex .detail_lead_inner .detail_step_wrap + .txt_note {
  text-align: right;
  max-width: 667px;
  margin: 47px auto 0;
}
.item-template-clbc-ex .point01 .detail_point_text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.778;
  text-align: center;
  margin: 28px 0 36px;
}
.item-template-clbc-ex .point01 .img_flex {
  max-width: 501px;
}
.item-template-clbc-ex .point01 .img_flex_wrap {
  gap: 0 40px;
}
.item-template-clbc-ex .point01 .img_flex_item {
  max-width: 230px;
}
.item-template-clbc-ex .point01 .img_flex_item:first-child::before,
.item-template-clbc-ex .point01 .img_flex_item:first-child::after {
  content: none;
}
.item-template-clbc-ex .point01 .img_flex .txt_note {
  text-align: right;
  margin-top: 3px;
}
.item-template-clbc-ex .point02 .detail_point_title .underline-wrap {
  background: linear-gradient(to bottom, transparent 34%, #FFF2BA 34%, #FFF2BA 100%);
  display: inline;
}
.item-template-clbc-ex .point02 .detail_point_step {
  border: 1px solid #D7A74C;
  background-color: #FFFCF5;
  padding: 57px 49px 27px;
}
.item-template-clbc-ex .point02 .detail_point_step + .detail_point_step {
  margin-top: 33px;
}
.item-template-clbc-ex .point02 .detail_point_step_border {
  border-top: 1px solid #D7A74C;
  position: relative;
}
.item-template-clbc-ex .point02 .detail_point_step_num {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  margin-bottom: 20px;
  line-height: 1.75;
  color: #D7A74C;
  font-size: 14px;
  display: block;
  letter-spacing: 0.04em;
  text-align: center;
  font-weight: 500;
  position: absolute;
  top: -42px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 11px;
}
.item-template-clbc-ex .point02 .detail_point_step_num::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 41px;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
.item-template-clbc-ex .point02 .detail_point_step_num span {
  font-size: 34px;
  letter-spacing: 0.08em;
  display: block;
  margin-top: -12px;
}
.item-template-clbc-ex .point02 .detail_point_step_title {
  font-family: 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  color: #D7A74C;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  margin-top: 47px;
}
.item-template-clbc-ex .point02 .detail_point_step_txt {
  font-weight: 500;
  line-height: 2.25;
  text-align: center;
  margin-top: 13px;
}
.item-template-clbc-ex .point02 .detail_point_step .img01 {
  max-width: 400px;
  margin: 35px auto 0;
}
.item-template-clbc-ex .point02 .detail_point_step_box {
  display: block;
  width: 100%;
  background-color: #FCF4E0;
  box-sizing: border-box;
  position: relative;
  margin: 56px 0 18px;
  padding: 37px 10px 10px;
}
.item-template-clbc-ex .point02 .detail_point_step_box_title {
  color: #fff;
  font-weight: 500;
  line-height: 1.875;
  max-width: 270px;
  width: 100%;
  padding: 1px 10px;
  display: inline-block;
  text-align: center;
  background-color: #D7A74C;
  box-sizing: border-box;
  border-radius: 50px;
  position: absolute;
  left: 50%;
  top: -16px;
  transform: translateX(-50%);
}
.item-template-clbc-ex .point02 .detail_point_step_box .img_flex {
  margin-bottom: 0;
}
.item-template-clbc-ex .point02 .detail_point_step_box .img_flex_wrap {
  align-items: flex-start;
  gap: 0 35px;
}
.item-template-clbc-ex .point02 .detail_point_step_box .img_flex_item {
  max-width: 148px;
  text-align: center;
}
.item-template-clbc-ex .point02 .detail_point_step_box .img_flex_item .img_flex_item_image {
  max-width: 140px;
  margin-left: auto;
  margin-right: auto;
}
.item-template-clbc-ex .point02 .detail_point_step_box .img_flex_item:first-child::before,
.item-template-clbc-ex .point02 .detail_point_step_box .img_flex_item:first-child::after {
  content: none;
}
.item-template-clbc-ex .point02 .detail_point_step_box .img_flex_item span {
  display: inline;
  color: #fff;
  font-size: 15px;
  line-height: 1.733;
  background-color: #D7A74C;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 1px 10px;
}
.item-template-clbc-ex .point02 .detail_point_step .txt {
  font-weight: 500;
  text-align: center;
}
.item-template-clbc-ex .point02 .detail_point_step.step02 .img01 {
  max-width: 384px;
}
.item-template-clbc-ex .point02 .detail_point_step.step02 .detail_point_step_box_title {
  max-width: 178px;
}
.item-template-clbc-ex .point02 .detail_point_step.step03 .img01 {
  max-width: 256px;
  margin: -5px auto 18px;
}
.item-template-clbc-ex .point02 .detail_point_step.step03 .img01 .txt_note {
  text-align: right;
  margin-top: 3px;
}
.item-template-clbc-ex .point02 .detail_point_step.step03 .detail_point_step_box_title {
  max-width: 210px;
}
.item-template-clbc-ex .point02 .detail_point_step.step03 .detail_point_step_box .img_flex_item {
  max-width: 154px;
}
.item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_title {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.875;
  max-width: 270px;
  width: 100%;
  padding: 1px 10px;
  text-align: center;
  background-color: #D7A74C;
  box-sizing: border-box;
  border-radius: 50px;
  margin: 37px auto 0;
}
.item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_wrap {
  position: relative;
  min-height: 410px;
  margin: 36px 0 54px;
}
.item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group {
  position: absolute;
  max-width: 120px;
  text-align: center;
}
.item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group01 {
  bottom: 0;
  left: -5%;
}
.item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group02 {
  top: 77px;
  left: 4%;
}
.item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group03 {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group04 {
  top: 56px;
  right: 4%;
}
.item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group05 {
  bottom: 5px;
  right: -6%;
}
.item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group06 {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 181px;
}
.item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group .img {
  margin-top: 6px;
}
.item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.429;
}
.item-template-clbc-ex .point03 .img01 {
  width: 500px;
  margin-left: 73px;
  margin-right: -43px;
  margin-bottom: 40px;
}
.item-template-clbc-ex .point03 .img01 .detail_point_img_title {
  margin: 0 auto 5px;
}
.item-template-clbc-ex .point03 .img01 .detail_point_img_title p {
  text-align: center;
  font-size: 18px;
  font-weight: 505;
  line-height: 1;
  padding: 10px 15px;
  border: solid 1px #251E1C;
  display: inline-block;
  margin-left: 25px;
}
@media only screen and (max-width: 800px) {
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group {
    max-width: 100px;
  }
}
@media only screen and (max-width: 640px) {
  .item-template-clbc-ex .detail_lead_inner .detail_lead_img01 {
    max-width: none;
  }
  .item-template-clbc-ex .detail_lead_inner .detail_lead_txt {
    font-size: 14px;
    line-height: 1.714;
    margin-top: -8px;
  }
  .item-template-clbc-ex .detail_lead_inner .detail_lead_txt .txt_gold {
    font-size: 19px;
    line-height: 1.263;
  }
  .item-template-clbc-ex .detail_lead_inner .detail_lead_txt + .txt_note {
    margin-left: 43px;
  }
  .item-template-clbc-ex .detail_lead_inner .detail_lead_gold_box {
    margin: 58px auto 39px;
    padding: 59px 26px 16px 25px;
  }
  .item-template-clbc-ex .detail_lead_inner .detail_lead_gold_box_title {
    font-size: 14px;
    line-height: 1.464;
    top: -27px;
    max-width: 232px;
    padding: 3px 5px;
  }
  .item-template-clbc-ex .detail_lead_inner .detail_lead_gold_box_title span {
    font-size: 17px;
    line-height: 1.206;
  }
  .item-template-clbc-ex .detail_lead_inner .detail_lead_gold_box .img01 {
    max-width: none;
    position: static;
    transform: none;
    margin: 0 0 24px;
  }
  .item-template-clbc-ex .detail_lead_inner .detail_step_wrap + .txt_note {
    max-width: none;
    margin: 17px auto 0;
  }
  .item-template-clbc-ex .point01 .detail_point_text {
    font-size: 14px;
    line-height: 1.786;
  }
  .item-template-clbc-ex .point01 .img_flex_wrap {
    gap: 0 20px;
  }
  .item-template-clbc-ex .point01 .img_flex_item {
    max-width: 124px;
  }
  .item-template-clbc-ex .point01 .img_flex .txt_note {
    max-width: 268px;
    margin: 3px auto 0;
  }
  .item-template-clbc-ex .point02 .detail_point_step {
    padding: 40px 16px 14px;
  }
  .item-template-clbc-ex .point02 .detail_point_step_num {
    font-size: 12px;
    top: -31px;
  }
  .item-template-clbc-ex .point02 .detail_point_step_num::before {
    top: 30px;
  }
  .item-template-clbc-ex .point02 .detail_point_step_num span {
    font-size: 30px;
  }
  .item-template-clbc-ex .point02 .detail_point_step_title {
    font-size: 22px;
    line-height: 0.818;
    margin-top: 32px;
  }
  .item-template-clbc-ex .point02 .detail_point_step_txt {
    margin-top: 8px;
  }
  .item-template-clbc-ex .point02 .detail_point_step .img01 {
    margin: 40px auto 0;
  }
  .item-template-clbc-ex .point02 .detail_point_step_box {
    margin: 31px 0 24px;
    padding: 13px 10px 12px;
  }
  .item-template-clbc-ex .point02 .detail_point_step + .detail_point_step {
    margin-top: 22px;
  }
  .item-template-clbc-ex .point02 .detail_point_step_box_title {
    font-size: 13px;
    line-height: 1.154;
    max-width: 200px;
    top: -10px;
  }
  .item-template-clbc-ex .point02 .detail_point_step_box .img_flex_wrap {
    gap: 0 20px;
  }
  .item-template-clbc-ex .point02 .detail_point_step_box .img_flex_item {
    max-width: 125px;
  }
  .item-template-clbc-ex .point02 .detail_point_step_box .img_flex_item .img_flex_item_image {
    display: block;
    max-width: 88px;
    margin-top: 14px;
  }
  .item-template-clbc-ex .point02 .detail_point_step_box .img_flex_item span {
    font-size: 13px;
    line-height: 1.995;
    padding: 3px 6px;
    letter-spacing: -0.08em;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step02 .img01 {
    max-width: 268px;
    margin-top: 20px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step02 .detail_point_step_box {
    margin: 31px 0 24px;
    padding: 13px 10px 12px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step02 .detail_point_step_box_title {
    max-width: 143px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step03 .img01 {
    max-width: 174px;
    margin: 0 auto 23px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step03 .detail_point_step_box {
    margin-top: 38px;
    padding: 13px 10px 12px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step03 .detail_point_step_box_title {
    max-width: 150px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step03 .detail_point_step_box .img_flex_item {
    max-width: 175px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_title {
    font-size: 13px;
    line-height: 0.741;
    max-width: 190px;
    padding: 5px 10px;
    margin: 21px auto 0;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_wrap {
    margin: 33px 0 53px;
    min-height: 282px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group {
    max-width: 88px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group p {
    font-size: 13px;
    line-height: 1;
    letter-spacing: -0.08ex;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group .img {
    width: 80px;
    margin-top: 3px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group01 {
    bottom: -7px;
    left: calc(50% - 153px);
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group02 {
    top: 57px;
    left: calc(50% - 137px);
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group04 {
    top: 44px;
    right: calc(50% - 138px);
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group05 {
    bottom: -8px;
    right: calc(50% - 151px);
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group06 {
    max-width: 120px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group06 .img {
    width: 100%;
  }
  .item-template-clbc-ex .point03 .detail_point_title .border .num::before {
    bottom: 2px;
    left: 0;
  }
  .item-template-clbc-ex .point03 .img01 {
    width: 100%;
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .item-template-clbc-ex .point03 .img01 .detail_point_img_title {
    margin: 0 auto 7px;
    text-align: center;
  }
  .item-template-clbc-ex .point03 .img01 .detail_point_img_title p {
    font-size: 16px;
    margin-left: 0;
  }
}
@media only screen and (max-width: 374px) {
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_wrap {
    min-height: 232px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group .img {
    width: 60px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group01 {
    left: -8px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group02 {
    top: 30px;
    left: 10px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group04 {
    right: 10px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group05 {
    right: -11px;
  }
  .item-template-clbc-ex .point02 .detail_point_step.step04 .detail_kinds_group.group06 {
    max-width: 100px;
  }
}
.item-template-clbc-ex .point02 .detail_point_step_box .img_flex_item span.ls {
  letter-spacing: -0.02em;
}
.item-template-wccl .detail_lead_inner {
  width: 100%;
  max-width: 1040px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 135px auto 0;
}
.item-template-wccl .detail_lead_main_image {
  display: block;
  width: 100%;
  margin-bottom: 100px;
}
.item-template-wccl .detail_lead_main_image img {
  display: block;
  width: 100%;
}
.item-template-wccl .detail_lead_text {
  text-align: center;
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: 45px;
}
.item-template-wccl .wrap_lead {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 4%;
	margin: 60px auto 50px;
	width: 90%;
}
.item-template-wccl .detail_lead_image_02 {
  max-width: 37.4%;
  width: 100%;
	padding-top: 12.1%;
}
.item-template-wccl .detail_lead_image_02 img {
  margin-bottom: 5px;
  width: 100%;
}
.item-template-wccl .detail_lead_image_03 {
  max-width: 56.9%;
  width: 100%;
}
.item-template-wccl .detail_lead_image_03 img {
  margin-bottom: 5px;
  width: 100%;
}

.item-template-wccl .detail_point_container {
  max-width: 1240px;
  width: 100%;
  margin: 100px auto 0;
  background-color: #F3F2EF;
  padding: 97px 0 114px;
}
.item-template-wccl .detail_point_wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 720px;
}
.item-template-wccl .detail_point_item {
  width: 100%;
  padding: 50px 100px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.item-template-wccl .detail_point_item + .detail_point_item {
  margin-top: 30px;
}
.item-template-wccl .item-detail.blue .detail_point_num {
  font-size: 30px;
  text-align: center;
  font-weight: 400;
  line-height: 1;
  color: #ffffff;
  background-color: #859fd8;
  padding: 11px 0;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 3px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  letter-spacing: 0.05em;
}
.item-template-wccl .detail_point_num span {
  font-size: 40px;
}
.item-template-wccl .detail_point_title {
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 35px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-wccl .ingredient_flex {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 20px 30px;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.item-template-wccl .ingredient_flex_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 135px;
  height: 135px;
  text-align: center;
  color: #ffffff;
  font-size: 27px;
  line-height: 1.2;
  letter-spacing: -0.15em;
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/f367aada14524a42b7bd5c4d29c0200b/wccl__ingredient_bg_img.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.item-template-wccl .detail_point_title .border {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #edf1f9;
  text-decoration-thickness: 20px;
  text-underline-offset: -10px;
	  text-decoration-skip-ink: none;
  display: inline-block;
  z-index: 3;
}
.item-template-wccl .point04 .detail_point_title sup {
  position: relative;
}
.item-template-wccl .point04 .detail_point_title sup span {
  position: relative;
  z-index: 2;
}
.item-template-wccl .point04 .detail_point_title sup:after {
  content: "";
  width: 100%;
  height: 20px;
  background-color: #edf1f9;
  position: absolute;
  bottom: -18px;
  left: 0;
  z-index: -1;
}
.item-template-wccl .txt_note {
  display: block;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
}
.item-template-wccl .detail_point_item .txt {
  margin-bottom: 55px;
}
.item-template-wccl .detail_howto_container {
  margin: 65px 0 95px;
}
.item-template-wccl .detail_howto_inner {
  width: 100%;
  max-width: 760px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.item-template-wccl .detail_howto_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 100px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-wccl .detail_howto_container h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-wccl .detail_howto_box {
  width: 100%;
}
.item-template-wccl .detail_howto_box + .detail_howto_box {
  margin-top: 35px;
}
.item-template-wccl .detail_howto_box_step {
  width: 100%;
  border-bottom: solid 1px #251E1C;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 45px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;margin-bottom: 25px;
}
.item-template-wccl .detail_howto_box_step span {
  font-size: 43px;
}
.item-template-wccl .detail_howto_box_item {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 90px;
}
.item-template-wccl .detail_howto_box_item_img {
  display: block;
  width: 200px;
}
.item-template-wccl .detail_howto_box_item_right {
  width: calc(100% - 290px);
}
.item-template-wccl .detail_howto_box_item_right_title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.item-template-wccl .detail_howto_box_item_right_text {
  font-size: 16px;
}
.item-template-wccl .detail_howto_container {
  margin: 65px 0 95px;
}
.item-template-wccl .detail_howto_inner {
  width: 100%;
  max-width: 760px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.item-template-wccl .detail_howto_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 100px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-wccl .detail_howto_container h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-wccl .detail_howto_box {
  width: 100%;
}
.item-template-wccl .detail_howto_box + .detail_howto_box {
  margin-top: 35px;
}
.item-template-wccl .detail_howto_box_step {
  width: 100%;
  border-bottom: solid 1px #251E1C;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 45px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;margin-bottom: 25px;
}
.item-template-wccl .detail_howto_box_step span {
  font-size: 43px;
}
.item-template-wccl .detail_howto_box_item {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 90px;
}
.item-template-wccl .detail_howto_box_item_img {
  display: block;
  width: 200px;
}
.item-template-wccl .detail_howto_box_item_right {
  width: calc(100% - 290px);
}
.item-template-wccl .detail_howto_box_item_right_title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.item-template-wccl .detail_howto_box_item_right_text {
  font-size: 16px;
}
.item-template-wccl .detail_large_image {
	max-width: 1240px;
	margin: 0 auto;
}
.item-template-wccl .detail_voice_container {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  background-color: #F3F2EF;
  padding: 97px 0 114px;
	
}
@media only screen and (max-width: 640px) {
	.item-template-wccl .detail_voice_container {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  background-color: #F3F2EF;
	padding: 0;
}
}
.item-template-wccl .detail_voice_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 45px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-wccl .detail_voice_container h2::after {
  content: "";
  display: block;
  width: 73px;
  height: 1px;
  background-color: #859fd8;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-wccl .detail_voice_inner {
  width: 100%;
  max-width: 1000px;
  padding: 65px 37px 48px;
  box-sizing: border-box;
  margin: 0 auto;
	background: #fff;
}

.item-template-wccl .voice_flex_wrap {
    display: flex;
    justify-content: space-between;
	align-items: stretch;
    gap: 26px;
}
.item-template-wccl .voice_flex_wrap p {
    text-align: center;
}

.item-template-wccl .review {
    flex: 1;
    border: 1px solid #dddad5;
	background: #fafaf9;
	box-shadow: 3px 3px 5px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 18px 20px;
	margin-bottom: 20px;
	font-size: 18px;
}

.item-template-wccl .lined {
  line-height: 33px;
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 29px,
    #e4e4e4 29px,
    #e4e4e4 30px
  );
  background-size: 100% 33px;
	margin-bottom: 20px;
}
.item-template-wccl .lined .border {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #dee5f4;
  text-decoration-thickness: 18px;
  text-underline-offset: -16px;
  text-decoration-skip-ink: none;
  font-weight: bold;
}
.item-template-wccl .author {
  font-size: 16px;
}

.item-template-wccl .txt_note_voice {
	text-align: center;
}
.item-template-wccl .detail_lead_text_color {
	display: block;
  color: #859fd8;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 700;
}
.item-template-wccl .image {
  margin: 0 auto 10px;
}
.item-template-wccl .point01 .image,
.item-template-wccl .point04 .image {
  margin: 0 -100px 40px;
}
.item-template-wccl .point02 .image {
  margin: 0 auto 40px;
  width: 422px;
}
.item-template-wccl .point03 .image {
  margin: 0 auto 40px;
  width: 519px;
}
.item-template-wccl .txt_note_lead {
	max-width: 720px;
	margin: 0 auto;
}

@media only screen and (max-width: 1000px) {
	.item-template-wccl .voice_flex_wrap {
		gap: 2.5vw;
	}
	.item-template-wccl .review {
		font-size: 1.6vw;
	}
	.item-template-wccl .lined .border {
	  text-decoration-thickness: 1.6vw;
	  text-underline-offset: -1.4vw;
	}
	.item-template-wccl .author {
		font-size: 1.6vw;
	}
}
@media only screen and (max-width: 640px) {
  .item-template-wccl .detail_lead_inner {
    max-width: 100%;
    margin: 75px auto 0;
  }
  .item-template-wccl .detail_lead_main_image {
    display: block;
    width: calc(100% + 40px);
    margin-bottom: 100px;
    margin: 0 -20px 27px;
  }
  .item-template-wccl .detail_lead_text {
    font-size: 14px;
    line-height: 1.714;
    margin-bottom: 27px;
  }
	.item-template-wccl .wrap_lead {
		display: block;
		padding-left: 0;
		margin-top: 0;
		margin-bottom: 0;
		width: auto;
	}

	
	.item-template-wccl .detail_lead_image_02 {
		max-width: 220px;
		padding-top: 0;
		margin: 50px auto 40px;
	}
	.item-template-wccl .detail_lead_image_03 {
		max-width: 348px;
		margin: 0 auto 40px;
	}
	


  .item-template-wccl .detail_lead_text_color {
    font-size: 19px;
    line-height: 1.263579;
	}
	

  .item-template-wccl .detail_point_container {
    max-width: 100%;
    margin: 40px auto 0;
    padding: 40px 8px;
    box-sizing: border-box;
  }
  .item-template-wccl .detail_point_wrap {
    max-width: 100%;
  }
  .item-template-wccl .detail_point_item {
    padding: 40px 13px;
  }
  .item-template-wccl .detail_point_item + .detail_point_item {
    margin-top: 42px;
  }
  .item-template-wccl .item-detail.blue .detail_point_num {
    font-size: 24px;
    padding: 5px 0;
    margin-bottom: 20px;
  }
  .item-template-wccl .detail_point_num span {
    font-size: 34px;
  }
  .item-template-wccl .detail_point_title {
    font-size: 24px;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
  }
  .item-template-wccl .point04 .detail_point_title sup:after {
    bottom: -15px;
  }
  .item-template-wccl .detail_point_item .txt {
    margin-bottom: 20px;
  }
  .item-template-wccl .ingredient_flex {
    gap: 15px 20px;
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .item-template-wccl .ingredient_flex_item {
    width: 95px;
    height: 95px;
    font-size: 16px;
  }
  .item-template-wccl .detail_howto_container {
    margin: 75px 0;
  }
  .item-template-wccl .detail_howto_inner {
    max-width: 100%;
  }
  .item-template-wccl .detail_voice_container h2,
  .item-template-wccl .detail_howto_container h2 {
    font-size: 24px;
    padding-bottom: 30px;
  }
  .item-template-wccl .detail_howto_container h2::after {
    width: 65px;
  }
  .item-template-wccl .detail_howto_box + .detail_howto_box {
    margin-top: 60px;
  }
  .item-template-wccl .detail_howto_box_step {
    font-size: 16px;
  }
  .item-template-wccl .detail_howto_box_step span {
    font-size: 24px;
  }
  .item-template-wccl .detail_howto_box_item {
    max-width: 100%;
    gap: 25px;
  }
  .item-template-wccl .detail_howto_box_item_img {
    width: 100px;
  }
  .item-template-wccl .detail_howto_box_item_right {
    width: calc(100% - 125px);
  }
  .item-template-wccl .detail_howto_box_item_right_title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .item-template-wccl .detail_howto_box_item_right_text {
    font-size: 14px;
  }
	
	.item-template-wccl .point01 .image,
	.item-template-wccl .point04 .image {
	  margin: 0 -13px 30px;
	}

	.item-template-wccl .point02 .image,
	.item-template-wccl .point03 .image {
		padding: 0 6%;
		width: 100%;
	}
	.item-template-wccl .point02 .image {
		margin: 0 0 30px;
	}
	.item-template-wccl .txt_note_lead {
		max-width: none;
	}
	
	.item-template-wccl .detail_voice_container h2::after {
	  width: 50px;
	}
	.item-template-wccl .voice_flex_wrap {
		display: block;
	}
	.item-template-wccl .txt_note_voice {
		text-align: left;
	}
	.item-template-wccl .review {
		font-size: 3.7vw;
		padding: 30px 12px 20px;
	}
	.item-template-wccl .lined .border {
	  text-decoration-thickness: 3.4vw;
	  text-underline-offset: -3.1vw;
	}
	.item-template-wccl .lined {
	  line-height: 2;
	  background-image: repeating-linear-gradient(
		to bottom,
		transparent 0,
		transparent calc(1.9em - 1px),
		#e4e4e4 calc(1.9em - 1px),
		#e4e4e4 1.9em
	  );
	  background-size: 100% 2em;
	}
	.item-template-wccl .author {
		font-size: 3.4vw;
	}

}
.item-template-clbh-a .detail_lead_inner {
  width: 100%;
  max-width: 1040px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 135px auto 0;
}
.item-template-clbh-a .detail_lead_main_image {
  display: block;
  width: 100%;
  margin-bottom: 100px;
}
.item-template-clbh-a .detail_lead_main_image img {
  display: block;
  width: 100%;
}
.item-template-clbh-a .detail_lead_text {
  text-align: center;
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: 45px;
}


.item-template-clbh-a .detail_lead_image_02 {
  max-width: 720px;
  width: 100%;
  margin: 0 auto 55px;
}
.item-template-clbh-a .detail_lead_image_02 img,
.item-template-clbh-a .detail_lead_image_03 img,
.item-template-clbh-a .detail_lead_image_04 img {
  width: 100%;
}

.item-template-clbh-a .detail_lead_image_03 {
  max-width: 720px;
  width: 100%;
  margin: 60px auto 45px;
	position: relative;
}
.item-template-clbh-a .detail_lead_image_03 p {
	position: absolute;
}
.item-template-clbh-a .detail_lead_image_03 p.ttl {
	top: 3%;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 1.45;
}

.item-template-clbh-a .detail_lead_image_03 p.ttl span {
	font-size: 24px;
}

.item-template-clbh-a .detail_lead_image_03 p.note {
	right: 25px;
	bottom: 20px;
}

@media (max-width: 759px) {
  .item-template-clbh-a .detail_lead_image_03 p.ttl {
    font-size: calc(20 * (100vw / 759));
  }
  .item-template-clbh-a .detail_lead_image_03 p.ttl span {
    font-size: calc(24 * (100vw / 759));
  }
}
@media (max-width: 640px) {
  .item-template-clbh-a .detail_lead_image_03 p.ttl {
    font-size: 12px;
  }
  .item-template-clbh-a .detail_lead_image_03 p.ttl span {
    font-size: 15px;
  }
	.item-template-clbh-a .detail_lead_image_03 p.note {
		right: 8%;
		bottom: 6%;
	}
}
@media (max-width: 388px) {
  .item-template-clbh-a .detail_lead_image_03 p.ttl {
	top: 2.6%;
    font-size: calc(12 * (100vw / 388));
  }
  .item-template-clbh-a .detail_lead_image_03 p.ttl span {
    font-size: calc(15 * (100vw / 388));
  }
}


.item-template-clbh-a .detail_lead_image_04 {
	max-width: 816px;
	margin: 60px auto 35px;
	position: relative;
}

.item-template-clbh-a .detail_lead_image_04 p.ttl {
	position: absolute;
	top: 19.7%;
	left: 27.1%;
	width: 45.9%;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-left: 0.1em;
}
@media (max-width: 817px) {
  .item-template-clbh-a .detail_lead_image_04 p.ttl {
    font-size: calc(19 * (100vw / 817));
  }
}
@media (max-width: 640px) {
  .item-template-clbh-a .detail_lead_image_04 p.ttl {
	top: 16.4%;
	left: 18.2%;
	width: 63.5%;
    font-size: calc(20 * (100vw / 640));
  }
}

.item-template-clbh-a .detail_point_container {
  max-width: 1240px;
  width: 100%;
  margin: 100px auto 0;
  background-color: #F3F2EF;
  padding: 97px 0 114px;
}
.item-template-clbh-a .detail_point_wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 720px;
}
.item-template-clbh-a .detail_point_item {
  width: 100%;
  padding: 50px 100px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.item-template-clbh-a .detail_point_item + .detail_point_item {
  margin-top: 30px;
}
.item-template-clbh-a .item-detail.red .detail_point_num {
  font-size: 30px;
  text-align: center;
  font-weight: 400;
  line-height: 1;
  color: #ffffff;
  background-color: #e2364f;
  padding: 11px 0;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 3px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  letter-spacing: 0.05em;
}
.item-template-clbh-a .detail_point_num span {
  font-size: 40px;
}
.item-template-clbh-a .detail_point_title {
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 35px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-clbh-a .ingredient_flex {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 20px 30px;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.item-template-clbh-a .ingredient_flex_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 135px;
  height: 135px;
  text-align: center;
  color: #ffffff;
  font-size: 27px;
  line-height: 1.2;
  letter-spacing: -0.15em;
  background-image: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/8e88ce4a775343e6adaf4ab3c9b1d402/clbh-a__ingredient_bg_img.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.item-template-clbh-a .detail_point_title .border {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #fadfe3;
  text-decoration-thickness: 20px;
  text-underline-offset: -10px;
	  text-decoration-skip-ink: none;
  display: inline-block;
  z-index: 3;
}
.item-template-clbh-a .point04 .detail_point_title sup {
  position: relative;
}
.item-template-clbh-a .point04 .detail_point_title sup span {
  position: relative;
  z-index: 2;
}
.item-template-clbh-a .point04 .detail_point_title sup:after {
  content: "";
  width: 100%;
  height: 20px;
  background-color: #edf1f9;
  position: absolute;
  bottom: -18px;
  left: 0;
  z-index: -1;
}
.item-template-clbh-a .txt_note {
  display: block;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
}
.item-template-clbh-a .detail_point_item .txt {
  margin-bottom: 55px;
}
.item-template-clbh-a .detail_howto_container {
  margin: 65px 0 95px;
}
.item-template-clbh-a .detail_howto_inner {
  width: 100%;
  max-width: 760px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.item-template-clbh-a .detail_howto_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 100px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-clbh-a .detail_howto_container h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-clbh-a .detail_howto_box {
  width: 100%;
}
.item-template-clbh-a .detail_howto_box + .detail_howto_box {
  margin-top: 35px;
}
.item-template-clbh-a .detail_howto_box_step {
  width: 100%;
  border-bottom: solid 1px #251E1C;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 45px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;margin-bottom: 25px;
}
.item-template-clbh-a .detail_howto_box_step span {
  font-size: 43px;
}
.item-template-clbh-a .detail_howto_box_item {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 90px;
}
.item-template-clbh-a .detail_howto_box_item_img {
  display: block;
  width: 200px;
}
.item-template-clbh-a .detail_howto_box_item_right {
  width: calc(100% - 290px);
}
.item-template-clbh-a .detail_howto_box_item_right_title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.item-template-clbh-a .detail_howto_box_item_right_text {
  font-size: 16px;
}
.item-template-clbh-a .detail_howto_container {
  margin: 65px 0 95px;
}
.item-template-clbh-a .detail_howto_inner {
  width: 100%;
  max-width: 760px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.item-template-clbh-a .detail_howto_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 100px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-clbh-a .detail_howto_container h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-clbh-a .detail_howto_box {
  width: 100%;
}
.item-template-clbh-a .detail_howto_box + .detail_howto_box {
  margin-top: 35px;
}
.item-template-clbh-a .detail_howto_box_step {
  width: 100%;
  border-bottom: solid 1px #251E1C;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 45px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;margin-bottom: 25px;
}
.item-template-clbh-a .detail_howto_box_step span {
  font-size: 43px;
}
.item-template-clbh-a .detail_howto_box_item {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 90px;
}
.item-template-clbh-a .detail_howto_box_item_img {
  display: block;
  width: 200px;
}
.item-template-clbh-a .detail_howto_box_item_right {
  width: calc(100% - 290px);
}
.item-template-clbh-a .detail_howto_box_item_right_title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.item-template-clbh-a .detail_howto_box_item_right_text {
  font-size: 16px;
}
.item-template-clbh-a .detail_large_image {
	max-width: 1240px;
	margin: 0 auto;
}
.item-template-clbh-a .detail_voice_container {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  background-color: #F3F2EF;
  padding: 20px 0 114px;
	
}
@media only screen and (max-width: 640px) {
	.item-template-clbh-a .detail_voice_container {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  background-color: #F3F2EF;
	padding: 0;
}
}
.item-template-clbh-a .detail_voice_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 45px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-clbh-a .detail_voice_container h2::after {
  content: "";
  display: block;
  width: 73px;
  height: 1px;
  background-color: #ea5d7c;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-clbh-a .detail_voice_inner {
  width: 100%;
  max-width: 1000px;
  padding: 65px 37px 48px;
  box-sizing: border-box;
  margin: 0 auto;
	background: #fff;
}

.item-template-clbh-a .voice_flex_wrap {
    display: flex;
    justify-content: space-between;
	align-items: stretch;
    gap: 26px;
}
.item-template-clbh-a .voice_flex_wrap p {
    text-align: center;
}

.item-template-clbh-a .review {
    flex: 1;
    border: 1px solid #dddad5;
	background: #fafaf9;
	box-shadow: 3px 3px 5px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 18px 20px;
	margin-bottom: 20px;
	font-size: 18px;
}

.item-template-clbh-a .lined {
  line-height: 33px;
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 29px,
    #e4e4e4 29px,
    #e4e4e4 30px
  );
  background-size: 100% 33px;
	margin-bottom: 20px;
}
.item-template-clbh-a .lined .border {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #ffe1e1;
  text-decoration-thickness: 18px;
  text-underline-offset: -16px;
  text-decoration-skip-ink: none;
  font-weight: bold;
}
.item-template-clbh-a .author {
  font-size: 16px;
}

.item-template-clbh-a .txt_note_voice {
	text-align: center;
}
.item-template-clbh-a .detail_lead_text_color {
	display: block;
  color: #e2364f;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 700;
}
.item-template-clbh-a .image {
  margin: 0 auto 10px;
}

.item-template-clbh-a .point01 .image {
  margin: 0 auto 40px;
  width: 415px;
}

.item-template-clbh-a .point02 .image {
  margin: 0 auto 40px;
  width: 431.5px;
	position: relative;
}
.item-template-clbh-a .point02 .image p.ttl {
	position: absolute;
	text-align: center;
	top: 5.5%;
	width: 41.5%;
	font-size: 14px;
	line-height: 1.3;
}


.item-template-clbh-a .point02 .image p.ttl1 {
	left: 3%;
}
.item-template-clbh-a .point02 .image p.ttl2 {
	right: 3%;
}

	
@media (max-width: 640px) {
	.item-template-clbh-a .point02 .image p.ttl {
		top: 5%;
		width: 36.7%;
		font-size: calc(18 * (100vw / 640));
	}
	.item-template-clbh-a .point02 .image p.ttl1 {
		left: 8.5%;
	}
	.item-template-clbh-a .point02 .image p.ttl2 {
		right: 8.5%;
	}	
}

	




.item-template-clbh-a .point03 .image {
  margin: -60px -100px -20px;
}
.item-template-clbh-a .point04 .image {
  margin: 0 auto 40px;
  width: 408px;
}
.item-template-clbh-a .point04 .image video {
    vertical-align: top;
	width: 100%;
}
.item-template-clbh-a .txt_note_lead {
	max-width: 720px;
	margin: 0 auto;
}

@media only screen and (max-width: 1000px) {
	.item-template-clbh-a .voice_flex_wrap {
		gap: 2.5vw;
	}
	.item-template-clbh-a .review {
		font-size: 1.6vw;
	}
	.item-template-clbh-a .lined .border {
	  text-decoration-thickness: 1.6vw;
	  text-underline-offset: -1.4vw;
	}
	.item-template-clbh-a .author {
		font-size: 1.6vw;
	}
}
@media only screen and (max-width: 640px) {
  .item-template-clbh-a .detail_lead_inner {
    max-width: 100%;
    margin: 75px auto 0;
  }
  .item-template-clbh-a .detail_lead_main_image {
    display: block;
    width: calc(100% + 40px);
    margin-bottom: 100px;
    margin: 0 -20px 27px;
  }
  .item-template-clbh-a .detail_lead_text {
    font-size: 14px;
    line-height: 1.714;
    margin-bottom: 27px;
  }
  .item-template-clbh-a .detail_lead_image_02 {
    max-width: 360px;
    margin-bottom: 40px;
	  padding-left: 3%;
  }
  .item-template-clbh-a .detail_lead_image_03 {
    max-width: 348px;
    margin-bottom: 25px;
  }
  .item-template-clbh-a .detail_lead_image_04 {
	margin-top: 0;
	margin-right: -20px;
	margin-left: -20px;
  }
	


  .item-template-clbh-a .detail_lead_text_color {
    font-size: 19px;
    line-height: 1.263579;
	}
	

  .item-template-clbh-a .detail_point_container {
    max-width: 100%;
    margin: 40px auto 0;
    padding: 40px 8px;
    box-sizing: border-box;
  }
  .item-template-clbh-a .detail_point_wrap {
    max-width: 100%;
  }
  .item-template-clbh-a .detail_point_item {
    padding: 40px 13px;
  }
  .item-template-clbh-a .detail_point_item + .detail_point_item {
    margin-top: 42px;
  }
  .item-template-clbh-a .item-detail.red .detail_point_num {
    font-size: 24px;
    padding: 5px 0;
    margin-bottom: 20px;
  }
  .item-template-clbh-a .detail_point_num span {
    font-size: 34px;
  }
  .item-template-clbh-a .detail_point_title {
    font-size: 24px;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
  }
  .item-template-clbh-a .point04 .detail_point_title sup:after {
    bottom: -15px;
  }

  .item-template-clbh-a .detail_point_item .txt {
    margin-bottom: 20px;
  }
  .item-template-clbh-a .ingredient_flex {
    gap: 15px 20px;
    max-width: 335px;
    margin: 0 auto 20px;
  }
  .item-template-clbh-a .ingredient_flex_item {
    width: 95px;
    height: 95px;
    font-size: 16px;
  }
  .item-template-clbh-a .detail_howto_container {
    margin: 75px 0;
  }
  .item-template-clbh-a .detail_howto_inner {
    max-width: 100%;
  }
  .item-template-clbh-a .detail_voice_container h2,
  .item-template-clbh-a .detail_howto_container h2 {
    font-size: 24px;
    padding-bottom: 30px;
  }
  .item-template-clbh-a .detail_howto_container h2::after {
    width: 65px;
  }
  .item-template-clbh-a .detail_howto_box + .detail_howto_box {
    margin-top: 60px;
  }
  .item-template-clbh-a .detail_howto_box_step {
    font-size: 16px;
  }
  .item-template-clbh-a .detail_howto_box_step span {
    font-size: 24px;
  }
  .item-template-clbh-a .detail_howto_box_item {
    max-width: 100%;
    gap: 25px;
  }
  .item-template-clbh-a .detail_howto_box_item_img {
    width: 100px;
  }
  .item-template-clbh-a .detail_howto_box_item_right {
    width: calc(100% - 125px);
  }
  .item-template-clbh-a .detail_howto_box_item_right_title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .item-template-clbh-a .detail_howto_box_item_right_text {
    font-size: 14px;
  }
	

	.item-template-clbh-a .point01 .image,
	.item-template-clbh-a .point02 .image,
	.item-template-clbh-a .point04 .image {
		width: 100%;
	}
	.item-template-clbh-a .point01 .image,
	.item-template-clbh-a .point02 .image {
		padding: 0 6%;
	}
	.item-template-clbh-a .point03 .image {
	  margin: -60px -13px -40px;
	}

	
	.item-template-clbh-a .txt_note_lead {
		max-width: none;
	}
	
	.item-template-clbh-a .detail_voice_container h2::after {
	  width: 50px;
	}
	.item-template-clbh-a .voice_flex_wrap {
		display: block;
	}
	.item-template-clbh-a .txt_note_voice {
		text-align: left;
	}
	.item-template-clbh-a .review {
		font-size: 3.7vw;
		padding: 30px 12px 20px;
	}
	.item-template-clbh-a .lined .border {
	  text-decoration-thickness: 3.4vw;
	  text-underline-offset: -3.1vw;
	}
	.item-template-clbh-a .lined {
	  line-height: 2;
	  background-image: repeating-linear-gradient(
		to bottom,
		transparent 0,
		transparent calc(1.9em - 1px),
		#e4e4e4 calc(1.9em - 1px),
		#e4e4e4 1.9em
	  );
	  background-size: 100% 2em;
	}
	.item-template-clbh-a .author {
		font-size: 3.4vw;
	}
}
.item-template-clbm-ex .item-detail.red .detail_point_num {
    background-color: #EFD1D2;
}
.item-template-clbm-ex .item-detail .detail_point_container .detail_point_num {
  color: #B60005;
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 640px) {
}
.detail_lead_title_text {
  text-align: center;
  font-size: 32px;
  color: #251E1C;
  font-weight: 600;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  line-height: 1.66;
}
.detail_lead_title_text span {
  color: #B60005;
  font-size: 48px;
}
.item-template-clby-ex .detail_lead_title_text,
.item-template-clbm-ex .detail_lead_title_text {
  margin-bottom: 20px;
}
@media only screen and (max-width: 640px) {
  .detail_lead_title_text {
    font-size: 18px;
  }
  .detail_lead_title_text span {
    font-size: 28px;
  }
  .item-template-clby-ex .detail_lead_title_text,
  .item-template-clbm-ex .detail_lead_title_text {
    margin-bottom: 10px;
  }
}
.item-template-bkfo .c-bnr-block.inner-block.skin-concerns,
.item-template-brfo .c-bnr-block.inner-block.skin-concerns,
.item-template-clbb-ex .c-bnr-block.inner-block.skin-concerns,
.item-template-clbc-ex .c-bnr-block.inner-block.skin-concerns,
.item-template-clbh-a .c-bnr-block.inner-block.skin-concerns,
.item-template-clbm-ex .c-bnr-block.inner-block.skin-concerns,
.item-template-clbw-ex .c-bnr-block.inner-block.skin-concerns,
.item-template-clby-ex .c-bnr-block.inner-block.skin-concerns,
.item-template-wabr .c-bnr-block.inner-block.skin-concerns,
.item-template-wccl .c-bnr-block.inner-block.skin-concerns,
.item-template-cspb .c-bnr-block.inner-block.skin-concerns {
  padding-top: 70px;
  margin-bottom: 60px;
}
@media only screen and (max-width:640px){
  .item-template-bkfo .c-bnr-block.inner-block.skin-concerns,
  .item-template-brfo .c-bnr-block.inner-block.skin-concerns,
  .item-template-clbb-ex .c-bnr-block.inner-block.skin-concerns,
  .item-template-clbc-ex .c-bnr-block.inner-block.skin-concerns,
  .item-template-clbh-a .c-bnr-block.inner-block.skin-concerns,
  .item-template-clbm-ex .c-bnr-block.inner-block.skin-concerns,
  .item-template-clbw-ex .c-bnr-block.inner-block.skin-concerns,
  .item-template-clby-ex .c-bnr-block.inner-block.skin-concerns,
  .item-template-wabr .c-bnr-block.inner-block.skin-concerns,
  .item-template-wccl .c-bnr-block.inner-block.skin-concerns,
  .item-template-cspb .c-bnr-block.inner-block.skin-concerns {
    padding-top: 15px;
    margin-bottom: 65px;
  }
}
.step #comp-banner-block {
  background: #fff;
  padding-bottom: 0;
}
@media only screen and (max-width: 950px) {
}
.item-template-cspb .detail_lead_wrap {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}
.item-template-cspb small {
  font-size: 10px;
  display: block;
  margin-top: 10px;
}
.item-template-cspb .detail_lead_title {
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
  color: #ffffff;
  font-weight: 500;
  background-color: #92B4CD;
  border-radius: 3px;
  padding: 12px 10px; 
  box-sizing: border-box;
  margin-bottom: 40px;
}
.item-template-cspb .text-blue {
  color: #92B4CD;
}
.item-template-cspb .detail_lead_subtitle {
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  font-size: 48px;
  letter-spacing: 0.05em;
  margin-bottom: 15px;
}
.item-template-cspb .detail_lead_subtitle .text-big {
  font-size: 65px;
}
.item-template-cspb .detail_lead_text {
  text-align: center;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 40px;
}
.item-template-cspb .detail_lead_flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px 50px;
  margin-bottom: 65px;
}
.item-template-cspb .detail_lead_flex_item {
  width: 100%;
  max-width: 160px;
}
.item-template-cspb .detail_lead_flex_item img {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.item-template-cspb .detail_lead_flex_item p {
  font-size: 18px;
  line-height: 1;
  text-align: center;
}
.item-template-cspb .detail_lead_box {
  max-width: 530px;
  margin: 0 auto 80px;
}
.item-template-cspb .detail_lead_box_title {
  margin-bottom: 20px;
  text-align: center;
}
.item-template-cspb .detail_lead_box_title p {
  font-size: 25px;
  font-weight: 500;
  display: inline-block;
}
.item-template-cspb .detail_lead_box_title.--slash p {
  padding: 0 30px;
  position: relative;
}
.item-template-cspb .detail_lead_box_title.--slash p::before,
.item-template-cspb .detail_lead_box_title.--slash p::after {
  content: "";
  display: block;
  width: 2px;
  height: 55px;
  position: absolute;
  top: 50%;
  background-color: #251E1C;
}
.item-template-cspb .detail_lead_box_title.--slash p::before {
  left: 0;
  transform: translateY(-50%) rotateZ(-20deg);
}
.item-template-cspb .detail_lead_box_title.--slash p::after {
  right: 0;
  transform: translateY(-50%) rotateZ(20deg);
}
.item-template-cspb .detail_lead_box_img {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}
.item-template-cspb .detail_recommend {
  margin-bottom: 150px;  
}
.item-template-cspb .detail_recommend_title {
  text-align: center;
  font-size: 30px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  line-height: 1;
  letter-spacing: 0.01em;
  padding: 20px 10px;
  background-color: #92B4CD;
  color: #ffffff;
}
.item-template-cspb .detail_recommend_list {
  background: rgba(146, 180, 205, 0.1);
  padding: 40px 20px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.item-template-cspb .detail_recommend_list_item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 25px;
  width: 100%;
  max-width: 495px;
  margin: 0 auto;
}
.item-template-cspb .detail_recommend_list_item img {
  display: block;
  width: 25px;
}
.item-template-cspb .detail_recommend_list_item p {
  font-size: 18px;
  letter-spacing: 0;
}
.item-template-cspb .detail_recommend_list_item + .detail_recommend_list_item {
  margin-top: 30px;
}
.item-template-cspb .item-detail.blue .detail_point_num {
  background-color: #92B4CD;
}
.item-template-cspb .item-detail.blue .point01 .detail_point_num,
.item-template-cspb .item-detail.blue .point02 .detail_point_num {
  margin-bottom: 45px;
}
.item-template-cspb .detail_point_title_icon {
  position: relative;
}
.item-template-cspb .detail_point_title_icon_text {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 105px;
  height: 105px;
  border-radius: 50%;
  background-color: #92B4CD;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  position: absolute;
  top: -20px;
  left: 0;
}
.item-template-cspb .detail_point_box2.blue {
  background: rgba(146, 180, 205, 0.1);
  padding: 60px 25px;
}
.item-template-cspb .detail_point_box2_title {
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 30px;
}
.item-template-cspb .detail_point_box2_title.--slash span {
  position: relative;
  display: inline-block;
  padding: 0 40px;
  margin: 0 auto;
}
.item-template-cspb .detail_point_box2_title.--slash span::before,
.item-template-cspb .detail_point_box2_title.--slash span::after {
  content: "";
  display: block;
  width: 2px;
  height: 45px;
  background-color: #251E1C;
  position: absolute;
  top: 50%;
}
.item-template-cspb .detail_point_box2_title.--slash span::before {
  left: 0;
  transform: translateY(-50%) rotateZ(-20deg);
}
.item-template-cspb .detail_point_box2_title.--slash span::after {
  right: 0;
  transform: translateY(-50%) rotateZ(20deg);
}
.item-template-cspb .detail_point_box2_title .text-small{
  font-size: 20px;
}
.item-template-cspb .detail_point_item.point01 .detail_point_box2_flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
}
.item-template-cspb .detail_point_item.point01 .detail_point_box2_flex img {
  display: block;
  width: 60px;
  flex-shrink: 0;
}
.item-template-cspb .detail_point_item.point01 .detail_point_box2_flex .detail_point_box2_item {
  width: 100%;
  margin-top: 30px;
}
.item-template-cspb .detail_point_item.point01 .detail_point_box2_flex .detail_point_box2_item_title {
  width: 100%;
  max-width: 345px;
  position: relative;
  text-align: center;
  background-color: #FFFFFF;
  border: solid 2px #92B4CD;
  color: #92B4CD;
  font-size: 20px;
  font-weight: 500;
  line-height: 2;
  padding: 4px 60px;
  box-sizing: border-box;
  margin-bottom: 25px;
  border-radius: 50px;
}
.item-template-cspb .detail_point_item.point01 .detail_point_title.detail_point_title_icon {
  padding-top: 35px;
}
.item-template-cspb .detail_point_item.point01 .detail_point_box2_flex .detail_point_box2_item_title.pick {
  position: relative;
}
.item-template-cspb .detail_point_item.point01 .detail_point_box2_flex .detail_point_box2_item_title.pick span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 63px;
  height: 63px;
  background-color: #92B4CD;
  color: #FFFFFF;
  border-radius: 50%;
  font-size: 17px;
  line-height: 1.176;
  position: absolute;
  top: 50%;
  left: -4px;
  transform: translateY(-50%);
  padding: 0 5px;
}
.item-template-cspb .detail_point_item.point01 .detail_point_box2_flex .detail_point_box2_item_text {
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.04em;
}
.item-template-cspb .detail_point_item.point01 .detail_point_box2_flex .detail_point_box2_item_text + .detail_point_box2_item_title {
  margin-top: 25px;
}
.item-template-cspb .detail_point_item.point01 .detail_point_box2_arrow {
  display: block;
  width: 50px;
  margin: 10px auto 40px;
}
.item-template-cspb .detail_point_item.point01 .point01_img_02 {
  width: 100%;
  display: block;
  max-width: 365px;
  position: relative;
  left: 22px;
  margin: 0 auto 30px;
}
.item-template-cspb .detail_point_box2_text {
  font-size: 16px;
  line-height: 2.1875;
}
.item-template-cspb .detail_point_item.point01 .detail_point_box2.blue:nth-child(5) {
  margin-top: 40px;
}
.item-template-cspb .detail_point_box2_imgs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 10px;
}
.item-template-cspb .detail_point_box2_imgs img {
  width: 100%;
  max-width: 80px;
}
.item-template-cspb .note_right {
  display: block;
  text-align: right;
}
.item-template-cspb .detail_point_box2_care_list {
  margin-top: 30px;
  margin-bottom: 35px;
}
.item-template-cspb .detail_point_box2_care_list_item {
  display: flex;
  width: 100%;
  align-items: stretch;
  justify-content: flex-start;
  gap: 20px;
  border-radius: 100px;
  border: solid 2px #92B4CD;
  background-color: #FFFFFF;
}
.item-template-cspb .detail_point_box2_care_list_item:first-child .detail_point_box2_care_list_item_text,
.item-template-cspb .detail_point_box2_care_list_item:last-child .detail_point_box2_care_list_item_text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.item-template-cspb .detail_point_box2_care_list_item .detail_point_box2_care_list_item_text .txt-mt {
  display: block;
  margin-top: 5px;
}
.item-template-cspb .detail_point_box2_care_list_item + .detail_point_box2_care_list_item {
  margin-top: 25px;
}
.item-template-cspb .detail_point_box2_care_list_item_title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 170px;
  flex-shrink: 0;
  background-color: #92B4CD;
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  border-radius: 50px 0 50px 50px;
  padding: 25px 10px;
  position: relative;
  left: -1px;
}
.item-template-cspb .detail_point_box2_care_list_item_text {
  font-size: 18px;
  padding: 5px 20px 5px 0;
  line-height: 1.1;
}
.item-template-cspb .detail_point_box2_care_list_item_text .text-right {
  display: block;
  text-align: right;
}
.item-template-cspb .detail_point_box2_care_list_item_text .text-blue {
  font-weight: 700;
}
.item-template-cspb .detail_point_box2_care_list_item_text .text-big {
  font-size: 21px;
}
.item-template-cspb .detail_point_item.point02 .point02_img_01 {
  display: block;
  width: 100%;
  max-width: 350px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
}
.item-template-cspb .detail_point_item.point02 .point02_img_02 {
  display: block;
  width: 100%;
  max-width: 480px;
  margin: 40px auto;
}
.item-template-cspb .detail_point_item.point02 .detail_point_box2.blue {
  max-width: 470px;
  margin-bottom: 30px;
  padding: 30px 25px;
  margin: 0 auto 30px;
}
.item-template-cspb .detail_point_item.point02 .point02_img_03 {
  display: block;
  width: 100%;
  max-width: 413px;
  margin-right: auto;
  margin-left: auto;
}
.item-template-cspb .detail_point_item.point02 .point02_img_04 {
  display: block;
  width: 100%;
  max-width: 480px;
  margin: 40px auto;
}
.item-template-cspb .detail_point_item.point03 .detail_point_box2.blue {
  padding: 50px 15px;
}
.item-template-cspb .detail_point_item.point03 .detail_point_box2_wrap {
  background-color: #FFFFFF;
  width: 100%;
  padding: 25px;
}
.item-template-cspb .detail_point_item.point03 .detail_point_box2_wrap + .detail_point_box2_wrap {
  margin-top: 40px;
}
.item-template-cspb .detail_point_item.point03 .detail_point_box2_blue_title  {
  text-align: center;
  font-size: 22px;
  line-height: 1;
  color: #ffffff;
  padding: 14px 10px;
  background-color: #92B4CD;
  border-radius: 8px;
  margin-bottom: 40px;
}
.item-template-cspb .detail_point_item.point03 .detail_point_box2_subtitle {
  text-align: center;
  font-size: 20px;
  margin-bottom: 40px;
}
.item-template-cspb .detail_point_item.point03 .point03_img_01 {
  display: block;
  width: 100%;
  max-width: 414px;
  margin-bottom: 35px;
}
.item-template-cspb .detail_point_item.point03 .point03_img_02 {
  display: block;
  width: 100%;
  max-width: 400px;
}
.item-template-cspb .detail_point_item.point03 .detail_point_box2_flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
.item-template-cspb .detail_point_item.point03 .detail_point_box2_flex p {
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  background-color: #ffffff;
  border: solid 2px #92B4CD;
  color: #92B4CD;
  border-radius: 50px;
  padding: 10px 13px;
  box-sizing: border-box;
  display: inline-block;
}
.item-template-cspb .detail_point_item.point03 .point03_img_03 {
  display: block;
  width: 100%;
  max-width: 330px;
  margin: 0 auto;
  position: relative;
  left: 20px;
  margin-bottom: 40px;
}
.item-template-cspb .detail_point_item.point03 .point03_img_04 {
  display: block;
  width: 100%;
  max-width: 394px;
  margin-bottom: 25px;
}
.item-template-cspb .detail_point_item.point03 .detail_point_check {
  margin-top: 40px;
}
.item-template-cspb .detail_point_item.point03 .detail_point_check_title_wrap {
  margin-bottom: 30px;
  position: relative;
}
.item-template-cspb .detail_point_item.point03 .detail_point_check_title_wrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #92B4CD;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.item-template-cspb .detail_point_item.point03 .detail_point_check_title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  background-color: #ffffff;
  width: 100%;
  max-width: 317px;
  margin: 0 auto 30px;
  padding: 0 60px;
  position: relative;
  z-index: 2;
}
.item-template-cspb .detail_point_item.point03 .detail_point_check_title img {
  display: block;
  width: 56px;
}
.item-template-cspb .detail_point_item.point03 .detail_point_check_title p {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.04em;
  display: flex;
  flex-shrink: 0;
}
.item-template-cspb .detail_point_item.point03 .detail_point_check_list {
  width: 100%;
  max-width: 400px;
  margin: 0 auto 40px; 
}
.item-template-cspb .detail_point_item.point03 .detail_point_check_list li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 25px;
  padding: 13px 30px;
  box-sizing: border-box;
  background: rgba(146, 180, 205, 0.4);
  border-radius: 50px;
}
.item-template-cspb .detail_point_item.point03 .detail_point_check_list li + li {
  margin-top: 20px;
}
.item-template-cspb .detail_point_item.point03 .detail_point_check_list li img {
  flex-shrink: 0;
  display: block;
  width: 20px;
}
.item-template-cspb .detail_point_item.point03 .detail_point_check_list li p {
  font-size: 16px;
  letter-spacing: 0.04em;
}
.item-template-cspb .detail_point_item.point03 .detail_point_check_note {
  display: block;
  width: 100%;
  max-width: 412px;
  margin: 0 auto;
}
.item-template-cspb .detail_point_item.point04 .point04_img_01 {
  display: block;
  width: 100%;
  max-width: 500px;
  margin: 0 auto 35px;
}
.item-template-cspb .detail_step2_container {
  margin-top: 65px
}
.item-template-cspb .detail_step2_container h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 35px;
  margin-bottom: 100px;
  position: relative;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.item-template-cspb .detail_step2_container h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.item-template-cspb .detail_step2_inner {
  width: 100%;
  max-width: 760px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.item-template-cspb .detail_step2_title {
  text-align: center;
  font-size: 22px;
  line-height: 1.3636;
  color: #ffffff;
  background-color: #92B4CD;
  border-radius: 8px;
  padding: 17px 10px;
  margin-bottom: 40px;
}
.item-template-cspb .detail_step2_text {
  text-align: center;
  font-size: 16px;
  line-height: 2.1875;
  margin-bottom: 40px;
}
.item-template-cspb .detail_step2_item {
  background-color: #92B4CD;
  padding: 33px 10px 18px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 3px;
  margin-bottom: 20px;
}
.item-template-cspb .detail_step2_item img {
  display: block;
  width: 107px;
  margin: 0 auto 13px;
}
.item-template-cspb .detail_step2_item p {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.8888;
}
.item-template-cspb .detail_step2_arrow {
  display: block;
  width: 44px;
  margin: 0 auto 20px;
}
.item-template-cspb .detail_step2_box {
  background: rgba(146, 180, 205, 0.1);
  padding: 25px 10px;
  box-sizing: border-box;
  text-align: center;
  font-size: 20px;
  line-height: 1.75;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
}
.item-template-cspb .detail_howto_flex {
  margin-top: 115px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 65px;
}
.item-template-cspb .detail_howto_flex div {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: solid 4px #92B4CD;
  border-radius: 50%;
  width: 190px;
  height: 190px;
}
.item-template-cspb .detail_howto_flex p {
  font-size: 30px;
  line-height: 1.6666;
  font-weight: 700;
  color: #92B4CD;
  text-align: center;
}
.item-template-cspb .detail_howto_flex span {
  font-size: 44px;
}
.item-template-cspb .detail_howto_flex_note {
  display: block;
  text-align: right;
  margin-top: 20px;
}
.item-template-cspb .detail_howto_point {
  position: relative;
  margin-top: 80px;
  border: solid 2px #92B4CD;
  padding: 75px 55px 50px;
  box-sizing: border-box;
}
.item-template-cspb .detail_howto_point_title {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3636;
  color: #ffffff;
  background-color: #92B4CD;
  border-radius: 8px;
  padding: 13px 55px 10px;
  position: absolute;
  top: -27px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 450px;
}
.item-template-cspb .detail_howto_point_flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 44px;
}
.item-template-cspb .detail_howto_point_flex img {
  display: block;
  width: 100%;
  max-width: 170px;
}
.item-template-cspb .detail_howto_point_flex p {
  font-size: 16px;
  line-height: 2.1875;
}
.item-template-cspb .detail_howto_point_note {
  display: block;
  text-align: right;
}
.item-template-cspb .point03 .detail_point_title .border2 span {
  position: relative;
  z-index: 2;
}
.item-template-cspb .point03 .detail_point_title .border2 span::after {
  content: "";
  width: 100%;
  height: 20px;
  background-color: #FFF2BA;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 640px) {
  .item-template-cspb .detail_lead_wrap {
    max-width: 100%;
  }
  .item-template-cspb .detail_lead_title {
    font-size: 14px;
    letter-spacing: 0.1em;
    padding: 10px 10px; 
    margin-bottom: 10px;
  }
  .item-template-cspb .detail_lead_subtitle {
    font-size: 24px;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
  }
  .item-template-cspb .detail_lead_subtitle .text-big {
    font-size: 32px;
  }
  .item-template-cspb .detail_lead_text {
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 1.75;
  }
  .item-template-cspb .detail_lead_flex {
    gap: 10px 0;
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .item-template-cspb .detail_lead_flex_item {
    max-width: 113px;
  }
  .item-template-cspb .detail_lead_flex_item img {
    width: 100%;
    max-width: 80px;
    margin: 0 auto 5px;
  }
  .item-template-cspb .detail_lead_flex_item p {
    font-size: 14px;
  }
  .item-template-cspb .detail_lead_box {
    max-width: 100%;
    margin: 0 auto 40px;
  }
  .item-template-cspb .detail_lead_box_title {
    margin-bottom: 10px;
  }
  .item-template-cspb .detail_lead_box_title p {
    font-size: 16px;
  }
  .item-template-cspb .detail_lead_box_title.--slash p {
    padding: 0 20px;
  }
  .item-template-cspb .detail_lead_box_title.--slash p::before,
  .item-template-cspb .detail_lead_box_title.--slash p::after {
    width: 2px;
    height: 30px;
    top: 50%;
  }
  .item-template-cspb .detail_lead_box_img {
    margin-bottom: 10px;
  }
  .item-template-cspb .detail_recommend {
    margin-bottom: 30px;  
  }
  .item-template-cspb .detail_recommend_title {
    font-size: 19px;
    letter-spacing: 0.1em;
    padding: 10px 10px;
  }
  .item-template-cspb .detail_recommend_list {
    padding: 20px 10px;
  }
  .item-template-cspb .detail_recommend_list_item {
    gap: 10px;
    max-width: 100%;
  }
  .item-template-cspb .detail_recommend_list_item img {
    width: 14px;
  }
  .item-template-cspb .detail_recommend_list_item p {
    font-size: 12px;
  }
  .item-template-cspb .detail_recommend_list_item + .detail_recommend_list_item {
    margin-top: 15px;
  }
  .item-template-cspb .detail_point_title_icon_text {
    width: 70px;
    height: 70px;
    font-size: 12px;
    top: -10px;
    left: -5px;
  }
  .item-template-cspb .detail_point_box2.blue {
    padding: 20px 10px;
  }
  .item-template-cspb .detail_point_box2_title {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .item-template-cspb .point01.detail_point_box2_title {
    margin-bottom: 5px;
  }
  .item-template-cspb .detail_point_box2_title.--slash span {
    padding: 0 20px;
  }
  .item-template-cspb .detail_point_box2_title.--slash span::before,
  .item-template-cspb .detail_point_box2_title.--slash span::after {
    width: 2px;
    height: 30px;
  }
  .item-template-cspb .detail_point_box2_title .text-small{
    font-size: 16px;
  }
  .item-template-cspb .detail_point_item.point01 .detail_point_box2_flex {
    gap: 10px;
    margin-top: -10px;
  }
  .item-template-cspb .detail_point_item.point01 .detail_point_box2_flex img {
    width: 30px;
  }
  .item-template-cspb .detail_point_item.point01 .detail_point_box2_flex .detail_point_box2_item {
    margin-top: 20px;
  }
  .item-template-cspb .detail_point_item.point01 .detail_point_box2_flex .detail_point_box2_item_title {
    max-width: 100%;
    font-size: 14px;
    padding: 2px 30px;
    margin-bottom: 10px;
    border-radius: 25px;
  }
  .item-template-cspb .detail_point_item.point01 .detail_point_box2_flex .detail_point_box2_item_title.pick span {
    width: 36px;
    height: 36px;
    font-size: 10px;
  }
  .item-template-cspb .detail_point_item.point01 .detail_point_box2_flex .detail_point_box2_item_text {
    font-size: 12px;
  }
  .item-template-cspb .detail_point_item.point01 .detail_point_box2_flex .detail_point_box2_item_text + .detail_point_box2_item_title {
    margin-top: 15px;
  }
  .item-template-cspb .detail_point_item.point01 .detail_point_box2_arrow {
    display: block;
    width: 32px;
    margin: 10px auto 20px;
  }
  .item-template-cspb .detail_point_item.point01 .point01_img_02 {
    max-width: 250px;
    left: 15px;
    margin: 0 auto 15px;
  }
  .item-template-cspb .detail_point_box2_text {
    font-size: 14px;
  }
  .item-template-cspb .detail_point_item.point01 .detail_point_box2.blue:nth-child(5) {
    margin-top: 40px;
  }
  .item-template-cspb .detail_point_box2_imgs {
    gap: 5px;
    margin-bottom: 10px;
  }
  .item-template-cspb .detail_point_box2_imgs img {
    max-width: 50px;
  }
  .item-template-cspb .detail_point_box2_care_list {
    margin-top: 15px;
    margin-bottom: 30px;
  }
  .item-template-cspb .detail_point_box2_care_list_item {
    gap: 10px;
    border-radius: 50px;
  }
  .item-template-cspb .detail_point_box2_care_list_item + .detail_point_box2_care_list_item {
    margin-top: 15px;
  }
  .item-template-cspb .detail_point_box2_care_list_item_title {
    max-width: 110px;
    font-size: 14px;
    padding: 15px 10px;
  }
  .item-template-cspb .detail_point_box2_care_list_item_text {
    font-size: 12px;
    padding-right: 10px;
  }
  .item-template-cspb .detail_point_box2_care_list_item_text .text-big {
    font-size: 12px;
  }
  .item-template-cspb .detail_point_item.point02 .point02_img_01 {
    max-width: 280px;
    margin-bottom: 20px;
  }
  .item-template-cspb .detail_point_item.point02 .point02_img_02 {
    max-width: 295px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    left: 0;
    margin-right: auto;
    margin-left: auto;
  }
  .item-template-cspb .detail_point_item.point02 .detail_point_box2.blue {
    max-width: 100%;
    margin-bottom: 15px;
  }
  .item-template-cspb .detail_point_item.point02 .point02_img_03 {
    max-width: 288px;
    position: relative;
    left: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .item-template-cspb .detail_point_item.point02 .point02_img_04 {
    max-width: 285px;
    margin: 20px auto;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_box2.blue {
    padding: 20px 10px;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_box2_wrap {
    padding: 20px 10px;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_box2_wrap + .detail_point_box2_wrap {
    margin-top: 30px;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_box2_blue_title  {
    font-size: 14px;
    padding: 10px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_box2_subtitle {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .item-template-cspb .detail_point_item.point03 .point03_img_01 {
    max-width: 270px;
    margin-bottom: 20px;
    position: relative;
    left: 0;
    margin-right: auto;
    margin-left: auto;
  }
  .item-template-cspb .detail_point_item.point03 .point03_img_02 {
    max-width: 217px;
    position: relative;
    left: 0;
    margin-right: auto;
    margin-left: auto;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_box2_flex {
    gap: 5px;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_box2_flex p {
    font-size: 10px;
    border: solid 1px #92B4CD;
    border-radius: 25px;
    padding: 5px 5px;
  }
  .item-template-cspb .detail_point_item.point03 .point03_img_03 {
    max-width: 250px;
    left: 20px;
    margin-bottom: 20px;
  }
  .item-template-cspb .detail_point_item.point03 .point03_img_04 {
    max-width: 214px;
    margin-bottom: 20px;
    position: relative;
    left: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_check {
    margin-top: 30px;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_check_title_wrap {
    margin-bottom: 20px;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_check_title {
    gap: 10px;
    max-width: 250px;
    margin: 0 auto 20px;
    padding: 0 10px;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_check_title img {
    width: 50px;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_check_title p {
    font-size: 16px;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_check_list {
    max-width: 250px;
    margin: 0 auto 20px; 
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_check_list li {
    gap: 10px;
    padding: 5px 10px;
    border-radius: 25px;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_check_list li + li {
    margin-top: 15px;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_check_list li img {
    width: 17px;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_check_list li p {
    font-size: 12px;
  }
  .item-template-cspb .detail_point_item.point03 .detail_point_check_note {
    max-width: 250px;
  }
  .item-template-cspb .detail_point_item.point04 .point04_img_01 {
    max-width: 350px;
    margin: 0 auto 20px;
  }
  .item-template-cspb .detail_step2_container {
    margin-top: 50px
  }
  .item-template-cspb .detail_step2_container h2 {
    font-size: 24px;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .item-template-cspb .detail_step2_container h2::after {
    width: 65px;
  }
  .item-template-cspb .detail_step2_inner {
    max-width: 100%;
  }
  .item-template-cspb .detail_step2_title {
    font-size: 14px;
    line-height: 1;
    border-radius: 4px;
    padding: 8px 10px;
    max-width: 250px;
    margin: 0 auto 10px;
  }
  .item-template-cspb .detail_step2_text {
    font-size: 13px;
  }
  .item-template-cspb .detail_step2_item {
    padding: 15px 10px;
    border-radius: 2px;
    margin-bottom: 15px;
  }
  .item-template-cspb .detail_step2_item img {
    width: 58px;
    margin: 0 auto 10px;
  }
  .item-template-cspb .detail_step2_item p {
    font-size: 14px;
  }
  .item-template-cspb .detail_step2_arrow {
    width: 22px;
    margin: 0 auto 15px;
  }
  .item-template-cspb .detail_step2_box {
    padding: 5px 10px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .item-template-cspb .detail_howto_flex {
    margin-top: 30px;
    gap: 30px;
  }
  .item-template-cspb .detail_howto_flex div {
    border: solid 2px #92B4CD;
    width: 110px;
    height: 110px;
  }
  .item-template-cspb .detail_howto_flex p {
    font-size: 20px;
    line-height: 1.2;
  }
  .item-template-cspb .detail_howto_flex span {
    font-size: 28px;
  }
  .item-template-cspb .detail_howto_flex_note {
    text-align: left;
    margin-top: 20px;
  }
  .item-template-cspb .detail_howto_point {
    margin-top: 35px;
    padding: 50px 10px 10px;
  }
  .item-template-cspb .detail_howto_point_title {
    font-size: 14px;
    border-radius: 4px;
    padding: 5px 10px 5px;
    top: -16px;
    min-width: 250px;
  }
  .item-template-cspb .detail_howto_point_flex {
    gap: 10px;
  }
  .item-template-cspb .detail_howto_point_flex img {
    max-width: 130px;
  }
  .item-template-cspb .detail_howto_point_flex p {
    font-size: 13px;
  }
  .item-template-cspb .detail_howto_point_note {
    text-align: left;
  }
  .item-template-cspb .point02 .detail_point_title sup {
    position: relative;
  }
  .item-template-cspb .point02 .detail_point_title sup span,
  .item-template-cspb .point03 .detail_point_title .border2 span {
    position: relative;
    z-index: 2;
    display: inline-block;
    height: 100%;
  }
  .item-template-cspb .point02 .detail_point_title sup::after {
    content: "";
    width: 100%;
    height: 20px;
    background-color: #FFF2BA;
    position: absolute;
    bottom: -16px;
    left: 0;
    z-index: -1;
  }
  .item-template-cspb .point03 .detail_point_title .border2 span::after {
    content: "";
    width: 100%;
    height: 20px;
    background-color: #FFF2BA;
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: -1;
  }
  .item-template-cspb .item-detail.blue .point01 .detail_point_num,
  .item-template-cspb .item-detail.blue .point02 .detail_point_num {
    margin-bottom: 30px;
  }
}
.item-template-rblo #howto_use,
.item-template-ntem #howto_use {
  padding-top: 70px;
  margin-top: 70px;
}
@media only screen and (min-width: 641px) {
  .img_border_flex_item_title {
    letter-spacing: -0.03em;
  }
  .item-template-dems .item-detail .detail_point_item.point01 .txt span {
    letter-spacing: -0.02em;
  }
}
.item-template-brrs .item-detail .c-bg-area .column3.variable .list .ingre_wp .txt {
  letter-spacing: -0.02em;
}
.c-ttl01 .en.text {
  font-size: 30px;
  font-weight: 600;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  letter-spacing: 0.05em;
}
@media (max-width: 640px) {
  .c-ttl01 .en.text {
    font-size: 23px;
  }
}

@media only screen and (min-width: 641px){
}

@media only screen and (min-width: 1025px) {
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

@media only screen and (max-width: 640px){
    .campaign-first .sample-box {
      padding: 30px 20px;
      border-radius: 10px;
      margin: 50px auto 90px;
    }
    .sample-box {
      border-radius: 10px!important;
    }
    .sample-box .sample-ttl {
      font-size: 16px!important;
      line-height: 1.5!important;
    }
    .sample-box .sample-ttl .txt {
      margin-bottom: 10px;
    }
    .sample-box .sample-ttl .sub {
      font-size: 14px!important;
    }
    .sample-box .sample-ttl .tax {
      font-size: 10px;
    }
    .sample-box .wrap {
      display: block!important;
    }
    .sample-box .wrap .item{
      justify-content: center;
      margin-right: 2.9282576867vw!important;
    }
    .sample-box .item .img {
      width: 37.3333333333vw!important;
    }
    .sample-box .item.wash .img {
      width: 34.3333333333vw!important;
    }
    .sample-box .item .cat {
      padding: 0px 4px!important;
      font-size: 10px!important;
    }
    .sample-box .item .type {
      font-size: 10px!important;
    }
    .sample-box .item .name {
      font-size: 14px!important;
      letter-spacing: -0.05em;
      padding: 0;
      margin: 0;
    }
    .sample-box .detail-txt-area {
      font-size: 10px!important;
    }
    .sample-box .item .amount {
      font-size: 10px!important;
    }
    .sample-box .price {
      text-align: center;
      margin: 20px 0 0px!important;
      padding-bottom: 30px!important;
      font-size: 16px!important;
    }
    .sample-box .price::before {
      left: 0;
      right: -2.9282576867vw!important;
      transform: rotate(90deg);
      top: auto!important;
      bottom: -16px!important;
    }
    .sample-box .price .normal {
      display: inline-block!important;
    }
    .sample-box .off .circle {
      width: 100px!important;
      height: 100px!important;
      padding: 16px 0!important;
      margin-right: 16px!important;
    }
    .sample-box .off{
    padding-top: 20px;
  }
    .sample-box .off .circle .sub {
      font-size: 12px;
    }
    .sample-box .off .circle .num {
      font-size: 34px;
    }
    .sample-box .off .circle .alphabet {
      font-size: 20px;
    }
    .sample-box .off .period {
      font-size: 16px;
    }
    .sample-box .off .add-txt {
      font-size: 12px!important;
    }
    .fd-item-list02 .img {
      height: 210px!important;
    }
  }
  .fd-box01 {
    background-color: #fff;
    display: inline-block;
    width: 100%;
  }
  .sample-box {
    background: #f0f0eb;
    border-radius: 20px;
    padding: 50px 4vw!important;
    margin: 50px auto!important;
  }
  .sample-box .sample-ttl {
    font-size: 24px;
    margin-bottom: 30px!important;
    line-height: 1.875;
    text-align: left;
  }
  .sample-box .sample-ttl .txt {
    margin-bottom: 15px!important;
    display: block;
  }
  .sample-box .sample-ttl .sub {
    font-size: 22px;
  }
  .sample-box .sample-ttl .tax {
    font-size: 16px;
  }
  .sample-box .wrap{
    display: flex;
    align-items: center;
  }
  .sample-box .item {
    margin-right: 35px!important;
    display: flex;
    text-align: left;
    align-items: center;
  }
  .sample-box .item .img {
    width: 13.9092240117vw;
    max-width: 190px;
    display: inline-block;
    margin-right: 10px!important;
    text-align: center;
  }
    .sample-box .item.wash .img {
    width: 13.092240117vw;
  }
  .sample-box .item .cat {
    background: #8F262A;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 2px 6px!important;
    margin-bottom: 10px!important;
  }
    .sample-box .item.wash .cat {
    background: #8686B4;
  }
  .sample-box .item .type {
    font-size: 16px;
    color: #969696;
  }
  .sample-box .item .name {
    font-size: 20px;
    margin: 0;
    padding: 0;
  }
  .sample-box .price {
    font-size: 20px;
    position: relative;
    margin-right: 6vw!important;
  }
  .sample-box .price .num {
    font-size: 32px;
    line-height: 1;
  }
  .sample-box .price .normal {
    display: block;
    text-align: left;
  }
  .sample-box .price::before {
    content: "";
    position: absolute;
    background: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/47f413bdc2cf4f75947f12d7d8e1f26f/arrow.png") no-repeat center/contain;
    width: 20px;
    height: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -50px;
  }
  .sample-box .off{
    display: flex;
    align-items: center;
    position: relative;
  }
  .sample-box .off .circle {
    text-align: center;
    border-radius: 50%;
    background: #b93232;
    color: #fff;
    width: 140px;
    height: 140px;
    line-height: 1;
    padding: 20px 0!important;
    margin-right: 20px!important;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .off .circle .num {
    font-size: 52px;
  }
  .off .circle .percent {
    font-size: 32px;
  }
  .off .circle .alphabet {
    font-size: 40px;
  }
  .off .period {
    color: #b93232;
    font-size: 20px;
    text-align: left;
  }
  .off .period .num {
    font-size: 44px;
    font-weight: bold;
    line-height: 1;
  }
  .sample-box .off .add-txt {
    position: absolute;
    font-size: 14px;
    bottom: -20px;
    right: 0;
  }
  .sample-box .detail-txt-area {
    margin-top: 50px!important;
    font-size: 12px;
    text-align: left;
  }
  .sample-box .detail-txt-area .indent {
    padding-left: 2em!important;
  }
  .sample-box .detail-txt-area * + * {
    margin-top: 8px!important;
  }

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

@media only screen and (max-width: 640px){
    .campaign-first .sample-box {
      padding: 30px 20px;
      border-radius: 10px;
      margin: 50px auto 90px;
    }
    .sample-box {
      border-radius: 10px!important;
    }
    .sample-box .sample-ttl {
      font-size: 16px!important;
      line-height: 1.5!important;
    }
    .sample-box .sample-ttl .txt {
      margin-bottom: 10px;
    }
    .sample-box .sample-ttl .sub {
      font-size: 14px!important;
    }
    .sample-box .sample-ttl .tax {
      font-size: 10px;
    }
    .sample-box .wrap {
      display: block!important;
    }
    .sample-box .wrap .item{
      justify-content: center;
      margin-right: 2.9282576867vw!important;
    }
    .sample-box .item .img {
      width: 37.3333333333vw!important;
    }
    .sample-box .item.wash .img {
      width: 34.3333333333vw!important;
    }
    .sample-box .item .cat {
      padding: 0px 4px!important;
      font-size: 10px!important;
    }
    .sample-box .item .type {
      font-size: 10px!important;
    }
    .sample-box .item .name {
      font-size: 14px!important;
      letter-spacing: -0.05em;
      padding: 0;
      margin: 0;
    }
    .sample-box .detail-txt-area {
      font-size: 10px!important;
    }
    .sample-box .item .amount {
      font-size: 10px!important;
    }
    .sample-box .price {
      text-align: center;
      margin: 20px 0 0px!important;
      padding-bottom: 30px!important;
      font-size: 16px!important;
    }
    .sample-box .price::before {
      left: 0;
      right: -2.9282576867vw!important;
      transform: rotate(90deg);
      top: auto!important;
      bottom: -16px!important;
    }
    .sample-box .price .normal {
      display: inline-block!important;
    }
    .sample-box .off .circle {
      width: 100px!important;
      height: 100px!important;
      padding: 16px 0!important;
      margin-right: 16px!important;
    }
    .sample-box .off{
    padding-top: 20px;
  }
    .sample-box .off .circle .sub {
      font-size: 12px;
    }
    .sample-box .off .circle .num {
      font-size: 34px;
    }
    .sample-box .off .circle .alphabet {
      font-size: 20px;
    }
    .sample-box .off .period {
      font-size: 16px;
    }
    .sample-box .off .add-txt {
      font-size: 12px!important;
    }
    .fd-item-list02 .img {
      height: 210px!important;
    }
  }
  .fd-box01 {
    background-color: #fff;
    display: inline-block;
    width: 100%;
  }
  .sample-box {
    background: #f0f0eb;
    border-radius: 20px;
    padding: 50px 4vw!important;
    margin: 50px auto!important;
  }
  .sample-box .sample-ttl {
    font-size: 24px;
    margin-bottom: 30px!important;
    line-height: 1.875;
    text-align: left;
  }
  .sample-box .sample-ttl .txt {
    margin-bottom: 15px!important;
    display: block;
  }
  .sample-box .sample-ttl .sub {
    font-size: 22px;
  }
  .sample-box .sample-ttl .tax {
    font-size: 16px;
  }
  .sample-box .wrap{
    display: flex;
    align-items: center;
  }
  .sample-box .item {
    margin-right: 35px!important;
    display: flex;
    text-align: left;
    align-items: center;
  }
  .sample-box .item .img {
    width: 13.9092240117vw;
    max-width: 190px;
    display: inline-block;
    margin-right: 10px!important;
    text-align: center;
  }
    .sample-box .item.wash .img {
    width: 13.092240117vw;
  }
  .sample-box .item .cat {
    background: #8F262A;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 2px 6px!important;
    margin-bottom: 10px!important;
  }
    .sample-box .item.wash .cat {
    background: #8686B4;
  }
  .sample-box .item .type {
    font-size: 16px;
    color: #969696;
  }
  .sample-box .item .name {
    font-size: 20px;
    margin: 0;
    padding: 0;
  }
  .sample-box .price {
    font-size: 20px;
    position: relative;
    margin-right: 6vw!important;
  }
  .sample-box .price .num {
    font-size: 32px;
    line-height: 1;
  }
  .sample-box .price .normal {
    display: block;
    text-align: left;
  }
  .sample-box .price::before {
    content: "";
    position: absolute;
    background: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/47f413bdc2cf4f75947f12d7d8e1f26f/arrow.png") no-repeat center/contain;
    width: 20px;
    height: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -50px;
  }
  .sample-box .off{
    display: flex;
    align-items: center;
    position: relative;
  }
  .sample-box .off .circle {
    text-align: center;
    border-radius: 50%;
    background: #b93232;
    color: #fff;
    width: 140px;
    height: 140px;
    line-height: 1;
    padding: 20px 0!important;
    margin-right: 20px!important;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .off .circle .num {
    font-size: 52px;
  }
  .off .circle .percent {
    font-size: 32px;
  }
  .off .circle .alphabet {
    font-size: 40px;
  }
  .off .period {
    color: #b93232;
    font-size: 20px;
    text-align: left;
  }
  .off .period .num {
    font-size: 44px;
    font-weight: bold;
    line-height: 1;
  }
  .sample-box .off .add-txt {
    position: absolute;
    font-size: 14px;
    bottom: -20px;
    right: 0;
  }
  .sample-box .detail-txt-area {
    margin-top: 50px!important;
    font-size: 12px;
    text-align: left;
  }
  .sample-box .detail-txt-area .indent {
    padding-left: 2em!important;
  }
  .sample-box .detail-txt-area * + * {
    margin-top: 8px!important;
  }

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

@media only screen and (max-width: 640px){
    .campaign-first .sample-box {
      padding: 30px 20px;
      border-radius: 10px;
      margin: 50px auto 90px;
    }
    .sample-box {
      border-radius: 10px!important;
    }
    .sample-box .sample-ttl {
      font-size: 16px!important;
      line-height: 1.5!important;
    }
    .sample-box .sample-ttl .txt {
      margin-bottom: 10px;
    }
    .sample-box .sample-ttl .sub {
      font-size: 14px!important;
    }
    .sample-box .sample-ttl .tax {
      font-size: 10px;
    }
    .sample-box .wrap {
      display: block!important;
    }
    .sample-box .wrap .item{
      justify-content: center;
      margin-right: 2.9282576867vw!important;
    }
    .sample-box .item .img {
      width: 37.3333333333vw!important;
    }
    .sample-box .item.wash .img {
      width: 34.3333333333vw!important;
    }
    .sample-box .item .cat {
      padding: 0px 4px!important;
      font-size: 10px!important;
    }
    .sample-box .item .type {
      font-size: 10px!important;
    }
    .sample-box .item .name {
      font-size: 14px!important;
      letter-spacing: -0.05em;
      padding: 0;
      margin: 0;
    }
    .sample-box .detail-txt-area {
      font-size: 10px!important;
    }
    .sample-box .item .amount {
      font-size: 10px!important;
    }
    .sample-box .price {
      text-align: center;
      margin: 20px 0 0px!important;
      padding-bottom: 30px!important;
      font-size: 16px!important;
    }
    .sample-box .price::before {
      left: 0;
      right: -2.9282576867vw!important;
      transform: rotate(90deg);
      top: auto!important;
      bottom: -16px!important;
    }
    .sample-box .price .normal {
      display: inline-block!important;
    }
    .sample-box .off .circle {
      width: 100px!important;
      height: 100px!important;
      padding: 16px 0!important;
      margin-right: 16px!important;
    }
    .sample-box .off{
    padding-top: 20px;
  }
    .sample-box .off .circle .sub {
      font-size: 12px;
    }
    .sample-box .off .circle .num {
      font-size: 34px;
    }
    .sample-box .off .circle .alphabet {
      font-size: 20px;
    }
    .sample-box .off .period {
      font-size: 16px;
    }
    .sample-box .off .add-txt {
      font-size: 12px!important;
    }
    .fd-item-list02 .img {
      height: 210px!important;
    }
  }
  .fd-box01 {
    background-color: #fff;
    display: inline-block;
    width: 100%;
  }
  .sample-box {
    background: #f0f0eb;
    border-radius: 20px;
    padding: 50px 4vw!important;
    margin: 50px auto!important;
  }
  .sample-box .sample-ttl {
    font-size: 24px;
    margin-bottom: 30px!important;
    line-height: 1.875;
    text-align: left;
  }
  .sample-box .sample-ttl .txt {
    margin-bottom: 15px!important;
    display: block;
  }
  .sample-box .sample-ttl .sub {
    font-size: 22px;
  }
  .sample-box .sample-ttl .tax {
    font-size: 16px;
  }
  .sample-box .wrap{
    display: flex;
    align-items: center;
  }
  .sample-box .item {
    margin-right: 35px!important;
    display: flex;
    text-align: left;
    align-items: center;
  }
  .sample-box .item .img {
    width: 13.9092240117vw;
    max-width: 190px;
    display: inline-block;
    margin-right: 10px!important;
    text-align: center;
  }
    .sample-box .item.wash .img {
    width: 13.092240117vw;
  }
  .sample-box .item .cat {
    background: #8F262A;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 2px 6px!important;
    margin-bottom: 10px!important;
  }
    .sample-box .item.wash .cat {
    background: #8686B4;
  }
  .sample-box .item .type {
    font-size: 16px;
    color: #969696;
  }
  .sample-box .item .name {
    font-size: 20px;
    margin: 0;
    padding: 0;
  }
  .sample-box .price {
    font-size: 20px;
    position: relative;
    margin-right: 6vw!important;
  }
  .sample-box .price .num {
    font-size: 32px;
    line-height: 1;
  }
  .sample-box .price .normal {
    display: block;
    text-align: left;
  }
  .sample-box .price::before {
    content: "";
    position: absolute;
    background: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/47f413bdc2cf4f75947f12d7d8e1f26f/arrow.png") no-repeat center/contain;
    width: 20px;
    height: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -50px;
  }
  .sample-box .off{
    display: flex;
    align-items: center;
    position: relative;
  }
  .sample-box .off .circle {
    text-align: center;
    border-radius: 50%;
    background: #b93232;
    color: #fff;
    width: 140px;
    height: 140px;
    line-height: 1;
    padding: 20px 0!important;
    margin-right: 20px!important;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .off .circle .num {
    font-size: 52px;
  }
  .off .circle .percent {
    font-size: 32px;
  }
  .off .circle .alphabet {
    font-size: 40px;
  }
  .off .period {
    color: #b93232;
    font-size: 20px;
    text-align: left;
  }
  .off .period .num {
    font-size: 44px;
    font-weight: bold;
    line-height: 1;
  }
  .sample-box .off .add-txt {
    position: absolute;
    font-size: 14px;
    bottom: -20px;
    right: 0;
  }
  .sample-box .detail-txt-area {
    margin-top: 50px!important;
    font-size: 12px;
    text-align: left;
  }
  .sample-box .detail-txt-area .indent {
    padding-left: 2em!important;
  }
  .sample-box .detail-txt-area * + * {
    margin-top: 8px!important;
  }

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

@media only screen and (max-width: 640px){
    .campaign-first .sample-box {
      padding: 30px 20px;
      border-radius: 10px;
      margin: 50px auto 90px;
    }
    .sample-box {
      border-radius: 10px!important;
    }
    .sample-box .sample-ttl {
      font-size: 16px!important;
      line-height: 1.5!important;
    }
    .sample-box .sample-ttl .txt {
      margin-bottom: 10px;
    }
    .sample-box .sample-ttl .sub {
      font-size: 14px!important;
    }
    .sample-box .sample-ttl .tax {
      font-size: 10px;
    }
    .sample-box .wrap {
      display: block!important;
    }
    .sample-box .wrap .item{
      justify-content: center;
      margin-right: 2.9282576867vw!important;
    }
    .sample-box .item .img {
      width: 37.3333333333vw!important;
    }
    .sample-box .item.wash .img {
      width: 34.3333333333vw!important;
    }
    .sample-box .item .cat {
      padding: 0px 4px!important;
      font-size: 10px!important;
    }
    .sample-box .item .type {
      font-size: 10px!important;
    }
    .sample-box .item .name {
      font-size: 14px!important;
      letter-spacing: -0.05em;
      padding: 0;
      margin: 0;
    }
    .sample-box .detail-txt-area {
      font-size: 10px!important;
    }
    .sample-box .item .amount {
      font-size: 10px!important;
    }
    .sample-box .price {
      text-align: center;
      margin: 20px 0 0px!important;
      padding-bottom: 30px!important;
      font-size: 16px!important;
    }
    .sample-box .price::before {
      left: 0;
      right: -2.9282576867vw!important;
      transform: rotate(90deg);
      top: auto!important;
      bottom: -16px!important;
    }
    .sample-box .price .normal {
      display: inline-block!important;
    }
    .sample-box .off .circle {
      width: 100px!important;
      height: 100px!important;
      padding: 16px 0!important;
      margin-right: 16px!important;
    }
    .sample-box .off{
    padding-top: 20px;
  }
    .sample-box .off .circle .sub {
      font-size: 12px;
    }
    .sample-box .off .circle .num {
      font-size: 34px;
    }
    .sample-box .off .circle .alphabet {
      font-size: 20px;
    }
    .sample-box .off .period {
      font-size: 16px;
    }
    .sample-box .off .add-txt {
      font-size: 12px!important;
    }
    .fd-item-list02 .img {
      height: 210px!important;
    }
  }
  .fd-box01 {
    background-color: #fff;
    display: inline-block;
    width: 100%;
  }
  .sample-box {
    background: #f0f0eb;
    border-radius: 20px;
    padding: 50px 4vw!important;
    margin: 50px auto!important;
  }
  .sample-box .sample-ttl {
    font-size: 24px;
    margin-bottom: 30px!important;
    line-height: 1.875;
    text-align: left;
  }
  .sample-box .sample-ttl .txt {
    margin-bottom: 15px!important;
    display: block;
  }
  .sample-box .sample-ttl .sub {
    font-size: 22px;
  }
  .sample-box .sample-ttl .tax {
    font-size: 16px;
  }
  .sample-box .wrap{
    display: flex;
    align-items: center;
  }
  .sample-box .item {
    margin-right: 35px!important;
    display: flex;
    text-align: left;
    align-items: center;
  }
  .sample-box .item .img {
    width: 13.9092240117vw;
    max-width: 190px;
    display: inline-block;
    margin-right: 10px!important;
    text-align: center;
  }
    .sample-box .item.wash .img {
    width: 13.092240117vw;
  }
  .sample-box .item .cat {
    background: #8F262A;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 2px 6px!important;
    margin-bottom: 10px!important;
  }
    .sample-box .item.wash .cat {
    background: #8686B4;
  }
  .sample-box .item .type {
    font-size: 16px;
    color: #969696;
  }
  .sample-box .item .name {
    font-size: 20px;
    margin: 0;
    padding: 0;
  }
  .sample-box .price {
    font-size: 20px;
    position: relative;
    margin-right: 6vw!important;
  }
  .sample-box .price .num {
    font-size: 32px;
    line-height: 1;
  }
  .sample-box .price .normal {
    display: block;
    text-align: left;
  }
  .sample-box .price::before {
    content: "";
    position: absolute;
    background: url("/assets/cache/images/assets/01a7a3a36357441fb174fbf21d4d564d/47f413bdc2cf4f75947f12d7d8e1f26f/arrow.png") no-repeat center/contain;
    width: 20px;
    height: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -50px;
  }
  .sample-box .off{
    display: flex;
    align-items: center;
    position: relative;
  }
  .sample-box .off .circle {
    text-align: center;
    border-radius: 50%;
    background: #b93232;
    color: #fff;
    width: 140px;
    height: 140px;
    line-height: 1;
    padding: 20px 0!important;
    margin-right: 20px!important;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .off .circle .num {
    font-size: 52px;
  }
  .off .circle .percent {
    font-size: 32px;
  }
  .off .circle .alphabet {
    font-size: 40px;
  }
  .off .period {
    color: #b93232;
    font-size: 20px;
    text-align: left;
  }
  .off .period .num {
    font-size: 44px;
    font-weight: bold;
    line-height: 1;
  }
  .sample-box .off .add-txt {
    position: absolute;
    font-size: 14px;
    bottom: -20px;
    right: 0;
  }
  .sample-box .detail-txt-area {
    margin-top: 50px!important;
    font-size: 12px;
    text-align: left;
  }
  .sample-box .detail-txt-area .indent {
    padding-left: 2em!important;
  }
  .sample-box .detail-txt-area * + * {
    margin-top: 8px!important;
  }

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}

#related.related-block {
    background: #fff;
    margin: 100px auto 40px;
}
#related.related-block .column2 .box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#related.related-block .column2 .box-wrap .inn {
    -webkit-box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 14px -5px rgb(0 0 0 / 40%);
    padding: 20px;
    background: #fff;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    margin-top: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 15px;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 20px;
    text-align: right;
    height: 10px;
}
@media only screen and (min-width: 641px){
#related.related-block .column2 .box-wrap .inn {
    width: 30.5%;
    margin: 4px 14px 40px;
}
#related.related-block .column2 .box-wrap .inn a.c-bnr:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
}
@media only screen and (max-width: 640px){
#related.related-block .column2 .box-wrap {
    flex-direction: column;
}
#related.related-block .column2 .box-wrap .inn {
    width: 100%;
    padding: 15px;
    margin: 10px auto;
}
#related.related-block .column2 .box-wrap .inn .box {
    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;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .img {
    padding-right: 10px;
    width: 100px;
}
#related.related-block .column2 .box-wrap .inn .txt-area {
    width: calc(100% - 100px);
    position: relative;
    margin-top: 0;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ttl {
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
}
#related.related-block .column2 .box-wrap .inn .txt-area .txt {
    font-size: 10px;
    line-height: 1.4;
}
#related.related-block .column2 .box-wrap .inn .txt-area .ico{
	margin-top: 8px;
    height: 5px;
}
}