/*リンクの形状*/
    
    #page-top a {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #859460;
        border-radius: 5px;
        width: 100px;
        height: 100px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 0.8rem;
        transition: all 0.3s;
    }
    
    #page-top a:hover {
        background: #777;
    }
    /*リンクを右下に固定*/
    
    #page-top {
        position: fixed;
        right: 20px;
        bottom: 20px;
        z-index: 2;
        /*はじめは非表示*/
        opacity: 0;
        transform: translateY(100px);
    }
    /*　上に上がる動き　*/
    
    #page-top.UpMove {
        animation: UpAnime 0.5s forwards;
    }
    
    @keyframes UpAnime {
        from {
            opacity: 0;
            transform: translateY(100px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    /*　下に下がる動き　*/
    
    #page-top.DownMove {
        animation: DownAnime 0.5s forwards;
    }
    
    @keyframes DownAnime {
        from {
            opacity: 1;
            transform: translateY(0);
        }
        to {
            opacity: 1;
            transform: translateY(140px);
        }
    }
    
    @media only screen and (max-width: 767px) {
        #page-top a {
            width: 60px;
            height: 60px;
            font-size: 0.6rem;
        }
        #page-top a:hover {
            background: #942D2F;
        }
    }