@charset "utf-8";
/* 「渡航再開：ベトナム」全国共通CSS（PCSP共通）【/theme/futuretravel/saikai/govietnam/配下全共通】 */
/**/
/* ↓ベト旅↓ */
#viettabi {
  margin-bottom: min(45vw / 7.5, 80px);
  --viettabi-main-color: #00adb2;
}
.viettabi__link {
  border: #8edee1 solid min(2vw / 7.5, 2px);
  border-top: none;
  background: #ccf3f5;
}
.link__button.viettabi__button {
  margin-top: 0;
}
.link__button.viettabi__button.is-more {
  padding-top: min(10vw / 7.5, 5px);
  display: grid;
}
.link__button.viettabi__button.is-tour {
  padding-top: min(36vw / 7.5, 26px);
}
.link__button.viettabi__button .link__button--item {
  background: #fff462;
  color: var(--viettabi-main-color);
  box-shadow: none;
}
.link__button.viettabi__button.is-more .link__button--item {
  font-size: min(24vw / 7.5, 24px);
  border-radius: 500px;
  border: var(--viettabi-main-color) solid min(2vw / 7.5, 2px);
}
.link__button.viettabi__button.is-tour .link__button--item {
  font-size: min(30vw / 7.5, 27px);
  max-width: 100%;
  min-height: auto;
  border-radius: 0;
  grid-template-columns: 1fr auto 1fr;
  text-indent: 0;
  padding-left: 0;
  padding-right: 0;
}
.link__button.viettabi__button .link__button--item::after {
  width: auto;
  height: auto;
  background: none;
}
.link__button.viettabi__button.is-more .link__button--item::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .5em 0 .5em .75em;
  border-color: transparent transparent transparent var(--viettabi-main-color);
}
.link__button.viettabi__button.is-tour .link__button--item[href^="#"]::before, .link__button.viettabi__button.is-tour .link__button--item[href^="#"]::after {
  content: "▼　▼　▼";
  transform: rotate(0);
  font-size: calc(18em / 27);
}
@media (min-width:861px) {
  #viettabi {
    margin-bottom: 110px;
  }
}
/* ↑ベト旅↑ */
/* == PC ========================== */
@media (min-width:861px) {
  /*★ ＝＝ headerArea ＝＝ ★*/
  /*★ MV ★*/
  #hisApp::before {
    background-image: url("../images/mv_photo_pc.jpg");
  }
  .mv__logo {
    background-image: url("../images/mv_logo_pc.png");
  }
  /*★ ＝＝ mainArea ＝＝ ★*/
  /*★ product ★*/
  .product__more--image-text {}
  #airhotel .product__more--image-text {
    height: 240px;
    background-image: url("../images/bnr_airhotel_pc.png");
  }
  #tour .product__more--image-text {
    height: 237px;
    background-image: url("../images/bnr_tour_pc.png");
  }
  /*★ ＝＝ footerArea ＝＝ ★*/
  /*★ search ★*/
  #search {
    background-image: url("../images/search_photo_pc.jpg");
  }
}
/**/
/* == SP ========================== */
@media (max-width:860px) {
  /*★ ＝＝ headerArea ＝＝ ★*/
  /*★ MV ★*/
  #hisApp::before {
    background-image: url("../images/mv_photo_sp.jpg");
  }
  .mv__logo {
    background-image: url("../images/mv_logo_sp.png");
  }
  /*★ ＝＝ mainArea ＝＝ ★*/
  /*★ product ★*/
  .product__more--image-text {
    height: calc(400vw / (750 / 100));
  }
  #airhotel .product__more--image-text {
    background-image: url("../images/bnr_airhotel_sp.png");
  }
  #tour .product__more--image-text {
    height: calc(253vw / (750 / 100));
    background-image: url("../images/bnr_tour_sp.png");
  }
}