/*スクロールすると浮かぶアニメーション*/
.animation {
    opacity: 0;
    visibility: hidden;
    transition: 2s;
    transform: translateY(80px);
    animation-delay: 5s;
    animation-duration: 8s;
}

/*アニメーション要素までスクロールした時のスタイル*/
.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/*ページトップへ戻るボタン*/
#page-top a {
    position: fixed;
    right: 1%;
    bottom: 120px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: none;
    background: #DA5661;
    color: #fff;
    padding: 0px;
    z-index: 20000;
    font-size: 16px;
    font-weight: lighter;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width:434px) {
    #page-top a {
        right: 1%;
        bottom: 90px;
        background-color: #fff;
        border: #DA5661 solid 1px;
        color: #DA5661;
    }
}

#page-top a:hover {
    background-color: #fff;
    border: #DA5661 solid 1px;
    color: #DA5661;
}