#top-menu-bg {
	z-index: 998;
}

#top-menu-cover {
	position: absolute;
	background-color: #ffffff;
	z-index: 1000;
}

.top-menu {
}


.top-menu {
	position: relative;
	background-color: var(--color-01-hex);
	background-image: linear-gradient(transparent, rgba(0 0 0 / 15%));
	z-index: 999;
	padding: 0;
	margin: 0;
}


.top-menu .level-1,
.top-menu .level-2
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}


.top-menu-item {
	height: 50px;
}

.top-menu-item a {
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	border-right: 1px solid #707070;
	padding-left: 20px;
	padding-right: 20px;
}

.top-menu-item.active {
	background-color: #ffffff;
}

.top-menu-item.active a {
	color: #000000;
	border: none;
}

.top-menu-item.active.level-1 {
}


.categories {
	position: absolute;
	left: calc(50% - 770px);
	top: 230px;
	right: 0;
	max-width: 1540px;
	background-color: #fff;
	padding: 50px 0;
	z-index: 1000;
	display: grid;
	grid-template-columns: 1fr;
	border: 1px solid #ffffff;
}


.categories .title {
	font-size: 19px;
	font-weight: 700;
	margin: 0 50px;
}

.categories .items {
	margin: 10px 50px 0 50px;
	align-items: center;
	justify-content: left;
	display: grid;
	grid-template-columns: repeat(auto-fill, 20%);
}

.categories .items .item {
	padding: 20px;
}

.categories .items .item a {
	align-items: center;
	color: #666666;
	text-decoration: none
}

.categories .items .item a span {
	display: inline-block;
	margin: 0 18px 0 0;
	width: 4px;
	height: 4px;
	background-color: var(--color-02-hex)
}

.categories .items .item a:hover {
	color: var(--color-02-hex);
	text-decoration: underline
}



@media only screen and (max-width: 1080px) {
	.top-menu {
		display: none
	}
}

@media only screen and (max-width: 980px) {
	.top-menu {
		display: none
	}
}

#responsive_menu_background {position:fixed; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.6); z-index:1}

.responsive-menu {display:flex; flex-wrap:wrap; position:absolute; right:0; left:0; background-color:#474747; border-top:1px #2a2a2a solid; z-index:999}
.responsive-menu a {flex:0 0 calc(100%/3); text-decoration:none; padding:18px 0; text-align:center; box-shadow:inset -1px -1px 0 #2a2a2a}
.responsive-menu a {background-color:#3a3a3a; color:#eee}


@media only screen and (max-width:1600px) {
	.top-menu .categories {left:30px; right:30px}
}

@media only screen and (max-width:1280px) {
	.top-menu .categories .bottom a.item {width:25%}
}

@media only screen and (max-width:790px) {
	.responsive-menu a {flex:0 0 50%}
}

@media only screen and (max-width:480px) {
	.responsive-menu a {flex:0 0 100%}
}

@media only screen and (min-width:1081px) {
	.responsive-menu {display:none !important}
	#responsive_menu_background {display:none}
}