#menu {
  position: relative;
  width: 100%;
  padding-left: 0px;
  height: 40px;
  background:#0b3e72;
}
.menu-inner{
  width: 1120px;
  margin: 0 auto;
  height: 40px;
  background:#0b3e72;/*グローバルメニュー背景色*/
}

.menu-inner{
  position: relative ;
  z-index: 100 ;
  margin:0 auto;
}

.menu-inner::before {
  content: "" ;
  position: absolute ;
  top: 0 ;
  right: 0 ;
  bottom: 0 ;
  left: 0 ;
  display: block ;
  margin: 0 0 3px 0 ;
  z-index: -1 ;
}

#menu li {
  list-style-type: none;
  float: left;
  height: 40px;
  text-align: center;
  width: 20%;
}

#menu li a {
  display: block;
  color: #fff;/*グローバルメニュー文字色*/
  font-weight:bold;
  font-size: 80%;
  line-height: 40px;
  text-decoration:none;
}

#menu li:hover a {
  color: #00DFFC;
  transition: all .5s;
}

.menu-toggle{
  display: none;
} 


/*タブレット*/
@media screen and (max-width:1024px){
  #top-editarea{
  height: initial;
  background: #fff;/*MENU背景色*/
  text-align: left;/*MENUの文字の位置*/
  width: 100%;
 /* position: absolute;
  top: 0;*/
  z-index:1;
  padding:0px 0px 20px 0px;
}

.menu-toggle{
  display: block;
  padding: 15px 10px;
  border-bottom:1px solid #ddd;
}

.menu-toggle strong{
  padding:0px 0px 0px 10px;
  font-size:120%;
}

#menu {
  width: 100%;
  display: none;
  height: initial;
  padding: 0;
  margin: 0;
}

.menu-inner{
  width: 100%;
  height: initial;
  position: static;
  margin: 0;
}


#menu li{
  float: none;
  width: 100%;
  height:auto;
  list-style-type: none;
  background: #eee;/*リスト文字の背景色*/
  margin: 0 auto;
  text-align: left;/*リストの文字の位置*/
  border:none;
  
  
}

#menu li a {
  height: initial;
  color: #777;/*リスト文字色*/
  display: block;
  border:none;
  border-bottom:1px solid #ddd;
  padding:10px 10px 10px 15px;
}
#menu li:hover a{
  color: initial;
  background: initial; 
  border-bottom:1px solid #000;
}


.lg[class*="blogicon-"] {
  font-size: 1.8em;
  line-height: 0.75em;
  vertical-align: -20%;
}
}