@charset "UTF-8";
.bgc_shu01 {
  background-color: #119933;
}

.fc_shu01 {
  color: #119933;
}

.bgc_shu02 {
  background-color: #ffa60d;
}

.fc_shu02 {
  color: #ffa60d;
}

.bgc_shu03 {
  background-color: #2293f7;
}

.fc_shu03 {
  color: #2293f7;
}

.bgc_shu04 {
  background-color: #FA8483;
}

.fc_shu04 {
  color: #FA8483;
}

.bgc_shu05 {
  background-color: #55CBBD;
}

.fc_shu05 {
  color: #55CBBD;
}

.bgc_shu06 {
  background-color: #B152CA;
}

.fc_shu06 {
  color: #B152CA;
}

.bgc_shu07 {
  background-color: #d2af22;
}

.fc_shu07 {
  color: #d2af22;
}

.bgc_shu99 {
  background-color: #999999;
}

.fc_shu99 {
  color: #999999;
}

.bgc_pb {
  background-color: #0369ab;
}

.fc_pb {
  color: #0369ab;
}

#acnav_wrap {
  position: sticky;
  bottom: 0;
  z-index: 98;
  background-color: #014086;
}
#acnav_wrap a {
  text-decoration: none;
  line-height: 1;
  color: inherit;
}
#acnav_wrap #navlink {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px;
  display: -ms-grid;
  display: grid;
  gap: 5px 10px;
}
#acnav_wrap #navlink > .nav_jikoku {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: jikoku;
}
#acnav_wrap #navlink > .nav_rosen {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: rosen;
}
#acnav_wrap #navlink > .nav_ticket {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: ticket;
}
#acnav_wrap #navlink > .nav_pass {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: pass;
}
#acnav_wrap #navlink > .nav_reserve {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: reserve;
}
.d_pc #acnav_wrap #navlink {
  -ms-grid-rows: 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-template: "jikoku rosen ticket pass reserve" 1fr/1fr 1fr 1fr 1fr 1fr;
}

.d_sp #acnav_wrap #navlink {
  -ms-grid-rows: 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 0.7fr;
      grid-template: "jikoku ticket reserve" 1fr "rosen  pass   reserve" 1fr/1fr 1fr 0.7fr;
}

#acnav_wrap #navlink > li {
  background-color: #ffffff;
  border-radius: 5px;
  font-weight: bold;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#acnav_wrap #navlink > li i {
  margin: 0;
}
#acnav_wrap #navlink > li.nav_ticket i, #acnav_wrap #navlink > li.nav_pass i {
  color: #e00;
}
#acnav_wrap #navlink > li:not(.nav_reserve) {
  color: #014086;
  background: #ffffff;
}
.d_pc #acnav_wrap #navlink > li:not(.nav_reserve) i {
  font-size: 2.5em;
}

.d_sp #acnav_wrap #navlink > li:not(.nav_reserve) i {
  font-size: 2em;
}

#acnav_wrap #navlink > li.nav_reserve {
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb944), to(#f39800));
  background: linear-gradient(#ffb944, #f39800);
}
#acnav_wrap #navlink > li.nav_reserve i {
  font-size: 2.5em;
}
.d_sp #acnav_wrap #navlink > li.nav_reserve > a,
.d_sp #acnav_wrap #navlink > li.nav_reserve > span {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.d_sp #acnav_wrap #navlink > li.nav_reserve > a .navtxt,
.d_sp #acnav_wrap #navlink > li.nav_reserve > span .navtxt {
  padding-left: 0;
}

#acnav_wrap #navlink > li:hover {
  opacity: 0.5;
}
#acnav_wrap #navlink > li.active {
  pointer-events: none;
  opacity: 0.5;
}
#acnav_wrap #navlink > li.link_none {
  pointer-events: none;
  opacity: 0.1;
}
#acnav_wrap #navlink > li > a,
#acnav_wrap #navlink > li > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 0;
  width: 100%;
  height: 100%;
  padding: 5px;
  text-align: center;
}
#acnav_wrap #navlink > li > a .navimg,
#acnav_wrap #navlink > li > a .navtxt,
#acnav_wrap #navlink > li > span .navimg,
#acnav_wrap #navlink > li > span .navtxt {
  display: block;
}
#acnav_wrap #navlink > li > a .navtxt,
#acnav_wrap #navlink > li > span .navtxt {
  padding-left: 0.5em;
}
.d_pc #acnav_wrap #acnav_btn {
  display: none;
}

