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

body {
  padding-top: 55px!important;
}

#mqWrapper {
	width: 100%;
	position: static;
}

#mqWrapper main {
	width: 100%;
	margin: 0;
	padding-bottom: 0;
}


#mq_maquillage2308 section {
  padding: 0 !important;
}

/*--------------------Common*/
#mq_maquillage2308 {
	/*position: relative;*/
	width: 100%;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	line-height: 1;
	word-break: normal;
	line-break: strict;
  overflow: hidden;
}

#mq_maquillage2308 img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
  width: 100%;
  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: 18px;
  line-height: 32px;
}

#mq_maquillage2308 .caution {
  font-size: 14px;
  line-height: 1;
}

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

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

#mq_maquillage2308 a:hover img {
  opacity: .6;
  transition: all ease .6s;
}

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


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

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


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

/*--------------------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 {
	margin: 0 auto;
	width: 980px;
}
#mq_maquillage2308 .inner {
	margin: 0 auto;
	width: 750px;
}


/*--------------------------------------------------------------------------------------
mq_maquillage2308
-------------------------------------------------------------------------------------- */

/*-------------------------------------------------------------------------------- pr */
#mq_maquillage2308 .pr {
  width: 30px;
  height: 17px;
  margin-left: auto;
  padding-top: 30px;
}

/*----------------------------------------------------------------------------mv */
#mq_maquillage2308 .mv_title {
  position: relative;
  width: 535px;
  height: 50px;
  margin: 0 auto;
}
#mq_maquillage2308 .mv_title_inner {
  position: relative;
  width: 535px;
}
#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_title2{
  width: 770px;
  margin: 120px auto 35px;
  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{
  width: 750px;
  margin: 0 auto 48px;
  -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{
  width: 535px;
  height: 50px;
  display: flex;
}
#mq_maquillage2308 .mv_title-detail img{
  height: 50px;
}

#mq_maquillage2308 .mv_title::after{
  content: '';
  display: block;
  position: absolute;
  top: 80px;
  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;
}
#mq_maquillage2308 .is-active .mv_title::after{
  height: 60px;
}
#mq_maquillage2308 .mv_img{
  margin-bottom: 100px;
  position: relative;
  margin: 0 auto;
  width: 980px;
}
#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@2x.png);
  background-size: 46.5px 77.5px;
  width: 46.5px;
  height: 77.5px;
  top: 221px;
  left: 290px;
}
#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@2x.png);
  background-size: 39px 59.5px;
  width: 39px;
  height: 59.5px;
  top: 294px;
  left: 583px;
}
#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 1.3s cubic-bezier(.65,0,.35,1),-webkit-clip-path .8s 1.3s cubic-bezier(.65,0,.35,1);
  z-index: 3;
}
#mq_maquillage2308 .mv_img::after {
  transition: clip-path .8s 1.6s cubic-bezier(.65,0,.35,1),-webkit-clip-path .8s 1.6s 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: 53px;
}
#mq_maquillage2308 .block01 .block01_title{
  width: 495px;
  margin-top: 80px;
  margin-bottom: 37px;
}
#mq_maquillage2308 .block01 .block01_lead{
  margin-bottom: 43px;
}
#mq_maquillage2308 .influencer{
  display: flex;
}
#mq_maquillage2308 .block01 .block01_img{
  width: 330px;
}
#mq_maquillage2308 .block01 .block01_text{
  width: 390px;
  margin-left: 45px;
  /* margin-top: 100px; */
}
#mq_maquillage2308 .influencer_name{
  margin-top: 55px;
  font-size: 16px;
  line-height: 26px;
}
#mq_maquillage2308 .influencer_name span{
  font-size: 24px;
}
#mq_maquillage2308 .block01 .influencer{
  margin-bottom: 17px;
}

/*----------------------------------------------------------------------------02 */
#mq_maquillage2308 .block02{
  margin-bottom: 113px;
}
#mq_maquillage2308 .block02 .block02_text{
  width: 435px;
  margin-top:72px;
}
#mq_maquillage2308 .block02 .influencer{
  justify-content: space-between;
  margin-bottom: 13px;
}
#mq_maquillage2308 .block02 .block02_text .influencer_name{
  float: right;
}
#mq_maquillage2308 .block02 .block02_img{
  width: 270px;
}

