@charset "utf-8";


/* gnav */
#gnav {
	box-sizing: border-box;
	width: 85%;
	max-width: 1100px;
	min-width: 961px;
	height: 60px;
	margin: 0 auto;
}

	#gnav>ul {
		display: flex;
		align-items: center;
		justify-content: space-between;

		box-sizing: border-box;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0 auto;
		background: rgba(20 60 155/ 1.00);
		border: 1px solid rgba(180 180 180/ 1.00);
		border-bottom: none;
		border-radius: 8px 8px 0 0;
	}

		#gnav>ul>li {
			display: flex;
			align-items: center;
			justify-content: center;

			box-sizing: border-box;
			height: 100%;
			border-right: 1px solid rgba(180 180 180/ 1.00);
		}

			#gnav>ul>li:first-child {
				width: 60px;
			}

			#gnav>ul>li:not(:first-child) {
				width: calc((100% - 60px) / 5);
			}

				#gnav>ul>li:not(:first-child)>a i {
					margin-right: 8px;
				}

			#gnav>ul>li:last-child {
				border: none;
			}

			#gnav>ul>li>a,
			#gnav>ul>li>a i {
				color: white !important;
			}

			#gnav>ul>li>a span {
				color: white !important;
				font-family: 'メイリオ', 'Meiryo', sans-serif !important;
				font-weight: bold;
			}

			#gnav>ul>li>a {
				border: none;
				display: flex;
				align-items: center;
				justify-content: center;

				width: 100%;
				height: 100%;
			}