@charset "UTF-8";
/*--------------------------
>>  mqcontents
--------------------------*/
/*--------------------Reset*/
* {
  margin: 0px;
  padding: 0px;
}

#commonFooter {
  margin-top: 0 !important;
}

#mq_maquillage2308 section {
  padding: 0 !important;
}

/*--------------------Common*/

#mq_maquillage2308 {
  width: 100%;
  color: #000;
  line-height: 1;
  word-break: normal;
  line-break: strict;
  overflow: hidden;
  /*position: relative;*/
}

#mq_maquillage2308 img {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
  width: 100%;
  height: auto;
  backface-visibility: hidden;/* animation時のにじみ防止 */
  -webkit-backface-visibility: hidden;/* animation時のにじみ防止 */
  -webkit-font-smoothing: antialiased;/* animation時の文字にじみ防止 */
  -moz-osx-font-smoothing: grayscale;/* animation時の文字にじみ防止 */
}

#mq_maquillage2308 p {
  font-size: 3.733333333vw;
  line-height: 6.4vw;
}

#mq_maquillage2308 .caution {
  font-size: 2.666666667vw;
  line-height: 1;
}

#mq_maquillage2308 .bold {
  font-weight: bold;
}


#mq_maquillage2308 sup {
  font-size: 50%;
  vertical-align: top;
  position: relative;
  top: -0.3em;
}

#mq_maquillage2308 .is-pc {
  display: none;
}

#mq_maquillage2308 .is-sp {
  display: block;
}
#mq_maquillage2308 span.is-sp {
  display: inline;
}


#mq_maquillage2308 br.is-pc {
  display: none;
}

#mq_maquillage2308 br.is-sp {
  display: inline-block;
}



/*Clearfix*/
#mq_maquillage2308 .cf:before,
#mq_maquillage2308 .cf:after {
  content: "";
  display: block;
  overflow: hidden;
}
#mq_maquillage2308 .cf:after {
  clear: both;
}
#mq_maquillage2308 .cf {
  zoom: 1;
}
#mq_maquillage2308 .clear {
  clear: both;
}


/*Layout*/
#mq_maquillage2308 .container {
  width: 100vw;
  margin: 0 auto;
}
#mq_maquillage2308 .inner {
  width: 92vw;
  margin: 0 auto;
}

/*--------------------------------------------------------------------------------------
mq_maquillage2308
-------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------- pr */
#mq_maquillage2308 .pr {
  width: 8vw;
  height: 4.533333vw;
  z-index: 2;
  margin-right: 4vw;
  margin-left: auto;
}

/*----------------------------------------------------------------------------mv */
#mq_maquillage2308 .mv {
  padding-top: 2vw;
}
#mq_maquillage2308 .mv_title{
  position: relative;
  width: 71.33333333vw;
  height: 6.666666667vw;
  margin: 0 auto 16vw;
}
#mq_maquillage2308 .mv_title2{
  width: 76.13333333vw;
  margin: 0 auto;
  margin-bottom: 4vw;
  position: relative;
  transform:translate(0,100%);
  overflow: hidden;
}
#mq_maquillage2308 .mv_title2::before {
  content: '';
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  transform:translate(0,0);
}
#mq_maquillage2308 .is-active .mv_title2{
  transform:translate(0,0);
  transition:transform .5s cubic-bezier(.15,.76,.47,1) .4s;
}
#mq_maquillage2308 .is-active .mv_title2::before {
transform:translate(0,101%);
transition:transform .5s cubic-bezier(.15,.76,.47,1) .8s;
}
#mq_maquillage2308 .mv_lead{
  margin: 0 auto;
  width: 92vw;
  margin-bottom: 1.066666667vw;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 1s ease-in 1s;
  -ms-transition: all 1s ease-in 1s;
  -moz-transition: all 1s ease-in 1s;
  transition: all 1s ease-in 1s;
}
#mq_maquillage2308 .is-active .mv_lead{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=1);
  opacity: 1;
}
#mq_maquillage2308 .mv_title_inner{
  position: relative;
  width: 71.33333333vw;
  height: 6.666666667vw;
  display: flex;
}
#mq_maquillage2308 .mv_title-detail img{
  height: 6.666666667vw;
}
#mq_maquillage2308 .mv_title-detail {
  transform:translate3d(.5em,0,0) rotate(10deg) rotateY(120deg) rotateX(-30deg) scale(1.1);
  opacity: 0;
}
#mq_maquillage2308 .is-active .mv_title-detail {
  opacity: 1;
  transform: rotate(0deg) rotateY(0deg) rotateX(0deg) scale(1);
  transition: .8s ease-in-out;
}
#mq_maquillage2308 .mv_title-detail.title1 {
}

