@charset "utf-8";

/* =======================================

	CommonElements

======================================= */
#fixedTop {
	right: 10px;
	
	font-weight: bold;	/*太字にする設定*/
	bottom: -60px;
	width: 12em;	/*ボックス幅*/
	color: #666;	/*リンクテキストの色*/
	font-size: 10px;       /*文字サイズ*/
	text-decoration: none;
	text-align: center;
	background: linear-gradient(#fff, #eee);	/*グラデーション*/
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定。*/
		border: 1px solid #666;
	border-radius: 30px;	/*角丸のサイズ*/
	position: fixed;
	z-index: 9999;
	-webkit-transform: translateZ(0);
}
#fixedTop:hover {
	background-color: #fff;	/*背景色*/
	
	border: 1px solid #f59e07;
	color: #f59e07;			/*文字色*/
	/*background-color: #666;	背景色*/
}

/*画面幅480px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:570px){
	
#fixedTop {
	display: none;
}
#fixedTop:hover {
	display: none;
}

	
	

/* =======================================

	ヘッダ
======================================= */
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
(function($) {
    $(function() {
        var $header = $('#top-head');
        // Nav Fixed
        $(window).scroll(function() {
            if ($(window).scrollTop() > 350) {
                $header.addClass('fixed');
            } else {
                $header.removeClass('fixed');
            }
        });
        // Nav Toggle Button
        $('#nav-toggle').click(function(){
            $header.toggleClass('open');
        });
    });
})(jQuery);
</script>