/* ページ遷移アニメーション */
.content{
    opacity: 0;
}
.body-header{
    opacity: 0;
}
.line {
    opacity: 0;
}
body.appear .content {
    animation-name: PageAnime-content;
    animation-duration: 0.55s;
    animation-delay: 0.55s;
    animation-fill-mode: forwards;
    opacity: 0;
    pointer-events: auto;
}
.body-header {
    animation-name: PageAnime-content;
    animation-duration: 0.55s;
    animation-delay: 0.55s;
    animation-fill-mode: forwards;
    opacity: 0;
    pointer-events: auto;
}
.line {
    animation-name: PageAnime-content;
    animation-duration: 0.55s;
    animation-delay: 0.55s;
    animation-fill-mode: forwards;
    opacity: 0;
    pointer-events: auto;
}
.animation .content {
    opacity: 1;
    pointer-events: auto;
}
.animation .body-header{
    opacity: 1;
    pointer-events: auto;
}
@keyframes PageAnime-content {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}