/*スクロールすると浮かぶアニメーション*/
.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: 25px;
    bottom:25px;
    width:50px;
    height:50px;
    border-radius:25px;
    border:none;
    background:#632e22;
    color: #fff;
    padding:0px;
    z-index:20000;
    font-size:16px;
    font-weight: lighter;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
#page-top a:hover{
    background-color:#fff;
    border:#632e22 solid 1px;
    color:#632e22;
}