@charset "UTF-8";
:root {
  --font_jpn: "roboto","hiragino-kaku-gothic-pron", sans-serif;
  --font_eng: "century-gothic", sans-serif;
  --iconplus-color: #666;
  --fw-regular: 300;
  --fw-bold: 600;
  --fw-en: 400;
  --box-shadow-height: 10px;
}

/* Century Gothic Pro Regular
font-family: "century-gothic", sans-serif;
font-weight: 400;
font-style: normal;

Hiragino Kaku Gothic ProN W3
font-family: "hiragino-kaku-gothic-pron", sans-serif;
font-weight: 300;
font-style: normal;

Hiragino Kaku Gothic ProN W6
font-family: "hiragino-kaku-gothic-pron", sans-serif;
font-weight: 600;
font-style: normal;


.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.roboto-<uniquifier> {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

*/

#Wrap {
  width: auto;
}

img{
  vertical-align: bottom;
}

picture{
  display: inline-block;
}

.beatseller2025 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: var(--font_jpn);
  line-height: 1;
  letter-spacing: 0.075em;
  font-feature-settings: "palt";
  color: #000;

}

@media (min-width: 768px) {
  .beatseller2025 .sponly {
    display: none;
  }

  .beatseller2025 {
    font-size: 1.4rem;
    margin-bottom: 8.8rem;
  }
}

@media (max-width: 767px) {
  .beatseller2025 .pconly {
    display: none;
  }


  .beatseller2025 {
    margin-bottom: calc(155*(100vw / 750));
  }

}

.beatseller2025 :where(img) {
  width: 100%;
  height: auto;
}

.beatseller2025 button {
  outline: none;
  border: 0;
  /* background-color: transparent; */
  cursor: pointer;
}

.beatseller2025 [class*=price] {
  font-family: var(--font_eng);
}


.beatseller2025 h4{
  font-family: var(--font_jpn);
  font-size: calc(36* (100vw / 750));
}

@media (min-width: 768px) {
  .beatseller2025 h4{
    font-size: 2rem;
  }
}

/* ======================================
    mv
====================================== */
.beatseller2025-mv {
  margin: 0 auto;
}

.mv_img{
  width: 100%;
}

.beatseller2025-lead{
  text-align: center;
  font-size: calc(24* (100vw / 750));
  line-height: 2;
  letter-spacing: 0.1em;
  margin: calc(70*(100vw / 750)) auto calc(70*(100vw / 750));
}

@media (min-width: 768px) {
  .beatseller2025-mv{
    width: 100rem;
    margin: 5.3rem auto 0;
  }

  .beatseller2025-lead{
    margin: 7.4rem auto 5rem;
    font-size: 1.4rem;
    letter-spacing: 0.075em;
  }
}
/* ======================================
    review-sec
====================================== */
.review-sec-tab__number{
  display: flex;
  justify-content: space-between;
  width: calc(611.5* (100vw / 750));
  margin: 0 auto calc(8* (100vw / 750));
}

.tab_number,
.review_ttl{
  font-family: var(--font_eng);
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1;
}

.tab_number{
  font-size: calc(34* (100vw / 750));
}

.review_ttl{
  font-size: calc(70* (100vw / 750));
  background-color: #fff;
}

@media (min-width: 768px) {
  .review-sec-tab__number{
    width: 62.5rem;
    margin-bottom: 0.5rem;
    padding-left: 1.1rem;
  }

  .tab_number.nmbr2{
    padding-right: 1rem;
  }

  .tab_number{
    font-size: 2.5rem;
  }

  .review_ttl{
    font-size: 5rem;
  }

}

.tab_number.nmbr1{
  color: #C7CDDB;
}

.tab_number.nmbr2{
  color: #DBCDB5;
}

.tab_number.nmbr3{
  color: #D3B2B0;
}


/* -------------------------- tab */

.review-sec-tab__title{
  position: relative;
  display: flex;
  justify-content: space-between;
  width: calc(650* (100vw / 750));
  margin: 0 auto;
  /* z-index: 10; */
}

.review-sec-tab__title li{
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(200* (100vw / 750));
  height: calc(88* (100vw / 750));
}

@media (min-width: 768px) {
  .review-sec-tab__title{
    width: 73.8rem;
    padding-left: 0.8rem;
  }

  .review-sec-tab__title li{
    width: 23rem;
    height: 7rem;
  }
}

/* --------- 切り替え */
.tab_ttl{
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: calc(28* (100vw / 750));
  letter-spacing: 0.075em;
}

@media (min-width: 768px) {
  .tab_ttl{
    font-size: 2rem;
  }
}

.review-sec [data-tab-index="1"] {
  /* --tab-accent-color: #e6ccd5; */
  --tab-accent-color-active: #C7CDDB;

}

.review-sec [data-tab-index="2"] {
  /* --tab-accent-color: #DBCDB5; */
  --tab-accent-color-active: #DBCDB5;
}

.review-sec [data-tab-index="3"] {
  /* --tab-accent-color: #D3B2B0; */
  --tab-accent-color-active: #D3B2B0;
}

.tab_ttl[data-tab-index="1"]{
  background-color: #C7CDDB;
}

.tab_ttl[data-tab-index="2"]{
  background-color: #DBCDB5;
}

.tab_ttl[data-tab-index="3"]{
  background-color: #D3B2B0;
}

.tab_ttl.active{
  position: relative;
  display: block;
  z-index: 1000;
  color: #A9AAAA;
  background-color: #fff;
  border: 2px solid var(--tab-accent-color-active);
  border-bottom: #fff!important;
}

