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;
	
}

.nav2 a:link {
  color: #00a0e9;
	background-color:rgba(255,255,255,0.3);
  /*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;
}