/* COMMON CSS
==================================================================================*/
@charset "UTF-8";

/* ==========================================================================
    sp menu
========================================================================== */
#sp-menu {
 margin-top:-31px!important;
}
#menu #nav-open {
 position: absolute;
 width: 100%;
 height: 30px;
 z-index: 200;
 margin: 0;
 background: #000;
}
#menu #nav-open a {
 position: absolute;
 top: 5px;
 right: 10px;
}
#gNav {
 width: 100%;
 position: absolute;
 top: -400px;
 z-index: 100;
 transition: top 1s;
 -webkit-transition: top 1s;
 -moz-transition: top 1s;
 text-align: center;
 background:#e5e5e5;
 font-size:16pt;
 border:1px solid #666;
}
#gNav a {
 display:block;
 color:#fff;
 width:100%;
 text-decoration:none;
 padding:5px 0;
 color:#666;
 border:1px solid #666;
}
#gNav a:hover {
 background:#999;
}
#gNav:target {
  top: 31px;
}
.nav-open {
 display: block;
 position: relative;
 width: 40px;
 background: #999;
 float:right;
 top:31px;
}
.nav-open a{
 display: block;
 position: relative;
 padding: 12px 0 10px;
 //border-bottom: 1px solid #444;
 color: #fff;
 text-align: center;
 text-decoration: none;
}
.nav-open:before{
 display: block;
 content: "";
 position: absolute;
 top: 50%;
 left: 10px;
 width: 20px;
 height: 20px;
 margin-top: -10px;
 background: #fff;
}
.nav-open a:before, .nav-open a:after{
 display: block;
 content: "";
 position: absolute;
 top: 50%;
 left: 10px;
 width: 20px;
 height: 4px;
 background: #999;
}
.nav-open a:before{
 margin-top: -6px;
}
.nav-open a:after{
 margin-top: 2px;
}