.d_sp #acnav_wrap #acnav_btn {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  background-color: #014086;
  position: relative;
}
.d_sp #acnav_wrap #acnav_btn #acnav_btn_switch {
  position: absolute;
  right: 5px;
  bottom: -2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 0;
  margin: 0;
  padding: 0.2em 0.5em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 5px 5px 0 0;
  border: 2px solid #115599;
  border-bottom: 0 !important;
  background-color: #014086;
  color: #ffffff;
  text-align: center;
  font-size: 0.9em;
  cursor: pointer;
}
.d_sp #acnav_wrap #acnav_btn #acnav_btn_switch > .navtxt {
  display: block;
  padding: 0 0.2em;
}
.d_sp #acnav_wrap #acnav_btn #acnav_btn_switch > .navicon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.2em;
  -webkit-transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out;
}
.d_sp #acnav_wrap #acnav_btn #acnav_btn_switch > .navicon::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #ffffff transparent transparent transparent;
}
.d_sp #acnav_wrap #acnav_btn.btnClose .navicon {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
.d_sp #acnav_wrap #acnav_btn.btnClose .navtxt::after {
  content: "閉じる";
}
.d_sp #acnav_wrap #acnav_btn.btnClose + #acnav_wrap_inner {
  border-top: 0;
}
.d_sp #acnav_wrap #acnav_btn.btnOpen .navicon {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.d_sp #acnav_wrap #acnav_btn.btnOpen .navtxt::after {
  content: "開く";
}
.d_sp #acnav_wrap #acnav_btn.btnOpen + #acnav_wrap_inner {
  border-top: 8px solid #014086;
}

#bus_norimono {
  background-color: #333333;
}
#bus_norimono > dl {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 5px;
  padding: 5px;
}
#bus_norimono > dl > * {
  line-height: 1;
  margin: 0;
  padding: 0.8em;
}
#bus_norimono > dl > dt {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #ffffff;
  text-align: center;
  border-right: 0;
}
#bus_norimono > dl > dt.bgc_green {
  background-color: #119933 !important;
}
#bus_norimono > dl > dt.bgc_red {
  background-color: #de3f00 !important;
}
#bus_norimono > dl > dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
#bus_norimono > dl > dd * {
  display: block;
  white-space: nowrap;
  color: #333333 !important;
}
#bus_norimono > dl > dd * br {
  display: none !important;
}
#bus_norimono > dl > dd a {
  text-decoration: none;
  width: 100%;
  height: 100%;
}
#bus_norimono > dl > dd a > span::after {
  content: "　";
  display: inline-block;
}
#bus_norimono > dl > dd ul > li > a > a {
  display: none !important;
}

