nav#sp-nav{
	visibility: visible;
	display: inline-block;
}
nav#sp-nav ul{
	display: inline-block;
}
nav#sp-nav li{
	visibility: hidden;
	height: 1px;
}
nav#sp-nav li.nav_top{
	visibility: visible;
	display: inline-block;
	height: 60px;
}
nav#sp-nav li.nav_top a{
	display: inline-block;
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 100;
}

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

	div#footer{
		padding-bottom: +100px;
	}
	nav#sp-nav{
		visibility: visible;
		display: block;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 100;
	}

	nav#sp-nav ul{
		width: 100%;
		display: block;
	}
	nav#sp-nav li{
		visibility: visible;
		box-sizing: border-box;
		display: inline-block;
		letter-spacing: normal;
		width: 25%;
		height: auto;
		text-align: center;
		vertical-align: bottom;
	}

	nav#sp-nav li a{
		line-height: normal;
		box-sizing: border-box;
		margin: auto 0;
		height: 8em;
		font-size: 0.5em;
		color: #13448F;
		display: block;
		text-decoration: none;
		padding: 1.8rem 0.1rem;
		background-color: #fff;
		border-width: 2px 0.5px 0 0.5px;
		border-style: solid;
		border-top-color: #13448F;
		border-right-color: #ccc;
		border-left-color: #ccc;
	}

	nav#sp-nav li.nav_top a{
		width: auto;
		height: auto;
		display: block;
		margin: 0;
		position: static;
	}

	nav#sp-nav li a span{
		font-weight: bold;
		font-size: 1.1em;
	}

	nav#sp-nav li a.is-current {
		color: #fff;
		background-color: #13448F;
		border-width: 2px 0.5px 0 0.5px;
		border-style: solid;
		border-color: #13448F;
	}

	nav#sp-nav li.nav_top{
		display: block;
		width: auto;
		border: none;
		position: absolute;
		bottom: 125%;
		right: 3%;
	}

	nav#sp-nav li.nav_top a{
		display: block;
		padding: 0;
		border: 0px solid #fff;
		width: 100%;
	}
	nav#sp-nav li.nav_top a img{
		width: 6em;
		height: auto;
	}
}