.tab_ttl.active::after{
  content: "";
  position: absolute;
  width: 100%;
  height: calc(3*(100vw / 750));
  bottom: calc(-2*(100vw / 750));
  left: 0;
  background: #fff;
}

.review-content{
  display: none;
  border-top: 2px solid var(--tab-accent-color-active);
}

.review-content.active{
  display: block;
  position: relative;
  top: -2px;
  z-index: 10;
  border-top-color: var(--tab-accent-color-active);
}

/* tab -------------------------- */

/* ======================================
    review-cont
====================================== */
.review-content{
  padding-top: calc(113* (100vw / 750));
}

.review__wrapper{
  position: relative;
  width: calc(600* (100vw / 750));
  padding: calc(64.6325* (100vw / 750)) 0 calc(55* (100vw / 750));
  margin: 0 auto calc(120* (100vw / 750));
  border-radius: 4rem;
}

.review_ttl{
  position: absolute;
  top: calc(-42* (100vw / 750));
  left: 50%;
  transform: translate(-50%);
  font-size: calc(70* (100vw / 750));
  font-weight: 700;
  font-family: var(--font_eng);
  padding: 0 calc(22.5* (100vw / 750));
  background-color: #fff;
}

.review_name{
  text-align: center;
  font-family: var(--font_jpn);
}

.review_img{
  width: calc(330*(100vw / 750));
  margin: 0 auto calc(27*(100vw / 750));
}

.skin_type{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: var(--fw-regular);
  width: calc(280*(100vw / 750));
  font-size: calc(28*(100vw / 750));
  height: calc(40*(100vw / 750));
  line-height: 1;
  padding-top: calc(2*(100vw / 750));
  margin: calc(10*(100vw / 750)) auto calc(22*(100vw / 750));
}

/* --------.point__wrapper01 .point__wrapper02 */
.point_ttl{
  position: relative;
  font-weight: var(--fw-bold);
  line-height: 1.75;
  letter-spacing: 0.075em;
}

.point_ttl::after{
  content: "";
  position: absolute;
  /* border-bottom: 2px dashed; */
  background-size: calc(16* (100vw / 750)) calc(2* (100vw / 750));
  background-repeat: repeat-x;
  background-position: left bottom;
  height: 2px;
  bottom: 0;
  left: 0;
  width: 100%;
}

.point_txt{
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: justify;
}

.point_txt a{
  font-size: calc(30* (100vw / 750));
  font-weight: var(--fw-bold);
}

span.note {
  display: block;
  line-height: 1;
  font-size: calc(20* (100vw / 750));
  margin-top: calc(20* (100vw / 750));
}

/* --------.pickup__wrapper */
.beatseller2025 .pickup__wrapper {
  display: grid;
  row-gap: calc(36 * (100vw / 750));
  justify-items: center;
}

.pickup__wrapper{
  padding: calc(65* (100vw / 750)) 0 calc(80* (100vw / 750));
}

.beatseller2025 .pickup_ttl{
  font-family: var(--font_eng);
  font-weight: 700;
  letter-spacing: 0.075em;
  width: 100%;
  text-align: center;
  font-size: calc(50*(100vw / 750));
}

.font_adjust{
 font-family: var(--font_jpn);
}

/* --------.ba__wrapper */
.ba__wrapper{
  /* width: calc(650* (100vw / 750)); */
  margin: calc(109* (100vw / 750)) 0 calc(105* (100vw / 750));
}

.ba_img__cont{
  display: flex;
  justify-content: space-between;
  width: calc(690* (100vw / 750));
  margin: calc(104*(100vw / 750)) auto 0;
}

.review1_after,
.review1_before,
.review2_after,
.review2_before,
.review3_after,
.review3_before{
  position: relative;
  width: calc(330* (100vw / 750));
}

.review1_after::after,
.review1_before::after,
.review2_after::after,
.review2_before::after,
.review3_after::after,
.review3_before::after{
  content: "";
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  right: 0;
  top: calc(-45* (100vw / 750));
}

.review1_after::after,
.review3_after::after{
  width: calc(115.4004* (100vw / 750));
  height: calc(88.168* (100vw / 750));
  top: calc(-35*(100vw / 750));
}

.review2_after::after{
  width: calc(122.7168* (100vw / 750));
  height: calc(36.6563* (100vw / 750));
  top: calc(-60*(100vw / 750));
  left: 50%;
  transform: translateX(-50%);
}
/*
.review1_after::after{
  background-image: url(../img/SVG/review1_after_txt.svg)!important;
}

.review2_after::after{
  background-image: url(../img/SVG/review2_after_txt.svg)!important;
}

.review3_after::after{
  background-image: url(../img/SVG/review3_after_txt.svg)!important;
}*/

.review1_before::after,
.review3_before::after{
  width: calc(145.5576* (100vw / 750));
  height: calc(102.3258* (100vw / 750));
}

.review2_before::after{
  width: calc(160.9453* (100vw / 750));
  height: calc(36.6563* (100vw / 750));
  top: calc(-60*(100vw / 750));
  left: 50%;
  transform: translateX(-50%);
}

.review1_before::after{
  background-image: url(../img/SVG/review1_before_txt.svg)!important;
}


.review2_before::after{
  background-image: url(../img/SVG/review2_before_txt.svg)!important;
}


.review3_before::after{
  background-image: url(../img/SVG/review3_before_txt.svg)!important;
}

