@charset "utf-8";

/* ************************************************
Title: main_menu.css
Created: 2017-12-21
Company: Matsue Joho Center Inc.
************************************************ */

/* ------------------------------------------------
　第1階層
--------------------------------------------------*/
.gNav ul {
	display: block;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	}

/*　リスト　*/
.gNav ul li {
	position: relative;
	width: 25%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	border-left: #ccc 1px solid; 
	box-sizing: border-box;
	}
.gNav ul li:last-child {
	border-right: #ccc 1px solid; 
	}	
.gNav ul li a {
	display: block;
	margin: 0;
	padding: 16px 0;
	color: #333;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1;
	text-decoration: none;
	}

.gNav ul li a:hover {
	display: block;
	margin: 0 8px;
	padding: 16px 0;
	text-decoration: none;
	-webkit-border-radius: 8px;/* for Safari and Chrome */
	-moz-border-radius: 8px; /* for Firefox */
	-o-border-radius: 8px; /* for opera */
	border-radius: 8px;	
	background: #eee;
	}
	
/*
.gNav ul li.menu1 a:hover {	background: #fef0d3; }
.gNav ul li.menu2 a:hover {	background: #dbedca; }
.gNav ul li.menu3 a:hover {	background: #fce3df; }
.gNav ul li.menu4 a:hover {	background: #cceff6; }
*/


/*================================================================================================*/

@media only screen and (max-width: 767px) {

/*================================================================================================*/

.gNav ul {
	display: none;
}

}