@charset "UTF-8";
/* AI BARTENDER loading 画面 */
.loading {
  background-image: url("../image/_common/background.png");
}
.loading .loading_grass {
  position: absolute;
  top: 0px;
  width: 2160px;
}
.loading .loading_grass img {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  animation: loading_grass_animation 4.5s steps(1) infinite;
}
@keyframes loading_grass_animation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.loading .loading_grass img:nth-of-type(1) {
  animation-delay: 0s;
}
.loading .loading_grass img:nth-of-type(2) {
  animation-delay: 0.75s;
}
.loading .loading_grass img:nth-of-type(3) {
  animation-delay: 1.5s;
}
.loading .loading_grass img:nth-of-type(4) {
  animation-delay: 2.25s;
}
.loading .loading_grass img:nth-of-type(5) {
  animation-delay: 3s;
}
.loading .loading_grass img:nth-of-type(6) {
  animation-delay: 3.75s;
}
.loading .loading_message {
  position: absolute;
  top: 0px;
  width: 2160px;
}
.loading .loading_message div {
  position: absolute;
  width: 503px;
  top: 809px;
  left: 50%;
  transform: translateX(-50%);
}
.loading .loading_message div img {
  position: absolute;
  top: 0px;
  opacity: 0;
  animation: loading_message_animation 5.5s steps(1) infinite;
}
@keyframes loading_message_animation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.loading .loading_message div img:nth-of-type(1) {
  animation-delay: 0s;
}
.loading .loading_message div img:nth-of-type(2) {
  animation-delay: 2s;
}
.loading .loading_message div img:nth-of-type(3) {
  animation-delay: 3.5s;
}