/* --------.relateditems__wrapper */
.viewprdct{
  position: relative;
  z-index: 2;
}

.viewprdct::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: calc(48.5* (100vw / 750));
  background-color: #C7CDDB;
  z-index: -1;
}

.viewprdct a{
  display: block;
  width: calc(620* (100vw / 750));
  margin: 0 auto calc(133* (100vw / 750));
}

.viewprdct picture{
  display: block;
  width: 100%;
}

.c-lp__text--section-heading-related{
  font-weight: var(--fw-regular);
  /* margin-bottom: calc(30* (100vw / 750)); */
}

.pickup_items{
  display: flex;
}

.point__wrapper01 .point_ttl{
  white-space: nowrap;
  line-height: 1;
}

ul.price_list{
  display: flex;
  flex-direction: column;
}

.ba_ttl{
  text-align: center;
}

.scroll__wrapper{
  width: 100%!important;
}

.review_txt{
  text-align: justify;
}

h4.c-lp__text--section-heading-related{
  letter-spacing: 0.075em;
}

@media (max-width: 767px) {

  .tab_ttl.active {
    width: calc(200*(100vw / 750));
    border: 1px solid var(--tab-accent-color-active);
  }

  .review-content{
    border-top: 1px solid var(--tab-accent-color-active);
  }

  .review-content.active{
    top: -1px;
  }

  .review_name{
    font-size: calc(26* (100vw / 750));
  }

  .review_txt{
    font-size: calc(26* (100vw / 750));
    width: calc(450* (100vw / 750));
    margin: 0 auto;
    line-height: 2;
    letter-spacing: 0.075em;
  }

  .position_adjust{
    display: flex;
    flex-direction: column-reverse;
  }

  .point__wrapper01,
  .point__wrapper02{
    width: calc(650* (100vw / 750));
    margin: 0 auto;
  }

  .point__wrapper01{
    margin-bottom: calc(97*(100vw / 750));
  }

  .point__wrapper02{
    margin-bottom: calc(100* (100vw / 750));
  }

  .point__wrapper01 .point_txt,
  .point__wrapper02 .point_txt{
    margin-top: calc(41* (100vw / 750));
  }

  .point__wrapper02 .point_ttl{
    line-height: 1.75;
  }

  .point_ttl{
    text-align: center;
    padding-bottom: calc(30* (100vw / 750));
    margin-bottom: calc(38* (100vw / 750));
    line-height: 1.3913043478;
  }

  .point_txt{
    letter-spacing: 0.1em;
    font-size: calc(25*(100vw / 750));
    text-align: justify;
  }

  .pickup_items{
    justify-content: space-between;
  }

  .scroll__wrapper{
    /* margin-left: calc(40*(100vw / 750)); */
    /* overflow-x: scroll; */
    column-gap: calc(30*(100vw / 750));
    padding-bottom: calc(35*(100vw / 750));
    /* padding: calc(13*(100vw / 750)) calc(13*(100vw / 750)); */
    /* margin-left: calc(40* (100vw / 750)); */
  }
/*
  .scroll__wrapper::-webkit-scrollbar{
    width: calc(670* (100vw / 750));
    height: calc(6* (100vw / 750));
  }

  .scroll__wrapper::-webkit-scrollbar-thumb{
    background: #B1B5BD;
  }

  .scroll__wrapper::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 5px;
  } */

  .point_ttl::after{
    width: calc(650*(100vw / 750));
    left: 50%;
    transform: translateX(-50%);

  }

  .point__wrapper02 .point_ttl{
    padding-bottom: calc(19*(100vw / 750));
    margin-bottom: calc(38*(100vw / 750));
  }

  /* .pickup__wrapper */
  .pickup_ttl {
    font-size: calc(50*(100vw / 750));
  }

  .beatseller2025 .pickup__wrapper {
    padding-inline: 0;
  }

  .beatseller2025 .pickup__wrapper .c-related-products__content-wrapper{
    width: calc(325*(100vw / 750));
    height: calc(665*(100vw / 750));
    padding: calc(13*(100vw / 750)) calc(13*(100vw / 750));
  }

  /* .ba__wrapper */
  .ba__wrapper .point_ttl{
    line-height: 1.75;
    padding-bottom: calc(17*(100vw / 750));
    margin-bottom: calc(29*(100vw / 750));
  }

  .ba_txt{
    width: calc(650*(100vw / 750));
    margin-left: auto;
    margin-right: auto;
  }

  .beatseller2025 .c-related-products__image-wrapper.item-mask{
    margin-bottom: calc(46*(100vw / 750));
    margin-top: calc(23*(100vw / 750));
    width: calc(250*(100vw / 750));
  }

  .beatseller2025 .relateditems__wrapper .c-related-products__image-wrapper.item-mask {
    margin-top: 0;
  }

  /* .relateditems__wrapper */
  .beatseller2025 .relateditems__wrapper .c-related-products__image-wrapper {
    width: calc(400* (100vw / 750));
    margin-bottom: calc(31 * (100vw / 750));
  }

  .beatseller2025 .relateditems__wrapper .c-related-products__content-inner {
    padding: 0;
    /* padding: calc(57*(100vw / 750)) 0 0; */
  }

  .beatseller2025 .relateditems__wrapper .c-related-products__text--product-name {
    font-size: calc(24*(100vw / 750));
    margin-bottom: calc(17*(100vw / 750));
  }

  .beatseller2025 .relateditems__wrapper .c-related-products__text--product-price{
    font-size: calc(22 * (100vw / 750));
  }

  .beatseller2025 .relateditems__wrapper .tax{
    font-size: calc(20 * (100vw / 750));
    letter-spacing: 0.075em;
  }

  .beatseller2025 .relateditems__wrapper .c-related-products__content-wrapper{
    height: calc(733* (100vw / 750));
    /* width: calc(440* (100vw / 750))!important; */
    /* margin: 0 calc(20* (100vw / 750))!important; */
  }

}

