@charset "UTF-8";

/*all----------------------------*/
html {
  font-size: 62.5%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

html::-webkit-scrollbar {
  display:none;
}

body {
  -webkit-tap-highlight-color: transparent;
}

#Wrap {
  width: auto;
}

#Contents {
  max-width: unset;
}

#footer {
  margin-top: 0;
}

#FooterWrap {
  position: relative;
  z-index: 5;
}

:root {
  --font_regular: 'Lato', ryo-gothic-plusn, sans-serif;
  --font_eng: "meno-banner-extra-condensed", serif;
  --color_regular: #1f1f1f;
  --lip_01_01: #eb9784;
  --lip_02_01: #dd6056;
  --lip_03_01: #e26669;
  --lip_04_01: #e56d7b;
  --lip_05_01: #b05251;
  --lip_06_01: #bd5c49;
  --lip_ex01_01: #e489a2;
  --lip_ex02_01: #dd3c5c;
  --lip_ex03_01: #f6a0d6;
  --lip_01_02: #f7d5ce;
  --lip_02_02: #f1bfbb;
  --lip_03_02: #f3c2c3;
  --lip_04_02: #f3c2c3;
  --lip_05_02: #dfbab9;
  --lip_06_02: #e5beb6;
  --lip_ex01_02: #f4d0da;
  --lip_ex02_02: #f4d0da;
  --lip_ex03_02: #fbd9ef;
  --lip_01_03: #fdf7f5;
  --lip_06_03: #faf2f0;
  --lip_ex01_03: #fcf3f6;
  --bg_01: #fcf1ef;
  --bg_02: #fbeae9;
  --bg_03: #fbf2f5;
  --bg_04: #fcedef;
  --bg_05: #f3e5e5;
  --bg_06: #f6e8e6;
  --bg_ex01: #fbf0f3;
  --bg_ex02: #fcebef;
  --bg_ex03: #fef2f9;
 
}

.LP_page * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  letter-spacing: .125em;
  font-feature-settings: "palt";
}

.LP_page {
  width: 100%;
  font-family: var(--font_regular);
  color: var(--color_regular);
  overflow-x: clip;
  opacity: 0;
  transition: opacity 1s;
}

.LP_page.active {
  opacity: 1;
}

.LP_page picture {
  display: block;
  font-size: 0;
}

.LP_page a {
  display: block;
}

.LP_page img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.LP_page_inner {
  background: #fff;
   padding-bottom: calc(158 * (46.8rem / 780));
}

.LP_page .activePoint {
  opacity: 0;
  filter: blur(6px);
  transition: opacity 1.3s, filter 1.5s;
  transition-delay: .1s;
}

.LP_page .activePoint.active {
  opacity: 1;
  filter: unset
}

/*----------------------------all*/

/*heading------------------------*/
.heading_area {
  padding: calc(40 * (46.8rem / 780)) 0 calc(108 * (46.8rem / 780));
}

.mv_wrap {
  margin-bottom: calc(102 * (46.8rem / 780));
  border-bottom: solid var(--color_regular) calc(2 * (46.8rem / 780));
}

.mv_wrap .mv {
  width: calc(700 * (46.8rem / 780));
  margin: 0 auto calc(30 * (46.8rem / 780));
}

.mv_wrap .main_ttl {
  position: relative;
  width: calc(570 * (46.8rem / 780));
  margin: 0 auto calc(22 * (46.8rem / 780));
}

.mv_wrap .main_ttl img {
  opacity: 0;
}

.mv_wrap .main_ttl::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask-image: url(../img/shape_lipglaze.svg);
  mask-position: center center;
  mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../img/shape_lipglaze.svg);
  -webkit-mask-position: center center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  background: linear-gradient(45deg,#dd6056, #eb9784, #e56d7b, #bd5c49);
  background-size: 200% 200%;
  animation: bggradient 6s ease infinite;  
  content: "";
}

