@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;

}



#FooterWrap {

  position: relative;

  z-index: 1;

  background: #fff;

}



:root {

  --font_regular: "objektiv-mk1", "Zen Kaku Gothic New", sans-serif;

  --color_regular: #190B04;

  --color_01: #BDA879;

  --color_02: #505050;

  --color_03: #AAC5E3;

  --color_04: #ACACAC;

  --color_bg: #FBFDFF;

  --color_pokemon01: #F9D583;

  --color_pokemon02: #EAACA3;

  --color_pokemon03: #A1A2DA;

  --color_pokemon04: #EFAEB9;

  --color_pokemon05: #4B8498;

  --color_pokemon06: #656776;

}



.LP_page * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  line-height: 1;

  letter-spacing: .05em;

}



.LP_page {

  width: 100%;

  font-family: var(--font_regular);

  color: var(--color_regular);

  overflow-x: clip;

  opacity: 0;

  transition: opacity 1s;

}



.LP_page input {

  display: none;

}



.LP_page_inner {

  background: var(--color_bg);

}



.LP_page.active {

  opacity: 1;

}



.LP_page a {

  display: block;

}



.LP_page a:hover {

  opacity: 1 !important;

}



.LP_page img {

  width: 100%;

  height: auto;

  vertical-align: bottom;

}



.LP_page sup {

  font-size: calc(8 * (60rem / 390));

  letter-spacing: -.1em;

}



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



/*mv lead-------------------------*/

.txt_schedule {

  padding: calc(10 * (60rem / 390)) calc(15 * (60rem / 390));

  background: var(--color_01);

  font-size: calc(20 * (60rem / 390));

  font-weight: 500;

  text-align: center;

  color: #fff;

}



.txt_schedule .txt_highlight {

  margin-right: calc(10 * (60rem / 390));

  padding: calc(2 * (60rem / 390)) calc(10 * (60rem / 390));

  border: solid #fff calc(1 * (60rem / 390));

  border-radius: calc(2 * (60rem / 390));

  font-size: calc(15 * (60rem / 390));

  vertical-align: .15em;

}



.txt_schedule .txt_L {

  font-size: calc(24 * (60rem / 390));

  vertical-align: -.05em;

}



.txt_schedule .txt_S {

  font-size: calc(12 * (60rem / 390));

}



.main_lead {

  margin-top: calc(50 * (60rem / 390));

}



.main_lead p {

  font-size: calc(15 * (60rem / 390));

  line-height: 1.75;

  text-align: center;

  opacity: 0;

  transition: opacity 1s;

}



.main_lead p.active {

  opacity: 1;

}



.main_lead p:nth-of-type(n+2) {

  margin-top: calc(25 * (60rem / 390));

}

/*-------------------------mv lead*/



/*modal---------------------------*/

body.no_scroll {

  height: 100vh;

  overflow: hidden;

}



#HeaderWrap.hidden {

  opacity: 0;

  pointer-events: none;

}



.modal_outside.hidden {

  opacity: 0;

  pointer-events: none;

  overflow-y: auto;

}



.modal_outside {

  position: fixed;

  z-index: 1000;

  top: 0;

  left: 50%;

  translate: -50% 0;

  display: flex;

  align-items: center;

  width: 100%;

  height: 100%;

  transition: opacity .5s;

  overflow-y: scroll;

  -ms-overflow-style: none;

  scrollbar-width: none;

}



.modal_outside::-webkit-scrollbar {

  display:none;

}



.modal_outside::before {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  backdrop-filter: blur(2px);

  -webkit-backdrop-filter: blur(2px);

  background: rgba(251, 253, 255, .85);

  content: "";

}



.modal_overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.modal_wrap {

  width: calc(360 * (60rem / 390));

  margin: 0 auto;

  max-height: 100%;

  padding: calc(40 * (60rem / 390)) 0;

  overflow-y: scroll;

  -ms-overflow-style: none;

  scrollbar-width: none;

}



.modal_wrap::-webkit-scrollbar {

  display:none;

}



.modal_inner {

  position: relative;

}



.btn_modalClose {

  position: relative;

  width: fit-content;

  margin: calc(25 * (60rem / 390)) 0 0 auto;

  padding-right: calc(20 * (60rem / 390));

  font-size: calc(13 * (60rem / 390));

  text-decoration: underline;

  text-decoration-skip-ink: none;

  text-underline-offset: calc(1 * (60rem / 390));

  text-decoration-thickness: calc(1 * (60rem / 390));

  cursor: pointer;

}



.btn_modalClose::before,

.btn_modalClose::after {

  position: absolute;

  top: 50%;

  right: 0;

  translate: 0 -50%;

  width: calc(10 * (60rem / 390));

  height: calc(1 * (60rem / 390));

  margin-right: calc(5 * (60rem / 390));

  background: var(--color_regular);

  border-radius: calc(100 * (60rem / 390));

  content: "";

}



.btn_modalClose::before {

  rotate: 45deg;

}



.btn_modalClose::after {

  rotate: -45deg;

}

/*---------------------------modal*/



/*menu----------------------------*/

.btn_menu {

  position: fixed;

  z-index: 3;

  bottom: 0;

  right: 0;

  display: grid;

  place-items: center;

  width: calc(80 * (60rem / 390));

  height: calc(36 * (60rem / 390));

  margin-bottom: calc(30 * (60rem / 390));

  padding-left: calc(23 * (60rem / 390));

  border-radius: calc(100 * (60rem / 390)) 0 0 calc(100 * (60rem / 390));

  background: var(--color_02);

  font-size: calc(10 * (60rem / 390));

  font-weight: 700;

  letter-spacing: 0;

  color: #fff;

  cursor: pointer;

  translate: 100% 0;

  transition: translate .5s;

}



.btn_menu.active {

  translate: unset;

}



.btn_menu::before,

.btn_menu::after {

  position: absolute;

  top: 50%;

  left: 0;

  translate: 0 -50%;

  width: calc(13 * (60rem / 390));

  height: calc(1 * (60rem / 390));

  background: #fff;

  content: "";

}



.btn_menu::before {

  margin: calc(-2 * (60rem / 390)) 0 0 calc(12 * (60rem / 390));

}



.btn_menu::after {

  margin: calc(2 * (60rem / 390)) 0 0 calc(16 * (60rem / 390));

}



.main_nav_wrap .btn_modalClose {

  position: fixed;

  bottom: 0;

  right: 0;

  margin: 0 calc(10 * (60rem / 390)) calc(30 * (60rem / 390)) 0;

}



