@charset "utf-8";
/*==============================================
vanityME. Couture Page 2024.5.7
==============================================*/
/*　　COMMON
------------------------------------------------*/
/*FONT*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Shippori+Mincho&display=swap');
/*.shippori-mincho-regular { font-family: "Shippori Mincho", serif; font-weight: 400; font-style: normal; }*/
/*.cormorant-garamond-light { font-family: "Cormorant Garamond", serif; font-weight: 300; font-style: normal; }*/
.txt_ttls {
  font-family: arno-pro-display, serif;
  font-style: normal;
  font-weight: 300;
}
.txt_jp {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.txt_en {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: normal;
}
/* No display puroductLists */
/*.fs-c-productList {
  display: none;
}*/
.lp_fv01, .look_fv01, .look01_st_02, .look01_st_03, .look01_st_04, #look01, #look02, #look03, .look_fv02, .look02_st_01, .look02_st_02, .look02_st_03, .look02_st_04, .look_fv03, .look03_st_01, .look02_st_03, .look03_st_02 {
  position: relative;
  z-index: 0;
}
.lp_fv01 img.lp_txt01, img.txt_ttl {
  position: absolute;
  bottom: 5%;
  left: 0;
  padding: 0 3%;
}
.txt_tap_views {
  text-align: center;
  margin: auto;
}
.txt_tap_views img {
  max-width: 110px;
  margin: 5% auto 2%;
}
.txt_tap_views p {
  border-bottom: .5px solid #333;
  display: inline;
  padding: 0 2% 2%;
  font-size: 80%;
  letter-spacing: .16rem;
}
/*　　VIDEO
------------------------------------------------*/
div.vid_contents {
  width: 100%;
  text-align: center;
  margin: auto;
  padding: 0;
}
video.vid_main {
  width: 100%;
  /*max-width: 920px;*/
}
/*　　Anchor Button
------------------------------------------------*/
.anchor_bt {
  display: flex;
  margin: 3% 2%;
  padding-top: 5%;
}
.anchor_bt a {
  margin: 0 .5%;
}
a.anchors {
  display: block;
  margin-top: -100px;
  padding-top: 100px;
}
/*　　Line Diagonal
------------------------------------------------*/
.line_diagonal {
  width: 20%;
  height: 1px;
  background-color: #888;
  transform: rotate(-45deg);
  margin: 20% auto;
}
/*　　Look background
------------------------------------------------*/
#look01, #look02 {
  padding-bottom: 20%;
}
#look02 {
  background-color: rgb(255, 225, 225, .12);
}
#look03 {
  background-color: rgb(227, 241, 255, .12);
  padding-bottom: 15%;
  /*margin-bottom: 15%;*/
}
/*　　Look Texts
------------------------------------------------*/
.txt_look {
  padding: 5% 7%;
}
.name_model {
  font-size: 130%;
  letter-spacing: .2rem;
  text-indent: .2rem;
  margin-bottom: 2%;
}
.txt_dress {
  font-size: 80%;
  line-height: 1.8;
  margin-bottom: 7%;
}
.bt_view_products a {
  color: #333;
  font-size: 95%;
  letter-spacing: .1rem;
  border: 1px solid #ccc;
  padding: 2% 13% 2.5%;
  display: inline-block;
}
/*　　LOOK 01
------------------------------------------------*/
img.txt_name_r {
  position: absolute;
  max-width: 25%;
  top: 0;
  right: 4%;
  margin-top: -15%;
}
img.bk_juwels01 {
  max-width: 80%;
  top: 95px;
  left: 0;
}
img.look01_st_01_01 {
  max-width: 85%;
  margin: 0 auto;
  padding: 27% 0;
}
.look01_st_01 {
  width: 100%;
  background: url(https://vanityme.itembox.design/item/images/couture_lp2405/bk_look01_01.webp) no-repeat top left / 100%;
  margin-top: -70px;
  pointer-events: none;
}
img.txt_name_u {
  position: absolute;
  max-width: 25%;
  top: 0;
  left: 3%;
  margin-top: -7%;
  z-index: 1;
}
.look01_st_03 {
  padding: 5% 0;
  margin-bottom: 5%;
}
.look01_st_03 p {
  position: absolute;
  top: -50px;
  left: 32%;
  text-align: center;
  font-size: 120%;
  letter-spacing: .7rem;
  text-indent: .7rem;
  color: #fff;
}
.line_vertical {
  position: absolute;
  width: 1px;
  height: 70px;
  left: 50%;
  top: 330px;
  background-color: #888;
}
.look01_st_03 > .line_vertical {
  top: -35%;
}
img.look01_st_04_01 {
  max-width: 87%;
  margin: -15% auto -18%;
  padding: 20% 0;
}
.look01_st_04 {
  width: 100%;
  background: url(https://vanityme.itembox.design/item/images/couture_lp2405/bk_look01_04.webp) no-repeat top left / 100%;
}
.look01_st_04_02 {
  text-align: center;
  padding: 0;
}
.look01_st_04_02 p.txt_ttls {
  font-size: 150%;
  letter-spacing: .2rem;
  text-indent: .2rem;
  margin: 5% auto 0;
}
.look01_st_04_02 p.txt_en {
  text-transform: uppercase;
  font-size: 75%;
  color: #bbb;
  margin-bottom: 5%;
}
img.look01_st_04_03 {
  position: absolute;
  max-width: 12%;
  top: -5%;
  left: 3%;
  z-index: 1;
}
/*　　LOOK 02
------------------------------------------------*/
.look02_st_01 {
  width: 100%;
  background: url(https://vanityme.itembox.design/item/images/couture_lp2405/bk_look02_01.png) no-repeat top left / 100%;
  padding: 145px 0 0;
  margin-top: -120px;
  z-index: -1;
}
img.look02_st_01_01 {
  max-width: 88%;
  margin: auto;
}
.look02_st_02 {
  width: 100%;
  background: url(https://vanityme.itembox.design/item/images/couture_lp2405/bk_look02_02.png) no-repeat top 4.5% left / 100%;
}
img.look02_st_02_01 {
  max-width: 43%;
  margin: -15% 5% 25% 51%;
}
img.look02_st_02_02 {
  max-width: 83%;
  margin: -5% 0 0 4%;
}
img.look02_st_02_03 {
  max-width: 33%;
  margin: auto;
  position: absolute;
  top: 30%;
  left: -15%;
}
img.look02_st_02_04 {
  max-width: 21%;
  margin: auto;
  position: absolute;
  top: 50%;
  right: 3%;
}
.look02_st_03 {
  text-align: center;
  margin: 40px auto 0;
  width: 100%;
  background: url(https://vanityme.itembox.design/item/images/couture_lp2405/bk_look02_05.png) no-repeat top left / 100%;
}
.look02_st_03 p {
  font-size: 120%;
  letter-spacing: .7rem;
  text-indent: .7rem;
  padding-top: 10%;
}
.look02_st_03_02 p.txt_ttls {
  font-size: 150%;
  letter-spacing: .2rem;
  text-indent: .2rem;
  margin: 5% auto 0;
  padding: 0;
}
.look02_st_03_02 p.txt_en {
  text-transform: uppercase;
  font-size: 75%;
  color: #bbb;
  margin-bottom: 5%;
  padding: 0;
  letter-spacing: 0;
}
.look02_st_03 > .line_vertical {
  top: 80px;
}
img.look02_st_03_01 {
  max-width: 88%;
  margin: 25% auto 10%;
}
/*　　LOOK 03
------------------------------------------------*/
.look03_st_00 {
  padding-bottom: 13%;
  width: 100%;
  background: url(https://vanityme.itembox.design/item/images/couture_lp2405/bk_look03_01.png) no-repeat bottom left / 100%;
}
.look03_st_02 p {
  font-size: 120%;
  letter-spacing: .7rem;
  text-indent: .7rem;
  padding-top: 10%;
  color: #fff;
  text-align: center;
  margin: -25% auto 8%;
}
.look03_st_02 > .line_vertical {
  position: absolute;
  top: 80px;
}
.look03_st_03 {
  width: 100%;
  background: url(https://vanityme.itembox.design/item/images/couture_lp2405/bk_look03_02.png) no-repeat top left / 100%;
}
.look03_st_03_01 {
  max-width: 88%;
  margin: 0 auto;
  padding: 20% 0 0;
}
.look03_st_04 {
  padding-bottom: 13%;
  width: 100%;
  background: url(https://vanityme.itembox.design/item/images/couture_lp2405/bk_look03_03.png) no-repeat top left / 100%;
}
.look03_st_04_01 {
  max-width: 70%;
  margin: 0 20% 30% 6%;
  padding: 15% 0 0;
}
.look03_st_05 {
  margin: -33% auto 10%;
}
.look03_st_05_01 {
  max-width: 86%;
  margin: 0 auto;
}
.look03_st_06 {
  width: 100%;
  background: url(https://vanityme.itembox.design/item/images/couture_lp2405/bk_look03_04.png) no-repeat top left / 100%;
  text-align: center;
  padding-bottom: 10%;
}
.look03_st_06 p.txt_ttls {
  font-size: 150%;
  letter-spacing: .2rem;
  text-indent: .2rem;
  margin: 5% auto 0;
  padding: 0;
}
.look03_st_06 p.txt_en {
  text-transform: uppercase;
  font-size: 75%;
  color: #bbb;
  margin-bottom: 5%;
  padding: 0;
  letter-spacing: 0;
}
/*　　Footer
------------------------------------------------*/
img.look_foot_01 {
  padding-bottom: 3%;
}
/*　　For PC
------------------------------------------------*/
@media screen and (min-width: 769px) {
  .line_vertical {
    height: 90px;
  }
  .look01_st_03 p {
    left: 34%;
  }
  .look01_st_03 {
    margin: 0 0 -10%;
  }
  img.look01_st_04_01 {
    margin: -3% auto -18%;
  }
  img.look01_st_04_03 {
    max-width: 10%;
    top: -4%;
    left: 5%;
  }
}