@keyframes bggradient{
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.mv_wrap .ttl_jpn {
  width: fit-content;
  margin: 0 calc(60 * (46.8rem / 780)) calc(-2 * (46.8rem / 780)) auto;
  padding: 0 calc(10 * (46.8rem / 780));
  background: #fff;
  font-size: calc(30 * (46.8rem / 780));
}

.schedule_list_wrap {
  display: grid;
  place-items: center;
  width: calc(610 * (46.8rem / 780));
  height: calc(178 * (46.8rem / 780));
  margin: 0 auto calc(100 * (46.8rem / 780));
  background: url(../img/frame_001.svg) center center / cover no-repeat;
}

.schedule_list_wrap li {
  font-size: calc(26 * (46.8rem / 780));
  line-height: 2.2;
  text-align: center;
}

.main_lead_wrap p {
  font-size: calc(26 * (46.8rem / 780));
  line-height: 2.2;
  text-align: center;
}

.main_lead_wrap p:nth-of-type(n+2) {
  margin-top: calc(35 * (46.8rem / 780));
}

/*------------------------heading*/

/*product------------------------*/
.product_area {
  position: relative;
}

.product_area .switching_area {
  width: calc(780 * (46.8rem / 780));
}

.product_area .slick-track {
  display: flex;
}

.product_area .switching_area .slick-arrow {
  z-index: 2;
  top: 0;
  transform: unset;
  width: calc(30 * (46.8rem / 780));
  height: calc(60 * (46.8rem / 780));
  margin-top: calc(1244 * (46.8rem / 780));
  background: url(../img/arrow_001.svg) center center / cover no-repeat;
}

.product_area .switching_area .slick-prev {
  left: 0;
  margin-left: calc(68 * (46.8rem / 780));
}

.product_area .switching_area .slick-next {
  right: 0;
  margin-right: calc(68 * (46.8rem / 780));
  scale: -1 1;
}

.product_area .switching_area .slick-arrow::before {
  display: none;
}

.variation_list {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  translate: -50% 0;
  display: flex;
  gap: calc(20 * (46.8rem / 780));
  width: calc(520 * (46.8rem / 780));
  margin: calc(1240 * (46.8rem / 780)) auto 0;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  align-items: flex-start;
  flex-flow: row nowrap;
  justify-content: normal;
}

.variation_list::-webkit-scrollbar {
  display:none;
}

.variation_list .each_variation {
  position: relative;
  width: auto;
  padding: 0 0 calc(24 * (46.8rem / 780));
}

.variation_list .each_variation::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: calc(50 * (46.8rem / 780));
  height: calc(4 * (46.8rem / 780));
  background: var(--color_regular);
  content: "";
  opacity: 0;
  transition: opacity .5s;
}

.variation_list .each_variation.selected::before {
  opacity: 1;
}

.variation_list .each_variation input {
  display: none;
}

.variation_list .each_variation label {
  position: relative;
  display: block;
  width: calc(70 * (46.8rem / 780));
  cursor: pointer;
}

.variation_list .each_variation label p {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  font-size: calc(20 * (46.8rem / 780));
  white-space: nowrap;
  color: #fff;
}

.LP_page .variation_list>li img {
  border: none !important;
}

.product_area .each_lip {
  height: calc(1620 * (46.8rem / 780));
  padding: calc(102 * (46.8rem / 780)) calc(45 * (46.8rem / 780)) 0;
}

#Lip01 {
  background: var(--bg_01);
}

#Lip02 {
  background: var(--bg_02);
}

#Lip03 {
  background: var(--bg_03);
}

#Lip04 {
  background: var(--bg_04);
}

#Lip05 {
  background: var(--bg_05);
}

#Lip06 {
  background: var(--bg_06);
}

#LipEX01 {
  background: var(--bg_ex01);
}

#LipEX02 {
  background: var(--bg_ex02);
}

#LipEX03 {
  background: var(--bg_ex03);
}

