はてなブログスマホ版スクロールアップボタン設置CSS

style.css

<style tyle=text/css> /*すでに記述している場合には不要*/
/*上に戻るボタン*/
#page-top {
  display:none;
  position:fixed;
  right:10px;
  bottom:20px;
  margin: 0;
  padding: 0;
  text-align:center;
}
#move-page-top{
  color:rgba(0,0,0,0.4);
  text-decoration:none;
  display:block;
  cursor:pointer;
}
#move-page-top:hover{
  color:rgba(0,0,0,0.6);
}
@media only screen and (min-width: 400px){
  #page-top{
    right:50%;
    margin-right: -450px;
  }
}

/*上に戻るボタンサイズ*/
.fa-5x {
    font-size: 3em; /*数値を変更すればボタンの大きさを変えられます*/
}
}</style> /*すでに記述している場合には不要*/