.main_nav_wrap .modal_wrap {

  width: 100%;

  padding: calc(40 * (60rem / 390)) calc(15 * (60rem / 390));

}



.main_nav .nav_list > li:nth-of-type(n+2) {

  margin-top: calc(25 * (60rem / 390));

}



.main_nav .nav_list > li > a {

  position: relative;

  display: flex;

  align-items: center;

  width: fit-content;

  height: calc(35 * (60rem / 390));

  font-size: calc(17 * (60rem / 390));

  font-weight: 500;

  letter-spacing: .02em;

}



.main_nav .nav_list > li:not(.Anker_product) > a {

  padding-left: calc(43 * (60rem / 390));

}



.main_nav .nav_list > li.Anker_campaign > a {

  color: var(--color_01);

}



.main_nav .nav_list > li:not(.Anker_product) > a::before {

  position: absolute;

  top: 0;

  left: 0;

  width: calc(35 * (60rem / 390));

  height: calc(35 * (60rem / 390));

  content: "";

}



.main_nav .nav_list > li.Anker_campaign > a::before {

  background: url(../img/260204/menuicon_02.svg) center center / cover no-repeat;

}



.main_nav .nav_list > li.Anker_review > a::before {

  background: url(../img/260204/menuicon_03.svg) center center / cover no-repeat;

}



.main_nav .product_nav_list_wrap {

  position: relative;

  padding: calc(30 * (60rem / 390)) calc(15 * (60rem / 390));

  background: #fff;

  box-shadow: 0 calc(3 * (60rem / 390)) calc(6 * (60rem / 390)) rgba(0, 0, 0, .1);

}



.main_nav .product_nav_list > li:nth-of-type(n+2) {

  margin-top: calc(20 * (60rem / 390));

}



.main_nav .product_nav_list > li > a {

  display: flex;

  align-items: center;

  gap: calc(10 * (60rem / 390));

  height: 100%;

}



.main_nav .product_nav_list > li > a > figure {

  width: calc(58 * (60rem / 390));

  display: flex;

  justify-content: center;

  filter: drop-shadow(calc(3 * (60rem / 390)) calc(3 * (60rem / 390)) calc(3 * (60rem / 390)) rgba(0, 0, 0, .1));

}



.main_nav .product_nav_list > li.Anker_product03 > a > figure img {

  width: calc(30 * (60rem / 390));

}



.main_nav .product_nav_list > li.Anker_product04 > a > figure img {

  width: calc(30 * (60rem / 390));

}



.main_nav .product_nav_list > li > a > p {

  font-size: calc(14 * (60rem / 390));

  font-weight: 700;

  letter-spacing: .02em;

}



.main_nav .product_nav_list > li > a > p .txt_eng {

  display: block;

  margin-top: calc(6 * (60rem / 390));

  font-size: calc(12 * (60rem / 390));

  font-weight: 400;

  letter-spacing: .02em;

  color: var(--color_01);

}



.main_nav .variation_list {

  display: flex;

  gap: calc(15 * (60rem / 390));

  margin: calc(12 * (60rem / 390)) 0 0 calc(15 * (60rem / 390));

}



.main_nav .variation_list > li > a {

  display: flex;

  align-items: center;

  gap: calc(6 * (60rem / 390));

}



.main_nav .variation_list > li > a > figure {

  width: calc(28 * (60rem / 390));

}



.main_nav .variation_list > li > a > p {

  font-size: calc(11 * (60rem / 390));

  font-weight: 500;

  line-height: 1.3;

  letter-spacing: .02em;

}



/*----------------------------menu*/



/*product-------------------------*/

.product_area {

  margin-top: calc(60 * (60rem / 390));

}



.product_nav {

  margin-bottom: calc(80 * (60rem / 390));

  opacity: 0;

  translate: 0 calc(10 * (60rem / 390));

  transition: opacity 1s, translate 1s;

}



.product_nav.active {

  opacity: 1;

  translate: unset;

}



.product_nav h2 {

  margin-bottom: calc(15 * (60rem / 390));

  font-size: calc(20 * (60rem / 390));

  font-weight: 500;

  letter-spacing: .02em;

  text-align: center;

}



.product_area .product_nav_list {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

}



.product_area .product_nav_list li a {

  position: relative;

  z-index: 1;

  display: flex;

  justify-content: center;

  align-items: center;

  gap: calc(10 * (60rem / 390));

  height: calc(125 * (60rem / 390));

}



.product_area .product_nav_list li a::before {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

  scale: 0 1;

  transform-origin: center left;

  transition: background-color .3s;

}



@keyframes scale {

  0% {

    scale: 0 1;

  }



  100% {

    scale: 1 1;

  }

}



.product_area .product_nav_list.active li a::before {

  animation: scale 1s forwards;

}



.product_area .product_nav_list li.Anker_product02 a {

  gap: calc(5 * (60rem / 390));

}



.product_area .product_nav_list li.Anker_product01_01 a::before {

  background: var(--color_pokemon01);

}



.product_area .product_nav_list li.Anker_product01_02 a::before {

  background: var(--color_pokemon02);

  animation-delay: .1s;

}



.product_area .product_nav_list li.Anker_product01_03 a::before {

  background: var(--color_pokemon03);

  animation-delay: .2s;

}



.product_area .product_nav_list li.Anker_product02 a::before {

  background: var(--color_pokemon04);

  animation-delay: .3s;

}



.product_area .product_nav_list li.Anker_product03 a::before {

  background: var(--color_pokemon05);

  animation-delay: .4s;

}



.product_area .product_nav_list li.Anker_product04 a::before {

  background: var(--color_pokemon06);

  animation-delay: .5s;

}



.product_area .product_nav_list li a:hover::before {

  background: transparent;

}



.product_area .product_nav_list li a::after {

  position: absolute;

  bottom: 0;

  left: 50%;

  translate: -50% 0;

  width: calc(8 * (60rem / 390));

  height: calc(8 * (60rem / 390));

  margin-bottom: calc(10 * (60rem / 390));

  border-right: solid #fff calc(1.5 * (60rem / 390));

  border-bottom: solid #fff calc(1.5 * (60rem / 390));

  box-sizing: border-box;

  rotate: 45deg;

  content: "";

  transition: border-color .3s;

}



.product_area .product_nav_list li.Anker_product01_01 a:hover::after {

  border-color: var(--color_pokemon01);

}



.product_area .product_nav_list li.Anker_product01_02 a:hover::after {

  border-color: var(--color_pokemon02);

}



.product_area .product_nav_list li.Anker_product01_03 a:hover::after {

  border-color: var(--color_pokemon03);

}