#mq_maquillage2308 .mv_title-detail.title2 {
  transition-delay: .1s
}

#mq_maquillage2308 .mv_title-detail.title3 {
  transition-delay: .15s
}

#mq_maquillage2308 .mv_title-detail.title4 {
  transition-delay: .2s
}

#mq_maquillage2308 .mv_title-detail.title5 {
  transition-delay: .25s
}

#mq_maquillage2308 .mv_title-detail.title6 {
  transition-delay: 0.3s
}

#mq_maquillage2308 .mv_title-detail.title7 {
  transition-delay: .35s
}

#mq_maquillage2308 .mv_title-detail.title8 {
  transition-delay: .4s
}

#mq_maquillage2308 .mv_title-detail.title9 {
  transition-delay: .45s
}

#mq_maquillage2308 .mv_title-detail.title10 {
  transition-delay: .5s
}

#mq_maquillage2308 .mv_title-detail.title11 {
  transition-delay: .55s
}

#mq_maquillage2308 .mv_title-detail.title12 {
  transition-delay: .6s
}

#mq_maquillage2308 .mv_title-detail.title13 {
  transition-delay: .65s
}
#mq_maquillage2308 .mv_title::after{
  content: '';
  display: block;
  position: absolute;
  top: 10.4vw;
  left: 50%;
  transform: translateX(-50%);
  background-size: 2px 60px;
  height: 0px;
  width: 2px;
  background-color: #ea255b;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
  height: 0;
}
#mq_maquillage2308 .is-active .mv_title::after{
  height: 8vw;
}
#mq_maquillage2308 .mv_img{
  margin-bottom: 6vw;
  position: relative;
}
#mq_maquillage2308 .mv_img::before{
  content: '';
  display: block;
  position: absolute;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/maquillage2308/img/mv_kirakira_sp@2x.png);
  background-size: 5.333333333vw 8.8vw;
  width: 5.333333333vw;
  height: 8.8vw;
  top: 24.93333333vw;
  left: 26.8vw;
  z-index: 3;
}
#mq_maquillage2308 .mv_img::after{
  content: '';
  display: block;
  position: absolute;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/maquillage2308/img/mv_kirakira2_sp@2x.png);
  background-size: 4.4vw 6.8vw;
  width: 4.4vw;
  height: 6.8vw;
  top: 33.2vw;
  left: 60vw;
  z-index: 3;
}
#mq_maquillage2308 .mv_img::before,
#mq_maquillage2308 .mv_img::after {
  -webkit-clip-path: circle(0% at 50% 50%);
  clip-path: circle(0% at 50% 50%);
  display: inline-block;
  transition: clip-path .8s .5s cubic-bezier(.65,0,.35,1),-webkit-clip-path .8s .5s cubic-bezier(.65,0,.35,1);
  z-index: 3;
}
#mq_maquillage2308 .mv_img::after {
  transition: clip-path .8s .8s cubic-bezier(.65,0,.35,1),-webkit-clip-path .8s .8s cubic-bezier(.65,0,.35,1);
}
#mq_maquillage2308 .mv_img.is-active::before,
#mq_maquillage2308 .mv_img.is-active::after {
  -webkit-clip-path: circle(100% at 50% 50%);
  clip-path: circle(100% at 50% 50%);
}
/*----------------------------------------------------------------------------01 */
#mq_maquillage2308 .block01{
  margin-bottom: 6vw;
}
#mq_maquillage2308 .block01 .block01_title{
  width: 75.6vw;
  margin-bottom: 4.666666667vw;
}
#mq_maquillage2308 .block01 .block01_lead{
  margin-bottom: 5.333333333vw;
}
#mq_maquillage2308 .influencer{
  display: flex;
  justify-content: space-between;
}
#mq_maquillage2308 .block01 .block01_img{
  width: 30.66666667vw;
}
#mq_maquillage2308 .block01 .block01_text{
  width: 52.26666667vw;
}
#mq_maquillage2308 .influencer_name{
  margin-top: 6.8vw;
}
#mq_maquillage2308 .influencer_name p{
  font-size: 2.933333333vw;
  line-height: 4.266666667vw;
}
#mq_maquillage2308 .influencer_name span{
  font-size: 4vw;
}
#mq_maquillage2308 .block01 .influencer{
  margin-bottom: 3.066666667vw;
}
/*----------------------------------------------------------------------------02 */
#mq_maquillage2308 .block02{
  margin-bottom: 12vw;
}
#mq_maquillage2308 .block02 .block02_text{
  width: 43.73333333vw;
  margin-top: 3.333333333vw;
}
#mq_maquillage2308 .block02 .influencer{
  justify-content: space-between;
  margin-bottom: 2vw;
}
#mq_maquillage2308 .block02 .block02_text .influencer_name{
  float: right;
}
#mq_maquillage2308 .block02 .block02_img{
  width: 34.66666667vw;
  margin-right: 4.4vw;
}

