@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* medium: 500, bold: 700, black: 900 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* ------------------------------------------------------------------------*/
/* 観光
---------------------------------------------------------------------------*/
/* pg-intr - 導入
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .pg-intr-ttl {
    display: block;
  }
  .pg-intr-ttl .hdl-en + .hdl-ja {
    margin-top: 2.6666666667vw;
    margin-left: 0;
  }
}

/* sigh-time - 所要時間
---------------------------------------------------------------------------*/
.sigh-time {
  position: relative;
  padding-left: 36px;
  margin: 0.5em 0;
}
@media screen and (max-width: 1300px) {
  .sigh-time {
    padding-left: 2.7692307692vw;
  }
}
@media screen and (max-width: 480px) {
  .sigh-time {
    padding-left: 6.1333333333vw;
  }
  .sigh-time .desc {
    line-height: 2.8;
  }
}
.sigh-time::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 26px;
  height: 26px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1300px) {
  .sigh-time::before {
    width: 2vw;
    height: 2vw;
  }
}
@media screen and (max-width: 480px) {
  .sigh-time::before {
    width: 4.5333333333vw;
    height: 4.5333333333vw;
  }
}
.sigh-time.walk::before {
  background-image: url(../img/sightseeing/icon-walk.png);
}
.sigh-time.car::before {
  background-image: url(../img/sightseeing/icon-car.png);
}

/* sigh-btns - スポットボタン
---------------------------------------------------------------------------*/
.sigh-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* sigh-spots - スポット固有
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .sigh-spots .pg-col2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sigh-spots .pg-col2 li {
    width: 100%;
  }
}
.sigh-spots .pg-col3 {
  gap: 120px 36px;
}
@media screen and (max-width: 1300px) {
  .sigh-spots .pg-col3 {
    gap: 9.2307692308vw 2.7692307692vw;
  }
}
@media screen and (max-width: 480px) {
  .sigh-spots .pg-col3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16vw 0;
  }
  .sigh-spots .pg-col3 li {
    width: 100%;
  }
}
.sigh-spots .pg-col3 .hdl-ja {
  line-height: 2.3;
}
@media screen and (min-width: 481px) {
  .sigh-spots .pg-col3 .btn-more {
    padding-right: 50px;
  }
}
@media screen and (min-width: 481px) and (max-width: 1300px) {
  .sigh-spots .pg-col3 .btn-more {
    padding-right: 3.8461538462vw;
  }
}
@media screen and (max-width: 480px) {
  .sigh-spots .btn-more {
    padding-right: 14vw;
  }
}