@charset "UTF-8";

/* =========================================================
access
========================================================= */
.flexBox {
  display: flex;
  justify-content: space-between;
  margin: 50px 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .flexBox {
    display: block;
    margin: 30px 0;
  }
}

@media (max-width: 1024px) {
  .flexBox {
    display: block;
    margin: 30px 0;
  }
}

.flexBox>* {
  width: 48%;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .flexBox>* {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .flexBox>* {
    width: 100%;
  }
}

/* =========================================================
  route
  ========================================================= */
.route .wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.route .bgWhite {
  background: #fff;
  padding: 50px 77px;
}

@media (max-width: 1024px) {
  .route .bgWhite {
    padding: 30px 13px;
  }
}

.route h2.secTitle02 {
  background: #fff;
  text-align: center;
  padding: 22px 0;
  margin-bottom: 40px;
}

@media (max-width: 1024px) {
  .route h2.secTitle02 {
    margin-bottom: 20px;
  }
}

.route h3.secTitle02 {
  margin-bottom: 25px;
}

@media (max-width: 1024px) {
  .route h3.secTitle02 {
    margin-bottom: 15px;
  }
}

.route hr {
  background: #cacaca;
  margin-top: 35px;
}

.route hr+h3.secTitle02 {
  margin-top: 40px;
}

@media (max-width: 1024px) {
  .route hr+h3.secTitle02 {
    margin-top: 20px;
  }
}

.route .toTop {
  margin-bottom: 40px;
  margin-top: -35px;
}

@media (max-width: 1024px) {
  .route .toTop {
    margin-top: 15px;
    padding-top: initial;
    margin-bottom: 10px;
  }
}

.route .toTop.mt0 {
  margin-top: 0;
}

.route .tabArea.pageTop ul {
  margin-bottom: 50px;
}

@media (max-width: 1024px) {
  .route .tabArea.pageTop ul {
    margin-bottom: 30px;
  }
}

.route p.information {
  background: #eee9dc;
  color: #a9884a;
  font-size: 1.5rem;
  text-align: center;
  padding: 21px 0;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}

@media (max-width: 1024px) {
  .route p.information {
    padding: 10px 5px;
  }
}

.route div.information {
  background: #eee9dc;
  padding: 21px 0;
  text-align: center;
}

@media (max-width: 1024px) {
  .route div.information {
    padding: 10px 0;
  }
}

.route div.information h4 {
  color: #a9884a;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.5rem;
  margin-bottom: 15px;
}

@media (max-width: 1024px) {
  .route div.information h4 {
    margin-bottom: 10px;
  }
}

@media (max-width: 1024px) {
  .route div.information img {
    width: 96%;
  }
}

.route .routeList+.image {
  margin-top: 35px;
}

@media (max-width: 1024px) {
  .route .routeList+.image {
    margin-top: 0;
  }
}

.route .bgGold {
  padding: 24px 40px;
  background: #f7f4ed;
  margin-top: 30px;
}

@media (max-width: 1024px) {
  .route .bgGold {
    padding: 15px;
    margin-top: 15px;
  }
}

.route .bgGold strong {
  color: #142335;
}

.route .bgGold ul {
  display: flex;
}

@media (max-width: 1024px) {
  .route .bgGold ul {
    display: block;
  }
}

.route .bgGold ul li {
  margin-right: 1.5rem;
}

@media (max-width: 1024px) {
  .route .bgGold ul li {
    margin-right: 0;
  }
}

.route a svg:not([class]) {
  fill: #666666;
  width: 15px;
  height: 15px;
}

.route small {
  font-size: 1.5rem;
}

@media (max-width: 1024px) {
  .route small {
    font-size: 1.2rem;
  }
}

.route .image {
  margin: 0 0 45px;
}

@media (max-width: 1024px) {
  .route .image {
    margin-bottom: 25px;
  }
}

@media (max-width: 1024px) {
  .route .image+h3 {
    margin-top: 0;
  }
}

.routeList {
  overflow: hidden;
}

.routeList dt {
  clear: both;
  float: left;
  font-weight: bold;
  color: #142335;
  text-transform: capitalize;
}

@media (max-width: 1024px) {
  .routeList dt {
    margin-bottom: 1em;
  }
}

.routeList dd {
  float: left;
}

@media (max-width: 1024px) {
  .routeList dd {
    margin-bottom: 1em;
  }
}

@media (max-width: 1024px) {
  .routeList dd li {
    text-indent: -1em;
    margin-left: 1em;
  }
}

@media (max-width: 1024px) {
  .routeList dd li+li {
    margin-top: 0.5em;
  }
}

.routeList+p:not([class]) {
  margin-top: 20px;
}

.routeList.parkingList dt,
.routeList.parkingList dd {
  float: none;
  margin-bottom: 0;
}

.routeList.parkingList dt li,
.routeList.parkingList dd li {
  text-indent: 0;
  margin-left: 0;
}

@media (max-width: 1024px) {
  .routeList.airlineList dt {
    width: 4em;
  }

  .routeList.airlineList dd {
    width: calc(100% - 4em);
  }
}

@media (max-width: 1024px) {
  .routeList.trainList dt {
    width: 3em;
  }

  .routeList.trainList dd {
    width: calc(100% - 3em);
  }
}

@media (max-width: 1024px) {
  .routeList.carList dt {
    width: 13.5em;
  }

  .routeList.carList dd {
    width: calc(100% - 13.5em);
  }
}

.route .table02 {
  width: 100%;
  text-align: center;
  margin: 35px 0 25px;
}

@media (max-width: 1024px) {
  .route .table02 {
    margin: 20px 0 10px;
  }
}

.route .table02 th,
.route .table02 td {
  border: 1px solid #cacaca;
  padding: 12px 0;
  width: 25%;
}

@media (max-width: 1024px) {

  .route .table02 th,
  .route .table02 td {
    padding: 10px;
  }
}

.route .table02 th {
  background: #f3eee4;
}

@media (min-width: 990px) {

  .route .table02+table th,
  .route .table02+table td {
    border-left: none;
  }
}

.route .table02 thead th {
  background: #ab8d4b;
  color: #fff;
}

.route .table02 thead th:first-of-type {
  text-transform: capitalize;
}

/* =========================================================
多言語
  ========================================================= */
body.lang_es .tabArea.pageTop ul li {
  width: 16%;
  min-width: 200px;
}

@media (max-width: 1024px) {
  body.lang_es .tabArea.pageTop ul li {
    width: 100%;
    min-width: auto;
  }
}

body.lang_es .tabArea.pageTop ul li:last-of-type {
  width: 370px;
}

@media (max-width: 1024px) {
  body.lang_es .tabArea.pageTop ul li:last-of-type {
    width: 100%;
  }
}

@media (max-width: 1024px) {

  body.lang_fr .tabArea.pageTop ul li,
  body.lang_de .tabArea.pageTop ul li,
  body.lang_vi .tabArea.pageTop ul li,
  body.lang_it .tabArea.pageTop ul li,
  body.lang_ms .tabArea.pageTop ul li,
  body.lang_id .tabArea.pageTop ul li,
  body.lang_ar .tabArea.pageTop ul li,
  body.lang_ru .tabArea.pageTop ul li {
    width: 100% !important;
    min-width: auto;
  }
}

@media (max-width: 1024px) {

  body.lang_en .routeList.airlineList dt,
  body.lang_en .routeList.trainList dt,
  body.lang_ko .routeList.airlineList dt,
  body.lang_ko .routeList.trainList dt,
  body.lang_fr .routeList.airlineList dt,
  body.lang_fr .routeList.trainList dt,
  body.lang_de .routeList.airlineList dt,
  body.lang_de .routeList.trainList dt,
  body.lang_es .routeList.airlineList dt,
  body.lang_es .routeList.trainList dt,
  body.lang_th .routeList.airlineList dt,
  body.lang_th .routeList.trainList dt,
  body.lang_vi .routeList.airlineList dt,
  body.lang_vi .routeList.trainList dt,
  body.lang_it .routeList.airlineList dt,
  body.lang_it .routeList.trainList dt,
  body.lang_ms .routeList.airlineList dt,
  body.lang_ms .routeList.trainList dt,
  body.lang_id .routeList.airlineList dt,
  body.lang_id .routeList.trainList dt,
  body.lang_ar .routeList.airlineList dt,
  body.lang_ar .routeList.trainList dt {
    width: 5.5em;
    text-transform: capitalize;
  }
}

@media (max-width: 1024px) {

  body.lang_en .routeList.airlineList dd,
  body.lang_en .routeList.trainList dd,
  body.lang_ko .routeList.airlineList dd,
  body.lang_ko .routeList.trainList dd,
  body.lang_fr .routeList.airlineList dd,
  body.lang_fr .routeList.trainList dd,
  body.lang_de .routeList.airlineList dd,
  body.lang_de .routeList.trainList dd,
  body.lang_es .routeList.airlineList dd,
  body.lang_es .routeList.trainList dd,
  body.lang_th .routeList.airlineList dd,
  body.lang_th .routeList.trainList dd,
  body.lang_vi .routeList.airlineList dd,
  body.lang_vi .routeList.trainList dd,
  body.lang_it .routeList.airlineList dd,
  body.lang_it .routeList.trainList dd,
  body.lang_ms .routeList.airlineList dd,
  body.lang_ms .routeList.trainList dd,
  body.lang_id .routeList.airlineList dd,
  body.lang_id .routeList.trainList dd,
  body.lang_ar .routeList.airlineList dd,
  body.lang_ar .routeList.trainList dd {
    width: calc(100% - 5.5em);
  }
}

@media (max-width: 1024px) {

  body.lang_ru .routeList.airlineList dt,
  body.lang_ru .routeList.trainList dt {
    width: 9em;
  }

  body.lang_ru .routeList.airlineList dd,
  body.lang_ru .routeList.trainList dd {
    width: calc(100% - 9em);
  }
}

body.lang_en .route .toTop,
body.lang_fr .route .toTop,
body.lang_de .route .toTop,
body.lang_es .route .toTop,
body.lang_th .route .toTop,
body.lang_vi .route .toTop,
body.lang_it .route .toTop,
body.lang_ms .route .toTop,
body.lang_id .route .toTop,
body.lang_ar .route .toTop,
body.lang_ru .route .toTop {
  margin-top: 0;
}

body.lang_ru .tabArea.pageTop ul li a {
  height: 66px;
  display: flex;
  align-items: center;
}

@media (max-width: 1024px) {
  body.lang_ru .tabArea.pageTop ul li a {
    height: initial;
  }
}

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