#mq_maquillage2308 .block03{
  background-color: #fae5ef;
  padding: 8vw 0;
}
#mq_maquillage2308 .block03_title{
  width: 19.46666667vw;
  position: absolute;
  top: -1.866666667vw;
  left: 2.933333333vw;
}
#mq_maquillage2308 .block03_comment p{
  font-size: 4.266666667vw;
  text-align: center;
  margin-bottom: 3.333333333vw;
}
#mq_maquillage2308 .block03_comment p span{
  color: #ea255b;
}
#mq_maquillage2308 .block03_comment{
  position: relative;
  -webkit-transition: all .5s ease .2s;
  -ms-transition: all .5s ease .2s;
  -moz-transition: all .5s ease .2s;
  transition: all .5s ease .2s;
}
#mq_maquillage2308 .block03_comment::before{
  content: '';
  display: block;
  position: absolute;
  bottom: 0.666666667vw;
  left: 0.8vw;
  width: 2.533333333vw;
  height: 4.133333333vw;
  background-size: 2.533333333vw 4.133333333vw;
  background-image: url("https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/maquillage2308/img/comment_line_sp@2x.png");
}
#mq_maquillage2308 .block03_comment::after{
  content: '';
  display: block;
  position: absolute;
  bottom: 0.666666667vw;
  right: 0.8vw;
  transform: scale(-1, 1);
  width: 2.533333333vw;
  height: 4.133333333vw;
  background-size: 2.533333333vw 4.133333333vw;
  background-image: url("https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/maquillage2308/img/comment_line_sp@2x.png");

}
#mq_maquillage2308 .block03_img{
  width: 32vw;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4.933333333vw;
}
#mq_maquillage2308 .block03 .inner{
  background-color: #fff;
  padding: 8vw 5.333333333vw 6.666666667vw 5.333333333vw;
  position: relative;
}
#mq_maquillage2308 .block03 .inner::before{
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  height: 0.266666667vw;
  width: 0;
  background-color: #000;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
}
#mq_maquillage2308 .block03.is-show .inner::before{
  width: 66.66666667vw;
}
#mq_maquillage2308 .block03 .inner::after{
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  height: 0.266666667vw;
  width: 0;
  background-color: #000;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
}
#mq_maquillage2308 .block03.is-show .inner::after{
  width: 92vw;
}
#mq_maquillage2308 .block03_text{
  margin-top: 2vw;
  width: 81.33333333vw;
}
#mq_maquillage2308 .block03_name{
  font-size: 2.933333333vw;
  margin-bottom: 4.533333333vw;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5.866666667vw;
}
#mq_maquillage2308 .block03_name span{
  font-size: 4.266666667vw;
}

