footer {
	margin-top: 		auto;
	width: 				100vw;
	height:				0px;
	position:			fixed;
	bottom:				0;
	
	user-select:		none;
	z-index:			20;
}

footer img {
	height:				24px;
	width:				24px;
	margin-top:			5px;
	margin-bottom:		8px;
}

footer .footer_sp_menu {
	height:				60px;
	padding-top: 		5px;
	padding-bottom:		5px;
	display: 			flex;
	justify-content: 	space-evenly;
	background: 		rgba(0,0,0, 0.8);
	display:			none;
	z-index:			20;
}
footer .footer_sp_menu a {
	text-decoration: 	none;
}

footer .footer_sp_menu .button {
	font-size:			0.7em;
	color: 				white;
	text-align: 		center;
	cursor:				pointer;
}

footer .footer_sp_menu .button:hover,
footer .footer_sp_menu .button:hover div{
	color:				orange;
}

footer .footer_sp_menu i{
	font-size:			2.0em;
	margin:				5px 0px 10px 0px;
	color: 				#fff;
}

footer .footer_sp_menu a.disable,
footer .footer_sp_menu a.disable div,
footer .footer_sp_menu a.disable div i{
	pointer-events: 	none;
	color: 				rgba(128, 128, 128, 1.0)
}


@media screen and (max-width: 600px){

	#main {
		padding-bottom:			61px;
	}

	#footer {
		height:			60px;
	}
	
	#footer .footer_sp_menu{
		display: 		flex;
	}
}