.header-sp {
	position:fixed;
	width:100%;
	height:50px;
	top:0;
	left:0;
	background:#000;
	border-bottom:1px solid #000;
	z-index:100;
}
.header-sp .spmenu_btn {
	display:block;
	position:absolute;
	top:32px;
	right:30px;
	width:30px;
	height:22px;
	background:#fff;
	border-top:10px solid #000;
	border-bottom:10px solid #000;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	cursor: pointer;
}
.header-sp .spmenu_btn:before {
	content:'';
	position:absolute;
	width:30px;
	height:2px;
	background:#fff;
	top:-9px;
	right:0;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.header-sp .spmenu_btn:after {
	content:'';
	position:absolute;
	width:30px;
	height:2px;
	background:#fff;
	bottom:-9px;
	right:0;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.header-sp .spmenu_btn.active {
	background:#000;
}
.header-sp .spmenu_btn.active:before {
	-moz-transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
	transform:rotate(-135deg);
	top:0;
	right:0;
}
.header-sp .spmenu_btn.active:after {
	-moz-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
	bottom:0;
	right:0;
}

.header-sp .spmenu {
	display:none;
	position:absolute;
	top:90px;
	left:0;
	width:100%;
	background:#383838;
}
.header-sp nav {
	display:block;
	width:100%;
	margin:0 auto;
}
	
.header-sp nav ul {
		margin: 0;
		padding: 0;
		display: block;
		width:100%;
		text-align: center;
	}
.header-sp nav li {
	display: inline-block;
	padding: 3% 4% 2% 4%;
	text-align: center;
	width:40%;
	border-top: 1px dashed #a1a1a1;
	}
.header-sp nav li:nth-child(1),
.header-sp nav li:nth-child(2){
	border-top: none;
}
.header-sp nav li:nth-child(2n) {
	border-left: 1px dashed #a1a1a1;
}
.header-sp nav li a {
	display: block;
	text-align: center;
	width:100%;
	color:#FFF;
	height: 60px;
}

.header-sp nav li a img {
	height: 60px;
}