@charset "UTF-8";
/*===========================================================================*/
/*  media quary  */
/*===========================================================================*/
@import "/css/common.css";
/*==================================================================*/
/* style css　*/
/*==================================================================*/
select {
  background: #fff;
}

#login input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#login header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8rem;
}
#login header .header-in .r-area {
  display: none;
}
#login .login-box {
  max-width: 500px;
  margin: 0 auto;
}
#login .login-box .title {
  margin-bottom: 2rem;
  font-size: 1.85rem;
  font-weight: bold;
  text-align: center;
}
#login .login-box .bg-area {
  padding: 2rem;
  background: #f9efdb;
}
#login .login-box .bg-area .error {
  margin-bottom: 1rem;
  color: #cc0000;
  font-weight: bold;
  text-align: center;
}
#login .login-box .bg-area dl {
  margin-bottom: 1.5rem;
}
#login .login-box .bg-area dl dt {
  margin-bottom: 0.3rem;
  font-size: 16px;
  font-weight: bold;
}
#login .login-box .bg-area dl dd input {
  display: block;
  width: 100%;
  padding: 5px;
  font-size: 16px;
  border: 1px solid #ccc;
}
#login .login-box .bg-area button {
  margin: 0 auto;
  display: block;
  width: 150px;
  padding: 8px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 5px;
  color: #fff;
  background: #75191c;
  border: 1px solid #75191c;
  cursor: pointer;
  font-family: "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", "sans-serif";
}
#login .login-box .bg-area button:hover {
  opacity: 0.8;
}

#vehicle-management .filtering {
  margin-bottom: 3rem;
}
#vehicle-management .filtering .filtering-in {
  padding: 1rem 1.5rem;
  background: #f9efdb;
}
#vehicle-management .filtering .filtering-in .filtering-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 0.5rem;
}
#vehicle-management .filtering .filtering-in .filtering-box input {
  font-size: 14px;
}
#vehicle-management .filtering .filtering-in .filtering-box select {
  font-size: 14px;
}
#vehicle-management .filtering .filtering-in .filtering-box .l-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 60%;
}
#vehicle-management .filtering .filtering-in .filtering-box .r-box {
  margin-left: 3em;
}
#vehicle-management .filtering .filtering-in .filtering-box .bdb {
  margin-bottom: 0.5rem;
}
#vehicle-management .filtering .filtering-in .event-btn {
  width: 100%;
  padding: 10px;
  color: #fff;
  background: #888;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