#mq_maquillage2308 .block03{
  background-color: #fae5ef;
  padding: 90px 0;
}
#mq_maquillage2308 .block03_title{
  width: 106px;
  position: absolute;
  top: -10px;
  left: 10px;
}
#mq_maquillage2308 .block03_comment p{
  font-size: 24px;
  text-align: center;
  margin-bottom: 18px;
}
#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;
  top:4px;
  left: 102px;
  width: 15px;
  height: 23px;
  background-size: 15px 23px;
  background-image: url("https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/maquillage2308/img/comment_line@2x.png");
}
#mq_maquillage2308 .block03_comment::after{
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  right: 102px;
  transform: scale(-1, 1);
  width: 15px;
  height: 23px;
  background-size: 15px 23px;
  background-image: url("https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/maquillage2308/img/comment_line@2x.png");
}
#mq_maquillage2308 .block03_img{
  width: 240px;
  float: left;
}
#mq_maquillage2308 .block03 .inner{
  background-color: #fff;
  padding: 45px 43px;
  position: relative;
  height: 384px;
}
#mq_maquillage2308 .block03 .inner::before{
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  height: 2px;
  width: 0;
  background-color: #000;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
}
#mq_maquillage2308 .block03.is-show .inner::before{
  width: 624px;
}
#mq_maquillage2308 .block03 .inner::after{
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  background-color: #000;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
}
#mq_maquillage2308 .block03.is-show .inner::after{
  width: 750px;
}
#mq_maquillage2308 .block03_wrap{
  display: flex;
  justify-content: space-between;
}
#mq_maquillage2308 .block03_text{
  margin-top: 30px;
  width: 375px;
  float: right;
}
#mq_maquillage2308 .block03_name{
  font-size: 18px;
  margin-bottom: 16px;
  width: 375px;
  float: right;
}
#mq_maquillage2308 .block03_name span{
  font-size: 28px;
}
#mq_maquillage2308 .point_title{
  position: relative;
  height: 50px;
  width: 202px;
}
#mq_maquillage2308 .point_title_inner{
  height: 50px;
  width: 202px;
  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: 50px;
}
#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 .point_title_detail img{
  height: 50px;
}
#mq_maquillage2308 .block04{
  margin-top: 120px;
  margin-bottom: 65px;
}
#mq_maquillage2308 .block04_img{
  width: 350px;
}
#mq_maquillage2308 .block04_top{
  margin-bottom: 28px;
}
/*----------------------------------------------------------------------------03 */
#mq_maquillage2308 .block05{
  position: relative;
  height: 657px;
  margin-bottom: 112px;
}
#mq_maquillage2308 .block05 p.bold{
  font-size: 28px;
  line-height: 38px;
}
#mq_maquillage2308 .block05_figure{
  width: 537px;
  height: 563px;
  position: absolute;
  top: 12px;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
}
#mq_maquillage2308 .block05_figure p{
  width: 490px;
  margin: 10px auto 0;
}

#mq_maquillage2308 .block06{
  margin-bottom: 119px;
}
#mq_maquillage2308 .block06_img{
  width: 350px;
  margin-top: -41px;
  margin-right: -48px;
}
#mq_maquillage2308 .block06_top{
  margin-bottom: 10px;
}
/*----------------------------------------------------------------------------04 */
#mq_maquillage2308 .block07{
  margin-bottom: 90px;
}
#mq_maquillage2308 .block07_img{
  width: 390px;
  margin-right: -79px;
  position: relative;
}
#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@2x.png);
  background-size: 35px 53.5px;
  width: 35px;
  height: 53.5px;
  top: 61px;
  left: 10px;
  -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);
}
#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: 20px;
}
#mq_maquillage2308 .block07_img2{
  width: 450px;
  margin-left: -94px;
  position: relative;
}
#mq_maquillage2308 .block07_top2{
  margin-top: 70px;
}
#mq_maquillage2308 .block07 .caution{
  margin-top: 10px;
}

