/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 128, sass/makeup_season.scss */
.animation, .event-promo-attr .tip-container .tip-txt a span, .event-promo-attr .tip-container .tip-txt a:after {
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

/* line 133, sass/makeup_season.scss */
#content {
  margin-bottom: -100px;
}
@media only screen and (max-width: 767px) {
  /* line 133, sass/makeup_season.scss */
  #content {
    margin-bottom: -60px;
  }
}

/* line 140, sass/makeup_season.scss */
.message-box .title {
  line-height: 120%;
}
/* line 143, sass/makeup_season.scss */
.message-box .wrap-border {
  padding: 30px 20px 30px;
  line-height: 120%;
}

/* line 148, sass/makeup_season.scss */
.menu-flow {
  margin-top: 30px;
}
/* line 151, sass/makeup_season.scss */
.menu-flow ul {
  white-space: nowrap;
  overflow-x: auto;
  text-align: center;
}
/* line 155, sass/makeup_season.scss */
.menu-flow ul li {
  display: inline-block;
  vertical-align: middle;
}
/* line 158, sass/makeup_season.scss */
.menu-flow ul li a {
  display: inline-block;
  padding: 10px 0 5px;
  font-size: 20px;
  line-height: 130%;
  color: #353535;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  /* line 158, sass/makeup_season.scss */
  .menu-flow ul li a {
    padding: 20px 0 15px;
  }
}
/* line 183, sass/makeup_season.scss */
.menu-flow ul li:after {
  display: inline-block;
  content: '';
  height: 30px;
  margin: 0 30px;
  border-right: 1px solid #353535;
  vertical-align: middle;
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
/* line 193, sass/makeup_season.scss */
.menu-flow ul li:last-child:after {
  display: none;
}

/* line 203, sass/makeup_season.scss */
.event-promo-attr .default-w > div > .title {
  padding-top: 15px;
  font-size: 52px;
  color: #373737;
  font-weight: bold;
  text-align: center;
  border-bottom: 0;
}
@media only screen and (max-width: 767px) {
  /* line 203, sass/makeup_season.scss */
  .event-promo-attr .default-w > div > .title {
    font-size: 31.2px;
  }
}
/* line 213, sass/makeup_season.scss */
.event-promo-attr .default-w > div > .title:after {
  content: '';
  display: block;
  margin-top: 5px;
  border-bottom: 1px solid #000;
}
@media only screen and (max-width: 767px) {
  /* line 219, sass/makeup_season.scss */
  .event-promo-attr .default-w > div > .title .line2 {
    display: block;
  }
}
/* line 225, sass/makeup_season.scss */
.event-promo-attr .default-w > div > .title.fr-attr {
  font-size: 46px;
}
@media only screen and (max-width: 767px) {
  /* line 225, sass/makeup_season.scss */
  .event-promo-attr .default-w > div > .title.fr-attr {
    font-size: 27.6px;
  }
}
/* line 230, sass/makeup_season.scss */
.event-promo-attr .default-w > div > .title.fr-attr .color-attr {
  color: #f35a95;
}
/* line 236, sass/makeup_season.scss */
.event-promo-attr .disp-container {
  position: relative;
  margin: 40px 0 25px;
  border: 1px solid #d9d9d9;
}
@media only screen and (max-width: 767px) {
  /* line 236, sass/makeup_season.scss */
  .event-promo-attr .disp-container {
    max-width: 400px;
    margin: 40px auto 25px;
  }
}
/* line 244, sass/makeup_season.scss */
.event-promo-attr .disp-container > * {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 1024px) {
  /* line 244, sass/makeup_season.scss */
  .event-promo-attr .disp-container > * {
    vertical-align: top;
  }
}
/* line 251, sass/makeup_season.scss */
.event-promo-attr .disp-container .txt-disp {
  width: 335px;
  margin-left: 10px;
  padding: 0 0 25px;
  font-size: 22px;
  color: #373737;
  line-height: 140%;
}
@media only screen and (max-width: 1024px) {
  /* line 251, sass/makeup_season.scss */
  .event-promo-attr .disp-container .txt-disp {
    width: 40%;
    position: relative;
    padding: 20px 0 90px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 251, sass/makeup_season.scss */
  .event-promo-attr .disp-container .txt-disp {
    width: auto;
    margin-left: 0;
    padding: 20px 10px 90px;
  }
}
/* line 268, sass/makeup_season.scss */
.event-promo-attr .disp-container .txt-disp:first-letter {
  line-height: 0;
  font-size: 40px;
}
/* line 277, sass/makeup_season.scss */
.event-promo-attr .disp-container .txt-disp .note {
  width: 335px;
  position: absolute;
  bottom: 10px;
  right: 30px;
  font-size: 14px;
}
@media only screen and (max-width: 1024px) {
  /* line 277, sass/makeup_season.scss */
  .event-promo-attr .disp-container .txt-disp .note {
    width: 100%;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  /* line 277, sass/makeup_season.scss */
  .event-promo-attr .disp-container .txt-disp .note {
    width: auto;
    left: 10px;
    right: 10px;
  }
}
/* line 292, sass/makeup_season.scss */
.event-promo-attr .disp-container .txt-disp .note a {
  display: block;
  line-height: 150%;
  text-decoration: underline;
}
/* line 300, sass/makeup_season.scss */
.event-promo-attr .step-container {
  margin: 0 auto 15px;
}
@media only screen and (max-width: 767px) {
  /* line 300, sass/makeup_season.scss */
  .event-promo-attr .step-container {
    max-width: 318px;
    margin: 0 auto 30px;
  }
}
/* line 306, sass/makeup_season.scss */
.event-promo-attr .step-container .swiper-button-next, .event-promo-attr .step-container .swiper-button-prev {
  display: none;
}
@media only screen and (max-width: 1024px) {
  /* line 306, sass/makeup_season.scss */
  .event-promo-attr .step-container .swiper-button-next, .event-promo-attr .step-container .swiper-button-prev {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  /* line 306, sass/makeup_season.scss */
  .event-promo-attr .step-container .swiper-button-next, .event-promo-attr .step-container .swiper-button-prev {
    display: none;
  }
}
/* line 315, sass/makeup_season.scss */
.event-promo-attr .step-container .nav-dot {
  display: none;
}
@media only screen and (max-width: 767px) {
  /* line 315, sass/makeup_season.scss */
  .event-promo-attr .step-container .nav-dot {
    display: block;
    width: 100%;
  }
}
/* line 322, sass/makeup_season.scss */
.event-promo-attr .step-container .swiper-wrapper.list-container .swiper-slide {
  margin: 0 23px 0 0;
}
/* line 324, sass/makeup_season.scss */
.event-promo-attr .step-container .swiper-wrapper.list-container .swiper-slide:last-child {
  margin: 0;
}
/* line 328, sass/makeup_season.scss */
.event-promo-attr .step-container li {
  max-width: 318px;
  font-size: 16px;
  line-height: 145%;
  list-style-type: none;
}
/* line 335, sass/makeup_season.scss */
.event-promo-attr .step-container li .step-list > li:before {
  display: block;
  margin: 0 0 -23px -19px;
}
/* line 341, sass/makeup_season.scss */
.event-promo-attr .step-container li ul {
  margin-top: 18px;
}
/* line 344, sass/makeup_season.scss */
.event-promo-attr .step-container li .b-font {
  font-weight: bold;
}
/* line 351, sass/makeup_season.scss */
.event-promo-attr .step-container li:nth-child(1) .step-list > li:nth-child(1):before {
  content: '1.';
}
/* line 356, sass/makeup_season.scss */
.event-promo-attr .step-container li:nth-child(1) .step-list > li:nth-child(2):before {
  content: '2.';
}
/* line 367, sass/makeup_season.scss */
.event-promo-attr .step-container li:nth-child(2) .step-list > li:nth-child(1):before {
  content: '3.';
}
/* line 372, sass/makeup_season.scss */
.event-promo-attr .step-container li:nth-child(2) .step-list > li:nth-child(2):before {
  content: '4.';
}
/* line 383, sass/makeup_season.scss */
.event-promo-attr .step-container li:nth-child(3) .step-list > li:nth-child(1):before {
  content: '5.';
}
/* line 388, sass/makeup_season.scss */
.event-promo-attr .step-container li:nth-child(3) .step-list > li:nth-child(2):before {
  content: '6.';
}
/* line 402, sass/makeup_season.scss */
.event-promo-attr .step-container #step03.en-sp li:nth-child(3) .step-list > li:nth-child(1):before {
  content: '4.';
}
/* line 412, sass/makeup_season.scss */
.event-promo-attr .tip-container {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  /* line 412, sass/makeup_season.scss */
  .event-promo-attr .tip-container {
    margin-bottom: 30px;
  }
}
/* line 417, sass/makeup_season.scss */
.event-promo-attr .tip-container > * {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
/* line 422, sass/makeup_season.scss */
.event-promo-attr .tip-container .icon {
  max-width: 93px;
  z-index: 11;
}
@media only screen and (max-width: 767px) {
  /* line 422, sass/makeup_season.scss */
  .event-promo-attr .tip-container .icon {
    max-width: 46px;
  }
}
/* line 429, sass/makeup_season.scss */
.event-promo-attr .tip-container .tip-txt {
  width: 95%;
  width: -moz-calc((100% - 47px));
  width: -webkit-calc((100% - 47px));
  width: calc((100% - 47px));
  margin: 14px 0 0 -50px;
  padding: 9px 15px 6px 60px;
  color: #fff;
  background: #373737;
  font-size: 16px;
  line-height: 145%;
}
@media only screen and (max-width: 767px) {
  /* line 429, sass/makeup_season.scss */
  .event-promo-attr .tip-container .tip-txt {
    width: 96.5%;
    width: -moz-calc((100% - 10px));
    width: -webkit-calc((100% - 10px));
    width: calc((100% - 10px));
    margin: 14px 0 0 -45px;
    padding: 9px 15px 6px 50px;
  }
}
/* line 444, sass/makeup_season.scss */
.event-promo-attr .tip-container .tip-txt .sub-title {
  font-size: 22px;
  line-height: 130%;
}
/* line 448, sass/makeup_season.scss */
.event-promo-attr .tip-container .tip-txt p {
  padding: 0 185px 0 0;
}
@media only screen and (max-width: 767px) {
  /* line 448, sass/makeup_season.scss */
  .event-promo-attr .tip-container .tip-txt p {
    padding: 0 0 50px 0;
  }
}
/* line 454, sass/makeup_season.scss */
.event-promo-attr .tip-container .tip-txt .with-nums {
  padding: 0 140px 0 19px;
}
@media only screen and (max-width: 767px) {
  /* line 454, sass/makeup_season.scss */
  .event-promo-attr .tip-container .tip-txt .with-nums {
    padding: 10px 0 50px 19px;
  }
}
/* line 460, sass/makeup_season.scss */
.event-promo-attr .tip-container .tip-txt a {
  display: block;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
@media only screen and (min-width: 1025px) {
  /* line 467, sass/makeup_season.scss */
  .event-promo-attr .tip-container .tip-txt a:hover span {
    color: #adadad;
    border-bottom: 1px solid #adadad;
  }
  /* line 471, sass/makeup_season.scss */
  .event-promo-attr .tip-container .tip-txt a:hover:after {
    border-color: transparent transparent transparent #adadad;
  }
}
/* line 476, sass/makeup_season.scss */
.event-promo-attr .tip-container .tip-txt a span {
  display: inline-block;
  border-bottom: 1px solid #fff;
  line-height: 110%;
  color: #fff;
}
/* line 483, sass/makeup_season.scss */
.event-promo-attr .tip-container .tip-txt a:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 5px;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #fff;
  vertical-align: 2px;
}
/* line 498, sass/makeup_season.scss */
.event-promo-attr .video-btn {
  display: block;
  width: 100%;
  max-width: 335px;
  margin: 30px auto 0;
  padding: 0 10px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzYWRjOSIvPjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZjNhZGM5Ii8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNlODg0YWMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMjZkOTQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3adc9), color-stop(30%, #f3adc9), color-stop(70%, #e884ac), color-stop(100%, #d26d94));
  background: -moz-linear-gradient(#f3adc9, #f3adc9 30%, #e884ac 70%, #d26d94);
  background: -webkit-linear-gradient(#f3adc9, #f3adc9 30%, #e884ac 70%, #d26d94);
  background: linear-gradient(#f3adc9, #f3adc9 30%, #e884ac 70%, #d26d94);
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (min-width: 1025px) {
  /* line 512, sass/makeup_season.scss */
  .event-promo-attr .video-btn:hover {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyNmQ5NCIvPjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZTg4NGFjIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmM2FkYzkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2FkYzkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d26d94), color-stop(30%, #e884ac), color-stop(70%, #f3adc9), color-stop(100%, #f3adc9));
    background: -moz-linear-gradient(#d26d94, #e884ac 30%, #f3adc9 70%, #f3adc9);
    background: -webkit-linear-gradient(#d26d94, #e884ac 30%, #f3adc9 70%, #f3adc9);
    background: linear-gradient(#d26d94, #e884ac 30%, #f3adc9 70%, #f3adc9);
  }
}
@media only screen and (max-width: 1024px) {
  /* line 498, sass/makeup_season.scss */
  .event-promo-attr .video-btn {
    margin: 30px auto;
  }
}
@media only screen and (max-width: 767px) {
  /* line 498, sass/makeup_season.scss */
  .event-promo-attr .video-btn {
    margin: 30px auto 15px;
  }
}
/* line 522, sass/makeup_season.scss */
.event-promo-attr .video-btn .click {
  display: inline-block;
  max-width: 25px;
  margin-left: 15px;
  vertical-align: 0;
}
/* line 537, sass/makeup_season.scss */
.event-promo-attr #s01 .title .big {
  display: inline-block;
  font-size: 80px;
  vertical-align: -9px;
}
@media only screen and (max-width: 767px) {
  /* line 537, sass/makeup_season.scss */
  .event-promo-attr #s01 .title .big {
    font-size: 48px;
    vertical-align: -6px;
  }
}
/* line 548, sass/makeup_season.scss */
.event-promo-attr #s01 .disp-container .m-pic {
  max-width: 620px;
  margin: -17px 0 -13px -1px;
}
@media only screen and (max-width: 1024px) {
  /* line 548, sass/makeup_season.scss */
  .event-promo-attr #s01 .disp-container .m-pic {
    max-width: 400px;
    margin: -11px 0 -13px -1px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 548, sass/makeup_season.scss */
  .event-promo-attr #s01 .disp-container .m-pic {
    margin: -11px 0 0 -1px;
  }
}
/* line 565, sass/makeup_season.scss */
.event-promo-attr #s02 .title .img {
  display: inline-block;
  max-width: 127px;
  margin: 0 5px;
  vertical-align: 0;
}
/* line 573, sass/makeup_season.scss */
.event-promo-attr #s02 .disp-container .m-pic {
  max-width: 620px;
  margin: -12px 0 -1px -1px;
}
@media only screen and (max-width: 1024px) {
  /* line 573, sass/makeup_season.scss */
  .event-promo-attr #s02 .disp-container .m-pic {
    max-width: 400px;
    margin: -8px 0 -1px -1px;
  }
}
/* line 585, sass/makeup_season.scss */
.event-promo-attr #s03 .title .w1, .event-promo-attr #s03 .title .w2 {
  display: inline-block;
  font-size: 60px;
  color: #d26d91;
}
@media only screen and (max-width: 767px) {
  /* line 585, sass/makeup_season.scss */
  .event-promo-attr #s03 .title .w1, .event-promo-attr #s03 .title .w2 {
    font-size: 36px;
  }
}
/* line 593, sass/makeup_season.scss */
.event-promo-attr #s03 .title .w1 {
  vertical-align: 15px;
}
/* line 596, sass/makeup_season.scss */
.event-promo-attr #s03 .title .w2 {
  vertical-align: -10px;
}
/* line 601, sass/makeup_season.scss */
.event-promo-attr #s03 .disp-container .m-pic {
  max-width: 695px;
  margin: -9px 0 -1px -1px;
}
@media only screen and (max-width: 1024px) {
  /* line 601, sass/makeup_season.scss */
  .event-promo-attr #s03 .disp-container .m-pic {
    max-width: 400px;
    margin: -5px 0 -1px -1px;
  }
}
/* line 609, sass/makeup_season.scss */
.event-promo-attr #s03 .disp-container .txt-disp {
  margin-left: -65px;
}
@media only screen and (max-width: 1024px) {
  /* line 609, sass/makeup_season.scss */
  .event-promo-attr #s03 .disp-container .txt-disp {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 609, sass/makeup_season.scss */
  .event-promo-attr #s03 .disp-container .txt-disp {
    margin-left: 0;
  }
}
/* line 621, sass/makeup_season.scss */
.event-promo-attr #s04 .nav-dot {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  /* line 631, sass/makeup_season.scss */
  .event-promo-attr .recommend-attr {
    margin-bottom: 30px;
  }
}
/* line 635, sass/makeup_season.scss */
.event-promo-attr .recommend-attr .list-container {
  margin-top: 10px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  /* line 635, sass/makeup_season.scss */
  .event-promo-attr .recommend-attr .list-container {
    margin-top: 30px;
  }
}

