@charset "UTF-8";
.contentsWrapper {
  -webkit-text-size-adjust: auto;
  text-size-adjust: auto;
}
.contentsWrapper span {
  color: #000;
}

/* ----- sec_bottom ----- */
.sec_bottom {
  border-top: solid 1px #000;
  padding: 1px 3.125%;
}

.sec_bottom img {
  width: 100%;
}

.bottom_note {
  margin: 2% 0;
  font-size: calc(18 / 640 * 100vw);
}

.bottom_note li {
  text-indent: -1em;
  padding-left: 1em;
}

.bottom_btn {
  margin: 14% 0;
}

.bottom_btn p {
  margin: 2% 0;
}

/* ヘルパークラス */
/* 商品名 */
.cmn_font_line {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  font-family: 'readerbold', 'HiraKakuProN-W6','Hiragino Kaku Gothic W6 JIS2004', 'Meiryo', sans-serif;
  line-height: 1;
  margin: 6px 0;
  margin: 1vw 0;
  font-feature-settings: "palt";
  font-weight: bold;
  color: #000;
}

.cmn_font_line::after {
  position: absolute;
  bottom: -5px;
  bottom: -.9vw;
  left: 0;
  width: 100%;
  content: '';
  display: block;
  border-bottom: solid 2px #c8102e;
}

body {
  overflow: hidden;
}

