@charset "utf-8";
/* CSS Document */

nav.navbar.navbar-expand-lg.navbar-light.bg-light {
	padding: 10px 80px 0 0;
	background-color: rgba(0,0,0,0.6)!important;
}

a.nav-link {
	margin-left: 20px;
}
.center {
	text-align: center;
}

.navbar-brand {
	background-image:url("");
	background-repeat: no-repeat;
	background-size: contain;
	height: 26px;
	width: 280px;
	margin: 8px 0;
}
.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-light .navbar-toggler {
  color: #fff;
}
.navbar-light .navbar-nav .show > .nav-link {
	color: #fff;
}

.dropdown-menu {
  background-color: rgba(0,0,0,0.4)!important;
	font-size: 1.4rem;
}
.dropdown-menu a {
	color:#fff;
}
a.dropdown-item:hover {
	color: #fff;
	background-color: rgba(0,0,0,0);
}
.dropdown-menu a:hover {
	border-bottom: 2px solid green;
}
.navbar-light .navbar-nav .active > .nav-link {
	color: #fff;
}
.navbar-light .navbar-nav .nav-link {
	color: #fff;
}
.navbar-light .navbar-nav .nav-link:hover {
	color: #fff;
}

.nav-item a {
	color: #fff;
	white-space: nowrap;
	line-height: 18px;
}
.nav-item a:hover {
	color:#fff;
	border-bottom: 2px solid green;
}


@media screen and (min-width: 769px){
/* 後から出てくるmenuバー */
.cb-header {
  position: fixed;
  top: -66px;
  left: 0;
	width: 100%;
	z-index: 100;
}
.slide-down {
  animation-name: slideDown;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50% 0;
  animation-duration: .5s;
  top: 0;
}
@keyframes slideDown {
  0% {
    top: -66px;
  }
  100% {
    top: 0;
  }
}
.slide-up {
  animation-name: slideUp;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50%  0;
  animation-duration: .5s;
  top: -66px;
}
@keyframes slideUp {
  0% {
    top: 0;
  }
  100% {
    top: -66px;
  }
}
/* 後から出てくるmenuバーここまで */
}
/*スマホ*/
@media screen and (max-width: 768px){
	nav.navbar.navbar-expand-lg.navbar-light.bg-light {
		padding: 0 16px;
	}
/* 後から出てくるmenuバー */
.cb-header {
  position: fixed;
  top: 0;
  left: 0;
	width: 100%;
	z-index: 100;
}
/* 後から出てくるmenuバーここまで */
}