.product_area .product_nav_list li.Anker_product02 a:hover::after {

  border-color: var(--color_pokemon04);

}



.product_area .product_nav_list li.Anker_product03 a:hover::after {

  border-color: var(--color_pokemon05);

}



.product_area .product_nav_list li.Anker_product04 a:hover::after {

  border-color: var(--color_pokemon06);

}



.product_area .product_nav_list li.Anker_product01_01 a figure,

.product_area .product_nav_list li.Anker_product01_02 a figure,

.product_area .product_nav_list li.Anker_product01_03 a figure {

  width: calc(28 * (60rem / 390));

}



.product_area .product_nav_list li.Anker_product02 a figure {

  width: calc(58 * (60rem / 390));

}



.product_area .product_nav_list li.Anker_product03 a figure {

  width: calc(30 * (60rem / 390));

}



.product_area .product_nav_list li.Anker_product04 a figure {

  width: calc(30 * (60rem / 390));

}



.product_area .product_nav_list li a p {

  font-size: calc(11 * (60rem / 390));

  font-weight: 700;

  line-height: 1.3;

  letter-spacing: .02em;

  color: #fff;

  transition: color .3s;

}



.product_area .product_nav_list li.Anker_product01_01 a:hover p {

  color: var(--color_pokemon01);

}



.product_area .product_nav_list li.Anker_product01_02 a:hover p {

  color: var(--color_pokemon02);

}



.product_area .product_nav_list li.Anker_product01_03 a:hover p {

  color: var(--color_pokemon03);

}



.product_area .product_nav_list li.Anker_product02 a:hover p {

  color: var(--color_pokemon04);

}



.product_area .product_nav_list li.Anker_product03 a:hover p {

  color: var(--color_pokemon05);

}



.product_area .product_nav_list li.Anker_product04 a:hover p {

  color: var(--color_pokemon06);

}



.product_area .product_nav_list li a p .variation_name {

  display: block;

  margin-top: calc(7 * (60rem / 390));

  line-height: 1.3;

  letter-spacing: .02em;

}



.each_product {

  overflow: clip;

}



.each_product:nth-of-type(n+2) {

  margin-top: calc(90 * (60rem / 390));

}



.product_catch {

  margin-bottom: calc(30 * (60rem / 390));

  padding: 0 calc(15 * (60rem / 390));

  font-size: calc(20 * (60rem / 390));

  font-weight: 500;

  line-height: 1.6;

  opacity: 0;

  filter: blur(3px);

  transition: opacity 1.5s, filter 1.5s;

}



.product_catch.active {

  opacity: 1;

  filter: unset;

}



#MakeupCreamMoist .product_catch {

  margin-bottom: calc(10 * (60rem / 390));

}



.product_img_wrap {

  position: relative;

  z-index: 1;

  margin-bottom: calc(25 * (60rem / 390));

}



.product_img_wrap figure:not(.makeup_wrap .product_img_wrap figure) {

  opacity: 0;

  translate: 0 calc(-20 * (60rem / 390));

  transition: opacity 1s, translate 1s;

}



.product_img_wrap.active figure:not(.makeup_wrap .product_img_wrap figure) {

  opacity: 1;

  translate: unset;

  transform: translate3d(0, 0, 0);

  backface-visibility: hidden;

}



.product_img_wrap.active figure:nth-of-type(2):not(.makeup_wrap .product_img_wrap figure) {

  transition-delay: .3s;

}



.product_img_wrap.active figure:nth-of-type(3):not(.makeup_wrap .product_img_wrap figure) {

  transition-delay: .6s;

}



#MakeupCreamMoist .product_img_wrap:not(.each_variation .product_img_wrap) {

  float: right;

  margin: 0 calc(15 * (60rem / 390)) 0 0;

}



.product_img_wrap a {

  position: relative;

  display: flex;

  width: fit-content;

  margin: 0 auto;

}



#MakeupCreamMoist .product_img_wrap a {

  gap: calc(5 * (60rem / 390));

}



.product_img_wrap figure:not(.product_texture) {

  position: relative;

  z-index: 1;

  filter: drop-shadow(calc(5 * (60rem / 390)) calc(5 * (60rem / 390)) calc(5 * (60rem / 390)) rgba(0, 0, 0, .08));

}



.product_img_wrap .product_texture {

  position: absolute;

  bottom: 0;

  right: 0;

}



#MakeupCreamMoist .product_img_cosme {

  width: calc(56 * (60rem / 390));

}



#SkinCareShieldPressedPowder .product_img_package {

  width: calc(182 * (60rem / 390));

}



#SkinCareShieldPressedPowder .product_img_cosme {

  width: calc(174 * (60rem / 390));

  margin: calc(37 * (60rem / 390)) 0 0 calc(-44 * (60rem / 390));

}



#UVProtectionBase .product_img_package {

  width: calc(100 * (60rem / 390));

}



#UVProtectionBase .product_img_cosme {

  width: calc(90 * (60rem / 390));

  margin: calc(65 * (60rem / 390)) 0 0 calc(20 * (60rem / 390));

}



#UVProtectionBase .product_texture {

  width: calc(100 * (60rem / 390));

  margin: 0 calc(-80 * (60rem / 390)) calc(-5 * (60rem / 390)) 0;

}



#PorelessSmoothPrimer .product_img_package {

  width: calc(80 * (60rem / 390));

}



#PorelessSmoothPrimer .product_img_cosme {

  width: calc(90 * (60rem / 390));

  margin: calc(40 * (60rem / 390)) 0 0 calc(15 * (60rem / 390));

}



.product_feature {

  position: absolute;

  z-index: 1;

  top: 0;

  right: 0;

  display: grid;

  place-items: center;

  width: calc(88 * (60rem / 390));

  height: calc(88 * (60rem / 390));

  border-radius: 50%;

  overflow: clip;

  font-size: calc(12 * (60rem / 390));

  font-weight: 700;

  line-height: 1.3;

  letter-spacing: 0;

  text-align: center;

  color: #fff;

}



#WateryBlue .product_feature {

  right: auto;

  left: 0;

  margin: calc(-35 * (60rem / 390)) 0 0 calc(-5 * (60rem / 390));

  padding-bottom: calc(5 * (60rem / 390));

}



#SkinCareShieldPressedPowder .product_feature {

  margin: calc(-26 * (60rem / 390)) calc(15 * (60rem / 390)) 0 0;

}



#UVProtectionBase .product_feature {

  margin: calc(-10 * (60rem / 390)) calc(35 * (60rem / 390)) 0 0;

}



