@charset "UTF-8";



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

html {

  font-size: 62.5%;

}



body {

  -webkit-tap-highlight-color: transparent;

}



#Wrap {

  width: auto;

}



footer {

  position: relative;

  z-index: 2;

}



.nav-top {

  display: none;

  z-index: 5;

}



:root {

  --font_serif: "Zen Old Mincho", serif;

  --font_sansSerif: "Noto Sans JP", sans-serif;

  --font_eng: "paganini", "Zen Old Mincho", serif;

  --color_regular: #555;

  --color_scene01_01: #E8B098;

  --color_scene01_02: #F2BDA6;

  --color_scene01_03: #FFF8F5;

  --color_scene02_01: #E293A3;

  --color_scene02_02: #E8A1CF;

  --color_scene02_03: #FFF4FB;

  --color_scene03_01: #94A6D0;

  --color_scene03_02: #A7BDEE;

  --color_scene03_03: #F4F7FF;

  --color_accent_01: #D3AF9B;

  --color_accent_02: #FDF4F6;

  --color_accent_03: #FFF8F4;

}



.LP_page * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  line-height: 1;

  letter-spacing: .05em;

}



.LP_page {

  padding-bottom: 12rem;

  background: #fff;

  font-family: var(--font_serif);

  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 .activePoint,

.LP_page .activeDelay {

  opacity: 0;

  transition: opacity 1s;

}



.LP_page .activeDelay.delay1 {

  transition-delay: .15s;

}



.LP_page .activeDelay.delay2 {

  transition-delay: .3s;

}



.LP_page .activeDelay.delay3 {

  transition-delay: .45s;

}



.LP_page .activeDelay.delay4 {

  transition-delay: .6s;

}



.LP_page .activePoint.active,

.LP_page .activePoint.active > .activeDelay {

  opacity: 1;

}

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

.mv_area {

  margin-bottom: 8rem;

  background: linear-gradient(#FFF7FA, transparent);

}



.mv_area .mv {

  width: 140rem;

  margin: 0 auto 1rem;

}



.main_ttl {

  font-size: 4.6rem;

  font-weight: 600;

  text-align: center;

}



.main_ttl .txt_L {

  font-family: var(--font_eng);

  font-size: 5.2rem;

  font-weight: 700;

  letter-spacing: 0;

}



.main_ttl .txt_SS {

  font-size: 3rem;

}



.main_ttl .txt_LL {

  font-size: 8rem;

  color: #D998B6;

  vertical-align: -1rem;

}



.main_ttl .txt_S {

  font-size: 4rem;

}



.navigation_area {

  margin-bottom: 5rem;

}



.navigation_area.fixed {

  position: fixed;

  z-index: 5;

  bottom: 0;

  width: 100%;

  margin-bottom: 2rem;

  opacity: 0;

  pointer-events: none;

  transition: opacity .8s;

}



.navigation_area.fixed.active {

  opacity: 1;

  pointer-events: auto;

}



.navigation_list {

  display: flex;

  justify-content: center;

  gap: 3.5rem;

}



.fixed .navigation_list {

  gap: 2rem;

}



.navigation_list li {

  position: relative;

  background: #fff;

  border-radius: 1.5rem;

}



.navigation_list li::before,

.navigation_list li::after {

  position: absolute;

  width: 13rem;

  height: 6rem;

  border-width: .1rem;

  opacity: .5;

  content: "";

}



.navigation_list li::before {

  top: 0;

  right: 0;

  margin: -1rem -1rem 0 0;

  border-top: solid;

  border-right: solid;

  border-radius: 0 2.5rem 0 0;

}



.navigation_list li::after {

  bottom: 0;

  left: 0;

  margin: 0 0 -1rem -1rem;

  border-bottom: solid;

  border-left: solid;

  border-radius: 0 0 0 2.5rem;

}



.fixed .navigation_list li::before,

.fixed .navigation_list li::after {

  display: none;

}



.navigation_list li:nth-of-type(1)::before,

.navigation_list li:nth-of-type(1)::after {

  border-color: var(--color_scene01_01);

}



.navigation_list li:nth-of-type(2)::before,

.navigation_list li:nth-of-type(2)::after {

  border-color: var(--color_scene02_01);

}



.navigation_list li:nth-of-type(3)::before,

.navigation_list li:nth-of-type(3)::after {

  border-color: var(--color_scene03_01);

}



.navigation_list li a {

  position: relative;

  z-index: 1;

  display: grid;

  place-items: center;

  width: 20rem;

  height: 8.5rem;

  border-radius: 1.5rem;

}



.fixed .navigation_list li a {

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

}



.navigation_list li a::before {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-radius: 1.5rem;

  filter: blur(2px);

  content: "";

}



.navigation_list li a::after {

  position: absolute;

  bottom: 0;

  left: 50%;

  translate: -50% 0;

  width: 1rem;

  height: 1rem;

  margin-bottom: .8rem;

  border-right: solid;

  border-bottom: solid;

  border-width: .1rem;

  box-sizing: border-box;

  rotate: 45deg;

  content: "";

}



.navigation_list li:nth-of-type(1) a::after {

  border-color: var(--color_scene01_02);

}



.navigation_list li:nth-of-type(2) a::after {

  border-color: var(--color_scene02_02);

}



.navigation_list li:nth-of-type(3) a::after {

  border-color: var(--color_scene03_02);

}



.fixed .navigation_list li a::before {

  filter: unset;

}



.fixed .navigation_list li a::after {

  display: none;

}



.navigation_list li:nth-of-type(1) a::before {

  background: var(--color_scene01_03);

}



.navigation_list li:nth-of-type(2) a::before {

  background: var(--color_scene02_03);

}



.navigation_list li:nth-of-type(3) a::before {

  background: var(--color_scene03_03);

}



.navigation_list li a p {

  padding-bottom: 1.5rem;

  font-size: 2rem;

  text-align: center;

}



.fixed .navigation_list li a p {

  padding-bottom: 1rem;

}



.navigation_list li:nth-of-type(1) a p {

  color: var(--color_scene01_02);

}



.navigation_list li:nth-of-type(2) a p {

  color: var(--color_scene02_02);

}



.navigation_list li:nth-of-type(3) a p {

  color: var(--color_scene03_02);

}



.navigation_list li a p .scene_num {

  display: block;

  margin-bottom: .4rem;

  font-family: var(--font_eng);

  font-size: 1.5rem;

}



.navigation_list li a p .scene_num .txt_L {

  font-size: 2.8rem;

}



.each_scene {

  position: relative;

  padding: 7rem 0 8rem;

  background: linear-gradient(transparent, #FFF7FA);

}



.each_scene::before {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 8rem;

  margin-bottom: -.2rem;

  background: linear-gradient(transparent, #fff);

  content: "";

}



.each_scene_inner {

  position: relative;

  z-index: 1;

  width: 110rem;

  margin: 0 auto;

}



.each_scene_inner::before {

  position: absolute;

  z-index: -1;

  left: 100%;

  bottom: 0;

  width: 62rem;

  height: 62rem;

  margin: 0 0 -20rem -25rem;

  border-radius: 50%;

  filter: blur(50px);

  opacity: .15;

  content: "";

}



#Scene1 .each_scene_inner::before {

  background: #E8B098;

}



#Scene2 .each_scene_inner::before {

  background: #E293A3;

}



#Scene3 .each_scene_inner::before {

  background: #94A6D0;

}



.scene_ttl {

  position: relative;

  z-index: 1;

  width: fit-content;

  margin: 0 auto 2.5rem;

  font-weight: 500;

  font-size: 4rem;

  line-height: 1.4;

  text-align: center;

}



.scene_ttl::before {

  position: absolute;

  z-index: -1;

  bottom: 0;

  right: 100%;

  width: 25rem;

  height: 25rem;

  margin: 0 -10rem -10rem 0;

  border-radius: 50%;

  opacity: .5;

  filter: blur(20px);

  content: "";

}



#Scene1 .scene_ttl::before {

  background: #FFEFE8;

}



#Scene2 .scene_ttl::before {

  background: #FFE8F7;

}



#Scene3 .scene_ttl::before {

  background: #F2F5FC;

}



.scene_ttl .scene_cat {

  position: relative;

  display: block;

  margin-bottom: 1.5rem;

  padding-bottom: 3.5rem;

  font-size: 3rem;

  font-weight: 400;

}



#Scene1 .scene_ttl .scene_cat {

  color: var(--color_scene01_01);

}



#Scene2 .scene_ttl .scene_cat {

  color: var(--color_scene02_01);

}



#Scene3 .scene_ttl .scene_cat {

  color: var(--color_scene03_01);

}



.scene_ttl .scene_cat .scene_num {

  display: block;

  margin-bottom: .8rem;

  font-family: var(--font_eng);

  font-size: 2rem;

}



.scene_ttl .scene_cat .scene_num .txt_L {

  font-size: 4rem;

}



.scene_ttl .scene_cat::before {

  position: absolute;

  bottom: 0;

  left: 50%;

  translate: -50% 0;

  width: 1rem;

  height: 1rem;

  border-radius: 50%;

  opacity: .5;

  filter: blur(1px);

  content: "";

}



#Scene1 .scene_ttl .scene_cat::before {

  background: var(--color_scene01_02);

}



#Scene2 .scene_ttl .scene_cat::before {

  background: var(--color_scene02_02);

}



#Scene3 .scene_ttl .scene_cat::before {

  background: var(--color_scene03_02);

}



.scene_mv_outside {

  position: relative;

  z-index: 1;

}



.scene_mv_wrap {

  position: relative;

  width: 48rem;

  margin: 0 auto;

}



.scene_mv_wrap::before {

  position: absolute;

  z-index: -1;

  bottom: 0;

  right: 0;

  width: 30rem;

  height: 30rem;

  margin: 0 -3rem -10rem 0;

  border-radius: 50%;

  opacity: .2;

  filter: blur(20px);

  content: "";

}



