@charset "UTF-8";

/*--------------------------
>>  mqcontents
--------------------------*/

/*--------------------Reset*/
* {
  margin: 0px;
  padding: 0px;
}

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

#mq_esteelauder section {
  padding: 0 !important;
}

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

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

#mq_esteelauder 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_esteelauder p {
  font-size: 3.7333333333333334vw;
  line-height: 1.71;
}

#mq_esteelauder .caution {
  font-size: 2.6666666666666665vw;
  line-height: 1.8;
  color: #9f9f9f;
}

#mq_esteelauder .serif {
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  font-size: 3.7333333333333334vw;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

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

#mq_esteelauder .sup {
  font-size: 75.5%;
  vertical-align: top;
  position: relative;
  top: -0.2em;
}

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

#mq_esteelauder .is-sp {
  display: block;
}

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

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

/*Clearfix*/
#mq_esteelauder .cf:before,
#mq_esteelauder .cf:after {
  content: "";
  display: block;
  overflow: hidden;
}

#mq_esteelauder .cf:afte {
  clear: both;
}

#mq_esteelauder .cf {
  zoom: 1;
}

#mq_esteelauder .clear {
  clear: both;
}

/*Layout*/
#mq_esteelauder .container {
  width: 100%;
  margin: 0 auto;
}

/*--------------------------------------------------------------------------------------
mq_contents
-------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------- pr */
#mq_esteelauder .pr {
  width: 8vw;
  height: 4.5333vw;
  z-index: 2;
  padding-top: 2vw;
  margin-right: 4vw;
  margin-left: auto;
}

/*----------------------------------------------------------------------------contact/credit/share */
#mq_esteelauder .btn_online-shop {
  width: 84vw;
  margin: 10.6666vw auto;
}

#mq_esteelauder .btn_online-shop a {
  display: block;
}

#mq_esteelauder .sns {
  width: 92vw;
  margin: 0 auto;
}

#mq_esteelauder .sns_headings {
  margin: 0 auto 8vw;
  color:  #000;
  font-size: 4.8vw;
  line-height: 1;
  text-align: center;
  padding-bottom: 4vw;
  border-bottom: 1px solid #000;
}

#mq_esteelauder .sns_list {
  margin-bottom: 13.3333vw;
  text-align: center;
}

#mq_esteelauder .sns_item {
  font-size: 4.8vw;
  margin-bottom: 6vw;
  padding-left: 6.666vw;
  position: relative;
  display: inline-block;
}

#mq_esteelauder .sns_item:last-child {
  margin-bottom: 0;
}

#mq_esteelauder .sns_item::before {
  display: block;
  content: '';
  position: absolute;
  width: 3.7333333vw;
  height: 3.7333333vw;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-size: 3.7333333vw 3.7333333vw;
}

#mq_esteelauder .sns_item:first-child::before {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/esteelauder2204/img/icon_instagram@2x.png);
}

#mq_esteelauder .sns_item:nth-child(2)::before {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/esteelauder2204/img/icon_twitter@2x.png);
}

#mq_esteelauder .sns_item:nth-child(3)::before {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/esteelauder2204/img/icon_facebook@2x.png);
}

#mq_esteelauder .sns_item a {
  border-bottom: 1px solid #000;
  padding-bottom: 1vw;
  transition: all .5s ease;
}

#mq_esteelauder .sns_item a:hover {
  text-decoration: none;
}

#mq_esteelauder .contact {
  font-size: 3.73333vw;
  color: #000;
  width: 92vw;
  margin: 0 auto 8vw;
  text-align: center;
}

#mq_esteelauder .staff_credit {
  width: 92vw;
  font-size: 3.125vw;
  line-height: 1.5;
  color: #9f9f9f;
  font-size: 2.6666vw;
  line-height: 1.8;
  margin: 0 auto 10vw;
  text-align: center;
}

#mq_esteelauder .share {
  margin: 0 auto 13.3333vw;
  text-align: center;
}

#mq_esteelauder .share_headings {
  margin: 0 auto 4vw;
  width: 14.6666vw;
}

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

#mq_esteelauder .share_item {
  width: 13.333vw;
  display: inline-block;
  margin: 0 2vw;
}

/*-------------------------------------------------------------------------------- loading*/
#mq_esteelauder .loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1000;
}

/*  btnfix------------------------------------------------------------*/
#mq_esteelauder .btn_fix {
	position: fixed;
	z-index: 4;
	bottom: -20px;
	left: calc(50% + 90px);
  width: 24vw;
	height: 24vw;
	margin-bottom: 8vw;
  z-index: 10;
  opacity: 0;
  box-shadow: 4px 6px 10px 0px rgba(0, 0, 0, .15);
  border-radius: 50%;
}

