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

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

.opa-nomal {transition: 2.5s ease; opacity: 0;}
/*アニメーションするプロパティを設定します*/
.opa-nomal.active {opacity: 1;}


.fade {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s 0s cubic-bezier(0.56, 0, 0.24, 1);
}
/*アニメーションするプロパティを設定します*/
.fade.active{opacity: 1;transform: translateY(0);}


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

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


.pagefade {transition:opacity 0.8s ease-in; opacity: 0;}
/*アニメーションするプロパティを設定します*/
.pagefade.active {opacity: 1;}