.categorynavi {
	overflow:hidden;
	white-space:nowrap;
}
.categorynavi .inner {
	display:inline-block;
	margin: 0 10px;
	overflow:hidden;
	vertical-align:middle;
	width: calc(100% - 60px);
}
.categorynavi button {
	border:none;
	background:none;
	color:var(--color-medium);
	vertical-align:middle;
	padding:0;
	width:20px;
	text-align:left;
}
.categorynavi button:last-child {
	text-align:right;
}

.categorynavi ul {
	position:relative;
	display:inline-block;
}
.categorynavi ul li {
	display:inline-block; 
	padding:0 10px;
	color: var(--color-medium);
}
.categorynavi ul li:first-child {
	padding-left:0;
}
.categorynavi ul li:last-child {
	border-right: none;	
}

.categorynavi ul li a, .categorynavi ul li a:hover {
	color:inherit;
	text-decoration:none;
}