#mq_esteelauder .btn_fix.fixed {
	-webkit-animation: pageIn 1000ms both;
	animation: pageIn 1000ms both;
  opacity: 1;
}

#mq_esteelauder .btn_fix.nofix {
	-webkit-animation: pageOut 1000ms both;
	animation: pageOut 1000ms both;
  opacity: 0;
}

/* mv -------------------------------------------------------------------------------- */
.mv {
  position: relative;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/esteelauder2204/img/mv_main_sp@2x.jpg);
  background-size: 100vw 124.4vw;
  background-position: center 0;
  background-repeat: no-repeat;
  width: 100%;
  height: 135.3vw;
}

#mq_esteelauder .mv.is-filter {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  -webkit-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.mv .container {
  position: relative;
  height: 131.73333vw;
}

.mv_ripple {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

#mq_esteelauder .mv_main {
  position: relative;
  margin-top: 96vw;
}


#mq_esteelauder .mv_catch {
  width: 91vw;
  margin: 0 auto;
  -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 .8s ease .5s;
  -ms-transition: all .8s ease .5s;
  -moz-transition: all .8s ease .5s;
  transition: all .8s ease .5s;
}

#mq_esteelauder .is-show .mv_catch {
  -webkit-transform: translate(0, 0);
  filter: alpha(opacity=100);
  opacity: 1;
  transform: translate(0, 0);
}


#mq_esteelauder .mv_title {
  width: 90.8vw;
  margin: 4.27vw auto 0;
  -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 .8s ease 1s;
  -ms-transition: all .8s ease 1s;
  -moz-transition: all .8s ease 1s;
  transition: all .8s ease 1s;
}

#mq_esteelauder .is-show .mv_title {
  -webkit-transform: translate(0, 0);
  filter: alpha(opacity=100);
  opacity: 1;
  transform: translate(0, 0);
}

/* block01 -------------------------------------------------------------------------------- */
#mq_esteelauder .block01 {
  position: relative;
  margin: 16vw 0 10vw;
}

#mq_esteelauder .block01 .container {
  position: relative;
  width: 92vw;
  margin: 0 auto;
}

#mq_esteelauder .block01 .headings {
  width: 67.6vw;
  margin: 0 auto;
}

#mq_esteelauder .block01 .caption {
  margin: 6.6666vw auto 0;
}

#mq_esteelauder .block01 .comment {
  margin: 6.6666vw auto 0;
  position: relative;
  display: flex;
  flex-direction: column;
  position: relative;
}

#mq_esteelauder .block01 .comment_wrap {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/esteelauder2204/img/block01_bg_sp@2x.png);
  background-size: 92vw 60.26666666vw;
  background-repeat: no-repeat;
  width: 92vw; 
  height: 60.26666666vw;
  position: relative;
  padding-top: 4.8vw;
  padding-left: 4.8vw;
}

#mq_esteelauder .block01 .comment_wrap:nth-of-type(2) {
  margin-top: 5.86666vw;
}

#mq_esteelauder .block01 .comment_headings {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#mq_esteelauder .block01 .comment_ph {
  width: 21.066666vw;
  margin-right: 4.26666vw;
  box-shadow: 4px 6px 10px 0px rgba(0, 0, 0, .15);
  border-radius: 50%;
}

#mq_esteelauder .block01 .comment_name {
  font-size: 4.26666vw;
  line-height: 1.31;
}

#mq_esteelauder .block01 .comment_name span {
  font-size: 3.2vw;
  line-height: 1.75;
  display: inline-block;
}

#mq_esteelauder .block01 .comment_wrap:nth-of-type(1) .comment_text {
  width: 58.66666vw;
  margin: 5.333333vw auto 0;
}

#mq_esteelauder .block01 .comment_wrap:nth-of-type(2) .comment_text {
  width: 64.9333333vw;
  margin: 5.333333vw auto 0;
}

#mq_esteelauder .block01 .caution {
  margin: 5.33333vw auto 0;
}

/* block02 -------------------------------------------------------------------------------- */
#mq_esteelauder .block02 {
  position: relative;
  height: 370vw;
  overflow: hidden;
}

#mq_esteelauder .block02 .container {
  padding: 10.666666vw 0;
}

#mq_esteelauder .block02 .headings {
  width: 88.6vw;
  margin: 0 auto;
}

