/*=======================================================
	General Styles
=======================================================*/
/************ calc **********/
.aw1st_collection {
  width: 114rem;
  max-width: 114rem;
  margin: 7.2rem auto 19.9rem;
  color: #fff;
  font-family: 'Cormorant Garamond', serif;
}

.aw1st_collection__slider {
  margin: 0 auto;
}

.aw1st_collection__slider--01 .slider__inner {
  width: 50.6rem;
  position: relative;
}

.aw1st_collection__slider--01 .slider__inner::before {
  content: "";
  display: block;
  position: absolute;
  width: 50.6rem;
  height: 73.8rem;
  top: 0;
  left: 0;
  background-size: 100%;
  z-index: -1;
}

.aw1st_collection__slider--01 .slider__inner--01::before,
.aw1st_collection__slider--01 .slider__inner--02::before {
  background-image: url(../img/frame01.png);
}

.aw1st_collection__slider--01 .slider__inner .lp-img {
  width: 45.4rem;
  margin-top: 2.7rem;
  margin-left: 2.8rem;
  position: relative;
}

.aw1st_collection__slider--02 .slider__inner {
  width: 52rem;
  position: relative;
}

.aw1st_collection__slider--02 .slider__inner::before {
  content: "";
  display: block;
  position: absolute;
  width: 52rem;
  height: 73rem;
  top: 0;
  left: 0;
  background-size: 100%;
  z-index: -1;
}

.aw1st_collection__slider--02 .slider__inner--01::before {
  background-image: url(../img/frame02.png);
}

.aw1st_collection__slider--02 .slider__inner--02::before {
  background-image: url(../img/frame03.png);
}

.aw1st_collection__slider--02 .slider__inner .lp-img._8 {
  width: 46.7rem;
  margin-top: 3.2rem;
  margin-left: 2.6rem;
  margin-bottom: 8.3rem;
  position: relative;
}

#Contents {
  overflow: hidden;
}

/************ img **********/
.aw1st_collection img {
  width: 100%;
}

/* ====================
  all
==================== */
body {
  font-size: 62.5%;
}

.bgc01 {
  background-color: #fff;
}

.bgc02 {
  background-color: #fff;
}

.bgc03 {
  background-color: #e8e0d5;
}

.bgc04 {
  background-color: #fff;
}

.bgc05 {
  background-color: #fff;
}

.bgc06 {
  background-color: #fff;
}

.bgc07 {
  background-color: #fff;
}

/*=======================================================
	mv style
=======================================================*/
.lpmv {
  margin: 0 auto 14.9rem;
}

.lpmv__img {
  width: 94.2rem;
  margin: 0 auto;
}

/*=======================================================
	General Styles
=======================================================*/
.mb02 {
  margin-bottom: 2rem !important;
}

.mb03 {
  margin-bottom: 10rem !important;
}

.b01 {
  bottom: 5rem !important;
}

/*=======================================================
	section Styles
=======================================================*/
.lpsec .lp-img {
  margin: 0 auto;
}

.lpsec .lp-img._1 {
  width: 47.5rem;
}

.lpsec .lp-img._2 {
  width: 47.3rem;
}

.lpsec .lp-img._3 {
  width: 85.7rem;
}

.lpsec .lp-img._4 {
  width: 50.6rem;
}

.lpsec .lp-img._5 {
  width: 46.1rem;
}

.lpsec .lp-img._6 {
  width: 62.1rem;
}

.lpsec .lp-img._7 {
  width: 55.4rem;
}

.lpsec .lp-img._8 {
  width: 51.9rem;
}

.lpsec .lp-img img {
  position: relative;
}

.lpsec._01 {
  margin-bottom: 25.1rem;
}

.lpsec._01 .lp-img:not(:last-child) {
  margin-bottom: 5rem;
}

.lpsec._01 .lp-img:nth-child(3) {
  margin-bottom: 11rem;
}

.lpsec._01 .lp-img:nth-child(4) {
  z-index: 10;
  position: relative;
}

.lpsec._02 .lp-img:nth-child(2) {
  margin-bottom: 7rem !important;
}

.lpsec._02 .lp-img:nth-child(3) {
  margin-bottom: 7.7rem;
}

.lpsec._02 .lp-img:last-child {
  margin-bottom: 15.5rem;
}

.lpsec._02 .fade-slick {
  width: 50.6rem;
  margin: 0 auto;
}

.lpsec._02 .paints {
  z-index: 1;
  position: absolute;
  top: -18.5rem;
  left: 24.5rem;
  width: 38.2rem;
  height: 47.6rem;
  mix-blend-mode: multiply;
}

