@charset "UTF-8";
.serach {
  margin: 0 0 35px;
}

.lineTitleWrap {
  background-color: #f5f5f5;
  border-left: 4px solid #3fa9f5;
  padding: 20px;
  margin: 0 0 16px;
}

.lineTitle {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.main[data-direction="2"] .lineTitle {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.lineTitleArrow {
  font-size: 2rem;
  line-height: 1.2;
  display: block;
}
.main:not([data-direction="2"]) .lineTitleArrow:not(:last-of-type) {
  display: flex;
  align-items: center;
}
.main:not([data-direction="2"]) .lineTitleArrow:not(:last-of-type)::after {
  content: "";
  width: 20px;
  aspect-ratio: 32/17;
  background-image: url(../images/title-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 12px;
  flex-shrink: 0;
}
.main[data-direction="2"] .lineTitleArrow:not(:first-of-type) {
  display: flex;
  align-items: center;
}
.main[data-direction="2"] .lineTitleArrow:not(:first-of-type)::after {
  content: "";
  width: 20px;
  aspect-ratio: 32/17;
  background-image: url(../images/title-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 12px;
  flex-shrink: 0;
}

.lineTitleDate {
  margin: 15px 0 0;
  gap: 18px;
}

.lineTitleDateTitle {
  background-color: #3fa9f5;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.4;
  padding: 4px 10px;
  font-weight: bold;
  width: fit-content;
  margin: 0 0 10px;
}

.lineTitleDateDetail {
  font-weight: bold;
}

.iconListWrap {
  margin: 0 0 40px;
}
.iconListWrap .iconList {
  margin: 0 0 20px;
}
.iconListWrap p {
  font-size: 90%;
}

.iconList {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 40px;
}

.iconListPic {
  display: block;
  width: 45px;
  margin: 0 auto;
}

.iconListCaption {
  font-size: 1.2rem;
  display: block;
  text-align: center;
  white-space: nowrap;
  margin: 5px 0 0;
}

.stairsTableWrap {
  white-space: nowrap;
  overflow: auto;
}

.stairsTableHead {
  border: 1px solid #c8c8c8;
  background-color: #f5f5f5;
  text-align: center;
  line-height: 1.59375;
  padding: 10px;
}

.stairsTableDetail {
  border: 1px solid #c8c8c8;
  text-align: center;
  line-height: 1.59375;
  padding: 10px;
}

.ticketTableWrap {
  white-space: nowrap;
  overflow: auto;
}

.ticketTable {
  max-width: 564px;
  width: 100%;
}

.ticketTableWide {
  width: 100%;
}

.ticketTableHead {
  border: 1px solid #c8c8c8;
  background-color: #f5f5f5;
  text-align: center;
  line-height: 1.59375;
  padding: 10px;
}

.ticketTableDetail {
  border: 1px solid #c8c8c8;
  text-align: center;
  line-height: 1.59375;
  padding: 10px;
}

.ticketTableDetailLeft {
  border: 1px solid #c8c8c8;
  line-height: 1.59375;
  padding: 10px;
}

.wideTableWrap {
  overflow: auto;
  white-space: nowrap;
}

.wideTable {
  width: 100%;
}

.wideTableHead {
  border: 1px solid #c8c8c8;
  background-color: #f5f5f5;
  text-align: center;
  line-height: 1.59375;
  padding: 10px;
}

.wideTableHeadLeft {
  border: 1px solid #c8c8c8;
  background-color: #f5f5f5;
  line-height: 1.59375;
  padding: 10px;
}

.wideTableDetail {
  border: 1px solid #c8c8c8;
  text-align: center;
  line-height: 1.59375;
  padding: 10px;
}

.cashless {
  background-color: #5ab1f0;
  border-radius: 10px;
  padding: 20px;
  display: grid;
  gap: 27px;
  align-items: flex-end;
  margin: 0 0 15px;
}

.cashlessTitle {
  margin: 0 0 20px;
  width: 80%;
}

.cashlessIcon:not(:last-of-type) {
  margin: 0 0 11px;
}

.cashlessIconTitle {
  background-color: #dcf0ff;
  padding: 5px 14px;
  font-weight: bold;
}

.cashlessIconDetail {
  background-color: #fff;
  padding: 12px 16px;
}

.cashlessIconPic {
  max-width: 584px;
}

.redKome {
  color: #d71e1e;
  display: flex;
  align-items: baseline;
  margin: 10px 0 0;
}
.redKome::before {
  content: "※";
  flex-shrink: 0;
}

.komeList {
  margin: 10px 0 0;
}

.komeListItem {
  display: flex;
  align-items: baseline;
}
.komeListItem::before {
  content: "※";
  flex-shrink: 0;
  margin: 0 5px 0 0;
}

.required {
  display: grid;
  border: 1px solid #c8c8c8;
  margin: 0 0 20px;
}

.requiredTitle {
  background-color: #3fa9f5;
  color: #fff;
  text-align: center;
  padding: 15px 5px;
  line-height: 1.59375;
  display: flex;
  align-items: center;
  justify-content: center;
}

.requiredDetail {
  line-height: 1.59375;
  padding: 15px;
  text-align: center;
}

.requiredTableHead {
  padding: 0 20px 0 0;
  font-weight: normal;
}

:where(.main[data-direction="1"] .timeWrap[data-tag-panel=go]) {
  display: block;
}
:where(.main[data-direction="1"] .timeWrap[data-tag-panel=back]) {
  display: none;
}
:where(.main[data-direction="2"] .timeWrap[data-tag-panel=go]) {
  display: none;
}
:where(.main[data-direction="2"] .timeWrap[data-tag-panel=back]) {
  display: block;
}
.timeWrap[data-tag-panel=go][aria-hidden=false] {
  display: block;
}
.timeWrap[data-tag-panel=go][aria-hidden=true] {
  display: none;
}
.timeWrap[data-tag-panel=back][aria-hidden=false] {
  display: block;
}
.timeWrap[data-tag-panel=back][aria-hidden=true] {
  display: none;
}

.timeCorona {
  background-color: #fff2f2;
  padding: 20px;
  margin: 0 0 20px;
}

.timeCoronaText {
  color: #d71e1e;
}

.timeCoronaText + .timeCoronaIcon {
  margin: 20px 0 0;
}

.timeCoronaIcon {
  display: flex;
  gap: 10px 60px;
  flex-wrap: wrap;
}

.timeCoronaIconItem {
  display: flex;
  align-items: center;
  gap: 10px;
}
.timeCoronaIconItem::before {
  content: "";
  width: 25px;
  height: 25px;
}
.timeCoronaIconItem[data-color="1"]::before {
  background-color: #ffadad;
}
.timeCoronaIconItem[data-color="2"]::before {
  background-color: #e4c2ff;
}
.timeCoronaIconItem[data-color="3"]::before {
  background-color: #ffebb1;
}
.timeCoronaIconItem[data-color="4"]::before {
  background-color: #e0ffd9;
}
.timeCoronaIconItem[data-color="5"]::before {
  background-color: #faffbb;
}

.timeIcon {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 60px;
}

.timeIconItem {
  display: flex;
  align-items: center;
  gap: 10px;
}
.timeIconItem::before {
  content: "";
  width: 25px;
  height: 25px;
}
.timeIconItem[data-color="1"]::before {
  background-color: #ffadad;
}
.timeIconItem[data-color="2"]::before {
  background-color: #e4c2ff;
}
.timeIconItem[data-color="3"]::before {
  background-color: #ffebb1;
}
.timeIconItem[data-color="4"]::before {
  background-color: #e0ffd9;
}
.timeIconItem[data-color="5"]::before {
  background-color: #faffbb;
}

.timeTableSelectWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  border-bottom: 5px solid;
  margin: 0 0 20px;
}
.timeTableSelectWrap:has(.timeTableSelectBtn[data-normal][aria-selected=true]) {
  border-color: #3FA9F5;
}
.timeTableSelectWrap:has(.timeTableSelectBtn[data-holiday][aria-selected=true]) {
  border-color: #F27062;
}

.timeTableSelectBtn {
  background-color: #F5F5F5;
  font-size: 1.6rem;
  width: 100%;
  padding: 10px;
  line-height: 1.25;
  font-weight: bold;
  border: 0;
  color: #A0A0A0;
}
.timeTableSelectBtn[data-normal][aria-selected=true] {
  background-color: #3FA9F5;
  color: #fff;
}
.timeTableSelectBtn[data-holiday][aria-selected=true] {
  background-color: #F27062;
  color: #fff;
}

.timeTableDirectBtn {
  background-color: #083E8E;
  width: fit-content;
  display: flex;
  align-items: center;
  color: #fff;
  border: 0;
  border-radius: 100px;
  padding: 10px 20px;
  box-shadow: 0 7px 0 0 #012458;
  margin: 0 0 25px;
}
.timeTableDirectBtn::before {
  content: "";
  width: 16px;
  aspect-ratio: 1/1;
  background-image: url(../images/direct-change.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 10px 0 0;
}

.timeTableWrap {
  white-space: nowrap;
  overflow-x: auto;
  padding: 0 0 20px;
}
.timeTableWrap[aria-hidden=true] {
  display: none;
}
.timeTableWrap::-webkit-scrollbar {
  height: 11px;
}
.timeTableWrap::-webkit-scrollbar-track {
  height: 11px;
  background-color: #e8e8e8;
}
.timeTableWrap::-webkit-scrollbar-thumb {
  background-color: #b3b3b3;
}

.timeTable {
  margin: 0 auto;
}

.timeTableRow[data-color="1"] {
  background-color: #ffadad;
}
.timeTableRow[data-color="2"] {
  background-color: #e4c2ff;
}
.timeTableRow[data-color="3"] {
  background-color: #ffebb1;
}
.timeTableRow[data-color="4"] {
  background-color: #e0ffd9;
}
.timeTableRow[data-color="5"] {
  background-color: #faffbb;
}
.timeTableRow[data-through] .timeTableDetail {
  text-decoration: line-through;
}

.timeTableStop {
  border: 1px solid #c8c8c8;
  text-align: center;
  padding: 15px 10px;
  font-weight: normal;
  background-color: #f5f5f5;
}
.timeTableStop span:not(.upright) {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  vertical-align: middle;
}

.upright {
  text-orientation: upright;
}

.timeTableDetail {
  border: 1px solid #c8c8c8;
  padding: 10px;
  text-align: center;
  font-size: 1.4rem;
}
.timeTableDetail[data-color="1"] {
  background-color: #ffadad;
}
.timeTableDetail[data-color="2"] {
  background-color: #e4c2ff;
}
.timeTableDetail[data-color="3"] {
  background-color: #ffebb1;
}
.timeTableDetail[data-color="4"] {
  background-color: #e0ffd9;
}
.timeTableDetail[data-color="5"] {
  background-color: #faffbb;
}
.timeTableDetail[data-through] {
  text-decoration: line-through;
}

.timeTableLineCalenderItem:before {
  content: "";
  background-image: url(../images/calender.svg);
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.timeBtn {
  margin: 60px 0 0;
}

.timeBtnItem:not(:last-of-type) {
  margin: 0 0 18px;
}

.timeBtnPdf {
  display: flex;
  width: fit-content;
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 15px 30px 15px 20px;
  text-decoration: none;
  color: inherit;
  align-items: center;
}
.timeBtnPdf::before {
  content: "";
  width: 24px;
  aspect-ratio: 1/1;
  background-image: url(../../../images/pdf.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 15px 0 0;
}

.timeBtnOuter {
  display: flex;
  width: fit-content;
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 15px 30px 15px 20px;
  text-decoration: none;
  color: inherit;
  align-items: center;
}
.timeBtnOuter::before {
  content: "";
  width: 24px;
  aspect-ratio: 1/1;
  background-image: url(../images/time-outer.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 15px 0 0;
}

.wayList {
  counter-reset: wayList;
}

.wayListItem {
  display: flex;
  align-items: baseline;
}
.wayListItem::before {
  content: "(" counter(wayList) ")";
  counter-increment: wayList;
  flex-shrink: 0;
  margin: 0 5px 0 0;
}

.storeTableWrap {
  white-space: nowrap;
  overflow: auto;
}

.storeTableHead {
  text-align: center;
  line-height: 1.59375;
  padding: 10px;
  background-color: #f5f5f5;
  border: 1px solid #c8c8c8;
}

.storeTableHeadLeft {
  font-weight: normal;
  line-height: 1.59375;
  padding: 10px;
  background-color: #f5f5f5;
  border: 1px solid #c8c8c8;
}

.storeTableDetail {
  padding: 5px;
  border: 1px solid #c8c8c8;
  text-align: center;
  width: 122px;
}

.storeTableDetailOk {
  display: inline-block;
  width: 28px;
  aspect-ratio: 1/1;
  border: 6px solid #65bfff;
  border-radius: 50%;
  vertical-align: middle;
}

.reserveOk {
  background-color: #c8f8ce;
  display: flex;
  align-items: center;
  padding: 10px;
  margin: 0 0 20px;
}
.reserveOk::before {
  content: "";
  width: 20px;
  aspect-ratio: 1/1;
  border: 3px solid #28a838;
  border-radius: 50%;
  margin: 0 10px 0 0;
}

.reserveOkMain {
  font-size: 1.8rem;
  margin: 0 10px 0 0;
  line-height: 1.3043;
}

.reserveOkSub {
  font-size: 1.6rem;
}

.reserveBtWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.reserveBtn {
  font-size: 1.3rem;
  color: #757575;
  background-color: #d9d9d9;
  border: 0;
  padding: 10px;
  font-weight: bold;
  line-height: 1.2;
}
.reserveBtn[aria-selected=true] {
  background-color: #3fa9f5;
  color: #fff;
}

.reservePanel {
  border: 5px solid #3fa9f5;
  padding: 20px;
  counter-reset: reservePanel;
}
.reservePanel[aria-hidden=true] {
  display: none;
}

.reservePanelTitle {
  background-color: #dcf0ff;
  display: flex;
  line-height: 1.5;
  font-size: 1.6rem;
  align-items: center;
  margin: 0 0 20px;
}
.reservePanelTitle::before {
  content: counter(reservePanel);
  counter-increment: reservePanel;
  width: 35px;
  min-height: 35px;
  background-color: #3fa9f5;
  margin: 0 10px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  align-self: stretch;
  flex-shrink: 0;
}

span.reservePanelTitleText {
  padding: 8px 0;
}

.reserveWayItem {
  border: 1px solid #083e8e;
  padding: 15px;
}
.reserveWayItem:not(:last-of-type) {
  margin: 0 0 16px;
}

.reserveWayButton {
  border: 0;
  background-color: transparent;
  text-align: left;
  width: 100%;
  position: relative;
  padding: 0 60px 0 0;
}
.reserveWayButton::after {
  content: "";
  width: 45px;
  aspect-ratio: 1/1;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/reserve-plus.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.reserveWayButton[aria-expanded=true]::after {
  background-image: url(../images/reserve-minus.svg);
}

.reserveWayTitleSub {
  background-color: #083e8e;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.1;
  padding: 1px 1px;
  padding: 4px 18px 3px;
  margin: 0 0 5px;
  display: block;
  width: fit-content;
}

.reserveWayTitleMain {
  font-size: 1.5rem;
  color: #083e8e;
  line-height: 1.66667;
}

.reverseWayPanel {
  transition: height 0.25s ease-in-out;
  overflow: clip;
  height: 0;
}

.reserveWayBody {
  padding: 20px 0 0;
}

.reserveNo {
  background-color: #ffe2e2;
  display: flex;
  align-items: center;
  padding: 10px;
  margin: 0 0 20px;
}
.reserveNo::before {
  content: "";
  width: 21px;
  aspect-ratio: 1/1;
  margin: 0 12px 0 0;
  background-image: url(../images/reserve-no.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.reserveNoMain {
  font-size: 1.8rem;
  margin: 0 10px 0 0;
  line-height: 1.3043;
}

.reserveNoSub {
  font-size: 1.6rem;
}

.boldTitle {
  font-size: inherit;
  margin: 0 0 4px;
}

.priceRed {
  color: #d71e1e;
  display: flex;
  align-items: baseline;
  margin: 0 0 20px;
  font-weight: bold;
}
.priceRed::before {
  content: "※";
  flex-shrink: 0;
}

.abcTableWrap {
  white-space: nowrap;
  overflow: auto;
}

.abcTable {
  width: 100%;
}

.abcTableHead {
  text-align: center;
  line-height: 1.59375;
  padding: 10px;
  background-color: #f5f5f5;
  border: 1px solid #c8c8c8;
}

.abcTableDetailLeft {
  line-height: 1.59375;
  padding: 10px 18px;
  border: 1px solid #c8c8c8;
}

.abcTableDetailColor {
  line-height: 1.59375;
  padding: 10px 18px;
  border: 1px solid #c8c8c8;
  text-align: center;
  color: #fff;
}
.abcTableDetailColor[data-color=A] {
  background-color: #f27062;
}
.abcTableDetailColor[data-color=B] {
  background-color: #f6c73e;
}
.abcTableDetailColor[data-color=C] {
  background-color: #871ab5;
}
.abcTableDetailColor[data-color=D] {
  background-color: #1a93b6;
}

.abcTableDetail {
  line-height: 1.59375;
  padding: 10px 18px;
  border: 1px solid #c8c8c8;
  text-align: center;
}

.calendarWrap {
  background-color: #f5f5f5;
}

.calendarTitle {
  background-color: #3fa9f5;
  color: #fff;
  text-align: center;
  line-height: 1.30435;
  padding: 10px;
  font-size: 1.6rem;
}

.calendarBox {
  max-width: 1034px;
  display: grid;
  gap: 30px;
  padding: 15px;
  margin-inline: auto;
}

.calendarMonth {
  line-height: 1.1;
  font-size: 1.6rem;
  text-align: center;
  margin: 0 0 20px;
}

.calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1px;
  background-color: #fff;
}

.calendarWeek {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background-color: #ebebeb;
}
.calendarWeek[data-week=sun] {
  color: #d71e1e;
}
.calendarWeek[data-week=sat] {
  color: #3fa9f5;
}

.calendarDay {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  color: #fff;
}
.calendarDay[data-day=A] {
  background-color: #f27062;
}
.calendarDay[data-day=B] {
  background-color: #f6c73e;
}
.calendarDay[data-day=C] {
  background-color: #871ab5;
}
.calendarDay[data-day=D] {
  background-color: #1a93b6;
}
.calendarDay[data-day="1"] {
  background-color: #f27062;
}
.calendarDay[data-day="2"] {
  background-color: #f6c73e;
}
.calendarDay[data-day="3"] {
  background-color: #871ab5;
}
.calendarDay[data-day="4"] {
  background-color: #1a93b6;
}

.busyTitle {
  color: #fff;
  text-align: center;
  line-height: 1.30435;
  padding: 10px;
  font-size: 1.6rem;
}
.busyTitle[data-color=A] {
  background-color: #f27062;
}
.busyTitle[data-color=B] {
  background-color: #f6c73e;
}
.busyTitle[data-color=D] {
  background-color: #1a93b6;
}

.busStopList {
  border-bottom: 1px dashed #C8C8C8;
  display: flex;
  gap: 15px 45px;
  flex-wrap: wrap;
  padding-bottom: 30px;
}

.busStopListItemLink {
  background-color: #F3F3F3;
  border: 1px solid #CDCDCD;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: inherit;
  font-size: 1.4rem;
  text-decoration: none;
  min-width: 320px;
  padding: 1em;
  position: relative;
}
.busStopListItemLink:after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid 3px #3FA9F5;
  border-right: solid 3px #3FA9F5;
  transform: rotate(45deg);
}

.expressContact {
  background-color: #F5F5F5;
  padding: 20px;
}

.expressContactTitle {
  color: #3FA9F5;
  font-size: 1.8rem;
  font-weight: bold;
}

.expressContactTel {
  font-weight: bold;
}

.expressContactTelLink {
  color: inherit;
  font-size: 1.6rem;
  text-decoration: none;
}

.jointOperationTitle span {
  background-color: #3FA9F5;
  color: #fff;
  font-weight: bold;
  padding: 10px;
}

.jointOperationList {
  margin-left: 1em;
  list-style: disc;
}

.expressBusInfo {
  border: 1px solid #c8c8c8;
  width: fit-content;
  margin: 40px auto 0;
  padding: 1.5em;
}

.expressBusInfoLink {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  background-color: #f5f5f5;
  border-radius: 10px;
  margin: auto;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
  color: inherit;
  align-items: center;
}
.expressBusInfoLink[href$=".pdf"]:before {
  content: "";
  width: 24px;
  aspect-ratio: 1/1;
  background-image: url(../../../images/pdf.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.changeNews {
  background-color: #fff2f2;
  padding: 20px;
  margin: 0 0 20px;
}

.changeNewsText {
  color: #d71e1e;
  font-size: 1.8rem;
  font-weight: bold;
}

@media (min-width: 768px){
  .busStopList {
    padding-bottom: 40px;
  }
  .expressBusInfo {
    text-align: center;
    padding: 2em;
  }
  .changeNewsText {
    font-size: 2rem;
  }
}

@media (min-width: 960px){
  .serach {
    margin: 0 0 65px;
    min-height: 327px;
  }
  .lineTitleWrap {
    padding: 36px;
    border-left: 9px solid #3fa9f5;
  }
  .lineTitleArrow {
    font-size: 3.6rem;
  }
  .main:not([data-direction="2"]) .lineTitleArrow:not(:last-of-type)::after {
    width: 32px;
    margin: 0 24px;
  }
  .main[data-direction="2"] .lineTitleArrow:not(:first-of-type)::after {
    width: 32px;
    margin: 0 24px;
  }
  .lineTitleDate {
    margin: 30px 0 0;
    display: flex;
    align-items: center;
  }
  .lineTitleDateTitle {
    font-size: 1.5rem;
    margin: 0;
  }
  .iconListWrap {
    margin: 0 0 80px;
  }
  .iconList {
    gap: 12px;
    margin: 0 0 80px;
  }
  .iconListPic {
    width: 67px;
  }
  .stairsTableHead {
    padding: 12px;
    width: 180px;
  }
  .stairsTableDetail {
    padding: 12px;
    width: 180px;
  }
  .ticketTableHead {
    padding: 12px;
  }
  .ticketTableDetail {
    padding: 12px;
  }
  .ticketTableDetailLeft {
    padding: 12px 18px;
  }
  .wideTableHead {
    padding: 12px;
  }
  .wideTableHeadLeft {
    padding: 12px;
  }
  .wideTableDetail {
    padding: 12px;
  }
  .cashless {
    border-radius: 15px;
    padding: 37px;
    grid-template-columns: 647fr 440fr;
  }
  .cashlessTitle {
    margin: 0 0 42px;
    width: auto;
  }
  .required {
    grid-template-columns: 100px 1fr;
    max-width: 480px;
    margin: 0 0 30px;
  }
  .requiredDetail {
    text-align: left;
  }
  .timeCorona {
    padding: 30px;
    margin: 0 0 30px;
  }
  .timeCoronaIconItem::before {
    width: 50px;
    height: 28px;
  }
  .timeIconItem::before {
    width: 50px;
    height: 28px;
  }
  .timeTableSelectWrap {
    gap: 20px;
    border-width: 13px;
    margin: 0 0 33px;
  }
  .timeTableSelectBtn {
    padding: 20px;
    font-size: 2.4rem;
  }
  .timeTableDirectBtn {
    margin: 0 0 36px;
    padding: 13px 30px 13px 40px;
  }
  .timeTableDirectBtn::before {
    width: 23px;
    margin: 0 16px 0 0;
  }
  .timeTableStop {
    padding: 20px 20px 40px;
  }
  .reserveOk {
    padding: 18px 22px;
    margin: 0 0 30px;
  }
  .reserveOk::before {
    width: 33px;
    border: 6px solid #28a838;
  }
  .reserveOkMain {
    font-size: 2.3rem;
  }
  .reserveBtWrap {
    gap: 20px;
  }
  .reserveBtn {
    font-size: 2rem;
    padding: 23px 10px;
  }
  .reservePanel {
    border: 11px solid #3fa9f5;
    padding: 38px;
  }
  .reservePanelTitle {
    font-size: 2rem;
  }
  .reservePanelTitle::before {
    width: 52px;
    margin: 0 20px 0 0;
    min-height: 52px;
  }
  .reserveWayItem {
    padding: 16px 20px;
  }
  .reserveWayTitle {
    display: flex;
    align-items: center;
  }
  .reserveWayTitleSub {
    margin: 0 13px 0 0;
  }
  .reserveWayTitleMain {
    font-size: 1.8rem;
  }
  .reserveNo {
    padding: 18px 22px;
    margin: 0 0 30px;
  }
  .reserveNo::before {
    width: 31px;
  }
  .reserveNoMain {
    font-size: 2.3rem;
  }
  .calendarTitle {
    font-size: 2rem;
    padding: 20px;
  }
  .calendarBox {
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    padding: 60px 25px;
  }
  .calendarMonth {
    font-size: 2.4rem;
  }
  .calendarWeek {
    height: 60px;
  }
  .calendarDay {
    height: 60px;
  }
  .busyTitle {
    font-size: 2rem;
    padding: 20px;
  }
  .busStopListItemLink {
    min-width: 350px;
  }
  .expressContact {
    padding: 30px 20px;
  }
  .expressContactTitle {
    font-size: 2rem;
  }
  .expressContactTelLink {
    font-size: 2rem;
  }
  .changeNews {
    padding: 30px;
    margin: 0 0 30px;
  }
}

/*# sourceMappingURL=common.css.map*/