.pickup__link {
  font-weight: 400;
}
.bodyCareDetail .howTit {
  font-weight: 200;
}
.header__item {
  font-weight: 500;
}

.spectxt {
  font-weight: 500;
}
.spectxtAnnotation {
  text-align:center;
}
.dttxtcon h2 {
  font-weight: 500;
}
.dtread {
  font-weight: 500;
}
.pickup {
  padding-block: 60px 30px;
}

@media screen and (max-width: 900px) {
  .pickup {
    padding-block: 50px;
    margin: 0;
  }
}

@media screen and (max-width: 900px) {
  .pickup .secTits {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 900px) {
  .newcatgory {
    padding: 52px 0;
  }
}

@media screen and (max-width: 900px) {
  .dttxtcon {
    padding-left: 10px;
  }
  #body_scrub .dttxtcon {
    padding-left: 0;
    width: 100%;
  }
  #c_body_scrub .dttxtcon {
    padding-left: 0;
    width: 100%;
  }
}

@media screen and (max-width: 900px) {
  .dtread {
    letter-spacing: 0;
  }
}

@media screen and (max-width: 900px) {
  .collagenDetail .contentW {
    padding: 0 30px;
  }
}

@media screen and (max-width: 900px) {
  .collagenDetail .spvttit {
    font-size: 15px;
    letter-spacing: -0.02rem;
  }
}

@media screen and (max-width: 900px) {
  .bgDttxt2 {
    padding-block-start: 15px;
  }
}
@media screen and (max-width: 900px) {
  .bottomin dl {
    margin-top: 15px;
  }
}

