@charset "utf-8";

#sp_gnavi {width: 100%;position: fixed;top: 0;left: 0;right: 0;bottom: 0;overflow-y: auto;z-index: -9;background-color: rgba(0,159,232,0.9);padding-top: 2rem;}
#sp_gnavi a {
  color: #fff;
  text-decoration: none;
  display: block;
  text-align: left;
}
#sp_gnavi dl {
  margin-top: -1px;
}
#sp_gnavi dl:first-child {
  margin-top: 10px;
  border-top: none;
}
#sp_gnavi dt {
  font-weight: bold;
  text-align: center;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  padding: 15px;
  border-bottom: 1px solid #fff;
}

#sp_gnavi ul {
  overflow: hidden;
  margin:0;
  padding:0;
  list-style: none;
}
#sp_gnavi ul li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #fff;
  font-size:12px;
}

#sp_gnavi ul a {
  position: relative;
padding:0 10px;
  height: 50px;
  line-height: 50px;
  font-size: 11px;
}

#sp_gnavi ul a span {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#sp_gnavi ul a:after {
content:"▶";
float:right;
}

#sp_gnavi ul li.on a:after {
content:"▼";
}


#sp_gnavi ul li ul li {
border-bottom:none;
margin-left:0px;
}

#sp_gnavi ul li ul li a:after{
content:""!important;
}

#sp_gnavi .close {
  text-align: center;
  padding: 15px 0;
  margin: -1px 0 0 0;
}
#sp_gnavi .close a {
  display: inline-block;
  font-weight: bold;
}

.ac_Menu {
  display: inline-block;
width:15%;
  padding:  0;
float:right;
}



.spNavi{
position:relative;
}


#header_sp {
    display: block;
}


#header_sp {
    position: fixed;
    z-index: 10;
    background: #fff;
    top: 0;
    width: 100%;
}

#header_sp.fixed {
    position: fixed;
    }

#header_sp #nav_sp01 {
    background: #fff;
margin:0;
padding:10px;
}
#header_sp li.logo {
    margin: 0px;
	margin-right: auto;
}
#header_sp img {
    vertical-align: bottom;
}
#nav_sp01 li {
    margin: 0px;
    display: inline;
    list-style:none;
}