/* シンプル回転 */
/*
.icon-left.rotate,
.icon-right.rotate {
  animation: rotateOneTime 2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes rotateOneTime {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}*/

.icon-left.rotate,
.icon-right.rotate {
  animation: rotateOneTime 2.5s cubic-bezier(0.25, 1, 0.35, 1.3) forwards;
}

@keyframes rotateOneTime {
  0% {
    transform: rotateY(0deg);
  }
  85% {
    transform: rotateY(380deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}