#pageTopBox {
    max-width: 980px;
    margin: 0 auto;
    height: 185px;
    position: relative;
}
#pageTopBox .page-top {
    position: absolute;
    right: 0;
    bottom: 20px;
}
.sp-gnav-wrap{display: none;}
.gnav .normal-gnav li.sp_only{display: none;}
@media screen and (max-width: 768px) {
	.btn-sp-gnav_official{display: block; position: fixed; bottom: 7px; left: 4px; background: #a8a8a8; padding: 30px 28px; z-index: 99999999;}
	.btn-sp-gnav_official:after{content: "MENU"; color:#fff; position: absolute; top: 37px; font-size: 12px; left: 10px;}
	.btn-sp-gnav_official span{background:#fff;}

	.gnav{z-index: 99999; background:#eee; padding:10px;}
	.gnav .normal-gnav{border-left:none; border-right:none;}
	.gnav .normal-gnav li{border-left:none; border-right:none;}
	.gnav .normal-gnav li.sp_only{display: block;}
	.gnav ul li a{color: #666666; padding: 10px !important; line-height: 1.5;}

	.sp-gnav-wrap{display: block;
	margin: 20px 0;
	border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 0;
    text-align: center;
    background: #a8a8a8;
	}
	.sp-gnav-wrap:after{content: ""; display: block; clear: both;}
	.sp-gnav-wrap .normal-gnav li{position:relative; width: 25%; float: left; text-align: center; border-left: 1px solid #dddddd;}
	.sp-gnav-wrap .normal-gnav li:nth-child(1),
	.sp-gnav-wrap .normal-gnav li:nth-child(5){border-left: none;}
	.sp-gnav-wrap .normal-gnav li:nth-child(4),
	.sp-gnav-wrap .normal-gnav li:nth-child(8){border-right: none;}
	.sp-gnav-wrap .normal-gnav li:nth-child(5),
	.sp-gnav-wrap .normal-gnav li:nth-child(6),
	.sp-gnav-wrap .normal-gnav li:nth-child(7),
	.sp-gnav-wrap .normal-gnav li:nth-child(8){border-top: 1px solid #dddddd;}
	.sp-gnav-wrap .normal-gnav li a{font-size:11px; display: block; padding: 5px 0; position:relative; color:#fff;}
	.sp-gnav-wrap .normal-gnav li.is_active a:after{content: ""; display: block;
    position: absolute;
    bottom:0;
    height:2px;
	width: 100%;
    background: #048ed7;
    background: -moz-linear-gradient(left, #048ed7 0%, #e9647f 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #048ed7), color-stop(100%, #e9647f));
    background: -webkit-linear-gradient(left, #048ed7 0%, #e9647f 100%);
    background: -o-linear-gradient(left, #048ed7 0%, #e9647f 100%);
    background: -ms-linear-gradient(left, #048ed7 0%, #e9647f 100%);
    background: linear-gradient(to right, #048ed7 0%, #e9647f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#048ed7, endColorstr=#e9647f,GradientType=1 );}
    
    .gnav{background: #a8a8a8;}
    .gnav .normal-gnav li a{color:#fff;}
}
@media screen and (max-width: 320px) {
	.sp-gnav-wrap .normal-gnav li a{letter-spacing: -1px;}
}