@media (min-width: 768px) {

  .review-content{
    padding-top: 10.6rem;
  }

  .review__wrapper{
    width: 53.6rem;
    /* height: 46rem; */
    padding: 4.2rem 0 3.2rem;
    margin: 0 auto 8rem;
    border-radius: 4rem;
  }

  .review_ttl{
    top: -2.8rem;
    font-size: 5rem;
    padding: 0 1.5rem;
  }

  .review_img{
    width: 22rem;
    margin: 0 auto 1.4rem;
  }

  .review_name{
    font-size: 1.6rem;
  }

  .skin_type{
    font-size: 1.5rem;
    width: 18rem;
    height: 2.4rem;
    margin: 0.5rem auto 1.2rem;
    padding-top: 0;
  }

  .review_txt{
    width: 30rem;
    margin: 0 auto;
    line-height: 2;

  }

  .tab_ttl.active{
    width: 23rem;
  }


  .beatseller2025 .tax{
    font-size: 1rem;
  }

  /* --------.point__wrapper01 .point__wrapper02 */
  .point_txt{
    letter-spacing: 0.075em;
  }

  .point_txt a{
    font-size: 1.8rem;
  }

  .point__wrapper01,
  .point__wrapper02{
    /* column-gap: 6rem; */
    justify-content: center;
  }

  .point__wrapper01{
    display: flex;
    flex-direction: row-reverse;
    text-align: justify;
    /* justify-content: space-between; */
    /* width: 84rem; */
    margin-bottom: 5.5rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 8rem;
    padding-right: 2rem;
  }


  .point_ttl{
    font-size: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 1.3rem;
  }

  .point__wrapper01 .point_ttl,
  .point__wrapper01 .point_txt{
    /* width: 44rem; */
    padding-left: 6rem;
  }

  .point__wrapper02 .point_txt{
    width: 43rem;
  }

  .point__wrapper02 .point_ttl{
    width: 49rem;
    line-height: 1.6;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
  }

  .point__wrapper02{
    display: flex;
    flex-direction: row;
    margin-bottom: 10rem;
  }

  .point_ttl::after{
    height: .1rem;
  }

  .point__wrapper01 .point_ttl::after{
    width: 44rem;
    left: 0.5rem;
  }

  .point__wrapper02 .point_ttl::after{
    width: 49rem;
  }

  .point_ttl::after{
    background-size: 10px 2px;
  }

  span.note {
    font-size: 1rem;
    margin-top: 2rem;
    letter-spacing: 0.075em;
  }

  /* --------.pickup__wrapper */

  .beatseller2025 .pickup__wrapper{
    padding: 5rem 0 5.2rem;
    row-gap: 1.6rem;
    margin-inline: auto;
  }

  .pickup_items{
    justify-content: center;
    /* column-gap: 1rem; */
    /* padding: 1rem 0; */
  }

  .beatseller2025 .pickup_ttl{
    font-size: 3.2rem;
  }

  .beatseller2025 .pickup__wrapper .c-related-products__content-wrapper{
    width: 24rem;
    height: 42.5rem;
    padding: 1rem;
  }

  .beatseller2025 .review-content2 .pickup__wrapper .c-related-products__content-wrapper{
    height: 40.2rem;
  }

  .beatseller2025 .pickup__wrapper .c-related-products__text--product-name {
    margin-bottom: 0.8rem;
  }


  ul.price_list{
    row-gap: 0.3rem;
  }

  /* --------.ba__wrapper */
  .ba__wrapper{
    width: 60rem;
    margin: 9.3rem auto 8rem;
  }

  .ba_img__cont{
    display: flex;
    justify-content: space-between;
    width: 49rem;
    margin: 0 auto;
  }

  .ba_txt{
    width: 60rem;
    margin: 0 auto 6rem;
  }

  .point_ttl.ba_ttl{
    padding-bottom: 1.1rem;
    margin-bottom: 1.5rem;
    line-height: 1.6;
  }

  .review1_after,
  .review1_before,
  .review2_after,
  .review2_before,
  .review3_after,
  .review3_before{
    position: relative;
    width: 22rem;
  }

  .review1_after::after,
  .review1_before::after,
  .review2_after::after,
  .review2_before::after,
  .review3_after::after,
  .review3_before::after{
    content: "";
    position: absolute;
    right: 0;
  }

  .review1_after::after,
  .review3_after::after{
    width: 7.71333rem;
    height: 5.85654rem;
    top: -2rem;
  }

  .review2_after::after{
    top: -4rem;
    width: 8.18105rem;
    height: 2.44375rem;
  }

  .review1_before::after,
  .review3_before::after{
    width: 9.64069rem;
    height: 6.9791rem;
    top: -2.7rem;
  }

  .review2_before::after{
    top: -4rem;
    width: 10.72969rem;
    height: 2.44375rem;
  }

  /* --------.relateditems__wrapper */
  .viewprdct::after{
    top: 4.2rem;
  }

  .viewprdct a{
    width: 60rem;
    background-color: #787878;
    margin: 0 auto 7.5rem;
    /* height: 38rem; */
  }

  h4.c-lp__text--section-heading-related{
    font-weight: var(--fw-regular);
    margin-bottom: 4rem;
    font-size: 2.2rem;
  }


  .beatseller2025 .relateditems__wrapper .c-related-products__content-wrapper{
    /* width: 22rem!important; */
    height: 40.5rem;
    padding: 1rem;
    /* margin: 0 1rem!important; */
  }

  .beatseller2025 .review-content2 .relateditems__wrapper .c-related-products__content-wrapper{
    height: 42.7rem;
  }

  .beatseller2025 .relateditems__wrapper .c-related-products__content-inner {
    padding: 0 0;
    height: 100%;
    /* padding: 2.8rem 0 0; */
  }

  .beatseller2025 .relateditems__wrapper .c-related-products__text--category{
    padding: .3rem 1.1rem;
  }

  .beatseller2025 .relateditems__wrapper .c-related-products__text--product-name {
    margin-bottom: 0.8rem;
  }


}

