.fadein .fade-item {
  transition: transform 0.4s, opacity 0.4s;
  opacity: 0;
}
.fadein.inview .fade-item {
  opacity: 1;
}
.fadein.inview .fade-item:nth-child(1) {
  transition-delay: 0.2s;
}
.fadein.inview .fade-item:nth-child(2) {
  transition-delay: 0.4s;
}
.fadein.inview .fade-item:nth-child(3) {
  transition-delay: 0.6s;
}
.fadein.inview .fade-item:nth-child(4) {
  transition-delay: 0.8s;
}
.fadein.inview .fade-item:nth-child(5) {
  transition-delay: 1s;
}
.fadein.inview .fade-item:nth-child(6) {
  transition-delay: 1.2s;
}
.fadein.inview .fade-item:nth-child(7) {
  transition-delay: 1.4s;
}
.fadein.inview .fade-item:nth-child(8) {
  transition-delay: 1.6s;
}
.fadein.inview .fade-item:nth-child(9) {
  transition-delay: 1.8s;
}
.fadein.inview .fade-item:nth-child(10) {
  transition-delay: 2s;
}
.fadein.inview .fade-item:nth-child(11) {
  transition-delay: 2.2s;
}
.fadein.inview .fade-item:nth-child(12) {
  transition-delay: 2.4s;
}
.fadein.inview .fade-item:nth-child(13) {
  transition-delay: 2.6s;
}
.fadein.inview .fade-item:nth-child(14) {
  transition-delay: 2.8s;
}
.fadein.inview .fade-item:nth-child(15) {
  transition-delay: 3s;
}

.loading {
  position: fixed;
  z-index: 999;
  background: #ffa4a4;
  width: 100%;
  height: 100%;
}
.loading .loading-images {
  position: relative;
  width: 100%;
  max-width: 393px;
  height: 100%;
  margin: 0 auto;
}
.loading .loading-images .image {
  position: absolute;
}
.loading .loading-images .image img {
  max-height: 100%;
  margin: 0 auto;
}
.loading .loading-images .image.music {
  left: 31.2%;
  top: 3.3%;
  width: 6.8%;
  height: 6.1%;
}
.loading .loading-images .image.heart {
  left: 8%;
  top: 11.6%;
  width: 8.8%;
  height: 3.6%;
}
.loading .loading-images .image.waku_1 {
  left: 4.9%;
  top: 9.7%;
  width: 90.2%;
  height: 13.8%;
}
.loading .loading-images .image.thunder {
  left: 80%;
  top: 17.6%;
  width: 8%;
  height: 4.8%;
}
.loading .loading-images .image.soap {
  left: 37.8%;
  top: 23.9%;
  width: 32.2%;
  height: 5.7%;
}
.loading .loading-images .image.stars {
  left: 9%;
  top: 31.5%;
  width: 18.7%;
  height: 7.9%;
}
.loading .loading-images .image.kirakira_1 {
  left: 79.2%;
  top: 31.5%;
  width: 14.7%;
  height: 5.6%;
}
.loading .loading-images .image.candy {
  left: 42.4%;
  top: 40%;
  width: 33.3%;
  height: 4.4%;
}
.loading .loading-images .image.kirakira_2 {
  left: 16.2%;
  top: 45.6%;
  width: 14.5%;
  height: 5.8%;
}
.loading .loading-images .image.ribbon_1 {
  left: 66.4%;
  top: 48.7%;
  width: 19.6%;
  height: 8.5%;
}
.loading .loading-images .image.waku_2 {
  left: 6%;
  top: 55.2%;
  width: 86.5%;
  height: 8.6%;
}
.loading .loading-images .image.leaf {
  left: 7.6%;
  top: 62.5%;
  width: 13.3%;
  height: 8.6%;
}
.loading .loading-images .image.bodyfantasies_logo {
  left: 33.2%;
  top: 67.8%;
  width: 64.3%;
  height: 11.7%;
}
.loading .loading-images .image.wakuhazusulife {
  left: 7.5%;
  top: 83.2%;
  width: 50.4%;
  height: 9.6%;
}
.loading .loading-images .image.ribbon_2 {
  left: 64.6%;
  top: 87.7%;
  width: 29.3%;
  height: 9.9%;
}

.fadeout {
  animation-name: fadeout;
  animation-duration: 1s;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-delay: 4s;
  pointer-events: none;
}

@keyframes fadeout {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
  }
}