@charset "UTF-8";

/* コンテナ固定幅
--------------------------------------- */
#container {
  width: 100%;
  position: relative;
}

/* メインコンテンツ
--------------------------------------- */
#main_contents {
  width: 100%;
}


/* =========================================================

Qieto 1day Color

========================================================= */
#qieto1daycolor * {
  font-family: "YakuHanJP_Noto", "Roboto", "Noto Sans JP", sans-serif;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

#qieto1daycolor {
  color: #636363;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.2em;
}

#qieto1daycolor div,
#qieto1daycolor p,
#qieto1daycolor h1,
#qieto1daycolor h2,
#qieto1daycolor h3,
#qieto1daycolor ul,
#qieto1daycolor li,
#qieto1daycolor a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}

#qieto1daycolor em {
  font-style: normal;
}

/* メイン
--------------------------------------- */
#qieto1daycolor .main-visual {
  position: relative;
}

#qieto1daycolor .main-logo {
  z-index: 100;
  position: absolute;
  top: 18%;
  left: 20%;
  width: 9.5%;
}

#qieto1daycolor .main-catch {
  z-index: 100;
  position: absolute;
  top: 40%;
  left: 20%;
  color: #fff;
  font-weight: 500;
  font-size: 1.4vw;
  line-height: 1.5;
}

#qieto1daycolor .main-dots {
  z-index: 5;
  position: absolute;
  top: 70%;
  left: 9%;
  width: 8.5%;
}

#qieto1daycolor .main-lens {
  z-index: 5;
  position: absolute;
  top: 60%;
  left: 20%;
  width: 22%;
}

#qieto1daycolor .swiper-container {
  width: 100%;
  margin-top: 75px;
}

#qieto1daycolor .swiper-container img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

#qieto1daycolor .swiper-button-next,
#qieto1daycolor .swiper-container-rtl .swiper-button-prev {
  -webkit-transform: rotate(45deg);
  right: 5%;
  left: auto;
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  background-image: none;
}

#qieto1daycolor .swiper-button-prev,
#qieto1daycolor .swiper-container-rtl .swiper-button-next {
  -webkit-transform: rotate(-135deg);
  right: auto;
  left: 5%;
  width: 30px;
  height: 30px;
  transform: rotate(-135deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  background-image: none;
}

#qieto1daycolor .swiper-slide-active .slide-img,
#qieto1daycolor .swiper-slide-duplicate-active .slide-img,
#qieto1daycolor .swiper-slide-prev .slide-img {
  -webkit-animation: zoomup 10s linear 0s 1 normal both;
  animation: zoomup 10s linear 0s 1 normal both;
}

#qieto1daycolor .slide-img img {
  display: block;
}

#qieto1daycolor .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
}

#qieto1daycolor .swiper-pagination-bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: solid 1px #fff;
  border-radius: 100%;
  background: transparent;
  opacity: 1;
}

#qieto1daycolor .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}

@-webkit-keyframes zoomup {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes zoomup {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

/* キャッチ部分
--------------------------------------- */
#qieto1daycolor .catch_area {
  position: relative;
  padding: 110px 0 0;
}

#qieto1daycolor .catch_wrap {
  position: relative;
  width: 77%;
  margin: 0 auto;
}

#qieto1daycolor .catch_title {
  margin: 0 8% 0 10%;
  color: #24272a;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: center;
}

#qieto1daycolor .catch_text {
  margin: 45px auto 0;
  font-weight: 500;
  font-size: 1rem;
  line-height: 2;
  text-align: center;
}

#qieto1daycolor .catch_img {
  margin: 60px 20% 0 24%;
}

#qieto1daycolor .catch_img img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

#qieto1daycolor .catch_wrap .dot01 {
  position: absolute;
  top: 75%;
  left: 0;
}

#qieto1daycolor .catch_wrap .dot02 {
  position: absolute;
  top: 90%;
  left: 15%;
}

#qieto1daycolor .catch_wrap .dot03 {
  position: absolute;
  top: 51%;
  right: 17%;
}

#qieto1daycolor .catch_wrap .dot04 {
  position: absolute;
  top: 78%;
  right: 9%;
}

#qieto1daycolor .catch_wrap .dot05 {
  position: absolute;
  top: 63%;
  right: -13%;
}

#qieto1daycolor .catch_wrap .line01 {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: -115px;
  left: 0;
  width: 1px;
  height: 68px;
  margin: 0 auto;
  background: #e5bd54;
}

#qieto1daycolor .bar1 {
  width: 90%;
  height: 90px;
  margin: 80px 0 0 auto;
  background: #eff5f9;
}

/* 共通パーツ
--------------------------------------- */
#qieto1daycolor .contents_area {
  width: 100%;
  margin: 130px auto 0;
}

#qieto1daycolor .contents_area.bg_be {
  position: relative;
  margin: 205px auto 0;
}

#qieto1daycolor .contents_area.bg_be::before {
  display: block;
  position: absolute;
  left: 0;
  top: 55px;
  width: 1548px;
  height: 1190px;
  background: #faf9f8;
  content: "";
}

#qieto1daycolor .contents_area.bg_se {
  position: relative;
  margin: 155px auto 0;
}

#qieto1daycolor .contents_area.bg_se::before {
  display: block;
  position: absolute;
  right: 0;
  top: 55px;
  width: 1548px;
  height: 1190px;
  background: #fefbf1;
  content: "";
}

#qieto1daycolor .contents_area.bg_le {
  position: relative;
  margin: 15% auto 11%;
}

#qieto1daycolor .contents_area.bg_le::before {
  display: block;
  position: absolute;
  left: 0;
  top: 55px;
  width: 1548px;
  height: 1190px;
  background: #faf6f6;
  content: "";
}

#qieto1daycolor .contents_inner {
  width: 1020px;
  margin: 0 auto;
}

#qieto1daycolor .contents_title img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

#qieto1daycolor .product_btn {
  -webkit-box-sizing: border-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-transition: all 0.6s;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 50px;
  margin: 170px 0 0 160px;
  border: solid 1px #524f4a;
  background-color: transparent;
  color: inherit;
  font-size: 1.1rem;
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.6s;
  width: 300px;
}

#qieto1daycolor .qui_btn_arrow {
  -webkit-transition: all 0.3s;
  display: block;
  position: absolute;
  top: 30%;
  right: -5%;
  width: 30px;
  height: 11px;
  transition: all 0.3s;
}

#qieto1daycolor .qui_btn_arrow::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 1px;
  background: #333;
  content: "";
}

#qieto1daycolor .qui_btn_arrow::after {
  -webkit-transform: rotate(49deg);
  position: absolute;
  right: -5.6%;
  bottom: 38%;
  width: 10px;
  height: 1px;
          transform: rotate(49deg);
  background: #333;
  content: "";
}

#qieto1daycolor .product_btn.left {
  margin: 165px 0 0 570px;
}

/* LINE UP
--------------------------------------- */
#qieto1daycolor .lineup_list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 600px;
  margin: 65px auto 0;
}

#qieto1daycolor .lineup_list li a {
  display: block;
}

