@charset "utf-8";
/* CSS Document */


.navcontainer {
	width: 100%;
	text-align: center;
	margin: 10px auto;
	clear:both;
	color:#FFF;
}

@media screen and (max-width:805px){/*19*/
	.navcontainer {
		width: 90%;
		margin: 10px auto;
	}
}

.toggleMenu {
	position: fixed;
	top: 5px;
	right: 5px;
	z-index: 1000;
	display:  none;
	background: #454545;
	padding: 6px 15px;
	color: #FFF !important;
	text-decoration: none;
	border-radius: 5px;
	font-size: 2em;
}

.nav {
	list-style: none;
	margin: 0 auto;
	color:#FFF;
	display:flex; /*liを中央寄せ回り込み*/
	justify-content:center;
	align-items:center;
}

.nav:before,
.nav:after {
	content: " "; 
	display: table; 
}
.nav:after {clear: both;}

.nav ul {
	list-style: none;
	width: 17em; /*ドロップダウンの幅*/

}
.nav a {
	padding: 8px 40px;
	color: #FFF !important;
}
@media screen and (max-width:1160px){
.nav a {padding: 17px 25px;}
}

.nav li   {position: relative;}
.nav > li { }

@media screen and (max-width:805px){/*19*/
.nav {
		display:block;
		width: 100%;
		position: fixed;/*画面上部に固定*/
		top: 50px;/*トグルボタンの高さ分下げる*/
		z-index: 1000;
		left: 0;/*画面全体がボタンになる*/
		right: 0;/*画面全体がボタンになる*/
		bottom: 0;/*画面全体がボタンになる*/
		overflow-y: auto;/*スクロールオン*/
		background: #000000;
		background: linear-gradient(to bottom, #454545, #000000);
	}
	.nav > li {
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #CCC;
	}
	.nav ul {
		list-style: none;
		width: 16em;/*ドロップダウンの幅*/
	}
}

.nav > li > .parent { }
.nav > li > a {
	display: block;
	text-decoration:underline !important;
	text-underline-offset: 10px;
	text-decoration-thickness: 5px; /* 線の太さ */
}

@media screen and (max-width:805px){
.nav > li > a {
	display: block;
	text-decoration:none !important;
}}


.nav > li > a:hover {
	color: #F20000 !important; /*ドロップダウンマウスオーバーの文字色*/
	font-weight:700;
}

.nav li  ul {
	position: absolute;
	left: -9999px;
}
.nav > li.hover > ul {left: 0;}
.nav li li.hover ul  {left: 100%; top: 0;}

.nav li li a {
	display: block;
	background: #454545;
	color: #FFF;/*ドロップダウンの文字色*/
	position: relative;
	z-index:100;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	text-decoration: none !important;
}

.nav li li a:hover {
	background: #0C4FB7; /*ドロップダウンマウスオーバーの背景*/
	color: #FFF; /*ドロップダウンマウスオーバーの文字色*/
	text-decoration: none;
}

.nav li li li a {
	background: #454545;
	color: #FFF; /*ドロップダウンの文字色*/
	z-index:200;
	border-bottom: #999 dashed 1px;
	text-decoration: none !important;
}

@media screen and (max-width:805px) {
	.active {display: block;}

	.nav > li {float: none;}

	.nav > li > .parent {background-position: 95% 50%;}
    .nav li li .parent  { }

    .nav ul {
		display: block;
		width: 100%;
	}

	.nav > li.hover > ul , .nav li li.hover ul {position: static;}
}

@media screen and (max-width:960px){ /*19最終項段落ち調整*/
	.navcontainer {font-size:0.95em;}

	.nav a {padding: 17px 20px;}
}

/*ドロップダウン展開のある後アイコン */
.ddicon:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0ab";
	margin-left: 10px;
	z-index:1;
}

/*ドロップダウン展開のある後アイコン+ */
.plusicon:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f067";
	margin-left: 20px;
	z-index:1;
	font-size:0.8em;
}