#toggleMenu {display: none;}

#gNaviArea {
padding:30px 0;
border-top:1px solid #9D9C9C;
z-index:9999;

}

#gNavi {
width: 90%;
    max-width: 1000px;
    margin: 0 auto 0 auto;
    text-align: left;
}

#gNavi ul  {
display: flex;
justify-content: space-between;
}

#gNavi ul li {
font-size:0.8em;
font-weight:bold;
}

#gNavi ul li > ul {
display: block;
margin-top:7px;
}

#gNavi ul li > ul li, #gNavi ul li > ul li a{
color:#000;
border:none;
padding-bottom:0;
}

#gNavi li a {
color:#000;
}

#gNavi li a:hover {
color:#bf5900;
border-bottom: 2px solid #bf5900;
padding-bottom:4px;
}

/*プルダウンメニュー*/
#gNavi li:nth-of-type(2) > ul {visibility:hidden;}
#gNavi li {position:relative;}
#gNavi li:nth-of-type(2) > ul {
position: absolute;
    top: 0px;
    width: 222px;
    background: #FFF;
	transform: translateX(-64px);
}
#gNavi li:nth-of-type(2):hover > ul {
top: 25px;
    visibility: visible;
    opacity: 1;
z-index:9999;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
#gNavi li:nth-of-type(2) > ul li a {
padding:10px;
border-bottom:1px solid #ccc;
display:inline-block;
width:100%;
font-size:1.2em;
}

#gNavi li:nth-of-type(2) > ul li:last-of-type a {
border-bottom:none;
}

#gNavi li:nth-of-type(2) > ul li a:hover {
background-color:#fcebd7!important;
color:#a64d00!important;
}

.mci #gNavi > ul > li:nth-child(2) > a {
color:#bf5900;
border-bottom: 2px solid #bf5900;
padding-bottom:4px;
}

.family #gNavi > ul > li:nth-child(3) > a {
color:#bf5900;
border-bottom: 2px solid #bf5900;
padding-bottom:4px;
}

.research #gNavi > ul > li:nth-child(4) > a {
color:#bf5900;
border-bottom: 2px solid #bf5900;
padding-bottom:4px;
}

.qa #gNavi > ul > li:nth-child(5) > a {
color:#bf5900;
border-bottom: 2px solid #bf5900;
padding-bottom:4px;
}




@media screen and (max-width:999px) {
#gNavi {
width: 100%;
    margin: 0 auto 0 auto;
    text-align: left;
}

#gNaviArea {
padding:0px;
}

	#gNavi, #gNaviArea {
		height: auto;
		background: none;
	}

	#toggleMenu {
		display: block;
		position: relative;
		margin: 0 0;
		background: #078265;
	}

	#toggleMenu a {
		display: block;
		position: relative;
		padding: 8px 0 8px;
		color: #FFF;
		text-align: center;
		text-decoration: none;
	}

	#toggleMenu a::before {
		content: url(../../../../../style/images/isClose.svg);
		position: absolute;
		top: calc(50% - 15px);
		left: 15px;
	}

	#toggleMenu a.open::before {
		content: url(../../../../../style/images/isOpen.svg);
	}

	#gNavi ul {
		display: none;
		margin: 0;
		margin-bottom: 0px;
	}

	#gNavi ul li {
		display: block;
		width: 100% !important;
		height: auto;
		margin: 0;
		padding: 0;
border-bottom:1px solid #ccc;
font-size:0.9em;
	}

	#gNavi ul li a {
		display: block;
		padding: 11px 0 10px 30px;
		background: #fff;
		color: #333;
		border-bottom: 1px solid #FFF;
		text-decoration: none;
		text-align: left;
		height: auto;
	}
	#gNavi ul li a:hover {
		padding: 11px 0 10px 30px;

	}

	#gNavi ul li ul {
		/*display: none;*/
		 visibility: visible;
		position: static;
	}

#gNavi li:nth-of-type(2) > ul {
visibility: visible;position: static;padding-left:60px;}

#gNavi li:nth-of-type(2):hover > ul {
transition: none;
position: static;
visibility: visible;
}
#gNavi li:nth-of-type(2) > ul li a {
padding:10px;
border-bottom:1px solid #ccc;
display:inline-block;
width:100%;
}
#gNavi li:nth-of-type(2) > ul li a:hover {
color:#bf5900;
border-bottom: 2px solid #bf5900;
background-color:#fff!important;
}

.mci #gNavi > ul > li:nth-child(2) > a {
color:#bf5900;
border-bottom: 2px solid #bf5900;
padding-bottom:10px;
}

}