@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
.menu-item, .dropdown-toggle, .dropdown {font-size:15px;text-align:left;letter-spacing:2px;}
.nav {font-size:15px; }
.dropdown-menu .menu-item{font-size:14px;}
.hidden_pc {display: none;}
.hidden_sp {display: block;}
.navbar-default{border-color:#ccc;}
.navbar-default a {text-decoration: none; /* font-weight:bold;*/ color:#777;}
.navbar-nav>li>.dropdown-menu{ margin-top:0; border-top-right-radius:0; border-top-left-radius:0; }
/* 1st menu color */
.navbar-default .navbar-nav>li>a{ /*color:#000;*/}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#fff;background-color:#00a0e2;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#fff;background-color:#00a0e2;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#00a0e2;color:#fff;}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#cccccc;background-color:transparent;}
.navbar-default .navbar-toggle {  width:48px; height:38px; color:#fff;margin-left:6% ;margin-top:6px;font-size:36px; font-weight:normal; cursor:pointer;float:left}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{width:48px; margin-top:6px;height:38px;border:none}
.btn-open:after {color:#fff;content:"\f0c9";font-family:"FontAwesome";transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s; display:block;padding-top:10px; line-height:17px}
.btn-open:hover:after {opacity: 0.5;}
.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 .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:#777;border-bottom-color:#777;}
.nav a:hover .caret{border-top-color:#fff;border-bottom-color:#fff;}

.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:8px 26px;line-height:1em}
.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eeeeee;}
.navbar{margin-top:4px; margin-left:0px; color: #fff; position:relative; z-index:9999; min-height:38px; margin-bottom:0px; border:solid 1px transparent;margin:0 auto }
.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{width:100%; max-height:1000px;overflow-x:visible;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1);}
.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;}
.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 #777;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:8px 20px;clear:both;font-weight:normal;line-height:20px;color:#333333;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{background-color:#00a0e2;}
.dropdown-menu>li>a {color:#fff;}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#777;background-color:rgba(255,255,255,0.8);}
.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;}
/* global nav */
#globalnav_bg{width:100%;clear:both; }
#globalnav{width:93%;max-width:1000px;margin: 0 auto; clear:both;text-align:center;}

@media (max-width:1000px){
#globalnav{width:96%;}
.nav>li>a{padding:8px 12px}
}
/* global nav */
#globalnav_bg {width:100%; height:50px; min-width: 240px; background-color:#000000; background-image:none; border-bottom:solid 1px #fff;}
#globalnav { position:relative;width: 100%; height:50px;}
.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0; /*background-color:#fff;*/border:0;box-shadow:none;}
/*.navbar-default .navbar-nav>.dropdown>a .caret{border-top-color:#00a0e2;border-bottom-color:#00a0e2;}*/
.navbar-nav .open .dropdown-menu>li>a{line-height:20px;}
.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none;}
body,html {height: 100%;}
.navbar{width:100%;color: #99ccff; position:absolute; z-index:1000; border-left-width: 0px !important;border-right-width: 0px !important;}
.navbar-collapse.in{height:100vh !important;overflow-y: auto;-webkit-overflow-scrolling:touch;}
.nav>li{ position:relative; display:block; background-color:#ffffff; margin-left:0px;border-bottom: solid 1px #777}
.nav>li>a{padding:16px 12px;}
.navbar-nav {width:100%; margin:0px 0px;}
.navbar-nav>li {float:none;}
.menu-item {text-align:left;}
.navbar-header {height:48px;width:48px;float:right; margin-right:10px}
.navbar-menu{clear:left;float:left;}
button {
align-items: flex-start;
text-align: center;
cursor: pointer;
color: buttontext;
padding: 2px 6px 3px;
border: none;
background-color: #00a0e2;
box-sizing: border-box;
}
@media (max-width:767px){
.hidden_pc {display: block;}
.hidden_sp {display:none;}
}