#Scene1 .scene_mv_wrap::before {

  background: #F4D4C6;

}



#Scene2 .scene_mv_wrap::before {

  background: #DDB5CF;

}



#Scene3 .scene_mv_wrap::before {

  background: #D9E2F5;

}



.scene_mv {

  position: relative;

}



.scene_mv::before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 8rem;

  background: linear-gradient(#000, transparent);

  opacity: .4;

  content: "";

}



.btn_switch {

  position: absolute;

  top: 0;

  left: 0;

  margin: 2rem 0 0 2rem;

  font-family: var(--font_eng);

  font-size: 2.4rem;

  color: #fff;

  cursor: pointer;

}



.close .btn_switch .to_open,

.btn_switch .to_close {

  display: block;

}



.close .btn_switch .to_close,

.btn_switch .to_open {

  display: none;

}



.btn_switch span {

  position: relative;

  padding-left: 3rem;

}



.btn_switch span::before,

.btn_switch span::after {

  position: absolute;

  top: 50%;

  left: 0;

  translate: 0 -50%;

  width: 2rem;

  height: .1rem;

  background: #fff;

  content: "";

}



.btn_switch .to_open::after {

  rotate: 90deg;

}



.btn_switch .to_close::before {

  rotate: 45deg;

}



.btn_switch .to_close::after {

  rotate: 135deg;

}



.anchor_outside {

  position: absolute;

}



.active .anchor_outside {

  transition: opacity .3s !important;

}



.close .anchor_outside {

  opacity: 0 !important;

  pointer-events: none;

}



.anchor_outside.left {

  top: 0;

  left: 0;

  margin-top: 5rem;

}



.anchor_outside.right {

  top: 50%;

  right: 0;

  translate: 0 -50%;

}



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

  margin-top: 3.5rem;

}



.anchor_outside .anchor_wrap {

  width: fit-content;

}



.anchor_outside.right .anchor_wrap {

  margin-left: auto;

}



.anchor_wrap ul {

  display: flex;

  justify-content: center;

  align-items: flex-end;

  gap: 1.5rem;

  min-width: 15rem;

  width: fit-content;

  margin-bottom: 1rem;

}



#Scene1 .anchor_wrap.basemake_list li:nth-of-type(1) {

  width: 2.6rem;

}



#Scene1 .anchor_wrap.basemake_list li:nth-of-type(2) {

  width: 2.4rem;

}



#Scene1 .anchor_wrap.basemake_list li:nth-of-type(3) {

  width: 6rem;

}



#Scene1 .anchor_wrap.basemake_list li:nth-of-type(4) {

  width: 8.4rem;

}



#Scene1 .anchor_wrap.cheek_list li:nth-of-type(1) {

  width: 7rem;

}



#Scene1 .anchor_wrap.lip_list li:nth-of-type(1) {

  width: 4.2rem;

}



#Scene1 .anchor_wrap.lip_list li:nth-of-type(2) {

  width: 4.8rem;

}



#Scene1 .anchor_wrap.eyebrow_list li:nth-of-type(1) {

  width: 7.4rem;

}



#Scene1 .anchor_wrap.eyebrow_list li:nth-of-type(2) {

  width: 3.2rem;

}



#Scene1 .anchor_wrap.eyeshadow_list li:nth-of-type(1) {

  width: 4.6rem;

}



#Scene1 .anchor_wrap.eyeshadow_list li:nth-of-type(2),

#Scene1 .anchor_wrap.eyeshadow_list li:nth-of-type(3) {

  width: 6.2rem;

}



#Scene1 .anchor_wrap.eyeliner_list li:nth-of-type(1) {

  width: .7rem;

}



#Scene1 .anchor_wrap.mascara_list li:nth-of-type(1) {

  width: 2.6rem;

}



#Scene2 .anchor_wrap.basemake_list li:nth-of-type(1) {

  width: 2.6rem;

}



#Scene2 .anchor_wrap.basemake_list li:nth-of-type(2) {

  width: 6rem;

}



#Scene2 .anchor_wrap.basemake_list li:nth-of-type(3) {

  width: 6.2rem;

}



#Scene2 .anchor_wrap.cheekhighlight_list li:nth-of-type(1) {

  width: 5.4rem;

}



#Scene2 .anchor_wrap.cheekhighlight_list li:nth-of-type(2) {

  width: 4.8rem;

}



#Scene2 .anchor_wrap.lip_list li:nth-of-type(1) {

  width: 4.2rem;

}



#Scene2 .anchor_wrap.lip_list li:nth-of-type(2) {

  width: 4.6rem;

}



#Scene2 .anchor_wrap.eyebrow_list li:nth-of-type(1) {

  width: 4.8rem;

}



#Scene2 .anchor_wrap.eyebrow_list li:nth-of-type(2) {

  width: .6rem;

}



#Scene2 .anchor_wrap.eyeshadow_list li:nth-of-type(1) {

  width: 7.6rem;

}



#Scene2 .anchor_wrap.eyeliner_list li:nth-of-type(1) {

  width: .7rem;

}



#Scene2 .anchor_wrap.mascara_list li:nth-of-type(1) {

  width: 2.6rem;

}



#Scene3 .anchor_wrap.basemake_list li:nth-of-type(1) {

  width: 2.6rem;

}



#Scene3 .anchor_wrap.basemake_list li:nth-of-type(2) {

  width: 6rem;

}



#Scene3 .anchor_wrap.basemake_list li:nth-of-type(3) {

  width: 6rem;

}



#Scene3 .anchor_wrap.basemake_list li:nth-of-type(4) {

  width: 8.4rem;

}



#Scene3 .anchor_wrap.highlight_list li:nth-of-type(1) {

  width: 7.6rem;

}



#Scene3 .anchor_wrap.lip_list li:nth-of-type(1) {

  width: 4.2rem;

}



#Scene3 .anchor_wrap.eyebrow_list li:nth-of-type(1) {

  width: 4.6rem;

}



#Scene3 .anchor_wrap.eyebrow_list li:nth-of-type(2) {

  width: 4rem;

}



#Scene3 .anchor_wrap.eyeshadow_list li:nth-of-type(1) {

  width: 7rem;

}



#Scene3 .anchor_wrap.eyeshadow_list li:nth-of-type(2) {

  width: 5.6rem;

}



#Scene3 .anchor_wrap.eyeliner_list li:nth-of-type(1) {

  width: .7rem;

}



#Scene3 .anchor_wrap.eyeliner_list li:nth-of-type(2) {

  width: 1.8rem;

}



#Scene3 .anchor_wrap.mascara_list li:nth-of-type(1) {

  width: 2.6rem;

}



.anchor_wrap h4 {

  position: relative;

  padding-top: 1rem;

  border-top: dotted var(--color_accent_01);

  border-width: .1rem;

  text-align: center;

}



.anchor_wrap.basemake_list h4 {

  text-align: left;

}



#Scene1 .anchor_wrap.eyeshadow_list h4 {

  text-align: right;

}



.anchor_wrap h4::before {

  position: absolute;

  top: 0;

  height: .1rem;

  margin-top: -.1rem;

  border-top: dotted var(--color_accent_01);

  border-width: .1rem;

  box-sizing: border-box;

  content: "";

}



.left .anchor_wrap h4::before,

.left .anchor_wrap h4::after {

  left: 100%;

  transform-origin: top left;

}



.right .anchor_wrap h4::before,

.right .anchor_wrap h4::after {

  right: 100%;

  transform-origin: top right;

}



.anchor_wrap h4::after {

  position: absolute;

  top: 0;

  width: .6rem;

  height: .6rem;

  border-radius: 50%;

  background: #fff;

  opacity: .6;

  content: "";

}



#Scene1 .anchor_wrap.basemake_list h4::before {

  width: 31.5rem;

  rotate: 40deg;

}



#Scene1 .anchor_wrap.cheek_list h4::before {

  width: 28rem;

  rotate: 15deg;

}



#Scene1 .anchor_wrap.lip_list h4::before {

  width: 34rem;

  rotate: -.3deg;

}



#Scene1 .anchor_wrap.eyebrow_list h4::before {

  width: 36rem;

  rotate: -22deg;

}



#Scene1 .anchor_wrap.eyeshadow_list h4::before {

  width: 26rem;

  rotate: -3deg;

}



#Scene1 .anchor_wrap.eyeliner_list h4::before {

  width: 31.5rem;

  rotate: 26.5deg;

}



#Scene1 .anchor_wrap.mascara_list h4::before {

  width: 44rem;

  rotate: 46.7deg;

}



#Scene1 .anchor_wrap.basemake_list h4::after {

  margin: 20rem 0 0 24rem;

}



#Scene1 .anchor_wrap.cheek_list h4::after {

  margin: 7rem 0 0 27rem;

}



#Scene1 .anchor_wrap.lip_list h4::after {

  margin: -.5rem 0 0 34rem;

}



#Scene1 .anchor_wrap.eyebrow_list h4::after {

  margin: 13rem 33rem 0 0;

}



#Scene1 .anchor_wrap.eyeshadow_list h4::after {

  margin: 1rem 26rem 0 0;

}



#Scene1 .anchor_wrap.eyeliner_list h4::after {

  margin: -14.5rem 28rem 0 0;

}



#Scene1 .anchor_wrap.mascara_list h4::after {

  margin: -32.5rem 30rem 0 0;

}



#Scene2 .anchor_wrap.basemake_list h4::before {

  width: 29rem;

  rotate: 36.5deg;

}



#Scene2 .anchor_wrap.cheekhighlight_list h4::before {

  width: 26rem;

  rotate: 14deg;

}



#Scene2 .anchor_wrap.lip_list h4::before {

  width: 30rem;

  rotate: -4deg;

}



#Scene2 .anchor_wrap.eyebrow_list h4::before {

  width: 41rem;

  rotate: -13deg;

}



