/* colorful */
/* var */
body {
  background: #fff;
}

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

.collection-page .page-top svg {
  fill: #DE3081;
}
.collection-page .nav-contents__menu-item a {
  color: #DE3081;
}
.collection-page .copy__title {
  color: #DE3081;
  text-align: left;
}
.collection-page .copy p {
  color: #895EDB;
  text-align: left;
}
.collection-page .gallery__item__button a {
  color: #F4F1EA;
  background: #DE3081;
}
.collection-page .gallery__item__button a svg {
  fill: #F4F1EA;
}
.collection-page .gallery__item:nth-child(even) .gallery__item__button a {
  background: #895EDB;
}
.collection-page .gallery__item__spec {
  color: #DE3081;
}
.collection-page .gallery__item:nth-child(even) .gallery__item__spec {
  color: #895EDB;
}
.collection-page .gallery__item__spec__name {
  color: #DE3081;
  border-color: #DE3081;
}
.collection-page .gallery__item:nth-child(even) .gallery__item__spec__name {
  color: #895EDB;
  border-color: #895EDB;
}
@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: #DE3081;
}
@media screen and (max-width: 736px) {
  .collection-page .gallery__item__slider__number span {
    color: #fff;
  }
}
.collection-page .gallery__item__slider__number .line {
  border-top: 1px solid #DE3081;
}
@media screen and (max-width: 736px) {
  .collection-page .gallery__item__slider__number .line {
    border-top: 1px solid #fff;
  }
}
@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: #DE3081;
}
@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: #fff;
  }
}
.collection-page .gallery__item:nth-child(even) .gallery__item__slider .gallery__item__slider__number span {
  color: #895EDB;
}
@media screen and (max-width: 736px) {
  .collection-page .gallery__item:nth-child(even) .gallery__item__slider .gallery__item__slider__number span {
    color: #fff;
  }
}
.collection-page .gallery__item:nth-child(even) .gallery__item__slider .gallery__item__slider__number .line {
  border-top: 1px solid #895EDB;
}
@media screen and (max-width: 736px) {
  .collection-page .gallery__item:nth-child(even) .gallery__item__slider .gallery__item__slider__number .line {
    border-top: 1px solid #fff;
  }
}
.collection-page .gallery__item:nth-child(even) .gallery__item__slider .swiper-button-prev svg,
.collection-page .gallery__item:nth-child(even) .gallery__item__slider .swiper-button-next svg {
  fill: #895EDB;
}
@media screen and (max-width: 736px) {
  .collection-page .gallery__item:nth-child(even) .gallery__item__slider .swiper-button-prev svg,
  .collection-page .gallery__item:nth-child(even) .gallery__item__slider .swiper-button-next svg {
    fill: #fff;
  }
}
.collection-page .page__nav p {
  color: #DE3081;
}
.collection-page .page__nav ul:after {
  border-color: #DE3081;
}
.collection-page .page__nav ul li a::before {
  border-color: #DE3081;
}
.collection-page .page__nav ul li a::after {
  background-color: #DE3081;
}

.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: -2.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 {
  width: 9.1%;
  top: -19%;
  left: auto;
  right: -2%;
}
@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: auto;
    right: 8%;
  }
}

.gallery__item__5 .gallery__item__title {
  width: 9.1%;
  top: -19.6%;
  left: 3.5%;
}
@media screen and (max-width: 1280px) {
  .gallery__item__5 .gallery__item__title {
    top: -15.6%;
  }
}
@media screen and (max-width: 736px) {
  .gallery__item__5 .gallery__item__title {
    width: 14%;
    top: -12%;
    left: 9%;
  }
}

.gallery__item__6 .gallery__item__title {
  top: -19.5%;
  left: auto;
  right: -2.6%;
}
@media screen and (max-width: 1280px) {
  .gallery__item__6 .gallery__item__title {
    top: -17%;
  }
}
@media screen and (max-width: 736px) {
  .gallery__item__6 .gallery__item__title {
    width: 19vw;
    top: -11.5%;
    left: auto;
    right: 9.6%;
  }
}

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

.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: 12%;
  }
}

.gallery__item__9 .gallery__item__title {
  top: -19.5%;
  left: -6.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: 23%;
    top: -12%;
    left: auto;
    right: 5%;
  }
}

.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: -15%;
  }
}
@media screen and (max-width: 736px) {
  .gallery__item__10 .gallery__item__title {
    width: 14%;
    top: -12%;
    left: auto;
    right: 9%;
  }
}/*# sourceMappingURL=colorful.css.map */