@charset "UTF-8";
@media (min-width: 769px) {
  .lp-2105-vpn-2plus1 .sp {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .lp-2105-vpn-2plus1 .pc {
    display: none;
  }
}

.js-LpMakeupTopCarousel1.Carousel-item3 {
  padding-left: 150px;
}

.js-LpMakeupTopCarousel1.Carousel-item2 {
  padding-left: 290px;
}

.js-LpMakeupTopCarousel1.Carousel-item1 {
  padding-left: 435px;
}

.lp-makeup-top-arrival__product__category + .lp-makeup-top-arrival__product__name {
  margin-top: 0;
}

@media (max-width: 1440px) and (min-width: 769px) {
  .js-LpMakeupTopCarousel1.Carousel-item3 {
    padding-left: calc(150 * 100vw / 1440);
  }
  .js-LpMakeupTopCarousel1.Carousel-item2 {
    padding-left: calc(290 * 100vw / 1440);
  }
  .js-LpMakeupTopCarousel1.Carousel-item1 {
    padding-left: calc(435 * 100vw / 1440);
  }
}

@media (max-width: 768px) {
  .js-LpMakeupTopCarousel1.Carousel-item3,
  .js-LpMakeupTopCarousel1.Carousel-item2,
  .js-LpMakeupTopCarousel1.Carousel-item1 {
    padding-left: 0px;
  }
  .lp-makeup-top-arrival__list.js-LpMakeupTopCarousel1 .lp-makeup-top-arrival__list-item {
    /* margin-left: calc(230 * 100vw / 750); */
    margin: auto;
  }
}

.lp-makeup-top-campaign__bnr_wrapper {
  text-align: center;
}

@media (max-width: 768px) {
  .lp-makeup-top-campaign__bnr_wrapper .pc-only {
    display: none;
  }
}

@media (max-width: 768px) {
  .lp-makeup-top-campaign__bnr_wrapper .sp-only {
    margin-left: 5.33333vw;
    margin-right: 5.33333vw;
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .lp-makeup-top-campaign__bnr_wrapper .sp-only {
    display: none;
  }
}

@media (min-width: 769px) {
  /*.lp-makeup-top-campaign__bnr_wrapper {
        text-align: center;
    }*/
  .lp-makeup-top-campaign__bnr_wrapper .pc-only {
    width: 900px;
    margin: 0 auto;
    margin-bottom: 60px;
    margin-top: 60px;
    display: block;
  }
}

@media (max-width: 1440px) and (min-width: 769px) {
  .lp-makeup-top-campaign__bnr_wrapper .pc-only {
    width: calc(900 * 100vw / 1220);
    margin-bottom: 60px;
    display: block;
  }
}

@media (min-width: 769px) {
  .lp-makeup-top-arrival__inner {
    padding-bottom: 0px;
  }
}

.lp-makeup-top-header {
  background-color: #272525 !important;
  color: #fff !important;
  border-bottom: none !important;
}

@media (min-width: 1441px) {
  .lp-makeup-top-header {
    height: 420px;
  }
}

@media (max-width: 1440px) and (min-width: 769px) {
  .lp-makeup-top-header {
    height: calc(420 * 100vw / 1440);
  }
}

.lp-makeup-top-header__inner::before {
  left: 0;
  background-image: url("../contentassetimages/lp-makeup-top/makeup_0601.jpg?$staticlink$");
}

@media (min-width: 1441px) {
  .lp-makeup-top-header__inner::before {
    width: 600px;
    height: 420px;
  }
}

@media (max-width: 1440px) and (min-width: 769px) {
  .lp-makeup-top-header__inner::before {
    width: calc(600 * 100vw / 1440);
    height: calc(420 * 100vw / 1440);
  }
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-header__inner::before {
    background-image: url("../contentassetimages/lp-makeup-top/makeup_0601_sp.jpg?$staticlink$");
    height: calc(480 * 100vw / 750);
  }
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-header__inner > p {
    font-size: 3.33333vw;
  }
}

@media (min-width: 1441px) {
  .lp-makeup-top-header__title {
    top: 120px;
  }
  .lp-makeup-top-header__title + p {
    top: 215px;
  }
}

@media (max-width: 1440px) and (min-width: 769px) {
  .lp-makeup-top-header__title {
    top: calc(120 * 100vw / 1440);
  }
  .lp-makeup-top-header__title + p {
    top: calc(215 * 100vw / 1440);
  }
}

.lp-makeup-top-item {
  margin-top: 95px;
}

@media (min-width: 769px) and (max-width: 1115px) {
  .lp-makeup-top-item {
    margin-top: 10.76233vw;
  }
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-item {
    margin-top: 5.46666666666667vw;
  }
}

.lp-makeup-top-item__inner {
  max-width: 1198px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.lp-makeup-top-item__heading {
  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;
  font-weight: bold;
}

@media (min-width: 1116px) {
  .lp-makeup-top-item__heading {
    line-height: 1.2em;
    font-size: 45px;
  }
}

@media (min-width: 769px) and (max-width: 1115px) {
  .lp-makeup-top-item__heading {
    line-height: 1.2em;
    font-size: 4.03587vw;
  }
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-item__heading {
    line-height: 1.15em;
    font-size: 6.13333vw;
  }
}

@media (min-width: 1116px) {
  .lp-makeup-top-item__heading span {
    border-bottom: 6px solid #c8102e;
  }
}

@media (min-width: 769px) and (max-width: 1115px) {
  .lp-makeup-top-item__heading span {
    border-bottom: 6px solid #c8102e;
  }
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-item__heading span {
    border-bottom: 4px solid #c8102e;
  }
}

.lp-makeup-top-item__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-contetn: center;
  list-style: none;
  margin-top: 80px;
}

@media (min-width: 769px) and (max-width: 1115px) {
  .lp-makeup-top-item__list {
    margin-top: 7.17489vw;
  }
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-item__list {
    margin-top: 8vw;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.lp-makeup-top-item__list li {
  width: calc(20% - 2px);
  margin-right: 2px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-item__list li {
    width: calc(50% - 3px);
    margin-right: 3px;
    margin-bottom: 3px;
  }
  .lp-makeup-top-item__list li:nth-of-type(even) {
    margin-right: 0;
  }
}

.lp-makeup-top-item__list li:last-child {
  margin-right: 0;
}

.lp-makeup-top-item__list li img {
  width: 100%;
}

.lp-makeup-top-item__list li:hover span {
  opacity: 0.7;
}

.lp-makeup-top-item__list li span {
  display: block;
  background-color: #000;
  color: #fff;
  padding: 8px;
  font-size: 24px;
}

@media (min-width: 769px) and (max-width: 1115px) {
  .lp-makeup-top-item__list li span {
    font-size: 1.84529vw;
  }
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-item__list li span {
    font-size: 3.733333333333333vw;
    padding: 3px;
  }
}

.lp-makeup-top-virtual__inner {
  position: relative;
  background-color: #f1f1f1 !important;
  background-image: url("../contentassetimages/lp-makeup-top/virtual_bg_footer_0601_pc.jpg?$staticlink$") !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  backgorund-position: center bottom !important;
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-virtual__inner {
    background-image: url("../contentassetimages/lp-makeup-top/virtual_bg_footer_0601_sp.jpg?$staticlink$") !important;
  }
}

.lp-makeup-top-virtual__header {
  position: relative;
  z-index: 1;
  background-color: #272525;
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-virtual__header {
    padding-bottom: 10vw;
  }
}

.lp-makeup-top-virtual__header-body {
  background-image: none;
  color: #fff;
}

@media (min-width: 1116px) {
  .lp-makeup-top-virtual__header-body {
    margin-top: -120px;
  }
}

@media (min-width: 769px) and (max-width: 1115px) {
  .lp-makeup-top-virtual__header-body {
    margin-top: calc(-110 * 100vw / 1440);
  }
}

@media (min-width: 1116px) {
  .lp-makeup-top-virtual__header-body {
    padding: 0 0 0 100px;
  }
}

.lp-makeup-top-virtual__header-heading span {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 6px solid #c8102e;
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-virtual__header-heading span {
    border-bottom: 4px solid #c8102e;
  }
}

.lp-makeup-top-virtual__product {
  position: relative;
  z-index: 100;
  padding-bottom: 50px !important;
}

@media (min-width: 1116px) {
  .lp-makeup-top-virtual__product {
    margin-top: -120px;
  }
}

@media (min-width: 769px) and (max-width: 1115px) {
  .lp-makeup-top-virtual__product {
    margin-top: calc(-110 * 100vw / 1440);
  }
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-virtual__product {
    margin-top: calc(-100 * 100vw / 750);
  }
}

.lp-makeup-top-virtual__usage {
  margin-top: 0;
}

.lp-makeup-top-virtual__usage-heading {
  line-height: 1.2;
  text-align: center;
  text-transform: inherit;
}

@media (min-width: 1116px) {
  .lp-makeup-top-virtual__usage-heading {
    font-size: 26px;
    margin-top: 20px;
  }
}

@media (min-width: 769px) and (max-width: 1115px) {
  .lp-makeup-top-virtual__usage-heading {
    font-size: 2.33184vw;
  }
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-virtual__try {
    font-size: 4.5vw;
  }
}

.lp-makeup-top-virtual__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: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-virtual__list {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.lp-makeup-top-virtual__list-item {
  width: 25%;
  margin: 0;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-virtual__list-item {
    width: calc(100% / 3) !important;
    margin-bottom: calc(25 * 100vw / 750);
  }
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-virtual__item-name {
    font-size: 2.2vw;
    margin-top: 3.33333vw;
  }
}

.lp-makeup-top-topics__header-heading {
  font-weight: bold !important;
  font-family: 'readermedium','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','Helvetica Neue','Hiragino Kaku Gothic W3 JIS2004',Meiryo,Helvetica,Helvetica,Arial,sans-serif !important;
}

@media (min-width: 1116px) {
  .lp-makeup-top-topics__header {
    line-height: 1.2em;
    font-size: 45px;
  }
}

@media (min-width: 769px) and (max-width: 1115px) {
  .lp-makeup-top-topics__header {
    line-height: 1.2em;
    font-size: 4.03587vw;
  }
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-topics__header {
    line-height: 1.15em;
    font-size: 6.13333vw;
  }
}

@media (min-width: 1116px) {
  .lp-makeup-top-topics__header span {
    border-bottom: 6px solid #c8102e;
  }
}

@media (min-width: 769px) and (max-width: 1115px) {
  .lp-makeup-top-topics__header span {
    border-bottom: 6px solid #c8102e;
  }
}

@media screen and (max-width: 768px) {
  .lp-makeup-top-topics__header span {
    border-bottom: 4px solid #c8102e;
  }
}