@charset "UTF-8";

/*: header
=========================================*/
.headerWrap .header {
//	border-top: 8px solid #666;/*ページ最上部 黒線*/
	margin: 0 auto;
	width: 100%;
}
.headerWrap .header .headerLogo {/*★ヘッダー変更FFFFFF*/
	float: left;
}
.headerWrap .header .headerLogo img {
	height: auto;
	width: 400px;
}
.headerWrap .header > .clearfix {
	margin: 0 auto;
	width: 920px;
}
.headerWrap .header .headerList {
	color: #888888;  /*★ヘッダー変更FFFFFF*/
	font-size: 1.2em;
	float:right;
	height: 25px;
	padding: 50px 10px 10px 0;
	text-align: right;
	width:465px;
}
.headerWrap .header .headerList a {
	color: #888888; /*★ヘッダー変更FFFFFF*/
	text-decoration: none;
}
.headerWrap .header .headerList a:hover {
	color: #199FE4;
	text-decoration: underline;
}
.headerWrap .header .headerMenu {
	background: #6fb92c;/*緑*/
	position:relative;
	width: 100%;
	z-index:90;
}
.headerWrap .header .headerMenu .sf-menu {
	float: none;
	margin: 0 auto;
	width: 920px;
}
.headerWrap .header .headerMenu .sf-menu > li:first-child {
	border-left: 1px solid rgba(255,255,255,0.3);
}
.headerWrap .header .headerMenu .sf-menu > li {
	border-right: 1px solid rgba(255,255,255,0.3);
	box-sizing: border-box;
//	padding: 10px 0;
	width: 20%;
}
@media print, screen and (min-width: 766px) {  /*PCのみ*/
	.headerWrap .header .headerMenu {
		min-width: 920px;
	}
	.headerWrap .header .headerMenu .sf-menu > li:hover {
		background: #5da21e;/*緑*/
	}
	.headerWrap .header .headerMenu .sf-menu li img {
		height: auto;
		margin: 0 0 4px 8px;
		vertical-align: middle;
		width: 16px;
	}
	.headerWrap .header .headerMenu .sf-menu > li >a {
		color: #fff;
		display: block;
		font-size: 16px;
		padding: 10px 0;
		text-align: center;
	}
	.headerContact {
		display: none;
	}
	.hiddenCheckbox {
		display: none;
	}
}


@media only screen and (max-width: 767px) {
	.headerWrap {
		height: auto;
	}
	.headerWrap .header {
//		height: 0;
		position: relative;
		width: 100%;
	}
	.headerWrap .header > .clearfix {
		width: auto;
	}
	.headerWrap .header .headerLogo {
		height: auto;
		width: 60%;
	}
	.headerWrap .header .headerLogo img {
		height: auto;
		margin: 10px 0 10px 10px;
		width: 100%;
	}
	.headerWrap .header .headerList {
		display: none;
//		padding-top: 0;
	}
	.headerWrap .header .headerMenu {
		height: 40px;
		position: relative;
	}
	.headerWrap .header .headerMenu .sf-menu {
		width: auto;
	}
	.headerWrap .header .headerMenu .sf-menu ul {
		top: 40px;
		width: auto;
	}
	.headerWrap .header .headerMenu .sf-menu > li {
//		background: #009beb;/*青*/
		background: #6fb92c;/*緑*/
		color: #fff;
		position: static;
		text-align: center;
	}
	.headerWrap .header .headerMenu .sf-menu > li:hover {
		background: #5da21e;/*緑*/
	}
	.headerWrap .header .headerMenu .sf-menu > li >a {
		font-size: 12px;
	}
	.headerWrap .header .headerMenu .sf-menu li img {
		display: none;
	}
	.headerWrap .header .headerMenu .sf-menu li ul {
		box-sizing: border-box;
		padding: 10px 20px;
		text-align: left;
		width: 100%;
	}
	.headerWrap .header .headerMenu .sf-menu li ul li {
		width: 100%;
	}
	.headerContact {
		box-sizing: border-box;
		height: 44px;
		float: right;
		padding: 14px 10px;
	}
	.headerContact a {
		border: 1px solid #009beb;/*青*/
		border: 1px solid #6fb92c;/*緑*/
		border-radius: 4px;
		text-decoration: none;
		box-sizing: border-box;
		padding: 6px 10px;

	}
	/* grobal navigation */
	.spHeaderMenuWrapper {
		display: flex;
	}
	.spHeaderMenuWrapper > li {
		border-right: 1px solid rgba(255,255,255,0.3);
	    box-sizing: border-box;
		color: #fff;
	    text-align: center;
	    width: 20%;
	}
	.spHeaderMenuWrapper > li > a {
		color: #fff;
		display: block;
		height: 40px;
		line-height: 40px;
	    text-decoration: none;
	}
	.spHeaderMenuIcon {
		background-size: 100%;
		cursor: pointer;
		display: block;
		height: 40px;
		line-height: 40px;
		vertical-align: top;
	}
	.spHeaderMenu1,
	.spHeaderMenu2,
	.spHeaderMenu3 {
		background-color: transparent;
		border-top: 1px solid #ddd;
		border-bottom: 2px solid #ddd;
		box-sizing: border-box;
		display: none;/**/
		left: 0;
		margin-bottom: 10px;
		padding: 0 4%;
		position: absolute;
		text-align: left;
		width: 100%;
		z-index: 80;
	}
	.spHeaderMenu1 ul,
	.spHeaderMenu2 ul,
	.spHeaderMenu3 ul {
		padding: 10px 0;
	}
	.hiddenCheckbox1,
	.hiddenCheckbox2,
	.hiddenCheckbox3 {
		display: none;
		margin-left: auto;
	}
	.hiddenCheckbox1:checked ~ .spHeaderMenu1,
	.hiddenCheckbox2:checked ~ .spHeaderMenu2,
	.hiddenCheckbox3:checked ~ .spHeaderMenu3 {
		background-color: #f6f6f6;
		display: block;
	}
	.hiddenCheckbox1:checked ~ .spHeaderMenu1 li,
	.hiddenCheckbox2:checked ~ .spHeaderMenu2 li,
	.hiddenCheckbox3:checked ~ .spHeaderMenu3 li {
	    background-image: url(/images/gmenuArrow.png);
	    background-position: left 50%;
	    background-repeat: no-repeat;
	    font-size: 14px;
	    font-weight: bold;
	    line-height: 1.5em;
	    padding: 8px 0 8px 15px;
	}
	.hiddenCheckbox1:checked ~ .spHeaderMenu1 li:last-child,
	.hiddenCheckbox2:checked ~ .spHeaderMenu2 li:last-child,
	.hiddenCheckbox3:checked ~ .spHeaderMenu3 li:last-child {
		border: none;
	}
	.hiddenCheckbox1:checked ~ .spHeaderMenu1 li a,
	.hiddenCheckbox2:checked ~ .spHeaderMenu2 li a,
	.hiddenCheckbox3:checked ~ .spHeaderMenu3 li a {
		font-weight: normal;
	    text-decoration: none;
	}
}