/* CSS Document */

/*navigation
***************************************/
#navi{
	background: #FFF;
}
body#kasou #navi{
	border-bottom: #EEE 1px solid;
}
#navi > ul.menu{
	display: flex;
	max-width:1200px;
	margin: 0 auto;
	height: 80px;
	align-items: center;
}
#navi > ul.menu li{
	width: 16.67%;
	height: 100%;
}
#navi > ul.menu li:nth-child(1),
#navi > ul.menu li:nth-child(3),
#navi > ul.menu li:nth-child(4),
#navi > ul.menu li:nth-child(5),
#navi > ul.menu li:nth-child(6){
	width: 15.67%;
}
#navi > ul.menu li:nth-child(2){
	width: 21.67%;
}
#navi > ul.menu li.close{
	display: none;
}
#navi > ul.menu li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #000;	
	padding-top: 28px;
	text-decoration: none;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.4;
	font-weight:bold;
	font-family: "メイリオ", Meiryo, Osaka, sans-serif;
}
#navi > ul.menu li a:hover,
#navi > ul.menu li a:active,
#navi ul.menu li.menu__single:hover{
	background: rgba(54,46,43,0.1);
}

/*サブメニュー*/
#navi ul.menu > li.menu__single {
    position: relative;
}
#navi ul.menu > li.menu__single ul.menu__second-level {
    visibility: hidden;
	position: absolute;
    top: 80px;
    width: 100%;
	height: auto;
}
#navi ul.menu li.menu__single:hover ul.menu__second-level {
	display: block;
	visibility:visible;
    top: 80px;
	height: auto;
	z-index: 10;
}
#navi ul.menu li.menu__single:hover ul.menu__second-level li{
	width: 100%;
	height: 100%;
	border-right:none;
}
#navi ul.menu li.menu__single:hover ul.menu__second-level li a{
    width: 100%;
	height: 100%;
	color: #FFF;	
	padding:12px 0;
	text-decoration: none;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	background: rgba(54,46,43,0.8);
	border-bottom:rgba(255,255,255,0.5) 1px solid;
}
#navi ul.menu li.menu__single:hover ul.menu__second-level li a:hover{
	background: rgba(0,0,0,0.5);
}