#bus_userguide {
  background-color: #f1f1e8;
  border-bottom: 3px solid #dfdfcb;
}
#bus_userguide > .js_bs-accordion {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  font-size: 0.75em;
}
#bus_userguide > .js_bs-accordion * {
  font-size: 100%;
}
#bus_userguide > .js_bs-accordion > .ac_summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 8px;
  padding: 16px 8px;
  cursor: pointer;
}
#bus_userguide > .js_bs-accordion > .ac_summary > ul {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 3px;
}
@media screen and (min-width: 800px) {
  #bus_userguide > .js_bs-accordion > .ac_summary > ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#bus_userguide > .js_bs-accordion > .ac_summary > ul > li[class*=listicon_] {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#bus_userguide > .js_bs-accordion > .ac_summary > ul > li[class*=listicon_][class*=_ic] {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
@media screen and (min-width: 800px) {
  #bus_userguide > .js_bs-accordion > .ac_summary > ul > li[class*=listicon_] {
    width: 60px;
  }
}
@media screen and (max-width: 799px) {
  #bus_userguide > .js_bs-accordion > .ac_summary > ul > li[class*=listicon_] {
    width: 50px;
  }
}
#bus_userguide > .js_bs-accordion > .ac_summary > ul > li[class*=mark_] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#bus_userguide > .js_bs-accordion > .ac_summary > ul > li[class*=mark_][class*=_maru] {
  background-image: url("../images/p_bus/userguide/mark_maru.png");
}
#bus_userguide > .js_bs-accordion > .ac_summary > ul > li[class*=mark_][class*=_sankaku] {
  background-image: url("../images/p_bus/userguide/mark_sankaku.png");
}
#bus_userguide > .js_bs-accordion > .ac_summary > ul > li[class*=mark_][class*=_batsu] {
  background-image: url("../images/p_bus/userguide/mark_batsu.png");
}
#bus_userguide > .js_bs-accordion > .ac_summary::after {
  content: "▼ バスについて";
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px;
  border-radius: 5px;
  border: 2px solid #014086;
  background-color: #ffffff;
  color: #014086;
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.1px;
}
#bus_userguide > .js_bs-accordion > .ac_content {
  padding: 8px 8px 24px;
  line-height: 1.3;
}
#bus_userguide > .js_bs-accordion > .ac_content table caption {
  font-size: 1.1em;
  padding: 0 0 0.3em;
}
#bus_userguide > .js_bs-accordion > .ac_content table th, #bus_userguide > .js_bs-accordion > .ac_content table td {
  padding: 8px;
}
#bus_userguide > .js_bs-accordion > .ac_content table th {
  max-width: 8em;
  white-space: nowrap;
}
#bus_userguide > .js_bs-accordion > .ac_content table td > *:not(:last-child) {
  margin-bottom: 0.5em;
}
#bus_userguide > .js_bs-accordion > .ac_content ul[class*=ul_inline_split] {
  gap: 0;
}
#bus_userguide > .js_bs-accordion > .ac_content ul[class*=ul_inline_split] > li::after {
  padding-left: 0;
}
#bus_userguide > .js_bs-accordion > .ac_content ul[class*=ul_inline_split] > li:not(:last-child)::after {
  content: "・";
}
#bus_userguide > .js_bs-accordion > .ac_content .businfo_shubox .businfo_shu {
  font-weight: bold;
  display: block;
}
#bus_userguide > .js_bs-accordion > .ac_content .businfo_shubox .businfo_shu + .businfo_shu_binsu {
  padding: 0 1em;
}
#bus_userguide > .js_bs-accordion > .ac_content .businfo_shubox .businfo_shu_routebox {
  padding: 0 0 0 1em;
}
#bus_userguide > .js_bs-accordion > .ac_content .businfo_shu_routebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 8px;
  width: 100%;
}
#bus_userguide > .js_bs-accordion > .ac_content .businfo_shu_routebox > *.businfo_shu_route {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 1em;
}
#bus_userguide > .js_bs-accordion > .ac_content .businfo_shu_routebox > *:not(.businfo_shu_route) {
  white-space: nowrap;
}
#bus_userguide .close {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1em auto 0;
  color: #214bcb;
  cursor: pointer;
}
#bus_userguide .close::before, #bus_userguide .close::after {
  color: #333333;
}
#bus_userguide .close::before {
  content: "[";
  padding-right: 0.3em;
}
#bus_userguide .close::after {
  content: "]";
  padding-left: 0.3em;
}

#businfo_newsbox > [class*=_inner] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 20px 30px;
}
#businfo_newsbox .box_newslist {
  padding: 8px;
  border: 1px solid #d0d0d0;
  background-color: #ffffff;
}
@media screen and (min-width: 1200px) {
  #businfo_newsbox .box_newslist {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (max-width: 1199px) {
  #businfo_newsbox .box_newslist {
    width: 100%;
  }
}
#businfo_newsbox .box_newslist ul {
  margin-bottom: 0;
}
#businfo_newsbox .box_newslist ul > li:first-child a {
  padding-top: 0;
}
#businfo_newsbox #businfo_guidebnr {
  padding: 0;
}
@media screen and (min-width: 1200px) {
  #businfo_newsbox #businfo_guidebnr {
    width: 300px;
  }
}
@media screen and (max-width: 1199px) {
  #businfo_newsbox #businfo_guidebnr {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  #businfo_newsbox #businfo_guidebnr ul {
    display: -ms-grid;
    display: grid;
    gap: 5px;
    -ms-grid-rows: -webkit-max-content;
    -ms-grid-rows: max-content;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    justify-items: stretch;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
  }
}
#businfo_newsbox #businfo_guidebnr ul li {
  list-style: none;
  margin-left: 0;
}
@media screen and (max-width: 1199px) {
  #businfo_newsbox #businfo_guidebnr ul li {
    width: 100%;
  }
}
#businfo_newsbox #businfo_guidebnr ul li .btn_flat {
  width: 100%;
  padding: 0.5em !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 1.2em;
}
#businfo_newsbox #businfo_guidebnr ul li .btn_flat i:first-child {
  font-size: 2.5em;
  margin-left: 0;
}
#businfo_newsbox #businfo_guidebnr ul li .btn_flat i:last-child {
  font-size: 1.3em;
  margin-right: 0;
}
#businfo_newsbox #businfo_guidebnr ul li .btn_flat span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.businfo_ad {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 10px;
}
.businfo_ad a {
  display: block;
}
.businfo_ad a img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 800px) {
  .businfo_ad > li {
    width: calc(50% - 5px);
  }
}
@media screen and (max-width: 799px) {
  .businfo_ad > li {
    width: 100%;
  }
}