#mq_maquillage2308 .point_title{
  height: 6.666666667vw;
  width: 26.66666667vw;
}
#mq_maquillage2308 .point_title_inner{
  height: 6.666666667vw;
  width: 26.66666667vw;
  display: flex;
  position: relative;
}
#mq_maquillage2308 .point_title_detail {
  transform:translate3d(.5em,0,0) rotate(10deg) rotateY(120deg) rotateX(-30deg) scale(1.1);
  opacity: 0;
}
#mq_maquillage2308 .point_title_detail img{
  height: 6.666666667vw;
}
#mq_maquillage2308 .is-show .point_title_detail {
  opacity: 1;
  transform: rotate(0deg) rotateY(0deg) rotateX(0deg) scale(1);
  transition: .6s ease-in-out;
}
#mq_maquillage2308 .point_title_detail.point_title1 {
}
#mq_maquillage2308 .point_title_detail.point_title2 {
  transition-delay: .2s
}
#mq_maquillage2308 .point_title_detail.point_title3 {
  transition-delay: .4s
}
#mq_maquillage2308 .point_title_detail.point_title4 {
  transition-delay: .6s
}
#mq_maquillage2308 .point_title_detail.point_title5 {
  transition-delay: .8s
}
#mq_maquillage2308 .point_title_detail.point_title6 {
  transition-delay: 1s
}
#mq_maquillage2308 .block04{
  margin-top: 13.33333333vw;
  margin-bottom: 9.066666667vw;
}
#mq_maquillage2308 .block04_img{
  width: 41.33333333vw;
  margin-right: 2.4vw;
}
#mq_maquillage2308 .block04_top{
  margin-bottom: 4.4vw;
}
/*----------------------------------------------------------------------------03 */
#mq_maquillage2308 .block05{
  margin-bottom: 11.86666667vw;
}
#mq_maquillage2308 .block05 p.bold{
  font-size: 4.266666667vw;
  line-height: 6.4vw;
}
#mq_maquillage2308 .block05_figure {
  margin-top: -6vw;
  position: relative;
  z-index: -1;
}
#mq_maquillage2308 .block05_figure img{
  width: 71.6vw;
  display: block;
  margin: 0 auto;
}
#mq_maquillage2308 .block05 p{
  margin-top: 2.666666667vw;
}

#mq_maquillage2308 .block06{
  margin-bottom: 12vw;
}
#mq_maquillage2308 .block06_img{
  width: 38.66666667vw;
  margin-top: -2.133333333vw;
  margin-right: -2.666666667vw;
}
#mq_maquillage2308 .block06_top{
  margin-bottom: 1.6vw;
}

/*----------------------------------------------------------------------------04 */
#mq_maquillage2308 .block07{
  margin-bottom: 13.33333333vw;
}
#mq_maquillage2308 .block07_img{
  width: 45.33333333vw;
  margin-right: -3.866666667vw;
  position: relative;
  margin-top: 14.13333333vw;
}
#mq_maquillage2308 .block07_img::before{
  content: '';
  display: block;
  position: absolute;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/maquillage2308/img/block07_kirakira_sp@2x.png);
  background-size: 4vw 6.133333333vw;
  width: 4vw;
  height: 6.133333333vw;
  top: 6.8vw;
  left: 1.466666667vw;
  -webkit-clip-path: circle(0% at 50% 50%);
  clip-path: circle(0% at 50% 50%);
  display: inline-block;
  transition: clip-path .8s .5s cubic-bezier(.65,0,.35,1),-webkit-clip-path .8s .5s cubic-bezier(.65,0,.35,1);
  z-index: 3;
}
#mq_maquillage2308 .block07_img.is-active::before {
  -webkit-clip-path: circle(100% at 50% 50%);
  clip-path: circle(100% at 50% 50%);
}
#mq_maquillage2308 .block07_top{
  margin-bottom: 2.133333333vw;
}

