@charset "utf-8";
/* CSS Document */


.pagetop {
	display: none;
	position: fixed;
  bottom: 4%;
  right: 1%;
	z-index:1000;
}

@media only screen and (max-width: 768px)  {
  

}

.pagetop{
    transition: all .5s;
}
.pagetop a {
	display: block;
	width: 60px;
	height: 60px;
	background-color: var(--secondaryColor);
	color:#fff;
	text-align:center;
	/*text-indent:-9999px;*/
	font-size:19px;
	text-decoration: none;
	line-height: 1;
  padding: 6px 0;
  border-radius: 5px;
    border: 1px solid var(--whiteColor);
}

.pagetop a span {
  font-size: 15px;
}

@media (any-hover: hover) {
/*:hover はここに書く*/
    .pagetop:hover  {
        transform: translateY(-5px);
        opacity: .9;
    }
    
    
    

}






/******************************************************************************************/

/* for TB & SP CSS   */

/******************************************************************************************/


@media only screen and (max-width: 700px) {
  
  .pagetop {bottom: 2%;}
    .pagetop a{
        width: 50px;
        height: 50px;
        padding: 5px 0;
        font-size: 17px;
    }
    .pagetop a span{
        font-size: 13px;
    }
  
	
}