.submenu-sec {

	margin: 20px auto -10px;

}

.archive-submenu {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

.archive-submenu a {

	display: block;

	text-decoration: none;

	font-size: 16px;

	line-height: 1.25em;

	letter-spacing: .02em;

	padding: 14px 20px;

	border-width: 1px;

	border-style: solid;

	border-color: transparent transparent #e5e5e5 transparent;

	color: var(--dark);

	text-align: center;

	transition: .3s all;

}

.archive-submenu li:first-child:not(.current-menu-item) > a {

	border-top-color: #e5e5e5;

}

.archive-submenu .current-menu-item > a,

.archive-submenu a:hover {

	color: var(--title);

}

.archive-submenu .current-menu-item > a {

	border: 2px solid var(--title);

}

.submenu-text {

	padding: 60px 0;

	border-bottom: 1px solid #E5E5E5;

	width: calc(100% - 30px);

	margin: 0 15px;

}

.archive-submenu .sub-menu {

	display: none;

	position: absolute;

    z-index: 1;

    background: #fff;

    transform: translate(0px, 2px);

    max-width: 400px;

    box-shadow: 2px 3px 3px 0px #e0e0e0;

    padding-left: 0;

    text-align: left;

}

.archive-submenu .menu-item-has-children a{

	position: relative;

}

.archive-submenu .menu-item-has-children a:before {

	content: "";

	position: absolute;

	right: 0;

	width: 15px;

    background-repeat: no-repeat;

    height: 15px;

	background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><path class="st0" d="M1.6,4.6c0.2-0.2,0.5-0.2,0.7,0c0,0,0,0,0,0L8,10.3l5.6-5.6c0.2-0.2,0.5-0.2,0.7,0s0.2,0.5,0,0.7l-6,6c-0.2,0.2-0.5,0.2-0.7,0c0,0,0,0,0,0l-6-6C1.5,5.2,1.5,4.8,1.6,4.6C1.6,4.6,1.6,4.6,1.6,4.6z"/></svg>');

}

.archive-submenu .menu-item-has-children:hover .sub-menu {

	display: block;

}

.archive-submenu .menu-item-has-children .sub-menu a{

	border-top: 0;

}

.archive-submenu .menu-item-has-children:hover a:before {

	transform: rotate(180deg);

}

.archive-submenu .menu-item-has-children .sub-menu a:before {

	display: none;

}

@media screen and (min-width:576px) {

	.submenu-text {

		margin: 0 auto;

		width: 510px;

	}

}

@media screen and (min-width:768px) {

	.submenu-text {

		width: 690px;

	}

}

@media screen and (min-width:992px) {

	.submenu-sec {

		margin: 0 auto;

	}

	.archive-submenu {

		border-bottom: 1px solid #E5E5E5;

		display: flex;

		display: -webkit-flex;

		align-items: center;

		-webkit-align-items: center;

		justify-content: center;

		-webkit-justify-content: center;

	}

	.sebmenu-length-5 .archive-submenu,

	.sebmenu-length-6 .archive-submenu,

	.sebmenu-length-7 .archive-submenu,

	.sebmenu-length-8 .archive-submenu {

		justify-content: space-between;

		-webkit-justify-content: space-between;

		flex-wrap: wrap;

		-webkit-flex-wrap: wrap;

	}

	.archive-submenu a {

		padding: 20px;

		margin-bottom: -1px;

	}

	.archive-submenu li {

		display: inline-block;

	}

	.archive-submenu a {

		border-color: transparent;

	}

	.archive-submenu .current-menu-item > a {

		border-color: transparent transparent var(--title) transparent;

	}

	.submenu-text {

		width: 930px;

	}

	.submenu-text > * {

		font-size: 18px;

	}

}

@media screen and (min-width:1200px) {

	.submenu-text {

		width: 1110px;

	}

}

@media screen and (min-width:1300px) {

	.submenu-text {

		width: 1240px;

	}

}