#mq_esteelauder .block02::before {
  position: absolute;
  display: block;
  content: '';
  width: 150%;
  height: 150%;
  /*background: linear-gradient(-90deg, #ADD0FF,#e5f0ff, #fff0f4,#FFBCCE);*/
  /*background: linear-gradient(-90deg, #DBEAFF,#e5f0ff, #fff0f4,#FFEAF0);*/
  background: linear-gradient(-90deg, #c9e0ff,#e5f0ff, #fff0f4,#ffd6e1);
  background-size: 150% 150%;
  animation: GradietionAnimationSP 8s ease infinite;
  z-index: -1;
}

#mq_esteelauder .block02 .wrap {
  position: relative;
  margin: 8vw auto 0;
  width: 92vw;
}

#mq_esteelauder .block02 .photo,
#mq_esteelauder .block02 .ph {
  position: relative;
  width: 92vw;
  margin: 0 auto;
}

#mq_esteelauder .block02 .ph.slidein_inner {
  width: 92vw;
  height: 92vw;
}

#mq_esteelauder .block02 .credit {
  font-size: 3.2vw;
  line-height: 1.5;
  color: #262626;
  margin-top: 4vw;
}

#mq_esteelauder .block02 .caution {
  margin: 5vw auto 0;
}

#mq_esteelauder .block02 .text {
  position: relative;
  width: 96vw;
  background-color: rgba(255, 255, 255, .6);
  padding: 4vw 4.6vw;
  margin-top: 8vw;
}

#mq_esteelauder .block02 .btn_wrap {
  position: relative;
  margin: 8vw auto 0;
}

#mq_esteelauder .block02 .btn_detail {
  width: 84vw;
  margin: 0 auto;
}

#mq_esteelauder .block02 .btn_detail:nth-of-type(2) {
  margin-top: 4.2vw;
}

/* block03 -------------------------------------------------------------------------------- */
#mq_esteelauder .block03 {
  background-color: #f5f5f5;
  padding: 4vw 0 6.66666vw;
}

#mq_esteelauder .block03 .container {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/esteelauder2204/img/block03_bg_sp.png);
  background-size: 93.333333vw 100%;
  background-repeat: no-repeat;
  width: 93.333333vw; 
  height: 100%;
  margin: 0 auto;
  position: relative;
  padding: 10.33333vw 4vw 8vw;
}

#mq_esteelauder .block03 .catch {
  width: 33.066666vw;
  margin: 0 auto;
}

#mq_esteelauder .block03 .headings {
  width: 65.2vw;
  margin: 3.2vw auto 0;
}

#mq_esteelauder .block03 .lead {
  width: 65.3333vw;
  margin: 8vw auto 0;
}

#mq_esteelauder .block03 .caption {
  width: 84vw;
  margin: 4vw auto 0;
}

#mq_esteelauder .block03 .photo {
  width: 100%;
  height: 82.66666vw;
  position: relative;
  margin: 3.4vw auto 0;
}

#mq_esteelauder .block03 .ph {
  width: 54.2vw;
  position: absolute;
  left: -8vw;
  top: 0;
  z-index: 1;
}

#mq_esteelauder .block03 .photo_text {
  width: 33.06666vw;
  position: absolute;
  bottom: 0;
  right: 1.3333vw;
}

#mq_esteelauder .block03 .name {
  width: 32vw;
  height: 32vw;
  background-color: rgba(207, 227, 255, .5);
  border-radius: 50%;
  font-size: 5.866666vw;
  line-height: 1.36;
  text-align: center;
  padding: 8vw 0 0;
}

#mq_esteelauder .block03 .name span {
  font-size: 3.2vw;
  display: inline-block;
  line-height: 1.5;
}

#mq_esteelauder .block03 .prof {
  margin: 4.53333vw auto 0;
  width: 33.06666vw;
}

#mq_esteelauder .block03 .photo_text .caption {
  font-size: 3.2vw;
  line-height: 1.5;
  margin: 2.6vw auto 0;
  width: 33.06666vw;
}

#mq_esteelauder .question {
  margin: 10.6666vw auto 0;
}

#mq_esteelauder .question .question_headings {
  font-size: 4.8vw;
  line-height: 1.5;
  margin-top: 3.2vw;
}

#mq_esteelauder .question .question_caption {
  font-size: 3.73vw;
  line-height: 1.71;
  width: 84vw;
  margin: 5.33333vw auto 0;
}

#mq_esteelauder .question .question_answer {
  font-size: 4.8vw;
  line-height: 1.5;
  color: #2666bf;
  margin-top: 4vw;
}

