@charset "UTF-8";
/* CSS Document */
#page_top{
  width: 100px;    
  height: 150px;
 background:url("../img/illust14.png");   
background-size: contain;
background-position: center;
background-repeat: no-repeat;
 position: fixed;
bottom: 10px;
right: 10px;    
z-index: 80;
border-radius: 50px;
animation: floating-y 1.8s ease-in-out infinite alternate-reverse;       
}


#page_top::after{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f077';
  font-size: 20px;
  color: #fff; 
  margin: auto;
  text-align: center;
  position: absolute;
  top:8%;
   left: 50%;    
 -webkit-transform : translateX(-50%);
transform : translateX(-50%); 
cursor: pointer;  
}
#page_top::before{
  content: 'TOP';
  font-size: 1rem;
  color: #fff; 
  margin: auto;
  text-align: center;
  position: absolute;
  top:20%;
   left: 50%;    
 -webkit-transform : translateX(-50%);
transform : translateX(-50%);  
font-weight: 900;
font-family: "Nunito", sans-serif;       
}
#page_top a{
  position: relative;
  display: block;
  width: 100%;
text-align: center;
}
@keyframes floating-y {
  0% {
    transform: translateY(-8%);
  }
  100% {
    transform: translateY(5%);
  }
}
@media all and  (max-width:690px){
#page_top{
right: 1px;         
}


}