@media screen and (min-width: 1068px) {
  .main {
    padding: 0px 16vw;
  }
}
@media screen and (min-width: 880px) and (max-width: 1067px) {
  .main {
    padding: 0px 8vw;
  }
}
@media screen and (max-width: 879px) {
  .main {
    padding: 0px 5px;
  }
}
.main .sp-landing {
  width: 100%;
  max-height: 300px;
  overflow: hidden;
}
.main .sp-landing img {
  width: 100%;
}
.main .sp-menu .links {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #c0c0c0;
}
.main .sp-menu .links .link {
  display: block;
  text-align: center;
  width: 20%;
  padding: 12px 12px;
  text-decoration: none;
}
@media screen and (max-width: 879px) {
  .main .sp-menu .links .link {
    padding: 12px 6px;
    font-size: 0.8rem;
  }
}
.main .sp-menu .links .link:hover {
  color: #c0c0c0;
  transition: 0.3s;
}
.main .sp-menu .links .link.selected {
  background-color: #3b3b3b;
  color: white;
  cursor: default;
}

.time .comparison {
  border-collapse: collapse;
  border-spacing: 0px 5px;
}
.time .comparison th:first-child, .time .comparison td:first-child {
  width: 30%;
}
.time .comparison th:nth-child(2), .time .comparison td:nth-child(2) {
  width: 10%;
  min-width: 100px;
}
.time .comparison th, .time .comparison td {
  border: 1px solid #c0c0c0;
  padding: 5px 10px;
}
.time .comparison th {
  background-color: #c0c0c0;
}

.map .details {
  width: 100%;
}
.map .details img {
  width: 100%;
}

table {
  margin-left: 20px;
}
@media screen and (max-width: 879px) {
  table {
    margin-left: 0px;
  }
}
table.ticket th:first-child, table.ticket td:first-child {
  width: 30%;
}
table.ticket th:nth-child(2), table.ticket td:nth-child(2) {
  width: 10%;
  min-width: 100px;
}
table.tripcom-tickets.wly th:first-child, table.tripcom-tickets.wly td:first-child {
  width: 30%;
}
table.tripcom-tickets.wly th:nth-child(2), table.tripcom-tickets.wly td:nth-child(2) {
  width: 40%;
}
table.tripcom-tickets.tms th:first-child, table.tripcom-tickets.tms td:first-child {
  width: 30%;
}
table.tripcom-tickets.tms th:nth-child(2), table.tripcom-tickets.tms td:nth-child(2) {
  width: 20%;
}
table.taxi th:first-child, table.taxi td:first-child {
  width: 40%;
}
table.taxi th:nth-child(2), table.taxi td:nth-child(3) {
  width: 20%;
}/*# sourceMappingURL=area.css.map */