@charset "UTF-8";
.ANR_new_price {
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  background: #010624;
}
@media screen and (min-width: 768px) {
  .ANR_new_price {
    padding-top: calc(clamp(0px, 4.7584187408vw, 65px) * 1);
    padding-bottom: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .ANR_new_price {
    padding-top: calc(clamp(0px, 8vw, 8vw) * 1);
    padding-bottom: calc(clamp(0px, 8vw, 8vw) * 1);
  }
}
.ANR_new_price .new_price__inner {
  position: relative;
  margin-inline: auto;
  border: 1px solid #e8c481;
  color: #ffffff;
  background: linear-gradient(to bottom, #040a2b 25%, #233361 100%);
  display: grid;
}
@media screen and (min-width: 768px) {
  .ANR_new_price .new_price__inner {
    width: calc(clamp(0px, 76.8667642753vw, 1050px) * 1);
    padding-top: calc(clamp(0px, 6.588579795vw, 90px) * 1);
    padding-bottom: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
    padding-left: calc(clamp(0px, 5.4904831625vw, 75px) * 1);
    padding-right: calc(clamp(0px, 5.8565153734vw, 80px) * 1);
    grid-template-columns: calc(clamp(0px, 15.9956076135vw, 218.5px) * 1) 1fr;
    grid-template-areas: "product heading" "product body";
    -moz-column-gap: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
    column-gap: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .ANR_new_price .new_price__inner {
    width: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
    padding-top: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
    padding-bottom: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
    padding-left: calc(clamp(0px, 4vw, 4vw) * 1);
    padding-right: calc(clamp(0px, 4vw, 4vw) * 1);
    grid-template-columns: calc(clamp(0px, 29.7333333333vw, 29.7333333333vw) * 1) 1fr;
    grid-template-areas: "heading heading" "product body";
    -moz-column-gap: calc(clamp(0px, 4vw, 4vw) * 1);
    column-gap: calc(clamp(0px, 4vw, 4vw) * 1);
    align-items: start;
  }
}
.ANR_new_price .new_price__inner::before, .ANR_new_price .new_price__inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.ANR_new_price .new_price__inner::before {
  background-position: center top;
}
@media screen and (min-width: 768px) {
  .ANR_new_price .new_price__inner::before {
    background-image: url(/media/export/cms_2.0/LP/advanced-night-repair/20250807/new_price__bg1.png);
  }
}
@media screen and (max-width: 767px) {
  .ANR_new_price .new_price__inner::before {
    background-image: url(/media/export/cms_2.0/LP/advanced-night-repair/20250807/new_price__bg1.sp.png);
  }
}
.ANR_new_price .new_price__inner::after {
  background-position: center bottom;
}
@media screen and (min-width: 768px) {
  .ANR_new_price .new_price__inner::after {
    background-image: url(/media/export/cms_2.0/LP/advanced-night-repair/20250807/new_price__bg2.png);
  }
}
@media screen and (max-width: 767px) {
  .ANR_new_price .new_price__inner::after {
    background-image: url(/media/export/cms_2.0/LP/advanced-night-repair/20250807/new_price__bg2.sp.png);
  }
}
.ANR_new_price .new_price__heading {
  grid-area: heading;
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
  line-height: 1;
  text-align: center;
  background: linear-gradient(to right, #e1d1b3 0%, #c2af86 10%, #b09662 30%, #fae4ae 50%, #b09662 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
@media screen and (min-width: 768px) {
  .ANR_new_price .new_price__heading {
    letter-spacing: -0.025em;
    font-size: calc(clamp(0px, 2.8550512445vw, 39px) * 1);
    border-bottom: calc(clamp(0px, 0.1464128843vw, 2px) * 1) solid #e8c481;
    padding-bottom: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
    margin-top: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .ANR_new_price .new_price__heading {
    letter-spacing: unset;
    font-size: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
    border-bottom: calc(clamp(0px, 0.2666666667vw, 0.2666666667vw) * 1) solid #e8c481;
    padding-bottom: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
  }
}
.ANR_new_price .new_price__heading em {
  font-size: 120%;
}
.ANR_new_price .new_price__heading .strong {
  font-size: 150%;
}
.ANR_new_price .new_price__body {
  grid-area: body;
}
.ANR_new_price .new_price__product {
  grid-area: product;
}
@media screen and (min-width: 768px) {
  .ANR_new_price .new_price__product {
    width: calc(clamp(0px, 15.2635431918vw, 208.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .ANR_new_price .new_price__product {
    width: calc(clamp(0px, 29.7333333333vw, 29.7333333333vw) * 1);
    margin-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
.ANR_new_price .new_price__price {
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .ANR_new_price .new_price__price {
    margin-top: calc(clamp(0px, 2.4158125915vw, 33px) * 1);
    font-size: calc(clamp(0px, 1.6105417277vw, 22px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .ANR_new_price .new_price__price {
    margin-top: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
    font-size: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
    line-height: 1.6;
  }
}
@media screen and (min-width: 768px) {
  .ANR_new_price .new_price__price .small {
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .ANR_new_price .new_price__price .small {
    font-size: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .ANR_new_price .btnWrap {
    margin-top: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .ANR_new_price .btnWrap a {
    margin: 0 auto;
    width: calc(clamp(0px, 12.9941434846vw, 177.5px) * 1);
    height: calc(clamp(0px, 3.4040995608vw, 46.5px) * 1);
    font-size: calc(clamp(0px, 1.0248901903vw, 14px) * 1);
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 767px) {
  .ANR_new_price .btnWrap a {
    width: calc(clamp(0px, 42.6666666667vw, 42.6666666667vw) * 1);
    height: calc(clamp(0px, 9.6vw, 9.6vw) * 1);
    font-size: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
@media screen and (max-width: 767px) and (max-width: 400px) {
  .ANR_new_price .btnWrap a {
    font-size: 11px;
  }
}
@media screen and (min-width: 768px) {
  .ANR_new_price .new_price__note {
    font-size: calc(clamp(0px, 0.8052708638vw, 11px) * 1);
    margin-top: calc(clamp(0px, 0.9516837482vw, 13px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .ANR_new_price .new_price__note {
    font-size: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    margin-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}