#mq_maquillage2308 .block07_sparkle{
  width: 61px;
  top: 105px;
  left: 31px;
}
#mq_maquillage2308 .block07_sparkle2{
  width: 63px;
  top: 70px;
  left: 54px;
}
#mq_maquillage2308 .block07_sparkle3{
  width: 64px;
  top: 130px;
  left: 334px;
}
#mq_maquillage2308 .block07_sparkle4{
  width: 42px;
  top: 135px;
  right: 25px;
}
#mq_maquillage2308 .block07_sparkle5{
  width: 31px;
  top: 201px;
  right: 15px;
}
#mq_maquillage2308 .sparkle {
  -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: 126px;
  height: 700px;
  position: relative;
}
#mq_maquillage2308 .sparkle{
  position: absolute;
}
#mq_maquillage2308 .block08_sparkle1{
  width: 43px;
  top: 97px;
  left: 301px;
}
#mq_maquillage2308 .block08_sparkle2{
  width: 49px;
  top: 373px;
  left: 38px;
}
#mq_maquillage2308 .block08_sparkle3{
  width: 48.5px;
  top: 462px;
  right: 26px;
}
/* 下層行きボタン */
#mq_maquillage2308 .btn.btn_2p{
  margin: 0 auto;
  width: 460px;
  box-shadow: 6px 6px 0px 0px rgba(234, 37, 91, 0.3);
  border-radius: 2px;
  position: relative;
  margin-bottom: 121px;
}
#mq_maquillage2308 .btn.btn_2p::before{
  content: '';
  display: block;
  position: absolute;
  width: 236px;
  height: 12px;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/maquillage2308/img/btn_arrow.png);
  background-size: 236px 12px;
  bottom: 43px;
  right: 27px;
}


/*-----------------------------------------------------------------------チェックボックス */
#mq_maquillage2308 .check{
  background-color: #fdeff5;
  border-radius: 20px;
  padding: 23px 30px;
  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;
}
#mq_maquillage2308 .check.is-active {
  -webkit-transform: translate(0, 0);
  filter: alpha(opacity=100);
  opacity: 1;
  transform: translate(0, 0);
}
#mq_maquillage2308 .check:first-child{
  margin-bottom: 30px;
}
#mq_maquillage2308 .check:not(:first-child){
  margin-bottom: 33px;
  transition-delay: .3s;
}
#mq_maquillage2308 .check_box{
  width: 30px;
  height: 30px;
  border: 2px 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@2x.png);
  background-size: 31px 33px;
  width: 0;
  height: 33px;
  left: 8px;
  bottom: 8px;
  transition: all .5s cubic-bezier(0.25, 1, 0.5, 1) .4s;
}
#mq_maquillage2308 .is-active .check_box::before{
  width: 31px;
}
#mq_maquillage2308 .check:not(:first-child).is-active .check_box::before {
  transition-delay: .8s;
}
#mq_maquillage2308 .check_text{
  width: 630px;
}
#mq_maquillage2308 .check_text p{
  font-size: 22px;
  line-height: 36px;

}
/*----------------------------------------------------------------------------吹き出し */
#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: 64px 64px;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/maquillage2308/img/serif_line@2x.png);
  width: 0;
  height: 64px;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .serif.is-active .serif_ph::before{
  width: 64px;
}

/* serif1 */
#mq_maquillage2308 .serif1{
  margin-top: 85px;
  width: 387px;
  height: 174px;
  padding: 30px 0 0 40px;
}
#mq_maquillage2308 .serif1 .serif_ph {
  width: 308.5px;
}
#mq_maquillage2308 .serif1::before{
  width: 0;
  height: 2px;
  bottom: 0;
  left: 30px;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .serif1.is-active::before{
  width: 357px;
}
#mq_maquillage2308 .serif1::after{
  display: block;
  content: '';
  height: 0;
  width: 2px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .serif1.is-active::after{
  height: 137px;
}
#mq_maquillage2308 .serif1 .serif_ph::before{
  bottom: -30px;
  left: -30px;
}