/* LINE UP 紹介部分 brillianteyes
--------------------------------------- */
#qieto1daycolor #brilliant_eyes {
  position: relative;
  margin: -50px 0 0;
  padding: 50px 0 10%;
}

#qieto1daycolor #brilliant_eyes .product_sec {
  position: relative;
}

#qieto1daycolor #brilliant_eyes .product_wrap {
  z-index: 2;
  position: relative;
  top: -57px;
  width: 820px;
  height: 505px;
  margin: 0;
  background: url(/images/special/qieto1daycolor/be_background.png);
}

#qieto1daycolor #brilliant_eyes .product_square01 {
  z-index: 1;
  position: absolute;
  top: 177px;
  left: 350px;
  width: 670px;
  height: 320px;
  background: #61483b;
}

#qieto1daycolor #brilliant_eyes .product_color {
  position: absolute;
  top: 242px;
  left: 54px;
  color: #24272a;
  font-weight: 600;
  font-size: 2rem;
}

#qieto1daycolor #brilliant_eyes .product_text {
  position: absolute;
  top: 320px;
  left: 57px;
  color: #636363;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.5;
}

#qieto1daycolor #brilliant_eyes .product_sample {
  position: relative;
  width: 695px;
  margin: 55px 10% 0 14.6%;
}

#qieto1daycolor #brilliant_eyes .product_spec_wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 907px;
  margin: 107px auto 0;
}

#qieto1daycolor #brilliant_eyes .product_lens_wrap {
  padding: 0 0 0 10px;
}

#qieto1daycolor #brilliant_eyes .product_img {
  position: relative;
}

#qieto1daycolor #brilliant_eyes .product_person {
  z-index: 2;
  position: absolute;
  top: -1px;
  left: -350px;
  margin: 20px 0 0;
}

#qieto1daycolor #brilliant_eyes .dot01 {
  position: absolute;
  top: -6%;
  left: -33%;
}

#qieto1daycolor #brilliant_eyes .dot02 {
  position: absolute;
  top: 6%;
  left: -15%;
}

#qieto1daycolor #brilliant_eyes .dot03 {
  position: absolute;
  top: -13%;
  left: -8%;
}

#qieto1daycolor #brilliant_eyes .dot04 {
  position: absolute;
  top: 101%;
  right: -13%;
}

#qieto1daycolor #brilliant_eyes .dot05 {
  position: absolute;
  top: 88%;
  right: -26%;
}

#qieto1daycolor #brilliant_eyes .product_square02 {
  z-index: 1;
  position: absolute;
  top: 240px;
  left: -378px;
  width: 490px;
  height: 110px;
  background: #89766c;
}

#qieto1daycolor #brilliant_eyes .product_square03 {
  z-index: 1;
  position: absolute;
  top: -53px;
  left: 150px;
  width: 100px;
  height: 100px;
  background: #705a4e;
}

/* LINE UP 紹介部分 shinyeyes
--------------------------------------- */
#qieto1daycolor #shiny_eyes {
  position: relative;
  margin: -50px 0 0;
  padding: 50px 0 3%;
}

#qieto1daycolor #shiny_eyes .product_sec {
  position: relative;
}

#qieto1daycolor #shiny_eyes .product_wrap {
  z-index: 2;
  position: relative;
  top: -57px;
  width: 820px;
  height: 505px;
  margin: 0 0 0 auto;
  background: url(/images/special/qieto1daycolor/se_background.png);
}

#qieto1daycolor #shiny_eyes .product_square01 {
  z-index: 1;
  position: absolute;
  top: 185px;
  left: 0;
  width: 670px;
  height: 320px;
  background: #f7dd8e;
}

#qieto1daycolor #shiny_eyes .product_color {
  position: absolute;
  top: 249px;
  left: 470px;
  color: #24272a;
  font-weight: 600;
  font-size: 1.7rem;
}

#qieto1daycolor #shiny_eyes .product_text {
  position: absolute;
  top: 315px;
  left: 473px;
  color: #636363;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.5;
}

#qieto1daycolor #shiny_eyes .product_sample {
  position: relative;
  width: 695px;
  margin: 56px 10% 0 14%;
}

#qieto1daycolor #shiny_eyes .product_spec_wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 930px;
  margin: 107px auto;
}

#qieto1daycolor #shiny_eyes .product_lens {
  padding: 0 0 0 15px;
}

#qieto1daycolor #shiny_eyes .product_img {
  position: relative;
}

#qieto1daycolor #shiny_eyes .product_person {
  z-index: 2;
  position: absolute;
  top: -1px;
  left: 0px;
  margin: 20px 0 0;
}

#qieto1daycolor #shiny_eyes .dot01 {
  position: absolute;
  top: 99%;
  left: -24%;
}

#qieto1daycolor #shiny_eyes .dot02 {
  position: absolute;
  top: 109%;
  left: -12%;
}

#qieto1daycolor #shiny_eyes .dot03 {
  position: absolute;
  top: -17%;
  right: -10%;
}

#qieto1daycolor #shiny_eyes .dot04 {
  position: absolute;
  top: -1%;
  right: -18%;
}

#qieto1daycolor #shiny_eyes .dot05 {
  position: absolute;
  top: -9%;
  right: -37%;
}

#qieto1daycolor #shiny_eyes .product_square02 {
  z-index: 1;
  position: absolute;
  top: 237px;
  left: -97px;
  width: 490px;
  height: 110px;
  background: #f8e097;
}

#qieto1daycolor #shiny_eyes .product_square03 {
  z-index: 1;
  position: absolute;
  top: -53px;
  left: -275px;
  width: 100px;
  height: 100px;
  background: #f8e099;
}

/* LINE UP 紹介部分 lustereyes
--------------------------------------- */
#qieto1daycolor #luster_eyes {
  position: relative;
  margin: -50px 0 0;
  padding: 50px 0 10%;
}

#qieto1daycolor #luster_eyes .product_sec {
  position: relative;
}

#qieto1daycolor #luster_eyes .product_wrap {
  z-index: 2;
  position: relative;
  top: -57px;
  width: 820px;
  height: 505px;
  margin: 0;
  background: url(/images/special/qieto1daycolor/le_background.png);
}

#qieto1daycolor #luster_eyes .product_square01 {
  z-index: 1;
  position: absolute;
  top: 177px;
  left: 350px;
  width: 670px;
  height: 320px;
  background: #944d4d;
}

#qieto1daycolor #luster_eyes .product_color {
  position: absolute;
  top: 245px;
  left: 54px;
  color: #24272a;
  font-weight: 600;
  font-size: 2rem;
}

#qieto1daycolor #luster_eyes .product_text {
  position: absolute;
  top: 320px;
  left: 57px;
  color: #636363;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.5;
}

#qieto1daycolor #luster_eyes .product_sample {
  position: relative;
  width: 695px;
  margin: 55px 10% 0 14.6%;
}

#qieto1daycolor #luster_eyes .product_spec_wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 907px;
  margin: 107px auto 0;
}

#qieto1daycolor #luster_eyes .product_lens_wrap {
  padding: 0 0 0 10px;
}

#qieto1daycolor #luster_eyes .product_img {
  position: relative;
}

