@charset "utf-8";

/* ヘッダーナビゲーション
---------------------------------------------------- */
#head_navi ul {
	float:right;
	padding:0 10px;
	display:inline-block;
}

	#head_navi ul li {
		list-style: none;
		font-size:12px;
		margin:0 -4px 0 0;
		_margin:0 0 0 0;
		display: -moz-inline-box; /*for Firefox 2*/
		display: inline-block; /*for modern*/
		/display: inline; /*for ie5～7*/
		/zoom: 1; /*for ie5～7*/
		vertical-align:top;
		border-left: 1px solid #626262;
		line-height:1.5;
	}
	
	#head_navi ul li a {
		display: block;
		padding:0px 10px 0 10px;
		color:#626262;
	}
	
		#head_navi ul li a:visited {
			color:#626262;
			text-decoration:none;}
		#head_navi ul li a:hover {
			color:#30bcfe;
			text-decoration:underline;}
			
	#head_navi ul li a:last-child {
		margin:0 0 0 0;
		_margin:0 0 0 0;
		padding:0px 5px 0 10px;
		border-right: 0px solid #626262;	/*左側に線を入れる*/
	}



/* ナビゲーション
---------------------------------------------------- */
#navi {
	/*width:1200px;*/
	margin:10px 0;
	border-right:1px solid rgba(0, 0, 0, 0.1);
}

#toggle{ 
 display: none;
}

.other {
	display: none;
}

#dropmenu {
	list-style-type: none;
	/*width:1200px;*/
	margin:0;
	padding: 0;
	list-style:none;
	display:flex;
	justify-content:space-between;
	align-items: center;
}

#dropmenu li.navi_h1 {
	width: 100%;
	position: relative;
	margin: 0;
	text-align: center;
	border-left:1px solid rgba(0, 0, 0, 0.1);
}

#dropmenu li.navi_h1 a {
	display: block;
	color: #5b5b5b;
	font-size: 15px;
	line-height:1.4;
	text-decoration: none;
	/*width:140px;*/
	padding:0 20px;
	height:40px; /*高さ設定*/
	box-sizing:border-box;
	display:flex;
	/*flex-wrap: wrap;*/
	justify-content:center;
	align-items: center;
	white-space: nowrap;
}

	#dropmenu li.navi_h1 p {
		font-family: 'Noto Sans JP', serif;
	}
	
	.navi_subtxt {
		font-size:12px;
		padding:0px 0 0;
		color:#a3a3a3;
		display:block;
		width:100%;
	}

#dropmenu li.navi_h1 a:hover{
	color: rgba(10, 180, 155, 1.0);
}

#dropmenu li.navi_h1:hover .navi_subtxt {
	color:rgba(10, 180, 155, 1.0);
}

#dropmenu > li:hover > a{
}

#dropmenu li.navi_h1 ul {
	list-style:none;
	position: absolute;
    top: 40px;
    left: 50%;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
	border-radius: 0 0 3px 3px;
    background:rgba(10, 180, 155, 1.0);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	z-index:100;
	border-radius: 0 0 3px 3px;
}
#dropmenu li.navi_h1 ul li {
	overflow: hidden;
	height: 0;
	padding:0;
	width:210px;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
#dropmenu li.navi_h1 ul li a {
	padding: 10px 5px;
	font-size: 13px;
	color:#111;
	line-height:1.4;
	text-align:center;
	height: auto;
}
#dropmenu li.navi_h1 ul li a:hover{
	color: #fcfbb5;
}

#dropmenu li.navi_h1:hover ul li{
  overflow: visible;
  height: auto;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}