/* Show it is fixed to the top */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* min-height: 75rem; */
  padding-top: 4.5rem;
  margin-bottom: 60px;
}

.td-width {
  width: 27%;
}

.td-width35 {
  width: 35%;
}

@media (min-width: 768px){
body {
  padding-top: 9.0rem;
}
}

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}

/* logo */
@media (min-width: 768px){
.logo a {
	top: 0;
	height: 3.5rem;
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
	/*background: #004ea2;*/
	text-align: right;
	font-size: 2.0rem;
	font-weight: bold;
	color: white;
	padding-right: 1rem;
	text-decoration: none;
	/* image */
	background: url("../img/logo4nav.png") no-repeat left center #004ea2;
    background-size: contain;
}
}

.navbar-brand {
  background: #ffe01a;
  /* background-size: contain; */
  font-size: 1.8rem;
  font-weight: bold;
  color: #e71e1a !important;
  padding: 0 1rem;
  text-decoration: none;
}

@media (min-width: 768px){
.navbar-brand {
	display: none;
}
}

@media (min-width: 768px){
.navbar {
	top: 3.5rem;
}
}

/* navbar center */
@media (min-width: 768px){
.navbar-nav {
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    display: flex;
}
}

.navbar-nav > li {
	text-align: center;
}

@media (min-width: 768px){
.navbar-nav > li {
	width: 106px;
	font-size: 86%;
}
}

@media (min-width: 992px) {
.navbar-nav > li {
	width: 134px;
	font-size: 100%;
}
}

@media (min-width: 1200px) {
.navbar-nav > li {
	width: 162px;
}
}

.dropdown-menu {
	border-radius: 0;
	text-align: center;
}

/* .dropdown:hover .dropdown-menu {
    display: block;
} */

@media (min-width: 768px){
.navbar-nav > li > .dropdown-menu {
	font-size: 86%;
}
}

@media (min-width: 992px) {
.navbar-nav > li > .dropdown-menu {
	font-size: 100%;
}
}

/* パンくずリスト */
.breadcrumb {
	padding: .5rem 1rem;
	margin-bottom: .5rem;
	font-size: .75rem;
	background-color: #00712f;
}

.breadcrumb-item a {
	color: #ffe01a;
}

.breadcrumb-item.active {
	color: white;
}

.breadcrumb-item+.breadcrumb-item::before {
	color: white;
	content:">"
}

/* 左サブメニュー */
@media (max-width: 767.99px) {
.sidemenu,
.sidemenu2{
	display: none;
	}
}

@media (min-width: 768px) {
.sidemenu {
   width: 170px;
   background: white url("../img/common/texture_red.gif") repeat-x top;
   border: 1px solid #17a2b8;
   border-radius: 5px 5px 5px 5px;
   padding: 6px;
   margin-left: 5px;
   font-size: 0.8rem;
}

.sidemenu .titlefont {
   font-size: 1.2rem;
   color: white;
}

.sidemenu2 {
   width: 170px;
   background: white url("../img/common/texture_red.gif") repeat-x top;
   border: 1px solid #17a2b8;
   border-radius: 5px 5px 5px 5px;
   padding: 6px;
   margin-top: 5px;
   margin-left: 5px;
   font-size: 0.8rem;
}

.sidemenu2 .badge {
	 font-size: 0.8rem;
	}
}

.sidemenu2 .titlefont {
   font-size: 1.2rem;
   color: white;
}

@media (min-width: 992px) {
.sidemenu {
   width: 220px;
   margin-left: 12px;
}

.sidemenu2 {
   width: 220px;
   margin-left: 12px;
}
}

/* button */
.btn.btn-kscred {
	background-color: #e71e1a !important;
	color: white;
}
.btn.btn-kscred:hover {
	background-color: #bb2a27 !important;
}
/*
.btn.btn-outline-kscred {
	background-color: #e71e1a !important;
	color: white;
}
.btn.btn-outline-kscred:hover {
	background-color: #bb2a27 !important;
}
*/
/*
.btn.btn-outline-kscred{color:#e71e1a;background-color:transparent;background-image:none;border-color:#e71e1a}
.btn.btn-outline-kscred:hover{color:#fff;background-color:#e71e1a;border-color:#e71e1a}
.btn.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#e71e1a;border-color:#e71e1a}
*/

/* card */
.card-header {
	padding: .5rem 1.0rem;
}

.card-body.bg-img {
	background: url("../img/common/keiyo-bg.jpg") repeat left top;
}

.card-header.bg-keiyoblue {
	background-color:#004ea2 !important;
}

.card-body table.time-price {
	margin-left: 1rem;
	margin-bottom: 1rem;
	font-size: 1.0rem;
}
	
/* footer */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #ffe01a;
}

/* トップに戻るボタン */
.pagetop {
  display: none;
  position: fixed;
  bottom: 70px;
  right: 3px;
}

.pagetop a {
  display: block;
  color: #333;
  font-size: 2.5rem;
  text-decoration: none;
  padding: 5px 10px;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.pagetop a:hover {
  color: #ccc;
}

/* map */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* navbar-color */
.navbar {
  background-color: #ffe01a;
}
.navbar .navbar-brand {
  color: #004ea2;
}
.navbar-brand {
  background: url("../img/logo.png") no-repeat left center;
  background-size: contain;
  height: 50px;
  padding-left: 55px;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #ffffff;
}
.navbar .navbar-text {
  color: #004ea2;
}
.navbar .navbar-text a {
  color: #ffffff;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #ffffff; 
}
.navbar .navbar-nav .nav-link {
  color: #004ea2;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #ffffff;
}
.navbar .navbar-nav .dropdown-menu {
  background-color: #ffe01a;
  border-color: #f5a100;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
  color: #004ea2;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #ffffff;
  background-color: #f5a100;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #f5a100;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #ffffff;
  background-color: #f5a100;
}
.navbar .navbar-toggle {
  border-color: #f5a100;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #f5a100;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #004ea2;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #004ea2;
}
.navbar .navbar-link {
  color: #004ea2;
}
.navbar .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #004ea2;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #f5a100;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #004ea2;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #f5a100;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #004ea2;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #f5a100;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #004ea2;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #f5a100;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #004ea2;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #ffffff;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #ffffff;
  background-color: #f5a100;
}

/* navbar-icon close x */
/*
.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}
*/
/*
.navbar-toggler .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='%23dc3545' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
}
*/
.navbar-toggler .navbar-toggler-icon {
  background-image: url("../img/menu.svg");
}

.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("../img/close.svg");
}