#vehicle-management .filtering .filtering-in .event-btn:hover {
  opacity: 0.8;
}
#vehicle-management .filtering .filtering-in .event-btn span:after {
  content: "\f107";
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}
#vehicle-management .filtering .filtering-in .event-btn.current span::after {
  content: "\f106";
}
#vehicle-management .filtering .filtering-in .event-box {
  display: none;
}
#vehicle-management .filtering .filtering-in .checkbox-area dl {
  margin-bottom: 0.5rem;
}
#vehicle-management .filtering .filtering-in .checkbox-area dl.bdb {
  margin-bottom: 1rem;
}
#vehicle-management .filtering .filtering-in .checkbox-area dl dt {
  width: 90px;
  margin-right: 1rem;
}
#vehicle-management .filtering .filtering-in .checkbox-area dl dt.last-dt {
  width: 125px;
}
#vehicle-management .filtering .filtering-in .checkbox-area dl dd {
  width: calc(100% - 90px);
}
#vehicle-management .filtering .filtering-in .checkbox-area dl dd.first-dd {
  width: auto;
  margin-right: 2rem;
}
#vehicle-management .filtering .filtering-in .checkbox-area dl dd.last-dd {
  width: auto;
}
#vehicle-management .filtering .filtering-in .chartered-bus-information .subtitle {
  margin-bottom: 0.5rem;
  font-size: 14px;
  font-weight: bold;
}
#vehicle-management .filtering .filtering-in .chartered-bus-information dl {
  margin-bottom: 0.5rem;
}
#vehicle-management .filtering .filtering-in .chartered-bus-information dl dt {
  width: 90px;
  margin-right: 1rem;
}
#vehicle-management .filtering .filtering-in .chartered-bus-information dl dd {
  width: calc(100% - 90px);
}
#vehicle-management .filtering .filtering-in .chartered-bus-information dl dd input {
  margin-left: 5px;
  border-color: #000;
}
#vehicle-management .filtering .filtering-in .search-btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0.8rem;
  margin-top: 0.8rem;
  border-top: 1px solid #ccc;
}
#vehicle-management .filtering .filtering-in .search-btn-area .memo {
  margin-right: 1rem;
}
#vehicle-management .filtering .filtering-in .search-btn-area .btn input {
  display: inline-block;
  padding: 8px 20px;
  font-weight: bold;
  border-radius: 5px;
  background: #ccc;
  border: 1px solid #ccc;
  cursor: pointer;
}
#vehicle-management .filtering .filtering-in .search-btn-area .btn input:hover {
  opacity: 0.8;
}
#vehicle-management .filtering .filtering-in .search-btn-area .btn.search {
  position: relative;
  margin-right: 0.8rem;
}
#vehicle-management .filtering .filtering-in .search-btn-area .btn.search:before {
  content: "\f002";
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  z-index: 10;
  pointer-events: none;
}
#vehicle-management .filtering .filtering-in .search-btn-area .btn.search input {
  padding-left: 35px;
  color: #fff;
  background: #75191c;
  border: 1px solid #75191c;
}
#vehicle-management .filtering .filtering-in .bdb {
  margin-bottom: 0.8rem;
  padding-bottom: 0.8rem;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
#vehicle-management .filtering .filtering-in dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 2rem;
}
#vehicle-management .filtering .filtering-in dl:last-of-type {
  margin-right: 0;
}
#vehicle-management .filtering .filtering-in dl dt {
  margin-right: 0.3rem;
  font-size: 14px;
  font-weight: bold;
}
#vehicle-management .filtering .filtering-in dl dt.pt {
  padding-top: 8px;
}
#vehicle-management .filtering .filtering-in dl dd {
  font-size: 14px;
}
#vehicle-management .filtering .filtering-in dl dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#vehicle-management .filtering .filtering-in dl dd ul li {
  margin-right: 0.5rem;
}
#vehicle-management .filtering .filtering-in dl dd ul li:last-child {
  margin-right: 0;
}
#vehicle-management .filtering .filtering-in dl dd ul li select {
  cursor: pointer;
}
#vehicle-management .filtering .filtering-in dl dd select.long {
  width: 220px;
}
#vehicle-management .filtering .filtering-in dl dd .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.8rem;
}
#vehicle-management .filtering .filtering-in dl dd .box:last-child {
  margin-bottom: 0;
}
#vehicle-management .filtering .filtering-in dl dd .box p {
  font-size: 14px;
  margin-right: 0.4rem;
}
#vehicle-management .filtering .filtering-in dl dd .box p.mr {
  margin-right: 1rem;
}
#vehicle-management .filtering .filtering-in dl dd .box p:last-of-type {
  margin-right: 0;
}
#vehicle-management .filtering .filtering-in dl dd .box p em {
  margin-left: 0.2rem;
}
#vehicle-management .filtering .filtering-in dl.bdb {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
#vehicle-management .pagebtn-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 0.5rem;
}
#vehicle-management .pagebtn-block .l-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
#vehicle-management .pagebtn-block .l-block .btn a {
  display: inline-block;
  padding: 5px 20px;
  font-size: 14px;
  color: #fff;
  background: #333;
  font-weight: bold;
  border: 1px solid #333;
  border-radius: 5px;
}
#vehicle-management .pagebtn-block .l-block .btn a:hover {
  text-decoration: none;
}
#vehicle-management .pagebtn-block .l-block .btn.entry {
  margin-right: 1rem;
}
#vehicle-management .pagebtn-block .l-block .btn.entry a {
  background: #2e66b0;
  color: #fff;
  border: 1px solid #2e66b0;
}
#vehicle-management .pagebtn-block .l-block .btn.dl a {
  background: #2e9343;
  color: #fff;
  border: 1px solid #2e9343;
}
#vehicle-management .pagebtn-block .l-block .btn.dl a:before {
  content: "\f1c3";
  display: inline-block;
  margin-right: 0.5rem;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}
