#sp_menu {
	position:fixed;
	right:20px;
	top:40px;
	font-size:34px;
	z-index:9999;
	cursor:pointer;
}


#open_menu {
	background-color:#3972b7;
	color:#FFF;
	position:fixed;
	right:0;
	top:0;
	height:100vh;
	width:100%;
	z-index:999999;
	overflow-y:scroll;
}

#sp_p {
	padding:80px 20px 0;
}

#spm {
	text-align:left;
	padding:20px 20px 0;
}

	#open_menu a {
		color:#FFF;
		text-decoration:none;
	}
	
	#spm li {
		padding:20px 0;
		float:left;
		width:50%;
		font-size:16px;
		line-height:normal;
		position:relative;
	}


#menu_close {
	position:absolute;
	right:20px;
	top:20px;
	font-size:34px;
	cursor:pointer;
}

#sptel {
	position:absolute;
	left:20px;
	top:10px;
	z-index:9999;
	display:block;
	font-size:18px;
	color:#FFF;
}

#sptel span{
	color:#FFF;
}

#sptel .block{
	display:block;
}

#sptel .fa {
	display:inline-block;
	text-align:center;
	width:25px;
}


#sns_sp {
	text-align:center;
	margin-top:40px;
	padding-bottom:40px;
}

#sns_sp li {
	display:inline-block;
	padding:0 5px;
}

@media only screen and (max-width:1024px){
#spbox {
	display:block;
}
}
@media only screen and (max-width:640px){


#sp_menu {
	position:fixed;
	right:20px;
	top:20px;
	font-size:28px;
	z-index:9999;
	cursor:pointer;
}


#spm {
	text-align:left;
	padding:20px 20px 0;
	height:auto;
}
	
	#spm li {
		padding:10px 0;
		font-size:12px;
		float:none;
		width:100%;
		max-width:280px;
		margin:0 auto;
		line-height:normal;
		position:relative;
		text-align:left;
	}
	
	#spm li:after {
		content:">";
		position:absolute;
		right:10px;
		top:10px;
	}



#menu_close {
	position:absolute;
	right:20px;
	top:15px;
	font-size:28px;
	z-index:9999;
	cursor:pointer;
}

#sptel {
	display:block;
}


}