.menu-item, .dropdown-toggle, .dropdown {
font-size:9pt;
text-align:left;
letter-spacing:1px;
}
.hidden_pc {
display: none;
}
.hidden_sp {
display: block;
}
.nav {font-size:9pt;}
.nav a:active{font-size:9pt;}
.navbar-default{border-color:#ccc;}
.navbar-default a {text-decoration: none; font-weight:bold; color:#333;}
.navbar-nav>li>.dropdown-menu{ margin-top:0; border-top-right-radius:0; border-top-left-radius:0; }

.navbar-default .navbar-nav>li>a{ color:#fff;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#fff;background-color:#996c59;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#996c59;background-color:#ccc;}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#996c59;background-color:transparent;}

.navbar-default .navbar-toggle {  width:100%; height:48px; color:#fff; font-size:9pt; letter-spacing:2px; line-height:40px; font-weight:bold;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{width:100%; height:48px;}

.navbar-default .navbar-nav>.dropdown>a:hover .caret,.navbar-default .navbar-nav>.dropdown>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#996c59;color:#fff;}
.navbar-default .navbar-nav>.open>a .caret,.navbar-default .navbar-nav>.open>a:hover .caret,.navbar-default .navbar-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff;}

.nav .caret{border-top-color:#653825;border-bottom-color:#653825;}
.nav a:hover .caret{border-top-color:#ff9933;border-bottom-color:#ff9933;}

.nav{margin-bottom:0; padding-left:0;list-style:none;}.nav:before,.nav:after{content:" ";display:table;}
.nav:after{clear:both;}
.nav:before,.nav:after{content:" ";display:table;}
.nav:after{clear:both;}
.nav>li{ position:relative; border-bottom: none; display:block; }.nav>li>a{position:relative;display:block;padding:10px 15px;}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eeeeee;}

.navbar{ float:left; margin-top:0px; margin-left:0px; width:660px; color: #fff; position:relative; z-index:1000; min-height:34px; margin-bottom:0px; border:solid 1px transparent; }.navbar:before,.navbar:after{content:" ";display:table;}
.navbar:after{clear:both;}
.navbar:before,.navbar:after{content:" ";display:table;}
.navbar:after{ clear:both; }

.navbar-header:before,.navbar-header:after{content:" ";display:table;}
.navbar-header:after{clear:both;}
.navbar-header:before,.navbar-header:after{content:" ";display:table;}
.navbar-header:after{clear:both;}

.navbar-collapse{float:left; width:100%; max-height:620px;overflow-x:visible;/*border-top:1px solid transparent;*/box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1);-webkit-overflow-scrolling:touch;}.navbar-collapse:before,.navbar-collapse:after{content:" ";display:table;}
.navbar-collapse:after{clear:both;}
.navbar-collapse:before,.navbar-collapse:after{content:" ";display:table;}
.navbar-collapse:after{clear:both;}
.navbar-collapse.in{ overflow-y:340px; }
.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px;}

.navbar-nav{margin:0 -15px;}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000000;border-right:4px solid transparent;border-left:4px solid transparent;border-bottom:0 dotted;content:"";}
.dropdown{position:relative;}
.dropdown-toggle:focus{outline:0;}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:0px 0;margin:2px 0 0;list-style:none;font-size:14px;background-color:#fff;border:1px solid #cccccc;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);background-clip:padding-box;}.dropdown-menu.pull-right{right:0;left:auto;}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}
.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:20px;color:#653825;white-space:nowrap;}

.collapse{display:none;}
.collapse.in{display:block;}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;transition:height 0.35s ease;}

/* 2nd menu color*/
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#fff;background-color:#2d5400;}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:none 0;background-color:#ff9933;}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#333333;}
.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;}
.open>.dropdown-menu{display:block;}
.open>a{outline:0;}


@media screen and (min-width:768px){
.navbar-default .navbar-collapse,.navbar-default .navbar-form{  padding-right: 5px; margin-top: 2px; /*padding-left: 5px;*/  border-color:#ccc; backgroung-color:#996c59; }
.navbar{border-radius:2px 2px;}
.navbar-collapse.collapse{ height: auto; display:block !important; padding-bottom:0; overflow:visible !important; }
.navbar-collapse{width:auto;border-top:0;box-shadow:none;}
.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0;}
.navbar-collapse.in{ overflow-y:visible; }
.navbar-nav{float:left;margin:0;}
.navbar-nav>li{float:left;}
.navbar-nav>li>a{padding-top:4.5px;padding-bottom:4.5px;}
#footer_BOX { height: auto; width: 1000px; position: relative; visibility: visible; }
}

/* Navi CSS */
@media screen and (max-width:767px){
.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0; background-color:#f1e8e4;border:0;box-shadow:none;}
.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px;} 
.navbar-nav .open .dropdown-menu>li>a{line-height:20px; border-bottom:solid 2px #653825; height:30px; line-height:30px; font-weight:bold;}
.navbar-nav .open .dropdown-menu>li:last-child>a{border-bottom:none;}
.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none;}
.navbar{ 
float:left; 
margin-left:0px; 
width:100%; 
color: #2d5400; 
position:relative; 
z-index:1000; 
min-height:38px; 
margin-bottom:0px; 
border-top: solid 3px #ff0000;
border-left-width: 0px !important;
border-right-width: 0px !important;
}
.navbar-default .navbar-nav>li>a{ color:#653825; }
.nav>li{ position:relative; display:block; background-color:#ffffff; margin-left:0px; border-bottom: solid 2px #653825;}
.navbar-nav {width:100%; margin:0px 0px;}
.navbar-nav>li {float:none;}
.menu-item {
font-size:9pt;
letter-spacing:2pt;
text-align:left;
}
.navbar-header {
height:48px;
width:100%;
}
.navbar-menu{
clear:left;
float:left;
}
button {
outline:none;
align-items: flex-start;
text-align: center;
cursor: pointer;
color: #fff;
padding: 2px 6px 3px;
padding:0;
border: none;
background-color: #2d5400;
box-sizing: border-box;
}
.hidden_pc {display: block;}
.hidden_sp {display:none;}

}