/*--------------
グローバルナビゲーション(index.jspのスマホ版レイアウト調整)
----------------------------------------------------------*/
@media screen and (max-width: 768px) { /*SP*/
	nav#gnavi {
		background: none;
		display: block;
		overflow: hidden;
		width: 100%;
		height: auto;
	}
	nav#gnavi .container {
		width: 100%;
		height: auto;
	}
	nav#gnavi .main {
		width: 100%;
	}
	nav#gnavi ul {
		background: #20190b;
		height: auto;
	}
	nav#gnavi li {
		border-bottom: 1px solid rgba(0,0,0,0.3);
		box-shadow: 0 1px 0 rgba(255,255,255,0.3);
		float: none;
	}
	nav#gnavi li span {
		visibility: visible;
	}
	nav#gnavi li a {
		color: #fff;
		padding: 13px;
		position: relative;
		width: 100%;
		height: auto;
	}
	nav#gnavi li a::after {
		border-right: 3px solid #fff;
		border-bottom: 3px solid #fff;
		content: "";
		display: block;
		position: absolute;
			top: calc(50% - 6px);
			right: 10px;
		transform: rotate(-45deg);
		width: 6px;
		height: 6px;
	}
	nav#gnavi li a:hover {
		color: yellow;
	}
	nav#gnavi li a:hover::after {
		border-right: 3px solid yellow;
		border-bottom: 3px solid yellow;
	}
	nav#gnavi li.shikumi a,
	nav#gnavi li.health a,
	nav#gnavi li.situation a {
		background: none !important;
	}
	nav#gnavi li.application a {
		background: none !important;
		width: 100%;
	}
	nav#gnavi li.application a:hover {
		width: 100%;
	}
	.fixed {
		position: relative;
	}
}/* @media */