.product_area .lip_ttl {
  margin-bottom: calc(28 * (46.8rem / 780));
  font-family: var(--font_eng);
  font-size: calc(76 * (46.8rem / 780));
  font-weight: 600;
  letter-spacing: .05em;
}

#Lip01 .lip_ttl {
  color: var(--lip_01_01);
}

#Lip02 .lip_ttl {
  color: var(--lip_02_01);
}

#Lip03 .lip_ttl {
  color: var(--lip_03_01);
}

#Lip04 .lip_ttl {
  color: var(--lip_04_01);
}

#Lip05 .lip_ttl {
  color: var(--lip_05_01);
}

#Lip06 .lip_ttl {
  color: var(--lip_06_01);
}

#LipEX01 .lip_ttl {
  color: var(--lip_ex01_01);
}

#LipEX02 .lip_ttl {
  color: var(--lip_ex02_01);
}

#LipEX03 .lip_ttl {
  color: var(--lip_ex03_01);
}

.lip_img_list {
  margin-bottom: 0 !important;
}

.lip_img_list .each_img {
  width: calc(690 * (46.8rem / 780));
}

.lip_img_list .slick-dots {
  position: static;
  display: flex;
  margin-top: calc(10 * (46.8rem / 780));
}

.lip_img_list .slick-dots li {
  height: calc(20 * (46.8rem / 780));
  margin: 0;
}

.lip_img_list .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}

.lip_img_list .slick-dots li button::before {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 100%;
  height: calc(4 * (46.8rem / 780));
  font-size: 0;
  opacity: 1;
  content: "";
  transition: background-color .5s;
}

#Lip01 .lip_img_list .slick-dots li button::before {
  background: var(--lip_01_02);
}

#Lip01 .lip_img_list .slick-dots li.slick-active button::before {
  background: var(--lip_01_01);
}

#Lip02 .lip_img_list .slick-dots li button::before {
  background: var(--lip_02_02);
}

#Lip02 .lip_img_list .slick-dots li.slick-active button::before {
  background: var(--lip_02_01);
}

#Lip03 .lip_img_list .slick-dots li button::before {
  background: var(--lip_03_02);
}

#Lip03 .lip_img_list .slick-dots li.slick-active button::before {
  background: var(--lip_03_01);
}

#Lip04 .lip_img_list .slick-dots li button::before {
  background: var(--lip_04_02);
}

#Lip04 .lip_img_list .slick-dots li.slick-active button::before {
  background: var(--lip_04_01);
}

#Lip05 .lip_img_list .slick-dots li button::before {
  background: var(--lip_05_02);
}

#Lip05 .lip_img_list .slick-dots li.slick-active button::before {
  background: var(--lip_05_01);
}

#Lip06 .lip_img_list .slick-dots li button::before {
  background: var(--lip_06_02);
}

#Lip06 .lip_img_list .slick-dots li.slick-active button::before {
  background: var(--lip_06_01);
}

#LipEX01 .lip_img_list .slick-dots li button::before {
  background: var(--lip_ex01_02);
}

#LipEX01 .lip_img_list .slick-dots li.slick-active button::before {
  background: var(--lip_ex01_01);
}

#LipEX02 .lip_img_list .slick-dots li button::before {
  background: var(--lip_ex02_02);
}

#LipEX02 .lip_img_list .slick-dots li.slick-active button::before {
  background: var(--lip_ex02_01);
}

#LipEX03 .lip_img_list .slick-dots li button::before {
  background: var(--lip_ex03_02);
}

#LipEX03 .lip_img_list .slick-dots li.slick-active button::before {
  background: var(--lip_ex03_01);
}

.product_area .lip_price_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(26 * (46.8rem / 780));
  margin-top: calc(228 * (46.8rem / 780));
}

.product_area #LipEX01 .lip_price_wrap,
.product_area #LipEX02 .lip_price_wrap,
.product_area #LipEX03 .lip_price_wrap {
  display: block;
  text-align: center;
}