/* =================== review-content1 */
.review-content1 .review__wrapper{
  border: #C7CDDB solid 2px;
 }

.review-content1 .review_ttl{
  color: #C7CDDB;
}

.review-content1 .skin_type {
  background-color: #C7CDDB;
}


.review-content1 .point_ttl::after{
  background-image : linear-gradient(to right, #919FC3 calc(6* (100vw / 750)), transparent calc(6* (100vw / 750)));
  /* border-color: #919FC3; */
}

.review-content1 .highlighter{
  background: linear-gradient(transparent 41%, #D3D7E3 20%);
}

.review-content1 .point_txt a{
  color: #B6C0D8;
  border-bottom: #B6C0D8 solid 1px;
  line-height: 1;
}

.review-content1 .pickup__wrapper{
  background-color: #EFF1F5;
}

@media (max-width: 767px) {
  .review-content1 .review__wrapper{
    border: #C7CDDB solid 1px;
  }

  .review-content1 .review1_item01,
  .review-content1 .review1_item02 {
    width: calc(600* (100vw / 750));
    flex-shrink: 0;
  }

  .review-content1 .img__cont{
    display: flex;
    overflow-x: scroll;
    column-gap: calc(30* (100vw / 750));
    margin-left: calc(50*(100vw / 750));
  }

  .review-content1 .img__cont::-webkit-scrollbar{
    display:none;
  }

  .review-content1 .pickup__wrapper{
    padding-bottom: calc(42* (100vw / 750));
  }

  .review-content1 .point__wrapper01{
    width: 100%;
  }

  .review-content1 .point__wrapper01 .point_ttl{
    width: calc(650*(100vw / 750));
    margin: 0 auto calc(36*(100vw / 750));
  }

  .review-content1 .point__wrapper01 .point_txt{
    width: calc(650*(100vw / 750));
    margin: calc(39* (100vw / 750)) auto 0;
  }

  .review-content1 .ba_img__cont{
    margin: calc(82*(100vw / 750)) auto 0;
  }

  .review-content1 .pickup_items{
    width: calc(1950*(100vw / 750));
    justify-content: space-between;
    padding: 0 calc(29*(100vw / 750)) calc(45*(100vw / 750))
  }

}

@media (min-width: 768px) {
  .review-content1 .point__wrapper01 .point_txt__wrapper{
    width: 44rem;
  }

  /* .review-content1 .point__wrapper02 .point_txt__wrapper{
    width: 43rem;
  } */

  .review1_item01{
    width: 36rem;
  }

  .review1_item02{
    width: 28rem;
    margin: 3rem 0 0 6rem;
  }

  .review1_item03{
    width: 28rem;
    margin-top: 0.4rem;
  }


  .review-content1 .point_ttl::after{
    background-image : linear-gradient(to right, #919FC3 0.3rem, transparent 0.3rem);
    /* border-color: #919FC3; */
  }
}

/* =================== review-content2 */
.review-content2 .review__wrapper{
  border: #D5C4A8 solid 2px;
 }

.review-content2 .review_ttl{
  color: #D5C4A8;
}

.review-content2 .skin_type {
  background-color: #D5C4A8;
}

.review-content2 .point_ttl::after{
  background-image : linear-gradient(to right, #DBCDB5 calc(6* (100vw / 750)), transparent calc(6* (100vw / 750)));
  /* border-color: #DBCDB5; */
}

.review-content2 .highlighter{
  background: linear-gradient(transparent 41%, #E9E0D0 20%);
}

.review-content2 .point_txt a{
  /* color: #CFB487;
  text-decoration: #CFB487; */
  color: #CFB487;
  border-bottom: #CFB487 solid 1px;
  line-height: 1;
}

.review-content2 .pickup__wrapper{
  background-color: #F5F1EA;
}

.review-content2 .viewprdct::after {
  background-color: #CFB487;
}

@media (max-width: 767px) {
  .review-content2 .review__wrapper{
    border: #D5C4A8 solid 1px;
  }

  .review-content2 .product_area{
      overflow-x: unset;
  }

  .review-content2 .review__wrapper {
    padding-bottom: calc(58*(100vw / 750));
  }

  .review-content2 .pickup_items{
    width: calc(656*(100vw / 750));
    margin: 0 auto;
  }

  .beatseller2025 .review-content2 .pickup__wrapper .c-related-products__content-wrapper{
    height: calc(628* (100vw / 750));
  }

  .beatseller2025 .review-content2 .pickup__wrapper {
    padding-bottom: calc(47*(100vw / 750));
  }

  /* .review-content2 .p_swiper{
    padding-bottom: calc(90* (100vw / 750));
  } */
  .beatseller2025 .review-content2 .relateditems__wrapper .c-related-products__content-wrapper{
    height: calc(768*(100vw / 750));
  }

  .review-content2 .pickup_items{
    width: calc(960*(100vw / 750));
    justify-content: space-between;
    padding: 0 calc(29*(100vw / 750)) calc(45*(100vw / 750));
  }

}

@media (min-width: 768px) {

  .review-content2 .point__wrapper01{
    flex-direction: row;
    padding-right: 0;
    margin-bottom: 6.6rem;
  }

  .review-content2 .point__wrapper01 .point_ttl,
  .review-content2 .point__wrapper01 .point_txt{
    padding-left: 0;
    padding-right: 5rem;
    width: 35rem;
  }

  .review-content2 .point__wrapper01 .point_ttl::after{
    z-index: -1;
  }

  .review-content2 .point__wrapper01 .point_ttl::after,
  .review-content2 .point__wrapper01 .point_txt__wrapper{
    flex-direction: column;
    display: flex;
    justify-content: center;
    margin-top: 0.7rem;
  }

  .review-content2 .point__wrapper02{
    flex-direction: row-reverse;
    padding-right: 1rem;
  }

  .review-content2 .point__wrapper02 .point_ttl {
    padding-top: 1rem;
  }

  .review-content2 .point__wrapper02 .point_ttl,
  .review-content2 .point__wrapper02 .point_txt{
    width: 41rem;
    padding-left: 6rem;
    text-align: justify;
  }


  .review-content2 .point__wrapper02 .point_ttl {
    margin-bottom: 1.4rem;
  }

  .review-content2 .review2_item01{
    width: 34rem;
  }

  .review-content2 .review2_item02{
    width: 36rem;
  }

  .review-content2 span.note {
    margin-top: 1.2rem;
  }

  .review-content2 .point_ttl.ba_ttl{
    margin-bottom: 1.3rem;
  }

  .review-content2 .ba_txt{
    margin: 0 auto 8.2rem;
  }

  .review-content2 .ba_img__cont{
    width: 50rem;
  }

  .review-content2 .point_ttl::after{
    background-image : linear-gradient(to right, #DBCDB5 0.3rem, transparent 0.3rem);
    /* border-color: #DBCDB5; */
  }

  .review-content2 .relateditems__wrapper .c-related-products__content-wrapper{
    height: 38rem;
  }

  .beatseller2025 .review-content2 .pickup__wrapper {
    row-gap: 2.4rem;
  }


  .review-content2 h4.c-lp__text--section-heading-related{
    margin-bottom: 3.5rem;
  }

}

/* =================== review-content3 */
.review-content3 .review__wrapper{
 border: #D3B2B0 solid 2px;
}

.review-content3 .review_ttl{
  color: #D3B2B0;
}

.review-content3 .skin_type {
  background-color: #D3B2B0;
}

.review-content3 .point_ttl::after{
  background-image : linear-gradient(to right, #DBCDB5 calc(6* (100vw / 750)), transparent calc(6* (100vw / 750)));
  /* border-color: #D3B2B0; */
}

.review-content3 .highlighter{
  background: linear-gradient(transparent 41%, #E8D5D5 20%);
}

.review-content3 .point_txt a{
  /* color: #D3B2B0;
  text-decoration: #D3B2B0; */
  color: #D3B2B0;
  border-bottom: #D3B2B0 solid 1px;
  line-height: 1;
}

.review-content3 .pickup__wrapper{
  background-color: #F6EFEF;
}

.review-content3 .viewprdct::after {
  background-color: #D3B2B0;
}


@media (max-width: 767px) {
  .review-content3 .review__wrapper{
    border: #D3B2B0 solid 1px;
  }

  .review-content3 .pickup_items{
    width: calc(1950*(100vw / 750));
    justify-content: space-between;
    padding: 0 calc(29*(100vw / 750)) calc(47*(100vw / 750));
  }

  .review-content3 .scroll__wrapper{
    padding-bottom: 0;
  }

  .review-content3 .ba_img__cont{
    margin: calc(82*(100vw / 750)) auto 0;
  }

  .beatseller2025 .review-content3 .relateditems__wrapper .c-related-products__content-wrapper {
    height: calc(767*(100vw / 750));
  }

  /* .beatseller2025 .review-content3 .swiper-button-next, .swiper-button-prev {
    top: 49.3%;
  } */
}

@media (min-width: 768px) {
  .review-content3 .point__wrapper01 .point_txt__wrapper{
    /* width: 38rem; */
    width: 44rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .review-content3 .point__wrapper01 .point_ttl {

    padding-left: 6rem;
  }


  .review-content3 .point__wrapper02 .point_txt__wrapper{
    width: 49rem;
  }

  .review-content3 .point__wrapper01 {
    margin-bottom: 4.5rem;
  }

  .review-content3 .point__wrapper02 .point_ttl {
    padding-top: 1rem;
  }

  .review-content3 .ba_txt {
    text-align: center;
  }

  .beatseller2025 .review-content3 .pickup__wrapper {
    row-gap: 1.3rem;
  }

  .review3_item01{
    width: 40rem;
  }

  .review3_item02{
    width: 28rem;
  }

  .review-content3 .point_ttl::after{
    background-image : linear-gradient(to right, #D3B2B0 0.3rem, transparent 0.3rem);
    /* border-color: #D3B2B0; */
  }

  .review-content3 .review_txt{
    width: 34rem;
  }

}

/* ======================================
    animation
====================================== */

/*  -------------------------- .js-fade */
.beatseller2025 .js-fade2,
.beatseller2025 .js-fade {
  opacity: 0;
  transform: translate(0, 2rem);
  transition: 2s;
}

.beatseller2025 .js-fade2.visible,
.beatseller2025 .js-fade.visible {
  transform: translate(0, 0);
  opacity: 1;
}

/*  ------------- .splide */

.beatseller2025  .c-related-products__wrapper{
  margin: 0 auto;
  text-align: center;
}


.beatseller2025 .pickup__wrapper .c-related-products__content-wrapper{
  display: flex;
  flex-direction: column;
}


.beatseller2025 .c-related-products__content-inner {
  display: grid;
  align-content: flex-start;
  justify-items: center;
  background-color: #fff;
  height: 100%;
  padding: 0;
  /* padding: calc(50 * (100vw / 750)) 0 0; */
  border-radius: calc(20* (100vw / 750));
  box-shadow: 0px 0px var(--box-shadow-height) rgba(0, 0, 0, 0.1);
}

.beatseller2025 .c-related-products__text--category {
  display: grid;
  place-content: center;
  margin-top: calc(57*(100vw / 750));
  margin-bottom: calc(30 * (100vw / 750));
  padding: calc(6 * (100vw / 750)) calc(27 * (100vw / 750));
  border: solid 1px #A9AAAA;

  color: #A9AAAA;
  font-size: calc(20 * (100vw / 750));
  letter-spacing: .075em;
  line-height: 1;
}

.beatseller2025 .pickup__wrapper .c-related-products__text--category{
  margin-top: calc(50*(100vw / 750));
}

.beatseller2025 .c-related-products__text--product-name {
  line-height: 2;
  text-align: center;
  letter-spacing: 0.075em;
}

.beatseller2025 .c-related-products__text--product-price {
  font-family: var(--font_eng);
  font-size: calc(20 * (100vw / 750));
  letter-spacing: .075em;
  line-height: normal;
  text-align: center;
}


/* ------------------------ splide */
.slider-pickup-section{
  width: 94rem;
  margin: 0 auto;
}

.slider-section {
  width: min(100%, 1000px);
  margin: 0 auto;
  /* padding: 15px; */
}
.slider-section + .slider-section {
  margin-top: 50px;
}

.slide-inner {
  display: grid;
  place-content: center;
  width: 100%;
  aspect-ratio: 10 / 9;
  font-size: 20px;
  text-align: center;
  background-color: #ddd;
}

/* スライド無効化時のSplideテーマ打ち消し */
.is-disabled-slider {
  visibility: visible;
}
.is-disabled-slider .splide__track {
  overflow: visible;
  position: static;
}
.is-disabled-slider .splide__list {
  display: block;
  height: auto;
}
.is-disabled-slider .splide__slide {
  position: static;
}

/* スライド無効化時のレイアウト */
.is-disabled-slider .slider-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}


.splide__arrow{
  /* position: static; */
  /* margin: 0.75rem; */
  /* border-radius: 50%; */
  width: calc(60* (100vw / 750));
  height: calc(60* (100vw / 750));
  opacity: 1;
  background: #a9aaaa;
  background: transparent;
  top: 50%;
  transform: translate(0, -50%);
  /* transform: initial; */
}

.splide__pagination__page{
  margin: 3px 6px;
}

.splide__pagination__page{
  background-color: #fff;
  border: #A7A7A7 1px solid!important;
}

.splide__pagination__page.is-active {
  background: #a7a7a7;
  transform: scale(1);
  z-index: 1;
}


.splide__arrow--prev{
  background-image: url(../img/SVG/arrow_prev_pc.svg);
  left: calc(86*(100vw / 750));
}

.splide__arrow--next{
  background-image: url(../img/SVG/arrow_pc.svg);
  right: calc(86*(100vw / 750));
}

.splide__arrow svg{
  display: none;
}

@media (min-width: 768px) {
  .is-disabled-slider .slider-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
  }

  .splide__arrow{
    width: 3rem;
    height: 3rem;
    top: 45%;
    /* transform: initial; */
  }

  .splide__arrow--prev{
    background-image: url(../img/SVG/arrow_prev_pc.svg);
    left: -0.5rem;
  }

  .splide__arrow--next{
    background-image: url(../img/SVG/arrow_pc.svg);
    right: -0.5rem;
  }

  .splide__track--draggable{
    padding: 1rem 0 4.5rem!important;

  }

  .splide__pagination__page{
    margin: 3px 5px;
  }
}


@media (max-width: 767px) {

  .beatseller2025 .relateditems__wrapper .c-related-products__text--category {
    font-size: calc(22 * (100vw / 750));
    padding: calc(8 * (100vw / 750)) calc(32 * (100vw / 750)) calc(5 * (100vw / 750));
  }

  .beatseller2025 .c-related-products__text--product-name{
    font-size: calc(21 * (100vw / 750));
    line-height: 1.75;
    margin-bottom: calc(13*(100vw / 750));
  }

  .beatseller2025 .c-related-products__image-wrapper{
    margin-bottom: calc(23 * (100vw / 750));
  }

  .p_swiper{
    padding-top: calc(50* (100vw / 750));
    padding-bottom: calc(80* (100vw / 750));
  }

  .beatseller2025 .pickup__wrapper .m_adjust {
    margin-bottom: calc(45*(100vw / 750));
  }

}

@media (min-width: 768px) {
  .beatseller2025 .c-related-products__wrapper{
    width: min(100%, 96.2rem);
    /* width: 104rem; */
  }

  .beatseller2025 .pickup-products__wrapper{
    width: 96rem;
  }

  .beatseller2025 .c-related-products__image-wrapper {
    width: 20rem;
    margin-bottom: 1.5rem;
  }

  .beatseller2025 .c-related-products__content-inner {
    padding: 0;
    /* padding: 3.2rem 0 0; */
    border-radius: 2rem;
  }

  .beatseller2025 .c-related-products__text--category {
    margin-top: 2.8rem;
    margin-bottom: 2rem;
    padding: .2rem 1rem;
    font-size: 1.2rem;
  }

  .beatseller2025 .pickup__wrapper .c-related-products__text--category{
    margin-top: 2.8rem;
  }

  .beatseller2025 .pickup__wrapper .m_adjust{
    margin-bottom: 3.4rem;
  }

  .beatseller2025 .c-related-products__text--product-name {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }

  .beatseller2025 .c-related-products__text--product-price {
    font-size: 1.2rem;
  }

  .pickup__wrapper .splide__arrow {
    top: 41%;
  }
  .beatseller2025 .relateditems__wrapper .c-related-products__text--category {
    margin-top: 3.3rem;
  }
}

@media (max-width: 767px) {
  /* simplebar */
  .beatseller2025 .scroll__inner .simplebar-track.simplebar-horizontal {
    background: #fff;
    height: calc(6* (100vw / 750))!important;
    margin: 0 calc(40* 100vw/750);
    padding: 0;
    border-radius: 5px;
  }

  .beatseller2025 .scroll__inner .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    top: 0;
    height: calc(6 * 100vw/750);
    border-radius: 5px;
  }

  .beatseller2025 .scroll__inner .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    left: 0;
    right: 0;
    height: calc(10 * 100vw/750) !important;
    background: #B1B5BD;
    border-radius: 1px;
  }

  .beatseller2025 .scroll__wrapper *{
    scrollbar-width: none;
  }

  .beatseller2025 .scroll__wrapper *{
    /*スクロールバー非表示（IE・Edge）*/
    -ms-overflow-style: none;
    /*スクロールバー非表示（Firefox）*/
    scrollbar-width: none;
  }

  .beatseller2025 .scroll__wrapper{
    overflow-x: scroll;
  }

  .beatseller2025 .scroll__wrapper::-webkit-scrollbar{
    display:none;
  }

  .beatseller2025 .scroll__wrapper *::-webkit-scrollbar{
    display:none;
  }

  .beatseller2025 .simplebar-content{
    display: flex;
  }

  .beatseller2025 .scroll__inner *{
    /*スクロールバー非表示（IE・Edge）*/
    -ms-overflow-style: none;
    /*スクロールバー非表示（Firefox）*/
    scrollbar-width: none;
  }

  .scroll__wrapper::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 5px;
  }

  .scroll__wrapper::-webkit-scrollbar{
    display:none;
  }


}

/* ---- 追加改修 ---- */

.point_caption {
  position: relative;
  display: block;
  width: fit-content;
  min-width: 24rem;
  margin: -2rem auto 3rem;
  padding: 1rem 3rem;
  background: #B6C0D8;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.6;
  text-align: center;
}

.point_caption::before {
  position: absolute;
  left: 50%;
  bottom: -0.8rem;
  width: 0;
  height: 0;
  border-top: 1.6rem solid #B6C0D8;
  border-left: 1.6rem solid transparent;
  border-right: 1.6rem solid transparent;
  margin-left: -1.6rem;
  content: "";
}

.review-content2 .point_caption {
  background: #DBCDB5;
}

.review-content2 .point_caption::before {
  border-top-color: #DBCDB5;
}

.review-content3 .point_caption {
  background: #D3B2B0;
}

.review-content3 .point_caption::before {
  border-top-color: #D3B2B0;
}

.point_slide {
  margin: auto auto 10rem;
}

.point_slide .point_img {
  width: 25rem;
  margin: auto;
}

.point_slide >.swiper-pagination-bullets {
  bottom: -3rem;
}

.point_slide .swiper-pagination-bullet {
  opacity: 1;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 .6rem !important;
  padding: 0;
  border: 1px solid #787878;
  background-color: transparent;
}

.point_slide .swiper-pagination-bullet-active {
  background-color: #787878;
}

/* SP用*/
@media (max-width: 768px) {


  .point_caption {
    min-width: calc(400* (100vw / 750));
    margin: calc(50* (100vw / 750)) auto;
    padding: calc(20* (100vw / 750)) calc(30* (100vw / 750));
    font-size: calc(30* (100vw / 750));
  }

  .point_caption::before {
    bottom: calc(-16* (100vw / 750));
    border-top: calc(18* (100vw / 750)) solid #B6C0D8;
    border-left: calc(18* (100vw / 750)) solid transparent;
    border-right: calc(18* (100vw / 750)) solid transparent;
    margin-left: calc(-18* (100vw / 750));
  }

  .point_slide {
    margin-bottom: calc(130* (100vw / 750));
  }

  .point_slide .point_img {
    width: calc(400* (100vw / 750));
  }

  .point_slide >.swiper-pagination-bullets {
    bottom: calc(-50* (100vw / 750));
  }

  .point_slide .swiper-pagination-bullet {
    width: calc(16* (100vw / 750));
    height: calc(16* (100vw / 750));
    margin: 0 calc(10* (100vw / 750)) !important;
  }


}