@charset "UTF-8";
/*body {
  margin: 0;
}*/

#stage ul {
  display: block;
  width: 100%;
  height: 290px;
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
}

#stage li {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  position: absolute;
}


/*     4     */
#stage li:nth-of-type(1) {
  transform: translateX(0);
  animation: slide 16s 0s infinite;
}
#stage li:nth-of-type(2) {
  animation: slide 16s 4s infinite;
}
#stage li:nth-of-type(3) {
  animation: slide 16s 8s infinite;
}
#stage li:nth-of-type(4) {
  animation: slide 16s 12s infinite;
}
@keyframes slide {
  0% {
    transform: translateX(100%);
    opacity: 1;
  }
  5% {
    transform: translateX(0%);
    opacity: 1;
  }
  25% {
    transform: translateX(0%);
    opacity: 1;
  }
  30% {
    transform: translateX(-100%);
    opacity: 0;
  }
  99.999% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(100%);
    opacity: 1;
  }
}