.n-list_item.fadein {
  opacity: 0.1;
  transition: all ease 0.4s;
  transform: translate(0, 50px);
}

.n-list_item:nth-of-type(1) {
  transition-duration: 400ms;
}

.n-list_item:nth-of-type(2) {
  transition-duration: 800ms;
}

.n-list_item:nth-of-type(3) {
  transition-duration: 1200ms;
}

.n-list_item:nth-of-type(4) {
  transition-duration: 1600ms;
}

.n-list_item:nth-of-type(5) {
  transition-duration: 2000ms;
}

.n-list_item:nth-of-type(6) {
  transition-duration: 2400ms;
}

.n-list_item:nth-of-type(7) {
  transition-duration: 2800ms;
}

.n-list_item:nth-of-type(8) {
  transition-duration: 3200ms;
}

.n-list_item:nth-of-type(9) {
  transition-duration: 3600ms;
}

.n-list_item:nth-of-type(10) {
  transition-duration: 4000ms;
}

.n-list_item:nth-of-type(11) {
  transition-duration: 4400ms;
}

.n-list_item:nth-of-type(12) {
  transition-duration: 4800ms;
}

.n-list_item.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.n-list_item img {
  transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s;
}

.n-list_item:hover img {
  transform: rotateY(-360deg);
}

/*-------------------------
  color
-------------------------*/
.color-photo_img {
  overflow: hidden;
}
.color-photo_img img {
  transition: transform 1.8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.color-photo_img:hover img {
  transform: scale(1.02);
}

.color_name.fadein,
.color_paragraph.fadein {
  opacity: 0.4;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transform: translate(0, 100px);
}

.color_name.fadein.scrollin,
.color_paragraph.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.color .color-detail.fadein::after {
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 0;
  height: 0;
}

.color .color-detail.fadein.scrollin::after {
  width: 100%;
  height: 100%;
}

.color .color_num.fadein::after {
  height: 0;
  transition: height cubic-bezier(0.075, 0.82, 0.165, 1) 3s;
  transition-delay: 1s;
}

.color .color_num.fadein.scrollin::after {
  height: calc(100% - 7rem);
}

.color_image.fadein {
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-delay: 1s;
}

.color_image.fadein.scrollin {
  opacity: 1;
}

.color-photo_img.fadein {
  opacity: 0.1;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  transform: translate(0, 50px);
}

.color-photo_img.fadein.scrollin {
  opacity: 1;
  transform: translate(0);
}

.color-photo_img.-main.fadein {
  transition-duration: 400ms;
}

.color-photo_img.-sub.fadein {
  transition-duration: 800ms;
}

.product_cta.fadein {
  opacity: 0;
  transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.product_cta.fadein.scrollin {
  opacity: 1;
}/*# sourceMappingURL=animation.css.map */