@charset "UTF-8";
/* CSS Document */

.opa {transition: 1.2s ease; opacity: 0; filter: brightness(400%);}

.opa_gym {transition: 1s ease; opacity: 0; filter: brightness(400%);}



.fade {
    opacity: 0;
    transform: translateY(80px);
    transition: all 1s 0s cubic-bezier(0.56, 0, 0.24, 1);
}

.ttlfade {
    opacity: 0;
    transform: translateX(80px);
    transition: all 1s 0s cubic-bezier(0.56, 0, 0.24, 1);
}



/*アニメーションするプロパティを設定します*/
.opa.active {
    opacity: 1;
   filter: brightness(100%);
}

.opa_gym.active {
    opacity: 1;
   filter: brightness(100%);
}

.fade.active{
    opacity: 1;
    transform: translateY(0);
}

.ttlfade.active{
    opacity: 1;
    transform: translateX(0);
}