.product_feature::before {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

  scale: 0 1;

  transition: scale 1s;

  transition-delay: 1s;

  transform-origin: center left;

}



#WateryBlue .product_feature::before {

  background: var(--color_pokemon03);

}



#SkinCareShieldPressedPowder .product_feature::before {

  background: var(--color_pokemon04);

}



#UVProtectionBase .product_feature::before {

  background: var(--color_pokemon05);

}



.product_img_wrap.active .product_feature::before {

  scale: 1 1;

}



.each_product .txt_wrap {

  opacity: 0;

  transition: opacity 1s;

}



.each_product .txt_wrap.active {

  opacity: 1;

}



.each_product .txt_wrap:not(.each_variation .txt_wrap) {

  padding: 0 calc(15 * (60rem / 390));

  transition-delay: .4s;

}



#MakeupCreamMoist .txt_wrap:not(.each_variation .txt_wrap) {

  padding-top: calc(25 * (60rem / 390));

}



.product_name {

  margin-bottom: calc(12 * (60rem / 390));

  font-size: calc(15 * (60rem / 390));

  font-weight: 700;

  line-height: 1.5;

  letter-spacing: .02em;

}



#MakeupCreamMoist .product_name {

  margin-bottom: calc(15 * (60rem / 390));

}



.product_name .txt_S {

  font-size: calc(14 * (60rem / 390));

  letter-spacing: .02em;

}



.product_name .txt_eng {

  display: block;

  margin-bottom: calc(6 * (60rem / 390));

  font-size: calc(12 * (60rem / 390));

  font-weight: 500;

  letter-spacing: .02em;

  color: var(--color_01);

}



.product_price_wrap {

  display: flex;

  align-items: center;

  gap: calc(20 * (60rem / 390));

  margin-bottom: calc(12 * (60rem / 390));

}



.product_price {

  font-size: calc(14 * (60rem / 390));

  font-weight: 500;

}



#MakeupCreamMoist .product_price {

  margin-bottom: calc(25 * (60rem / 390));

}



.product_price .txt_S {

  margin-right: calc(5 * (60rem / 390));

  font-size: calc(12 * (60rem / 390));

}



.product_price .txt_SS {

  margin-left: calc(3 * (60rem / 390));

  font-size: calc(10 * (60rem / 390));

  font-weight: 400;

}



.btn_conversion {

  position: relative;

  z-index: 1;

  display: flex !important;

  align-items: center;

  justify-content: flex-end;

  font-size: calc(13 * (60rem / 390));

  font-weight: 700;

  color: #fff;

}



.product_link {

  width: calc(96 * (60rem / 390));

  height: calc(33 * (60rem / 390));

}



.btn_conversion::before {

  position: absolute;

  z-index: -1;

  top: 50%;

  left: 0;

  translate: 0 -50%;

  border-radius: 50%;

  background: var(--color_02);

  content: "";

  transition: margin .5s;

}



.product_link::before {

  width: calc(28 * (60rem / 390));

  height: calc(28 * (60rem / 390));

}



.btn_conversion:hover::before {

  margin-left: calc(10 * (60rem / 390));

}



.btn_conversion::after {

  position: absolute;

  top: 50%;

  left: 0;

  translate: 0 -50%;

  border-top: solid #fff calc(1.5 * (60rem / 390));

  border-right: solid #fff calc(1.5 * (60rem / 390));

  box-sizing: border-box;

  rotate: 45deg;

  content: "";

  transition: margin .5s;

}



.product_link::after {

  width: calc(7 * (60rem / 390));

  height: calc(7 * (60rem / 390));

  margin-left: calc(8 * (60rem / 390));

}



.btn_conversion:hover::after {

  margin-left: calc(18 * (60rem / 390));

}



.btn_conversion span {

  position: relative;

  display: grid;

  place-items: center;

  border-radius: calc(100 * (60rem / 390));

  background: var(--color_02);

  transition: width .8s, height .5s, padding .5s;

}



.product_link span {

  width: calc(78 * (60rem / 390));

  height: calc(28 * (60rem / 390));

}



.btn_conversion:hover span {

  height: 100%;

  padding-left: calc(12 * (60rem / 390));

}



.product_link:hover span {

  width: calc(90 * (60rem / 390));

}



.product_tag_list li {

  display: inline-block;

  margin: calc(4 * (60rem / 390)) calc(3 * (60rem / 390)) 0 0;

  border-radius: calc(100 * (60rem / 390));

  font-size: calc(11 * (60rem / 390));

  font-weight: 500;

  letter-spacing: .02em;

  color: #fff;

}



.product_tag_list li.tag_cat1 {

  background: var(--color_01);

}



.product_tag_list li.tag_cat2 {

  background: var(--color_03);

}



.product_tag_list li.tag_cat3 {

  background: var(--color_04);

}



.product_tag_list li p {

  display: grid;

  place-items: center;

  height: calc(18 * (60rem / 390));

  padding: 0 calc(10 * (60rem / 390));

}



.product_tag_list li p sup {

  font-size: calc(7 * (60rem / 390));

  vertical-align: .3em;

}



.makeup_wrap {

  margin-top: calc(6 * (60rem / 390));

}



.makeup_wrap h5 {

  position: relative;

  width: fit-content;

  margin: 0 0 0 auto;

  padding-right: calc(13 * (60rem / 390));

  font-size: calc(11 * (60rem / 390));

  font-weight: 700;

  letter-spacing: 0;

  text-decoration: underline;

  text-decoration-skip-ink: none;

  text-underline-offset: calc(4 * (60rem / 390));

  text-decoration-thickness: calc(1 * (60rem / 390));

  cursor: pointer;

}



#NaturalBeige .makeup_wrap h5 {

  color: var(--color_pokemon01);

}



#LavenderPink .makeup_wrap h5 {

  color: var(--color_pokemon02);

}



#WateryBlue .makeup_wrap h5 {

  color: var(--color_pokemon03);

}



#SkinCareShieldPressedPowder .makeup_wrap h5 {

  color: var(--color_pokemon04);

}



#UVProtectionBase .makeup_wrap h5 {

  color: var(--color_pokemon05);

}



.makeup_wrap h5::before,

.makeup_wrap h5::after {

  position: absolute;

  top: 50%;

  right: 0;

  translate: 0 -50%;

  width: calc(8 * (60rem / 390));

  height: calc(2 * (60rem / 390));

  content: "";

}



.makeup_wrap h5::after {

  rotate: 90deg;

}



#NaturalBeige .makeup_wrap h5::before,

#NaturalBeige .makeup_wrap h5::after  {

  background: var(--color_pokemon01);

}



