@charset "utf-8";
/* MENU 領域 */
header{
	clear: both; float: left;
	padding: 5px 0 10px 0;
	width: 100%;
	background-color: #222;
	border-bottom: 1px #555 solid;
}
#logo{
	clear: both; float: left;
	padding: 0 0 0 5px; margin: 10px 0 0 0;
}
@media screen and (max-width: 769px){							/* ビューエリアが769px以下の場合 */
	#logo{ padding: 0; width: 100%; display: flex; align-items: center; justify-content: center; }
}
#header_r{			/* headerのMENU BOX 領域 */
	float: right;
}
@media screen and (max-width: 769px){							/* ビューエリアが769px以下の場合 */
	#header_r{ clear: both; float: left; padding: 0; width: 100%; }
}
#header_r a{
	float: left;
	padding: 0px 10px; margin: 10px 10px 0 0; height: 45px;
	background-color: #222;
	border: 1px #aaa dashed; border-radius: 4px;
	text-align: center; color: #fff; font-size: 100%; line-height: 45px;
	text-decoration: none;
}
#header_r a:hover{ background-color: #555; }
@media screen and (max-width: 769px){							/* ビューエリアが769px以下の場合 */
	#header_r a{ clear: both; float: left; width: 100%; height: 100%; text-align: left; }
}