@charset "utf-8";

/*************************************************
 * Description: 【SPサイド】sp_global_nav
 * Package: sp_global_nav
 * Author: Japan Electronic Industrial Arts Co.Ltd.
 * Update: 2017/08/
 * Notes: 
*************************************************/
#sp_global_nav {
}
#sp_global_nav .section_head {
}
#sp_global_nav .section_body {
}
#sp_global_nav .section_foot {
}

/* テキストリンクカラー */
#sp_global_nav a:link,
#sp_global_nav a:visited {
	color: inherit;
}
#sp_global_nav a:hover {
	text-decoration: none;
}






#sp_global_nav {
}
#sp_global_nav ul.parent {
}
#sp_global_nav ul.parent > li {
}
#sp_global_nav ul.parent > li + li {
	border-top: solid 1px #F3F1EC;
}
#sp_global_nav ul.parent > li > a {
	display: block;
	padding: 10px;
	font-size: 14px;
	background-color: #DAD2BE;
	/*color: #fff;*/
}
#sp_global_nav ul.parent > li > a:after {
	font-family: "FontAwesome";
	content: "\f105";
	display: inline-block;
	vertical-align: middle;
	float: right;
	font-size: 120%;
	/**/
	transition: all .3s ease-out;
}
#sp_global_nav ul.parent > li.sub-open > a:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}




/* ==============================================
 * サブナビ
=============================================== */
#sp_global_nav .nav_sub {
	background-color: #f2f3f4;
	display: none;
	overflow: hidden;/*ul.level_2でのmargin相殺防止*/
}
#sp_global_nav ul.base > li {
}
#sp_global_nav ul.base > li + li {
	border-top: solid 1px #ccc;
}
#sp_global_nav ul.base > li > .inner > a {
	display: block;
	padding: 10px;
	color: inherit;
}
#sp_global_nav ul.base > li > .inner > a:after {
	font-family: "FontAwesome";
	content: "\f105";
	display: inline-block;
	vertical-align: middle;
	float: right;
}

/* ul.index（親ボタンと同等のリンクボタン） */
#sp_global_nav ul.index > li {
	border-bottom: solid 1px #ccc;
}
#sp_global_nav ul.index > li > p > a {
	display: block;
	padding: 10px;
	color: inherit;
}
#sp_global_nav ul.index > li > p > a:after {
	font-family: "FontAwesome";
	content: "\f105";
	display: inline-block;
	vertical-align: middle;
	float: right;
}


/* ==============================================
 * サブナビ：子
=============================================== */
#sp_global_nav ul.level_2 {
	overflow: hidden;
	border: solid 1px #ccc;
	margin: 0 10px 10px;
	padding-top: 10px;
	border-radius: 5px;
}
#sp_global_nav ul.level_2 > li {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	border: solid 1px #ccc;
}
#sp_global_nav ul.level_2 > li > .inner > a {
	display: block;
	padding: 10px;
	background-color: #fff;
}
/*
#sp_global_nav ul.level_2 > li > .inner > a:after {
	font-family: "FontAwesome";
	content: "\f105";
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
*/

/* ==============================================
 * サブナビ：孫
=============================================== */
/* 孫はSPメニューの中ではあまり実用的ではないと思うのでここではCSS定義していない */