#LavenderPink .makeup_wrap h5::before,

#LavenderPink .makeup_wrap h5::after {

  background: var(--color_pokemon02);

}



#WateryBlue .makeup_wrap h5::before,

#WateryBlue .makeup_wrap h5::after {

  background: var(--color_pokemon03);

}



#SkinCareShieldPressedPowder .makeup_wrap h5::before,

#SkinCareShieldPressedPowder .makeup_wrap h5::after {

  background: var(--color_pokemon04);

}



#UVProtectionBase .makeup_wrap h5::before,

#UVProtectionBase .makeup_wrap h5::after {

  background: var(--color_pokemon05);

}



.modal_content .product_wrap {

  margin-bottom: calc(20 * (60rem / 390));

}



.modal_content .product_img_wrap {

  width: fit-content;

  margin: 0 auto calc(30 * (60rem / 390));

}



#MakeupCreamMoist .each_variation .makeup_wrap .product_texture {

  width: calc(90 * (60rem / 390));

  margin: 0 calc(-50 * (60rem / 390)) calc(5 * (60rem / 390)) 0;

}



#SkinCareShieldPressedPowder .modal_content .product_img_package {

  width: calc(132 * (60rem / 390));

}



#SkinCareShieldPressedPowder .modal_content .product_img_cosme {

  width: calc(126 * (60rem / 390));

  margin: calc(20 * (60rem / 390)) 0 0 calc(-50 * (60rem / 390));

}



#UVProtectionBase .modal_content .product_img_package {

  width: calc(65 * (60rem / 390));

  margin: calc(20 * (60rem / 390)) calc(10 * (60rem / 390)) 0 0;

}



#UVProtectionBase .modal_content .product_img_cosme {

  width: calc(60 * (60rem / 390));

  margin: 0;

}



#UVProtectionBase .modal_content .product_texture {

  width: calc(94 * (60rem / 390));

  margin: 0 calc(-65 * (60rem / 390)) calc(-5 * (60rem / 390)) 0;

}



.color_name {

  font-size: calc(18 * (60rem / 390));

  font-weight: 700;

  letter-spacing: .02em;

  text-align: center;

}



.makeup_img_wrap {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: calc(20 * (60rem / 390));

}



.makeup_img_wrap .makeup_img {

  position: relative;

}



.makeup_img_wrap .makeup_before::before {

  position: absolute;

  top: 50%;

  left: 100%;

  translate: 0 -50%;

  width: calc(14 * (60rem / 390));

  height: calc(14 * (60rem / 390));

  margin-left: calc(-1 * (60rem / 390));

  border-top: solid var(--color_03) calc(2 * (60rem / 390));

  border-right: solid var(--color_03) calc(2 * (60rem / 390));

  box-sizing: border-box;

  rotate: 45deg;

  content: "";

}



.makeup_img_wrap .makeup_img figcaption {

  display: grid;

  place-items: center;

  height: calc(24 * (60rem / 390));

  background: var(--color_03);

  font-size: calc(12 * (60rem / 390));

  font-weight: 700;

  letter-spacing: .02em;

  color: #fff;

}



.product_caption {

  margin-top: calc(18 * (60rem / 390));

  font-size: calc(13 * (60rem / 390));

  line-height: 1.75;

  letter-spacing: .03em;

}



.product_notes {

  margin-top: calc(20 * (60rem / 390));

  font-size: calc(10 * (60rem / 390));

  line-height: 1.5;

  letter-spacing: .02em;

}



.copyright {

  position: absolute;

  top: 100%;

  right: 0;

  margin-left: calc(15 * (60rem / 390));

  font-size: calc(6 * (60rem / 390));

  font-weight: 500;

  letter-spacing: .02em;

  opacity: .5;

}



.product_nav_list_wrap .copyright {

  top: auto;

  bottom: 0;

  margin: 0 calc(5 * (60rem / 390)) calc(10 * (60rem / 390)) 0;

}



.product_nav .copyright {

  position: static;

  margin-top: calc(8 * (60rem / 390));

  padding-right: calc(5 * (60rem / 390));

  text-align: right;

}



#MakeupCreamMoist .copyright {

  right: auto;

  left: 0;

  margin: calc(8 * (60rem / 390)) 0 0 0;

}



#SkinCareShieldPressedPowder .copyright {

 margin: calc(5 * (60rem / 390)) calc(15 * (60rem / 390)) 0 0;

}



#UVProtectionBase .copyright {

  margin: calc(10 * (60rem / 390)) calc(15 * (60rem / 390)) 0 0;

}



#PorelessSmoothPrimer .copyright {

  margin: calc(5 * (60rem / 390)) calc(15 * (60rem / 390)) 0 0;

}



.makeup_wrap .copyright {

  right: auto !important;

  left: 50% !important;

  translate: -50% 0;

  margin-top: calc(8 * (60rem / 390));

  white-space: nowrap;

}



.each_variation:nth-of-type(1) {

  margin-top: calc(40 * (60rem / 390));

}



.each_variation:nth-of-type(n+2) {

  margin-top: calc(45 * (60rem / 390));

}



.each_variation > div {

  display: flex;

  align-items: center;

  gap: calc(10 * (60rem / 390));

}



.each_variation .product_img_wrap:not(.modal_content .product_img_wrap) {

  margin-bottom: 0;

}



.each_variation:nth-of-type(odd) .product_img_wrap:not(.modal_content .product_img_wrap) {

  padding-left: calc(22 * (60rem / 390));

}



.each_variation:nth-of-type(even) .product_img_wrap:not(.modal_content .product_img_wrap) {

  order: 2;

  padding-right: calc(18 * (60rem / 390));

}



.each_variation .product_img_wrap:not(.modal_content .product_img_wrap)::before {

  position: absolute;

  z-index: -1;

  top: 50%;

  translate: 0 -50%;

  width: calc(193 * (60rem / 390));

  height: calc(100% - calc(60 * (60rem / 390)));

  border: solid calc(1 * (60rem / 390));

  border-radius: calc(3 * (60rem / 390));

  content: "";

}



.each_variation:nth-of-type(odd) .product_img_wrap::before {

  left: 0;

  margin-left: calc(-3 * (60rem / 390));

}



.each_variation:nth-of-type(even) .product_img_wrap::before {

  right: 0;

  margin-right: calc(-3 * (60rem / 390));

}



#NaturalBeige .product_img_wrap::before {

  border-color: var(--color_pokemon01);

}



#LavenderPink .product_img_wrap::before {

  border-color: var(--color_pokemon02);

}



