@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/*@mixin font-go {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-style: normal;
}*/
/*@mixin font-hdl {
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-style: normal;
	font-weight: 600;
}*/
/* regular: 500 */
/* regular: 400 */
/*@mixin font-deco {
	font-family: "dnp-shuei-nmincho-std", sans-serif;
	font-weight: 400;
	font-style: normal;
}*/
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* padding margin */
/* 縦書き */
/* 内径 */
/* anchor */
@media screen and (min-width: 481px) {
  .pg-anchor ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; } }
/* intr */
.intr {
  position: relative;
  width: 100%;
  height: 728px; }
  @media screen and (max-width: 1300px) {
    .intr {
      height: 56vw; } }
  @media screen and (max-width: 480px) {
    .intr {
      height: auto;
      margin-bottom: 0 !important; } }
  .intr-bg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 2000px; }
    @media screen and (max-width: 1300px) {
      .intr-bg {
        width: 153.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .intr-bg {
        position: relative;
        left: auto;
        top: auto;
        transform: translateX(0);
        width: 100vw; }
        .intr-bg img {
          width: 100%;
          height: 110.1333333333vw;
          object-fit: cover;
          object-position: center;
          font-family: "object-fit: cover; object-position: center;"; } }
  .intr .wrap {
    position: relative;
    z-index: 10;
    height: 100%; }
    @media screen and (max-width: 480px) {
      .intr .wrap {
        width: 100vw; } }
  .intr-tx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 464px;
    height: 100%;
    padding: 0 90px;
    background-color: rgba(247, 247, 245, 0.7); }
    @media screen and (max-width: 1300px) {
      .intr-tx {
        width: 35.6923076923vw;
        padding: 0 6.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .intr-tx {
        width: 100%;
        height: auto;
        padding: 12.8vw 10.6666666667vw;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-image: url(../img/sightseeing/intr-tx-bg.jpg); }
        .intr-tx.gourmet {
          background-image: url(../img/sightseeing/intr-tx-bg-gourmet.jpg); }
        .intr-tx.experience {
          background-image: url(../img/sightseeing/intr-tx-bg-experience.jpg); }
        .intr-tx.event {
          background-image: url(../img/sightseeing/intr-tx-bg-event.jpg); }
        .intr-tx.widearea {
          background-image: url(../img/sightseeing/intr-tx-bg-widearea.jpg); }
        .intr-tx .pg-ttl.mb-w44 {
          font-size: 6.4vw;
          margin-bottom: 2.6vw !important; }
        .intr-tx .pg-ttl.noicon {
          font-size: 5.3333333333vw;
          margin-bottom: 4.6vw !important; }
        .intr-tx .pg-desc {
          letter-spacing: 0.06em !important; } }
    .intr-tx.right {
      margin-left: auto;
      margin-right: 0; }

/* spots */
.spot li:nth-of-type(3n) {
  margin-right: 0 !important; }

/* btn */
.btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 54px; }
  @media screen and (max-width: 1300px) {
    .btns {
      margin-top: 4.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .btns {
      margin-top: 10.8vw; } }
  @media screen and (max-width: 480px) {
    .btns .pg-btn {
      width: 49%; } }
  .btns .pg-btn a {
    width: 164px;
    height: 54px;
    border: 1px solid #546D5C;
    padding: 0 12px; }
    @media screen and (max-width: 1300px) {
      .btns .pg-btn a {
        width: 12.6153846154vw;
        height: 4.1538461538vw;
        padding: 0 0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .btns .pg-btn a {
        width: 100%;
        height: 14.4vw;
        padding: 0 3.2vw; } }
    .btns .pg-btn a > span {
      font-size: 16px; }
      @media screen and (max-width: 1300px) {
        .btns .pg-btn a > span {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .btns .pg-btn a > span {
          font-size: 4.2666666667vw; } }
      .btns .pg-btn a > span::after {
        width: 24px;
        height: 24px; }
        @media screen and (max-width: 1300px) {
          .btns .pg-btn a > span::after {
            width: 1.8461538462vw;
            height: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .btns .pg-btn a > span::after {
            width: 6.4vw;
            height: 6.4vw; } }
    .btns .pg-btn a.detail {
      background-color: #ffffff;
      color: #000000; }
      .btns .pg-btn a.detail > span {
        background-image: none; }
        .btns .pg-btn a.detail > span::after {
          background-image: url(../img/sightseeing/icn-detail.png); }
    .btns .pg-btn a.map > span {
      background-image: none; }
      .btns .pg-btn a.map > span::after {
        background-image: url(../img/sightseeing/icn-map.png); }

/* link */
@media screen and (max-width: 480px) {
  .link .pg-btn a.w344 {
    width: 100%; } }
@media screen and (max-width: 480px) {
  .link .cols li + li {
    margin-top: 4vw; } }

@media screen and (max-width: 480px) {
  .pg-anchor ul li.w250 + li {
    margin-top: 2.1333333333vw; } }