#mq_maquillage2308 .block07_img2{
  width: 51.2vw;
  margin-left: -4vw;
  position: relative;
}
#mq_maquillage2308 .block07_top2{
  margin-top: 9.333333333vw;
}
#mq_maquillage2308 .block07 .caution{
  margin-top: 2.4vw;
}

#mq_maquillage2308 .block07_sparkle{
  width: 7.2vw;
  top: 12.4vw;
  left: 2.133333333vw;
}
#mq_maquillage2308 .block07_sparkle2{
  width: 7.4vw;
  top: 8.266666667vw;
  left: 4.8vw;
}
#mq_maquillage2308 .block07_sparkle3{
  width: 7.466666667vw;
  top: 15.33333333vw;
  right: 6vw;
}
#mq_maquillage2308 .block07_sparkle4{
  width: 4.8vw;
  top: 15.86666667vw;
  right: 2.933333333vw;
}
#mq_maquillage2308 .block07_sparkle5{
  width: 3.6vw;
  top: 23.6vw;
  right: 1.733333333vw;
}

#mq_maquillage2308 .sparkle{
  position: absolute;
  -webkit-clip-path: circle(0% at 50% 50%);
  clip-path: circle(0% at 50% 50%);
  display: inline-block;
}
#mq_maquillage2308 .sparkle.is-active{
  -webkit-clip-path: circle(100% at 50% 50%);
  clip-path: circle(100% at 50% 50%);
}
#mq_maquillage2308 .block07_sparkle,
#mq_maquillage2308 .block08_sparkle1,
#mq_maquillage2308 .block08_sparkle3 {
  transition: clip-path .5s .5s cubic-bezier(.65,0,.35,1),-webkit-clip-path .5s .5s cubic-bezier(.65,0,.35,1);
}
#mq_maquillage2308 .block07_sparkle2 {
  transition: clip-path .8s .65s cubic-bezier(.65,0,.35,1),-webkit-clip-path .8s .65s cubic-bezier(.65,0,.35,1);
}
#mq_maquillage2308 .block07_sparkle3,
#mq_maquillage2308 .block08_sparkle2 {
  transition: clip-path .5s .55s cubic-bezier(.65,0,.35,1),-webkit-clip-path .5s .55s cubic-bezier(.65,0,.35,1);
}
#mq_maquillage2308 .block07_sparkle4 {
  transition: clip-path .8s .65s cubic-bezier(.65,0,.35,1),-webkit-clip-path .8s .65s cubic-bezier(.65,0,.35,1);
}
#mq_maquillage2308 .block07_sparkle5 {
  transition: clip-path .5s .6s cubic-bezier(.65,0,.35,1),-webkit-clip-path .5s .6s cubic-bezier(.65,0,.35,1);
}
#mq_maquillage2308 .block08_img{
  margin-bottom: 16vw;
  height: 72vw;
  position: relative;
}
#mq_maquillage2308 .block08_sparkle1{
  width: 4.466666667vw;
  top: 8.133333333vw;
  left: 30.8vw;
}
#mq_maquillage2308 .block08_sparkle2{
  width: 5.133333333vw;
  top: 37.06666667vw;
  left: 3.2vw;
}
#mq_maquillage2308 .block08_sparkle3{
  width: 4.533333333vw;
  top: 46.4vw;
  right: 1.066666667vw;
}
/* 下層行きボタン */
#mq_maquillage2308 .btn.btn_2p{
  margin: 0 auto;
  width: 80vw;
  box-shadow: 1.333333333vw 1.333333333vw 0 0 rgba(234, 37, 91, 0.3);
  border-radius: 2px;
  position: relative;
  margin-bottom: 17.06666667vw;
}
#mq_maquillage2308 .btn.btn_2p::before{
  content: '';
  display: block;
  position: absolute;
  width: 38.66666667vw;
  height: 1.6vw;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/maquillage2308/img/btn_arrow_sp.png);
  background-size: 38.66666667vw 1.6vw;
  bottom: 8vw;
  right: 5.6vw;
  z-index: 3;
}