.contentsWrapper .movie {
  width: 100%;
  position: relative;
  height: 0;
  padding-top: 56.25%;
}
.contentsWrapper .movie .player {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  opacity: 0;
  transition: all 1s ease;
}
.contentsWrapper .movie.is-play .player {
  opacity: 1;
}
.contentsWrapper .movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  cursor: pointer;
}
.contentsWrapper .cmn_product .cmn_subcatch {
  padding-bottom: calc(37 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_catch {
  padding-bottom: calc(40 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_lead {
  padding-bottom: calc(40 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_note {
  font-size: calc(18 / 750 * 100vw);
  color: #666666;
  padding-bottom: calc(68 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_img {
  padding-bottom: calc(40 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_txt {
  width: calc(469 / 750 * 100vw);
  margin: auto;
  padding-bottom: calc(47 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_date {
  padding-bottom: calc(15 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_name {
  padding-bottom: calc(20 / 750 * 100vw);
  font-size: calc(32 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_detail {
  padding-bottom: calc(27 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_price_txt {
  padding-bottom: calc(17 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_price {
  margin-top: calc(16 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_trial {
  margin-top: calc(79 / 750 * 100vw);
  border: 1px solid #ccc;
  padding: calc(50 / 750 * 100vw) calc(38 / 750 * 100vw) calc(38 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_trial .cmn_trial_name {
  font-size: calc(32 / 750 * 100vw);
  margin-bottom: calc(25 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_trial .cmn_trial_cart {
  margin-top: calc(16 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_trial .cmn_trial_date {
  margin-bottom: calc(15 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_trial .cmn_trial_price_txt {
  margin-bottom: calc(17 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_trial_detail {
  margin-top: calc(30 / 750 * 100vw);
  background-color: #f5f5f5;
  padding: calc(29 / 750 * 100vw) 0 calc(35 / 750 * 100vw);
}
.contentsWrapper .cmn_product .cmn_trial_detail ul li {
  margin-top: calc(18 / 750 * 100vw);
}
.contentsWrapper .sec {
  border-bottom: calc(22 / 750 * 100vw) solid #de0025;
  padding-bottom: calc(75 / 750 * 100vw);
}
.contentsWrapper .sec img {
  display: block;
  width: 100%;
}
.contentsWrapper .sec2 {
  padding: calc(66 / 750 * 100vw) calc(40 / 750 * 100vw) calc(66 / 750 * 100vw);
}
.contentsWrapper .sec2 img {
  display: block;
  width: 100%;
}
.contentsWrapper .sec2 .sec2_anc {
  margin-top: calc(81 / 750 * 100vw);
  padding-top: calc(60 / 750 * 100vw);
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ccc;
}
.contentsWrapper .sec2 .sec2_anc .sec2_anc_img {
  width: calc(314 / 750 * 100vw);
  padding-top: calc(7 / 750 * 100vw);
}
.contentsWrapper .sec2 .sec2_anc .sec2_anc_box {
  width: calc(311 / 750 * 100vw);
}
.contentsWrapper .sec2 .sec2_anc .sec2_anc_box .sec2_anc_txt {
  padding-bottom: calc(28 / 750 * 100vw);
}
.contentsWrapper .sec3 {
  background-color: #000;
  padding: calc(80 / 750 * 100vw) calc(40 / 750 * 100vw);
}
.contentsWrapper .sec3 img {
  display: block;
  width: 100%;
}
.contentsWrapper .sec3 .sec3_catch {
  padding-bottom: calc(39 / 750 * 100vw);
}
.contentsWrapper .sec3 .sec3_txt {
  padding-bottom: calc(63 / 750 * 100vw);
}
.contentsWrapper .sec3 .sec3_amount_list {
  border: 1px solid #6d6c6a;
}
.contentsWrapper .sec3 .sec3_amount_list th {
  padding: calc(31 / 750 * 100vw) calc(38 / 750 * 100vw) calc(30 / 750 * 100vw);
}
.contentsWrapper .sec3 .sec3_amount_list td {
  padding: 0 calc(38 / 750 * 100vw) calc(40 / 750 * 100vw);
}
.contentsWrapper .sec3 .sec3_amount_list td .sec3_amount_item {
  border-top: 1px solid #6d6c6a;
}
.contentsWrapper .sec3 .sec3_amount_list td .sec3_amount_item li:first-child {
  padding-top: calc(30 / 750 * 100vw);
}
.contentsWrapper .sec3 .sec3_amount_list td .sec3_amount_item li:last-child {
  padding-top: calc(20 / 750 * 100vw);
}
.contentsWrapper .sec3 .sec3_workout {
  padding-top: calc(77 / 750 * 100vw);
}
.contentsWrapper .sec3 .sec3_workout .sec3_workout_ttl {
  width: calc(590 / 750 * 100vw);
  margin: auto;
  padding-bottom: calc(38 / 750 * 100vw);
}
.contentsWrapper .sec3 .swiper-container {
  overflow: inherit;
  width: calc(540 / 750 * 100vw);
}
.contentsWrapper .sec3 .swiper-slide {
  position: relative;
}
.contentsWrapper .sec3 .swiper-slide:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.contentsWrapper .sec3 .swiper-slide.swiper-slide-active:after {
  display: none;
}
.contentsWrapper .sec3 .swiper-button-prev,
.contentsWrapper .sec3 .swiper-button-next {
  display: block;
  outline: none;
  cursor: pointer;
  width: calc(40 / 750 * 100vw);
  height: calc(40 / 750 * 100vw);
}
.contentsWrapper .sec3 .swiper-button-prev {
  background: url(/sp/cms/onlineshop/gb/i/smn/serum/img/prev_arrow.png) no-repeat center 0;
  background-size: 100%;
  left: calc(-65 / 750 * 100vw);
}
.contentsWrapper .sec3 .swiper-button-next {
  background: url(/sp/cms/onlineshop/gb/i/smn/serum/img/next_arrow.png) no-repeat center 0;
  background-size: 100%;
  right: calc(-65 / 750 * 100vw);
}
.contentsWrapper .sec3 .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: calc(-50 / 750 * 100vw);
}
.contentsWrapper .sec3 .swiper-pagination-bullet,
.contentsWrapper .sec3 .swiper-pagination-bullet-active {
  background: #888;
  opacity: 1;
  width: calc(10 / 750 * 100vw);
  height: calc(10 / 750 * 100vw);
  margin: 0 calc(10 / 750 * 100vw);
  outline: none;
}
.contentsWrapper .sec3 .swiper-pagination-bullet-active {
  background: #fff;
}
.contentsWrapper .sec3 .sec3_movie_ttl {
  width: calc(352 / 750 * 100vw);
  margin: auto;
  padding-bottom: calc(39 / 750 * 100vw);
}
.contentsWrapper .sec3 .sec3_movie {
  padding: calc(110 / 750 * 100vw) 0 0;
}
.contentsWrapper .sec3 .sec3_movie .movie {
  position: relative;
  cursor: pointer;
}
.contentsWrapper .sec3 .sec3_movie .movie .movie_thumb {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  padding-top: 56.25%;
  z-index: 2;
  background: url(/sp/cms/onlineshop/gb/i/smn/serum/img/sec3_movie_thumb.jpg) no-repeat center top;
  background-size: 100%;
}
.contentsWrapper .sec4 {
  padding: calc(78 / 750 * 100vw) calc(40 / 750 * 100vw);
  border-top: 1px solid #000;
}
.contentsWrapper .sec4 img {
  display: block;
  width: 100%;
}
.contentsWrapper .sec4 .sec4_ttl {
  margin-bottom: calc(53 / 750 * 100vw);
}
.contentsWrapper .sec4 .sec4_txt {
  width: calc(363 / 750 * 100vw);
  margin: auto;
  margin-bottom: calc(40 / 750 * 100vw);
}
.contentsWrapper .sec4 .sec4_anc {
  display: flex;
  justify-content: space-between;
  padding-bottom: calc(83 / 750 * 100vw);
  border-bottom: 1px solid #ccc;
}
.contentsWrapper .sec4 .sec4_anc .sec4_anc_btn1,
.contentsWrapper .sec4 .sec4_anc .sec4_anc_btn2 {
  width: calc(321 / 750 * 100vw);
}
.contentsWrapper .sec4 .sec4_moisturizer {
  padding-top: calc(80 / 750 * 100vw);
}
.contentsWrapper .sec4 .sec4_moisturizer .cmn_note {
  padding-bottom: calc(66 / 750 * 100vw);
}
.contentsWrapper .sec4 .sec4_moisturizer .cmn_trial .cmn_trial_ttl {
  padding-bottom: calc(84 / 750 * 100vw);
}
.contentsWrapper .sec4 .sec4_moisturizer .cmn_trial .cmn_trial_img {
  padding-bottom: calc(75 / 750 * 100vw);
}
.contentsWrapper .sec4 .sec4_moisturizer .cmn_trial .cmn_trial_name {
  font-size: calc(32 / 750 * 100vw);
}
.contentsWrapper .sec4 .sec4_cream {
  padding-top: calc(80 / 750 * 100vw);
}
.contentsWrapper .sec4 .sec4_cream .cmn_note {
  padding-bottom: calc(30 / 750 * 100vw);
}
.contentsWrapper .sec4 .sec4_cream .cmn_trial .cmn_trial_ttl {
  padding-bottom: calc(78 / 750 * 100vw);
}
.contentsWrapper .sec4 .sec4_cream .cmn_trial .cmn_trial_img {
  padding-bottom: calc(70 / 750 * 100vw);
}
.contentsWrapper .sec5 {
  padding: calc(78 / 750 * 100vw) calc(40 / 750 * 100vw) 0;
  border-top: 1px solid #000;
}
.contentsWrapper .sec5 img {
  display: block;
  width: 100%;
}
.contentsWrapper .sec5 .sec5_movie_ttl {
  width: calc(300 / 750 * 100vw);
  margin: auto;
  padding-bottom: calc(39 / 750 * 100vw);
}
.contentsWrapper .sec5 .sec5_movie {
  padding: 0 0 calc(80 / 750 * 100vw);
}
.contentsWrapper .sec5 .sec5_movie .movie {
  position: relative;
  cursor: pointer;
}
.contentsWrapper .sec5 .sec5_movie .movie .movie_thumb {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  padding-top: 56.25%;
  z-index: 2;
  background: url(/sp/cms/onlineshop/gb/i/smn/serum/img/sec5_movie_thumb.jpg) no-repeat center top;
  background-size: 100%;
}
.contentsWrapper .sec6 {
  background-color: #000;
  padding: calc(80 / 750 * 100vw) calc(40 / 750 * 100vw);
}
.contentsWrapper .sec6 img {
  width: 100%;
  display: block;
}
.contentsWrapper .sec6 .sec6_box {
  border: 1px solid #cfcfcf;
  padding: 0 0 calc(58 / 750 * 100vw);
}
.contentsWrapper .sec6 .sec6_box .sec6_box_ttl {
  margin: calc(59 / 750 * 100vw) calc(38 / 750 * 100vw) 0;
}
.contentsWrapper .sec6 .sec6_box .sec6_box_txt1 {
  margin: calc(37 / 750 * 100vw) calc(38 / 750 * 100vw) 0;
}
.contentsWrapper .sec6 .sec6_box .sec6_box_txt2 {
  margin: calc(38 / 750 * 100vw) calc(38 / 750 * 100vw) 0;
}
.contentsWrapper .sec6 .sec6_box .sec6_box_txt3 {
  margin: calc(36 / 750 * 100vw) calc(38 / 750 * 100vw) 0;
}
.contentsWrapper .sec6 .sec6_link {
  margin: calc(79 / 750 * 100vw) calc(35 / 750 * 100vw) 0;
}