@charset "UTF-8";

.countdown__frame01 > div :nth-child(odd) {
  -webkit-animation: loop-left01 23s linear infinite 0.001s;
  animation: loop-left01 23s linear infinite 0.001s;
}
.countdown__frame01 > div :nth-child(even) {
  -webkit-animation: loop-left02 23s linear infinite 0.001s;
  animation: loop-left02 23s linear infinite 0.001s;
}

.countdown__frame02 > div :nth-child(odd) {
  -webkit-animation: loop-left03 28s linear infinite 0.001s;
  animation: loop-left03 28s linear infinite 0.001s;
}
.countdown__frame02 > div :nth-child(even) {
  -webkit-animation: loop-left03 28s linear infinite 0.001s;
  animation: loop-left03 28s linear infinite 0.001s;
}

.countdown__frame03 > div :nth-child(odd) {
  -webkit-animation: loop-left01 23s linear infinite 0.001s;
  animation: loop-left01 23s linear infinite 0.001s;
}
.countdown__frame03 > div :nth-child(even) {
  -webkit-animation: loop-left02 23s linear infinite 0.001s;
  animation: loop-left02 23s linear infinite 0.001s;
}

/*ループframe*/
@keyframes loop-left01 {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0%);
  }
}
@-webkit-keyframes loop-left01 {
  from {
    -webkit-transform: translateY(-100%);
  }

  to {
    -webkit-transform: translateY(0%);
  }
}

@keyframes loop-left02 {
  from {
    transform: translateY(0%);
  }

  to {
    transform: translateY(-200%);
  }
}
@-webkit-keyframes loop-left02 {
  from {
    -webkit-transform: translateY(0%);
  }

  to {
    -webkit-transform: translateY(-200%);
  }
}

@keyframes loop-left03 {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0%);
  }
}
@-webkit-keyframes loop-left03 {
  from {
    -webkit-transform: translateX(-100%);
  }

  to {
    -webkit-transform: translateX(0%);
  }
}

@keyframes loop-left04 {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(-200%);
  }
}
@-webkit-keyframes loop-left04 {
  from {
    -webkit-transform: translateX(0%);
  }

  to {
    -webkit-transform: translateX(-200%);
  }
}
/*ループframe*/