#bus_jikoku .bus_tblbox {
  padding: 0 !important;
}
#bus_jikoku .bus_tblbox + .bus_tblbox {
  margin-top: 16px;
}
#bus_jikoku .bus_tblbox + :not(.bus_tblbox) {
  margin-top: 24px;
}
#bus_jikoku .bus_tblbox [class*=_inner] > *:not(:last-child) {
  margin-bottom: 5px;
}
@media screen and (min-width: 800px) {
  #bus_jikoku .bus_tblbox [class*=sp_clear] > table th {
    width: 20em;
  }
}

.shu_icon {
  width: 2em;
  height: 2em;
  border-radius: 5px;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
  color: #ffffff;
}
.shu_icon.shu01 {
  background-color: #119933;
}
.shu_icon.shu02 {
  background-color: #ffa60d;
}
.shu_icon.shu03 {
  background-color: #2293f7;
}
.shu_icon.shu04 {
  background-color: #FA8483;
}
.shu_icon.shu05 {
  background-color: #55CBBD;
}
.shu_icon.shu06 {
  background-color: #B152CA;
}
.shu_icon.shu07 {
  background-color: #d2af22;
}
.shu_icon.shu99 {
  background-color: #999999;
}
.shu_icon.pb {
  background-color: #0369ab;
}
.shu_icon.shu_pb {
  background-color: #0369ab;
}

table.tt_hanrei {
  font-size: 0.8em;
}
table.tt_hanrei th {
  width: 5em;
}
table.tt_hanrei td > *:not(:last-child) {
  margin-bottom: 8px !important;
}
table.tt_hanrei dl.dl_iconbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 5px 0;
}
table.tt_hanrei dl.dl_iconbox > dt {
  width: 6em;
  font-weight: normal;
  text-align: justify;
  text-justify: inter-ideograph;
  -moz-text-align-last: justify;
  text-align-last: justify;
}
table.tt_hanrei dl.dl_iconbox > dt::after {
  content: "…";
  display: inline-block;
  padding-left: 0.3em;
}
table.tt_hanrei dl.dl_iconbox > dd {
  width: calc(100% - 6em);
  padding-left: 0.3em;
}
table.tt_hanrei dl.dl_iconbox > dd .ul_inline {
  gap: 5px 1em;
}
table.tt_hanrei dl.dl_iconbox > dd .ul_inline .shu_icon {
  margin-right: 3px;
}
table.tt_hanrei hr {
  margin: 8px 0px !important;
}
table.tt_hanrei table.hanrei_kukan {
  height: 100%;
}
table.tt_hanrei table.hanrei_kukan th, table.tt_hanrei table.hanrei_kukan td {
  padding: 0;
  border: 0;
  background-color: transparent;
}
table.tt_hanrei table.hanrei_kukan tr:not(:last-child) td {
  padding: 0 0 5px;
}
table.tt_hanrei table.hanrei_kukan tr td {
  height: 100%;
}
table.tt_hanrei table.hanrei_kukan tr td:not(:first-child) {
  padding-left: 8px;
}
table.tt_hanrei table.hanrei_kukan tr td.hanrei_kukanicon {
  width: auto;
}
table.tt_hanrei table.hanrei_kukan tr td.hanrei_kukanicon > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 0;
  width: 100%;
  height: 100%;
}
table.tt_hanrei table.hanrei_kukan tr td.hanrei_kukanicon > div > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 20px;
  min-height: 10px;
  opacity: 0.4;
}
table.tt_hanrei table.hanrei_kukan tr td.hanrei_kukantxt {
  width: 100%;
}