.product_area .lip_price {
  font-size: calc(30 * (46.8rem / 780));
  letter-spacing: .1em;
}

.product_area .lip_price .txt_S {
  font-size: calc(26 * (46.8rem / 780));
  letter-spacing: .1em;
  vertical-align: .1em;
}

.product_area .lip_link a {
  display: grid;
  place-items: center;
  width: calc(350 * (46.8rem / 780));
  height: calc(86 * (46.8rem / 780));
}

.product_area .lip_link a span {
  position: relative;
  padding-left: calc(64 * (46.8rem / 780));
  font-size: calc(36 * (46.8rem / 780));
  letter-spacing: .1em;
  color: #fff;
}

.product_area .lip_link a span::before {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: calc(40 * (46.8rem / 780));
  height: calc(40 * (46.8rem / 780));
  background: url(../img/icon_cart.svg) center center / cover no-repeat;
  content: "";
}

#Lip01 .lip_link a {
  background: var(--lip_01_01);
}

#Lip02 .lip_link a {
  background: var(--lip_02_01);
}

#Lip03 .lip_link a {
  background: var(--lip_03_01);
}

#Lip04 .lip_link a {
  background: var(--lip_04_01);
}

#Lip05 .lip_link a {
  background: var(--lip_05_01);
}

#Lip06 .lip_link a {
  background: var(--lip_06_01);
}

.product_area .retailer {
  margin-top: calc(24 * (46.8rem / 780));
  font-size: calc(26 * (46.8rem / 780));
}
/*------------------------product*/

/*look---------------------------*/
.look_area_outside {
  position: relative;
  padding-top: calc(140 * (46.8rem / 780));
  background: url(../img/bg_001.svg) top center / 100% calc(400 * (46.8rem / 780)) repeat-y;
}

.floatingimg_list_wrap {
  margin-bottom: calc(140 * (46.8rem / 780));
}

.floatingimg_list.swiper-wrapper {
  transition-timing-function: linear;
}

.floatingimg_list .each_img {
  position: relative;
  width: calc(450 * (46.8rem / 780)) !important;
  margin-right: calc(20 * (46.8rem / 780));
}

.charm_area {
  margin-bottom: calc(70 * (46.8rem / 780));
  padding: calc(140 * (46.8rem / 780)) 0 calc(138 * (46.8rem / 780));
  background: #fef7fa;
}

.charm_area .area_inner {
  position: relative;
  z-index: 1;
  width: calc(670 * (46.8rem / 780));
  margin: 0 auto;
}

.charm_area .area_inner::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(984 * (46.8rem / 780));
  margin-top: calc(28 * (46.8rem / 780));
  background: url(../img/frame_002.svg?250926) top center / 100% auto no-repeat;
  content: "";
}

.charm_area .area_ttl {
  width: calc(480 * (46.8rem / 780));
  margin: 0 auto calc(70 * (46.8rem / 780));
}

.charm_area .charm_img {
  width: calc(100 * (46.8rem / 780));
  margin: 0 auto calc(50 * (46.8rem / 780));
}

.charm_area .charm_name {
  margin-bottom: calc(27 * (46.8rem / 780));
  font-size: calc(32 * (46.8rem / 780));
  font-weight: 400;
  text-align: center;
}

.charm_area .charm_price {
  margin-bottom: calc(60 * (46.8rem / 780));
  font-size: calc(30 * (46.8rem / 780));
  text-align: center;
}

.charm_area .charm_price .txt_S {
  font-size: calc(26 * (46.8rem / 780));
  vertical-align: .1em;
}

.charm_area .notes {
  position: relative;
  padding: calc(50 * (46.8rem / 780)) calc(69 * (46.8rem / 780));
}

.charm_area .notes::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(2 * (46.8rem / 780));
  background: url(../img/line_001.svg) top center / 100% auto no-repeat;
  content: "";
}

