@charset "UTF-8";

#scrollToTop {
    display:none;
    position: fixed;
    right: 15px;
    bottom: calc(32px + 32px + 2.5px); /* 下アキ+画像高さ+アキ */
    /* 画像サイズに合わせる */
    height: 32px;
    width: 32px;
    border: none;
    z-index: 10;
    cursor:pointer;
    background : url(../img/page_up.png) no-repeat;
  }
#scrollToTop:hover {
    z-index: 10;
    background : url(../img/page_up_mouseover.png) no-repeat;
}
#scrollToBottom {
    display: none;
    position: fixed;
    right: 15px;
    bottom: 32px;
    /* 画像サイズに合わせる */
    height: 32px;
    width: 32px;
    border: none;
    z-index: 10;
    cursor:pointer;
    background : url(../img/page_down.png) no-repeat;
}
#scrollToBottom:hover {
    z-index: 10;
    background : url(../img/page_down_mouseover.png) no-repeat;
}
/**********************
mobile
**********************/
@media (max-width:768px) {
    #scrollToTop {
        right: 3.5px;
        bottom: calc(6px + 32px + 4px); /* 下アキ+画像高さ+アキ */
      }
    #scrollToBottom {
        right: 3.5px;
        bottom: 6px;
    }    
}