#Scene2 .anchor_wrap.eyeshadow_list h4::before {

  width: 38.5rem;

  rotate: 3.3deg;

}



#Scene2 .anchor_wrap.eyeliner_list h4::before {

  width: 40.5rem;

  rotate: 25.8deg;

}



#Scene2 .anchor_wrap.mascara_list h4::before {

  width: 53rem;

  rotate: 42.5deg;

}



#Scene2 .anchor_wrap.basemake_list h4::after {

  margin: 17rem 0 0 23rem;

}



#Scene2 .anchor_wrap.cheekhighlight_list h4::after {

  margin: 6rem 0 0 25rem;

}



#Scene2 .anchor_wrap.lip_list h4::after {

  margin: -2.5rem 0 0 30rem;

}



#Scene2 .anchor_wrap.eyebrow_list h4::after {

  margin: 9rem 40rem 0 0;

}



#Scene2 .anchor_wrap.eyeshadow_list h4::after {

  margin: -2.5rem 38.5rem 0 0;

}



#Scene2 .anchor_wrap.eyeliner_list h4::after {

  margin: -18rem 36.5rem 0 0;

}



#Scene2 .anchor_wrap.mascara_list h4::after {

  margin: -36.5rem 39rem 0 0;

}



#Scene3 .anchor_wrap.basemake_list h4::before {

  width: 25rem;

  rotate: 46.5deg;

}



#Scene3 .anchor_wrap.highlight_list h4::before {

  width: 25rem;

  rotate: 17deg;

}



#Scene3 .anchor_wrap.lip_list h4::before {

  width: 29rem;

  rotate: 4.5deg;

}



#Scene3 .anchor_wrap.eyebrow_list h4::before {

  width: 45rem;

  rotate: -20.5deg;

}



#Scene3 .anchor_wrap.eyeshadow_list h4::before {

  width: 40rem;

  rotate: -2.6deg;

}



#Scene3 .anchor_wrap.eyeliner_list h4::before {

  width: 40.5rem;

  rotate: 20.4deg;

}



#Scene3 .anchor_wrap.mascara_list h4::before {

  width: 51.7rem;

  rotate: 37.5deg;

}



#Scene3 .anchor_wrap.basemake_list h4::after {

  margin: 18rem 0 0 17rem;

}



#Scene3 .anchor_wrap.highlight_list h4::after {

  margin: 7rem 0 0 24rem;

}



#Scene3 .anchor_wrap.lip_list h4::after {

  margin: 2rem 0 0 29rem;

}



#Scene3 .anchor_wrap.eyebrow_list h4::after {

  margin: 15.5rem 42rem 0 0;

}



#Scene3 .anchor_wrap.eyeshadow_list h4::after {

  margin: 1.5rem 40rem 0 0;

}



#Scene3 .anchor_wrap.eyeliner_list h4::after {

  margin: -14.5rem 38rem 0 0;

}



#Scene3 .anchor_wrap.mascara_list h4::after {

  margin: -32rem 41rem 0 0;

}



.anchor_wrap h4 span {

  font-family: var(--font_eng);

  font-size: 2rem;

  font-weight: 400;

  letter-spacing: 0;

  color: var(--color_accent_01);

  opacity: .5;

}



.artist_comment_wrap {

  position: relative;

  z-index: 2;

  width: 41rem;

  margin-top: -13rem;

  padding: 2rem 3rem 3rem;

  border-radius: 2rem;

  background: rgba(255, 255, 255, .8);

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

}



.artist_comment_wrap .artist_img {

  width: 8rem;

  height: 8rem;

  margin-right: 1.5rem;

  border-radius: 50%;

  overflow: clip;

  float: left;

}



.artist_comment_wrap .artist_comment {

  padding-top: 1rem;

  font-size: 1.5rem;

  line-height: 1.6;

  text-align: justify;

}



.howto_area {

  position: relative;

  z-index: 1;

  margin-top: 3rem;

}



.howto_area .area_ttl {

  margin-bottom: 7.5rem;

  font-family: var(--font_eng);

  font-size: 7rem;

  font-weight: 400;

  letter-spacing: 0;

  text-align: center;

}



.each_category {

  position: relative;

  z-index: auto;

  padding: 4rem 5rem 6rem;

  border-radius: 3rem;

  background: rgba(255, 255, 255, .8);

  box-shadow: 0 3px 6px rgba(211, 175, 155, .3);

}



.howto_area > div:nth-of-type(n+2) {

  margin-top: 3rem;

}



.howto_area > div.for_column {

  display: flex;

  justify-content: space-between;

}



.each_category.basemake_wrap {

  background: var(--color_accent_03);

}



#Scene1 .each_category.basemake_wrap {

  width: calc(100% - 10rem);

  margin-left: auto;

  padding: 0 5rem 4rem 17.5rem ;

}



#Scene2 .each_category.basemake_wrap {

  padding-top: 0;

}



#Scene3 .each_category.basemake_wrap {

  width: calc(100% - 10rem);

  margin-left: auto;

  padding: 0 5rem 4rem 17.5rem ;

}



#Scene1 .each_category.cheek_wrap {

  width: 48rem;

  padding-bottom: 3rem;

}



#Scene3 .each_category.cheek_wrap {

  width: 55rem;

  padding-bottom: 3rem;

}



#Scene1 .each_category.lip_wrap {

  width: 59rem;

  padding-bottom: 3rem;

}



#Scene2 .each_category.lip_wrap {

  padding-bottom: 3rem;

}



#Scene3 .each_category.lip_wrap {

  width: 52rem;

  padding-bottom: 3rem;

}



.each_category.basemake_wrap::before {

  position: absolute;

  z-index: -1;

  left: 100%;

  bottom: 0;

  width: 41rem;

  height: 41rem;

  margin: 0 0 -25rem -20rem;

  border-radius: 50%;

  filter: blur(50px);

  opacity: .3;

  content: "";

}



#Scene1 .each_category.basemake_wrap::before {

  background: #FFF4EF;

}



#Scene2 .each_category.basemake_wrap::before {

  background: #FFD9E1;

}



#Scene3 .each_category.basemake_wrap::before {

  background: #F0F5FF;

}



.each_category.eyemake_wrap::before {

  position: absolute;

  z-index: -1;

  left: 0;

  top: 0;

  width: 70rem;

  height: 70rem;

  margin: 32rem 0 0 -40rem;

  border-radius: 50%;

  filter: blur(50px);

  opacity: .3;

  content: "";

}



#Scene1 .each_category.eyemake_wrap::before {

  background: #FCE4DA;

}



#Scene2 .each_category.eyemake_wrap::before {

  background: #FFEBF8;

}



#Scene3 .each_category.eyemake_wrap::before {

  background: #F2F6FF;

}



.each_subcategory {

  position: relative;

}



.basemake_wrap .each_subcategory {

  padding-top: 4rem;

}



#Scene2_Eyebrow {

  width: 43.4rem;

  margin-top: 5rem;

} 



#Scene3_Eyebrow {

  margin-bottom: 6rem;

}



#Scene3_Eyeshadow {

  width: fit-content;

  margin: 0 0 6rem auto;

}



#Scene1_Eyeliner {

  margin-top: 7rem;

}



#Scene2_Eyeliner {

  margin-top: 2rem;

}



#Scene3_Eyeliner {

  margin-bottom: 6rem;

}



#Scene1_Mascara {

  margin-top: 6rem;

}



#Scene2_Mascara {

  margin-top: 7rem;

}



.each_category .for_column {

  display: flex;

}



.each_category.eyemake_wrap > .for_column {

  justify-content: space-between;

}



#Scene2_Eyebrow .for_column {

  flex-direction: column;

  justify-content: center;

}



#Scene1_Eyeliner .for_column {

  gap: 2rem;

}



#Scene3_Eyeliner .for_column {

  align-items: flex-end;

  justify-content: center;

  gap: 4.5rem;

}



#Scene1_Mascara .for_column {

  align-items: center;

  justify-content: center;

  gap: 3.5rem;

}



#Scene3_Mascara .for_column {

  align-items: center;

  justify-content: center;

}



#Scene2_CheekHighlight .for_column {

  align-items: flex-end;

  gap: 3.5rem;

}



#Scene3_Highlight .for_column {

  align-items: center;

  justify-content: space-between;

}



.each_subcategory .cat_ttl {

  width: fit-content;

  font-family: var(--font_eng);

  font-size: 5rem;

  font-weight: 400;

  letter-spacing: 0;

  color: var(--color_accent_01);

  opacity: .5;

}



#Scene1_BaseMake .cat_ttl {

  position: absolute;

  bottom: 100%;

  margin-bottom: -2rem;

}



#Scene2_BaseMake .cat_ttl {

  position: absolute;

  bottom: 100%;

  right: 0;

  margin: 0 13rem -2rem 0;

}



#Scene3_BaseMake .cat_ttl {

  position: absolute;

  bottom: 100%;

  margin-bottom: -2rem;

}



#Scene1_Eyebrow .cat_ttl {

  margin-bottom: 3rem;

}



#Scene2_Eyebrow .cat_ttl {

  margin: 0 auto 1rem;

}



#Scene3_Eyebrow .cat_ttl {

  margin: 0 0 1.5rem 5rem;

}



#Scene1_Eyeshadow .cat_ttl {

  margin: 0 0 1rem auto;

}



#Scene2_Eyeshadow .cat_ttl {

  margin: 2.5rem auto 0;

}



#Scene1_Eyeliner .cat_ttl {

  margin: 0 auto 2rem;

}



#Scene2_Eyeliner .cat_ttl {

  margin-bottom: 2rem;

}



#Scene3_Eyeliner .cat_ttl {

  width: 45rem;

  margin: 0 0 2.5rem 5rem;

  text-align: center;

}



#Scene2_Mascara .cat_ttl {

  margin-bottom: 2rem;

}



#Scene3_Mascara .cat_ttl {

  order: 2;

}



#Scene1_Cheek .cat_ttl {

  margin: 0 auto 2rem;

}