/*-----------------------------------------------------------------------チェックボックス */
#mq_maquillage2308 .check{
  background-color: #fdeff5;
  border-radius: 2.666666667vw;
  padding: 2.666666667vw 4vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 30px);
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  filter: alpha(opacity=0);
  opacity: 0;
  transform: translate(0, 30px);
  transform-style: preserve-3d;
  -webkit-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  margin-bottom: 4vw;
}
#mq_maquillage2308 .check.is-active {
  -webkit-transform: translate(0, 0);
  filter: alpha(opacity=100);
  opacity: 1;
  transform: translate(0, 0);
}
#mq_maquillage2308 .check_box{
  width: 4vw;
  height: 4vw;
  border: 0.266666667vw solid black;
  background-color: #fff;
  position: relative;
}
#mq_maquillage2308 .check_box::before{
  content: '';
  display: block;
  position: absolute;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/maquillage2308/img/check_sp@2x.png);
  background-size: 4.133333333vw 4.4vw;
  width: 0;
  height: 4.4vw;
  left: 1.066666667vw;
  bottom: 1.066666667vw;
  transition: all .5s cubic-bezier(0.25, 1, 0.5, 1) .4s;
}
#mq_maquillage2308 .is-active .check_box::before{
  width: 4.133333333vw;
}
#mq_maquillage2308 .check:not(:first-child).is-active .check_box::before {
  transition-delay: .4s;
}
#mq_maquillage2308 .check_text{
  width: 76vw;
}
/*----------------------------------------------------------------------------吹き出し */
#mq_maquillage2308 .serif{
  position: relative;
}
#mq_maquillage2308 .serif::before{
  display: block;
  content: '';
  position: absolute;
  background-color: black;
}
#mq_maquillage2308 .serif::after{
  display: block;
  content: '';
  position: absolute;
  background-color: black;
}
/* 吹き出し斜め線 */
#mq_maquillage2308 .serif .serif_ph::before{
  display: block;
  content: '';
  position: absolute;
  background-size: 7.733333333vw 7.733333333vw;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/maquillage2308/img/serif_line_sp@2x.png);
  width: 0;
  height: 7.733333333vw;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .serif.is-active .serif_ph::before{
  width: 7.733333333vw;
}

#mq_maquillage2308 .serif1{
  margin-top: 9.333333333vw;
  height: 22.93333333vw;
  padding-top: 1.33vw;
}
#mq_maquillage2308 .serif1 .serif_ph {
  width: 47.46666vw
}
#mq_maquillage2308 .serif1::before{
  width: 0;
  height: 0.266666667vw;
  bottom: 0;
  left: 0;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .is-active.serif1::before{
  width: 52.26666667vw;
}
#mq_maquillage2308 .serif1::after{
  height: 0;
  width: 0.266666667vw;
  top: 0;
  left: -4vw;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .is-active.serif1::after{
  height: 18.66666667vw;
}
#mq_maquillage2308 .serif1 .serif_ph::before{
  bottom: -4.333333333vw;
  left: -8.533333333vw;
}

#mq_maquillage2308 .serif2{
  width: 43.73333333vw;
  height: 29.6vw;
  padding-left: 1.2vw;
  padding-top: 1.33vw;
}
#mq_maquillage2308 .serif2 .serif_ph {
  width: 35.6vw
}
#mq_maquillage2308 .serif2::before{
  width: 0;
  height: 0.266666667vw;
  bottom: 0;
  left: 0;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .is-active.serif2::before{
  width: 40.8vw;
}
#mq_maquillage2308 .serif2::after{
  height: 0;
  width: 0.266666667vw;
  top: 0;
  right: 0;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .is-active.serif2::after{
  height: 25.6vw;
}
#mq_maquillage2308 .serif2 .serif_ph::before{
  transform: scale(-1, 1);
  right: -4.4vw;
  bottom: -4.2vw;
}