/* line 644, sass/makeup_season.scss */
.note-container {
  padding: 30px 0 60px;
  background: #f5e7cd;
}

/* line 648, sass/makeup_season.scss */
.note-disp-btn {
  display: table;
  width: 130px;
  height: 130px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.5);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
/* line 657, sass/makeup_season.scss */
.note-disp-btn .inner-btn {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
/* line 661, sass/makeup_season.scss */
.note-disp-btn .inner-btn a {
  display: block;
  position: relative;
  margin: -20% 0 0;
  color: #000;
  letter-spacing: 1px;
}
/* line 667, sass/makeup_season.scss */
.note-disp-btn .inner-btn a span {
  display: block;
  position: relative;
  font-size: 24px;
}
/* line 671, sass/makeup_season.scss */
.note-disp-btn .inner-btn a span:before, .note-disp-btn .inner-btn a span:after {
  content: '';
  position: absolute;
  top: 55px;
  left: 50%;
  left: -moz-calc((50% - 1px));
  left: -webkit-calc((50% - 1px));
  left: calc((50% - 1px));
}
/* line 678, sass/makeup_season.scss */
.note-disp-btn .inner-btn a span:before {
  width: 30px;
  border-top: 2px solid #000;
  margin-left: -14px;
}
/* line 683, sass/makeup_season.scss */
.note-disp-btn .inner-btn a span:after {
  height: 30px;
  border-right: 2px solid #000;
  margin-top: -14px;
}

/* line 693, sass/makeup_season.scss */
#s1 {
  width: 1px;
  height: 1px;
  position: absolute;
  top: -153px;
  left: 0;
}
@media only screen and (max-width: 1024px) {
  /* line 693, sass/makeup_season.scss */
  #s1 {
    top: -93px;
  }
}

