/*---------------------
　三本メニュー（ハンバーガー）
---------------------*/
button{margin-bottom:10px;}
/*ボタン自体の設定*/
#btnhead{
	border:none;
	display:inline-block;
	height:50px;
	width:50px;
	background-color:#34559c;
	color:#fff;
	position:absolute;top:12px;right:12px;
	transition: all .4s;/*アニメーションの作動時間*/
	box-sizing: border-box;
}
#btnhead span:nth-child(-n+3){/*3番目まで*/
	position: absolute;
	left: 12px;
	width: 26px;
	height: 2px;
	background-color: #fff;
	border-radius: 4px;
	transition: all .4s;
}
#btnhead span.btnhead{
	font-size:10px;
	position: absolute;
	top: 33px;
	left: 0;
	width: 50px;
	text-align: center;
	transition: all .4s;
}
#btnhead span:nth-of-type(1) {
	top: 10px;
}
#btnhead span:nth-of-type(2) {
	top: 18px;
}
#btnhead span:nth-of-type(3) {
	top: 26px;
}
/*ボタンの回転設定*/
#btnhead.active span:nth-of-type(1) {
	-webkit-transform: translateY(14px) rotate(-315deg);
	transform: translateY(14px) rotate(-315deg);
}
#btnhead.active span:nth-of-type(2) {
	opacity: 0;
}
#btnhead.active span:nth-of-type(3) {
	-webkit-transform: translateY(-2px) rotate(315deg);
	transform: translateY(-2px) rotate(315deg);
}
#btnhead.active span.btnhead{
	opacity: 0;
}

/*----------------
10番めまでの設定
----------------*/

.headnav li:nth-child(-n+10){/*m番目まで*/
	width: 50%;
	float: left;
	font-size:16px;
	box-sizing:border-box;
	border-bottom:solid 1px #ccc;
}
.headnav li:nth-child(-n+2){/*2番目までは上に線を引く*/
	border-top:solid 2px #34559c;
}
.headnav li:nth-child(odd){
	border-right:solid 1px #ccc;
}
.headnav li a:nth-child(-n+10){/*m番目までのセル設定*/
	text-decoration: none;
	color:#000;
	display:block;
	text-align:left;
	position:relative;
	height: 49px;
	box-sizing: border-box;
	line-height: 49px;
	padding-left:0.5em;
}
/*----------------
m+1番め以降の設定
m+1番め以降の設定
:nth-child(n+X)…X番目以降（X番目から最後まで）
ここでは、$m=10を冒頭で設定している
----------------*/

/*11番目から最後まで*/
.headnav li:nth-child(n+11) a{
	font-size:16px;
	color:#fff;
	height: 50px;
	box-sizing: border-box;
	background-color:#34559c;
	text-align:center;
}
.headnav li:nth-child(12),
.headnav li:nth-child(13)
{
	width: 50%;
	display: inline-block;
	float: left;
	box-sizing: border-box;	
	border:none;
}

.headnav li:nth-child(12) a{
	margin: 30px 5px 15px 15px;
}
.headnav li:nth-child(13) a{
	margin: 30px 15px 15px 5px;
}
.headnav li:last-child a{
	margin: 0px 15px;
}

.headnav li:last-child{
	margin: 0px auto 30px;
	width: 100%;
	clear: both;
}

.headnav li:nth-child(n+11) a:before{/*11番目以降*/
	margin-right: 4px;
	display: inline-block;
	content: "";
	vertical-align: middle;
}
.clear {/*11番目のliでfloatを解除*/
	clear: both;
}
.headnav li:nth-child(12) a:before{
	/*width: 18px;
	height: 16px;
	background: url(img/headnav01.png) 0 0 no-repeat;*/
	background-size: contain;
}
.headnav li:nth-child(13) a:before{
	/*width: 16px;
	height: 24px;
	background: url(img/headnav02.png) 0 0 no-repeat;*/
	background-size: contain;
}
.headnav li:nth-child(14) a:before{
	/*width: 18px;
	height: 20px;
	background: url(img/headnav03.png) 0 0 no-repeat;*/
	background-size: contain;
}

/*----------------
　ADD_CSS
----------------*/
.headnav li:nth-child(14) a{line-height:30px;}
.headnav li:nth-child(14) a span{
	display:block;
	font-size:12px;
	line-height:12px;
}

header nav div{
	width:100%;text-align:right;font-size:16px;margin:0 0 20px 0;
}
header nav div a{
	padding-right:25px;
	background-image:url(../../img/arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:1px;
	color:blue;
}