#WateryBlue .product_img_wrap::before {

  border-color: var(--color_pokemon03);

}



#MakeupCreamMoist .each_variation .product_img_wrap a {

  gap: calc(2 * (60rem / 390));

}



#MakeupCreamMoist .each_variation .product_img_package {

  width: calc(70 * (60rem / 390));

  margin-top: calc(40 * (60rem / 390));

}



#MakeupCreamMoist .each_variation .product_img_cosme {

  width: calc(78 * (60rem / 390));

}



#MakeupCreamMoist .each_variation .product_texture {

  position: absolute;

  bottom: 0;

  right: 0;

  width: calc(70 * (60rem / 390));

  margin: 0 calc(-15 * (60rem / 390)) calc(15 * (60rem / 390))0 ;

}



#MakeupCreamMoist .each_variation:nth-of-type(even) .product_img_wrap:not(.modal_content .product_img_wrap) .product_texture {

  margin: 0 calc(-15 * (60rem / 390)) calc(15 * (60rem / 390))0 ;

}



.each_variation .txt_wrap {

  flex: 1;

}



.each_variation:nth-of-type(odd) .txt_wrap {

  padding-right: calc(15 * (60rem / 390));

}



.each_variation:nth-of-type(even) .txt_wrap {

  padding-left: calc(15 * (60rem / 390));

}



.each_variation .txt_wrap > div {

  opacity: 0;

  transition: opacity 1s;

  transition-delay: .6s;

}



.each_variation .txt_wrap.active > div {

  opacity: 1;

}



.each_variation:nth-of-type(odd) .txt_wrap > div {

  padding-left: calc(25 * (60rem / 390));

}



.each_variation:nth-of-type(even) .txt_wrap > div {

  padding-right: calc(25 * (60rem / 390));

}



.variation_catch {

  margin-bottom: calc(18 * (60rem / 390));

  font-size: calc(14 * (60rem / 390));

  font-weight: 500;

  color: #fff;

}



.variation_catch > span {

  position: relative;

  z-index: 1;

  display: grid;

  place-items: center;

  width: fit-content;

  height: calc(22 * (60rem / 390));

  padding: 0 calc(8 * (60rem / 390));

}



.variation_catch.line1 > span {

  width: auto;

}



.variation_catch > span:nth-of-type(2) {

  margin: 0 0 0 auto;

}



.variation_catch > span::before {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

  transform-origin: center left;

  scale: 0 1;

  transition: scale 1s;

}



.variation_catch > span:nth-of-type(2)::before {

  transition-delay: .6s;

}



.txt_wrap.active .variation_catch > span::before {

  scale: 1 1;

}



#NaturalBeige .variation_catch > span::before {

  background: var(--color_pokemon01);

}



#LavenderPink .variation_catch > span::before {

  background: var(--color_pokemon02);

}



#WateryBlue .variation_catch > span::before {

  background: var(--color_pokemon03);

}



.variation_catch > span > span {

  letter-spacing: .02em;

}



.variation_catch sup {

  font-size: calc(7 * (60rem / 390));

}



.each_variation .variation_name {

  margin-bottom: calc(10 * (60rem / 390));

  font-size: calc(14 * (60rem / 390));

  font-weight: 700;

  letter-spacing: .02em;

}



.variation_caption {

  margin-bottom: calc(12 * (60rem / 390));

  font-size: calc(13 * (60rem / 390));

  line-height: 1.75;

}



.each_variation .makeup_wrap h5 {

  margin: calc(12 * (60rem / 390)) 0 0;

}



#MakeupCreamMoist .each_variation .modal_content .product_img_package {

  width: calc(48 * (60rem / 390));

  margin-top: calc(25 * (60rem / 390));

}



#MakeupCreamMoist .each_variation .modal_content .product_img_cosme {

  width: calc(53 * (60rem / 390));

}



.each_variation .product_notes {

  margin-top: calc(20 * (60rem / 390));

}



.each_variation .product_notes:not(.modal_content .product_notes) {

  padding: 0 calc(15 * (60rem / 390));

}



.each_variation .copyright:not(.modal_content .copyright) {

  position: absolute;

  left: 0;

  padding-left: calc(15 * (60rem / 390));

  text-align: left;

  white-space: nowrap;

}



.each_variation:nth-of-type(even) .copyright:not(.modal_content .copyright) {

  left: auto !important;

  right: 0 !important;

  padding: 0 calc(15 * (60rem / 390)) 0 0;

}



.each_variation:nth-of-type(even) .product_notes:not(.modal_content .product_notes) {

  text-align: right;

}



/*-------------------------product*/



/*キャンペーン----------------------*/

.campaign_area {

  width: calc(360 * (60rem / 390));

  margin: calc(70 * (60rem / 390)) auto 0;

  padding: calc(35 * (60rem / 390)) 0;

  border: solid var(--color_01) calc(1 * (60rem / 390));

  border-radius: calc(3 * (60rem / 390));

  background: #fff;

  text-align: center;

  opacity: 0;

  translate: 0 calc(30 * (60rem / 390));

  transition: opacity 1s, translate 1s;

}



.campaign_area.active {

  opacity: 1;

  translate: unset;

}



.campaign_area .campaign_ttl {

  position: relative;

  width: fit-content;

  margin: 0 auto calc(15 * (60rem / 390));

  padding: 0 calc(30 * (60rem / 390)) calc(6 * (60rem / 390));

  font-size: calc(20 * (60rem / 390));

  font-weight: 500;

  letter-spacing: .02em;

  color: var(--color_01);

}



.campaign_area .campaign_ttl::before {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: calc(1 * (60rem / 390));

  background: linear-gradient(to right, transparent, var(--color_01), var(--color_01), transparent);

  content: "";

}



.campaign_area .campaign_period {

  margin-bottom: calc(20 * (60rem / 390));

  font-size: calc(11 * (60rem / 390));

  font-weight: 500;

  letter-spacing: 0;

}



.campaign_area .campaign_period .txt_L {

  font-size: calc(16 * (60rem / 390));

  letter-spacing: 0;

}



.campaign_lead {

  font-size: calc(16 * (60rem / 390));

  line-height: 1.5;

}



.campaign_lead .txt_L {

  position: relative;

  z-index: 1;

  display: block;

  width: fit-content;

  margin: calc(6 * (60rem / 390)) auto 0;

  padding: 0 calc(5 * (60rem / 390));

  font-size: calc(18 * (60rem / 390));

  font-weight: 700;

  letter-spacing: 0;

}