#qieto1daycolor #luster_eyes .product_person {
  z-index: 2;
  position: absolute;
  top: -1px;
  left: -350px;
  margin: 20px 0 0;
}

#qieto1daycolor #luster_eyes .dot01 {
  position: absolute;
  top: -6%;
  left: -33%;
}

#qieto1daycolor #luster_eyes .dot02 {
  position: absolute;
  top: 6%;
  left: -15%;
}

#qieto1daycolor #luster_eyes .dot03 {
  position: absolute;
  top: -13%;
  left: -8%;
}

#qieto1daycolor #luster_eyes .dot04 {
  position: absolute;
  top: 101%;
  right: -13%;
}

#qieto1daycolor #luster_eyes .dot05 {
  position: absolute;
  top: 88%;
  right: -26%;
}

#qieto1daycolor #luster_eyes .product_square02 {
  z-index: 1;
  position: absolute;
  top: 238px;
  left: -378px;
  width: 490px;
  height: 110px;
  background: #ae7777;
}

#qieto1daycolor #luster_eyes .product_square03 {
  z-index: 1;
  position: absolute;
  top: -53px;
  left: 150px;
  width: 100px;
  height: 100px;
  background: #9e5e5e;
}

/* FEATURE feature
--------------------------------------- */
#qieto1daycolor .feature_wrap {
  position: relative;
}

#qieto1daycolor .feature_wrap::after {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 485px;
  background: #eff5f9;
  content: "";
}

#qieto1daycolor .feature_title {
  position: relative;
  top: -15px;
  margin: 0 auto;
}

#qieto1daycolor .feature_title img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

#qieto1daycolor .feature_icons {
  width: 900px;
  margin: 92px auto 0;
  padding: 74px 70px;
  background: #fff;
}

#qieto1daycolor .feature_iconslist {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* SPEC spec
--------------------------------------- */
#qieto1daycolor .spec_wrap {
  position: relative;
  width: 1020px;
  margin: 242px auto 0;
  padding: 0 0 58%;
}

#qieto1daycolor .spec_title {
  z-index: 3;
  position: relative;
  margin: 0 auto;
}

#qieto1daycolor .spec_title img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

#qieto1daycolor .spec_list {
  z-index: 2;
  position: absolute;
  top: 67px;
  left: 40px;
  width: 670px;
  height: 652px;
  margin: 0 auto;
  padding: 60px 30px 0;
  background: #fff;
}

#qieto1daycolor .spec_list dl {
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 1.8;
}

#qieto1daycolor .spec_list dt {
  width: 195px;
  color: #242527;
  font-weight: 550;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
}

#qieto1daycolor .spec_list dd {
  width: 375px;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
  font-weight: 500;
}

#qieto1daycolor .spec_img {
  z-index: 1;
  position: absolute;
  top: 285px;
  left: 420px;
  width: 740px;
  height: 490px;
}

