@charset "utf-8";
/* パソコン・スマホ共通のCSS */
#PageTopBtn {
    position: fixed; /*下からのボタンの配置場所を指定*/
    right: 10px;
    bottom: 10px;
}
#PageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字のサイズ*/
    text-align: center;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    border-radius: 10px;
    width: 50px;
    height: 50px;
    background-color: rgba(0,0,0,0.20);
    -webkit-box-shadow: inset 0px 0px;
    box-shadow: inset 0px 0px;
    animation: ease;
    transition: 0.4s;
}
#PageTopBtn a:hover {
    text-decoration: none; /*マウスオーバー時の背景色*/
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    padding-top: 0px;
    background-color: rgba(0,0,0,0.50);
    width: 50px;
    height: 100px;
    border-radius: 25px;
}


$(function() {
    var TopBtn = $('#PageTopBtn');    
    TopBtn.hide();
    // スクロール位置が100でボタンを表示
    $(window).scroll(function() {
        if ($(this).scrollTop() > 100) {
            TopBtn.fadeIn();
        } 
        else {
            TopBtn.fadeOut();
        }
    });
    // ボタンを押下するとトップへ移動
    TopBtn.click(function() {
        $('body,html').animate({
            scrollTop: 0
        }, 300);
        return false;
    });
});