.nav {
	overflow-x: auto;
}
.nav ul {
	display: flex;
	width: max-content;
	margin-left:12px;
/*	margin: 0 auto;*/
}

.nav ul li a {
background: #E0E0F2; /*背景色*/
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	display: inline-block;
	padding-top:9px;
	padding-right:15px;
	padding-left:10px;
	padding-bottom:1px;
	color: #000;
	font:14px;
	font-weight: lighter;
	text-decoration: none;
	border-right: 0.5px solid #000;
	border-bottom: 0.5px  #000;
}

	.nav ul li a:hover {
	background-color: #000;
	color: #fff;
}

.pre-btn { 
	position: absolute;
	margin-top:72px;
	margin-left:10px;
	top: 0;
	left: 0;
	width: 13px; /* 固定部分の幅 */
	height: 40px; /* メニューの高さに合わせる */
	line-height:37px;
	font-size : 18px;
	color: #FFF;
	justify-content: left;
	font-weight: bold;
	padding-right:3px;
background: #E0E0F2; /*背景色*/

}

.next-btn { 

	position: absolute;
	margin-top:72px;
	margin-right:12px;
	top: 0;
	right: 0;
	width: 13px; /* 固定部分の幅 */
	height: 40px; /* メニューの高さに合わせる */
	line-height:37px;
	font-size : 18px;
	color: #FFF;
	font-weight: bold;
	padding-left:0px;
background: #E0E0F2; /*背景色*/
}