@charset "UTF-8";

   #scrollbutton {
      /* 右下に位置へ固定 */
      position: fixed; /* 場所の固定 */
      bottom: 120px;   /* 下端から */
      right: 18px;    /* ←右端から */
      width: 7em;     /* ←横幅 */
      z-index: 1600;


      /* 最初は非表示 */
      display: none;

      /* 文字の装飾 */
      background-color: #0088ff; /* 背景色 */
      opacity: 0.75;             /* 透明度 */
      border-radius: 24px;       /* 角丸サイズ */
      text-align: center;    /* 文字位置 */
      font-size: 100%;       /* 文字サイズ */
      font-weight: bold;     /* 文字太さ */
      margin: 0px;    /* 外側の余白 */
      padding: 5px;  /* 内側の余白 */

  }
   #scrollbutton a {
      /* リンク装飾 */
      color: white;          /* 文字 */
      text-decoration: none; /* 下線なし */
   }
   #scrollbutton a:hover {
      /* フォーカス時の装飾 */
      color: yellow;              /* 文字色 */
      text-decoration: underline; /* 下線あり */
   }