@charset "utf-8";

#header-navi {
  position: relative;
  margin: 10px auto 2em ;
  height: 30px;
	clear: both ;
}
#menu ul {
  display: block;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100% ;
}
#menu li {
  float: left;
  text-align: center;
  position: relative;  /*z-indexの指定や子要素の基準とするために指定*/
  z-index: 11;  /*ドロップダウンしたメニューが隠れないように*/
}
#menu li a {
  height: 34px ;
  font-size: 18px ;
  line-height: 1.25em ;
  border-top: none;
  border-right: none;
  background: none;
  color: #ffffff;
  display:table-cell;
  vertical-align: middle ;
  margin: auto;
}
#menu li a:hover {
  background: none;
  color: #FF9900;
  }
#menu li a:active {
  color: #009900;
}

#menu li a:hover {
  background: none;
  color: #FF9900;
  }
#menu li a:active {
  color: #009900;
}
#menu li ul.sub-menu {
  display: none;  /*サブメニューは最初は非表示にしておく*/
  position: absolute;  /*絶対配置にしておかないとうまくいかない*/
  padding: 0 ;
  margin: 0 ;
  width: 240px ;
  height: 36px ;}
#menu li ul.sub-menu li a { 
	display: block ;
	width: 240px ;
	height: 36px ;
	line-height: 36px ;
	border-bottom: 1px solid #009900 ;
	background-color: #76c4b2 ;
	margin: 0 ;
	padding: 0 0.5em ;
	text-align: left ;}

#menu li:hover ul.sub-menu {
  display: block;    /*マウスオーバー時にサブメニューを表示する*/
}
#menu li ul.sub-menu li {
  float: none;  /*サブメニューはフロートさせないので解除*/
}



/*------------ グローバルナビの表示ページのアクティブ判定
body#home div#header-navi ul#menu li a#navi-home,
body#soshiki div#header-navi ul#menu li a#navi-soshiki,
body#topnews div#header-navi ul#menu li a#navi-topnews,
body#schedule div#header-navi ul#menu li a#navi-schedule,
body#hosyojo div#header-navi ul#menu li a#navi-hosyojo,
body#koho-hakkou div#header-navi ul#menu li a#navi-koho-hakkou{
	  border-bottom: 3px solid #FF9900;
}
------------*/

/*その他のカスタマイズ*/
i.fa {
  font-size: 18px;
}
i.fa.fa-caret-down {
  display: none;
}
#menu {
  display: none;
}

/*---------------------------------------------------------*/
/*--------------------- 768px -----------------------------*/

@media screen and (min-width : 768px) {


/*----------------------- 768px@end ------------------------------*/
}
/*----------------------- 768px@end ------------------------------*/


/*---------------------------------------------------------*/
/*--------------------- 1024px -----------------------------*/

@media screen and (min-width : 1024px) {

body {
    margin: 0;
  }

  #menu {
    	display: flex;
	justify-content: center;
  }
	
  .slicknav_menu {
    display: none;
  }
  i.fa.fa-caret-down {
    font-size: 14px;
    display: inline-block;
  }

#header-navi { 
	width: 100% ;
	margin: 80px auto 2em ;
	padding: 5px 0 ;
	background-color: #00a384 ;
	border-radius: 9999px ;

}

/*----------------------- 1024ppx@end ------------------------------*/
}
/*----------------------- 1024ppx@end ------------------------------*/