@charset "UTF-8";
.pdf {
  margin-top: 57px;
  width: 100%;
  height: 52vw;
}

@media (max-width: 959px) {
  .pdf {
    height: 140vw;
  }
}

.sec02, .sec03 {
  margin-top: 80px;
}

@media (min-width: 960px) {
  .sec02, .sec03 {
    margin-top: 140px;
  }
}

.attention {
  margin-top: 30px;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 960px) {
  .attention {
    margin-top: 50px;
  }
}

.bus_list {
  margin: 30px 2rem 0;
}

@media (min-width: 960px) {
  .bus_list {
    margin-top: 86px;
  }
}

.bus_list_item {
  height: 60px;
  font-weight: bold;
}

.bus_list_item:not(:first-of-type) {
  margin-top: 30px;
}

@media (min-width: 960px) {
  .bus_list_item {
    height: 92px;
  }
  .bus_list_item:not(:first-of-type) {
    margin-top: 46px;
  }
}

.modalOpen {
  padding-left: 15px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/* モーダルウィンドウ */
.mdlDet {
  display: none;
}

.modal-cont {
  display: none;
  position: fixed;
  z-index: 1001;
  width: 90%;
}

@media (min-width: 560px) {
  .modal-cont {
    width: 600px;
  }
}

@media (min-width: 960px) {
  .modal-cont {
    width: 960px;
  }
}

.modal-close {
  cursor: pointer;
  display: block;
  margin: 0 0 0 auto;
  text-align: right;
  color: #FFFFFF;
  font-size: 2rem;
}

@media (min-width: 560px) {
  .modal-close {
    font-size: 2rem;
  }
}

@media (min-width: 960px) {
  .modal-close {
    font-size: 2rem;
  }
}

.history-modal {
  background: #fff;
  overflow-y: scroll;
  height: 600px;
  padding: 10px;
}

#modalOverlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: #000;
  opacity: 0.75;
}

body.is-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* モーダル内部 */
.mdl_ttl {
  background: #2A81C4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  color: #fff;
  font-size: 1.5rem;
}

@media (min-width: 960px) {
  .mdl_ttl {
    height: 86px;
    font-size: 2.1875rem;
  }
}

.mdl_table {
  width: 100%;
  border: 1px solid #707070;
  border-collapse: collapse;
  margin-top: 30px;
}

@media (min-width: 960px) {
  .mdl_table {
    width: 96%;
    margin: 30px auto 0;
  }
}

.mdl_table_outer {
  height: 70px;
}

.mdl_table_outer:first-of-type {
  background: #9CC8E9;
  font-size: 1.125rem;
}

@media (min-width: 960px) {
  .mdl_table_outer:first-of-type {
    font-size: 1.625rem;
  }
}

.mdl_table_heading {
  border: 1px solid #707070;
  background: rgba(42, 129, 196, 0.2);
  width: 20%;
  font-size: 1.125rem;
}

@media (min-width: 960px) {
  .mdl_table_heading {
    font-size: 1.5rem;
  }
}

.mdl_table_content {
  border: 1px solid #707070;
  width: 40%;
  text-align: center;
  font-size: 1.125rem;
}

@media (min-width: 960px) {
  .mdl_table_content {
    font-size: 1.5625rem;
  }
}

.mdl_map img {
  margin: 60px auto 0;
}

.ttl01 {
  background: #3F6FB6;
}

.bus_list_item {
  background: #88b8ff;
}

.bus_list_item:hover {
  background: #a5c9ff;
}
/*# sourceMappingURL=one-city-bus03.css.map */

/*運賃表*/
.fare {
  margin-top: 65px;
}

@media (max-width: 959px) {
  .fare {
    overflow: scroll;
  }
}

.fare_check {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.8125rem;
  font-weight: bold;
}

.fare_check_item {
  padding-left: 40px;
}

.fare_check_item:first-of-type {
  position: relative;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.fare_check_item:first-of-type::before {
  content: '';
  width: 41px;
  height: 42px;
  background: url(../img/city-bus/wheelchair.png) no-repeat center/contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.fare_check_item:last-of-type {
  position: relative;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}

.fare_check_item:last-of-type::before {
  content: '';
  width: 32px;
  height: 32px;
  background: url(../img/city-bus/wifi.png) no-repeat center/contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media (min-width: 960px) {
  .fare_check_item:last-of-type {
    margin-top: 40px;
  }
}

.fare_table {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1080px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 40px auto 0;
}

.fare_table_inner:not(:last-of-type) {
  margin-right: 1px;
}

.fare_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 180px;
  height: 106px;
}

.fare_box:not(:first-of-type) {
  margin-top: 1px;
}

.fare_ttl {
  background: #3F6FB6;
  color: #fff;
}

.fare_ttl span {
  font-size: 0.75rem;
  font-weight: bold;
}

.fare_price {
  background: #F1F8F8;
  color: #7E7E7E;
  font-size: 1.125rem;
  font-weight: bold;
}

.arrow.material-icons {
  font-size: 12.5rem;
  color: #ccc;
  margin-left: -30px;
}

@media (min-width: 960px) {
  .arrow.material-icons {
    display: none;
  }
}

.attention.display_l {
  color: #ccc;
}

.note {
  margin: 1rem;
  padding: 3rem;
  background: url(../img/city-bus/back.png);
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 2.4;
}

.note_list_item:not(:first-of-type) {
  margin-top: 34px;
}

.attention {
  font-size: 0.75rem;
  font-weight: bold;
}

@media (min-width: 960px) {
  .attention {
    font-size: 1rem;
  }
}

.coupon {
  margin-top: 130px;
}

.coupon .ttl01 {
  margin-bottom: 48px;
}

.coupon_table {
  margin-top: 22px;
}

@media (min-width: 560px) {
  .coupon_table {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.coupon_box {
  border: 1px solid #707070;
  padding: 20px 30px 16px;
  font-size: 1rem;
  font-weight: bold;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}

@media (max-width: 559px) {
  .coupon_box:not(:last-of-type) {
    border-bottom: 0;
  }
}

@media (min-width: 560px) {
  .coupon_box:nth-of-type(1) {
    border-bottom: 0;
  }
  .coupon_box:nth-of-type(2) {
    border-left: 0;
    border-bottom: 0;
  }
  .coupon_box:nth-of-type(4) {
    border-left: 0;
  }
  .coupon_box:nth-of-type(5) {
    border-top: 0;
  }
}

@media (min-width: 960px) {
  .coupon_box {
    padding: 33px 92px 23px;
    font-size: 1.25rem;
  }
}

/*運賃表 end*/