/*========= 繝壹�繧ｸ繝医ャ繝励�縺溘ａ縺ｮCSS ===============*/

/*繝ｪ繝ｳ繧ｯ縺ｮ蠖｢迥ｶ*/
#page-top a{
  display: flex;
  justify-content:center;
  align-items:center;
  background:#205594;
  border-radius: 5px;
  width: 60px;
  height: 60px;
  color: #fff;
  text-align: center;
  text-transform: uppercase; 
  text-decoration: none;
  font-size:0.6rem;
  transition:all 0.3s;
}

#page-top a:hover{
  background: #777;
}

/*繝ｪ繝ｳ繧ｯ繧貞承荳九↓蝗ｺ螳�*/
#page-top {
  position: fixed;
  right: 10px;
  bottom:10px;
  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(100px);
  }
}