@charset "Shift_JIS";
.nav {
  list-style: none;
  overflow: hidden;
  margin-bottom:3%;
  height:50px;
  border-top-right-radius : 8px;
}
 
.nav li {
  width: 140px;
  text-align: center;
  background-color: #7b68ee;
  float: left;
  height:50px;
  border-top-right-radius : 50px;
  border-bottom-right-radius : 50px;
  line-height:50px;
}
 
.nav li a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size:120%;
}

.nav li a:hover{
  color:#ff8c00;
}

@media only screen and (max-width: 990px){
#g_navi{
      margin-bottom:5%;
}
.nav {
       margin-bottom:5%;
       overflow: visible;
}
.nav li a {
       font-size:10px;
       padding: 0.7em 0.5em;
}
.nav li {
       width:60px;
       height:30px;
       line-height:30px;
       margin-bottom:2%;
}
#cp_navimenuid:checked ~ .nav {
       height: 70px;
}

}