#mq_maquillage2308 .serif3{
  width: 39.2vw;
  height: 23.2vw;
  padding-left: 1.333333333vw;
  padding-top: 1vw;
  margin-top: 8vw;
}
#mq_maquillage2308 .serif3 .serif_ph {
  width: 31.466666vw
}
#mq_maquillage2308 .serif3::before{
  width: 0;
  height: 0.266666667vw;
  bottom: 0;
  left: 0;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .is-active.serif3::before{
  width: 35.2vw;
}
#mq_maquillage2308 .serif3::after{
  height: 0;
  width: 0.266666667vw;
  top: 0;
  right: 0;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .is-active.serif3::after{
  height: 19.2vw;
}
#mq_maquillage2308 .serif3 .serif_ph::before{
  transform: scale(-1, 1);
  right: -4vw;
  bottom: -3.933333333vw;
}

#mq_maquillage2308 .serif4{
  width: 54vw;
  height: 29.06666667vw;
  padding-top: 3.8vw;
  padding-left: 1.466666667vw;
  margin-top: 9.466666667vw;
}
#mq_maquillage2308 .serif4 .serif_ph {
  width: 45.6vw
}
#mq_maquillage2308 .serif4::before{
  width: 0;
  height: 0.266666667vw;
  top: 0;
  left: 0;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .is-active.serif4::before{
  width: 50vw;
}
#mq_maquillage2308 .serif4::after{
  width: 0.266666667vw;
  height: 0;
  bottom: 0;
  right: 0;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .is-active.serif4::after{
  height: 25.06666667vw;
}
#mq_maquillage2308 .serif4 .serif_ph::before{
  top: -4.533333333vw;
  right: -3.733333333vw;
}

#mq_maquillage2308 .serif5{
  width: 47.46666667vw;
  height: 36vw;
  padding-left: 1.733333333vw;
  margin-top: 8.266666667vw;
  padding-top: 1.33333vw;
}
#mq_maquillage2308 .serif5 .serif_ph {
  width: 38.8666666vw
}
#mq_maquillage2308 .serif5::before{
  width: 0;
  height: 0.266666667vw;
  bottom: 0;
  left: 0;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .is-active.serif5::before{
  width: 43.46666667vw;
}
#mq_maquillage2308 .serif5::after{
  width: 0.266666667vw;
  height: 0;
  top: 0;
  right: 0;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .is-active.serif5::after{
  height: 32vw;
}
#mq_maquillage2308 .serif5 .serif_ph::before{
  transform: scale(-1, 1);
  right: -3.733333333vw;
  bottom: -3.533333333vw;
}

#mq_maquillage2308 .serif6{
  padding-left: 4vw;
  padding-bottom: 2.933333333vw;
  padding-right: 1.066666667vw;
}
#mq_maquillage2308 .serif6 .serif_ph {
  width: 31.533333333vw
}
#mq_maquillage2308 .serif6::before{
  width: 0;
  height: 0.266666667vw;
  bottom: -2vw;
  right: 0;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .is-active.serif6::before{
  width: 34.8vw;
}
#mq_maquillage2308 .serif6::after{
  width: 0.266666667vw;
  height: 0;
  top: -3vw;
  left: -1vw;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .is-active.serif6::after{
  height: 25.33333333vw;
}
#mq_maquillage2308 .serif6 .serif_ph::before{
  bottom: -6.266667vw;
  left: -6.333333vw;
}

#mq_maquillage2308 .lecture_top{
  display: flex;
  justify-content: space-between;
}
/*----------------------------------------------------------------------------contact/credit/share */
#mq_maquillage2308 .contact {
  font-size: 3.73333333vw;
  line-height: 1.715;
  color: #262626;
  text-align: center;
}

#mq_maquillage2308 .credit {
  font-size: 2.666666667vw;
  line-height: 4.8vw;
  text-align: center;
  margin-bottom: 14.93333333vw;
}

#mq_maquillage2308 .share {
  margin: 0 auto 16vw;
  text-align: center;
}

#mq_maquillage2308 .share_headings {
  width: 15.06666667vw;
  margin: 0 auto 4vw;
}

#mq_maquillage2308 .share_list {
  margin: 0 auto;
  text-align: center;
}

#mq_maquillage2308 .share_item {
  width: 13.33333333vw;
  display: inline-block;
  margin: 0 1.866666667vw;
}