*{font-family:'Roboto','Noto Sans JP', sans-serif !important;}

.loading {
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -ms-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.breadcrumb {
  border: 1px solid rgb(206, 212, 218);
  padding: .25rem;
  border-top: none;
  border-radius: .25rem;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.breadcrumb {
  background-color: #FEF6E8;
  border-bottom: 2px solid #FDEDD2;
}

.footer .container-fluid{
  background-color: #FEF6E8;
  border-top: 2px solid #FDEDD2;
  text-align: center;
}

.btn-main {
  color: white;
  background-color: #F08700;
  border-color: #DB7B00;
}

.btn-main:hover, .btn-main:active:hover, .btn-main:active:focus, .btn-main:active.focus, .btn-main.active:hover, .btn-main.active:focus, .btn-main.active.focus, .open>.btn-main.dropdown-toggle:hover, .open>.btn-main.dropdown-toggle:focus, .open>.btn-main.dropdown-toggle.focus {
  color: white;
  background-color: #DB7B00;
  border-color: #C56F00;
}

.btn-sub {
  color: white;
  background-color: #FFBA08;
  border-color: #E8AA08;
}

.btn-sub:hover, .btn-sub:active:hover, .btn-sub:active:focus, .btn-sub:active.focus, .btn-sub.active:hover, .btn-sub.active:focus, .btn-sub.active.focus, .open>.btn-sub.dropdown-toggle:hover, .open>.btn-sub.dropdown-toggle:focus, .open>.btn-sub.dropdown-toggle.focus {
  color: white;
  background-color: #E8AA08;
  border-color: #D19907;
}

.ui-autocomplete {
    max-height: 200px;
    max-width: 80%;
    overflow-y: auto;
    overflow-x: hidden;
}

/* @media (max-width: 576px) {
  .col div{
    text-align: center;
  }
} */