@charset "utf-8";


@keyframes anime_fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.mainvisual_frame::before {
    opacity: 0;
    animation: anime_fadeIn 2.0s ease-out 0.5s 1 normal forwards;
}

.mainvisual_frame .bnr_boardgame {
    opacity: 0;
    animation: anime_fadeIn 1.0s ease-in-out 1.0s 1 normal forwards;
}

.mainvisual_frame .mainvisual_beniko {
    opacity: 0;
    animation: anime_fadeIn 3.0s ease-in-out 1.0s 1 normal forwards;
}

@keyframes anime_bound {
    0% {
    transform: translateY(-50vh);
    opacity: 0;
  }
  50% {
    transform: translateY(0);
  }
  65% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0);
  }
  20%,100% {
    opacity: 1;
  }
    
    /* 0% {
        opacity: 0;
        transform: translateY(-50vh);
    }
    40% {
        transform: translateY(20px);
    }
    45% {
        transform: translateY(-5vh);
    }
    50% {
        transform: translateY(-7.5vh);
    }
    55% {
        transform: translateY(-8vh);
    }
    60% {
        transform: translateY(-7.5vh);
    }
    90% {
        transform: translateY(-5vh);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    } */
}
.mainvisual_frame .mainvisual_title {
    opacity: 0;
    animation: anime_bound 0.5s linear 3.5s 1 normal forwards;
}