@charset "utf-8";
#header {
	width: 100%;
	box-sizing: border-box;
	height: auto;
	border-top: solid 5px #7F7F7F;
}
header{
	width: 100%;
	padding: 0 10% 2% 10%;
	margin: 0 auto;
	display: flex;
	justify-content:space-between;
}
header a,header a:hover{
	text-decoration:none;
}
header h1 a{
	color: #aaa;
	font-size: 0.7em;
}
header h2 a{
	color: #666;
	font-size: 2em;
	font-weight: bold;
}
nav{
	width: 100%;
}
.menu {
    position: relative;
    width: 100%;
    height: 60px;
    max-width: 1100px;
    margin: 0 auto;
}
.menu li{
	width: 16.56%;
	height: auto;
	float: left;
	border-right: solid 1px #7CC828;
	text-align:center;
}
.menu .last{
	border-right: none;
}
.menu li a{
	color: #FFF;
	font-size:1.2em;
	line-height:60px;
	display: block;
}
.menu li a:hover{
	color: #FFF;
	background-color: #FFB1B1;
	text-decoration: none;
}
.gnav {
	display: flex;
	height: 3rem;
	margin: 0 5%;
	width: 90%;
	position: absolute;
	z-index: 2;
	background-color: #CCC;
}
.gnav > li {/*親階層のみ幅を25%にする*/
    width: 25%;
}
/*全てのリスト・リンク共通*/
.gnav li {
    list-style: none;
    position: relative;
}
.gnav li a {
	background: #FFF;
	border-right: 1px solid #ccc;
	color: #555;
	font-size: 1em;
	font-weight: bold;
	display: block;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
.gnav li:last-child a {
     border-right:none;
}

/*子階層以降共通*/
.gnav li li {
    height: 0;
    overflow: hidden;
    transition: .5s;
}
.gnav li li a {
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.gnav li li a:last-child {
	border-right: solid 1px #CCC;
}
.gnav li:hover > ul > li {
	height: 3rem;
	overflow: visible;
}
.gnav li a:hover {
	color: #8ac343;
	font-display: block;
	background-color: #FAFAFA;
}

/* ここから下がボタンのCSS　*/


/* Fixed */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
/* 幅1200px以下のスタイル*/
@media screen and (max-width: 1200px) {
header,#globalNav nav{
		width:100%;
		box-sizing:border-box;
}
header{
		padding: 1% 0.6% 3% 0.6%;
}
#header h1 a{
	font-size: 0.7em;
}
.gNav1 ul li,.gNav2 ul li{
	padding: 2% 1%;
}
.gNav1 ul li a,.gNav2 ul li a{
		font-size: 0.76em;
		font-weight: normal;
	}
.menu li{
	width: 16.50%;
	height: auto;
	float: left;
	border-right: solid 1px #E64646;
	text-align:center;
	}
.menu li a{
		color: #FFF;
		font-size: 1em;
		display: block;
	}
}

/* 幅768px以上のスタイル*/
@media screen and (min-width: 768px){
	.drawer-btnj,.spMenu,#spLogo{
		display:none;
	}

}

/* 幅767px以下のスタイル*/
@media screen and (max-width: 767px) {
header ul,h1,.hr,.menu,.gnav,#pcLogo{
		display:none;
	}
header h2 {
	padding: 0 15% 0 0;
}
header h2 a{
	font-size: 1.6em;
}
	.spMenu{
		width: 100%;
		height: auto;
		font-size: 1.2em;
	}
	header{
		width: 100%;
		min-height:inherit;
		padding: 0.2%;
	}
	.menu li{
	width: 16.57%;
	height: auto;
	float: left;
	border-right: solid 1px #E64646;
	text-align:center;
	}
	.menu li a{
		color: #FFF;
		font-size:1em;
		display: block;
	}
	.spNav{
		width: 100%;
	}
	.spNav nav ul{
		background-color: #019600;
	}
	.spNav nav li{
		width: 50%;
		padding: 5%;
		text-align: center;
		border-bottom: solid 1px #AAA;
		float: left;
		background-color: #EEE;
	}
	.spNav nav ul li:nth-child(odd){
		border-right: solid 1px #AAA;
}
	.spNav a{
		color: #666;
		display: block;
	}
}