/*
 * メニュー
*/
@charset 'utf-8';

/*****************************/
/* slicknav兼用のPC用自力css */
/*****************************/
#menu {
	width:					100%;
	list-style-type:		none;
	padding:				0;
}
#menu li {
	position:				relative;
	float:					left;
	margin:					0;
	padding:				0;
	text-align:				center;
}
.LogoutUL li{
	width:					20%;	/* 5カラム */
}
.LoginUL li{
	width:					16.66%;	/* 6カラム */
}

#menu li a {
	display:				block;
	margin:					0;
	padding:				16px 0;
	background:				#2e8b57;
	color:					#fff;
	font-size:				93%;
	font-weight:			bold;
	line-height:			150%;
	text-decoration:		none;
	border-left:			1px solid #ffffff;
	border-right:			1px solid #ffffff;
	border-top:				1px solid #ffffff;
}
/* メディアクエリ */
@media (min-width: 768px) and (max-width: 930px) {
	#menu li a {
		font-size:			78%;
	}
}

#menu li ul {
	list-style:				none;
	position:				absolute;
	z-index:				100;
	top:					100%;
	left:					0;
	width:					100%;
	margin:					0;
	padding:				0;
}
#menu li ul li {
	overflow:				hidden;
	width:					100%;
	height:					0;
	color:					#fff;
	transition:				.2s;
}
#menu li ul li a {
	padding:				10px 10px;
	background:				#2e8b57;
	text-align:				left;
	font-size:				90%;
	font-weight:			normal;
}
#menu > li:hover > a {
	background:				#006400;
}
#menu > li:hover li:hover > a {
	background:				#006400;
}
#menu > li:hover > ul > li {
	overflow:				visible;
	height:					auto;
}
#menu li ul li ul {
	top:					0;
	left:					100%;
}
#menu li:last-child ul li ul {
	left:					-100%;
	width:					100%;
}
#menu li ul li ul:before {
	position:				absolute;
	content:				'›';
	top:					13px;
	left:					-20px;
}
#menu li:last-child ul li ul:before {
	position:				absolute;
	content:				'›';
	top:					13px;
	left:					200%;
	margin-left:			-20px;
}
#menu li ul li:hover > ul > li {
	overflow:				visible;
	height:					auto;
}
#menu li ul li ul li a {
	background:				#2e8b57;
}
#menu li:hover ul li ul li a:hover {
	background:				#006400;
}