@charset "UTF-8";
/*--------------------------------
   Media Queries (1400px ~ 1400px)
 --------------------------------*/
@media only screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡ ▼ S e t U p SP ▼ ≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
#Wrap {
  width: 100%;
}

.lp_contents {
  background: #ffffff;
  color: var(--color-text);
  font-family: var(--font-Europa), var(--font-NotoSans-jp), sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.025em;
  font-style: normal;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lp_contents img,
.lp_contents svg {
  display: block;
  opacity: 1;
  width: 100%;
  height: auto;
}
.lp_contents picture {
  display: block;
}
.lp_contents a {
  display: block;
  color: inherit;
}
.lp_contents *:focus {
  outline: none;
}
.lp_contents input {
  display: none;
}
.lp_contents li,
.lp_contents ol {
  list-style-type: none;
}
.lp_contents .spOnly {
  display: block;
}
.lp_contents .pcOnly {
  display: none;
}
.lp_contents ::-moz-selection {
  color: #ffffff;
  background-color: rgb(246, 163, 177);
}
.lp_contents ::selection {
  color: #ffffff;
  background-color: rgb(246, 163, 177);
}
.lp_contents table {
  border-collapse: collapse;
}
.lp_contents .anim {
  opacity: 0;
}
.lp_contents .mv__slider.anim_enable {
  -webkit-animation: mv-fade 2s ease forwards;
          animation: mv-fade 2s ease forwards;
}
@-webkit-keyframes mv-fade {
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mv-fade {
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.lp_contents .anim_enable {
  -webkit-animation: fade 1.6s ease forwards;
          animation: fade 1.6s ease forwards;
}
@-webkit-keyframes fade {
  20% {
    opacity: 0;
    transform: translateY(calc(30 * 100vw/750));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade {
  20% {
    opacity: 0;
    transform: translateY(calc(30 * 100vw/750));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*--------------------------------
							SP  Only
--------------------------------*/
@media (max-width: 768px) {
  #footer {
    z-index: 101;
  }
  .lp_contents .makeupLook__slider-thumbnail .swiper-slide {
    width: calc(160 * 100vw/750) !important;
  }
}
/* .lp_contents : set up SP*/
/*------------------------------------
≡≡≡≡≡≡≡≡ ▼ Layout SP First ▼ ≡≡≡≡≡≡≡≡
 ------------------------------------*/
.lp_contents {
  /*------------------------------------
  ≡≡≡≡≡≡≡≡≡ ▼ カスタムプロバティ ▼ ≡≡≡≡≡≡≡≡≡
  ------------------------------------*/
  --color-text: #000000;
  --color-border: #ECECEC;
  --font-NotoSans-jp: "Noto Sans JP";
  --font-Garamond: "adobe-garamond-pro";
  --font-Europa: "Europa";
  --font-Lieblin: "liebling";
}
.lp_contents .section {
  font-feature-settings: normal;
}
.lp_contents .section__contents {
  padding: calc(119 * 100vw/750) calc(40 * 100vw/750) calc(240 * 100vw/750);
}
.lp_contents .section .data {
  margin-bottom: calc(14 * 100vw/750);
  font-size: calc(24 * 100vw/750);
  line-height: 1;
}
.lp_contents .section .productName.en {
  font-family: var(--font-Lieblin), sans-serif;
  font-size: calc(74 * 100vw/750);
  letter-spacing: 0.025em;
}
.lp_contents .section .productName.jp {
  margin-bottom: calc(57 * 100vw/750);
  padding-top: calc(9 * 100vw/750);
  font-size: calc(28 * 100vw/750);
  line-height: 1;
}
.lp_contents .section .priceWrap {
  display: flex;
  align-items: center;
  -moz-column-gap: calc(30 * 100vw/750);
       column-gap: calc(30 * 100vw/750);
  margin-bottom: calc(50 * 100vw/750);
}
.lp_contents .section .priceWrap .icon {
  padding: calc(9 * 100vw/750) calc(18 * 100vw/750) calc(7 * 100vw/750);
  border: 1px solid;
  font-family: var(--font-Lieblin), sans-serif;
  font-size: calc(24 * 100vw/750);
  line-height: 1;
}
.lp_contents .section .priceWrap .price {
  font-size: calc(28 * 100vw/750);
  font-feature-settings: normal;
  line-height: 1;
}
.lp_contents .section .priceWrap .price span {
  padding-right: calc(6 * 100vw/750);
}
.lp_contents .section .text {
  font-size: calc(30 * 100vw/750);
  line-height: 1.75;
}
.lp_contents .section__list {
  display: flex;
  margin-block: calc(25 * 100vw/750) calc(56 * 100vw/750);
  text-align: center;
}
.lp_contents .section__item img {
  display: inline-block;
  width: calc(240 * 100vw/750);
}
.lp_contents .section__item__productName {
  margin-top: calc(4 * 100vw/750);
  font-size: calc(20 * 100vw/750);
  line-height: 1.75;
  white-space: nowrap;
}
.lp_contents .section__flex {
  display: flex;
  align-items: center;
  -moz-column-gap: calc(31 * 100vw/750);
       column-gap: calc(31 * 100vw/750);
}
.lp_contents .section .button {
  padding-bottom: calc(6 * 100vw/750);
  font-size: calc(30 * 100vw/750);
}
.lp_contents .section .button p {
  -moz-column-gap: calc(28 * 100vw/750);
       column-gap: calc(28 * 100vw/750);
}
.lp_contents .button {
  display: inline-block;
  border-bottom: calc(2 * 100vw/750) solid;
}
.lp_contents .button p {
  display: flex;
  font-family: var(--font-Lieblin), sans-serif;
  align-items: center;
}
.lp_contents .button p::after {
  content: "";
  width: calc(13.1 * 100vw/750);
  height: calc(36 * 100vw/750);
  background-image: url(../img/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.lp_contents .accordionBox__inner {
  overflow: hidden;
}
.lp_contents .accordionBox.close .accordionBox__inner {
  transition: max-height 0.8s ease-in-out;
  max-height: calc(1 * 100vw/750);
}
.lp_contents .accordionBox.close .ui-accordion::after {
  transition: transform 0.4s 0.1s ease-in-out;
}
.lp_contents .accordionBox.open .accordionBox__inner {
  transition: max-height 0.8s 0.1s ease-out;
  max-height: calc(960 * 100vw/750);
}
.lp_contents .accordionBox.open .ui-accordion::after {
  transition: transform 0.4s 0.1s ease-out;
  transform: rotate(0deg);
}
.lp_contents .accordionBox__button {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-family: var(--font-Lieblin), sans-serif;
  justify-content: center;
  line-height: 1;
  text-align: center;
}
.lp_contents .accordionBox .ui-accordion {
  position: relative;
  z-index: 0;
}
.lp_contents .accordionBox .ui-accordion::before, .lp_contents .accordionBox .ui-accordion::after {
  content: "";
  position: absolute;
  margin: auto;
  bottom: 0;
  left: 0;
  height: 0;
  border-bottom: 1px solid #000;
  z-index: 0;
}
.lp_contents .accordionBox .ui-accordion::after {
  transform: rotate(-90deg);
}
.lp_contents .mv {
  position: relative;
  text-align: center;
  z-index: 0;
}
.lp_contents .mv__textWrap {
  position: absolute;
  left: 0;
  bottom: calc(147 * 100vw/750);
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 1;
}
.lp_contents .mv__logo {
  display: inline-block;
  width: calc(560 * 100vw/750);
}
.lp_contents .mv__text {
  margin-top: calc(28 * 100vw/750);
  font-family: var(--font-Lieblin), sans-serif;
  font-size: calc(28 * 100vw/750);
  font-weight: 300;
  line-height: 1;
}
.lp_contents .anchorLink {
  padding-top: calc(49 * 100vw/750);
  padding-bottom: calc(117 * 100vw/750);
  text-align: center;
}
.lp_contents .anchorLink__slider {
  padding-inline: calc(21 * 100vw/750);
}
.lp_contents .anchorLink__slider img {
  padding: 0 calc(10 * 100vw/750);
}
.lp_contents .anchorLink .anchorLink__link:active .anchorLink__text {
  opacity: 1;
}
.lp_contents .anchorLink__text {
  margin-top: calc(33 * 100vw/750);
  font-family: var(--font-Lieblin), sans-serif;
  font-size: calc(24 * 100vw/750);
  font-weight: 400;
  line-height: 1;
  opacity: 0;
  white-space: nowrap;
}
@-webkit-keyframes fade-text {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  26% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-text {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  26% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.lp_contents .collection {
  text-align: center;
}
.lp_contents .collection__title {
  margin-bottom: calc(53 * 100vw/750);
  font-family: var(--font-Lieblin), sans-serif;
  font-size: calc(80 * 100vw/750);
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 0.8;
  text-indent: calc(20 * 100vw/750);
}
.lp_contents .collection__title .small {
  margin-left: calc(18 * 100vw/750);
  font-size: calc(30 * 100vw/750);
  letter-spacing: 0.025em;
}
.lp_contents .collection__text {
  margin-left: calc(20 * 100vw/750);
  font-feature-settings: "halt";
  font-size: calc(28 * 100vw/750);
  line-height: 1.75;
}
.lp_contents .collection__text:nth-child(1) {
  margin-block: calc(50 * 100vw/750);
}
.lp_contents .collection .accordionBox {
  padding-bottom: calc(110 * 100vw/750);
}
.lp_contents .collection .accordionBox__button {
  -moz-column-gap: calc(17 * 100vw/750);
       column-gap: calc(17 * 100vw/750);
  margin-top: calc(47 * 100vw/750);
  margin-left: calc(-24 * 100vw/750);
  font-size: calc(28 * 100vw/750);
}
.lp_contents .collection .ui-accordion::before,
.lp_contents .collection .ui-accordion::after {
  top: calc(-4 * 100vw/750);
  width: calc(24 * 100vw/750);
}
.lp_contents .pink .section__list {
  -moz-column-gap: calc(30 * 100vw/750);
       column-gap: calc(30 * 100vw/750);
}
.lp_contents .pink .section__item {
  width: calc(305 * 100vw/750);
}
.lp_contents .elation .section__list {
  -moz-column-gap: calc(30 * 100vw/750);
       column-gap: calc(30 * 100vw/750);
}
.lp_contents .elation .productName.en {
  margin-top: calc(32 * 100vw/750);
  line-height: 1.1;
}
.lp_contents .elation .productName.jp {
  padding-top: calc(22 * 100vw/750);
}
.lp_contents .treatment .section__item__productName {
  margin-top: calc(-10 * 100vw/750);
  text-align: left;
}
.lp_contents .treatment .section__list {
  margin-bottom: calc(70 * 100vw/750);
}
.lp_contents .treatment .productName.en {
  margin-top: calc(32 * 100vw/750);
  line-height: 1.1;
}
.lp_contents .treatment .productName.jp {
  padding-top: calc(22 * 100vw/750);
}
.lp_contents .cell-lux .section__item__productName {
  margin-top: calc(-10 * 100vw/750);
  text-align: left;
}
.lp_contents .cell-lux .section__list {
  margin-bottom: calc(70 * 100vw/750);
}
.lp_contents .cell-lux .productName.en {
  margin-top: calc(32 * 100vw/750);
  line-height: 1.1;
}
.lp_contents .cell-lux .productName.jp {
  padding-top: calc(22 * 100vw/750);
}
.lp_contents .makeupLook {
  padding-top: calc(120 * 100vw/750);
  padding-bottom: calc(230 * 100vw/750);
  text-align: center;
}
.lp_contents .makeupLook:has(.makeupLook__thumbnail-1.swiper-slide-thumb-active) .makeupLook__contents-2 {
  height: 0;
}
.lp_contents .makeupLook:has(.makeupLook__thumbnail-2.swiper-slide-thumb-active) .makeupLook__contents-1 {
  height: 0;
}
.lp_contents .makeupLook__title {
  margin-bottom: calc(51 * 100vw/750);
  font-family: var(--font-Lieblin), sans-serif;
  font-size: calc(80 * 100vw/750);
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 1.1;
}
.lp_contents .makeupLook__slider-thumbnail {
  margin-left: calc(11 * 100vw/750);
  margin-bottom: calc(68 * 100vw/750);
}
.lp_contents .makeupLook__slider-thumbnail .swiper-slide {
  margin: 0 calc(11 * 100vw/750);
  padding: calc(8 * 100vw/750);
  border: 1px solid transparent;
}
.lp_contents .makeupLook__slider-thumbnail .swiper-wrapper {
  justify-content: center;
  -moz-column-gap: calc(1.25 * 100vw/750);
       column-gap: calc(1.25 * 100vw/750);
}
.lp_contents .makeupLook .swiper-slide-thumb-active {
  border: 1px solid;
}
.lp_contents .makeupLook .swiper-pagination {
  margin-top: calc(60 * 100vw/750);
  position: static;
}
.lp_contents .makeupLook .swiper-pagination-bullet {
  border-radius: 0;
  width: calc(42 * 100vw/750);
  height: calc(6 * 100vw/750);
}
.lp_contents .makeupLook .swiper-pagination-bullet-active {
  background: #000000;
}
.lp_contents .makeupLook .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 calc(5 * 100vw/750);
}
.lp_contents .makeupLook .swiper-button-next,
.lp_contents .makeupLook .swiper-button-prev {
  top: auto;
  bottom: calc(85 * 100vw/750);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018.11%2033.33%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bopacity%3A.2%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22look2%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2216.7%2033.33%200%2016.67%2016.7%200%2018.11%201.42%202.83%2016.67%2018.11%2031.92%2016.7%2033.33%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: calc(18 * 100vw/750) auto;
  background-position: center;
  width: calc(78 * 100vw/750);
  height: calc(100 * 100vw/750);
}
.lp_contents .makeupLook .swiper-button-prev {
  left: calc(10 * 100vw/750);
}
.lp_contents .makeupLook .swiper-button-next {
  transform: scale(-1, 1);
  right: calc(10 * 100vw/750);
}
.lp_contents .makeupLook__contents__inner {
  margin-top: calc(50 * 100vw/750);
}
.lp_contents .makeupLook__contents__slider {
  padding: 0 calc(40 * 100vw/750) calc(120 * 100vw/750);
}
.lp_contents .makeupLook-item__name {
  margin-block: calc(44 * 100vw/750) calc(20 * 100vw/750);
  font-feature-settings: normal;
  font-size: calc(26 * 100vw/750);
  line-height: 1.75;
}
.lp_contents .makeupLook-item__name .small {
  display: inline-block;
  transform: translateY(calc(-6 * 100vw/750));
  font-size: calc(20 * 100vw/750);
  letter-spacing: 0.025em;
}
.lp_contents .makeupLook .button {
  font-size: calc(28 * 100vw/750);
}
.lp_contents .makeupLook .button p {
  align-items: baseline;
  -moz-column-gap: calc(20 * 100vw/750);
       column-gap: calc(20 * 100vw/750);
}
.lp_contents .makeupLook .button p::after {
  width: calc(12 * 100vw/750);
  height: calc(21 * 100vw/750);
}
.lp_contents .makeupLook .accordionBox__button {
  -moz-column-gap: calc(50 * 100vw/750);
       column-gap: calc(50 * 100vw/750);
  margin-left: calc(-38 * 100vw/750);
}
.lp_contents .makeupLook .ui-accordion::before,
.lp_contents .makeupLook .ui-accordion::after {
  top: calc(-10 * 100vw/750);
  width: calc(38 * 100vw/750);
}
.lp_contents .makeupLook .accordion__list {
  margin: calc(42 * 100vw/750) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.lp_contents .makeupLook .accordion__item {
  counter-increment: cnt;
  font-feature-settings: "halt";
  font-size: calc(26 * 100vw/750);
  line-height: 1.75;
  text-align: left;
}
.lp_contents .makeupLook .accordion__item::before {
  display: inline-block;
  padding-right: calc(8 * 100vw/750);
  content: "" counter(cnt) ".";
  width: calc(28 * 100vw/750);
}
.lp_contents .makeupLook .accordion__title {
  font-family: var(--font-Lieblin), sans-serif;
  font-size: calc(46 * 100vw/750);
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 1;
}
.lp_contents .release-day {
  padding: calc(112 * 100vw/750) calc(38 * 100vw/750) calc(230 * 100vw/750);
  background-color: #F4F4F4;
  text-align: center;
}
.lp_contents .release-day__title {
  margin-bottom: calc(51 * 100vw/750);
  font-family: var(--font-Lieblin), sans-serif;
  font-size: calc(80 * 100vw/750);
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 1;
}
.lp_contents .release-day__tableWrap {
  margin-bottom: calc(71 * 100vw/750);
}
.lp_contents .release-day__table {
  background-color: #ffffff;
  font-size: calc(30 * 100vw/750);
}
.lp_contents .release-day__table * {
  border: none;
  border-color: transparent;
}
.lp_contents .release-day__table:nth-child(n+2) {
  margin-top: calc(33 * 100vw/750);
}
.lp_contents .release-day__table td {
  border: calc(4 * 100vw/750) solid #F4F4F4;
}
.lp_contents .release-day__table .title {
  padding-inline: calc(4 * 100vw/750);
  background-color: #000000;
  color: #ffffff;
}
.lp_contents .release-day__table .title,
.lp_contents .release-day__table .data {
  padding-block: calc(17 * 100vw/750) calc(15 * 100vw/750);
}
.lp_contents .release-day__text {
  font-size: calc(26 * 100vw/750);
  line-height: 1.68;
  letter-spacing: 0.07em;
}
.lp_contents .release-day__text:nth-of-type(2) {
  margin-block: calc(22 * 100vw/750) calc(66 * 100vw/750);
}
.lp_contents .release-day__note {
  color: #7A7A7A;
  font-size: calc(20 * 100vw/750);
  line-height: 1.75;
  letter-spacing: 0.07em;
}
.lp_contents .release-day__note a {
  display: inline-block;
  text-decoration: underline;
}
.lp_contents .buttonBox {
  padding: calc(112 * 100vw/750) 0 calc(200 * 100vw/750);
  text-align: center;
}
.lp_contents .buttonBox .button {
  font-size: calc(44 * 100vw/750);
  font-weight: 300;
}
.lp_contents .buttonBox .button p {
  -moz-column-gap: calc(51 * 100vw/750);
       column-gap: calc(51 * 100vw/750);
  letter-spacing: 0.03em;
}
.lp_contents .follow-nav {
  display: flex;
  position: fixed;
  transform: translateY(100%);
  visibility: hidden;
  bottom: 0;
  left: calc(0 * 100vw/750);
  width: 100%;
  z-index: -2;
}
.lp_contents .follow-nav.hidden {
  transition: all 0.6s 0.3s;
  visibility: visible;
  transform: translateY(0);
  z-index: 100;
}
.lp_contents .follow-nav.visible {
  transition: all 0.6s 0.3s;
  transform: translateY(100%);
  z-index: -2;
}
.lp_contents .follow-nav__list {
  display: flex;
  flex-wrap: wrap;
  background-color: #ffffff;
  height: calc(326 * 100vw/750);
}
.lp_contents .follow-nav li {
  height: calc(163 * 100vw/750);
}
.lp_contents .follow-nav li:nth-child(-n+2) .follow-nav__link::after {
  bottom: calc(-2 * 100vw/750);
}
.lp_contents .follow-nav li:nth-child(n+3) .follow-nav__link {
  border-top: 1px solid #000;
}
.lp_contents .follow-nav li:nth-child(n+3) .follow-nav__link::after {
  bottom: 0;
}
.lp_contents .follow-nav li:nth-child(odd) .follow-nav__link {
  border-right: 1px solid #000;
}
.lp_contents .follow-nav__link {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  -moz-column-gap: calc(16 * 100vw/750);
       column-gap: calc(16 * 100vw/750);
  padding-bottom: calc(6 * 100vw/750);
  width: 50vw;
  height: 100%;
  z-index: 0;
}
.lp_contents .follow-nav__link::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  border-bottom: calc(6 * 100vw/750) solid transparent;
  z-index: 0;
}
.lp_contents .follow-nav__text {
  margin-top: calc(10 * 100vw/750);
  font-family: var(--font-Lieblin), sans-serif;
  font-size: calc(26 * 100vw/750);
  line-height: 1.1;
  letter-spacing: 0.025em;
  text-align: left;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.lp_contents .follow-nav img {
  width: calc(134 * 100vw/750);
}
.lp_contents .follow-nav.down-move {
  -webkit-animation: down-move 0.4s ease-in-out forwards;
          animation: down-move 0.4s ease-in-out forwards;
}
@-webkit-keyframes down-move {
  0% {
    transform: translateY(0);
    visibility: visible;
  }
  100% {
    transform: translateY(100%);
    visibility: hidden;
  }
}
@keyframes down-move {
  0% {
    transform: translateY(0);
    visibility: visible;
  }
  100% {
    transform: translateY(100%);
    visibility: hidden;
  }
}
.lp_contents .follow-nav.up-move {
  -webkit-animation: up-move 0.4s ease-in-out forwards;
          animation: up-move 0.4s ease-in-out forwards;
  z-index: 2;
}
@-webkit-keyframes up-move {
  0% {
    transform: translateY(100%);
    visibility: hidden;
  }
  100% {
    transform: translateY(0);
    visibility: visible;
  }
}
@keyframes up-move {
  0% {
    transform: translateY(100%);
    visibility: hidden;
  }
  100% {
    transform: translateY(0);
    visibility: visible;
  }
}

/* .lp_contents SP*/
[data-color=PINK-AMULET] .follow-nav__list li:nth-of-type(1) .follow-nav__link::after {
  border-color: #000;
}

[data-color=ELATION] .follow-nav__list li:nth-of-type(2) .follow-nav__link::after {
  border-color: #000;
}

[data-color=TREATMENT] .follow-nav__list li:nth-of-type(3) .follow-nav__link::after {
  border-color: #000;
}

[data-color=CELL-LUX] .follow-nav__list li:nth-of-type(4) .follow-nav__link::after {
  border-color: #000;
}

[data-color=collection] .follow-nav__list li,
[data-color=look] .follow-nav__list li,
[data-color=release-day] .follow-nav__list li,
[data-color=button-box] .follow-nav__list li {
  border-bottom: none;
}

#share {
  transition: all 0.4s ease;
}

#share.up-move {
  transform: translateY(calc(-280 * 100vw/750));
  z-index: 10;
}

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ PC ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
 ------------------------------------*/
@media (min-width: 769px) {
  /*------------------------------------
  ≡≡≡≡≡≡≡≡≡ ▼ S e t U p  PC ▼ ≡≡≡≡≡≡≡≡≡
  ------------------------------------*/
  main {
    max-width: 100vw;
  }
  #FooterWrap {
    position: relative;
    z-index: 1;
  }
  .wrapTop,
.wrapBottom {
    width: 100%;
  }
  #footer {
    background-color: #ffffff;
  }
  .lp_contents {
    padding-bottom: 0;
    width: 100%;
    max-width: 100vw;
  }
  .lp_contents a {
    transition: opacity 0.4s;
    cursor: pointer;
  }
  .lp_contents a:hover {
    opacity: 0.6;
  }
  .lp_contents .pcOnly {
    display: block;
  }
  .lp_contents .spOnly {
    display: none;
  }
  @-webkit-keyframes fade {
    20% {
      opacity: 0;
      transform: translateY(3rem);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes fade {
    20% {
      opacity: 0;
      transform: translateY(3rem);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  /* .lp_contents : set up PC*/
  .lp_contents .section {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lp_contents .section .swiper-wrapper {
    display: block;
  }
  .lp_contents .section__contents {
    display: flex;
    align-items: center;
    justify-content: center;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 0;
    height: 100vh;
    max-height: 62.5vw;
  }
  .lp_contents .section__contents__inner {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .lp_contents .section .data {
    margin-bottom: 0.4rem;
    font-size: 1.3rem;
  }
  .lp_contents .section .productName.en {
    font-size: 4.6rem;
  }
  .lp_contents .section .productName.jp {
    margin-bottom: 2.8rem;
    padding-top: 0;
    font-size: 1.4rem;
  }
  .lp_contents .section .priceWrap {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    margin-bottom: 2.4rem;
  }
  .lp_contents .section .priceWrap .icon {
    padding: 0.55rem 0.85rem 0.35rem;
    font-size: 1.3rem;
  }
  .lp_contents .section .priceWrap .price {
    font-size: 1.4rem;
  }
  .lp_contents .section .priceWrap .price span {
    padding-right: 0.4rem;
  }
  .lp_contents .section .text {
    font-size: 1.6rem;
    line-height: 1.75;
  }
  .lp_contents .section__list {
    margin-block: 1.3rem 3rem;
  }
  .lp_contents .section__item img {
    width: 12rem;
  }
  .lp_contents .section__item__productName {
    margin-top: 0.1rem;
    font-size: 1rem;
    line-height: 1.75;
  }
  .lp_contents .section__flex {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .lp_contents .section .button {
    padding-bottom: 0.4rem;
    font-size: 1.6rem;
  }
  .lp_contents .section .button p {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .lp_contents .button {
    border-bottom: 0.1rem solid;
  }
  .lp_contents .button p::after {
    width: 0.6rem;
    height: 1.42rem;
  }
  .lp_contents .accordionBox.close .accordionBox__inner {
    max-height: 1px;
  }
  .lp_contents .accordionBox.open .accordionBox__inner {
    max-height: 22rem;
  }
  .lp_contents .accordionBox .ui-accordion::before, .lp_contents .accordionBox .ui-accordion::after {
    border-bottom: 0.1rem solid;
  }
  .lp_contents .mv__textWrap {
    left: 3vw;
    bottom: 23.3vw;
    width: auto;
  }
  .lp_contents .mv__logo {
    width: 47rem;
  }
  .lp_contents .mv__text {
    margin-top: 1.9vw;
    font-size: 1.8rem;
    letter-spacing: 0.03em;
    text-align: left;
  }
  .lp_contents .anchorLink {
    padding-top: 4rem;
    padding-bottom: 6.8rem;
  }
  .lp_contents .anchorLink__slider {
    margin-inline: auto;
    padding-inline: 0;
  }
  .lp_contents .anchorLink__slider img {
    padding: 0 1.2rem;
    width: 19.5rem;
  }
  .lp_contents .anchorLink .swiper-wrapper {
    justify-content: center;
    -moz-column-gap: 4.5rem;
         column-gap: 4.5rem;
  }
  .lp_contents .anchorLink .swiper-slide {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .lp_contents .anchorLink .swiper-slide:hover a {
    opacity: 1;
  }
  .lp_contents .anchorLink .swiper-slide:hover .anchorLink__text {
    opacity: 1;
  }
  .lp_contents .anchorLink__text {
    transition: opacity 0.4s ease;
    margin-top: 1rem;
    font-size: 1.6rem;
    opacity: 0;
  }
  .lp_contents .collection__title {
    margin-bottom: 3.4rem;
    font-size: 4.4rem;
    line-height: 0.7;
    text-indent: 0;
  }
  .lp_contents .collection__title .small {
    margin-left: 0;
    font-size: 1.6rem;
  }
  .lp_contents .collection__text {
    margin-left: 0.7rem;
    font-feature-settings: normal;
    font-size: 1.4rem;
  }
  .lp_contents .collection__text:nth-child(1) {
    margin-block: 2.5rem;
  }
  .lp_contents .collection .accordionBox {
    padding-bottom: 6.5rem;
  }
  .lp_contents .collection .accordionBox__button {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    margin-top: 3rem;
    margin-left: -1.1rem;
    font-size: 1.4rem;
  }
  .lp_contents .collection .ui-accordion::before,
.lp_contents .collection .ui-accordion::after {
    top: -0.3rem;
    width: 1rem;
  }
  .lp_contents .pink .section__list {
    -moz-column-gap: 2.9rem;
         column-gap: 2.9rem;
  }
  .lp_contents .pink .section__item {
    width: 15.3rem;
  }
  .lp_contents .elation .section__mv {
    order: 2;
  }
  .lp_contents .elation .section__list {
    margin-bottom: 3.2rem;
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .lp_contents .elation .productName.en {
    margin-top: 1.6rem;
  }
  .lp_contents .elation .productName.jp {
    padding-top: 0.7rem;
  }
  .lp_contents .treatment .section__item__productName {
    margin-top: -1rem;
  }
  .lp_contents .treatment .section__list {
    margin-bottom: 3.6rem;
  }
  .lp_contents .treatment .productName.en {
    margin-top: 1.4rem;
  }
  .lp_contents .treatment .productName.jp {
    padding-top: 0.9rem;
  }
  .lp_contents .cell-lux .section__mv {
    order: 2;
  }
  .lp_contents .cell-lux .section__item__productName {
    margin-top: -1rem;
  }
  .lp_contents .cell-lux .section__list {
    margin-bottom: 3.5rem;
  }
  .lp_contents .cell-lux .productName.en {
    margin-top: 1.5rem;
  }
  .lp_contents .cell-lux .productName.jp {
    padding-top: 1rem;
  }
  .lp_contents .makeupLook {
    margin-inline: 10rem;
    padding-top: 14.5rem;
    padding-bottom: 10rem;
    margin-inline: auto;
    max-width: 120rem;
  }
  .lp_contents .makeupLook__slider {
    margin-top: -16.5rem;
  }
  .lp_contents .makeupLook__title {
    margin-bottom: 7rem;
    font-size: 4.4rem;
    letter-spacing: 0.032em;
    text-align: left;
    width: 50%;
  }
  .lp_contents .makeupLook__slider-thumbnail {
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 2rem;
    cursor: pointer;
  }
  .lp_contents .makeupLook__slider-thumbnail .swiper-slide {
    margin: 0;
    padding: 0.4rem;
    width: 11.6rem !important;
  }
  .lp_contents .makeupLook__slider-thumbnail .swiper-wrapper {
    justify-content: flex-end;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  .lp_contents .makeupLook .makeupLook__contents-1 .makeupLook__contents__inner {
    margin-top: 20.3rem;
    padding-left: 9.7rem;
  }
  .lp_contents .makeupLook .makeupLook__contents-2 .makeupLook__contents__mv {
    order: 2;
  }
  .lp_contents .makeupLook .makeupLook__contents-2 .makeupLook__contents__inner {
    margin-top: 20.4rem;
    padding-right: 9.5rem;
  }
  .lp_contents .makeupLook__contents__mv {
    max-width: 60rem;
  }
  .lp_contents .makeupLook__slider-contents .swiper-slide {
    display: flex;
    justify-content: center;
  }
  .lp_contents .makeupLook__contents__slider {
    padding: 0 0 7.1rem;
  }
  .lp_contents .makeupLook__contents__slider .swiper-wrapper {
    display: flex;
    justify-content: center;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .lp_contents .makeupLook__contents__slider .swiper-slide {
    display: block;
    pointer-events: all;
    width: 16rem;
  }
  .lp_contents .makeupLook__contents__slider .makeupLook-item__link {
    padding: 0 0.6rem;
  }
  .lp_contents .makeupLook-item__name {
    margin-block: 2.6rem 1.6rem;
    font-size: 1.4rem;
    line-height: 1.75;
  }
  .lp_contents .makeupLook-item__name .small {
    transform: translateY(-0.3rem);
    font-size: 1rem;
  }
  .lp_contents .makeupLook .button {
    font-size: 1.4rem;
  }
  .lp_contents .makeupLook .button p {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    line-height: 1.2;
  }
  .lp_contents .makeupLook .button p::after {
    width: 0.4rem;
    height: 0.9rem;
  }
  .lp_contents .makeupLook .accordionBox__button {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
    margin-left: -1.7rem;
  }
  .lp_contents .makeupLook .ui-accordion::before,
.lp_contents .makeupLook .ui-accordion::after {
    top: -0.4rem;
    width: 1.6rem;
  }
  .lp_contents .makeupLook .accordion__list {
    margin: 2.2rem auto 0;
  }
  .lp_contents .makeupLook .accordion__item {
    font-size: 1.4rem;
    line-height: 1.75;
  }
  .lp_contents .makeupLook .accordion__item::before {
    margin-left: -0.3rem;
    padding-right: 0.6rem;
    width: 1.4rem;
  }
  .lp_contents .makeupLook .accordion__title {
    font-size: 2.2rem;
  }
  .lp_contents .release-day {
    padding: 9.7rem 0 9.5rem;
  }
  .lp_contents .release-day__title {
    margin-bottom: 2.9rem;
    font-size: 4.4rem;
    letter-spacing: 0.03em;
  }
  .lp_contents .release-day__tableWrap {
    margin-inline: auto;
    margin-bottom: 4.9rem;
    width: 92.2rem;
  }
  .lp_contents .release-day__table {
    font-size: 1.6rem;
    width: 100%;
  }
  .lp_contents .release-day__table:nth-child(n+2) {
    margin-top: 0;
  }
  .lp_contents .release-day__table td,
.lp_contents .release-day__table th {
    border: 0.2rem solid #F4F4F4;
  }
  .lp_contents .release-day__table .head {
    padding-block: 1.1rem;
    background-color: #000000;
    border-bottom: 0.5rem solid;
    color: #ffffff;
    font-feature-settings: normal;
    font-weight: 400;
  }
  .lp_contents .release-day__table .title {
    padding: 0;
    background-color: #ffffff;
    color: #000000;
    width: 59.9rem;
  }
  .lp_contents .release-day__table .data {
    padding-block: 4.7rem 4.8rem;
    width: 16.2rem;
  }
  .lp_contents .release-day__text {
    font-size: 1.4rem;
    line-height: 1;
  }
  .lp_contents .release-day__text:nth-of-type(2) {
    margin-block: 1.7rem 4.7rem;
  }
  .lp_contents .release-day__note {
    font-size: 1rem;
    line-height: 1.75;
  }
  .lp_contents .buttonBox {
    padding: 9.3rem 0 12rem;
  }
  .lp_contents .buttonBox .button {
    font-size: 2.4rem;
  }
  .lp_contents .buttonBox .button p {
    align-items: baseline;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
  .lp_contents .buttonBox .button p::after {
    width: 0.8rem;
    height: 1.82rem;
  }
  .lp_contents .follow-nav {
    margin: auto;
    right: 0;
    max-width: 120rem;
  }
  .lp_contents .follow-nav__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    height: 12.8rem;
  }
  .lp_contents .follow-nav li {
    height: 100%;
  }
  .lp_contents .follow-nav li:last-child .follow-nav__link {
    border-right: none;
  }
  .lp_contents .follow-nav li:nth-child(-n+2) .follow-nav__link::after {
    bottom: 0;
  }
  .lp_contents .follow-nav li:nth-child(n+3) .follow-nav__link {
    border-top: none;
  }
  .lp_contents .follow-nav__link {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    padding-bottom: 0.2rem;
    border-right: 1px solid #000;
    width: auto;
  }
  .lp_contents .follow-nav__link::after {
    border-bottom: 2px solid transparent;
  }
  .lp_contents .follow-nav__text {
    margin-top: 0.2rem;
    font-size: 1.6rem;
  }
  .lp_contents .follow-nav img {
    width: 12rem;
  }
  /* .lp_contents PC*/
}
/*--------------------------------
   Media Queries ( 1401px~ )
 --------------------------------*/
@media only screen and (min-width: 1401px) {
  .lp_contents .mv .swiper-button-prev {
    left: 17.7vw;
  }
  .lp_contents .mv .swiper-button-next {
    right: 17.7vw;
  }
}
/*--------------------------------
   Media Queries ( 1921px~ )
 --------------------------------*/
@media only screen and (min-width: 1921px) {
  .lp_contents .introduction {
    background-size: 100% auto;
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡ ▼ modal SP ▼ ≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
body.fixd {
  overflow: hidden;
}

.fixd .modal_area {
  position: fixed;
  top: 0;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  visibility: visible;
  z-index: 1000;
}

.modal {
  overflow: hidden;
  max-height: 0;
}

.open.modal {
  overflow: visible;
  max-height: 100%;
}

.modal {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
}
.modal img {
  width: 100%;
  height: auto;
}
.modal .modal_bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  background-size: cover;
  z-index: 0;
}
.modal .modal_content {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  padding: calc(119 * 100vw/750) calc(69 * 100vw/750) calc(130 * 100vw/750);
  width: calc(710 * 100vw/750);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #fff;
  color: #000000;
  z-index: 1;
  /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
  -ms-overflow-style: none;
  /*Firefoxへの対応*/
  scrollbar-width: none;
  /*Google Chrome、Safariへの対応*/
}
.modal .modal_content::-webkit-scrollbar {
  display: none;
}
.modal .modal_top {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(-86 * 100vw/750);
  right: calc(30 * 100vw/750);
  cursor: pointer;
  line-height: 1;
  width: calc(50 * 100vw/750);
  height: calc(50 * 100vw/750);
  z-index: 2;
}
.modal .title {
  padding-bottom: calc(61 * 100vw/750);
  border-bottom: 1px solid #000000;
  font-size: calc(32 * 100vw/750);
  line-height: 1;
  letter-spacing: 0.025em;
}
.modal .text {
  margin-top: calc(46 * 100vw/750);
  font-size: calc(26 * 100vw/750);
  line-height: 2;
  letter-spacing: 0.025em;
  text-align: justify;
}
.modal .flex-box {
  margin-top: calc(53 * 100vw/750);
}
.modal#modal-02 .modal_content {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: calc(1312 * 100vw/750);
}

/* .lp_contents : modal SP*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡ ▼ modal PC ▼ ≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
@media (min-width: 769px) {
  .modal .modal_content {
    padding: 7rem 7rem 6.4rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .modal .modal_top {
    margin-top: -5.1rem;
    right: 2rem;
    width: 2.2rem;
    height: 2.2rem;
  }
  .modal .title {
    padding-bottom: 3rem;
    font-size: 1.8rem;
    text-align: center;
    width: 40rem;
  }
  .modal .text {
    margin-top: 2.3rem;
    font-size: 1.4rem;
    width: 40rem;
  }
  .modal#modal-02 .modal_content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .modal#modal-02 .modal_content .flex-box {
    display: flex;
    align-items: center;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
    margin-top: 2.3rem;
  }
  .modal#modal-02 .modal_content .img {
    width: 26.2rem;
  }
  .modal#modal-02 .modal_content .title {
    width: 100%;
  }
  .modal#modal-02 .modal_content .text {
    margin-top: 0;
    width: 40.2rem;
  }
}
/* .lp_contents : modal PC*/
/*# sourceMappingURL=style.css.map */