.campaign_lead .txt_L::before {

  position: absolute;

  z-index: -1;

  bottom: 0;

  left: 0;

  width: 100%;

  height: calc(10 * (60rem / 390));

  background: var(--color_01);

  opacity: .2;

  content: "";

}



.campaign_lead .txt_LL {

  margin: 0 calc(2 * (60rem / 390)) 0 calc(3 * (60rem / 390));

  font-size: calc(30 * (60rem / 390));

  letter-spacing: 0;

}



.campaign_img {

  width: calc(94 * (60rem / 390));

  margin: calc(20 * (60rem / 390)) auto 0;

}



.campaign_caption {

  margin-top: calc(15 * (60rem / 390));

  font-size: calc(13 * (60rem / 390));

  line-height: 1.75;

}



.campaign_caption .txt_B {

  font-weight: 700;

}



.campaign_notes {

  margin-top: calc(20 * (60rem / 390));

  font-size: calc(10 * (60rem / 390));

  letter-spacing: .02em;

}



.campaign_area .productList_link {

  width: calc(175 * (60rem / 390));

  height: calc(48 * (60rem / 390));

  margin: calc(30 * (60rem / 390)) auto 0;

}



.campaign_area .productList_link::before {

  width: calc(40 * (60rem / 390));

  height: calc(40 * (60rem / 390));

}



.campaign_area .productList_link:hover::before {

  margin-left: calc(18 * (60rem / 390));

}



.campaign_area .productList_link::after {

  width: calc(9 * (60rem / 390));

  height: calc(9 * (60rem / 390));

  margin-left: calc(13 * (60rem / 390));

}



.campaign_area .productList_link:hover::after {

  margin-left: calc(26 * (60rem / 390));

}



.campaign_area .productList_link span {

  width: calc(150 * (60rem / 390));

  height: calc(40 * (60rem / 390));

}



.campaign_area .productList_link:hover span {

  width: calc(165 * (60rem / 390));

  height: 100%;

}

/*----------------------キャンペーン*/



/*ReviewList--------------------*/

.review_area {

  margin-top: calc(80 * (60rem / 390));

}



.review_area h2 {

  margin-bottom: calc(20 * (60rem / 390));

  font-size: calc(20 * (60rem / 390));

  font-weight: 500;

  text-align: center;

}



.review_list.swiper-wrapper {

  transition-timing-function: linear;

}



.review_list .each_review {

  position: relative;

  width: calc(230 * (60rem / 390)) !important;

  height: auto;

  margin-right: calc(15 * (60rem / 390));

}



.review_list .each_review > a {

  height: 100%;

  padding: calc(15 * (60rem / 390)) calc(15 * (60rem / 390)) calc(40 * (60rem / 390));

  border: solid #D9D9D9 calc(1 * (60rem / 390));

  border-radius: calc(3 * (60rem / 390));

  background: #fff;

}



.review_list .each_review figure {

  margin-bottom: calc(10 * (60rem / 390));

}



.review_list .each_review figure img {

  height: calc(200 * (60rem / 390));

  object-fit: cover;

}



.review_list .each_review .staff_detail_wrap {

  display: flex;

  align-items: center;

  gap: calc(10 * (60rem / 390));

  margin-bottom: calc(10 * (60rem / 390));

}



.review_list .each_review .staff_detail_wrap .staff_img {

  width: calc(50 * (60rem / 390));

  height: calc(50 * (60rem / 390));

  border-radius: 50%;

  overflow: clip;

}



.review_list .each_review .staff_detail_wrap .staff_img img {

  height: 100%;

  object-fit: cover;

}



.review_list .each_review .staff_detail_wrap .txt_wrap {

  flex: 1;

}



.review_list .each_review .staff_detail_wrap .txt_wrap p {

  font-size: calc(14 * (60rem / 390));

  line-height: 1.5;

}



.review_list .each_review .staff_comment {

  font-size: calc(13 * (60rem / 390));

  line-height: 1.5;

  overflow: hidden;

  display: -webkit-box;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}



.review_list .each_review .link_detail {

  position: absolute;

  bottom: 0;

  right: 0;

  margin: 0 calc(15 * (60rem / 390)) calc(15 * (60rem / 390)) 0;

  padding-right: calc(10 * (60rem / 390));

  font-size: calc(13 * (60rem / 390));

  letter-spacing: .05em;

  text-decoration: underline;

  text-decoration-skip-ink: none;

  text-underline-offset: calc(1 * (60rem / 390));

  text-decoration-thickness: calc(1 * (60rem / 390));

}



.review_list .each_review .link_detail::before {

  position: absolute;

  top: 50%;

  right: 0;

  translate: 0 -50%;

  width: calc(6 * (60rem / 390));

  height: calc(6 * (60rem / 390));

  border-top: solid var(--color_regular) calc(1 * (60rem / 390));

  border-right: solid var(--color_regular) calc(1 * (60rem / 390));

  box-sizing: border-box;

  rotate: 45deg;

  content: "";

}

/*--------------------ReviewList*/



/*brand about--------------------*/

.brandAbout_area {

  margin-top: calc(90 * (60rem / 390));

  padding-bottom: calc(50 * (60rem / 390));

  text-align: center;

}



.brandAbout_area h2 {

  margin-bottom: calc(20 * (60rem / 390));

  font-size: calc(20 * (60rem / 390));

  font-weight: 500;

}



.brandAbout_area h2 .txt_S {

  display: block;

  margin-bottom: calc(5 * (60rem / 390));

  font-size: calc(16 * (60rem / 390));

}



.brandAbout_img {

  margin-bottom: calc(40 * (60rem / 390));

  opacity: 0;

  filter: blur(3px);

  transition: opacity 1s, filter 1s;

}



.brandAbout_img.active {

  opacity: 1;

  filter: unset;

}



.brandAbout_area h3 {

  margin-bottom: calc(30 * (60rem / 390));

  font-size: calc(18 * (60rem / 390));

  font-weight: 500;

  letter-spacing: .1em;

  opacity: 0;

  transition: opacity 1s;

}



.brandAbout_area h3.active {

  opacity: 1;

}



.brandAbout_txt p {

  font-size: calc(13 * (60rem / 390));

  line-height: 2;

  letter-spacing: .1em;

  opacity: 0;

  transition: opacity 1s;

}



.brandAbout_txt p.active {

  opacity: 1;

}



.brandAbout_txt p:nth-of-type(n+2) {

  margin-top: calc(25 * (60rem / 390));

}



.brandAbout_area .feature_list {

  display: flex;

  justify-content: center;

  margin-top: calc(35 * (60rem / 390));

}



