.headerSpMenu, .headerSpImg{
	display: none;
}
.header{
	margin: 0 auto;
	width: 1020px;
	height: 146px;
	background: #fff;
}
.headerUpper{
	width: 100%;
	height: 241px;
	display: flex;
	flex-direction: row;
}
.headerLogo{
	margin: 25px 65px 0 63px;
	width: 148px;
	height: 106px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.headerLogo img{
	width: 100%;
}

.headerUpperBox{
	height: 146px;
	display: flex;
	flex-direction: column;
}
.headerUpperBox1{
	height: 155px;
	display: flex;
	justify-content: flex-end;
}
.headerUpperBox1>div{
	margin: 0 0 0 15px;
}
.headerBottomBox{
	margin: 0 0 17px;
	height: 80px;
	width: 648px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
@media screen and (max-width: 670px){
	.headerSpMenu, .headerSpImg{
		display: block;
	}
	
	.headerSpMenu{
		width: 100%;
		z-index: 1000;
		position: fixed;
	}
	.headerSpMenuText{
		width: 100%;
		height: 50px;
		background: #E1ECB4;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.headerSpMenuButton{
		width: 100%;
		background: #E1ECB4;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		position: fixed;
	}
	.headerSpMenuButton>div{
		height: 100px;
		display: flex;
		flex-direction: column;	
		justify-content: center;
		align-items: center;	
		background: #fff;
	}
	.headerSpMenuButton img{
		width: 100%;
	}
	.menuSpTitlelist, .menuSpComic, .menuSpNovel{
		width: calc(100% / 3 - 4px);
	}
	.menuSpRecruit, .menuSpMessage{
		width: calc(100% / 2 - 4px);
		margin: 4px 0;
	}
	.headerSpImg{
		margin: 0 auto;
		padding: 50px 0 0;
		width: 210px;
	}
	.headerSpImg img{
		width: 100%;
		height: 100%;
	}
	.header{
		display: none;
	}
}