@charset "utf-8";
.marker {
  background: linear-gradient(transparent 50%, #ecbe95 50%) no-repeat!important;
}
.mv .mv__txt {
  position: inherit!important;
  padding: 97px 0 95px;
  transform: none!important;
  background: url("/pages/elegance/main/elegance_makeup_base/img/el_26aw_makeup-base_bg_01_pc.jpg") no-repeat center / cover;
}
.mv .mv__txt p {
  color: #442e1b!important;
}
.spec__link {
  display: block;
  margin-top: 1em;
  margin-left: 1em;
  padding-bottom: 4px;
  font-size: 16px;
}
.spec__link span {
  position: relative;
  padding: 0 30px 0 3px;
  border-bottom: solid 1px #282828;
}
.spec__link span::after {
  position: absolute;
  top: 50%;
  right: 3px;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background: url(/pages/elegance/main/elegance_makeup_base/img/el_26aw_makeup-base_ic_01.png) no-repeat center / contain;
}
.feat {
  background: url("/pages/elegance/main/elegance_makeup_base/img/el_26aw_makeup-base_bg_02_pc.jpg") no-repeat center / cover!important;
}
.other {
  background: url("/pages/elegance/main/elegance_makeup_base/img/el_26aw_makeup-base_bg_03_pc.jpg") no-repeat center / cover!important;
}
.other h2 {
  width: inherit!important;
  line-height: 1;
  text-align: center;
  font-size: 24px;
}
.other .other__box .other__txt .other__detail .detail__item {
  color: #5f5f5f!important;
}
.other .other__box .other__txt .other__detail .detail__item::before {
  background: url(/pages/elegance/main/elegance_makeup_base/img/el_26aw_makeup-base_ic_02.png) no-repeat center / contain!important;
}
.other .other__box .other__txt .other__link {
  margin: 50px 0 0!important;
  text-align: center;
}
.other .other__box .other__txt .other__link a {
  padding: 0!important;
}
.other .other__box .other__txt .other__link a span.icon {
  position: relative!important;
  display: inline-block!important;
  width: inherit!important;
  height: inherit!important;
  padding: 0 30px 0 3px;
  border-bottom: solid 1px #282828;
  line-height: 1.5!important;
}
.other .other__box .other__txt .other__link a span.icon::before {
  display: none!important;
}
.other .other__box .other__txt .other__link a span.icon::after {
  right: 3px!important;
  left: auto;
  top: 50%!important;
  bottom: auto;
  width: 16px!important;
  height: 16px !important;
  transform: translateY(-50%);
  background: url("/pages/elegance/main/elegance_makeup_base/img/el_26aw_makeup-base_ic_01.png") no-repeat center / contain!important;
}
.other .other__box .other__txt .other__link a span.icon:hover {
  transform: none!important;
}
.recommend {
  padding: 122px 0 100px;
}
.recommend .recommend__ttl {
  text-align: center;
  font-size: 52px;
  font-weight: bold;
  color: #595959;
}
.recommend .recommend__lead {
  margin-top: 14px;
  text-align: center;
  font-size: 18px;
}
.recommend .recommend__content {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 96px;
  margin-top: 40px;
}
.recommend .recommend__content .recommend__detail {
  text-align: center;
}
.recommend .recommend__content .recommend__detail__txt {
  font-size: 18px;
}
.recommend .recommend__content .recommend__detail__name {
  margin-top: 15px;
  font-size: 20px;
}
.recommend .recommend__content .recommend__detail__name span {
  font-size: 14px;
}
.recommend .recommend__content .recommend__detail__link {
  display: inline-block;
  margin-top: 28px;
  font-size: 16px;
}
.recommend .recommend__content .recommend__detail__link span {
  position: relative;
  padding: 0 30px 0 4px;
  border-bottom: solid 1px #282828;
}
.recommend .recommend__content .recommend__detail__link span::after {
  position: absolute;
  top: 50%;
  right: 4px;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background: url("/pages/elegance/main/elegance_makeup_base/img/el_26aw_makeup-base_ic_01.png") no-repeat center / contain;
}
.recommend .recommend__content .recommend__img {
  width: 119px;
}
.recommend .recommend__content .recommend__img img {
  width: 100%;
  height: auto;
}

@media screen and (max-width:1200px) {
  .mv .mv__txt {
    padding: 8.08vw 0 7.92vw;
  }
  .spec__link {
    font-size: clamp(14px, 1.33vw, 16px);
  }
  .spec__link span {
    position: relative;
    padding: 0 2.5vw 0 0.25vw;
  }
  .spec__link span::after {
    right: 0.25vw;
    width: clamp(14px, 1.33vw, 16px);
    height: clamp(14px, 1.33vw, 16px);
  }
  .other h2 {
    font-size: clamp(20px, 2vw, 24px);
  }
  .other .other__box .other__txt .other__link a span.icon {
    padding: 0 2.5vw 0 0.25vw;
  }
  .other .other__box .other__txt .other__link a span.icon::after {
    right: 0.25vw!important;
    width: clamp(14px, 1.33vw, 16px)!important;
    height: clamp(14px, 1.33vw, 16px)!important;
  }
  .other .other__box .other__txt .other__link a span.icon:hover {
    transform: none!important;
  }
  .recommend {
    padding: 10.17vw 0 8.33vw;
  }
  .recommend .recommend__ttl {
    font-size: 4.33vw;
  }
  .recommend .recommend__lead {
    margin-top: 1.17vw;
    font-size: clamp(16px, 1.5vw, 18px);
  }
  .recommend .recommend__content {
    column-gap: 8vw;
    margin-top: 3.33vw;
  }
  .recommend .recommend__content .recommend__detail__txt {
    font-size: clamp(16px, 1.5vw, 18px);
  }
  .recommend .recommend__content .recommend__detail__name {
    margin-top: 1.25vw;
    font-size: clamp(18px, 1.67vw, 20px);
  }
  .recommend .recommend__content .recommend__detail__name span {
    font-size: clamp(12px, 1.17vw, 14px);
  }
  .recommend .recommend__content .recommend__detail__link {
    margin-top: 2.33vw;
    font-size: clamp(14px, 1.33vw, 16px);
  }
  .recommend .recommend__content .recommend__detail__link span {
    padding: 0 2.5vw 0 0.33vw;
  }
  .recommend .recommend__content .recommend__detail__link span::after {
    right: 0.33vw;
    width: clamp(14px, 1.33vw, 16px);
    height: clamp(14px, 1.33vw, 16px);
  }
  .recommend .recommend__content .recommend__img {
    width: 9.92vw;
  }
}

@media screen and (max-width:767px) {
  .mv .mv__txt {
    padding: 12.4vw 0;
    background: url("/pages/elegance/main/elegance_makeup_base/img/el_26aw_makeup-base_bg_01_sp.jpg") no-repeat center / cover;
    line-height: 1.583!important;
  }
  .mv .mv__txt p + p {
    margin-top: 2.4vw!important;
  }
  .spec .spec__container {
    row-gap: 2.1vw!important;
  }
  .spec__link {
    margin-left: 0;
    text-align: center;
    font-size: 3.2vw;
  }
  .spec__link span {
    padding: 0 6.4vw 0 0.8vw;
  }
  .spec__link span::after {
    right: 0.8vw;
    width: 2.93vw;
    height: 2.93vw;
  }
  .feat {
    padding: 20.53vw 0 20.8vw!important;
    background: url("/pages/elegance/main/elegance_makeup_base/img/el_26aw_makeup-base_bg_02_sp.jpg") no-repeat center / cover!important;
  }
  .other {
    background: url("/pages/elegance/main/elegance_makeup_base/img/el_26aw_makeup-base_bg_03_sp.jpg") no-repeat center / cover!important;
  }
  .other h2 {
    font-size: 4.8vw;
  }
  .other .other__box .other__txt .other__link {
    margin: 6.67vw 0 0!important;
  }
  .other .other__box .other__txt .other__link a span.icon {
    padding: 0 6.4vw 0 0.8vw;
  }
  .other .other__box .other__txt .other__link a span.icon::after {
    right: 0.8vw!important;
    width: clamp(14px, 1.33vw, 16px)!important;
    height: clamp(14px, 1.33vw, 16px)!important;
  }
  .recommend {
    padding: 19.07vw 0 17.87vw;
  }
  .recommend .recommend__ttl {
    font-size: 8.53vw;
  }
  .recommend .recommend__lead {
    margin-top: 2.4vw;
    font-size: 3.2vw;
  }
  .recommend .recommend__content {
    flex-direction: column-reverse;
    row-gap: 6.67vw;
    margin-top: 6.67vw;
  }
  .recommend .recommend__content .recommend__detail__txt {
    font-size: 3.2vw;
  }
  .recommend .recommend__content .recommend__detail__name {
    margin-top: 4vw;
    font-size: 4.27vw;
  }
  .recommend .recommend__content .recommend__detail__name span {
    font-size: 3.2vw;
  }
  .recommend .recommend__content .recommend__detail__link {
    margin-top: 6.67vw;
    font-size: 3.2vw;
  }
  .recommend .recommend__content .recommend__detail__link span {
    padding: 0 6.4vw 0 0.8vw;
  }
  .recommend .recommend__content .recommend__detail__link span::after {
    right: 0.8vw;
    width: 2.93vw;
    height: 2.93vw;
  }
  .recommend .recommend__content .recommend__img {
    width: 20.27vw;
  }
}