/*******************************************************************************
	おひつじ座の脱出

					スタイルシート：ナビゲーション
					system/css/navigation.css

			Copyright(C)	Libertechno. Hiroshi Higuchi
							Last Update		2020.03.13
*******************************************************************************/
body			{
	padding-top:		3rem;
}

header		{
	height:				3rem;
	position:			fixed;
	top:				0;
	left:				0;
	background-color:	#006000;
	z-index:			9999;
}

header > div	{
	display:			table;
}

/*--------------------------------------
	ロゴ・マーク
--------------------------------------*/
.nav_logo		{
	display:			table-cell;
	padding:			0.5rem 1rem;
}

.nav_logo img	{
	width:				auto;
	height:				2rem;
}

.nav_logo span	{
	display:			inline;
	color:				#ffffff;
	font-size:			1.6rem;
	line-height:		2rem;
	font-weight:		bold;
	white-space:		nowrap;
	vertical-align:		middle;
}

/*--------------------------------------
	メニュー
--------------------------------------*/
.nav_menu		{
	display:			table-cell;
	padding:			0 1rem;
	width:				100%;
	text-align:			right;
	vertical-align:		middle;
}

/*--------------------------------------
	アイコン
--------------------------------------*/
.nav_menu button	{
	width:				2.4rem;
	height:				2.4rem;
	font-size:			1.8rem;
	margin:				0;
	border-radius:		5px;
	background:			none;
	border:				solid 1px #00ff00;
	color:				#ffffff;
	cursor:				pointer;
	vertical-align:		middle;
}

/*--------------------------------------
	リスト
--------------------------------------*/
.nav_list		{
	display:			inline-block;
	position:			static;
	top:				3rem;
	right:				0;
	background:			#006000;
	text-align:			left;
	vertical-align:		bottom;
	font-size:			1rem;
}

.nav_list ul	{
	list-style:			none;
	margin:				0;
	padding:			0;
}

.nav_list li	{
	display:			inline-block;
	border-top:			none;
	font-size:			0.9rem;
}

.nav_list a		{
	display:			block;
	color:				#ffffff;
	box-sizing:			content-box;
	border-radius:		5px;
	border:				solid 1px #006600;
	margin:				0.2rem;
	padding:			0.3rem 0.5rem;
	text-decoration-line:none;
}

.nav_list a:hover	{
	background-color:	#00aa00;
}

.nav_mobile li	{
	display:			block;
	border-top:			solid 1px #ffffff;
	font-size:			1rem;
}

.nav_list .current		{
	font-weight:		bold;
	border:				solid 1px #00ff00;
}

/*--------------------------------------
	サブメニュー
--------------------------------------*/
.nav_sub ul		{
	display:			none;
	background:			#006000;
}

.nav_exp ul		{
	display:			block;
	position:			absolute;
}

.nav_mobile .nav_exp ul	{
	position:			static;
}

.nav_sub li		{
	display:			block;
	border-top:			dashed 1px #ffffff;
	padding-left:		1rem;
}

.nav_sub:not(.nav_exp)>a:after	{
	content:			'';
	display:			inline-block;
	width:				0;
	height:				0;
	border-top:			0.4rem solid #ffffff;
	border-left:		0.4rem solid transparent;
	border-right:		0.4rem solid transparent;
	margin-left:		0.2rem;
}

.nav_exp>a:after	{
	content:			'';
	display:			inline-block;
	width:				0;
	height:				0;
	border-bottom:		0.4rem solid #ffffff;
	border-left:		0.4rem solid transparent;
	border-right:		0.4rem solid transparent;
	margin-left:		0.2rem;
}