#Scene2_CheekHighlight .cat_ttl {

  margin-bottom: 1.5rem;

}



#Scene3_Highlight .cat_ttl {

  text-align: center;

}



#Scene1_Lip .cat_ttl {

  margin-bottom: 2rem;

}



#Scene2_Lip .cat_ttl {

  margin: 0 auto;

}



#Scene1_BaseMake .makeup_img {

  position: absolute;

  top: 0;

  right: 100%;

  width: 24rem;

  margin: -4rem 3.5rem 0 0;

}



#Scene2_Eyebrow .makeup_img {

  width: 27rem;

  margin: 0 auto 2rem;

}



#Scene3_BaseMake .makeup_img {

  position: absolute;

  top: 0;

  right: 100%;

  width: 24rem;

  margin: -4rem 3.5rem 0 0;

}



#Scene1_Eyeshadow .makeup_img {

  position: absolute;

  top: 0;

  right: 100%;

  width: 28rem;

  margin: 6rem -14rem 0 0;

}



#Scene2_Eyeshadow .makeup_img {

  width: 25.6rem;

}



#Scene2_Eyeshadow .makeup_img:nth-of-type(2) {

  margin-left: 1rem;

}



#Scene3_Eyeshadow .makeup_img {

  position: absolute;

  top: 0;

  right: 100%;

  width: 30rem;

  margin-right: 5rem;

}



#Scene1_Eyeliner .makeup_img {

  position: absolute;

  top: 0;

  right: 0;

  width: 18rem;

}



#Scene3_Eyeliner .makeup_img {

  position: absolute;

  top: 0;

  right: 0;

  width: 32rem;

  margin-right: 9rem;

}



#Scene1_Cheek .makeup_img {

  width: 27rem;

  margin: 0 auto 2rem;

}



#Scene2_CheekHighlight .makeup_img {

  width: 27rem;

}



#Scene3_Highlight .makeup_img {

  width: 24rem;

}



#Scene1_Lip .makeup_img {

  position: absolute;

  top: 0;

  right: 0;

  width: 23rem;

}



#Scene3_Lip .makeup_img {

  position: absolute;

  top: 0;

  right: 0;

  width: 20rem;

}



.each_subcategory .makeup_txt  {

  height: fit-content;

  padding: 2rem;

  border-radius: .5rem;

  background: var(--color_accent_02);

  font-size: 1.5rem;

  line-height: 1.6;

  text-align: justify;

}



.each_category.basemake_wrap .each_subcategory .makeup_txt {

  background: #fff;

}



#Scene2 .each_category.basemake_wrap .each_subcategory > .makeup_txt {

  position: absolute;

  top: 0;

  right: 0;

  width: 59rem;

  margin-top: 6rem;

}



#Scene1_Eyebrow .makeup_txt {

  width: fit-content;

  margin-top: 3.5rem;

}



#Scene1_Eyeshadow .makeup_txt {

  width: 36.8rem;

  margin: 0 0 2.5rem auto;

}



#Scene2_Eyeshadow .makeup_txt {

  width: 43rem;

  margin: 0 auto;

}



#Scene3_Eyeshadow .makeup_txt {

  width: 65rem;

  margin-top: 2rem;

}



#Scene1_Eyeliner .makeup_txt {

  width: 42rem;

  margin: 0;

}



#Scene2_Eyeliner .makeup_txt {

  margin-top: 1.5rem;

  width: 24rem;

}



#Scene3_Eyeliner .makeup_txt {

  width: 40rem;

}



#Scene1_Mascara .makeup_txt {

  width: 70rem;

  margin: 2rem auto 0;

}



#Scene2_Mascara .makeup_txt {

  margin-top: 1.5rem;

  width: 39rem;

}



#Scene3_Mascara .makeup_txt {

  width: fit-content;

  margin: 2rem auto 0;

}



#Scene1_Cheek .makeup_txt {

  margin-bottom: 1.5rem;

}



#Scene1_Eyeshadow .for_exchange {

  display: flex;

  flex-direction: column;

}



.itm_list {

  display: flex;

  flex-wrap: wrap;

}



#Scene1_BaseMake .itm_list {

  gap: 4rem 3rem;

 margin-top: 3.5rem;

}



#Scene2_BaseMake .itm_list {

  gap: 3rem 6rem;

}



#Scene3_BaseMake .itm_list {

  gap: 4rem 3rem;

  margin-top: 3.5rem;

}



#Scene3_Eyebrow .itm_list {

  gap: 4rem;

}



#Scene1_Eyeshadow .itm_list {

  order: 2;

}



#Scene2_Eyeshadow .itm_list {

  width: fit-content;

  margin: 0 auto;

}



#Scene3_Eyeshadow .itm_list {

  margin-top: -5rem;

}



#Scene3_Eyeliner .itm_list {

  gap: 6rem;

  align-items: flex-end;

}



#Scene1_Cheek .itm_list {

  width: fit-content;

  margin-left: auto;

}



#Scene2_CheekHighlight .itm_list {

  position: absolute;

  top: 0;

  right: 0;

  gap: 5rem;

  margin-top: 6rem;

}



#Scene2_Lip .itm_list {

  justify-content: center;

  gap: 5rem;

}



.each_subcategory .itm_list li {

  display: flex;

  align-items: center;

  width: fit-content;

  height: fit-content;

}



#Scene1_BaseMake .itm_list li:nth-of-type(3) {

  margin-left: -12.5rem;

}



#Scene2_BaseMake .itm_list li:nth-of-type(1) {

  margin-right: 20rem;

}



#Scene3_BaseMake .itm_list li:nth-of-type(3) {

  margin-left: -12.5rem;

}



#Scene1_Eyebrow .itm_list li:nth-of-type(1) {

  display: block;

}



#Scene1_Eyebrow .itm_list li:nth-of-type(2) {

  margin-top: 2rem;

}



#Scene2_Eyebrow .itm_list li:nth-of-type(2) {

  margin-left: auto;

}



#Scene1_Eyeshadow .itm_list li:nth-of-type(1) {

  justify-content: center;

  width: 36.8rem;

  margin-left: auto;

}



#Scene1_Eyeshadow .itm_list li:nth-of-type(2) {

  gap: 2rem;

  margin: 0 5rem 0 auto;

}



#Scene3_Eyeshadow .itm_list li:nth-of-type(1) {

  margin-top: 7rem;

}



#Scene3_Eyeshadow .itm_list li:nth-of-type(2) {

  display: block;

  width: 20rem;

  margin-left: 5rem;

}



#Scene3_Eyeliner .itm_list li {

  display: block;

}



#Scene3_Eyeliner .itm_list li:nth-of-type(2) {

  width: 20rem;

}



#Scene1_Lip .itm_list li:nth-of-type(1) {

  flex-direction: column;

  align-items: flex-start;

}



#Scene1_Lip .itm_list li:nth-of-type(2) {

  margin: -5rem 0 0 16rem;

}



#Scene1_Lip .itm_list li:nth-of-type(3) {

  margin: 3.5rem auto 0;

}



#Scene3_Lip .itm_list li:nth-of-type(1) {

  flex-direction: column;

  align-items: flex-start;

}



#Scene3_Lip .itm_list li:nth-of-type(2) {

  margin: -9rem 0 0 16rem;

}



.each_subcategory .itm_list .itm_img {

  width: 16rem;

}



#Scene1_Eyebrow .itm_list .itm_img {

  margin: 0 auto;

}



#Scene2_Eyebrow .itm_list li:nth-of-type(2) .itm_img {

  order: 2;

}



#Scene3_Eyeshadow .itm_list li:nth-of-type(2) .itm_img {

  margin: 0 auto;

}



#Scene3_Eyeliner .itm_list li .itm_img {

  margin: 0 auto;

}



#Scene3_Mascara .itm_list li:nth-of-type(1) .itm_img {

  order: 2;

}



#Scene1_Cheek .itm_list li:nth-of-type(1) .itm_img {

  order: 2;

}



#Scene3_Highlight .itm_list li:nth-of-type(1) .itm_img {

  order: 2;

}



#Scene1_Lip .itm_list li:nth-of-type(1) .itm_img {

  order: 2;

  margin-top: 1.5rem;

}



#Scene1_Lip .itm_list li:nth-of-type(3) .itm_img {

  order: 2;

}



#Scene3_Lip .itm_list li:nth-of-type(1) .itm_img {

  order: 2;

  margin-top: 1.5rem;

}



#Scene1_Eyebrow .itm_list li:nth-of-type(2) .txt_wrap {

  margin-top: 6rem;

}



.each_subcategory .itm_list .basemake_cat {

  width: fit-content;

  margin-bottom: .5rem;

  padding: .2rem 1.2rem;

  border: solid var(--color_accent_01);

  border-radius: .2rem;

  font-size: 1.3rem;

  font-weight: 500;

  color: var(--color_accent_01);

}



.each_subcategory .itm_list .itm_name {

  margin-bottom: .8rem;

  font-family: var(--font_sansSerif);

  font-size: 1.5rem;

  font-weight: 400;

  line-height: 1.5;

}



.each_subcategory .itm_list .itm_name .itm_brand {

  font-family: var(--font_eng);

}



.each_subcategory .itm_list .itm_price_wrap {

  display: flex;

  align-items: center;

  gap: 1rem;

}



#Scene1_Eyeshadow .itm_list li:nth-of-type(2) .itm_price_wrap {

  flex-direction: column;

  align-items: flex-start;

}



.each_subcategory .itm_list .itm_price {

  font-family: var(--font_sansSerif);

  font-size: 1.3rem;

}



.each_subcategory .itm_list .itm_price .txt_S {

  margin-left: .3rem;

  font-size: 1rem;

}



.itm_link_outside {

  display: flex;

  gap: 2rem;

}



.itm_link_wrap {

  display: flex;

  align-items: center;

  gap: 1rem;

}



