#navigation{ display:none;}
#navigation a#pull { display: none; }
#navigation_catalog .menu_sub01, #navigation_catalog .menu_sub02, #navigation_catalog .menu_sub03, #navigation_catalog .menu_sub04 { display:none; }

#navigation_web {float: right; font-size:1.8rem; width: 78%; }
.mu_lw{position: absolute; width: 100%; background-color: rgba(43,173,162,0.9); height: 60px; left: 0; z-index: 6;}
.mu_lw02{position: absolute; width: 100%; background-color: rgba(43,173,162,0.95); height: 300px; left: 0; z-index: 6;}

#menu {	list-style: none;}
ul#menu { margin:5px;padding: 0;}

#menu li {
	float: left;
	position: inherit;
	width:calc(100%/6 - 7%); margin:0 7% 0 0;
	text-align:center;
	padding: 0;
	padding-top:40px;
}
#menu li a {display: block; border-bottom:3px solid #fff;height:55px;}
#menu li a:hover { opacity:1; border-bottom:3px solid #3ba4ed;}
#menu li ul {
	position: absolute;
	left: 50%;
    transform: translateX(-50%);
	z-index: 10;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #fff;
	display: none;
	width: 100%;
    
}
#menu li ul li { position: relative; float: none; display: inline-block; text-align:center;z-index: 4;background:url(../images/mu_line.png) no-repeat right top; margin: 5px 0; padding:10px 0; width: initial;}
#menu li ul li a { color:#fff;display: inline; padding: 0 30px; border-bottom:0;height:inherit;}
#menu li ul li a:hover {border-bottom:0;opacity:0.6;}
#menu li.mu_member{width:40px;padding-top:5px;}
#menu li.mu_search{ width:40px;margin: 0; padding-top:5px;}
#menu li.mu_member {margin: 0;}
#menu li.mu_member a{ background:url(../images/ico_member.jpg) no-repeat center top;}
#menu li.mu_search a{ background:url(../images/ico_search.jpg) no-repeat center top;}
#menu li.mu_member a:hover, #menu li.mu_search a:hover{ border-bottom:3px solid #fff; opacity:.6;}
#menu li ul.mu_03{ right:0; text-align:right;padding-right: 3%;}
#menu li ul.mu_03 li{ background:transparent; vertical-align: middle; padding-top: 40px;}
#menu li ul li.mu_03a{ width:30%;}
#menu li ul li.mu_03c{ width:16%;}

@media screen and (min-width: 1925px) {
}
@media screen and (min-width: 2048px) {
}
@media screen and (max-width: 1921px) {
}
@media screen and (min-width: 1680px) {
#menu li ul{ margin: 0;}	
}
@media screen and (max-width: 1920px) {
}
@media screen and (max-width: 1680px) {
#menu li { width: calc(100%/6 - 6%);  margin: 0 6% 0 0;}
}
@media screen and (max-width: 1285px) {
#menu li { width: calc(100%/6 - 3%); margin: 0 3% 0 0;}
#menu li ul{ left: 20%; width: initial;}
#navigation_web {width: 66%;}
}
@media screen and (max-width: 1250px) {
#menu li { width: calc(100%/6 - 3%); margin: 0 3% 0 0;}
#navigation_web {width: 75%;}
#menu li ul li a {  margin-left: 0;}
}
@media screen and (max-width: 910px) {
#menu li ul li { min-width:80px;}
#navigation_web {width: 76%;}
#menu li { width: calc(100%/6 - 2%); margin: 0 2% 0 0;}
}
@media screen and (max-width: 870px) {
#menu li { width: calc(100%/6 - 0.5%); margin: 0 0.5% 0 0;}
}
@media screen and (max-width: 790px) {
#navigation_web {display: none; }
#navigation { position: relative; display: block; z-index:99; width: 100%; float: none; margin: 0;  text-align: center; font-size:16px; background-color:rgba(72,59,50,0.8);}
#navigation ul{ display: none; height: auto;width: 100%; margin:0px; padding:0;}
#navigation li {float: none;border-bottom: 1px solid #ddd; background-color: #fff}
#navigation li a { color:#333;display: block;padding:10px;}
#navigation a:hover{ background-color:#D4D4D4; color:#483B32;}
#navigation ul #nav_01 a { background-color:#fff;}
#navigation ul #nav_01 a:hover{ background-color:#D4D4D4;}

#navigation a#pull { position: absolute; display: inline-block;left:0; top:-45px;padding: 5px; width:30px;  height:30px;}
#navigation a#pull:after { content:""; display: inline-block; position: absolute; left: 5px; background:url('../images/nav-icon.png') no-repeat; width: 30px; height: 30px;  }
#navigation a#pull:hover{background-color:transparent; }

#nav_01 a { float: none; width:100%; height:inherit; text-indent:0; background:transparent; margin:0;}
#nav_01 a:hover {background:transparent; background-color:#D8D8D8; }

#navigation #navigation_catalog{ float:none;}
#navigation_catalog ul{ width: 100%;}

.menu_sub01 {padding-left: 0px;}
.menu_sub01 A { display:inline-block; WIDTH:100%;  color: #555; ine-height:16px;padding:10px 0;}
.menu_sub01 A:link, .menu_sub01 A:visited {border-bottom:1px dotted #ccc;background-color:#D4D4D4;}
.menu_sub01 A:active, .menu_sub01 A:hover {border-bottom:1px dotted #ccc;}

.menu_sub02 {}
.menu_sub02 A { display:inline-block;  WIDTH:100%; color:#999;padding:10px 0;  }
.menu_sub02 A:link, .menu_sub02 A:visited {border-bottom:1px dotted #ccc;background-color:#f2f2f2;}
.menu_sub02 A:active, .menu_sub02 A:hover {border-bottom:1px dotted #ccc;}


#nav_m01{ display: block; width: 100%;background: #eee;}
#nav_m a {display: block; width: 100%; height:auto; padding:10px; background: #fff;
-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#nav_m a:hover {display: block; width: 100%; height:auto; padding:10px; background: #333; color:#FFF; }

.nav_rwdcontact{ text-align:left; color:#2F201B; font-size:1.2rem;width:100%; background-color:#959595; padding:15px;}
.nav_rwdcontact input{ background:transparent; border:0; border-bottom:1px solid #2F201B; padding: 10px;}
.nav_rwdcontact input.search_go{ padding: 4px 10px 2px 20px;}
.nav_rwdlan { margin-top:30px;}
#navigation .nav_rwdlan .fb{ }
#navigation .nav_rwdlan .fb:link{ background-color:#2F201B; border-radius:30px; width:26px; height:26px; text-align:center; padding: 12px 5px 3px 5px; margin-right:20px;}
#navigation .nav_rwdlan .fb:hover{background-color:#2F201B;}
#navigation .nav_rwdlan A:link, #navigation .nav_rwdlan A:visited { font-size:1.5rem;color:#808080; margin:0 5px;}
#navigation .nav_rwdlan a:active, #navigation .nav_rwdlan a:hover {color:#2F201B; opacity:1; background:transparent; padding-bottom:2px;}
.nav_rwdsearch{ margin-top:50px;}
}