/* feminine */
/* var */
body {
  background: linear-gradient(#FFEBEE, #F7D399);
}

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

.collection-page .page-top svg {
  fill: #802A5B;
}
.collection-page .nav-contents__menu-item a {
  color: #802A5B;
}
.collection-page .copy__title {
  color: #802A5B;
  text-align: left;
}
.collection-page .copy p {
  color: #802A5B;
  text-align: left;
}
.collection-page .copy__attention {
  color: #BF6070;
  text-align: left;
}
.collection-page .gallery__item__button a {
  color: #FFE2D8;
  background: #802A5B;
}
.collection-page .gallery__item__button a svg {
  fill: #FFE2D8;
}
.collection-page .gallery__item__spec {
  color: #802A5B;
}
.collection-page .gallery__item__spec__name {
  color: #802A5B;
  border-color: #802A5B;
}
@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: #802A5B;
}
@media screen and (max-width: 736px) {
  .collection-page .gallery__item__slider__number span {
    color: #FFE2D8;
  }
}
.collection-page .gallery__item__slider__number .line {
  border-top: 1px solid #802A5B;
}
@media screen and (max-width: 736px) {
  .collection-page .gallery__item__slider__number .line {
    border-top: 1px solid #FFE2D8;
  }
}
@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: #802A5B;
}
@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: #FFE2D8;
  }
}
.collection-page .page__nav p {
  color: #802A5B;
}
.collection-page .page__nav ul:after {
  border-color: #802A5B;
}
.collection-page .page__nav ul li a::before {
  border-color: #802A5B;
}
.collection-page .page__nav ul li a::after {
  background-color: #802A5B;
}

.gallery__item__1 .gallery__item__title {
  width: 9.1%;
  top: -19%;
  left: 3.5%;
}
@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: -18.7%;
  left: auto;
  right: 2.6%;
}
@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: -19%;
  left: 3.5%;
}
@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 {
  top: -19.5%;
  left: auto;
  right: -2.6%;
}
@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 {
    top: -12%;
    left: auto;
    right: 0%;
  }
}

.gallery__item__5 .gallery__item__title {
  top: -19.6%;
  left: -6.5%;
}
@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 {
    top: -11.5%;
    left: auto;
    right: 8%;
  }
}

.gallery__item__6 .gallery__item__title {
  width: 9.1%;
  top: -14.5%;
  left: auto;
  right: -2.6%;
}
@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 {
    width: 14%;
    top: -12%;
    left: 9%;
  }
}

.gallery__item__7 .gallery__item__title {
  top: -18%;
  left: -7%;
}
@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 {
    top: -12%;
    left: auto;
    right: 2%;
  }
}

.gallery__item__8 .gallery__item__title {
  width: 9.1%;
  top: -18.5%;
  left: auto;
  right: 3%;
}
@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: -11%;
    left: 10%;
  }
}

.gallery__item__9 .gallery__item__title {
  width: 9.1%;
  top: -19.5%;
  left: 4.5%;
}
@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: -12%;
    left: 9%;
  }
}

.gallery__item__10 .gallery__item__title {
  width: 9.1%;
  top: -17.5%;
  left: auto;
  right: -3%;
}
@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 {
    width: 14%;
    top: -11%;
    left: 9%;
  }
}/*# sourceMappingURL=feminine.css.map */