body {
	margin:0 0 55px 0;
}

.nav2 {
	position:fixed;
	bottom:0;
	width:100%;
	height:80px;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
	background-color:#ffffff;
	display:flex;
	overflow-x:auto;
	color:#00a0e9;
}

@media (max-width: 1280px) {
.nav2 {
	position:fixed;
	bottom:0;
	width:100%;
	height:80px;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
	background-color:#ffffff;
	display:flex;
	overflow-x:auto;
	color:#00a0e9;
}
}



.nav2 a:link {
  color: #00a0e9;
  /*background-color: transparent;
  text-decoration: none;*/
}

.nav__link {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content: center;
	flex-grow:1;
	min-width:50px;
	overflow: hidden;
	white-space:nowrap;
	font-size:13px;
	font-family:"Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    Meiryo,
    sans-serif;
	text-decoration: none;
	/*color:#444444;*/
	-webkit-tap-highlight-color:transparent;
	transition:background-color 0.1s ease-in-out;
	line-height:30px;
/*	border:1px solid;
	border-radius:5px;*/
}

.nav__link:hover{
	background-color:#eeeeee;
}

.nav__link--active{
	color:#00a0e9;
}

.nav__icon{
	font-size:24px;
	font-weight:600;
}


@media (min-width: 1281px) {
	.nav2 {
		position:fixed;
		bottom:0;
		left:0px;
		width:10%;
		height:100vh;
		box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
		background-color:#ffffff;
		display:flex;
		overflow-x:auto;
		color:#00a0e9;
		flex-direction:column;
	}
	.material-icons{
		font-size:90px;
	}
	.nav__text{
		font-size:30px;
	}
	.nav__link{
		border:1px dotted powderblue;
	}
}