#bus_rosen_rosenzu {
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  #bus_rosen_rosenzu {
    width: 100%;
  }
}
@media screen and (min-width: 601px) {
  #bus_rosen_rosenzu {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
#bus_rosen_rosenzu > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 0 5px;
  width: 100%;
  margin: 0 !important;
}
#bus_rosen_rosenzu > dl > * {
  margin: 0;
  padding: 4px;
  font-weight: normal;
}
#bus_rosen_rosenzu > dl > dt {
  width: 41px;
  min-height: 41px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 0;
}
#bus_rosen_rosenzu > dl > dt > * {
  margin: 0 !important;
  padding: 0 !important;
}
#bus_rosen_rosenzu > dl > dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#bus_rosen_rosenzu > dl > dd > span {
  display: block;
}
#bus_rosen_rosenzu > dl .busbox {
  width: calc(41px - 15px);
  height: calc(41px - 15px);
  border: 4px solid transparent;
  border-radius: 50%;
  background-color: #ffffff;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
#bus_rosen_rosenzu > dl .linebox {
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto !important;
  z-index: -1;
}
#bus_rosen_rosenzu > dl .shu01 {
  background-color: rgba(17, 153, 51, 0.3);
}
#bus_rosen_rosenzu > dl .shu01 .busbox {
  border-color: #119933;
}
#bus_rosen_rosenzu > dl .shu01 .linebox {
  background-color: #119933;
}
#bus_rosen_rosenzu > dl .shu02 {
  background-color: rgba(255, 166, 13, 0.3);
}
#bus_rosen_rosenzu > dl .shu02 .busbox {
  border-color: #ffa60d;
}
#bus_rosen_rosenzu > dl .shu02 .linebox {
  background-color: #ffa60d;
}
#bus_rosen_rosenzu > dl .shu03 {
  background-color: rgba(34, 147, 247, 0.3);
}
#bus_rosen_rosenzu > dl .shu03 .busbox {
  border-color: #2293f7;
}
#bus_rosen_rosenzu > dl .shu03 .linebox {
  background-color: #2293f7;
}
#bus_rosen_rosenzu > dl .shu04 {
  background-color: rgba(250, 132, 131, 0.3);
}
#bus_rosen_rosenzu > dl .shu04 .busbox {
  border-color: #FA8483;
}
#bus_rosen_rosenzu > dl .shu04 .linebox {
  background-color: #FA8483;
}
#bus_rosen_rosenzu > dl .shu05 {
  background-color: rgba(85, 203, 189, 0.3);
}
#bus_rosen_rosenzu > dl .shu05 .busbox {
  border-color: #55CBBD;
}
#bus_rosen_rosenzu > dl .shu05 .linebox {
  background-color: #55CBBD;
}
#bus_rosen_rosenzu > dl .shu06 {
  background-color: rgba(177, 82, 202, 0.3);
}
#bus_rosen_rosenzu > dl .shu06 .busbox {
  border-color: #B152CA;
}
#bus_rosen_rosenzu > dl .shu06 .linebox {
  background-color: #B152CA;
}
#bus_rosen_rosenzu > dl .shu07 {
  background-color: rgba(210, 175, 34, 0.3);
}
#bus_rosen_rosenzu > dl .shu07 .busbox {
  border-color: #d2af22;
}
#bus_rosen_rosenzu > dl .shu07 .linebox {
  background-color: #d2af22;
}
#bus_rosen_rosenzu > dl .shu99 {
  background-color: rgba(153, 153, 153, 0.3);
}
#bus_rosen_rosenzu > dl .shu99 .busbox {
  border-color: #999999;
}
#bus_rosen_rosenzu > dl .shu99 .linebox {
  background-color: #999999;
}
#bus_rosen_rosenzu > dl .pb {
  background-color: rgba(3, 105, 171, 0.3);
}
#bus_rosen_rosenzu > dl .pb .busbox {
  border-color: #0369ab;
}
#bus_rosen_rosenzu > dl .pb .linebox {
  background-color: #0369ab;
}
#bus_rosen_rosenzu > dl > dt.departure .linebox {
  height: 50%;
  top: auto;
}
#bus_rosen_rosenzu > dl > dt.arrival .linebox {
  height: 50%;
  bottom: auto;
}
#bus_rosen_rosenzu > dl > dt.goff {
  background-color: rgba(153, 153, 153, 0.3) !important;
}
#bus_rosen_rosenzu > dl > dt.goo {
  background-color: transparent !important;
}
#bus_rosen_rosenzu > dl > dt.passing .busbox {
  visibility: hidden !important;
}
#bus_rosen_rosenzu > dl > dt.none {
  background-color: transparent !important;
}
#bus_rosen_rosenzu > dl > dt.none .busbox,
#bus_rosen_rosenzu > dl > dt.none .linebox {
  visibility: hidden !important;
}
#bus_rosen_rosenzu > dl.rosenzu_caption {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#bus_rosen_rosenzu > dl.rosenzu_caption:first-of-type {
  margin-bottom: 8px !important;
}
#bus_rosen_rosenzu > dl.rosenzu_caption:last-of-type {
  margin-top: 8px !important;
}
#bus_rosen_rosenzu > dl.rosenzu_caption > dt {
  line-height: 1;
  min-height: initial;
  padding: 0.5em 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  font-weight: bold;
  color: #ffffff;
}
#bus_rosen_rosenzu > dl.rosenzu_caption .shu01 {
  background-color: #119933;
}
#bus_rosen_rosenzu > dl.rosenzu_caption .shu02 {
  background-color: #ffa60d;
}
#bus_rosen_rosenzu > dl.rosenzu_caption .shu03 {
  background-color: #2293f7;
}
#bus_rosen_rosenzu > dl.rosenzu_caption .shu04 {
  background-color: #FA8483;
}
#bus_rosen_rosenzu > dl.rosenzu_caption .shu05 {
  background-color: #55CBBD;
}
#bus_rosen_rosenzu > dl.rosenzu_caption .shu06 {
  background-color: #B152CA;
}
#bus_rosen_rosenzu > dl.rosenzu_caption .shu07 {
  background-color: #d2af22;
}
#bus_rosen_rosenzu > dl.rosenzu_caption .shu99 {
  background-color: #999999;
}
#bus_rosen_rosenzu > dl.rosenzu_caption .pb {
  background-color: #0369ab;
}

