@charset "utf-8";

#nav { width:100%; background-color: #6e0306; clear:both;border-bottom: 3px solid #ececec;}
#topmenu {
	position: absolute;
	margin: 0;
	padding: 0;
	left: calc(50% - 100px);
	transform: translateX(-50%);
	top: 0;
	z-index: 20;
	height: 100%;
}

#topmenu h3 { display: none; }
#topmenu > ul {
	height: 100%;
	position: relative;
}

#topmenu > ul > li {
	float: left;
	height: 100%;
}

#topmenu > ul > li:before {/* content:"|"; */}

#topmenu > ul > li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #3a3a3a;
	font-size: 18px;
	letter-spacing: -1px;
	font-weight: 800;
	margin: 0 10px;
	width: 96px;
	height: 100%;
}
#topmenu > ul > li > a:hover {
	background: url('../../img/layout/topmenu_bg.png') repeat-x center 80px;
}

#topmenu > ul > li:before {/* content:"|"; *//* color: #a0a0a0; */}
#topmenu > ul > li:first-child:before {/* content:""; *//* padding-right: 0; */}
#topmenu > ul > li.on > a, #topmenu > ul > li:hover > a {/* background-color:#490305; *//* font-weight: 700; */}
#topmenu > ul > li:hover > ul, #topmenu > ul > li.on > ul {display: inline-block;}
#topmenu > ul > li > ul {/* display: none; */position: absolute;top: 101px;/* height: 30px; */line-height: 100%;z-index: 4;}

#topmenu > ul > li > ul > li  { float: left;}

#topmenu > ul > li > ul > li a {display: block;font-size: 14px;padding: 0 15px;color: #a2a2a2;margin: 14px 0;}
#topmenu > ul > li > ul > li:first-child a { margin-left:0; }

#topmenu > ul > li > ul > li a span { display: block; padding: 0; }

* html #topmenu > ul > li > ul > li a { width: 1%; }
#topmenu > ul > li > ul > li a.on, #topmenu > ul > li > ul > li a:hover, #topmenu > ul > li > ul > li a:focus { color:#6e0306; font-weight: 700; }
#topmenu > ul > li > ul > li a.on {/* color: #85ba1a; *//* border-bottom: 4px solid #89c21b; */border-bottom: 4px solid #6e0306;}

#topmenu > ul > li > ul#top2m1 { left: 0;}
#topmenu > ul > li > ul#top2m2 { left: 19%;}
#topmenu > ul > li > ul#top2m3 { left: 30%;}
#topmenu > ul > li > ul#top2m4 { left: 50%;}
#topmenu > ul > li > ul#top2m5 { right: 0; }
#topmenu > ul > li > ul#top2m6 { right: 0;}

#topmenu2 {
	display: none;
	position: absolute;
	top: 119px;
	background: url('../../img/layout/top_over_bg.png') no-repeat center;
	width: 100vw;
	background-size: cover;
	height: 239px;
	z-index: 25;
	box-sizing: border-box;
}
#topmenu2 ul li {
	float: left;
	width: 116px;
	text-align: center;
	padding: 20px 0;
}

#topmenu2 ul li a {
	display: block;
	margin: 4px 0;
	padding: 5px 0;
	font-size: 17px;
	letter-spacing: -1px;
	text-decoration: none;
}
#topmenu2 ul li a.on, #topmenu2 ul li a:hover {
	color: #ff8a00;
}




@media screen and (max-width: 1650px) {
	#topmenu {
		left: calc(50% - 200px);
	}
}

@media screen and (max-width: 1450px) {
	#header .inner_wrap {
		margin: unset;
	}
	#topmenu {
		transform: unset;
		left: 200px;
		width: 580px;
	}
	.top_logo {
		left: 20px;
	}
	#tel {
		right: unset;
		left: 800px
	}
}