:root {
    --co-color : #008000;
}
/*メニューバー*/
.menu-toggle {
	display: none;
}
/*メニューバー*/
#globalnavi {margin-bottom: 38px;}


#globalnavi a {
	background-color: green;
	color: white;
}

#globalnavi ul {
	display: flex;
}

#globalnavi li {
	flex: 1 1 0;
}

#globalnavi a {
	display: inline-flex;
    height: 30px;
	width: 100%;
    justify-content: center;
	align-items: center;
	text-align: center;
}




@media screen and (max-width:820px) {
	.menu-toggle {
		display: block;
		padding: 5px;
		background: linear-gradient(to bottom, #33a133, var(--co-color));
		color: #fff;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
		user-select: none;
	}

	.menu-toggle::after {
		content: ' \25BC';
		font-size: 0.8em;
	}

	.menu-toggle.active::after {
		content: ' \25B2';
	}
	

	#globalnavi ul {
		display: none;
		flex-direction: column;
	}

	#globalnavi ul.active {
		display: flex;
	}

	#globalnavi li {
		border: 1px solid #ccc;
		border-bottom: 1px solid var(--co-color);
		background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
	}

	#globalnavi a {
		font-size: 14px;
		background-color: transparent;
		color: #008000;
		text-decoration: none;
	}
	
}



@media (hover: hover) {
	#globalnavi a:hover {
		background-color: #C1E17F;
		color: green;
		font-weight: bold;
	}
}