@charset "UTF-8";
/* mv layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* 内径 */
/* flexbox */
/* フォント */
/*@mixin font-hdl {
	font-family: 'Zapfino', cursive;
	font-weight: 400;
}*/
/* アイキャッチアイコンセット */
/* ボタン */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* ボタンの中のspan */
/* 両脇吹き出し線 */
/* キャプション */
/* ボタン */
/* 見出し */
/* フォントサイズ */
/* 文字装飾 */
/* 縦書き */
/* 文字グロー */
/* 背景パターン */
/* 角丸 */
/* 角丸 */
/* 
---------------------------------------------------------------------------*/
.itr {
  padding-bottom: 140px; }
  @media screen and (max-width: 1300px) {
    .itr {
      padding-bottom: 10.7692307692vw; } }
  @media screen and (max-width: 480px) {
    .itr {
      padding-bottom: 10.8695652174vw; } }

/* 
---------------------------------------------------------------------------*/
.ancimg ul {
  top: -44px; }
  @media screen and (max-width: 1300px) {
    .ancimg ul {
      top: -3.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .ancimg ul {
      top: auto; } }

.anc {
  padding-top: 0; }
  @media screen and (max-width: 480px) {
    .anc {
      padding-top: 7.2463768116vw; } }

.ancimg-tx a > span span:nth-of-type(1), .ancimg-tx .atag > span span:nth-of-type(1) {
  margin-right: 0.5em; }
  @media screen and (max-width: 480px) {
    .ancimg-tx a > span span:nth-of-type(1), .ancimg-tx .atag > span span:nth-of-type(1) {
      line-height: 1.2; } }

/* 
---------------------------------------------------------------------------*/
.sigh {
  background-image: url(../img/cmn/bg-left@2x.png);
  background-size: 698px auto;
  background-repeat: no-repeat;
  background-position: left top;
  padding: 90px 0 40px; }
  @media screen and (max-width: 1300px) {
    .sigh {
      background-size: 53.6923076923vw auto; } }
  @media screen and (max-width: 480px) {
    .sigh {
      background-size: 84.2995169082vw auto; } }
  @media screen and (max-width: 1300px) {
    .sigh {
      padding: 6.9230769231vw 0 3.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .sigh {
      padding: 9.6618357488vw 6.884057971vw; } }
  .sigh-desc {
    text-align: center; }
  @media screen and (max-width: 480px) {
    .sigh .pgttl {
      padding-left: 0;
      padding-right: 0;
      text-align: center; } }

/* 
---------------------------------------------------------------------------*/
.map {
  background-image: url(../img/cmn/bg-right@2x.png);
  background-size: 698px auto;
  background-repeat: no-repeat;
  background-position: right top;
  background-color: #ffffff; }
  @media screen and (max-width: 1300px) {
    .map {
      background-size: 53.6923076923vw auto; } }
  @media screen and (max-width: 480px) {
    .map {
      background-size: 84.2995169082vw auto; } }
  .map-gmap {
    /* 1280 */
    width: 1300px;
    padding-left: 110px;
    padding-right: 110px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .map-gmap {
        width: 100vw;
        padding-left: 8.4615384615vw;
        padding-right: 8.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .map-gmap {
        padding-left: 6.884057971vw;
        padding-right: 6.884057971vw; } }
    .map-gmap iframe {
      display: block;
      width: 100%;
      height: 376px; }
      @media screen and (max-width: 1300px) {
        .map-gmap iframe {
          height: 36.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .map-gmap iframe {
          height: 60vw; } }
  .map-btn {
    width: 340px;
    margin: 56px auto 0; }
    .map-btn a, .map-btn .atag {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      height: 72px;
      border-radius: 36px;
      border: 3px solid #ea9b56;
      background-color: #ea9b56; }
      @media screen and (max-width: 1300px) {
        .map-btn a, .map-btn .atag {
          height: 5.5384615385vw;
          border-radius: 2.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .map-btn a, .map-btn .atag {
          height: 16.4251207729vw;
          border-radius: 8.2125603865vw; } }
      @media screen and (min-width: 480px) {
        .map-btn a:hover, .map-btn .atag:hover {
          opacity: 1;
          background-color: #ffffff; }
          .map-btn a:hover > span > span:nth-of-type(2) > span:nth-of-type(1), .map-btn .atag:hover > span > span:nth-of-type(2) > span:nth-of-type(1) {
            opacity: 0; }
          .map-btn a:hover > span > span:nth-of-type(2) > span:nth-of-type(2), .map-btn .atag:hover > span > span:nth-of-type(2) > span:nth-of-type(2) {
            opacity: 1; } }
      .map-btn a > span, .map-btn .atag > span {
        display: block;
        width: 100%;
        white-space: nowrap;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .map-btn a > span span:nth-of-type(1), .map-btn .atag > span span:nth-of-type(1) {
          font-weight: 700;
          letter-spacing: .075em;
          margin-right: 26px; }
          @media screen and (max-width: 1300px) {
            .map-btn a > span span:nth-of-type(1), .map-btn .atag > span span:nth-of-type(1) {
              margin-right: 2vw; } }
          @media screen and (max-width: 480px) {
            .map-btn a > span span:nth-of-type(1), .map-btn .atag > span span:nth-of-type(1) {
              font-size: 4.347826087vw;
              margin-right: 3.1400966184vw; } }
        .map-btn a > span span:nth-of-type(2), .map-btn .atag > span span:nth-of-type(2) {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 14px; }
          @media screen and (max-width: 1300px) {
            .map-btn a > span span:nth-of-type(2), .map-btn .atag > span span:nth-of-type(2) {
              width: 1.0769230769vw; } }
          @media screen and (max-width: 480px) {
            .map-btn a > span span:nth-of-type(2), .map-btn .atag > span span:nth-of-type(2) {
              width: 3.3816425121vw; } }
          .map-btn a > span span:nth-of-type(2) img, .map-btn .atag > span span:nth-of-type(2) img {
            width: 14px; }
            @media screen and (max-width: 1300px) {
              .map-btn a > span span:nth-of-type(2) img, .map-btn .atag > span span:nth-of-type(2) img {
                width: 1.0769230769vw; } }
            @media screen and (max-width: 480px) {
              .map-btn a > span span:nth-of-type(2) img, .map-btn .atag > span span:nth-of-type(2) img {
                width: 3.3816425121vw; } }
          .map-btn a > span span:nth-of-type(2) span, .map-btn .atag > span span:nth-of-type(2) span {
            display: block;
            position: absolute;
            width: 100%;
            transition-property: all;
            transition-duration: 0.3s;
            transition-timing-function: ease;
            width: 100%;
            left: 0;
            top: 50%;
            transform: translateY(-50%); }
            .map-btn a > span span:nth-of-type(2) span:nth-of-type(2), .map-btn .atag > span span:nth-of-type(2) span:nth-of-type(2) {
              opacity: 0; }
    @media screen and (max-width: 1300px) {
      .map-btn {
        width: 26.1538461538vw;
        margin: 4.3076923077vw auto 0; } }
    @media screen and (max-width: 480px) {
      .map-btn {
        width: 86.4734299517vw;
        margin: 9.6618357488vw auto 0; } }

/* 
---------------------------------------------------------------------------*/
.pick {
  background-image: url(../img/cmn/bg-left@2x.png);
  background-size: 698px auto;
  background-repeat: no-repeat;
  background-position: left top; }
  @media screen and (max-width: 1300px) {
    .pick {
      background-size: 53.6923076923vw auto; } }
  @media screen and (max-width: 480px) {
    .pick {
      background-size: 84.2995169082vw auto; } }
  .pick-wrap {
    /* 1280 */
    width: 1300px;
    padding-left: 110px;
    padding-right: 110px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .pick-wrap {
        width: 100vw;
        padding-left: 8.4615384615vw;
        padding-right: 8.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .pick-wrap {
        padding-left: 6.884057971vw;
        padding-right: 6.884057971vw; } }
  .pick-img {
    position: relative; }
    @media screen and (max-width: 480px) {
      .pick-img {
        margin-left: -6.884057971vw;
        margin-right: -6.884057971vw;
        width: 100vw; }
        .pick-img img {
          width: 100%;
          height: 60vw;
          object-fit: cover;
          object-position: center;
          font-family: "object-fit: cover; object-position: center;"; } }
    .pick-img h2 {
      position: absolute;
      font-family: 'Herr Von Muellerhoff', cursive;
      font-weight: 400;
      font-size: 112px;
      color: #ea9b56;
      left: 0;
      bottom: -80px;
      line-height: 1.1;
      letter-spacing: .08em; }
      @media screen and (max-width: 1300px) {
        .pick-img h2 {
          font-size: 8.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .pick-img h2 {
          font-size: 27.0531400966vw; } }
      @media screen and (max-width: 1300px) {
        .pick-img h2 {
          bottom: -6.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .pick-img h2 {
          font-size: 16.9082125604vw;
          bottom: -10.8695652174vw;
          left: 6.884057971vw; } }
  .pick-tx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 80px; }
    @media screen and (max-width: 1300px) {
      .pick-tx {
        margin-top: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .pick-tx {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 9.6618357488vw; } }
    .pick-tx-name {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 500px;
      margin-right: 40px; }
      @media screen and (max-width: 1300px) {
        .pick-tx-name {
          width: 38.4615384615vw;
          margin-right: 3.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .pick-tx-name {
          width: 100%;
          margin-bottom: 6.038647343vw;
          margin-right: 0; } }
    .pick-tx-desc {
      width: 540px; }
      @media screen and (max-width: 1300px) {
        .pick-tx-desc {
          width: 41.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .pick-tx-desc {
          width: 100%; } }
      .pick-tx-desc p {
        font-size: 18px;
        line-height: 2.22;
        letter-spacing: .08em; }
        @media screen and (max-width: 1300px) {
          .pick-tx-desc p {
            font-size: 1.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .pick-tx-desc p {
            font-size: 4.347826087vw; } }
        @media screen and (max-width: 480px) {
          .pick-tx-desc p {
            line-height: 1.77; } }
  .pick-genre {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ea9b56;
    color: #ffffff;
    height: 48px;
    border-radius: 0 24px 24px 0;
    padding-left: 52px;
    padding-right: .8em;
    margin-right: 0.6em;
    background-repeat: no-repeat;
    background-size: 38px auto;
    background-position: .5em center; }
    @media screen and (max-width: 1300px) {
      .pick-genre {
        height: 3.6923076923vw;
        border-radius: 0 1.8461538462vw 1.8461538462vw 0;
        padding-left: 4vw;
        background-size: 2.9230769231vw auto; } }
    @media screen and (max-width: 480px) {
      .pick-genre {
        height: 11.5942028986vw;
        border-radius: 0 5.7971014493vw 5.7971014493vw 0;
        padding-left: 12.5603864734vw;
        background-size: 9.1787439614vw auto; } }
    .pick-genre span {
      display: block;
      width: 100%;
      white-space: nowrap;
      text-align: center;
      font-size: 24px;
      font-weight: 700;
      line-height: 1.1; }
      @media screen and (max-width: 1300px) {
        .pick-genre span {
          font-size: 1.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .pick-genre span {
          font-size: 5.7971014493vw; } }
    .pick-genre.nature {
      background-image: url(../img/sightseeing/genre-nature@2x.png); }
    .pick-genre.gourmet {
      background-image: url(../img/sightseeing/genre-gourmet@2x.png); }
    .pick-genre.leisure {
      background-image: url(../img/sightseeing/genre-leisure@2x.png); }
    .pick-genre.sports {
      background-image: url(../img/sightseeing/genre-sports@2x.png); }
    .pick-genre.horse {
      background-image: url(../img/sightseeing/genre-horse@2x.png); }
    .pick-genre.fruits {
      background-image: url(../img/sightseeing/genre-fruits@2x.png); }
    .pick-genre.ocean {
      background-image: url(../img/sightseeing/genre-ocean@2x.png); }
  .pick-name {
    font-size: 32px;
    font-weight: 700; }
    @media screen and (max-width: 1300px) {
      .pick-name {
        font-size: 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .pick-name {
        font-size: 7.729468599vw; } }
  .pick-time {
    width: 100%;
    font-size: 20px;
    color: #ea9b56;
    border-top: 1px solid #ea9b56;
    border-bottom: 1px solid #ea9b56;
    text-align: center;
    padding: .3em 0;
    margin-top: .9em; }
    @media screen and (max-width: 1300px) {
      .pick-time {
        font-size: 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .pick-time {
        font-size: 4.8309178744vw; } }
  .pick-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2em; }
    .pick-btn .to-website {
      width: 242px; }
      .pick-btn .to-website a, .pick-btn .to-website .atag {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 72px;
        border-radius: 36px;
        border: 3px solid #ea9b56;
        background-color: #ea9b56; }
        @media screen and (max-width: 1300px) {
          .pick-btn .to-website a, .pick-btn .to-website .atag {
            height: 5.5384615385vw;
            border-radius: 2.7692307692vw; } }
        @media screen and (max-width: 480px) {
          .pick-btn .to-website a, .pick-btn .to-website .atag {
            height: 16.4251207729vw;
            border-radius: 8.2125603865vw; } }
        @media screen and (min-width: 480px) {
          .pick-btn .to-website a:hover, .pick-btn .to-website .atag:hover {
            opacity: 1;
            background-color: #ffffff; }
            .pick-btn .to-website a:hover > span > span:nth-of-type(2) > span:nth-of-type(1), .pick-btn .to-website .atag:hover > span > span:nth-of-type(2) > span:nth-of-type(1) {
              opacity: 0; }
            .pick-btn .to-website a:hover > span > span:nth-of-type(2) > span:nth-of-type(2), .pick-btn .to-website .atag:hover > span > span:nth-of-type(2) > span:nth-of-type(2) {
              opacity: 1; } }
        .pick-btn .to-website a > span, .pick-btn .to-website .atag > span {
          display: block;
          width: 100%;
          white-space: nowrap;
          text-align: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .pick-btn .to-website a > span span:nth-of-type(1), .pick-btn .to-website .atag > span span:nth-of-type(1) {
            font-weight: 700;
            letter-spacing: .075em;
            margin-right: 26px; }
            @media screen and (max-width: 1300px) {
              .pick-btn .to-website a > span span:nth-of-type(1), .pick-btn .to-website .atag > span span:nth-of-type(1) {
                margin-right: 2vw; } }
            @media screen and (max-width: 480px) {
              .pick-btn .to-website a > span span:nth-of-type(1), .pick-btn .to-website .atag > span span:nth-of-type(1) {
                font-size: 4.347826087vw;
                margin-right: 3.1400966184vw; } }
          .pick-btn .to-website a > span span:nth-of-type(2), .pick-btn .to-website .atag > span span:nth-of-type(2) {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 14px; }
            @media screen and (max-width: 1300px) {
              .pick-btn .to-website a > span span:nth-of-type(2), .pick-btn .to-website .atag > span span:nth-of-type(2) {
                width: 1.0769230769vw; } }
            @media screen and (max-width: 480px) {
              .pick-btn .to-website a > span span:nth-of-type(2), .pick-btn .to-website .atag > span span:nth-of-type(2) {
                width: 3.3816425121vw; } }
            .pick-btn .to-website a > span span:nth-of-type(2) img, .pick-btn .to-website .atag > span span:nth-of-type(2) img {
              width: 14px; }
              @media screen and (max-width: 1300px) {
                .pick-btn .to-website a > span span:nth-of-type(2) img, .pick-btn .to-website .atag > span span:nth-of-type(2) img {
                  width: 1.0769230769vw; } }
              @media screen and (max-width: 480px) {
                .pick-btn .to-website a > span span:nth-of-type(2) img, .pick-btn .to-website .atag > span span:nth-of-type(2) img {
                  width: 3.3816425121vw; } }
            .pick-btn .to-website a > span span:nth-of-type(2) span, .pick-btn .to-website .atag > span span:nth-of-type(2) span {
              display: block;
              position: absolute;
              width: 100%;
              transition-property: all;
              transition-duration: 0.3s;
              transition-timing-function: ease;
              width: 100%;
              left: 0;
              top: 50%;
              transform: translateY(-50%); }
              .pick-btn .to-website a > span span:nth-of-type(2) span:nth-of-type(2), .pick-btn .to-website .atag > span span:nth-of-type(2) span:nth-of-type(2) {
                opacity: 0; }
      @media screen and (max-width: 1300px) {
        .pick-btn .to-website {
          width: 18.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .pick-btn .to-website {
          width: 48%; } }
    .pick-btn .to-map {
      margin-left: .8em;
      width: 242px; }
      .pick-btn .to-map a, .pick-btn .to-map .atag {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 72px;
        border-radius: 36px;
        border: 3px solid #ea9b56;
        background-color: #ea9b56; }
        @media screen and (max-width: 1300px) {
          .pick-btn .to-map a, .pick-btn .to-map .atag {
            height: 5.5384615385vw;
            border-radius: 2.7692307692vw; } }
        @media screen and (max-width: 480px) {
          .pick-btn .to-map a, .pick-btn .to-map .atag {
            height: 16.4251207729vw;
            border-radius: 8.2125603865vw; } }
        @media screen and (min-width: 480px) {
          .pick-btn .to-map a:hover, .pick-btn .to-map .atag:hover {
            opacity: 1;
            background-color: #ffffff; }
            .pick-btn .to-map a:hover > span > span:nth-of-type(2) > span:nth-of-type(1), .pick-btn .to-map .atag:hover > span > span:nth-of-type(2) > span:nth-of-type(1) {
              opacity: 0; }
            .pick-btn .to-map a:hover > span > span:nth-of-type(2) > span:nth-of-type(2), .pick-btn .to-map .atag:hover > span > span:nth-of-type(2) > span:nth-of-type(2) {
              opacity: 1; } }
        .pick-btn .to-map a > span, .pick-btn .to-map .atag > span {
          display: block;
          width: 100%;
          white-space: nowrap;
          text-align: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .pick-btn .to-map a > span span:nth-of-type(1), .pick-btn .to-map .atag > span span:nth-of-type(1) {
            font-weight: 700;
            letter-spacing: .075em;
            margin-right: 26px; }
            @media screen and (max-width: 1300px) {
              .pick-btn .to-map a > span span:nth-of-type(1), .pick-btn .to-map .atag > span span:nth-of-type(1) {
                margin-right: 2vw; } }
            @media screen and (max-width: 480px) {
              .pick-btn .to-map a > span span:nth-of-type(1), .pick-btn .to-map .atag > span span:nth-of-type(1) {
                font-size: 4.347826087vw;
                margin-right: 3.1400966184vw; } }
          .pick-btn .to-map a > span span:nth-of-type(2), .pick-btn .to-map .atag > span span:nth-of-type(2) {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 14px; }
            @media screen and (max-width: 1300px) {
              .pick-btn .to-map a > span span:nth-of-type(2), .pick-btn .to-map .atag > span span:nth-of-type(2) {
                width: 1.0769230769vw; } }
            @media screen and (max-width: 480px) {
              .pick-btn .to-map a > span span:nth-of-type(2), .pick-btn .to-map .atag > span span:nth-of-type(2) {
                width: 3.3816425121vw; } }
            .pick-btn .to-map a > span span:nth-of-type(2) img, .pick-btn .to-map .atag > span span:nth-of-type(2) img {
              width: 14px; }
              @media screen and (max-width: 1300px) {
                .pick-btn .to-map a > span span:nth-of-type(2) img, .pick-btn .to-map .atag > span span:nth-of-type(2) img {
                  width: 1.0769230769vw; } }
              @media screen and (max-width: 480px) {
                .pick-btn .to-map a > span span:nth-of-type(2) img, .pick-btn .to-map .atag > span span:nth-of-type(2) img {
                  width: 3.3816425121vw; } }
            .pick-btn .to-map a > span span:nth-of-type(2) span, .pick-btn .to-map .atag > span span:nth-of-type(2) span {
              display: block;
              position: absolute;
              width: 100%;
              transition-property: all;
              transition-duration: 0.3s;
              transition-timing-function: ease;
              width: 100%;
              left: 0;
              top: 50%;
              transform: translateY(-50%); }
              .pick-btn .to-map a > span span:nth-of-type(2) span:nth-of-type(2), .pick-btn .to-map .atag > span span:nth-of-type(2) span:nth-of-type(2) {
                opacity: 0; }
      @media screen and (max-width: 1300px) {
        .pick-btn .to-map {
          width: 18.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .pick-btn .to-map {
          width: 48%;
          margin-left: 2%; } }
      .pick-btn .to-map a {
        background-color: #ffffff; }
        .pick-btn .to-map a:hover {
          background-color: #ea9b56; }

/* 
---------------------------------------------------------------------------*/
.spot {
  background-image: url(../img/cmn/bg-right@2x.png);
  background-size: 698px auto;
  background-repeat: no-repeat;
  background-position: right top;
  background-color: #ffffff; }
  @media screen and (max-width: 1300px) {
    .spot {
      background-size: 53.6923076923vw auto; } }
  @media screen and (max-width: 480px) {
    .spot {
      background-size: 84.2995169082vw auto; } }
  .spot-wrap {
    /* 1280 */
    width: 1300px;
    padding-left: 110px;
    padding-right: 110px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 1300px) {
      .spot-wrap {
        width: 100vw;
        padding-left: 8.4615384615vw;
        padding-right: 8.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .spot-wrap {
        padding-left: 6.884057971vw;
        padding-right: 6.884057971vw; } }
  .spot article {
    width: 332px;
    margin-right: 42px; }
    @media screen and (max-width: 1300px) {
      .spot article {
        width: 25.5384615385vw;
        margin-right: 3.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .spot article {
        width: 100%;
        margin-right: 0; } }
    .spot article:nth-of-type(3n) {
      margin-right: 0; }
    .spot article:nth-of-type(n + 4) {
      margin-top: 64px; }
      @media screen and (max-width: 1300px) {
        .spot article:nth-of-type(n + 4) {
          margin-top: 4.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .spot article:nth-of-type(n + 4) {
          margin-top: 7.2463768116vw; } }
    @media screen and (max-width: 480px) {
      .spot article:nth-of-type(n + 2) {
        margin-top: 7.2463768116vw; } }
  .spot .spot-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .spot .pick-genre span {
    font-size: 20px; }
    @media screen and (max-width: 1300px) {
      .spot .pick-genre span {
        font-size: 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .spot .pick-genre span {
        font-size: 4.8309178744vw; } }
  .spot .pick-name {
    font-size: 24px;
    width: 100%;
    margin-top: 0.2em;
    margin-bottom: 0.4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 1300px) {
      .spot .pick-name {
        font-size: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .spot .pick-name {
        font-size: 5.7971014493vw; } }
  .spot .pick-time {
    border-top: none;
    margin-top: 0;
    margin-bottom: 1em; }
  .spot .spot-desc {
    font-size: 18px;
    line-height: 2.22;
    letter-spacing: .08em; }
    @media screen and (max-width: 1300px) {
      .spot .spot-desc {
        font-size: 1.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .spot .spot-desc {
        font-size: 4.347826087vw; } }
    @media screen and (max-width: 480px) {
      .spot .spot-desc {
        line-height: 1.77; } }
  .spot .pick-btn {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1.5em; }
    .spot .pick-btn .to-website,
    .spot .pick-btn .to-map {
      width: 162px;
      margin-left: 0; }
      @media screen and (max-width: 1300px) {
        .spot .pick-btn .to-website,
        .spot .pick-btn .to-map {
          width: 12.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .spot .pick-btn .to-website,
        .spot .pick-btn .to-map {
          width: 49%; } }

/* 
---------------------------------------------------------------------------*/
.basic.pgwrap {
  padding-bottom: 0; }
.basic-wrap {
  /* 1280 */
  width: 1300px;
  padding-left: 110px;
  padding-right: 110px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1300px) {
    .basic-wrap {
      width: 100vw;
      padding-left: 8.4615384615vw;
      padding-right: 8.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .basic-wrap {
      padding-left: 6.884057971vw;
      padding-right: 6.884057971vw; } }
.basic .pgtbl th {
  width: 318px; }
  @media screen and (max-width: 1300px) {
    .basic .pgtbl th {
      width: 24.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .basic .pgtbl th {
      width: 100%; } }
.basic .pgtbl td {
  width: calc(100% - 318px); }
  @media screen and (max-width: 1300px) {
    .basic .pgtbl td {
      width: calc(100% - 24.46vw); } }
  @media screen and (max-width: 480px) {
    .basic .pgtbl td {
      width: 100%; } }

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