/* serif2 */
#mq_maquillage2308 .serif2{
  width: 435px;
  height: 165px;
  padding-left: 30px;
  padding-top: 20px;
}
#mq_maquillage2308 .serif2 .serif_ph {
  width: 351.5px;
}
#mq_maquillage2308 .serif2::before{
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .serif2.is-active::before{
  width: 405px;
}
#mq_maquillage2308 .serif2::after{
  height: 0;
  width: 2px;
  top: 0;
  right: 0;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .serif2.is-active::after{
  height: 138px;
}
#mq_maquillage2308 .serif2 .serif_ph::before{
  transform: scale(-1, 1);
  bottom: -30px;
  right: -30px;
}
/* serif3 */
#mq_maquillage2308 .serif3{
  width: 363px;
  height: 122px;
  padding-left: 25px;
  padding-top: 20px;
  margin-top: 88px;
}
#mq_maquillage2308 .serif3 .serif_ph{
  width: 281px;
}
#mq_maquillage2308 .serif3::before{
  width: 0;
  height: 2px;
  bottom: 0px;
  left: 0px;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .serif3.is-active::before{
  width: 334px;
}
#mq_maquillage2308 .serif3::after{
  height: 0;
  width: 2px;
  top: 0px;
  right: 0px;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .serif3.is-active::after{
  height: 94px;
}
#mq_maquillage2308 .serif3 .serif_ph::before{
  transform: scale(-1, 1);
  bottom: -30px;
  right: -30px;
}

/* serif4 */
#mq_maquillage2308 .serif4{
  width: 420px;
  height: 168px;
  padding-top: 45px;
  padding-left: 30px;
  margin-top: 100px;
}
#mq_maquillage2308 .serif4 .serif_ph{
  width: 296px;
}
#mq_maquillage2308 .serif4::before{
  width: 0;
  height: 2px;
  top: 0px;
  left: 0px;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .serif4.is-active::before{
  width: 390px;
}
#mq_maquillage2308 .serif4::after{
  width: 2px;
  height: 0;
  bottom:0px;
  right: 0px;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .serif4.is-active::after{
  height: 138px;
}
#mq_maquillage2308 .serif4 .serif_ph::before{
  top: -32px;
  left: 390px;
}

/* serif5 */
#mq_maquillage2308 .serif5{
  width: 407px;
  height: 168px;
  padding-top: 20px;
  padding-left: 25px;
  margin-top: 86px;
}
#mq_maquillage2308 .serif5 .serif_ph{
  width: 322px;
}
#mq_maquillage2308 .serif5::before{
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .serif5.is-active::before{
  width: 377px;
}
#mq_maquillage2308 .serif5::after{
  width: 2px;
  height: 0;
  top: 0;
  right: 0;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .serif5.is-active::after{
  height: 138px;
}
#mq_maquillage2308 .serif5 .serif_ph::before{
  transform: scale(-1, 1);
  bottom: -35px;
  left: 375px;
}

/* serif6 */
#mq_maquillage2308 .serif6{
  width: 340px;
  padding-bottom: 40px;
  padding-left: 25px;
}
#mq_maquillage2308 .serif6 .serif_ph{
  width: 278.5px;
}
#mq_maquillage2308 .serif6::before{
  width: 0;
  height: 2px;
  bottom: 0;
  left: 15px;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .serif6.is-active::before{
  width: 340px;
}
#mq_maquillage2308 .serif6::after{
  width: 2px;
  height: 0;
  top: -30px;
  left: -13px;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1) .5s;
}
#mq_maquillage2308 .serif6.is-active::after{
  height: 138px;
}
#mq_maquillage2308 .serif6 .serif_ph::before{
  bottom: -35px;
  left: -49px;
}

#mq_maquillage2308 .lecture_top{
  display: flex;
  justify-content: space-between;
}
/*----------------------------------------------------------------------------contact/credit/share */
#mq_maquillage2308 .contact {
  font-size: 14px;
  text-align: center;
}

#mq_maquillage2308 .credit {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 60px;
}

#mq_maquillage2308 .share {
  margin: 0 auto 120px;
  text-align: center;
}

#mq_maquillage2308 .share_headings {
  width: 100px;
  margin: 0 auto 30px;
}

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

#mq_maquillage2308 .share_item {
  width: 56px;
  display: inline-block;
  margin: 0 10px;
}
#mq_maquillage2308 .share_item a{
  display: block;
}