.charm_area .notes dt {
  margin-bottom: calc(32 * (46.8rem / 780));
  font-size: calc(24 * (46.8rem / 780));
  color: var(--lip_02_01);
}

.charm_area .notes dd {
  font-size: calc(20 * (46.8rem / 780));
  line-height: 1.8;
  text-align: justify;
  color: #858585;
}

.look_area {
  padding: calc(50 * (46.8rem / 780)) 0 calc(170 * (46.8rem / 780));
}

.look_area .area_ttl {
  width: calc(235 * (46.8rem / 780));
  margin: 0 auto calc(80 * (46.8rem / 780));
}

.look_area .thumbnail_list {
  display: grid;
  grid-template-columns: repeat(3, calc(180 * (46.8rem / 780)));
  gap: calc(20 * (46.8rem / 780));
  justify-content: center;
  margin-bottom: calc(80 * (46.8rem / 780));
}

.look_area .thumbnail_list li {
  position: relative;
  padding-bottom: calc(24 * (46.8rem / 780));
}

.look_area .thumbnail_list li::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: calc(120 * (46.8rem / 780));
  height: calc(4 * (46.8rem / 780));
  content: "";
  opacity: 0;
  transition: opacity .5s;
}

.look_area .thumbnail_list li.thumbnail01::before {
  background: var(--lip_01_01);
}

.look_area .thumbnail_list li.thumbnail06::before {
  background: var(--lip_06_01);
}

.look_area .thumbnail_list li.thumbnailEX01::before {
  background: var(--lip_ex01_01);
}

.look_area .thumbnail_list li.selected::before {
  opacity: 1;
}

.look_area .thumbnail_list li input {
  display: none;
}

.look_area .thumbnail_list li label {
  display: block;
  cursor: pointer;
}

.look_area .each_look {
  opacity: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  transition: opacity .5s;
}

.look_area .each_look.selected {
  opacity: 1;
  height: auto;
  overflow: visible;
  pointer-events: auto;
}

.look_img_list {
  width: calc(780 * (46.8rem / 780));
  margin-bottom: calc(52 * (46.8rem / 780)) !important;
}

.look_img_list .slick-dots {
  position: static;
  display: flex;
  justify-content: center;
  gap: calc(20 * (46.8rem / 780));
  margin-top: calc(30 * (46.8rem / 780));
}

.look_img_list .slick-dots li {
  width: calc(60 * (46.8rem / 780));
  height: calc(20 * (46.8rem / 780));
  margin: 0;
}

.look_img_list .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}

.look_img_list .slick-dots li button::before,
.look_img_list .slick-dots li button::after {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 100%;
  height: calc(4 * (46.8rem / 780));
  font-size: 0;
  opacity: 1;
  content: "";
}

.look_img_list .slick-dots li button::before {
  background: #858585;
}

.look_img_list .slick-dots li.slick-active button::after {
  background: var(--color_regular);
  transform-origin: center left;
  animation: barScale 4.6s linear forwards;
}

@keyframes barScale {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.howto_list_wrap {
  width: calc(690 * (46.8rem / 780));
  margin: 0 auto;
  padding: calc(40 * (46.8rem / 780)) calc(40 * (46.8rem / 780)) calc(60 * (46.8rem / 780)) calc(70 * (46.8rem / 780));
}

#Look01 .howto_list_wrap {
  background: var(--lip_01_03);
}

#Look06 .howto_list_wrap {
  background: var(--lip_06_03);
}

#LookEX01 .howto_list_wrap {
  background: var(--lip_ex01_03);
}

.howto_list li {
  display: flex;
  align-items: center;
  gap: calc(30 * (46.8rem / 780));
}

.howto_list li:nth-of-type(n+2) {
  margin-top: calc(30 * (46.8rem / 780));
}

.howto_list li .item_img {
  width: calc(60 * (46.8rem / 780));
}

.howto_list li p {
  flex: 1;
  font-size: calc(24 * (46.8rem / 780));
  line-height: 2;
}

