/*gnav sp*/
@media screen and (max-width: 768px) {
#sp-logo-gnav ul {
padding: 20px 0;
text-align: center;
}
#sp-logo-gnav ul li a {
display: block;
}
#sp-logo-gnav ul li img {
height: 12px;
padding: 20px 0;
}
#sp-logo-gnav .sp-gnav-dt-facebook {
height: 30px;
}
#bg-sp-button .sp-menu-logo {
height: 28px;
}

#bg-sp-logo {
position:fixed;
width: 100%;
height: 60px;
top: 0;
left: 0;
z-index:10;
background-color: rgba(255,255,255,1);
}

#bg-sp-logo .sp-top-logo {
width: 133px;
padding: 14px 0 10px 20px;
}

#bg-sp-button {
position: fixed;
top: 0;
right: 0;
z-index: 30;
}

#sp-logo-gnav {
display: block;
width: 100%;
}

#logo-gnav, #gnav-dt_common {
display: none;
}
}