.each_subcategory .itm_list .itm_link {

  width: fit-content;

}



.each_subcategory .itm_list .itm_link a {

  display: grid;

  place-items: center;

  width: 7rem;

  height: 2rem;

  border-radius: 10rem;

  font-family: var(--font_eng);

  font-size: 1.3rem;

  letter-spacing: 0;

  color: #fff;

}



#Scene1 .each_subcategory .itm_list .itm_link a {

  background: var(--color_scene01_01);

}



#Scene2 .each_subcategory .itm_list .itm_link a {

  background: var(--color_scene02_01);

}



#Scene3 .each_subcategory .itm_list .itm_link a {

  background: var(--color_scene03_01);

}



.each_subcategory .itm_list .itm_link a span {

  padding-top: .2rem;

}



#Scene2_BaseMake .itm_list li:nth-of-type(2) .makeup_txt {

  margin-top: 1rem;

}



.artist_list {

  display: flex;

  justify-content: center;

  gap: 8rem;

  margin-top: 12rem;

}



.artist_list li {

  width: 48rem;

  font-family: var(--font_sansSerif);

}



.artist_list li > div {

  display: flex;

  align-items: center;

  gap: 2rem;

  margin-bottom: 1.5rem;

}



.artist_list li .artist_img {

  width: 16rem;

}



.artist_list li .txt_wrap {

  flex: 1;

}



.artist_list li .artist_inCharge {

  margin-bottom: 1.5rem;

  font-size: 1.2rem;

}



.artist_list li .artist_inCharge .each_scene_txt {

  margin-right: .2rem;

  font-family: var(--font_eng);

  font-size: 1.6rem;

}



.artist_list li .artist_inCharge .each_scene_txt .txt_L {

  font-size: 3rem;

}



.artist_list li .artist_inCharge .each_scene_txt.color_scene01 {

  color: var(--color_scene01_01);

}



.artist_list li .artist_inCharge .each_scene_txt.color_scene02 {

  color: var(--color_scene02_01);

}



.artist_list li .artist_inCharge .each_scene_txt.color_scene03 {

  color: var(--color_scene03_01);

}



.artist_list li .artist_name {

  font-size: 1.4rem;

  font-weight: 500;

  line-height: 1.5;

}



.artist_list li .artist_name .txt_L {

  display: block;

  margin-top: 1rem;

  font-size: 2.5rem;

  font-weight: 600;

}



.artist_list li .artist_name .txt_S {

  font-size: 1.2rem;

  font-weight: 400;

}



.artist_list li .artist_sns {

  width: fit-content;

  margin-top: 1.5rem;

}



.artist_list li .artist_sns a span {

  position: relative;

  padding-left: 2rem;

  font-family: var(--font_eng);

  font-size: 1.5rem;

  font-weight: 400;

  letter-spacing: 0;

  color: #9A9A9A;

}



.artist_list li .artist_sns a span::before {

  position: absolute;

  top: 50%;

  left: 0;

  translate: 0 -50%;

  width: 1.6rem;

  height: 1.6rem;

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

  content: "";

}



.artist_list li .artist_caption {

  font-size: 1.4rem;

  line-height: 1.75;

}



.anchorlink_area.bottom {

  width: fit-content;

  margin: 8rem auto 0;

}



.anchorlink_area.bottom h3 {

  position: relative;

  z-index: 1;

  margin-bottom: 2rem;

  font-family: var(--font_eng);

  font-size: 4rem;

  font-weight: 400;

  text-align: center;

}



.anchorlink_area.bottom h3::before {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: .1rem;

  margin-top: 2rem;

  background: var(--color_regular);

  opacity: .3;

  content: "";

}



.anchorlink_area.bottom h3 > span {

  display: block;

  width: fit-content;

  margin: 0 auto;

  padding: 0 3rem;

  background: #fff;

}



.anchorlink_area.bottom h3 .txt_S {

  display: block;

  margin-top: 1rem;

  font-family: var(--font_sansSerif);

  font-size: 1.2rem;

}







.anchorlink_area.bottom .anchorlink_list {

  display: flex;

  justify-content: center;

  gap: 4.5rem;

}



.anchorlink_area.bottom .anchorlink_list li a {

  width: 15rem;

}



.anchorlink_area.bottom .anchorlink_list li a figure {

  border-radius: 50%;

  overflow: clip;

}



.anchorlink_area.bottom .anchorlink_list li a p {

  font-family: var(--font_eng);

  font-size: 1.6rem;

  text-align: center;

}



.anchorlink_area.bottom .anchorlink_list li a .color_scene01 {

  color: var(--color_scene01_01);

}



.anchorlink_area.bottom .anchorlink_list li a .color_scene02 {

  color: var(--color_scene02_01);

}



.anchorlink_area.bottom .anchorlink_list li a .color_scene03 {

  color: var(--color_scene03_01);

}



.anchorlink_area.bottom .anchorlink_list li a p .txt_L {

  font-size: 3rem;

}



/*Smart phone---------------------------------------------*/

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

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

html {

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

}



.LP_page .only_pc {

  display: none;

}



.LP_page {

  padding-bottom: 5rem;

}



#share {

  z-index: 5 !important;

  transition: translate .8s;

}



#share.move {

  translate: 0 -5rem;

}



.share-txt {

  margin: 0 !important;

  padding-bottom: calc(20 * (100vw / 430));

  background: #fff;

}



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

.mv_area {

  margin-bottom: 4.5rem;

}



.mv_area .mv {

  width: auto;

  margin: 0 auto;

}



.main_ttl {

  font-size: 2.8rem;

}



.main_ttl .txt_L {

  font-size: 3.2rem;

}



.main_ttl .txt_SS {

  font-size: 1.8rem;

}



.main_ttl .txt_LL {

  font-size: 4.8rem;

  vertical-align: -1rem;

}



.main_ttl .txt_S {

  font-size: 2.4rem;

}



.navigation_area {

  margin-bottom: 2rem;

}



.navigation_area.fixed {

  margin-bottom: 1.5rem;

}



.navigation_list {

  gap: 2rem;

}



.fixed .navigation_list {

  gap: 1rem;

}



.navigation_list li {

  border-radius: .8rem;

}



.navigation_list li::before,

.navigation_list li::after {

  width: 9rem;

  height: 4rem;

}



.navigation_list li::before {

  margin: -.5rem -.5rem 0 0;

  border-radius: 0 1.5rem 0 0;

}



.navigation_list li::after {

  margin: 0 0 -.5rem -.5rem;

  border-radius: 0 0 0 1.5rem;

}



.navigation_list li a {

  width: 12rem;

  height: 6rem;

  border-radius: .8rem;

}



.fixed .navigation_list li a {

  width: 13rem;

}



.navigation_list li a::before {

  border-radius: .8rem;

}



.navigation_list li a::after {

  width: .6rem;

  height: .6rem;

  margin-bottom: .5rem;

}



.navigation_list li a p {

  padding-bottom: 1.5rem;

  font-size: 1.5rem;

}



.fixed .navigation_list li a p {

  padding-bottom: .8rem;

}



.navigation_list li a p .scene_num {

  margin-bottom: .4rem;

  font-size: 1.1rem;

}



.navigation_list li a p .scene_num .txt_L {

  font-size: 2rem;

}



.each_scene {

  padding: 3rem 0 6rem;

}



.each_scene::before {

  height: 6rem;

  margin-bottom: -.2rem;

}



.each_scene_inner {

  width: auto;

}



.each_scene_inner::before {

  left: 0;

  width: 62rem;

  height: 62rem;

  margin: 0 0 2rem 12rem;

}



.scene_ttl {

  margin: 0 auto 2rem;

  font-size: 2.8rem;

}



.scene_ttl::before {

  width: 17rem;

  height: 17rem;

  margin: 0 -6rem -10rem 0;

}



.scene_ttl .scene_cat {

  margin-bottom: 1rem;

  padding-bottom: 2rem;

  font-size: 2rem;

}



.scene_ttl .scene_cat .scene_num {

  margin-bottom: .6rem;

  font-size: 1.3rem;

}



.scene_ttl .scene_cat .scene_num .txt_L {

  font-size: 2.5rem;

}



.scene_ttl .scene_cat::before {

  width: .6rem;

  height: .6rem;

}



.scene_mv_wrap {

  width: 24rem;

}



.scene_mv_wrap::before {

  width: 14rem;

  height: 14rem;

  margin: 0 1rem -10rem 0;

}



.scene_mv::before {

  height: 4rem;

}



.btn_switch {

  margin: 1rem 0 0 1rem;

  font-family: var(--font_eng);

  font-size: 1.2rem;

}



.btn_switch span {

  padding-left: 1.2rem;

}



.btn_switch span::before,

.btn_switch span::after {

  width: .8rem;

}



.anchor_outside.left {

  top: 50%;

  translate: 0 -50%;

  margin: 0 0 0 1rem;

}



.anchor_outside.right {

  top: 50%;

  translate: 0 -50%;

  margin-right: 1rem;

}



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

  margin-top: 1.5rem;

}



.anchor_wrap ul {

  gap: .8rem;

  min-width: 7.5rem;

  margin-bottom: .5rem;

}



#Scene1 .anchor_wrap.basemake_list li:nth-of-type(1) {

  width: 1.1rem;

}



#Scene1 .anchor_wrap.basemake_list li:nth-of-type(2) {

  width: 1rem;

}



#Scene1 .anchor_wrap.basemake_list li:nth-of-type(3) {

  width: 2.4rem;

}



#Scene1 .anchor_wrap.basemake_list li:nth-of-type(4) {

  width: 3.6rem;

}



#Scene1 .anchor_wrap.cheek_list li:nth-of-type(1) {

  width: 3rem;

}



#Scene1 .anchor_wrap.lip_list li:nth-of-type(1) {

  width: 1.8rem;

}



#Scene1 .anchor_wrap.lip_list li:nth-of-type(2) {

  width: 2.2rem;

}



