/* -リールanimation*/
.rotation {
  position: relative;
  overflow: hidden;
  width: 768px;
  height: 485px;
  background-color: #ccc;

  box-shadow: -20px 0 3px rgba(0, 0, 0, 0.3) inset;
}

.rotation:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: repeat-x;
  background-image : url(../img/rotation_course_sp.jpg);
  background-position: 0 0;
  background-size: auto 100%;
  transform: rotate(0.0deg);
  animation: rotation 50s linear infinite;
}

@keyframes rotation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -300% 0;
  }
}
 /* -リールanimation*/