/* smoky */
/* var */
body {
  background: #D9D4CE;
}

.main__container__background {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  mix-blend-mode: multiply;
}
.main__container__background::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url(./../images/smoky/smoky_background.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: -1;
}
@media screen and (max-width: 736px) {
  .main__container__background::before {
    background-image: url(./../images/smoky/smoky_background_sp.png);
  }
}

.collection-page .page-top svg {
  fill: #4B595D;
}
.collection-page .nav-contents__menu-item a {
  color: #4B595D;
}
.collection-page .copy__title {
  color: #4A8291;
}
.collection-page .copy p {
  color: #4B595D;
}
.collection-page .gallery__item__button a {
  color: #E1F4E9;
  background: #4B595D;
}
.collection-page .gallery__item__button a svg {
  fill: #E1F4E9;
}
.collection-page .gallery__item__spec {
  color: #4B595D;
}
.collection-page .gallery__item__spec__name {
  color: #4B595D;
  border-color: #4B595D;
}
@media screen and (max-width: 736px) {
  .collection-page .gallery__item__detail {
    position: relative;
    z-index: 0;
  }
  .collection-page .gallery__item__detail .gallery__item__slider__caption {
    display: flex;
  }
}
.collection-page .gallery__item__slider {
  z-index: 1;
}
.collection-page .gallery__item__slider__name {
  position: absolute;
  top: 0;
  left: -3.7vw;
  width: 2.682vw;
}
@media screen and (max-width: 736px) {
  .collection-page .gallery__item__slider__name {
    left: 3.8vw;
    top: 3vw;
    z-index: 99;
    width: 5.12vw;
  }
}
.collection-page .gallery__item__slider__number span {
  color: #4B595D;
}
@media screen and (max-width: 736px) {
  .collection-page .gallery__item__slider__number span {
    color: #E1F4E9;
  }
}
.collection-page .gallery__item__slider__number .line {
  border-top: 1px solid #4B595D;
}
@media screen and (max-width: 736px) {
  .collection-page .gallery__item__slider__number .line {
    border-top: 1px solid #E1F4E9;
  }
}
@media screen and (max-width: 736px) {
  .collection-page .gallery__item__slider__caption {
    display: none;
  }
}
.collection-page .gallery__item__slider .swiper-button-prev svg,
.collection-page .gallery__item__slider .swiper-button-next svg {
  fill: #4B595D;
}
@media screen and (max-width: 736px) {
  .collection-page .gallery__item__slider .swiper-button-prev svg,
  .collection-page .gallery__item__slider .swiper-button-next svg {
    fill: #E1F4E9;
  }
}

.gallery__item__1 .gallery__item__title {
  width: 9.1%;
  top: -19.5%;
  left: auto;
  right: 2.7%;
}
@media screen and (max-width: 1280px) {
  .gallery__item__1 .gallery__item__title {
    top: -18%;
  }
}
@media screen and (max-width: 736px) {
  .gallery__item__1 .gallery__item__title {
    width: 14%;
    top: -12%;
    right: 7%;
    left: auto;
  }
}

.gallery__item__2 .gallery__item__title {
  width: 9.1%;
  top: -19%;
  left: 3.5%;
}
@media screen and (max-width: 1280px) {
  .gallery__item__2 .gallery__item__title {
    top: -17.5%;
  }
}
@media screen and (max-width: 736px) {
  .gallery__item__2 .gallery__item__title {
    width: 14%;
    top: -11%;
    left: 10%;
  }
}

.gallery__item__3 .gallery__item__title {
  width: 9.1%;
  top: -18.7%;
  left: auto;
  right: 2.6%;
}
@media screen and (max-width: 1280px) {
  .gallery__item__3 .gallery__item__title {
    top: -17%;
  }
}
@media screen and (max-width: 736px) {
  .gallery__item__3 .gallery__item__title {
    width: 14%;
    top: -11%;
    left: auto;
    right: 7%;
  }
}

.gallery__item__4 .gallery__item__title {
  width: 9.1%;
  top: -18.8%;
  left: 4%;
}
@media screen and (max-width: 1280px) {
  .gallery__item__4 .gallery__item__title {
    top: -17%;
  }
}
@media screen and (max-width: 736px) {
  .gallery__item__4 .gallery__item__title {
    width: 14%;
    top: -12%;
    left: 9%;
  }
}

.gallery__item__5 .gallery__item__title {
  width: 9.1%;
  top: -13.6%;
  left: auto;
  right: -3%;
}
@media screen and (max-width: 1280px) {
  .gallery__item__5 .gallery__item__title {
    top: -17.6%;
  }
}
@media screen and (max-width: 736px) {
  .gallery__item__5 .gallery__item__title {
    width: 14%;
    top: -11.5%;
    left: auto;
    right: 5%;
  }
}

.gallery__item__6 .gallery__item__title {
  top: -14.5%;
  left: -6.5%;
}
@media screen and (max-width: 1280px) {
  .gallery__item__6 .gallery__item__title {
    top: -15%;
  }
}
@media screen and (max-width: 736px) {
  .gallery__item__6 .gallery__item__title {
    top: -8%;
    left: auto;
    right: 4%;
  }
}

.gallery__item__7 .gallery__item__title {
  width: 9.1%;
  top: -18.6%;
  left: auto;
  right: 2.5%;
}
@media screen and (max-width: 1280px) {
  .gallery__item__7 .gallery__item__title {
    top: -18%;
  }
}
@media screen and (max-width: 736px) {
  .gallery__item__7 .gallery__item__title {
    width: 14%;
    top: -9%;
    left: auto;
    right: 8%;
  }
}

.gallery__item__8 .gallery__item__title {
  width: 9.1%;
  top: -19.5%;
  left: -0.9%;
}
@media screen and (max-width: 1280px) {
  .gallery__item__8 .gallery__item__title {
    top: -18.8%;
  }
}
@media screen and (max-width: 736px) {
  .gallery__item__8 .gallery__item__title {
    width: 14%;
    top: -8%;
    left: auto;
    right: 7%;
  }
}

.gallery__item__9 .gallery__item__title {
  width: 9.1%;
  top: -18.4%;
  left: auto;
  right: -2.9%;
}
@media screen and (max-width: 1280px) {
  .gallery__item__9 .gallery__item__title {
    top: -17.7%;
  }
}
@media screen and (max-width: 736px) {
  .gallery__item__9 .gallery__item__title {
    width: 14%;
    top: -14%;
    left: auto;
    right: 8%;
  }
}

@media screen and (max-width: 736px) {
  .gallery__item__9 .gallery__item__slider__name {
    top: 83vw;
  }
}

.gallery__item__10 .gallery__item__title {
  top: -19.5%;
  left: -1.2%;
}
@media screen and (max-width: 1280px) {
  .gallery__item__10 .gallery__item__title {
    top: -18%;
  }
}
@media screen and (max-width: 736px) {
  .gallery__item__10 .gallery__item__title {
    top: -14%;
    left: 0;
    width: 30.6vw;
  }
}/*# sourceMappingURL=smoky.css.map */