/*リンクの形状*/
#page-top a{
    display: flex;
    justify-content:center;
    align-items:center;
    background:#F8D74B;
    border-radius: 10px;
    width: 80px;
    height: 80px;
    color: #555;
    text-align: center;
    text-decoration: none;
    font-size:2.6rem;
    transition:all 0.3s;
  }
/*   
  #page-top a:hover{
    background: #F3F3F3;
  } */
  
  /*リンクを右下に固定*/
  #page-top {
    position: fixed;
    right: -120px;
    bottom:100px;
    z-index: 2;
      /*はじめは非表示*/
    opacity: 0;
    transform: translateY(200px);
  }
  
  
  
  /*　左の動き　*/
  
  #page-top.LeftMove{
      animation: LeftAnime 0.5s forwards;
  }
  
  @keyframes LeftAnime{
    from {
      opacity: 0;
      transform: translateX(0);
    }
    to {
      opacity: 1;
      transform: translateX(-150px);
    }
  }
  
  /*　右の動き　*/
  
  #page-top.RightMove{
      animation: RightAnime 0.5s forwards;
  }
  @keyframes RightAnime{
    from {
        opacity: 1;
      transform: translateX(-150px);
    }
    to {
        opacity: 1;
      transform: translateX(0);
    }
  }