@charset "UTF-8";

table.table {
	border-collapse: collapse;
	width: 100%;
}

.navbar-fixed-top {
	border-bottom: 1px solid rgb(38, 38, 38);
}

.navbar,
#footer,
.navbar-inverse .navbar-nav .dropdown-menu>li>a,
.navbar-inverse .navbar-nav .dropdown-menu,
.navbar-inverse .navbar-brand {
	color: rgb(0, 0, 0);
	background-color: rgb(255, 255, 255);
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus,
#title,
#bottom,
h3,
.navbar-inverse .navbar-nav>li .btn:focus,
.navbar-inverse .navbar-nav>.open>.dropdown-menu a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-inverse .navbar-nav .open .mega-dropdown-menu > ul > li > a:hover,
.bel-btngroup.open .dropdown-toggle,
nav .drawer-dropdown-menu li>a:hover,
#page_top {
	color: rgb(255, 255, 255);
	background-color: rgba(39, 123, 179, 0.8);
	outline: none;
}

.breadcrumb>li+li::before {
	content: "/" / "";
	color: rgb(255, 255, 255);
	background-color: transparent;
	padding: 0 5px;
}

ul.breadcrumb,
ul.breadcrumb>li>a,
ul.breadcrumb>li .divider,
ul.breadcrumb>li.active,
#bottom li,
#bottom a,
#page_top a::before {
	color: rgb(255, 255, 255);
	background-color: transparent;
}

.navbar-inverse .navbar-toggle .icon-bar {
	color: rgb(255, 255, 255);
	background-color: rgb(0, 0, 0);
}

.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar {
	color: rgb(0, 0, 0);
	background-color: rgb(255, 255, 255);
}

#bottom a:hover {
	color: rgb(0, 0, 0);
	background-color: transparent;
}

.bel,
.bel a {
	color: rgb(39, 123, 179);
	background-color: transparent;
}

.bel-btn {
	color: rgb(0, 0, 0);
	background-color: rgb(211, 228, 239);
	border-color: rgb(39, 123, 179);
}

.bel-btn-outline {
	color: rgb(0, 0, 0);
	background-color: transparent;
	border-color: rgb(39, 123, 179);
}

@media (max-width: 1200px) {
	.bel {
		color: rgb(0, 0, 0);
		background-color: transparent;
		border-color: rgb(39, 123, 179);
	}
}

.bel a:hover,
.bel a.active,
.bel:hover,
.bel.active,
.bel-btn:hover,
.bel-btn.active,
.bel-btn-outline:hover,
.bel-btn-outline a:hover,
.bel-btn-outline.active,
.drawer-menu-item:hover,
.drawer-menu .open a:focus,
.drawer-dropdown-menu a:hover,
.drawer-hamburger-icon,
.drawer-hamburger-icon::before,
.drawer-hamburger-icon::after {
	color: rgb(255, 255, 255);
	background-color: rgba(39, 123, 179, 0.8);
}

.bel-table thead,
.bel-table tbody {
	border-width: 2px;
	border-style: solid;
	border-color: rgb(39, 123, 179);
}

.bel-table thead>tr>th,
.bel-table tbody>tr>th,
.bel-table tbody>tr>td {
	border-width: 1px;
	border-style: solid;
	border-color: rgb(39, 123, 179);
}

.bel-table thead>tr>th,
.bel-table tbody>tr>th {
	width: 5%;
	color: rgb(0, 0.0);
	background-color: rgb(211, 228, 239);
	text-align: center;
}

.bel-table tbody>tr>td {
	width: 20%;
}

/*  PC  */
@media screen and (min-width: 1200px) {
	.navbar-inverse .navbar-nav .dropdown-menu {
		border-width: 0px 2px 2px 2px;
		border-style: solid;
		border-color: rgb(39, 123, 179);
	}
}

/*  TB	*/
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #000;
		background: transparent;
	}
}

/*  SP	*/
@media screen and (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #000;
		background: transparent;
	}
	
  ul.breadcrumb {
   margin-top: 0;
  }
  
	#footer {
		border-top-width: 1px　solid #262626;
	}
	
	.bel-table thead>tr>th {
		display: none;
	}

	.bel-table tbody>tr>th {
		display: block;
		width: 100%;
		text-align: center;
	}

	.bel-table tbody>tr>td {
		display: inline-block;
		width: 50%;
		text-align: center;
	}

	.bel-table tbody>tr>td::before {
		content: attr(data-label)":" / "";
		font-weight: bold;
		margin-right: 0.5em;
	}
}

.bel-badge {
	color: rgb(255, 255, 255);
	background-color: rgba(39, 123, 179, 0.8);
}

a.bel-badge:focus,
a.bel-badge:hover,
.bel-alert {
	color: rgb(0, 0, 0);
	background-color: rgb(211, 228, 239);
}

.bel hr {
	border-top-color: rgb(39, 123, 179);
}

.bel-border {
	height: 2em;
	border-width: 2px solid rgb(39, 123, 179);
}

.bel-text {
	color: rgb(39, 123, 179);
	background-color: transparent;
}