.gnavi04 {
 color: #ffffff;
 background: #555;
 text-align: center;
 padding: 0px;
 font-size: 16px;
}
.gnavi04 a {
 color: #ffffff;
 text-decoration: none;
 font-weight: bold;
}
.gnavi04 a:hover {
 text-decoration: underline;
}
.gnavi04 .menu {
 margin: 0;
 padding: 0;
 list-style: none;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
.gnavi04 .menu li {
 margin: 0;
 padding: 20px 20px;
 width: 16.6%;
 border-right: 1px #ffffff solid;
 background: left top no-repeat;
 background-size: 25px auto;
}
.gnavi04 .menu li:nth-child(1) {
	border-left: 1px #ffffff solid;
}

@media only screen and (max-width: 599px) {
	.gnavi04 .menu {
	 justify-content: flex-start;
	}
	.gnavi04 .menu li {
	 width: 50%;
	 box-sizing: border-box;
	 border: none;
	}
	.gnavi04 .menu li:nth-child(odd) {
	 border-bottom: 1px #ffffff solid;
	 border-right: 1px #ffffff solid;
	 border-left: 1px #ffffff solid;
	}
	.gnavi04 .menu li:nth-child(even) {
	 border-bottom: 1px #ffffff solid;
	 border-right: 1px #ffffff solid;
	}
	.gnavi04 .menu li:nth-child(n + 5) {
	 border-bottom: none;
	}
}