.lpsec._03 .lp-img:nth-child(1) {
  margin-bottom: 2.7rem;
  position: relative;
}

.lpsec._03 .lp-img:nth-child(1):before {
  content: "";
  display: block;
  background-image: url(../img/squere.png);
  background-size: 100%;
  z-index: 1;
  position: absolute;
  top: -1rem;
  left: -1rem;
  width: 48rem;
  height: 36.1rem;
  mix-blend-mode: multiply;
  background-repeat: no-repeat;
}

.lpsec._03 .lp-img:nth-child(2) {
  margin-bottom: 9.8rem;
}

.lpsec._04 {
  margin-bottom: 15rem;
}

.lpsec._04 .mb04 {
  margin-bottom: 19.9rem;
}

.lpsec._04 .lp-img:nth-child(3) {
  margin-bottom: 14.9rem;
}

.lpsec._04 .fade-slick {
  width: 85.7rem;
  margin: 0 auto 15rem;
}

.lpsec._05 .fade-slick {
  width: 47.3rem;
  margin: 0 auto;
}

.lpsec._06 {
  margin-bottom: 16.1rem;
}

.lpsec._06 .mb05 {
  margin-bottom: 9.5rem;
}

.lpsec._06 .lp-img:nth-child(4) {
  position: relative;
}

.lpsec._06 .lp-img:nth-child(4):before {
  content: "";
  display: block;
  background-image: url(../img/squere02.jpg);
  background-size: 100%;
  z-index: -1;
  position: absolute;
  top: 10.3rem;
  left: -3.6rem;
  width: 28.7rem;
  height: 28.8rem;
  background-repeat: no-repeat;
}

.lpsec._06 .fade-slick {
  width: 51.9rem;
  margin: 0 auto;
}

.lpsec._07 {
  margin-bottom: 15.2rem;
}

.lp-footer__credit {
  margin-bottom: 9rem;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #849592;
  text-align: center;
}

.lp-footer__credit span {
  display: block;
}

.lp-footer__credit span:not(:last-child) {
  padding-bottom: 1rem;
}

.lp-footer__img._9 {
  width: 37.9rem;
  margin: 0 auto 12.5rem;
}

.lp-footer__btn {
  width: 34.1rem;
  height: 6.3rem;
  border: 1px solid #849592;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
}

.lp-footer__btn a {
  font-size: 1.9rem;
  letter-spacing: 0.2em;
  color: #849592;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lp-footer__btn a:after {
  display: block;
  content: "";
  background-image: url(../img/arrow.png);
  background-size: 100%;
  width: 1rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  margin-left: 2.6rem;
}

.spray {
  position: absolute;
  display: block;
  mix-blend-mode: multiply;
}

.spray img {
  width: 100%;
  z-index: initial;
  position: initial !important;
}

.spray--01 {
  width: 26.7rem;
  top: -12.4rem;
  left: -1.5rem;
}

.spray--02 {
  width: 26.7rem;
  top: 65.3rem;
  left: 40rem;
}

.spray-fade {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
  opacity: 0;
  -webkit-filter: blur(1.5rem);
  filter: blur(1.5rem);
}