#vehicle-management .pagebtn-block .r-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#vehicle-management .pagebtn-block .r-block dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1rem;
}
#vehicle-management .pagebtn-block .r-block dl dt {
  margin-right: 0.5rem;
}
#vehicle-management .pagebtn-block .r-block .count {
  margin-right: 1rem;
}
#vehicle-management .pagebtn-block .r-block .pagenum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#vehicle-management .pagebtn-block .r-block .pagenum li {
  margin-right: 0.3rem;
}
#vehicle-management .pagebtn-block .r-block .pagenum li:last-child {
  -webkit-mask-repeat: 0;
  mask-repeat: 0;
}
#vehicle-management .pagebtn-block .r-block .pagenum li a {
  display: inline-block;
  padding: 3px 8px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ccc;
}
#vehicle-management .pagebtn-block .r-block .pagenum li a:hover {
  background: #ccc;
  text-decoration: none;
}
#vehicle-management .pagebtn-block .r-block .pagenum li.current a {
  background: #888;
  color: #fff;
}
#vehicle-management .result-block table {
  margin-bottom: 0.5rem;
  font-size: 15px;
}
#vehicle-management .result-block table thead tr th {
  width: auto;
  border: 1px solid #ccc;
  color: #fff;
  background: #888;
  text-align: center;
}
#vehicle-management .result-block table thead tr th span::after {
  content: "\f0dc";
  display: inline-block;
  margin-left: 0.2rem;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}
#vehicle-management .result-block table thead tr th.effective-period p {
  position: relative;
  padding-right: 10px;
}
#vehicle-management .result-block table thead tr th.effective-period p .order {
  position: absolute;
  right: -5px;
  padding: 3px;
  border: none;
  color: #fff;
  background: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
#vehicle-management .result-block table thead tr th.effective-period p .order.od01 {
  top: -5px;
}
#vehicle-management .result-block table thead tr th.effective-period p .order.od01:hover {
  top: -7px;
  opacity: 0.8;
}
#vehicle-management .result-block table thead tr th.effective-period p .order.od02 {
  bottom: -5px;
}
#vehicle-management .result-block table thead tr th.effective-period p .order.od02:hover {
  bottom: -7px;
  opacity: 0.8;
}
#vehicle-management .result-block table tbody td {
  border: 1px solid #ccc;
}
#vehicle-management .result-block table tbody td a {
  color: #2e66b0;
  text-decoration: underline;
}
#vehicle-management .result-block table tbody td a:hover {
  text-decoration: none;
}
#vehicle-management .result-block table tbody td input[type=checkbox i] {
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
#vehicle-management .result-block table tbody .bgred {
  background: #fcf2f2;
}
#vehicle-management .result-block table tbody .bgred .effective-period {
  color: #cc0000;
}
#vehicle-management .result-block table .check {
  width: 20px;
}
#vehicle-management .result-block table .num {
  min-width: 160px;
}
#vehicle-management .result-block table .num .new-icon {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 1px 3px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background: #cc0000;
}
#vehicle-management .result-block table .capacity, #vehicle-management .result-block table .register {
  width: 113px;
  text-align: center;
}
#vehicle-management .result-block table .effective-period {
  width: 130px;
  text-align: center;
}
#vehicle-management .result-block table .memo {
  width: 14%;
}