/* fadeinアニメーション
--------------------------------------- */
.fade-in {
  -webkit-transition-duration: 1s;
  -webkit-transition-property: opacity, -webkit-transform;
  opacity: 0;
  transition-duration: 1s;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

.fade-in-up {
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
}

.scroll-in {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.delay100ms {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}

.delay200ms {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}

.delay300ms {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}

.delay400ms {
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms;
}

.delay500ms {
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}

/* =========================================================

1540以下 ここから

========================================================= */

@media screen and (min-width:960px) and (max-width:1540px) {

  #qieto1daycolor .contents_area.bg_be::before {
    display: block;
    position: absolute;
    left: 0;
    top: 55px;
    width: 98%;
  }

  #qieto1daycolor .contents_area.bg_se {
    position: relative;
    margin: 155px auto 0;
  }

  #qieto1daycolor .contents_area.bg_se::before {
    display: block;
    position: absolute;
    right: 0;
    top: 55px;
    width: 98%;
  }

  #qieto1daycolor .contents_area.bg_le {
    position: relative;
    margin: 15% auto 11%;
  }

  #qieto1daycolor .contents_area.bg_le::before {
    display: block;
    position: absolute;
    left: 0;
    top: 55px;
    width: 98%;
  }

  #qieto1daycolor #brilliant_eyes .product_square01 {
    z-index: 1;
    position: absolute;
    top: 177px;
    left: 310px;
    width: 670px;
    height: 320px;
    background: #61483b;
  }

  #qieto1daycolor #brilliant_eyes .product_square02 {
    z-index: 1;
    position: absolute;
    top: 240px;
    left: -440px;
    width: 490px;
    height: 110px;
    background: #89766c;
  }

  #qieto1daycolor #brilliant_eyes .product_square03 {
    z-index: 1;
    position: absolute;
    top: -53px;
    left: -65px;
    width: 100px;
    height: 100px;
    background: #705a4e;
  }

  #qieto1daycolor #brilliant_eyes .dot05 {
    position: absolute;
    top: 88%;
    right: -20%;
  }

  #qieto1daycolor #shiny_eyes .product_wrap {
    left: -20px;
  }

  #qieto1daycolor #shiny_eyes .product_square02 {
    z-index: 1;
    position: absolute;
    top: 237px;
    left: -97px;
    width: 490px;
    height: 110px;
    background: #f8e097;
  }

  #qieto1daycolor #shiny_eyes .product_square03 {
    z-index: 1;
    position: absolute;
    top: -53px;
    left: -275px;
    width: 100px;
    height: 100px;
    background: #f8e099;
  }

  #qieto1daycolor #shiny_eyes .dot05 {
    position: absolute;
    top: -9%;
    right: -25%;
  }

  #qieto1daycolor #luster_eyes .product_square01 {
    z-index: 1;
    position: absolute;
    top: 177px;
    left: 310px;
    width: 670px;
    height: 320px;
    background: #944d4d;
  }

  #qieto1daycolor #luster_eyes .product_square02 {
    z-index: 1;
    position: absolute;
    top: 238px;
    left: -440px;
    width: 490px;
    height: 110px;
    background: #ae7777;
  }

  #qieto1daycolor #luster_eyes .product_square03 {
    z-index: 1;
    position: absolute;
    top: -53px;
    left: -65px;
    width: 100px;
    height: 100px;
    background: #9e5e5e;
  }

  #qieto1daycolor #luster_eyes .dot05 {
    position: absolute;
    top: 88%;
    right: -20%;
  }

  #qieto1daycolor .spec_wrap {
    position: relative;
    width: 80%;
    margin: 242px auto 120px;
    padding: 0 0 50%;
  }

  #qieto1daycolor .spec_list {
    z-index: 2;
    position: absolute;
    top: 67px;
    left: 0;
    width: 545px;
    height: 560px;
    margin: 0 auto;
    padding: 20px 30px 0;
    background: #fff;
  }

  #qieto1daycolor .spec_list dl {
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 1.8;
  }

  #qieto1daycolor .spec_list dt {
    width: 175px;
    color: #242527;
    font-weight: 550;
    font-size: 0.7rem;
    letter-spacing: 0.1em;
  }

  #qieto1daycolor .spec_list dd {
    width: 305px;
    font-size: 0.7rem;
    letter-spacing: 0.07em;
  }

  #qieto1daycolor .spec_img {
    z-index: 1;
    position: absolute;
    top: 205px;
    left: 45%;
    width: 60%;
    height: 530px;
  }

  #qieto1daycolor .spec_img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {

  #qieto1daycolor .main-logo {
    z-index: 100;
    position: absolute;
    top: 14%;
    left: 5%;
    width: 37%;
  }

  #qieto1daycolor .main-catch {
    z-index: 100;
    position: absolute;
    top: 37%;
    left: 5%;
    color: #fff;
    font-weight: 500;
    font-size: 5.1vw;
  }

  #qieto1daycolor .main-lens {
    z-index: 5;
    position: absolute;
    top: 69%;
    left: 10%;
    width: 80%;
  }

  #qieto1daycolor .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: solid 1px #fff;
    border-radius: 100%;
    background: transparent;
    opacity: 1;
  }

  #qieto1daycolor .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
  }

  #qieto1daycolor .catch_wrap {
    position: relative;
    width: 90%;
    margin: 0 auto;
  }

  #qieto1daycolor .catch_title {
    width: 100%;
    margin: auto;
    color: #24272a;
    font-size: 4.3vw;
    line-height: 1.8;
    letter-spacing: 0.05em;
    text-align: center;
  }

  #qieto1daycolor .catch_text {
    margin: 8% auto 0;
    font-weight: 500;
    font-size: 3.6vw;
    letter-spacing: 0.05em;
    line-height: 2;
    text-align: center;
  }

  #qieto1daycolor .catch_img {
    margin: 8% 2% 0 1%;
  }

  #qieto1daycolor .catch_img img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }

  #qieto1daycolor .catch_wrap span img {
    width: 100%;
  }
  
  #qieto1daycolor .catch_wrap .dot01 {
    position: absolute;
    top: 88%;
    left: 0;
    width: 3%;
  }

  #qieto1daycolor .catch_wrap .dot02 {
    position: absolute;
    top: 100%;
    left: 15%;
    width: 3%;
  }

  #qieto1daycolor .catch_wrap .dot03 {
    position: absolute;
    top: 66%;
    right: 17%;
    width: 3%;
  }

  #qieto1daycolor .catch_wrap .dot04 {
    position: absolute;
    top: 96%;
    right: 8%;
    width: 3%;
  }

  #qieto1daycolor .catch_wrap .dot05 {
    position: absolute;
    top: 82%;
    right: 2%;
    width: 3%;
  }

  #qieto1daycolor .catch_wrap .line01 {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: -17%;
    left: 0;
    width: 1px;
    height: 4em;
    margin: 0 auto;
    background: #e5bd54;
  }

  #qieto1daycolor .bar1 {
    width: 90%;
    height: 60px;
    margin: 15% 0 0 auto;
    background: #eff5f9;
  }

  
  /* 共通パーツ
  --------------------------------------- */
  #qieto1daycolor .contents_area {
    width: 100%;
    margin: 150px auto 0;
  }

  #qieto1daycolor .contents_area.bg_be {
    margin: 230px auto 0;
  }

  #qieto1daycolor .contents_area.bg_be::before {
    display: block;
    position: absolute;
    left: 0;
    width: 95%;
    height: auto;
    padding: 226% 0 0;
    background: #faf9f8;
    content: "";
  }

  #qieto1daycolor .contents_area.bg_se::before {
    display: block;
    position: absolute;
    right: 0;
    width: 95%;
    height: auto;
    padding: 220% 0 0;
    background: #fefbf1;
    content: "";
  }

  #qieto1daycolor .contents_area.bg_le::before {
    display: block;
    position: absolute;
    left: 0;
    width: 95%;
    height: auto;
    padding: 200% 0 0;
    background: #faf6f6;
    content: "";
  }

  #qieto1daycolor .contents_inner {
    width: auto;
    margin: 0 auto;
  }

  #qieto1daycolor .product_btn {
    width: 69%;
    height: 62px;
    margin: 10% auto 0;
    font-size: 1.3rem;
  }

  #qieto1daycolor .product_btn.left {
    margin: 10% auto 0;
  }

  #qieto1daycolor .qui_btn_arrow {
    top: 30%;
    right: -6%;
    width: 42px;
    height: 12px;
  }

  #qieto1daycolor .qui_btn_arrow::after {
    right: 20%;
    width: 12px;
  }


  /* LINE UP
  --------------------------------------- */
  #qieto1daycolor .lineup_list {
    width: 760px;
    margin: 120px auto 0;
  }


  /* LINE UP 紹介部分 brillianteyes
  --------------------------------------- */
  #qieto1daycolor #brilliant_eyes {
    padding: 50px 0 20%;
  }

  #qieto1daycolor #brilliant_eyes .product_wrap {
    width: 100%;
    padding: 66% 0 0;
    background: url(/images/special/qieto1daycolor/sp_be_background.png) no-repeat center left;
    background-size: 90%;
  }

  #qieto1daycolor #brilliant_eyes .product_square01 {
    top: 47%;
    right: 0;
    left: inherit;
    height: 38%;
  }

  #qieto1daycolor #brilliant_eyes .product_color {
    top: 117%;
    left: 0;
    width: 65%;
    margin: 0 0 0 4%;
    background: url(/images/special/qieto1daycolor/sp_border1.png) no-repeat bottom center;
    background-size: contain;
    font-size: 4.5vw;
    letter-spacing: 0.05em;
    text-align: center;
  }

  #qieto1daycolor #brilliant_eyes .product_text {
    top: 133%;
    left: 0;
    margin: 0 0 0 5%;
    font-size: 3.1vw;
    letter-spacing: 0.1em;
  }

  #qieto1daycolor #brilliant_eyes .product_sample {
    width: auto;
    margin: 37% 13% 0 4%;
  }

  #qieto1daycolor #brilliant_eyes .product_sample img{
    width: 100%;
  }

  #qieto1daycolor #brilliant_eyes .product_spec_wrap {
    display: block;
    width: auto;
    margin: 5% auto 0;
  }

  #qieto1daycolor #brilliant_eyes .product_lens_wrap {
    padding: 0;
  }

  #qieto1daycolor #brilliant_eyes .product_lens {
    width: 70%;
    margin: 13% 0 0 5%;
  }

  #qieto1daycolor #brilliant_eyes .product_person {
    z-index: 2;
    position: relative;
    top: 0;
    left: 0;
    width: 56%;
    margin: 9% 0 0 28%;
  }

  #qieto1daycolor #brilliant_eyes .dot01 {
    top: -21%;
    right: -7%;
    left: inherit;
    width: 3%;
  }

  #qieto1daycolor #brilliant_eyes .dot02 {
    top: 107%;
    left: -1%;
    width: 3%;
  }

  #qieto1daycolor #brilliant_eyes .dot03 {
    top: 99%;
    left: 8%;
    width: 3%;
  }

  #qieto1daycolor #brilliant_eyes .dot04 {
    top: -19%;
    right: 14%;
    width: 3%;
  }

  #qieto1daycolor #brilliant_eyes .dot05 {
    top: -13%;
    right: 4%;
    width: 3%;
  }

  #qieto1daycolor #brilliant_eyes .product_square02 {
    top: 54%;
    left: 24%;
    width: 66%;
    height: 28%;
  }

  #qieto1daycolor #brilliant_eyes .product_square03 {
    top: -78%;
    left: 88%;
    width: 10%;
    height: 19%;
  }


  /* LINE UP 紹介部分 shinyeyes
  --------------------------------------- */
  #qieto1daycolor #shiny_eyes {
    padding: 50px 0 20%;
  }

  #qieto1daycolor #shiny_eyes .product_wrap {
    width: auto;
    padding: 66% 0 0;
    background: url(/images/special/qieto1daycolor/sp_se_background.png) no-repeat center right;
    background-size: 90%;
  }

  #qieto1daycolor #shiny_eyes .product_square01 {
    top: 47%;
    right: 43%;
    left: inherit;
    height: 38%;
  }

  #qieto1daycolor #shiny_eyes .product_color {
    top: 117%;
    left: 0;
    width: 49%;
    margin: 0 0 0 46%;
    background: url(/images/special/qieto1daycolor/sp_border2.png) no-repeat bottom center;
    background-size: contain;
    font-size: 4.5vw;
    letter-spacing: 0.05em;
  }

  #qieto1daycolor #shiny_eyes .product_text {
    top: 133%;
    left: 0;
    right: 45px;
    margin: 0 0 0 5%;
    color: #636363;
    font-size: 3.1vw;
    letter-spacing: 0.1em;
    text-align: right;
  }

  #qieto1daycolor #shiny_eyes .product_sample {
    width: auto;
    margin: 35% 6% 0 10%;
  }

  #qieto1daycolor #shiny_eyes .product_spec_wrap {
    display: block;
    width: auto;
    margin: 5% auto 0;
  }

  #qieto1daycolor #shiny_eyes .product_lens_wrap {
    padding: 0;
  }

  #qieto1daycolor #shiny_eyes .product_lens {
    width: 68%;
    margin: 11% 0 0 29%;
  }

  #qieto1daycolor #shiny_eyes .product_person {
    z-index: 2;
    position: relative;
    top: 0;
    left: -11%;
    width: 48%;
    margin: 9% 0 0 28%;
  }

  #qieto1daycolor #shiny_eyes .dot01 {
    top: -28%;
    left: 11%;
    width: 3%;
  }

  #qieto1daycolor #shiny_eyes .dot02 {
    top: -40%;
    left: 20%;
    width: 3%;
  }

  #qieto1daycolor #shiny_eyes .dot03 {
    top: 99%;
    right: 4%;
    width: 3%;
  }

  #qieto1daycolor #shiny_eyes .dot04 {
    top: 105%;
    right: -3%;
    width: 3%;
  }

  #qieto1daycolor #shiny_eyes .dot05 {
    top: -34%;
    right: 98%;
    width: 3%;
  }

  #qieto1daycolor #shiny_eyes .product_square02 {
    top: 54%;
    left: 10.3%;
    width: 58%;
    height: 28%;
  }

  #qieto1daycolor #shiny_eyes .product_square03 {
    top: -75%;
    left: 3%;
    width: 9%;
    height: 21%;
  }

  /* LINE UP 紹介部分 lustereyes
  --------------------------------------- */
  #qieto1daycolor #luster_eyes .product_wrap {
    z-index: 2;
    position: relative;
    top: -57px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 66% 0 0;
    background: url(/images/special/qieto1daycolor/sp_le_background.png) no-repeat center left;
    background-size: 90%;
  }

  #qieto1daycolor #luster_eyes .product_square01 {
    display: block;
    z-index: 1;
    position: absolute;
    top: 47%;
    right: 0;
    left: inherit;
    width: 58%;
    height: 38%;
    background: #944d4d;
  }

  #qieto1daycolor #luster_eyes .product_color {
    position: absolute;
    top: 117%;
    right: 0;
    left: 0;
    width: 59%;
    margin: 0 0 0 3%;
    background: url(/images/special/qieto1daycolor/sp_border3.png) no-repeat bottom center;
    background-size: contain;
    color: #24272a;
    font-weight: 550;
    font-size: 4.3vw;
    letter-spacing: 0.05em;
    text-align: center;
  }

  #qieto1daycolor #luster_eyes .product_text {
    position: absolute;
    top: 133%;
    right: 0;
    left: 0;
    margin: 0 0 0 5%;
    color: #636363;
    font-weight: 500;
    font-size: 3.1vw;
    letter-spacing: 0.1em;
  }

  #qieto1daycolor #luster_eyes .product_sample {
    position: relative;
    width: auto;
    margin: 37% 13% 0 4%;
  }

  #qieto1daycolor #luster_eyes .product_spec_wrap {
    display: block;
    width: auto;
    margin: 5% auto 0;
  }

  #qieto1daycolor #luster_eyes .product_lens_wrap {
    padding: 0;
  }

  #qieto1daycolor #luster_eyes .product_lens {
    width: 70%;
    margin: 13% 0 0 5%;
  }

  #qieto1daycolor #luster_eyes .product_person {
    z-index: 2;
    position: relative;
    top: 0;
    left: 0;
    width: 56%;
    margin: 9% 0 0 28%;
  }

  #qieto1daycolor #luster_eyes .dot01 {
    top: -21%;
    right: -7%;
    left: inherit;
    width: 3%;
  }

  #qieto1daycolor #luster_eyes .dot02 {
    top: 107%;
    left: -1%;
    width: 3%;
  }

  #qieto1daycolor #luster_eyes .dot03 {
    top: 99%;
    left: 8%;
    width: 3%;
  }

  #qieto1daycolor #luster_eyes .dot04 {
    top: -19%;
    right: 14%;
    width: 3%;
  }

  #qieto1daycolor #luster_eyes .dot05 {
    top: -11%;
    right: 7%;
    width: 3%;
  }

  #qieto1daycolor #luster_eyes .product_square02 {
    top: 54%;
    left: 24%;
    width: 66%;
    height: 28%;
  }

  #qieto1daycolor #luster_eyes .product_square03 {
    top: -82%;
    left: 85%;
    width: 12%;
    height: 25%;
  }


  /* SPEC spec
  --------------------------------------- */
  #qieto1daycolor .spec_wrap {
    position: relative;
    width: auto;
    margin: 15% auto 0;
    padding: 15% 0 15%;
  }

  #qieto1daycolor .spec_img {
    z-index: 1;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    width: 70%;
    height: auto;
    margin: 9% 0 0 auto;
  }

  #qieto1daycolor .spec_list {
    z-index: 2;
    position: relative;
    top: -50px;
    left: 20px;
    width: 90%;
    height: auto;
    margin: 0;
    padding: 5% 0 0 0;
    background: #fff;
  }

  #qieto1daycolor .spec_list dt {
    width: 39%;
    color: #24272a;
    font-weight: 500;
    font-size: 2.9vw;
    letter-spacing: 0.05em;
  }

  #qieto1daycolor .spec_list dd {
    width: 56%;
    font-size: 2.9vw;
    letter-spacing: 0.05em;
  }
}