/* line 693, sass/makeup_season.scss */
#s2 {
  width: 1px;
  height: 1px;
  position: absolute;
  top: -153px;
  left: 0;
}
@media only screen and (max-width: 1024px) {
  /* line 693, sass/makeup_season.scss */
  #s2 {
    top: -93px;
  }
}

/* line 693, sass/makeup_season.scss */
#s3 {
  width: 1px;
  height: 1px;
  position: absolute;
  top: -153px;
  left: 0;
}
@media only screen and (max-width: 1024px) {
  /* line 693, sass/makeup_season.scss */
  #s3 {
    top: -93px;
  }
}

/* line 693, sass/makeup_season.scss */
#s4 {
  width: 1px;
  height: 1px;
  position: absolute;
  top: -153px;
  left: 0;
}
@media only screen and (max-width: 1024px) {
  /* line 693, sass/makeup_season.scss */
  #s4 {
    top: -93px;
  }
}

/* line 693, sass/makeup_season.scss */
#s5 {
  width: 1px;
  height: 1px;
  position: absolute;
  top: -153px;
  left: 0;
}
@media only screen and (max-width: 1024px) {
  /* line 693, sass/makeup_season.scss */
  #s5 {
    top: -93px;
  }
}

/* line 693, sass/makeup_season.scss */
#s6 {
  width: 1px;
  height: 1px;
  position: absolute;
  top: -153px;
  left: 0;
}
@media only screen and (max-width: 1024px) {
  /* line 693, sass/makeup_season.scss */
  #s6 {
    top: -93px;
  }
}