.howto_list li p .notes {
  display: block;
  margin-top: calc(5 * (46.8rem / 780));
  font-size: calc(20 * (46.8rem / 780));
}

.howto_list li p a {
  display: inline;
  line-height: 2;
}

#Look01 .howto_list li p a {
  color: var(--lip_01_01);
}

#Look06 .howto_list li p a {
  color: var(--lip_06_01);
}

#LookEX01 .howto_list li p a {
  color: var(--lip_ex01_01);
}

.howto_list_wrap .btn_buy {
  position: relative;
  width: calc(248 * (46.8rem / 780));
  margin: calc(30 * (46.8rem / 780)) 0 0 auto;
  padding: calc(14 * (46.8rem / 780)) 0 calc(14 * (46.8rem / 780)) calc(100 * (46.8rem / 780));
  border-bottom: solid calc(2 * (46.8rem / 780));
  font-size: calc(40 * (46.8rem / 780));
  letter-spacing: .1em;
}

#Look01 .howto_list_wrap .btn_buy {
  border-color: var(--lip_01_01);
  color: var(--lip_01_01);
}

#Look06 .howto_list_wrap .btn_buy {
  border-color: var(--lip_06_01);
  color: var(--lip_06_01);
}

#LookEX01 .howto_list_wrap .btn_buy {
  border-color: var(--lip_ex01_01);
  color: var(--lip_ex01_01);
}

.howto_list_wrap .btn_buy::before {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: calc(46 * (46.8rem / 780));
  height: calc(46 * (46.8rem / 780));
  margin-left: calc(30 * (46.8rem / 780));
  mask-image: url(../img/icon_cart.svg);
  mask-position: center center;
  mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../img/icon_cart.svg);
  -webkit-mask-position: center center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  content: "";
}

#Look01 .howto_list_wrap .btn_buy::before {
  background: var(--lip_01_01);
}

#Look06 .howto_list_wrap .btn_buy::before {
  background: var(--lip_06_01);
}

#LookEX01 .howto_list_wrap .btn_buy::before {
  background: var(--lip_ex01_01);
}

.howto_list_wrap .btn_buy::after {
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  margin-right: calc(20 * (46.8rem / 780));
  border-left: solid calc(20 * (46.8rem / 780));
  border-top: solid calc(12 * (46.8rem / 780)) transparent;
  border-bottom: solid calc(12 * (46.8rem / 780)) transparent;
  content: "";
}

#Look01 .howto_list_wrap .btn_buy::after {
  border-left-color: var(--lip_01_01);
}

#Look06 .howto_list_wrap .btn_buy::after {
  border-left-color: var(--lip_06_01);
}

#LookEX01 .howto_list_wrap .btn_buy::after {
  border-left-color: var(--lip_ex01_01);
}

.campaign_area {
  padding-top: calc(70 * (46.8rem / 780));
}

.campaign_area .area_inner {
  position: relative;
  z-index: 1;
  height: calc(820 * (46.8rem / 780));
  padding-top: calc(75 * (46.8rem / 780));
  background: #fff;
}

.campaign_area .area_inner::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(../img/frame_003.svg?250926) top center / 100% auto no-repeat;
  content: "";
}

.campaign_area .area_inner.mask_comingsoon::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  display: grid;
  place-items: center;
  width: calc(100% - calc(170 * (46.8rem / 780)));
  height: calc(100% - calc(300 * (46.8rem / 780)));
  margin-bottom: calc(40 * (46.8rem / 780));
  border-radius: 50%;
  background: linear-gradient(45deg, #f1bfbb, #f8dbd4, #f6ccd1, #e5beb6);
  font-family: var(--font_eng);
  font-size: calc(50 * (46.8rem / 780));
  color: #fff;
  content: "COMING SOON";
}

.campaign_area .area_ttl {
  width: calc(520 * (46.8rem / 780));
  margin: 0 auto calc(40 * (46.8rem / 780));
}