#mq_esteelauder .question .question_answer span {
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 5.3333vw;
}

#mq_esteelauder .question .serif {
  padding-top: 2vw;
}

#mq_esteelauder .question .question_icon {
  transform: scale(0);
  transition: all 1.2s ease;
  opacity: 0;
}

#mq_esteelauder .question .question_icon.is-active  {
  opacity: 1;
  transform: scale(1);
}

#mq_esteelauder .question .question_illust {
  margin-top: 8vw;
}

#mq_esteelauder .question .question_list-headings {
  font-size: 4vw;
  line-height: 1.4666;
  letter-spacing: 0.05em;
  color: #2666bf;
  padding-left: .1em;
	text-indent: -.1em;
  position: relative;
  margin-left: 8vw;
}

#mq_esteelauder .question .question_list-headings::before {
  display: block;
  content: '';
  background-image: url('https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/esteelauder2204/img/icon_check@2x.png');
  position: absolute;
  width: 3.6vw;
  height: 3.6vw;
  left: -5.7vw;
  top: 1vw;
  background-size: 3.6vw 3.6vw;
}

#mq_esteelauder .question1 .question_icon {
  width: 12.26666vw;
}

#mq_esteelauder .question1 .question_illust {
  background-image: url('https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/esteelauder2204/img/block03_q1_bg_sp@2x.png');
  background-size: 84vw 100%;
  width: 84vw;
  height: 100%;
  padding: 0 4vw 4.6666vw;
}

#mq_esteelauder .question1 .question_list-item:nth-child(1) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#mq_esteelauder .question1 .question_list-ph {
  width: 21.3333vw;
}

#mq_esteelauder .question1 .question_list-item:nth-child(2) {
  width: 76vw;
  margin: 2vw auto 0;
}

#mq_esteelauder .question1 .question_list-item:nth-child(3) {
  width: 76vw;
  margin: 4.66vw auto 0;
}

#mq_esteelauder .question2 .question_icon {
  width: 13.8vw;
}

#mq_esteelauder .question2 .question_illust {
  background-image: url('https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/esteelauder2204/img/block03_q2_bg_sp@2x.png');
  background-size: 84vw 100%;
  width: 84vw;
  height: 100%;
  padding: 0 4vw 2.66666vw;
  margin-top: 8vw;
}

#mq_esteelauder .question2 .question_list-item {
  margin: 4vw auto 0;
}

#mq_esteelauder .question2 .question_list-caption {
  font-size: 3.2vw;
  line-height: 1.5;
  margin: 2vw auto 0;
  width:73.2vw;
}

#mq_esteelauder .question2 .question_list-item:nth-child(3) {
  margin-top: 0;
}

#mq_esteelauder .question2 .question_list-ph {
  width: 73.3333vw;
  margin: 0 auto 0;
}

#mq_esteelauder .question2 .question_list-item:nth-child(4) {
  background-color: #f0e5ff;
  width: 78.66666vw;
  padding: 2vw;
  margin: 2vw auto 0;
}

#mq_esteelauder .answer {
  margin: 12vw auto 0;
  background-color:  #e5f0ff;
  width: 84vw;
  padding: 5.333vw 4vw 4vw;
  position: relative;
}

#mq_esteelauder .answer::before {
  display: block;
  content: '';
  background-image: url('https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/esteelauder2204/img/block03_q_catch_sp@2x.png');
  position: absolute;
  width: 19.33333vw;
  height: 4vw;
  left: 50%;
  top: -1.46vw;
  transform: translateX(-50%);
  background-size: 19.33333vw 4vw;
}

#mq_esteelauder .answer::after {
  content: '';
  display: block;
  width: 57.06666vw;
  height: 10%;
  background-image: -webkit-linear-gradient(left, transparent 50%, #fff 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #fff 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #fff 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #fff 50%);
  background-image: linear-gradient(left, transparent 50%, #fff 50%);
  background-position: 0 bottom;
  background-repeat: repeat-x;
  background-size: 200% 50%;
  position: absolute;
  top: 3vw;
  left: 50%;
  transform: translateX(-50%);
  transition: all 1.5s ease .5s;
  z-index: -1;
}

#mq_esteelauder .answer.is-active::after {
  background-position: -100% bottom;
}

#mq_esteelauder .answer_headings {
  width: 67.93333vw;
  height: 20.9333333vw;
  margin: 0 auto;
  position: relative;
}

