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

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


.fade {
    opacity: 0;
    transform: translateY(20px);
    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;}