/*
 * base css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
} /* end 600-959 */

@media (min-width: 960px) {
} /* 960- */


/* ---------------------------------------- common */

@media (max-width: 768px) {

	#globalnav, #footerhead { display: none; }

} /* end -599 */

@media (min-width: 769px) {

	#globalnav {
		border-bottom: 1px #ccc solid;
		padding: 1em;
	}
	#footerhead {
		padding: 2em;
	}
	#globalnav ul, #footerhead ul {
		display: -webkit-box;
		display: -webkit-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	#globalnav li, #footerhead li { margin: .5em; }
	#globalnav li a, #footerhead li a {
		display: block;
		color: #333;
		background: #fff;
		border: 1px #eee solid;
		line-height: 1;
		padding: 0.5em 1em;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	#globalnav li a:hover, #footerhead li a:hover {
		color: #fff;
		background: #777;
	}

} /* 960- */

@media (min-width: 769px) and (max-width:959px) {

	#globalnav li a, #footerhead li a { font-size: 1.4rem; }

} /* end 600-959 */

@media (min-width: 960px) {

	#globalnav li a, #footerhead li a { font-size: 1.5rem; }

} /* 960- */