#mq_esteelauder .answer_headings::before {
  content: '';
  display: block;
  background-image: -webkit-linear-gradient(left, transparent 50%, #fff 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #fff 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #fff 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #fff 50%);
  background-image: linear-gradient(left, transparent 50%, #fff 50%);
  background-position: 0 bottom;
  width: 29.3333333vw;
  height: 35%;
  background-repeat: repeat-x;
  background-size: 200% 50%;
  position: absolute;
  top: 6vw;
  left: 50%;
  transform: translateX(-50%);
  transition: all 1.5s ease .5s;
  z-index: -1;
}

#mq_esteelauder .answer_headings::after {
  content: '';
  display: block;
  background-image: -webkit-linear-gradient(left, transparent 50%, #fff 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #fff 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #fff 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #fff 50%);
  background-image: linear-gradient(left, transparent 50%, #fff 50%);
  background-position: 0 bottom;
  width: 68vw;
  height: 35%;
  background-repeat: repeat-x;
  background-size: 200% 50%;
  position: absolute;
  top: 14vw;
  left: 50%;
  transform: translateX(-50%);
  transition: all 1.5s ease .5s;
  z-index: -1;
}

#mq_esteelauder .is-active .answer_headings::before,
#mq_esteelauder .is-active .answer_headings::after {
  background-position: -100% bottom;
}

#mq_esteelauder .answer_caption {
  margin: 4vw auto 0;
  font-size: 3.73vw;
  line-height: 1.71;
}

/* block04 -------------------------------------------------------------------------------- */
#mq_esteelauder .block04 {
  background-color: #fff2f3;
  padding: 8vw 0 10.6666vw;
}

#mq_esteelauder .block04 .headings {
  font-size: 5.33333vw;
  line-height: 1.5;
  text-align: center;
}

#mq_esteelauder .block04 .headings span {
  font-weight: bold;
  color: #f76f7b;
}

#mq_esteelauder .block04 .wrap {
  width: 92vw;
  margin: 8vw auto 0;
  position: relative;
}

#mq_esteelauder .present_catch {
  position: relative;
  width: 51.3333vw;
  height: 20.26666vw;
  transform: rotate(-10deg);
}

#mq_esteelauder .block04 .photo {
  position: relative;
  width: 92vw;
  height: 92vw;
  margin: 0 auto;
  z-index: 1;
}

#mq_esteelauder .block04 .ph {
  width: 92vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  box-shadow: 4px 6px 12px 0px rgba(0, 0, 0, .15);
}

#mq_esteelauder .present_catch-img {
  position: absolute;
  top: 0;
  left: 4vw;
  opacity: 0;
  transition: all .5s;
  transform: translateY(20px);
  width: 51.3333vw;
  z-index: 5;
}

#mq_esteelauder .present_catch.is-active .present_catch-img {
  opacity: 1;
  transform: translateY(0);
}

#mq_esteelauder .present_catch.is-active .present_catch-img:first-child {
}

#mq_esteelauder .present_catch.is-active .present_catch-img:nth-child(2) {
  transition-delay: .1s;
}
#mq_esteelauder .present_catch.is-active .present_catch-img:nth-child(3) {
  transition-delay: .2s;
}
#mq_esteelauder .present_catch.is-active .present_catch-img:nth-child(4) {
  transition-delay: .3s;
}
#mq_esteelauder .present_catch.is-active .present_catch-img:nth-child(5) {
  transition-delay: .4s;
}
#mq_esteelauder .present_catch.is-active .present_catch-img:nth-child(6) {
  transition-delay: .5s;
}
#mq_esteelauder .present_catch.is-active .present_catch-img:nth-child(7) {
  transition-delay: .6s;
}
#mq_esteelauder .present_catch.is-active .present_catch-img:nth-child(8) {
  transition-delay: .7s;
}

#mq_esteelauder .block04 .text {
  margin: 5.3333vw auto 0;
}

#mq_esteelauder .block04 .caption {
  font-size: 3.733vw;
  line-height: 1.71;
}

#mq_esteelauder .block04 .date {
  font-size: 4.8vw;
  line-height: 1.38;
  font-weight: bold;
  color: #f76f7b;
  margin-top: 15px;
  text-align: center;
}

#mq_esteelauder .block04 .date span {
  font-size: 3.733vw;
  line-height: 1.5;
  background-color: #f76f7b;
  color: #fff;
  display: inline-block;
  padding: 0 2vw;
  margin-bottom: 2vw;
}

#mq_esteelauder .block04 .present_btn {
  width: 84vw;
  margin: 8vw auto 0; 
}

#mq_esteelauder .block04 .caution {
  width: 92vw;
  margin: 4vw auto 0;
}