/*=====================================
  HEADER
=====================================*/
#headerArea {
	max-width: 1180px;
        width: 100%;
	margin:15px auto;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#headerArea::after {
	content: "";
	display: block;
	clear: both;
}
#headerArea .headerleft {
	float: left;
	width: 270px;
}
#headerArea .headerright {
	float: right;
	position: relative;
}
#headerArea .headerright::after {
	content: "";
	display: block;
	clear: both;
}
#headerArea img {
	vertical-align: bottom;
}
#headerArea .headerleft h1 {
	font-size: 12px;
	letter-spacing: -0.8px;
}

#headerArea .headerright .headerright-left {
	float: left;
	margin-right: 40px;
}
#headerArea .headerright .headerright-right {
	float: right;
}
#headerArea .headerright ul {
	list-style-type: none;
	padding: 0;
	margin:0 0 15px;
	text-align: center;
}
#headerArea .headerright .headertop-naviL li {
	display: inline-block;
	padding: 0 10px 0 5px;
	border-right: 1px solid #c8c8c8;
}
#headerArea .headerright .headertop-naviL li:last-child {
	border-right: none;
}
#headerArea .headerright .headertop-naviR {
	text-align: right;
}
#headerArea .headerright .headertop-naviR li {
	display: inline-block;
	padding: 0 5px;
}
.headersearch form {
	position: relative;
	width: 260px;
}
.headersearch .header-searchtxt {
	line-height: 1.5;
	border-radius: 0;
font-size: 14px;
}
.headersearch .header-searchicon {
	position: absolute;
	right: 0;
	top: 0;
}







/*=====================================
  GNAVI
=====================================*/
#gnavi {
	width: 1180px;
	margin: 0 auto 15px;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#gnavi ul {
	list-style-type: none;
	padding: 0;
	margin:0;
}
#gnavi .gnavi-parent {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: space-between;
}
#gnavi .gnavi-parent > li {
	width: 293px;
	position: relative;
	margin: 0 2px 3px 0;
}
#gnavi .gnavi-parent > li:nth-child(4n) {
	margin-right: 0;
}
/*ナビ画像切り替え*/
#gnavi .gnavi-parent > li .navi_hover_on  {
	display: none;
}
#gnavi .gnavi-parent > li .navi_hover_off  {
	display: block;
}
#gnavi .gnavi-parent > li:hover .navi_hover_on  {
	display: block;
}
#gnavi .gnavi-parent > li:hover .navi_hover_off  {
	display: none;
}


#gnavi .gnavi-parent > li:hover .gnavi-child {
	display: block;
}
#gnavi .gnavi-child {
	display: none;
	position: absolute;
	z-index: 9999;
	top: 50px;
	background: #e9e9e9;
	width: 100%;
}
#gnavi .gnavi-child li a {
	display: block;
	text-align: left;
	margin:15px;
	color: #212121;
}
#gnavi .gnavi-child li a:hover {
	color: #0272a5;
}


@media screen and (min-width:1200px) {
	.fs-l-header__contents,.fs-l-header .sponly-headimg,.fs-p-headerNavBar {display:none;}
}
@media screen and (max-width:1199px) {
	#headerArea,#gnavi {display:none;}
}