#Scene1 .anchor_wrap.eyebrow_list li:nth-of-type(1) {

  width: 3.2rem;

}



#Scene1 .anchor_wrap.eyebrow_list li:nth-of-type(2) {

  width: 1.4rem;

}



#Scene1 .anchor_wrap.eyeshadow_list li:nth-of-type(1) {

  width: 2rem;

}



#Scene1 .anchor_wrap.eyeshadow_list li:nth-of-type(2),

#Scene1 .anchor_wrap.eyeshadow_list li:nth-of-type(3) {

  width: 2.6rem;

}



#Scene1 .anchor_wrap.eyeliner_list li:nth-of-type(1) {

  width: .3rem;

}



#Scene1 .anchor_wrap.mascara_list li:nth-of-type(1) {

  width: 1.2rem;

}



#Scene2 .anchor_wrap.basemake_list li:nth-of-type(1) {

  width: 1rem;

}



#Scene2 .anchor_wrap.basemake_list li:nth-of-type(2) {

  width: 2.4rem;

}



#Scene2 .anchor_wrap.basemake_list li:nth-of-type(3) {

  width: 2.6rem;

}



#Scene2 .anchor_wrap.cheekhighlight_list li:nth-of-type(1) {

  width: 2rem;

}



#Scene2 .anchor_wrap.cheekhighlight_list li:nth-of-type(2) {

  width: 2.2rem;

}



#Scene2 .anchor_wrap.lip_list li:nth-of-type(1) {

  width: 1.8rem;

}



#Scene2 .anchor_wrap.lip_list li:nth-of-type(2) {

  width: 2rem;

}



#Scene2 .anchor_wrap.eyebrow_list li:nth-of-type(1) {

  width: 2rem;

}



#Scene2 .anchor_wrap.eyebrow_list li:nth-of-type(2) {

  width: .25rem;

}



#Scene2 .anchor_wrap.eyeshadow_list li:nth-of-type(1) {

  width: 3.2rem;

}



#Scene2 .anchor_wrap.eyeliner_list li:nth-of-type(1) {

  width: .3rem;

}



#Scene2 .anchor_wrap.mascara_list li:nth-of-type(1) {

  width: 1.2rem;

}



#Scene3 .anchor_wrap.basemake_list li:nth-of-type(1) {

  width: 1rem;

}



#Scene3 .anchor_wrap.basemake_list li:nth-of-type(2) {

  width: 2.4rem;

}



#Scene3 .anchor_wrap.basemake_list li:nth-of-type(3) {

  width: 2.4rem;

}



#Scene3 .anchor_wrap.basemake_list li:nth-of-type(4) {

  width: 3.6rem;

}



#Scene3 .anchor_wrap.highlight_list li:nth-of-type(1) {

  width: 3.2rem;

}



#Scene3 .anchor_wrap.lip_list li:nth-of-type(1) {

  width: 1.8rem;

}



#Scene3 .anchor_wrap.eyebrow_list li:nth-of-type(1) {

  width: 2rem;

}



#Scene3 .anchor_wrap.eyebrow_list li:nth-of-type(2) {

  width: 1.4rem;

}



#Scene3 .anchor_wrap.eyeshadow_list li:nth-of-type(1) {

  width: 3rem;

}



#Scene3 .anchor_wrap.eyeshadow_list li:nth-of-type(2) {

  width: 2.4rem;

}



#Scene3 .anchor_wrap.eyeliner_list li:nth-of-type(1) {

  width: .3rem;

}



#Scene3 .anchor_wrap.eyeliner_list li:nth-of-type(2) {

  width: .8rem;

}



#Scene3 .anchor_wrap.mascara_list li:nth-of-type(1) {

  width: 1.2rem;

}



.anchor_wrap h4 {

  padding-top: .2rem;

}



.anchor_wrap h4::after {

  width: .3rem;

  height: .3rem;

}



#Scene1 .anchor_wrap.basemake_list h4::before {

  width: 10rem;

  rotate: 47deg;

}



#Scene1 .anchor_wrap.cheek_list h4::before {

  width: 7.3rem;

  rotate: 10deg;

}



#Scene1 .anchor_wrap.lip_list h4::before {

  width: 11rem;

  rotate: -12deg;

}



#Scene1 .anchor_wrap.eyebrow_list h4::before {

  width: 11rem;

  rotate: -34deg;

}



#Scene1 .anchor_wrap.eyeshadow_list h4::before {

  width: 7rem;

  rotate: -6deg;

}



#Scene1 .anchor_wrap.eyeliner_list h4::before {

  width: 9rem;

  rotate: 41.5deg;

}



#Scene1 .anchor_wrap.mascara_list h4::before {

  width: 16.7rem;

  rotate: 61.1deg;

}



#Scene1 .anchor_wrap.basemake_list h4::after {

  margin: 7rem 0 0 6.5rem;

}



#Scene1 .anchor_wrap.cheek_list h4::after {

  margin: 1rem 0 0 7rem;

}



#Scene1 .anchor_wrap.lip_list h4::after {

  margin: -2.5rem 0 0 10.5rem;

}



#Scene1 .anchor_wrap.eyebrow_list h4::after {

  margin: 6rem 9rem 0 0;

}



#Scene1 .anchor_wrap.eyeshadow_list h4::after {

  margin: .5rem 7rem 0 0;

}



#Scene1 .anchor_wrap.eyeliner_list h4::after {

  margin: -6.3rem 6.8rem 0 0;

}



#Scene1 .anchor_wrap.mascara_list h4::after {

  margin: -15rem 8rem 0 0;

}



#Scene2 .anchor_wrap.basemake_list h4::before {

  width: 9rem;

  rotate: 43deg;

}



#Scene2 .anchor_wrap.cheekhighlight_list h4::before {

  width: 5.5rem;

  rotate: 8deg;

}



#Scene2 .anchor_wrap.lip_list h4::before {

  width: 9rem;

  rotate: -22deg;

}



#Scene2 .anchor_wrap.eyebrow_list h4::before {

  width: 13.6rem;

  rotate: -18deg;

}



#Scene2 .anchor_wrap.eyeshadow_list h4::before {

  width: 12rem;

  rotate: 3.5deg;

}



#Scene2 .anchor_wrap.eyeliner_list h4::before {

  width: 13.8rem;

  rotate: 35deg;

}



#Scene2 .anchor_wrap.mascara_list h4::before {

  width: 20.2rem;

  rotate: 53.8deg;

}



#Scene2 .anchor_wrap.basemake_list h4::after {

  margin: 6rem 0 0 6.5rem;

}



#Scene2 .anchor_wrap.cheekhighlight_list h4::after {

  margin: .5rem 0 0 5.5rem;

}



#Scene2 .anchor_wrap.lip_list h4::after {

  margin: -3.5rem 0 0 8rem;

}



#Scene2 .anchor_wrap.eyebrow_list h4::after {

  margin: 4rem 13rem 0 0;

}



#Scene2 .anchor_wrap.eyeshadow_list h4::after {

  margin: -1rem 12rem 0 0;

}



#Scene2 .anchor_wrap.eyeliner_list h4::after {

  margin: -8.2rem 11.2rem 0 0;

}



#Scene2 .anchor_wrap.mascara_list h4::after {

  margin: -16.7rem 11.9rem 0 0;

}



#Scene3 .anchor_wrap.basemake_list h4::before {

  width: 6.5rem;

  rotate: 53deg;

}



#Scene3 .anchor_wrap.highlight_list h4::before {

  width: 5rem;

  rotate: 8deg;

}



#Scene3 .anchor_wrap.lip_list h4::before {

  width: 7.5rem;

  rotate: -6deg;

}



#Scene3 .anchor_wrap.eyebrow_list h4::before {

  width: 16rem;

  rotate: -27.5deg;

}



#Scene3 .anchor_wrap.eyeshadow_list h4::before {

  width: 13.5rem;

  rotate: -4deg;

}



#Scene3 .anchor_wrap.eyeliner_list h4::before {

  width: 13rem;

  rotate: 27deg;

}



#Scene3 .anchor_wrap.mascara_list h4::before {

  width: 19.5rem;

  rotate: 47.3deg;

}



#Scene3 .anchor_wrap.basemake_list h4::after {

  margin: 5rem 0 0 3.8rem;

}



#Scene3 .anchor_wrap.highlight_list h4::after {

  margin: .5rem 0 0 5rem;

}



#Scene3 .anchor_wrap.lip_list h4::after {

  margin: -1rem 0 0 7.5rem;

}



#Scene3 .anchor_wrap.eyebrow_list h4::after {

  margin: 7.2rem 14rem 0 0;

}



#Scene3 .anchor_wrap.eyeshadow_list h4::after {

  margin: .8rem 13.5rem 0 0;

}



#Scene3 .anchor_wrap.eyeliner_list h4::after {

  margin: -6.2rem 11.5rem 0 0;

}



#Scene3 .anchor_wrap.mascara_list h4::after {

  margin: -14.7rem 13.2rem 0 0;

}



.anchor_wrap h4 span {

  font-size: 1rem;

}



.artist_comment_wrap {

  width: 37rem;

  margin: 2.5rem auto 0;

  padding: 0 2.5rem 2rem;

  border-radius: 1.5rem;

}



.artist_comment_wrap .artist_img {

  width: 7rem;

  height: 7rem;

  margin: -2rem 1rem 0 -3.5rem;

}



.artist_comment_wrap .artist_comment {

  padding-top: 2rem;

  font-size: 1.3rem;

}



.howto_area {

  margin-top: 3rem;

  padding: 0 1.5rem;

}



.howto_area .area_ttl {

  margin-bottom: 5rem;

  font-size: 4.6rem;

}



#Scene1 .howto_area .area_ttl {

  margin-bottom: 8rem;

}



#Scene3 .howto_area .area_ttl {

  margin-bottom: 6rem;

}



