@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 */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* sigh
---------------------------------------------------------------------------*/
.sigh-gmap {
  /* 1280 */
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 64px; }
  @media screen and (max-width: 1300px) {
    .sigh-gmap {
      width: 98.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .sigh-gmap {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .sigh-gmap {
      margin-bottom: 4.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .sigh-gmap {
      margin-bottom: 11.9466666667vw; } }
  .sigh-gmap iframe {
    display: block;
    width: 100%;
    height: 496px;
    border: none; }
    @media screen and (max-width: 1300px) {
      .sigh-gmap iframe {
        height: 38.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .sigh-gmap iframe {
        height: 56.6666666667vw; } }
.sigh-btn {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 64px; }
  @media screen and (max-width: 1300px) {
    .sigh-btn {
      margin-bottom: 4.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .sigh-btn {
      margin-bottom: 11.9466666667vw; } }
  @media screen and (max-width: 480px) {
    .sigh-btn {
      width: 89.3333333333vw; } }
.sigh-time {
  position: relative;
  padding-left: 46px;
  color: #7A4A3F;
  border-bottom: 1px dashed #CAB7B2;
  padding-bottom: 24px;
  margin-bottom: 24px;
  letter-spacing: .14em; }
  @media screen and (max-width: 1300px) {
    .sigh-time {
      padding-bottom: 1.8461538462vw; } }
  @media screen and (max-width: 480px) {
    .sigh-time {
      padding-bottom: 4.48vw; } }
  @media screen and (max-width: 1300px) {
    .sigh-time {
      margin-bottom: 1.8461538462vw; } }
  @media screen and (max-width: 480px) {
    .sigh-time {
      margin-bottom: 4.48vw; } }
  @media screen and (max-width: 1300px) {
    .sigh-time {
      padding-left: 3.5384615385vw; } }
  @media screen and (max-width: 480px) {
    .sigh-time {
      padding-left: 10.4vw; } }
  .sigh-time::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
    top: 25%;
    left: 0; }
    @media screen and (max-width: 1300px) {
      .sigh-time::before {
        width: 2.3076923077vw;
        height: 2.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .sigh-time::before {
        width: 6.8vw;
        height: 6.8vw; } }
  .sigh-time.car::before {
    background-image: url(../img/sightseeing/icon-car.png); }
  .sigh-time.walk::before {
    background-image: url(../img/sightseeing/icon-walk.png); }
.sigh-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .sigh-link li {
    color: #82A2A9; }
    .sigh-link li a {
      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;
      border-bottom: 1px solid #82A2A9;
      padding-top: 4px;
      padding-bottom: 4px; }
      @media screen and (max-width: 1300px) {
        .sigh-link li a {
          padding-top: 0.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .sigh-link li a {
          padding-top: 0.7466666667vw; } }
      @media screen and (max-width: 1300px) {
        .sigh-link li a {
          padding-bottom: 0.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .sigh-link li a {
          padding-bottom: 0.7466666667vw; } }
      @media screen and (max-width: 480px) {
        .sigh-link li a {
          padding-top: 2.1333333333vw;
          padding-bottom: 2.1333333333vw; } }
      .sigh-link li a small {
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
        font-size: 16px; }
        @media screen and (max-width: 1300px) {
          .sigh-link li a small {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .sigh-link li a small {
            font-size: 3.7925909333vw; } }
      .sigh-link li a strong {
        font-weight: 700;
        letter-spacing: .14em; }
      .sigh-link li a i {
        display: block;
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
        @media screen and (max-width: 1300px) {
          .sigh-link li a i {
            width: 2.3076923077vw;
            height: 2.3076923077vw; } }
        @media screen and (max-width: 480px) {
          .sigh-link li a i {
            width: 6.8vw;
            height: 6.8vw; } }
    .sigh-link li.web a i {
      background-image: url(../img/sightseeing/icon-website.png); }
    .sigh-link li.map a i {
      background-image: url(../img/sightseeing/icon-map.png); }

/* pick
---------------------------------------------------------------------------*/
.pick {
  margin-bottom: 64px; }
  @media screen and (max-width: 1300px) {
    .pick {
      margin-bottom: 4.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .pick {
      margin-bottom: 11.9466666667vw; } }
  .pick-en {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    color: #CAB7B2;
    margin-bottom: 30px; }
    @media screen and (max-width: 1300px) {
      .pick-en {
        font-size: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .pick-en {
        font-size: 5.6888864vw; } }
    @media screen and (max-width: 1300px) {
      .pick-en {
        margin-bottom: 2.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .pick-en {
        margin-bottom: 5.6vw; } }
  .pick .pg-hdl small {
    font-size: 24px; }
    @media screen and (max-width: 1300px) {
      .pick .pg-hdl small {
        font-size: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .pick .pg-hdl small {
        font-size: 5.6888864vw; } }
  .pick .pg-desc {
    margin-bottom: 54px; }
    @media screen and (max-width: 1300px) {
      .pick .pg-desc {
        margin-bottom: 4.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .pick .pg-desc {
        margin-bottom: 10.08vw; } }
  .pick .sigh-link {
    gap: 30px; }
    @media screen and (max-width: 1300px) {
      .pick .sigh-link {
        gap: 2.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .pick .sigh-link {
        gap: 5.3333333333vw; } }
    .pick .sigh-link li {
      width: 204px; }
      @media screen and (max-width: 1300px) {
        .pick .sigh-link li {
          width: 15.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .pick .sigh-link li {
          width: 100%; } }

/* spot
---------------------------------------------------------------------------*/
.spot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  gap: 64px 24px; }
  @media screen and (max-width: 1300px) {
    .spot {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .spot {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .spot {
      gap: 4.9230769231vw 1.8461538462vw; } }
  @media screen and (max-width: 480px) {
    .spot {
      gap: 8.5333333333vw; } }
  .spot article {
    position: relative;
    width: 344px;
    padding-bottom: 80px; }
    @media screen and (max-width: 1300px) {
      .spot article {
        padding-bottom: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .spot article {
        padding-bottom: 14.9333333333vw; } }
    @media screen and (max-width: 1300px) {
      .spot article {
        width: 26.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .spot article {
        width: 100%;
        padding-bottom: 0; } }
  .spot-img {
    margin-bottom: 28px; }
    @media screen and (max-width: 1300px) {
      .spot-img {
        margin-bottom: 2.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .spot-img {
        margin-bottom: 5.2266666667vw; } }
    .spot-img img {
      border-radius: 32px; }
      @media screen and (max-width: 1300px) {
        .spot-img img {
          border-radius: 2.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .spot-img img {
          border-radius: 8.5333333333vw; } }
  .spot-name {
    font-weight: 600;
    letter-spacing: .14em;
    color: #7A4A3F;
    margin-bottom: 28px; }
    @media screen and (max-width: 1300px) {
      .spot-name {
        margin-bottom: 2.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .spot-name {
        margin-bottom: 5.2266666667vw; } }
  .spot .sigh-link {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    gap: 24px; }
    @media screen and (max-width: 1300px) {
      .spot .sigh-link {
        gap: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .spot .sigh-link {
        position: relative;
        left: auto;
        bottom: auto;
        gap: 5.3333333333vw;
        margin-top: 5.3333333333vw; } }
    .spot .sigh-link li {
      width: 160px; }
      @media screen and (max-width: 1300px) {
        .spot .sigh-link li {
          width: 12.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .spot .sigh-link li {
          width: 100%; } }
      @media screen and (min-width: 481px) {
        .spot .sigh-link li a {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          .spot .sigh-link li a small {
            width: 100%; } }

/* dogs
---------------------------------------------------------------------------*/
.dogs {
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .dogs {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .dogs {
      margin-bottom: 14.9333333333vw; } }
  .dogs .pg-wizdog {
    padding-right: 164px; }
    @media screen and (max-width: 1300px) {
      .dogs .pg-wizdog {
        padding-right: 12.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .dogs .pg-wizdog::after {
        top: 16%;
        right: -6.9333333333vw; } }

/* neary
---------------------------------------------------------------------------*/
.neary {
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .neary {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .neary {
      margin-bottom: 14.9333333333vw; } }
  .neary .pg-hdl.al-center {
    margin-bottom: 46px;
    margin-top: 64px; }
    @media screen and (max-width: 1300px) {
      .neary .pg-hdl.al-center {
        margin-bottom: 3.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .neary .pg-hdl.al-center {
        margin-bottom: 8.5866666667vw; } }
    @media screen and (max-width: 1300px) {
      .neary .pg-hdl.al-center {
        margin-top: 4.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .neary .pg-hdl.al-center {
        margin-top: 11.9466666667vw; } }

/* wide
---------------------------------------------------------------------------*/
.wide {
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .wide {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .wide {
      margin-bottom: 14.9333333333vw; } }
  .wide .anchor-tx {
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 56px; }
    @media screen and (max-width: 1300px) {
      .wide .anchor-tx {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .wide .anchor-tx {
        width: 89.3333333333vw; } }
    @media screen and (max-width: 1300px) {
      .wide .anchor-tx {
        margin-bottom: 4.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .wide .anchor-tx {
        margin-bottom: 10.4533333333vw; } }
    @media screen and (min-width: 481px) {
      .wide .anchor-tx {
        gap: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .wide .anchor-tx li {
          width: 204px; } }
    @media screen and (min-width: 481px) and (max-width: 1300px) {
      .wide .anchor-tx li {
        width: 15.6923076923vw; } }

  .wide article + article {
    margin-top: 56px; }
    @media screen and (max-width: 1300px) {
      .wide article + article {
        margin-top: 4.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .wide article + article {
        margin-top: 10.4533333333vw; } }
  .wide-area {
    position: relative; }
    @media screen and (max-width: 480px) {
      .wide-area {
        padding-top: 13vw; } }
    .wide-area-map {
      position: absolute;
      width: 141px;
      height: 116px;
      right: 70px;
      top: -13px; }
      @media screen and (max-width: 1300px) {
        .wide-area-map {
          width: 10.8461538462vw;
          height: 8.9230769231vw;
          right: 5.3846153846vw;
          top: -1vw; } }
      @media screen and (max-width: 480px) {
        .wide-area-map {
          width: 31.8666666667vw;
          height: 26.2666666667vw;
          right: -4vw;
          top: -8vw; } }
    .wide-area-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .wide-area-wrap {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
    .wide-area-img {
      width: 540px; }
      @media screen and (max-width: 1300px) {
        .wide-area-img {
          width: 41.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .wide-area-img {
          width: 100%; } }
      @media screen and (max-width: 480px) {
        .wide-area-img {
          margin-bottom: 7.2vw; } }
      .wide-area-img ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .wide-area-img ul li {
          position: relative;
          width: 176px; }
          @media screen and (max-width: 1300px) {
            .wide-area-img ul li {
              width: 13.5384615385vw; } }
          @media screen and (max-width: 480px) {
            .wide-area-img ul li {
              width: 33%; } }
          .wide-area-img ul li span {
            position: absolute;
            color: #ffffff;
            letter-spacing: .14em;
            left: .5em;
            bottom: .5em; }
            @media screen and (max-width: 480px) {
              .wide-area-img ul li span {
                line-height: 1.4; } }
    .wide-area .pg-hdl.mid {
      margin-bottom: 30px; }
      @media screen and (max-width: 1300px) {
        .wide-area .pg-hdl.mid {
          margin-bottom: 2.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .wide-area .pg-hdl.mid {
          margin-bottom: 5.6vw; } }
    .wide-area-tx {
      width: 460px; }
      @media screen and (max-width: 1300px) {
        .wide-area-tx {
          width: 35.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .wide-area-tx {
          width: 100%; } }
      .wide-area-tx-area {
        border-bottom: 1px dashed #CAB7B2;
        padding-bottom: 28px;
        margin-bottom: 28px;
        color: #7A4A3F;
        line-height: 1.75;
        letter-spacing: .14em; }
        @media screen and (max-width: 1300px) {
          .wide-area-tx-area {
            padding-bottom: 2.1538461538vw; } }
        @media screen and (max-width: 480px) {
          .wide-area-tx-area {
            padding-bottom: 5.2266666667vw; } }
        @media screen and (max-width: 1300px) {
          .wide-area-tx-area {
            margin-bottom: 2.1538461538vw; } }
        @media screen and (max-width: 480px) {
          .wide-area-tx-area {
            margin-bottom: 5.2266666667vw; } }

/* gourmet
---------------------------------------------------------------------------*/
.gourmet {
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .gourmet {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .gourmet {
      margin-bottom: 14.9333333333vw; } }
  .gourmet .spot {
    gap: 64px 40px; }
    @media screen and (max-width: 1300px) {
      .gourmet .spot {
        gap: 4.9230769231vw 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .gourmet .spot {
        gap: 8.5333333333vw; } }
    .gourmet .spot article {
      position: relative;
      width: 520px;
      padding-bottom: 60px; }
      @media screen and (max-width: 1300px) {
        .gourmet .spot article {
          padding-bottom: 4.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .gourmet .spot article {
          padding-bottom: 11.2vw; } }
      @media screen and (max-width: 1300px) {
        .gourmet .spot article {
          width: 40vw; } }
      @media screen and (max-width: 480px) {
        .gourmet .spot article {
          width: 100%;
          padding-bottom: 0; } }
    .gourmet .spot .sigh-link {
      gap: 30px; }
      @media screen and (max-width: 1300px) {
        .gourmet .spot .sigh-link {
          gap: 2.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .gourmet .spot .sigh-link {
          gap: 5.3333333333vw; } }
      .gourmet .spot .sigh-link li {
        width: 204px; }
        @media screen and (max-width: 1300px) {
          .gourmet .spot .sigh-link li {
            width: 15.7692307692vw; } }
        @media screen and (max-width: 480px) {
          .gourmet .spot .sigh-link li {
            width: 100%; } }
        .gourmet .spot .sigh-link li a small {
          width: auto; }

/* link
---------------------------------------------------------------------------*/
.link .datatbl th {
  width: 282px; }
  @media screen and (max-width: 1300px) {
    .link .datatbl th {
      width: 21.6923076923vw; } }
  @media screen and (max-width: 480px) {
    .link .datatbl th {
      width: 100%; } }

/* SPのみ飾り付きタイトルを左揃え
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .pg-ttl {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 89.3333333333vw;
    margin-left: auto;
    margin-right: auto;
    text-align: left; } }
/* ====================================================================== */
/* ====================================================================== */