@keyframes load-view__show-wait-icon__tablet {
  from { transform: translateX(-150px) scale(0.8); }
  to   { transform: translateX(0px) scale(1.3); }
}
@keyframes load-view__scale-wait-icon__tablet {
  from { transform: scale(5) rotate(0deg); }
  to   { transform: scale(1) rotate(360deg); }
}

@keyframes load-view__show-poster__tablet {
  from { transform: translateY(calc(-100% + -200px)); }
  to   { transform: translateY(0); }
}

@keyframes load-view__fall-ball__tablet {
  0%   { transform: translateY(calc(-50% + -25px)); }
  40%  { transform: translateY(calc(50% - 25px)); }
  100% { transform: translateY(0); }
}
@keyframes load-view__scale-ball__tablet {
  0% {
    width: 50px; height: 50px; border-radius: 50%;
    top: calc(50% - 25px); left: calc(50% - 25px);
  }
  50% {
    width: calc(100% - 10px); height: 322px; border-radius: 0%;
    top: calc(50% - 161px); left: 5px;
  }
  100% {
    width: calc(100% - 10px); height: 0; border-radius: 0%;
    top: calc(50% - 161px); left: 5px;
  }
}

@keyframes load-view__sway-illust__tablet {
  from { transform: rotate(-2deg); }
  to   { transform: rotate(2deg); }
}
@keyframes load-view__rotate-illust__tablet {
  from { transform: rotateY(0deg); }
  to   { transform: rotateY(480deg); }
}

@keyframes load-view__move-paint-ball__tablet {
  from { left: -60px; transform: rotate(0deg); }
  to   { left: calc(100% + 60px); transform: rotate(1440deg); }
}
@keyframes load-view__move-paint-ball-1__tablet {
  from { left: -60px; transform: rotate(0deg); }
  to   { left: calc(100% + 60px); transform: rotate(5760deg); }
}
@keyframes load-view__move-paint-ball-2__tablet {
  from { left: calc(100% + 60px); transform: rotate(0deg); }
  to   { left: -60px; transform: rotate(-5760deg); }
}

@keyframes load-view__show-line-1__tablet {
  from { transform: translate(calc(100% + 15px), calc(100% - 5px)); }
  to   { transform: translate(-15px, calc(100% - 5px)); }
}
@keyframes load-view__show-line-2__tablet {
  from { transform: translate(calc(-100% + -15px), calc(100% - 5px)); }
  to   { transform: translate(-15px, calc(100% - 5px)); }
}
@keyframes load-view__hidden-line-1__tablet {
  0%   { transform: translate(-15px, calc(100% - 5px)); }
  50%  { transform: translate(-15px, 0); }
  100% { transform: translate(calc(100% + 15px), 0); }
}
@keyframes load-view__hidden-line-2__tablet {
  0%   { transform: translate(-15px, calc(100% - 5px)); }
  50%  { transform: translate(-15px, 0); }
  100% { transform: translate(calc(-100% + -15px), 0); }
}

@keyframes load-view__sway-sd__tablet {
  from { transform: rotate(-5deg); }
  to   { transform: rotate(5deg); }
}

@keyframes load-view__show-curtain-1__tablet {
  from { transform: translateY(-100%); }
  to   { transform: translateY(0%); }
}
@keyframes load-view__show-curtain-2__tablet {
  from { transform: translateY(100%); }
  to   { transform: translateY(0%); }
}
@keyframes load-view__show-curtain-inner-1__tablet {
  0% { transform: translateY(0); }
  30% { transform: translateY(calc(100% - 15px)); }
  80% { transform: translateY(calc(100% - 60px)); }
  100% { transform: translateY(100%); }
}
@keyframes load-view__show-curtain-inner-2__tablet {
  0% { transform: translateY(0); }
  30% { transform: translateY(calc(-100% + 15px)); }
  80% { transform: translateY(calc(-100% + 60px)); }
  100% { transform: translateY(-100%); }
}

@keyframes load-view__show-message__tablet {
  0%   { transform: translateX(-200px); opacity: 0; }
  8%   { transform: translateX(-80px); opacity: 1; }
  100% { transform: translateX(0px); opacity: 1; }
}

@keyframes load-view__close-1__tablet {
  from { transform: translateY(-100%); }
  to   { transform: translateY(0%); }
}
@keyframes load-view__close-2__tablet {
  from { transform: translateY(100%); }
  to   { transform: translateY(0%); }
}