.each_category {

  position: relative;

  z-index: auto;

  padding: 3.5rem 2rem;

  border-radius: 2rem;

}



.howto_area > div:nth-of-type(n+2) {

  margin-top: 1.5rem;

}



.howto_area > div.for_column {

  flex-direction: column;

  gap: 1.5rem;

  justify-content: flex-start;

}



#Scene1 .each_category.basemake_wrap {

  width: auto;

  padding: 0 2rem 2rem;

}



#Scene2 .each_category.basemake_wrap {

  padding: 0 2rem 2rem;

}



#Scene3 .each_category.basemake_wrap {

  width: auto;

  padding: 0 2rem 2rem;

}



#Scene1 .each_category.cheek_wrap {

  width: auto;

  padding-bottom: 2rem;

}



#Scene3 .each_category.cheek_wrap {

  width: auto;

}



#Scene1 .each_category.lip_wrap {

  width: auto;

}



#Scene3 .each_category.lip_wrap {

  width: auto;

}



.each_category.basemake_wrap::before {

  left: 0;

  bottom: 0;

  margin: 0 0 -30rem 20rem;

}



.each_category.eyemake_wrap::before {

  left: auto;

  right: 0;

  width: 70rem;

  height: 70rem;

  margin: 65rem 0 0 0;

}



.each_subcategory {

  position: relative;

}



.basemake_wrap .each_subcategory {

  padding-top: 3.5rem;

}



#Scene1_Eyebrow {

  margin-bottom: 3rem;

}



#Scene2_Eyebrow {

  width: auto;

  margin-top: 0;

} 



#Scene3_Eyebrow {

  margin-bottom: 3.5rem;

}



#Scene3_Eyeshadow {

  width: fit-content;

  margin: 0 0 6rem auto;

}



#Scene1_Eyeliner {

  margin-top: 3.5rem;

}



#Scene2_Eyeliner {

  margin-top: 3.5rem;

}



#Scene3_Eyeliner {

  margin-bottom: 3.5rem;

}



#Scene1_Mascara {

  margin-top: 3.5rem;

}



#Scene2_Mascara {

  margin-top: 3.5rem;

}



.each_category .for_column {

  display: flex;

}



.each_category.eyemake_wrap > .for_column {

  display: block;

}



#Scene2_Eyebrow .for_column {

  flex-direction: row;

  justify-content: flex-start;

  align-items: center;

  gap: 2rem;

}



#Scene2_Eyeshadow .for_column {

  flex-direction: column;

  gap: .8rem

}



#Scene1_Eyeliner .for_column {

  display: block;

}



#Scene3_Eyeliner .for_column {

  display: block;

}



#Scene1_Mascara .for_column {

  display: block;

}



#Scene3_Mascara .for_column {

  display: block;

}



#Scene2_CheekHighlight .for_column {

  align-items: center;

  gap: 2rem;

}



#Scene3_Highlight .for_column {

  align-items: flex-start;

  gap: 2.5rem;

  justify-content: flex-start;

}



.each_subcategory .cat_ttl {

  font-size: 3.4rem;

}



#Scene1_BaseMake .cat_ttl {

  margin: 0 0 -1.5rem 14.5rem;

}



#Scene2_BaseMake .cat_ttl {

  position: absolute;

  bottom: 100%;

  right: 0;

  margin: 0 13rem -2rem 0;

}



#Scene3_BaseMake .cat_ttl {

  margin: 0 0 -2rem 14.5rem;

}



#Scene1_Eyebrow .cat_ttl {

  margin-bottom: 3rem;

}



#Scene2_Eyebrow .cat_ttl {

  margin: 0 0 1rem;

}



#Scene3_Eyebrow .cat_ttl {

  margin: 0 0 1rem;

}



#Scene1_Eyeshadow .cat_ttl {

  margin: 0;

}



#Scene2_Eyeshadow .cat_ttl {

  position: absolute;

  top: 0;

  left: 0;

  margin: 4rem 0 0 18.5rem;

}



#Scene3_Eyeshadow .cat_ttl {

  margin: 0 auto;

}



#Scene1_Eyeliner .cat_ttl {

  margin: 0 auto 2rem;

}



#Scene2_Eyeliner .cat_ttl {

  margin-bottom: 1.5rem;

}



#Scene3_Eyeliner .cat_ttl {

  width: auto;

  margin: 0;

  text-align: left;

}



#Scene1_Mascara .cat_ttl {

  margin: 0 auto ;

}



#Scene2_Mascara .cat_ttl {

  margin: 0 0 1.5rem auto;

}



#Scene3_Mascara .cat_ttl {

  margin: 0 auto 1rem;

}



#Scene1_Cheek .cat_ttl {

  position: absolute;

  top: 0;

  left: 0;

  margin: 3rem 0 0 18.5rem;

}



#Scene2_CheekHighlight .cat_ttl {

  margin-bottom: .8rem;

}



#Scene3_Highlight .cat_ttl {

  text-align: center;

}



#Scene1_Lip .cat_ttl {

  margin-bottom: 2rem;

}



#Scene2_Lip .cat_ttl {

  margin: 0 auto;

}



#Scene3_Lip .cat_ttl {

  margin-bottom: 2rem;

}



#Scene1_BaseMake .makeup_img {

  right: auto;

  left: 0;

  width: 13rem;

  margin: -6rem 0 0 0;

}



#Scene2_Eyebrow .makeup_img {

  width: 15rem;

  margin: 0;

  order: 2;

}



#Scene3_BaseMake .makeup_img {

  right: auto;

  left: 0;

  width: 13rem;

  margin: -4rem 0 0 0;

}



#Scene1_Eyeshadow .makeup_img {

  right: 0;

  width: 17rem;

  margin: -12rem 0 0 0;

}



#Scene2_Eyeshadow .makeup_img {

  width: 17rem;

}



#Scene2_Eyeshadow .makeup_img:nth-of-type(2) {

  margin-left: 0;

}



#Scene3_Eyeshadow .makeup_img {

  right: auto;

  left: 0;

  width: 17rem;

  margin: 19rem 0 0;

}



#Scene1_Eyeliner .makeup_img {

  right: auto;

  left: 0;

  width: 17rem;

  margin-top: 5rem;

}



#Scene3_Eyeliner .makeup_img {

  width: 20rem;

  margin-right: 0;

}



#Scene1_Cheek .makeup_img {

  width: 17rem;

  margin: 0;

}



#Scene2_CheekHighlight .makeup_img {

  order: 2;

  width: 14rem;

}



#Scene3_Highlight .makeup_img {

  width: 18rem;

}



#Scene1_Lip .makeup_img {

  width: 16rem;

}



#Scene3_Lip .makeup_img {

  width: 16rem;

}



.each_subcategory .makeup_txt {

  padding: 1.5rem;

  font-size: 1.2rem;

}



#Scene2 .each_category.basemake_wrap .each_subcategory > .makeup_txt {

  position: static;

  width: auto;

  margin: 0 0 1.5rem;

}



#Scene1_BaseMake .makeup_txt {

  width: 21.5rem;

  margin-left: 14.5rem;

}



#Scene3_BaseMake .makeup_txt {

  width: 21.5rem;

  margin-left: 14.5rem;

}



#Scene1_Eyebrow .makeup_txt {

  width: 17rem;

  margin-top: 2.5rem;

}



#Scene2_Eyebrow .makeup_txt {

  flex: 1;

}



#Scene1_Eyeshadow .makeup_txt {

  order: 2;

  width: auto;

  margin: 1rem 0 0 0;

}



#Scene2_Eyeshadow .makeup_txt {

  width: auto;

  margin: 2rem 0 0;

}



#Scene3_Eyeshadow .makeup_txt {

  width: auto;

}



#Scene1_Eyeliner .makeup_txt {

  width: auto;

  margin: 2rem 0 0 0;

}



#Scene2_Eyeliner .makeup_txt {

  margin-top: 1rem;

  width: auto;

}



#Scene3_Eyeliner .makeup_txt {

  width: auto;

  margin-top: .5rem;

}



#Scene1_Mascara .makeup_txt {

  width: auto;

  margin: 1rem 0 0;

}



#Scene2_Mascara .makeup_txt {

  margin-top: 1rem;

  width: auto;

}



#Scene3_Mascara .makeup_txt {

  width: 21rem;

  margin: -7.5rem 0 0 auto;

}



#Scene1_Cheek .makeup_txt {

  position: absolute;

  top: 0;

  right: 0;

  width: 17.5rem;

  margin: 8rem 0 0;

}



#Scene2_CheekHighlight .makeup_txt {

  flex: 1;

}



.accordion_outside {

  position: relative;

}



.accordion_wrap {

  display: grid;

  grid-template-rows: 0fr;

  transition: grid-template-rows .3s;

}



.open .accordion_wrap {

  grid-template-rows: 1fr;

}



.accordion_inner {

  position: relative;

  height: auto !important;

  min-height: 12rem;

  padding-bottom: 3.5rem !important;

  overflow: hidden;

}



.accordion_inner::before {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 7rem;

  background: linear-gradient(transparent, var(--color_accent_02) 50%);

  content: "";

  transition: opacity .3s;

}



.open .accordion_inner::before {

  opacity: 0;

  pointer-events: none;

}



.accordion_btn {

  position: absolute;

  bottom: 0;

  left: 50%;

  translate: -50% 0;

  width: fit-content;

  margin-bottom: 1rem;

  font-family: var(--font_eng);

  font-size: 1.2rem;

  cursor: pointer;

}



.accordion_btn span {

  position: relative;

  padding-right: 1rem;

}



.accordion_btn .to_open,

.open .accordion_btn .to_close {

  display: block;

}



.accordion_btn .to_close,

.open .accordion_btn .to_open {

  display: none;

}



.accordion_btn span::before,

.accordion_btn span::after {

  position: absolute;

  top: 50%;

  right: 0;

  width: .6rem;

  height: .1rem;

  background: var(--color_regular);

  content: "";

}



