@charset "utf-8";
.topBtn{position: fixed; z-index: 100; width: 55px; height:55px; line-height: 51px; background-color: #10378f; color:#222; bottom:20px; right:30px; box-shadow:rgb(255 255 255 / 12%) 0px 0px 2px 0px inset, rgb(0 0 0 / 5%) 0px 0px 2px 1px, rgb(0 0 0 / 22%) 0px 4px 20px; border-radius:50%; cursor: pointer; text-align:center; opacity: 0; transform: translateY(20px); transition:transform .3s .3s ease-out,opacity .3s .3s ease-out,background-color .3s ease-out;}
.topBtn:hover {background-color:#1166b1;}
.topBtn .top_arrow {position:absolute; top:50%; left:50%; transform: translate(-50%,-53%);}

body.headfixed .topBtn { opacity: 1;transform: translateY(0);}

@media (max-width: 768px){
  .topBtn{width: 40px; height:40px; line-height: 34px; right:10px;}
  .topBtn img {width:20px;}
}