.brandAbout_area .feature_list li {

  display: grid;

  place-items: center;

  width: calc(110 * (60rem / 390));

  height: calc(110 * (60rem / 390));

  border-radius: 50%;

  background: #EDF4FC;

  font-size: calc(14 * (60rem / 390));

  opacity: 0;

  translate: 0 calc(10 * (60rem / 390));

  transition: opacity 1s, translate 1s;

}



.brandAbout_area .feature_list.active li {

  opacity: 1;

  translate: unset;

}



.brandAbout_area .feature_list.active li:nth-of-type(2) {

  transition-delay: .2s;

}



.brandAbout_area .feature_list.active li:nth-of-type(3) {

  transition-delay: .4s;

}



.brandAbout_area .feature_list.active li:nth-of-type(4) {

  transition-delay: .6s;

}



.brandAbout_area .feature_list li:nth-of-type(n+2) {

  margin-left: calc(-20 * (60rem / 390))

}



.brandAbout_area .feature_list li:nth-of-type(even) {

  margin-top: calc(30 * (60rem / 390))

}



.brandAbout_area .feature_list li p {

  line-height: 1.3;

  letter-spacing: .1em;

  opacity: .8;

}



.brandAbout_area .feature_list li p sup {

  font-size: calc(7 * (60rem / 390));

}



.brandAbout_area .productList_link {

  width: calc(220 * (60rem / 390));

  height: calc(50 * (60rem / 390));

  margin: calc(30 * (60rem / 390)) auto 0;

}



.brandAbout_area .productList_link::before {

  width: calc(40 * (60rem / 390));

  height: calc(40 * (60rem / 390));

}



.brandAbout_area .productList_link:hover::before {

  margin-left: calc(18 * (60rem / 390));

}



.brandAbout_area .productList_link::after {

  width: calc(9 * (60rem / 390));

  height: calc(9 * (60rem / 390));

  margin-left: calc(13 * (60rem / 390));

}



.brandAbout_area .productList_link:hover::after {

  margin-left: calc(30 * (60rem / 390));

}



.brandAbout_area .productList_link span {

  width: calc(195 * (60rem / 390));

  height: calc(40 * (60rem / 390));

}



.brandAbout_area .productList_link:hover span {

  width: calc(205 * (60rem / 390));

  height: 100%;

}



.brandAbout_notes {

  margin-top: calc(45 * (60rem / 390));

  padding: 0 calc(15 * (60rem / 390));

  font-size: calc(10 * (60rem / 390));

  line-height: 1.5;

  letter-spacing: .02em;

  text-align: left;

}

/*--------------------brand about*/



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

@media screen and  (max-width:768px) {

#share {

  right: auto !important;

  left: 0;

  left: 5%;

  z-index: 10 !important;

  transition: translate .5s;

}



#share.move {

  translate: 0 calc(-60 * (60rem / 390));

}



.share-txt {

  display: none;

}



.only_pc {

  display: none;

}



}

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





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

@media screen and  (min-width:769px) {

  .only_sp {

    display: none !important;

  }



  .LP_page_inner {

    position: relative;

    z-index: 1;

    width: 60rem;

    min-height: 100vh;

    margin: -100vh auto 0;

    overflow: clip;

    box-shadow: 0 0 10px rgba(0, 0, 0, .2);

  }



  .fixed_area {

    position: sticky;

    top: 0;

    z-index: 1;

    display: flex;

    justify-content: space-between;

    width: 100%;

    height: 100vh;

    margin: 0 auto;

    background: var(--color_bg);

  }

  

  .fixed_left,

  .fixed_right {

    display: grid;

    place-items: center;

    width: calc((100% - 60rem) / 2);

    height: 100%;

    padding-top: 14rem;

  }



  .fixed_left .ttl_sub {

    font-size: 1.8rem;

    font-weight: 500;

    text-align: center;

    color: var(--color_02);

  }



  .fixed_left .ttl_sub .txt_eng {

    display: block;

    margin-top: 2rem;

    font-size: 1.6rem;

  }



  .fixed_left .logo_naturaglace {

    width: 20rem;

    margin: 4rem auto 0;

  }



.fixed_right .main_nav .nav_list > li:nth-of-type(n+2) {

  margin-top: 2.5rem;

}



.fixed_right .main_nav .nav_list > li > a {

  height: 3.5rem;

  font-size: 1.7rem;

}



.fixed_right .main_nav .nav_list > li:not(.Anker_product) > a {

  padding-left: 4.3rem;

}



.fixed_right .main_nav .nav_list > li:not(.Anker_product) > a::before {

  width: 3.5rem;

  height: 3.5rem;

}



.fixed_right .main_nav .product_nav_list_wrap {

  margin-top: .5rem;

  padding: 3rem 1.5rem;

  box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .1);

}



.fixed_right .main_nav .product_nav_list > li:nth-of-type(n+2) {

  margin-top: 2.5rem;

}



.fixed_right .main_nav .product_nav_list > li > a {

  gap: 1rem;

}



.fixed_right .main_nav .product_nav_list > li > a > figure {

  width: 5.8rem;

  filter: drop-shadow(.3rem .3rem .3rem rgba(0, 0, 0, .1));

}



.fixed_right .main_nav .product_nav_list > li.Anker_product03 > a > figure img {

  width: 3rem;

}



.fixed_right .main_nav .product_nav_list > li.Anker_product04 > a > figure img {

  width: 3rem;

}



.fixed_right .main_nav .product_nav_list > li > a > p {

  font-size: 1.4rem;

}



.fixed_right .main_nav .product_nav_list > li > a > p .txt_eng {

  margin-top: .6rem;

  font-size: 1.2rem;

}



.fixed_right .main_nav .variation_list {

  gap: 1.5rem;

  margin: 1.2rem 0 0 1.5rem;

}



.fixed_right .main_nav .variation_list > li > a {

  gap: .6rem;

}



.fixed_right .main_nav .variation_list > li > a > figure {

  width: 2.8rem;

}



.fixed_right .main_nav .variation_list > li > a > p {

  font-size: 1.1rem;

}



.fixed_right .product_nav_list_wrap .copyright {

  margin: 0 .5rem 1rem 0;

  font-size: .8rem;

}







}

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





/*レスポンシブ対応-------------------------------*/

@media screen and (max-width: 1600px) and (min-width: 769px) {

  html {

    font-size: calc(10 * (100vw / 1600));

  }

}



@media screen and (max-width: 768px) {

  html {

    font-size: calc(10 * (100vw / 600));

  }

}

/*-------------------------------レスポンシブ＆タブレット対応*/