.accordion_btn span.to_open::after {

  rotate: 90deg;

}



.accordion_btn span.to_close::before {

  rotate: 45deg;

}



.accordion_btn span.to_close::after {

  rotate: 135deg;

}



#Scene1_Eyeshadow .for_exchange {

  display: flex;

  flex-direction: column;

}



.itm_list {

  display: flex;

  flex-wrap: wrap;

}



#Scene1_BaseMake .itm_list {

  gap: .8rem;

  margin-top: 1.5rem;

}



#Scene2_BaseMake .itm_list {

  gap: 1.5rem;

}



#Scene3_BaseMake .itm_list {

  gap: .8rem;

  margin-top: 1.5rem;

}



#Scene1_Eyebrow .itm_list {

  justify-content: center;

  gap: 2rem;

}



#Scene2_Eyebrow .itm_list {

  justify-content: center;

  gap: 2rem;

  margin-bottom: 2rem;

}



#Scene3_Eyebrow .itm_list {

  gap: 2rem;

}



#Scene1_Eyeshadow .itm_list {

  order: 2;

}



#Scene2_Eyeshadow .itm_list {

  position: absolute;

  top: 0;

  left: 0;

  margin: 11rem 0 0 19rem;

}



#Scene3_Eyeshadow .itm_list {

  margin-top: 0;

}



#Scene3_Eyeliner .itm_list {

  gap: 2rem;

  align-items: flex-start;

}



#Scene1_Cheek .itm_list {

  margin: 1rem auto 0;

}



#Scene2_CheekHighlight .itm_list {

  position: static;

  justify-content: center;

  gap: 2rem;

  margin-top: 1rem;

}



#Scene3_Highlight .itm_list {

  width: fit-content;

  margin: -5.5rem auto 0;

}



#Scene2_Lip .itm_list {

  gap: 0;

}



.each_subcategory .itm_list li {

  display: flex;

  align-items: center;

  width: fit-content;

  height: fit-content;

}



.basemake_wrap .itm_list li:nth-of-type(even) {

  margin-left: auto;

}



#Scene1_BaseMake .itm_list li:nth-of-type(3) {

  margin: 0 auto;

}



#Scene2_BaseMake .itm_list li:nth-of-type(1) {

  margin-right: 0;

}



#Scene3_BaseMake .itm_list li:nth-of-type(3) {

  margin-left: 0;

}



#Scene1_Eyebrow .itm_list li {

  width: 17rem;

}



#Scene1_Eyebrow .itm_list li:nth-of-type(2) {

  display: block;

  margin-top: 0;

}



#Scene2_Eyebrow .itm_list li {

  display: block;

  width: 17rem;

}



#Scene2_Eyebrow .itm_list li:nth-of-type(2) {

  margin-left: 0;

}



#Scene3_Eyebrow .itm_list li {

  display: block;

  width: 17rem;

}



#Scene1_Eyeshadow .itm_list li:nth-of-type(1) {

  justify-content: flex-start;

  width: auto;

  margin-left: 0;

}



#Scene1_Eyeshadow .itm_list li:nth-of-type(2) {

  gap: 0;

  margin: -1.5rem 0 0 auto;

}



#Scene2_Eyeshadow .itm_list li:nth-of-type(1) {

  display: block;

  width: 17rem;

}



#Scene3_Eyeshadow .itm_list li:nth-of-type(1) {

  margin-top: 0;

}



#Scene3_Eyeshadow .itm_list li:nth-of-type(2) {

  width: 17rem;

  margin-left: 19rem;

}



#Scene1_Eyeliner .itm_list li:nth-of-type(1) {

  display: block;

  margin-left: auto;

}



#Scene3_Eyeliner .itm_list li {

  display: flex;

}



#Scene3_Eyeliner .itm_list li:nth-of-type(1) {

  align-items: flex-end;

}



#Scene3_Eyeliner .itm_list li:nth-of-type(2) {

  width: auto;

}



#Scene3_Mascara .itm_list li:nth-of-type(1) {

  align-items: flex-start;

}



#Scene2_CheekHighlight .itm_list li {

  display: block;

  width: 17rem;

}



#Scene3_Highlight .itm_list li:nth-of-type(1) {

  align-items: flex-end;

  gap: 2rem;

}



#Scene1_Lip .itm_list li:nth-of-type(1) {

  flex-direction: column;

  align-items: flex-start;

}



#Scene1_Lip .itm_list li:nth-of-type(2) {

  margin: -9rem 0 0 16rem;

}



#Scene1_Lip .itm_list li:nth-of-type(3) {

  margin: 0 auto;

}



#Scene3_Lip .itm_list li:nth-of-type(1) {

  flex-direction: column;

  align-items: flex-start;

}



.each_subcategory .itm_list .itm_img {

  width: 15rem;

}



.basemake_wrap .itm_list li:nth-of-type(even) .itm_img {

  order: 2;

}



#Scene1_Eyebrow .itm_list .itm_img {

  margin: 0 auto;

}



#Scene2_Eyebrow .itm_list li:nth-of-type(2) .itm_img {

  order: 2;

}



#Scene1_Eyeshadow .itm_list li:nth-of-type(2) .itm_img {

  order: 2;

}



#Scene3_Eyeshadow .itm_list li:nth-of-type(2) .itm_img {

  margin: 0 auto;

}



#Scene3_Eyeliner .itm_list li .itm_img {

  margin: 0;

}



#Scene3_Eyeliner .itm_list li:nth-of-type(2) .itm_img {

  order: 2;

}



#Scene2_Mascara .itm_list li:nth-of-type(1) .itm_img {

  order: 2;

}



#Scene3_Mascara .itm_list li:nth-of-type(1) .itm_img {

  order: unset;

}



#Scene1_Cheek .itm_list li:nth-of-type(1) .itm_img {

  order: 2;

}



#Scene3_Highlight .itm_list li:nth-of-type(1) .itm_img {

  order: 2;

}



#Scene1_Lip .itm_list li:nth-of-type(1) .itm_img {

  margin-top: 1rem;

}



#Scene1_Lip .itm_list li:nth-of-type(3) .itm_img {

  order: 2;

}



#Scene2_Lip .itm_list li:nth-of-type(2) .itm_img {

  order: 2;

}



#Scene3_Lip .itm_list li:nth-of-type(1) .itm_img {

  margin-top: 1rem;

}



#Scene1_Eyebrow .itm_list li:nth-of-type(2) .txt_wrap {

  margin-top: 0rem;

}



#Scene2_Eyeliner .itm_list li:nth-of-type(1) .txt_wrap {

  flex: 1;

}



#Scene3_Eyeliner .itm_list li .txt_wrap {

  flex: 1;

}



#Scene2_Mascara .itm_list li:nth-of-type(1) .txt_wrap {

  flex: 1;

}



#Scene3_Highlight .itm_list li:nth-of-type(1) .txt_wrap {

  margin-bottom: 1.5rem;

}



.each_subcategory .itm_list .basemake_cat {

  font-size: 1.2rem;

}



.each_subcategory .itm_list .itm_name {

  font-size: 1.3rem;

}



.each_subcategory .itm_list .itm_price {

  font-size: 1.2rem;

}



.itm_link_outside {

  gap: 1rem;

}



.itm_link_wrap {

  gap: 1rem;

}



.each_subcategory .itm_list .itm_link a {

  width: 6rem;

  height: 1.8rem;

  font-size: 1.1rem;

}



#Scene2_BaseMake .itm_list li:nth-of-type(2) .makeup_txt {

  margin-top: 1rem;

  font-size: 1.1rem;

}



.artist_list {

  display: block;

  margin-top: 6rem;

  padding: 0 1.5rem;

}



.artist_list li {

  width: auto;

}



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

  margin-top: 2rem;

  padding-top: 2rem;

  border-top: dotted rgba(85, 85, 85, .2);

  border-width: .1rem;

}



.artist_list li .artist_img {

  width: 14rem;

}



.artist_list li .artist_inCharge {

  margin-bottom: 1rem;

  font-size: 1rem;

}



.artist_list li .artist_inCharge .each_scene_txt {

  margin-right: .2rem;

  font-size: 1.3rem;

}



.artist_list li .artist_inCharge .each_scene_txt .txt_L {

  font-size: 2.5rem;

}



.artist_list li .artist_name {

  font-size: 1.2rem;

}



.artist_list li .artist_name .txt_L {

  margin-top: .8rem;

  font-size: 2.2rem;

}



.artist_list li .artist_name .txt_S {

  font-size: 1rem;

}



.artist_list li .artist_sns {

  margin-top: 1rem;

}



.artist_list li .artist_sns a span {

  padding-left: 1.8rem;

  font-size: 1.3rem;

}



.artist_list li .artist_sns a span::before {

  width: 1.4rem;

  height: 1.4rem;

}



.artist_list li .artist_caption {

  font-size: 1.2rem;

}



.anchorlink_area.bottom {

  margin: 3rem auto 0;

}



.anchorlink_area.bottom h3 {

  margin-bottom: 1.5rem;

  font-size: 2.6rem;

}



.anchorlink_area.bottom h3::before {

  margin-top: 1rem;

}



.anchorlink_area.bottom h3 > span {

  padding: 0 2rem;

}



.anchorlink_area.bottom h3 .txt_S {

  margin-top: .5rem;

  font-size: 1rem;

}



.anchorlink_area.bottom .anchorlink_list {

  gap: 2rem;

}



.anchorlink_area.bottom .anchorlink_list li a {

  width: 9rem;

}



.anchorlink_area.bottom .anchorlink_list li a p {

  font-size: 1.1rem;

}



.anchorlink_area.bottom .anchorlink_list li a p .txt_L {

  font-size: 2rem;

}



}



/*---------------------------------------------Smart phone*/



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

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

  .only_sp {

    display: none;

  }



  #header_bottom .inner {

    width: 100%;

  }

}

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



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

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

  html {

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

  }

}

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