/* =========================================================

SP ここから

========================================================= */

@media screen and (max-width: 959px) {

  /* メイン
  --------------------------------------- */
  #qieto1daycolor .main-visual {
    position: relative;
  }

  #qieto1daycolor .main-logo {
    z-index: 100;
    position: absolute;
    top: 14%;
    left: 5%;
    width: 37%;
  }

  #qieto1daycolor .main-catch {
    z-index: 100;
    position: absolute;
    top: 38%;
    left: 5%;
    color: #fff;
    font-weight: 500;
    font-size: 4.5vw;
  }

  #qieto1daycolor .main-lens {
    z-index: 5;
    position: absolute;
    top: 69%;
    left: 10%;
    width: 80%;
  }

  #qieto1daycolor .swiper-container {
    width: 100%;
    margin-top: 60px;
  }

  #qieto1daycolor .swiper-container img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }

  #qieto1daycolor .swiper-button-next,
  #qieto1daycolor .swiper-container-rtl .swiper-button-prev {
    -webkit-transform: rotate(45deg);
    right: 5%;
    left: auto;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    background-image: none;
  }

  #qieto1daycolor .swiper-button-prev,
  #qieto1daycolor .swiper-container-rtl .swiper-button-next {
    -webkit-transform: rotate(-135deg);
    right: auto;
    left: 5%;
    width: 30px;
    height: 30px;
    transform: rotate(-135deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    background-image: none;
  }

  #qieto1daycolor .swiper-slide-active .slide-img,
  #qieto1daycolor .swiper-slide-duplicate-active .slide-img,
  #qieto1daycolor .swiper-slide-prev .slide-img {
    -webkit-animation: zoomup 10s linear 0s 1 normal both;
    animation: zoomup 10s linear 0s 1 normal both;
  }

  #qieto1daycolor .slide-img img {
    display: block;
  }

  #qieto1daycolor .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px;
  }

  #qieto1daycolor .swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: solid 1px #fff;
    border-radius: 100%;
    background: transparent;
    opacity: 1;
  }

  #qieto1daycolor .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
  }

  @-webkit-keyframes zoomup {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    100% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }

  @keyframes zoomup {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    100% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }

  /* キャッチ部分
  --------------------------------------- */
  #qieto1daycolor .catch_area {
    position: relative;
    padding: 15% 0 0;
  }

  #qieto1daycolor .catch_wrap {
    position: relative;
    width: 90%;
    margin: 0 auto;
  }

  #qieto1daycolor .catch_title {
    width: 90%;
    margin: 0 10% 0 8%;
    color: #24272a;
    font-size: 6vw;
    line-height: 1.5;
    letter-spacing: 0.17em;
    text-align: center;
  }

  #qieto1daycolor .catch_text {
    margin: 10% auto 0;
    font-weight: 500;
    font-size: 4.2vw;
    letter-spacing: 0.1em;
    line-height: 2;
    text-align: center;
  }

  #qieto1daycolor .catch_img {
    margin: 9% 2% 0 1%;
  }

  #qieto1daycolor .catch_img img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }

  #qieto1daycolor .catch_wrap span img {
    width: 100%;
  }
  
  #qieto1daycolor .catch_wrap .dot01 {
    position: absolute;
    top: 88%;
    left: 0;
    width: 3%;
  }

  #qieto1daycolor .catch_wrap .dot02 {
    position: absolute;
    top: 100%;
    left: 15%;
    width: 3%;
  }

  #qieto1daycolor .catch_wrap .dot03 {
    position: absolute;
    top: 66%;
    right: 17%;
    width: 3%;
  }

  #qieto1daycolor .catch_wrap .dot04 {
    position: absolute;
    top: 96%;
    right: 8%;
    width: 3%;
  }

  #qieto1daycolor .catch_wrap .dot05 {
    position: absolute;
    top: 82%;
    right: 2%;
    width: 3%;
  }

  #qieto1daycolor .catch_wrap .line01 {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: -17%;
    left: 0;
    width: 1px;
    height: 4em;
    margin: 0 auto;
    background: #e5bd54;
  }

  #qieto1daycolor .bar1 {
    width: 90%;
    height: 60px;
    margin: 15% 0 0 auto;
    background: #eff5f9;
  }

  /* 共通パーツ
  --------------------------------------- */
  #qieto1daycolor .contents_area {
    width: 100%;
    margin: 20% auto 0;
  }

  #qieto1daycolor .contents_area.bg_be {
    position: relative;
    margin: 32% auto 0;
  }

  #qieto1daycolor .contents_area.bg_be::before {
    display: block;
    position: absolute;
    left: 0;
    width: 95%;
    height: auto;
    padding: 226% 0 0;
    background: #faf9f8;
    content: "";
  }

  #qieto1daycolor .contents_area.bg_se {
    position: relative;
    margin: 10% auto 0;
  }

  #qieto1daycolor .contents_area.bg_se::before {
    display: block;
    position: absolute;
    right: 0;
    width: 95%;
    height: auto;
    padding: 220% 0 0;
    background: #fefbf1;
    content: "";
  }

  #qieto1daycolor .contents_area.bg_le {
    position: relative;
    margin: 10% auto 11%;
  }

  #qieto1daycolor .contents_area.bg_le::before {
    display: block;
    position: absolute;
    left: 0;
    width: 95%;
    height: auto;
    padding: 200% 0 0;
    background: #faf6f6;
    content: "";
  }

  #qieto1daycolor .contents_inner {
    width: auto;
    margin: 0 auto;
  }

  #qieto1daycolor .contents_title {
    width: 30%;
    margin: 0 auto;
  }

  #qieto1daycolor .contents_title img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }

  #qieto1daycolor .product_btn {
    -webkit-box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-transition: all 0.6s;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 69%;
    height: 50px;
    margin: 10% auto 0;
    border: solid 1px #524f4a;
    background-color: transparent;
    color: inherit;
    font-size: 1.1rem;
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.6s;
  }

  #qieto1daycolor .product_btn.left {
    margin: 10% auto 0;
  }

  #qieto1daycolor .qui_btn_arrow {
    -webkit-transition: all 0.3s;
    display: block;
    position: absolute;
    top: 29%;
    right: -6%;
    width: 30px;
    height: 11px;
    transition: all 0.3s;
  }

  #qieto1daycolor .qui_btn_arrow::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 1px;
    background: #333;
    content: "";
  }

  #qieto1daycolor .qui_btn_arrow::after {
    -webkit-transform: rotate(49deg);
    position: absolute;
    right: -5.6%;
    bottom: 38%;
    width: 10px;
    height: 1px;
            transform: rotate(49deg);
    background: #333;
    content: "";
  }

  /* LINE UP
  --------------------------------------- */
  #qieto1daycolor .lineup_list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 15% auto 0;
  }

  #qieto1daycolor .lineup_list li {
    width: auto;
    margin: 0 auto;
  }

  #qieto1daycolor .lineup_list img {
    display: block;
    width: 80%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }

  /* LINE UP 紹介部分 brillianteyes
  --------------------------------------- */
  #qieto1daycolor #brilliant_eyes {
    position: relative;
    margin: -50px 0 0;
    padding: 50px 0 30%;
  }

  #qieto1daycolor #brilliant_eyes .product_sec {
    position: relative;
  }

  #qieto1daycolor #brilliant_eyes .product_wrap {
    z-index: 2;
    position: relative;
    top: -57px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 66% 0 0;
    background: url(/images/special/qieto1daycolor/sp_be_background.png) no-repeat center left;
    background-size: 90%;
  }

  #qieto1daycolor #brilliant_eyes .product_square01 {
    display: block;
    z-index: 1;
    position: absolute;
    top: 47%;
    right: 0;
    left: inherit;
    width: 58%;
    height: 38%;
    background: #61483b;
  }

  #qieto1daycolor #brilliant_eyes .product_color {
    position: absolute;
    top: 117%;
    right: 0;
    left: 0;
    width: 65%;
    margin: 0 0 0 4%;
    background: url(/images/special/qieto1daycolor/sp_border1.png) no-repeat bottom center;
    background-size: contain;
    color: #24272a;
    font-weight: 550;
    font-size: 4.3vw;
    letter-spacing: 0.05em;
    text-align: center;
  }

  #qieto1daycolor #brilliant_eyes .product_text {
    position: absolute;
    top: 133%;
    right: 0;
    left: 0;
    margin: 0 0 0 5%;
    color: #636363;
    font-weight: 500;
    font-size: 3.1vw;
    letter-spacing: 0.1em;
  }

  #qieto1daycolor #brilliant_eyes .product_sample {
    position: relative;
    width: auto;
    margin: 37% 13% 0 4%;
  }

  #qieto1daycolor #brilliant_eyes .product_sample img{
    width: 100%;
  }

  #qieto1daycolor #brilliant_eyes .product_spec_wrap {
    display: block;
    width: auto;
    margin: 5% auto 0;
  }

  #qieto1daycolor #brilliant_eyes .product_lens_wrap {
    padding: 0;
  }

  #qieto1daycolor #brilliant_eyes .product_lens {
    width: 70%;
    margin: 13% 0 0 5%;
  }

  #qieto1daycolor #brilliant_eyes .product_lens img{
    width: 100%;
  }

  #qieto1daycolor #brilliant_eyes .product_img {
    position: relative;
  }

  #qieto1daycolor #brilliant_eyes .product_person {
    z-index: 2;
    position: relative;
    top: 0;
    left: 0;
    width: 56%;
    margin: 9% 0 0 28%;
  }

  #qieto1daycolor #brilliant_eyes .dot01 {
    position: absolute;
    top: -21%;
    right: -7%;
    left: inherit;
    width: 3%;
  }

  #qieto1daycolor #brilliant_eyes .dot02 {
    position: absolute;
    top: 107%;
    left: -1%;
    width: 3%;
  }

  #qieto1daycolor #brilliant_eyes .dot03 {
    position: absolute;
    top: 99%;
    left: 8%;
    width: 3%;
  }

  #qieto1daycolor #brilliant_eyes .dot04 {
    position: absolute;
    top: -19%;
    right: 14%;
    width: 3%;
  }

  #qieto1daycolor #brilliant_eyes .dot05 {
    position: absolute;
    top: -13%;
    right: 4%;
    width: 3%;
  }

  #qieto1daycolor #brilliant_eyes .product_square02 {
    z-index: 1;
    position: absolute;
    top: 54%;
    left: 24%;
    width: 66%;
    height: 28%;
    background: #89766c;
  }

  #qieto1daycolor #brilliant_eyes .product_square03 {
    z-index: 1;
    position: absolute;
    top: -78%;
    left: 88%;
    width: 10%;
    height: 19%;
    background: #705a4e;
  }

  /* LINE UP 紹介部分 shinyeyes
  --------------------------------------- */
  #qieto1daycolor #shiny_eyes {
    position: relative;
    margin: -50px 0 0;
    padding: 50px 0 30%;
  }

  #qieto1daycolor #shiny_eyes .product_sec {
    position: relative;
  }

  #qieto1daycolor #shiny_eyes .product_wrap {
    z-index: 2;
    position: relative;
    top: -57px;
    width: auto;
    height: auto;
    margin: 0 0 0 auto;
    padding: 66% 0 0;
    background: url(/images/special/qieto1daycolor/sp_se_background.png) no-repeat center right;
    background-size: 90%;
  }

  #qieto1daycolor #shiny_eyes .product_square01 {
    display: block;
    z-index: 1;
    position: absolute;
    top: 47%;
    right: 43%;
    left: inherit;
    width: 90%;
    height: 38%;
    background: #f7dd8e;
  }

  #qieto1daycolor #shiny_eyes .product_color {
    position: absolute;
    top: 117%;
    right: 0;
    left: 0;
    width: 49%;
    margin: 0 0 0 46%;
    background: url(/images/special/qieto1daycolor/sp_border2.png) no-repeat bottom center;
    background-size: contain;
    color: #24272a;
    font-weight: 550;
    font-size: 4.3vw;
    letter-spacing: 0.05em;
    text-align: center;
  }

  #qieto1daycolor #shiny_eyes .product_text {
    position: absolute;
    top: 133%;
    right: 0;
    left: 0;
    width: 87%;
    margin: 0 0 0 5%;
    color: #636363;
    font-weight: 500;
    font-size: 3.1vw;
    letter-spacing: 0.1em;
    text-align: right;
  }

  #qieto1daycolor #shiny_eyes .product_sample {
    position: relative;
    width: auto;
    margin: 37% 6% 0 10%;
  }

  #qieto1daycolor #shiny_eyes .product_sample img{
    width: 100%;
  }

  #qieto1daycolor #shiny_eyes .product_spec_wrap {
    display: block;
    width: auto;
    margin: 5% auto 0;
  }

  #qieto1daycolor #shiny_eyes .product_lens_wrap {
    padding: 0;
  }

  #qieto1daycolor #shiny_eyes .product_lens {
    width: 68%;
    margin: 11% 0 0 29%;
  }

  #qieto1daycolor #shiny_eyes .product_lens img{
    width: 100%;
  }

  #qieto1daycolor #shiny_eyes .product_img {
    position: relative;
  }

  #qieto1daycolor #shiny_eyes .product_person {
    z-index: 2;
    position: relative;
    top: 0;
    left: -11%;
    width: 48%;
    margin: 9% 0 0 28%;
  }

  #qieto1daycolor #shiny_eyes .dot01 {
    position: absolute;
    top: -28%;
    left: 11%;
    width: 3%;
  }

  #qieto1daycolor #shiny_eyes .dot02 {
    position: absolute;
    top: -40%;
    left: 20%;
    width: 3%;
  }

  #qieto1daycolor #shiny_eyes .dot03 {
    position: absolute;
    top: 99%;
    right: 4%;
    width: 3%;
  }

  #qieto1daycolor #shiny_eyes .dot04 {
    position: absolute;
    top: 105%;
    right: -3%;
    width: 3%;
  }

  #qieto1daycolor #shiny_eyes .dot05 {
    position: absolute;
    top: -34%;
    right: 98%;
    width: 3%;
  }

  #qieto1daycolor #shiny_eyes .product_square02 {
    z-index: 1;
    position: absolute;
    top: 54%;
    left: 10.3%;
    width: 58%;
    height: 28%;
    background: #f8e097;
  }

  #qieto1daycolor #shiny_eyes .product_square03 {
    z-index: 1;
    position: absolute;
    top: -75%;
    left: 3%;
    width: 9%;
    height: 21%;
    background: #f8e099;
  }

  /* LINE UP 紹介部分 lustereyes
  --------------------------------------- */
  #qieto1daycolor #luster_eyes {
    position: relative;
    margin: -50px 0 0;
    padding: 50px 0 10%;
  }

  #qieto1daycolor #luster_eyes .product_sec {
    position: relative;
  }

  #qieto1daycolor #luster_eyes .product_wrap {
    z-index: 2;
    position: relative;
    top: -57px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 66% 0 0;
    background: url(/images/special/qieto1daycolor/sp_le_background.png) no-repeat center left;
    background-size: 90%;
  }

  #qieto1daycolor #luster_eyes .product_square01 {
    display: block;
    z-index: 1;
    position: absolute;
    top: 47%;
    right: 0;
    left: inherit;
    width: 58%;
    height: 38%;
    background: #944d4d;
  }

  #qieto1daycolor #luster_eyes .product_color {
    position: absolute;
    top: 117%;
    right: 0;
    left: 0;
    width: 59%;
    margin: 0 0 0 3%;
    background: url(/images/special/qieto1daycolor/sp_border3.png) no-repeat bottom center;
    background-size: contain;
    color: #24272a;
    font-weight: 550;
    font-size: 4.3vw;
    letter-spacing: 0.05em;
    text-align: center;
  }

  #qieto1daycolor #luster_eyes .product_text {
    position: absolute;
    top: 133%;
    right: 0;
    left: 0;
    margin: 0 0 0 5%;
    color: #636363;
    font-weight: 500;
    font-size: 3.1vw;
    letter-spacing: 0.1em;
  }

  #qieto1daycolor #luster_eyes .product_sample {
    position: relative;
    width: auto;
    margin: 37% 13% 0 4%;
  }

  #qieto1daycolor #luster_eyes .product_sample img{
    width: 100%;
  }

  #qieto1daycolor #luster_eyes .product_spec_wrap {
    display: block;
    width: auto;
    margin: 5% auto 0;
  }

  #qieto1daycolor #luster_eyes .product_lens_wrap {
    padding: 0;
  }

  #qieto1daycolor #luster_eyes .product_lens {
    width: 70%;
    margin: 13% 0 0 5%;
  }

  #qieto1daycolor #luster_eyes .product_lens img{
    width: 100%;
  }

  #qieto1daycolor #luster_eyes .product_img {
    position: relative;
  }

  #qieto1daycolor #luster_eyes .product_person {
    z-index: 2;
    position: relative;
    top: 0;
    left: 0;
    width: 56%;
    margin: 9% 0 0 28%;
  }

  #qieto1daycolor #luster_eyes .dot01 {
    position: absolute;
    top: -21%;
    right: -7%;
    left: inherit;
    width: 3%;
  }

  #qieto1daycolor #luster_eyes .dot02 {
    position: absolute;
    top: 107%;
    left: -1%;
    width: 3%;
  }

  #qieto1daycolor #luster_eyes .dot03 {
    position: absolute;
    top: 99%;
    left: 8%;
    width: 3%;
  }

  #qieto1daycolor #luster_eyes .dot04 {
    position: absolute;
    top: -19%;
    right: 14%;
    width: 3%;
  }

  #qieto1daycolor #luster_eyes .dot05 {
    position: absolute;
    top: -11%;
    right: 7%;
    width: 3%;
  }

  #qieto1daycolor #luster_eyes .product_square02 {
    z-index: 1;
    position: absolute;
    top: 54%;
    left: 24%;
    width: 66%;
    height: 28%;
    background: #ae7777;
  }

  #qieto1daycolor #luster_eyes .product_square03 {
    z-index: 1;
    position: absolute;
    top: -82%;
    left: 85%;
    width: 12%;
    height: 25%;
    background: #9e5e5e;
  }

  /* FEATURE feature
  --------------------------------------- */
  #qieto1daycolor .feature_wrap {
    position: relative;
  }

  #qieto1daycolor .feature_wrap::after {
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    width: 100%;
    height: 115%;
    background: #eff5f9;
    content: "";
  }

  #qieto1daycolor .feature_title {
    position: relative;
    top: -6px;
    width: 27%;
    margin: 0 auto;
  }

  #qieto1daycolor .feature_title img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }

  #qieto1daycolor .feature_icons {
    width: 85%;
    margin: 7% auto 0;
    padding: 5%;
    background: #fff;
  }

  #qieto1daycolor .feature_iconslist {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
  }

  #qieto1daycolor .feature_iconslist li {
    width: 26.8%;
    margin: 0 3%;
  }

  #qieto1daycolor .feature_iconslist li img{
    width: 100%;
  }

  /* SPEC spec
  --------------------------------------- */
  #qieto1daycolor .spec_wrap {
    position: relative;
    width: auto;
    margin: 15% auto 0;
    padding: 15% 0 15%;
  }

  #qieto1daycolor .spec_title {
    z-index: 3;
    position: relative;
    top: 0;
    width: 15%;
    margin: 0 auto;
  }

  #qieto1daycolor .spec_title img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }

  #qieto1daycolor .spec_list {
    z-index: 2;
    position: relative;
    top: -25px;
    left: 20px;
    width: 90%;
    height: auto;
    margin: 0;
    padding: 5% 5% 0 0;
    background: #fff;
  }

  #qieto1daycolor .spec_list dl {
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 2;
  }

  #qieto1daycolor .spec_list dt {
    width: 36%;
    color: #24272a;
    font-weight: 550;
    font-size: 2.9vw;
    letter-spacing: 0.05em;
  }

  #qieto1daycolor .spec_list dd {
    width: 60%;
    font-size: 2.9vw;
    letter-spacing: 0.05em;
  }

  #qieto1daycolor .spec_img {
    z-index: 1;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    width: 70%;
    height: auto;
    margin: 9% 0 0 auto;
  }

  #qieto1daycolor .spec_img img{
    width: 100%;
  }

  /* fadeinアニメーション
  --------------------------------------- */
  .fade-in {
    -webkit-transition-duration: 1s;
    -webkit-transition-property: opacity, -webkit-transform;
    opacity: 0;
    transition-duration: 1s;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
  }

  .fade-in-up {
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
  }

  .scroll-in {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  .delay100ms {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
  }

  .delay200ms {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
  }

  .delay300ms {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
  }

  .delay400ms {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
  }

  .delay500ms {
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
  }
}
/*レスポンシブ表示非表示
--------------------------------------- */
@media screen and (min-width: 960px) {
  .u-pc_display {
    display: block !important;
  }

  .u-sp_display {
    display: none !important;
  }
}

@media only screen and (max-width: 959px) {
  .u-pc_display {
    display: none !important;
  }

  .u-sp_display {
    display: block !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pc_display {
    display: none !important;
  }

  .u-sp_display {
    display: block !important;
  }
}

/*# sourceMappingURL=../maps/css/utility.css.map */
/*# sourceMappingURL=../maps/css/page.css.map */