@media screen and (max-width: 900px) {
  .buybtns .yahoo,
  .buybtns .qoo10 {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 900px) {
  .deimgcon dl dt {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 900px) {
  .buybtnwrapp {
    padding-top: 30px;
  }
}

.buybtnwrapp.coming-soon {
  position: relative;
}
.buybtnwrapp.coming-soon p {
  position: relative;
  z-index: 2;
  text-align: center;
  font-size: clamp(
    14px,
    calc(14px + (20 - 14) * ((100vw - 390px) / (1440 - 390))),
    20px
  );
}

@media screen and (max-width: 900px) {
  .buybtnwrapp.coming-soon p {
    background-color: #f7f7f7;
    padding: 30px 0;
  }
}

/* ビタミンC */
.bodyCareDetail.vitminDetail {
  padding-block: 80px 90px;
}
@media screen and (max-width: 900px) {
  .bodyCareDetail.vitminDetail {
    padding-block: 40px 90px;
  }
}

.bodyCareDetail.vitminDetail .bodyCareDetailList {
  padding-block-start: 80px;
}

@media screen and (max-width: 900px) {
  .bodyCareDetail.vitminDetail .bodyCareDetailList {
    padding-block-start: 40px;
  }
}
.bodyCareDetail .howTit {
  margin-bottom: 0;
}

.vitminDetail {
  padding: 0;
}

/* コラーゲン */
.bodyCareDetail .atdtxtft {
  color: #000;
}
.bodyCareDetail.collagenDetail {
  padding-block: 80px 90px;
}

@media screen and (max-width: 900px) {
  .bodyCareDetail.collagenDetail {
    padding-block: 40px 60px;
  }
}

.bodyCareDetail.collagenDetail .bodyCareDetailList {
  padding-block-start: 90px;
}

@media screen and (max-width: 900px) {
  .bodyCareDetail.collagenDetail .bodyCareDetailList {
    padding-block-start: 35px;
  }
}

/* 共通 */
.bodyCareDetailList {
  display: flex;
  flex-direction: column;
  gap: 150px;
}

@media screen and (max-width: 900px) {
  .bodyCareDetailList {
    gap: 80px;
  }
}

.atdtxtft {
  margin-bottom: 0;
}

.collagenDetail.bluebg .dtwrapps .atdtxtftright {
  line-height: 1.2;
  font-size: 10px;
  text-align: right;
}

/* .body_care .pickup {
  margin-block: 90px;
}

@media screen and (min-width: 901px) {
  .body_care .newctListWrap {
    justify-content: center;
  }
}

.bodyCareDetail.vitminDetail {
  padding-block: 80px 90px;
}

.vitminDetail {
  padding: 0;
}
.vitminDetail .dtwrapps {
  padding-block-start: 30px;
}
.vitminDetail .atdtxtft {
  margin-bottom: 0;
}
.bodyCareDetail.howTit,
.vitminDetail .howTit {
  margin-bottom: 0;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.collagenDetail .sup {
  vertical-align: text-top;
  font-size: initial;
}


.collagenDetail.bluebg .dtwrapps .atdtxtft {
  margin-bottom: 0;
  color: #000;
}
.collagenDetail.bluebg .dtwrapps .atdtxtftright {
  line-height: 1.2;
  font-size: 10px;
}
.bodyCareDetailList {
  display: flex;
  gap: 120px;
  flex-direction: column;
}

@media screen and (max-width: 900px) {
  .collagenDetail .dttxtcon {
    padding-left: 10px;
  }
}

@media screen and (max-width: 900px) {
  #c_body_scrub .dttxtcon {
    padding-left: 0;
  }
}

.atdtxtftright {
  text-align: right;
}
.spectxtAnnotation {
  font-size: 10px;
  letter-spacing: normal;
}
.spectxt .sup {
  font-size: 8px;
}

#c_body_scrub .deimgcon .icnpdimg {
  position: relative;
}

#c_body_scrub .deimgcon .icnpdimg:before {
  content: "";
  position: absolute;
  top: -24px;
  right: -16px;
  z-index: 2;
  display: block;
  width: 120px;
  height: 120px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/lab/imgs/body_care/produt-body-c-02-point.webp);
}

@media screen and (max-width: 900px) {
  #c_body_scrub .deimgcon .icnpdimg:before {
    top: -12px;
  }
}

.collagenDetail {
  padding-block-start: 80px;
}
.bodyCareDetailList {
  padding-block-start: 50px;
}
@media screen and (min-width: 1440px) {
  #c_body_wash_refill .dttxtcon h2 {
    white-space: nowrap;
  }
}
#c_body_wash_refill .atdtxtft,
#body_wash_refill .atdtxtft {
  margin-bottom: 0;
}
#body_wash.vitminDetail {
  padding-top: 0;
}
#body_wash_refill.vitminDetail {
  padding-bottom: 0;
}

.pc-br {
  display: block;
}
@media screen and (max-width: 900px) {
  .pc-br {
    display: none;
  }
}
.sp-br {
  display: none;
}
@media screen and (max-width: 900px) {
  .sp-br {
    display: block;
  }
}
@media screen and (max-width: 900px) {
  .collagenDetail .contentW {
    padding: 0 30px;
  }
}

@media screen and (max-width: 900px) {
  .collagenDetail .spvttit {
    font-size: 15px;
    font-feature-settings: "palt";
  }
} */

/* ===== 商品カテゴリ一覧：2列（2×2）レイアウト =====
   Figma「ボディケア更新」2001-3899: カード478px・列間24px・行間38px。
   共通CSS（/lab/css/style.css）の .p-catList.three とは別クラスで、このページ専用。
   カード画像は列幅に合わせて縮小する（.three は画像の実寸まま） */
.p-catList.two{
    flex-wrap: wrap;
    gap: 38px 24px;
}
.p-catList.two .p-catItem{
    width: calc((100% - 24px) / 2);
    padding: 0;
}
.p-catList.two .p-catItemImage img{
    width: 100%;
    height: auto;
}
@media screen and (max-width: 900px) {
    .p-catList.two .p-catItem{
        width: 100%;
        max-width: 400px;
    }
}