.campaign_area .campaign_img {
  width: calc(200 * (46.8rem / 780));
  margin: 0 auto calc(30 * (46.8rem / 780));
}

.campaign_area .campaign_caption {
  font-size: calc(24 * (46.8rem / 780));
  line-height: 1.8;
  text-align: center;
}

.campaign_area .campaign_caption .notes {
  display: block;
  margin-top: calc(20 * (46.8rem / 780));
  font-size: calc(20 * (46.8rem / 780));
  line-height: 1.6;
}

/*---------------------------look*/
.fixed_nav {
  position: fixed;
  z-index: 5;
  bottom: 0;
  width: 100%;
  translate: 0 100%;
  transition: translate .5s;
}

.fixed_nav.active {
  translate: 0 0;
}

.fixed_nav .nav_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: linear-gradient(45deg,#dd6056, #eb9784, #e56d7b, #bd5c49);
}

.fixed_nav .nav_list li {
  position: relative;
}

.fixed_nav .nav_list li a {
  display: grid;
  place-items: center;
  height: calc(80 * (46.8rem / 780));
  padding-top: calc(2 * (46.8rem / 780));
  font-family: var(--font_eng);
  font-size: calc(40 * (46.8rem / 780));
  font-weight: 600;
  letter-spacing: .05em;
  color: #fff;
}

.fixed_nav .nav_list li:nth-of-type(n+2) {
  border-left: solid #fff calc(2 * (46.8rem / 780));
}

.archive_area {
  position: relative;
  z-index: 5;
}

/*shareボタン、shareテキスト---------------------------*/
@media screen and  (max-width:768px) {
#share {
  z-index: 10 !important;
  transition: translate .5s;
}

#share.move {
  translate: 0 calc(-80 * (46.8rem / 780));
}

.share-txt {
  display: none;
}

.only_pc {
  display: none;
}

}
/*---------------------------shareボタン、shareテキスト*/


/*PC------------------------------------------------------*/
@media screen and  (min-width:769px) {
  .only_sp {
    display: none;
  }

  .LP_page {
    position: relative;
    z-index: 1;
  }

  .LP_page_inner {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    margin: 0 auto;
    overflow: clip;
  }

  .LP_page_inner {
    width: 46.8rem;
  }

  .fixed_area {
    position: fixed;
    top: 0;
    left: 50%;
    translate: -50% 0;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: linear-gradient(45deg,#f1bfbb, #f8dbd4, #f6ccd1, #e5beb6);
  }
  
  .fixed_left,
  .fixed_right {
    display: grid;
    place-items: center;
    width: calc((100% - 46.8rem) / 2);
    height: 100%;
  }

  .pc_ttl {
    width: 30rem;
    transition-delay: .3s !important;
  }

  .pc_nav {
    transition-delay: .3s !important;
  }

  .pc_nav .nav_list {
    text-align: center;
  }

  .pc_nav .nav_list li {
    width: fit-content;
    margin: 0 auto;
  }

  .pc_nav .nav_list li:nth-of-type(n+2) {
    margin-top: 3rem;
  }

  .pc_nav .nav_list li a {
    position: relative;
    padding-right: 4rem;
    font-family: var(--font_eng);
    font-size: 3.6rem;
    font-weight: 600;
    letter-spacing: .05em;
    color: #fff;
  }

  .pc_nav .nav_list li a::before {
    position: absolute;
    top: 50%;
    right: 0;
    translate: 0 -50%;
    width: 2.2rem;
    height: 1.2rem;
    background: url(../img/arrow_002.svg) center center / cover no-repeat;
    content: "";
  }

}
/*------------------------------------------------------PC*/


/*レスポンシブ対応-------------------------------*/
@media screen and (max-width: 1400px) and (min-width: 769px) {
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: calc(10 * (100vw / 468));
  }
}
/*-------------------------------レスポンシブ＆タブレット対応*/