.spray-fade img {
  -webkit-transition: all 0.8s cubic-bezier(0.25, 0.1, 0, 0.99);
  transition: all 0.8s cubic-bezier(0.25, 0.1, 0, 0.99);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.spray-fade.fadeIn {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}

.spray-fade.fadeIn img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/************ fade **********/
.fade {
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.fade.onView {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.fade-up {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.credit {
  font-family: 'Noto Serif TC', serif;
  font-size: 1.5rem;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  z-index: 100;
  text-align: center;
  position: absolute;
  margin: 0 auto;
  bottom: 3rem;
  right: 0;
  left: 0;
}

body,
.bg_effect,
.header,
.bx-wrapper {
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: 2s;
  transition: 2s;
}

.mask-wrap {
  display: table;
}

.mask-wrap.mask {
  display: table;
  position: relative;
  margin-bottom: .25em;
  left: -100%;
  overflow: hidden;
}

.mask-wrap.mask-bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

/*=======================================================
	responsive Styles
=======================================================*/
/* for pc */
@media only screen and (min-device-width: 768px) {
  .sp_only {
    display: none !important;
  }

  .ss2nd_collection_lp_img.sec_09._03 {
    width: 37.4rem;
    max-width: 37.4rem;
    margin: 7.6rem auto 0;
  }

  .w506pc {
    width: 50.6rem;
    margin: 0 auto;
  }

  .w520pc {
    width: 52rem;
    margin: 0 auto;
  }

  .fade-credit {
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }
  
  .a-mouseover:hover .fade-credit {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* for tablet */
@media only screen and (min-width: 768px) and (max-width: 1280px) {

  html,
  body {
    font-size: calc(8 *(100vw / 1280));
  }
}

/* for sp */
@media only screen and (max-device-width: 767px) {
  .pc_only {
    display: none !important;
  }

  .w750sp {
    width: calc(750 *(100vw / 750));
    margin: 0 auto;
  }

  .w520pc {
    width: calc(726 *(100vw / 750));
    margin: 0 auto;
  }

  .fade-credit {
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }
  
  .fade-credit.onView {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  /*=======================================================
	General Styles
    =======================================================*/
  .aw1st_collection {
    width: calc(750 *(100vw / 750));
    max-width: calc(750 *(100vw / 750));
    margin: calc(198 *(100vw / 750)) auto calc(180 *(100vw / 750));
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
  }

  .aw1st_collection__slider--01 .slider__inner {
    width: calc(750 *(100vw / 750));
  }

  .aw1st_collection__slider--01 .slider__inner::before {
    width: calc(750 *(100vw / 750));
    height: calc(1100 *(100vw / 750));
    top: calc(20 *(100vw / 750));
  }

  .aw1st_collection__slider--01 .slider__inner .lp-img._9 {
    width: calc(670 *(100vw / 750));
    margin: calc(62 *(100vw / 750)) auto calc(98 *(100vw / 750)) !important;
  }

  .aw1st_collection__slider--02 .slider__inner {
    width: calc(656 *(100vw / 750));
    position: relative;
  }

  .aw1st_collection__slider--02 .slider__inner::before {
    content: "";
    display: block;
    position: absolute;
    width: calc(726 *(100vw / 750));
    height: calc(1073 *(100vw / 750));
    top: 0;
    left: 0;
    background-size: 100%;
    z-index: -1;
  }

  .aw1st_collection__slider--02 .slider__inner--01::before {
    background-image: url(../img/frame02_sp.png);
  }

  .aw1st_collection__slider--02 .slider__inner--02::before {
    background-image: url(../img/frame03_sp.png);
  }

  .aw1st_collection__slider--02 .slider__inner .lp-img._8 {
    width: calc(656 *(100vw / 750));
    margin-top: calc(42 *(100vw / 750));
    margin-left: calc(35 *(100vw / 750));
    margin-bottom: calc(110 *(100vw / 750)) !important;
  }

  /*=======================================================
	mv style
    ======================================================*/
  .lpmv {
    margin: 0 auto calc(117 *(100vw / 750));
  }

  .lpmv__img {
    width: calc(681 *(100vw / 750));
  }

  /*=======================================================
	General Styles
    =======================================================*/
  .mb02 {
    margin-bottom: calc(15 *(100vw / 750)) !important;
  }

  .mb03 {
    margin-bottom: calc(84 *(100vw / 750)) !important;
  }

  .b01 {
    bottom: calc(60 *(100vw / 750)) !important;
  }

  /*=======================================================
	section Styles
    =======================================================*/
  .lpsec .lp-img._1 {
    width: calc(684 *(100vw / 750));
  }

  .lpsec .lp-img._2 {
    width: calc(681 *(100vw / 750));
  }

  .lpsec .lp-img._3 {
    width: calc(750 *(100vw / 750));
  }

  .lpsec .lp-img._4 {
    width: calc(577 *(100vw / 750));
  }

  .lpsec .lp-img._5 {
    width: calc(681 *(100vw / 750)) !important;
  }

  .lpsec .lp-img._6 {
    width: calc(750 *(100vw / 750));
  }

  .lpsec .lp-img._7 {
    width: calc(750 *(100vw / 750));
  }

  .lpsec .lp-img._8 {
    width: calc(656 *(100vw / 750));
  }

  .lpsec .lp-img._10 {
    width: calc(750 *(100vw / 750)) !important;
  }

  .lpsec._01 {
    margin-bottom: calc(260 *(100vw / 750));
  }

  .lpsec._01 .lp-img:not(:last-child) {
    margin-bottom: calc(50 *(100vw / 750));
  }

  .lpsec._01 .lp-img:nth-child(1),
  .lpsec._01 .lp-img:nth-child(3) {
    margin-bottom: calc(100 *(100vw / 750));
  }

  .lpsec._02 .lp-img:nth-child(2) {
    margin-bottom: calc(30 *(100vw / 750)) !important;
  }

  .lpsec._02 .lp-img:nth-child(3) {
    margin-bottom: calc(76 *(100vw / 750));
  }

  .lpsec._02 .lp-img:last-child {
    margin-bottom: calc(195 *(100vw / 750));
  }

  .lpsec._02 .fade-slick {
    width: calc(750 *(100vw / 750));
    margin: 0 auto;
  }

  .lpsec._02 ._9 {
    width: calc(750 *(100vw / 750));
  }

  .lpsec._02 .paints {
    top: calc(-245*(100vw/750));
    left: calc(325*(100vw/750));
    width: calc(465*(100vw/750));
    height: calc(554*(100vw/750));
  }

  .lpsec._03 .lp-img:nth-child(1) {
    margin-bottom: calc(26 *(100vw / 750));
  }

  .lpsec._03 .lp-img:nth-child(1):before {
    top: calc(-10 *(100vw / 750));
    left: calc(-10 *(100vw / 750));
    width: calc(701*(100vw/750));
    height: calc(465*(100vw/750));
    background-image: url(../img/squere_sp.png);
  }

  .lpsec._03 .lp-img:nth-child(2) {
    margin-bottom: calc(99 *(100vw / 750));
  }

  .lpsec._04 {
    margin-bottom: calc(181 *(100vw / 750));
  }

  .lpsec._04 .lp-img:nth-child(3) {
    margin-bottom: calc(176 *(100vw / 750));
  }

  .lpsec._04 .fade-slick {
    width: calc(750 *(100vw / 750));
    margin: 0 auto calc(99 *(100vw / 750));
  }

  .lpsec._04 .mb04 {
    margin-bottom: calc(198 *(100vw / 750));
  }

  .lpsec._05 .fade-slick {
    width: calc(681 *(100vw / 750));
  }

  .lpsec._05 .mb03 {
    margin-bottom: calc(99 *(100vw / 750));
  }

  .lpsec._06 {
    margin-bottom: calc(201 *(100vw / 750));
  }

  .lpsec._06 .lp-img:nth-child(1) {
    margin-bottom: calc(75 *(100vw / 750));
  }

  .lpsec._06 .lp-img:nth-child(2) {
    margin-bottom: calc(106 *(100vw / 750));
  }

  .lpsec._06 .lp-img:nth-child(4):before {
    top: calc(197 *(100vw / 750));
    left: calc(-35 *(100vw / 750));
    width: calc(367 *(100vw / 750));
    height: calc(381 *(100vw / 750));
  }

  .lpsec._06 .fade-slick {
    width: calc(726 *(100vw / 750));
    margin: 0 auto 0;
  }

  .lpsec._07 {
    margin-bottom: calc(197 *(100vw / 750));
  }

  .lp-footer__credit {
    font-size: calc(27 *(100vw / 750));
    letter-spacing: 0.05em;
    margin-bottom: calc(81 *(100vw / 750));
  }

  .lp-footer__credit span {
    display: block;
  }

  .lp-footer__credit span:not(:last-child) {
    padding-bottom: calc(16 *(100vw / 750));
  }

  .lp-footer__img._9 {
    width: calc(543 *(100vw / 750));
    margin: 0 auto calc(181 *(100vw / 750));
  }

  .lp-footer__btn {
    width: calc(502 *(100vw / 750));
    height: calc(120 *(100vw / 750));
    border: calc(2 *(100vw / 750)) solid #849592;
  }

  .lp-footer__btn a {
    font-size: calc(31.5 *(100vw / 750));
    letter-spacing: 0.18em;
  }

  .lp-footer__btn a:after {
    width: calc(16 *(100vw / 750));
    height: calc(24 *(100vw / 750));
    margin-left: calc(20 *(100vw / 750));
  }

  .spray--01 {
    width: calc(345 *(100vw / 750));
    top: calc(-169 *(100vw / 750));
    left: calc(0 *(100vw / 750));
  }

  .spray--02 {
    width: calc(345 *(100vw / 750));
    top: calc(888 *(100vw / 750));
    left: calc(546 *(100vw / 750));
  }

  .credit {
    font-size: calc(21 *(100vw / 750));
    line-height: 1.2380952381;
    bottom: calc(50 *(100vw / 750));
  }
}

.bg-overlay {
  transition: all 2s ease;
}

.bg-overlay:hover {
  opacity: 1;
}

/* ====================
  for IE
==================== */
@media all and (-ms-high-contrast: none) {
  .spray {
    position: absolute;
    display: block;
    z-index: -1;
  }

  .lpsec._02 .paints {
    z-index: -1;
  }
}

/* ====================
  for Edge
==================== */
@supports (-ms-ime-align: auto) {
  .spray {
    position: absolute;
    display: block;
    z-index: -1;
  }

  .lpsec._02 .paints {
    z-index: -1;
  }
}

/*# sourceMappingURL=style.css.map */