#bus_rosen_aboutbus h4 {
  font-size: 1em;
  margin-bottom: 5px !important;
}
#bus_rosen_aboutbus h4 .businfo_shu {
  padding: 0 5px;
}
#bus_rosen_aboutbus h4 .businfo_shu_binsu {
  font-weight: normal;
  color: #333333;
  font-size: 0.8em;
}
#bus_rosen_aboutbus h4 .businfo_shu_binsu::before {
  content: "（";
}
#bus_rosen_aboutbus h4 .businfo_shu_binsu::after {
  content: "）";
}
@media screen and (max-width: 600px) {
  #bus_rosen_aboutbus h4 .businfo_shu_binsu {
    display: block;
  }
}
@media screen and (min-width: 800px) {
  #bus_rosen_aboutbus figure > table td.rosen_route {
    width: 100%;
  }
  #bus_rosen_aboutbus figure > table td:not(.rosen_route) {
    white-space: nowrap;
  }
}
@media screen and (max-width: 799px) {
  #bus_rosen_aboutbus figure > table {
    display: block;
    width: 100%;
    border: 1px solid #d0d0d0;
  }
  #bus_rosen_aboutbus figure > table thead, #bus_rosen_aboutbus figure > table tbody, #bus_rosen_aboutbus figure > table caption, #bus_rosen_aboutbus figure > table tr, #bus_rosen_aboutbus figure > table th, #bus_rosen_aboutbus figure > table td {
    display: block;
    width: 100%;
    border: 0;
  }
  #bus_rosen_aboutbus figure > table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    gap: 0;
  }
  #bus_rosen_aboutbus figure > table td.rosen_route {
    background-color: #f1f1e8;
  }
  #bus_rosen_aboutbus figure > table td:not(.rosen_route) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 50%;
  }
}
@media screen and (max-width: 600px) {
  #bus_rosen_aboutbus figure > table td:not(.rosen_route) {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    min-width: 100%;
  }
  #bus_rosen_aboutbus figure > table td:not(.rosen_route) + td {
    padding-top: 0;
  }
}