<!doctype html>
<html>
  <head>
    <!-- //////////// ▼ 共通 head tag: main.js, main.cssを読み込み ▼ //////////// -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossOrigin="anonymous"></script>
    
    
    
    <link rel="preconnect" href="//cdn-eu.dynamicyield.com">
    <link rel="preconnect" href="//st-eu.dynamicyield.com">
    <link rel="preconnect" href="//rcom-eu.dynamicyield.com">
    <link rel="dns-prefetch" href="//cdn-eu.dynamicyield.com">
    <link rel="dns-prefetch" href="//st-eu.dynamicyield.com">
    <link rel="dns-prefetch" href="//rcom-eu.dynamicyield.com">
    <script type="text/javascript" src="//cdn-eu.dynamicyield.com/api/9881489/api_dynamic.js"></script>
    <script type="text/javascript" src="//cdn-eu.dynamicyield.com/api/9881489/api_static.js"></script>
    
    <script type="text/javascript">
      window.DY = window.DY || {};
      DY.recommendationContext = {
        type: 'OTHER',
        data: ['LP']
      };
    </script>
    <link rel="shortcut icon" href="https://www.yukoyuko.net/images/favicon.ico">
    <link rel="apple-touch-icon" href="https://www.yukoyuko.net/images/apple-touch-icon.png">
    
    
    <script src="https://www.yukoyuko.net/scripts/vendor/core.min.js"></script>
    
    
    
    
    
    
    
    
    <link rel="stylesheet" href="https://www.yukoyuko.net/css/main.css">
    <script src="https://www.yukoyuko.net/scripts/common.js"></script>
    
    
    <!--/* ////////// ▲ 共通 head tag ▲ ////////// */-->
    <title>【鹿児島県】大人の上質な旅|ゆこゆこネット</title>
    <meta name="keywords" content="★keywords★" />
    <meta name="description" content="大人の皆様が満足できる上質なコースです。いつまでも記憶に残る旅へお出かけください。温泉泉旅行の宿泊予約は、ネットでも電話でも予約ができるゆこゆこネット。" />
    <!-- og -->
    <meta property="og:title" content="【鹿児島県】大人の上質な旅|ゆこゆこネット" />
    <meta property="og:description" content="大人の皆様が満足できる上質なコースです。いつまでも記憶に残る旅へお出かけください。温泉泉旅行の宿泊予約は、ネットでも電話でも予約ができるゆこゆこネット" />
    
    <!-- Google Tag Manager -->
    
    <!-- End Google Tag Manager -->
    <!-- //////////// ▼ css, javascript: 必要なcss, jsをここに記入 ▼ //////////// -->
    <!-- js例) <script type="module" src="./js/common.js"></script> -->
    <!-- css例) <link rel="stylesheet" href="./css/style.css"> -->
    <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />
    <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
    
    <script>
      $(document).ready(function(){
          $('.element1').show();
          $('.element2').hide();
          $('.bnr-course1').removeClass('opt-04');
          $('.bnr-course2').addClass('opt-04');
          $('.ibusuki-text').addClass('marker-b');
          $('.kirishima-text').removeClass('marker-p');


          $('.button1').click(function () {
              $('#app').toggleClass('show');

              $('.element1').show();
              $('.element2').hide();
              $('.bnr-course1').removeClass('opt-04');
              $('.bnr-course2').addClass('opt-04');
              $('.ibusuki-text').addClass('marker-b');
              $('.kirishima-text').removeClass('marker-p');
          });
          $('.button2').click(function () {
              $('#app').toggleClass('show');

              $('.element1').hide();
              $('.element2').show();
              $('.bnr-course1').addClass('opt-04');
              $('.bnr-course2').removeClass('opt-04');
              $('.ibusuki-text').removeClass('marker-b');
              $('.kirishima-text').addClass('marker-p');
          });
          $('.btn-to-ibusuki').click(function () {
              $('.element1').show();
              $('.element2').hide();
              $('.bnr-course1').removeClass('opt-04');
              $('.bnr-course2').addClass('opt-04');
              $('.ibusuki-text').addClass('marker-b');
              $('.kirishima-text').removeClass('marker-p');
          });
          $('.btn-to-kirishima').click(function () {
              $('.element1').hide();
              $('.element2').show();
              $('.bnr-course1').addClass('opt-04');
              $('.bnr-course2').removeClass('opt-04');
              $('.ibusuki-text').removeClass('marker-b');
              $('.kirishima-text').addClass('marker-p');
          });
      });
    </script>
    <!--/* ////////// ▲ css, javascript ▲ ////////// */-->
    <script type="module" crossorigin src="/lp/assets/index.4891816d5.js"></script>
    <link rel="modulepreload" href="/lp/assets/api.3615b80a.js">
    <link rel="stylesheet" href="/lp/assets/api.9ae83f98.css">
    <link rel="stylesheet" href="/lp/assets/index.26b7d4f8.css">
    <script type="module">!function(){try{new Function("m","return import(m)")}catch(o){console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}}();</script>
  </head>
  <body id="pagetop">
    <!-- Google Tag Manager (noscript) -->
    <noscript>
      <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WP6RLS" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->
    <!-- //////////// ▼ 共通ヘッダー ▼ //////////// -->
    <header class="g-header g-fixed-header-sp">
      <div class="g-header-upper">
        <div class="g-header-upper__inner l-inner">
          <div class="g-header-upper__left">
            <!-- ▼ ゆこゆこネットロゴ logo ▼ -->
            <div class="g-brand-logo">
              <a href=https://www.yukoyuko.net class="touchover" aria-label="トップページへ">
                <span class="g-brand-logo-svg"></span>
              </a>
            </div>
            <!-- ▲ ゆこゆこネットロゴ logo ▲ -->
          </div>
          <div class="g-header-upper__center">
            <form
              action=https://www.yukoyuko.net/yado-area
              method="GET"
              class="g-search-input"
            >
              <div class="g-search-name">宿・ホテル名</div>
              <input
                type="search"
                name="keyword"
                placeholder="キーワード・宿コードを入力"
                class="hotelPlanSearchKeyword js_suggest-h"
                autocomplete="off"
                pattern="[^!#$%&\x22\x27()\*\+\-\.,\/:;<=>?@\[\]^_`{|}~]+"
                title='次の記号を含めず入力してください。： ! " &#39; # $ % & ( ) * + - . , / : ; < = > ? ` [ ] ^ _ ` { | } ~ \'
              />
              <button class="g-search-input-reset" type="reset"></button>
              <button
                class="g-search-btn"
                type="submit"
              >
                <i class="m-icon-svg"></i>
                <span>検索</span>
              </button>
              <ul
                class="suggestList js_suggest_words-h"
                style="top: 56px; display: none;"
              ></ul>
            </form>
            <!-- ▼「ゆこゆこについて」リンク ▼ -->
            <div class="g-about-yuko">
              <a href=https://www.yukoyuko.net/lp/about>ゆこゆこについて</a>
            </div>
            <!-- ▲「ゆこゆこについて」リンク ▲ -->
          </div>
          <div class="g-header-upper__right">
            <div class="g-free-dial">
              <div class="g-free-dial__inner">
                <div class="g-free-dial__content">
                  <div class="g-free-dial__info">
                    <strong>電話で予約</strong>
                    <span class="g-free-dial__time">9:00〜21:00</span>
                  </div>
                  <div class="g-free-dial__tel">
                    <span>0120-333-333</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="u-visible-sp">
            <div class="g-header-icon-menu-sp">
              <!-- ▼ SP用「電話アイコン」 ▼ -->
              <a
                href="javascript:void(0);"
                class="js-telReserveTriggerSP js-modalTrigger g-user-icon-btn"
                data-modal="telReserve"
              >
                <i class="m-icon-tel"></i>
                <span>電話予約</span>
              </a>
              <!-- ▲ SP用「電話アイコン」 ▲ -->
              <!-- ▼「クーポン」ボタン ▼ -->
              <a
                href=https://www.yukoyuko.net/cp/otocoupon
                class="g-user-icon-btn"
              >
                <i class="m-icon-coupon"></i>
                <span>クーポン</span>
              </a>
              <!-- ▲「クーポン」ボタン ▲ -->
              <!-- ▼「予約照会・キャンセル」ボタン ▼ -->
              <a
                href=https://www.yukoyuko.net/yoyaku/member/reserve
                class="g-user-icon-btn"
              >
                <i class="m-icon-inquiry"></i>予約照会<span>・キャンセル</span>
              </a>
              <!-- ▲「予約照会・キャンセル」ボタン ▲ -->
              <!-- SP用「 メニュー [js-drawerTrigger] s -->
              <button class="g-accordion-toggle js-drawerTrigger">
                <span class="u-blind">メニューを開く</span>
                <span class="m-icon-menu">
                  <i></i>
                  <i></i>
                  <i></i>
                </span>
                <span class="g-accordion-toggle-text">メニュー</span>
              </button>
              <!-- SP用「メニュー [js-drawerTrigger] e-->
            </div>
          </div>
        </div>
      </div>
      <div class="g-nav-bar u-hidden-sp">
        <div class="l-inner">
          <ul class="g-nav-list">
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net class="touchover">トップ</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/yado-area class="touchover">宿一覧</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/special class="touchover">特集</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/onsen class="touchover">温泉ガイド</a>
            </li>
            <li class="g-nav-item">
              <a href=https://guide.yukoyuko.net class="touchover">観光ガイド</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/cp/otocoupon class="touchover">クーポン<span>が獲得できるキャンペーン</span></a>
            </li>
          </ul>
          <!-- ▼「温泉旅行メディア」リンク ▼ -->
          <div class="g-nav-link">
            <a href=https://yukotabi.yukoyuko.net class="touchover" target="_blank">温泉旅行メディア</a>
          </div>
        <!-- ▲「温泉旅行メディア」リンク ▲ -->
      
          <div class="g-user-control">
            <!-- ▼「会員情報」ボタン ▼ -->
            <a
              href=https://www.yukoyuko.net/yoyaku/member
              class="g-user-icon-btn user-memberInfo-btn is-white"
            >
              <i class="m-icon-loginDetail"></i>会員情報
            </a>
            <!-- ▲「会員情報」ボタン ▲ -->
            <!-- ▼「予約照会・キャンセル」ボタン ▼ -->
            <a
              href=https://www.yukoyuko.net/yoyaku/member/reserve
              class="g-user-icon-btn"
            >
              <i class="m-icon-inquiry"></i>予約照会<span>・キャンセル</span>
            </a>
            <!-- ▲「予約照会・キャンセル」ボタン ▲ -->
          </div>
      
          <div class="g-user-info">
            <div class="g-user-link-btns">
              <!-- ▼「マイページ」ボタン ▼ -->
              <a
                href=https://www.yukoyuko.net/yoyaku
                class="g-user-icon-btn"
                onclick="YUKOYUKONET.gaClick('マイページ', 'Click', '共通ヘッダー')" 
              >
                <i class="m-icon-mypage"></i>
                <span>マイページ</span>
              </a>
              <!-- ▲「マイページ」ボタン ▲ -->
            </div>
          </div>
        </div>
      </div>
      <div class="g-nav-bar js-drawerTarget">
        <div class="l-inner">
          <div class="g-header-login-bar">
            <!-- ▼ ロゴの右側 catch copy ▼ -->
              <p>"気軽に、お得に。<br />平日、何度もお出かけ"</p>
            <!-- ▲ ロゴの右側 catch copy ▲ -->
          </div>
          <!--/* //// ▼ SP: 検索ボックス ▼ //// */-->
          <div class="g-nav-search-sp">
            <form
              action=https://www.yukoyuko.net/yado-area
              method="GET"
              class="g-search-input"
            >
              <div class="g-search-name">宿・ホテル名</div>
              <input
                type="search"
                name="keyword"
                placeholder="キーワード・宿コードを入力"
                class="hotelPlanSearchKeyword js_suggest-h"
                autocomplete="off"
                pattern="[^!#$%&\x22\x27()\*\+\-\.,\/:;<=>?@\[\]^_`{|}~]+"
                title='次の記号を含めず入力してください。： ! " &#39; # $ % & ( ) * + - . , / : ; < = > ? ` [ ] ^ _ ` { | } ~ \'
              />
              <button class="g-search-input-reset" type="reset"></button>
              <button
                class="g-search-btn"
                type="submit"
              >
                <i class="m-icon-svg"></i>
                <span>検索</span>
              </button>
              <ul
                class="suggestList js_suggest_words-h"
                style="top: 56px; display: none;"
              ></ul>
            </form>
          </div>
          <!--/* //// ▲ SP: 検索ボックス ▲ //// */-->
          <ul class="g-nav-list">
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net class="touchover">トップ</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/yado-area class="touchover">宿一覧</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/special class="touchover">特集</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/onsen class="touchover">温泉ガイド</a>
            </li>
            <li class="g-nav-item">
              <a href=https://guide.yukoyuko.net class="touchover">観光ガイド</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/cp/otocoupon class="touchover">クーポン<span>が獲得できるキャンペーン</span></a>
            </li>
          </ul>
      
          <div class="g-user-control">
            <!-- ▼「会員情報」ボタン ▼ -->
            <a
              href=https://www.yukoyuko.net/yoyaku/member
              class="g-user-icon-btn user-memberInfo-btn is-white"
            >
              <i class="m-icon-loginDetail"></i>会員情報
            </a>
            <!-- ▲「会員情報」ボタン ▲ -->
            <!-- ▼「マイページ」ボタン ▼ -->
            <a
              href=https://www.yukoyuko.net/yoyaku
              class="g-user-icon-btn"
              onclick="YUKOYUKONET.gaClick('マイページ', 'Click', '共通ヘッダー')" 
            >
              <i class="m-icon-mypage"></i>
              <span>マイページ</span>
            </a>
            <!-- ▲「マイページ」ボタン ▲ -->
          </div>
      
          <!--/* //// ▼ SP: サイトマップ ▼ //// */-->
          <ul class="g-nav-other-menu">
            <li>
              <a href=https://yukotabi.yukoyuko.net class="touchover" target="_blank"
                >温泉旅行メディア</a
              >
            </li>
            <li>
              <a href=https://www.yukoyuko.net/magazine class="touchover">宿泊情報誌のご案内</a>
            </li>
            <li>
              <a href=https://www.yukoyuko.net/faq class="touchover">よくあるご質問</a>
            </li>
            <li class="contact-link">
              <a href=https://www.yukoyuko.net/contact class="touchover">お問合せ</a>
            </li>
            <li>
              <a href=https://www.yukoyuko.net/info/kiyaku_link class="touchover">規約のご案内</a>
            </li>
            <li>
              <a href=https://www.yukoyuko.net/info/privacy class="touchover">プライバシーポリシー</a>
            </li>
            <li><a href=https://www.yukoyuko.net/sitemaps class="touchover">サイトマップ</a></li>
            <li><a href=https://www.yukoyuko.net/lp/about class="touchover">ゆこゆことは</a></li>
          </ul>
          <!--/* //// ▲ SP: サイトマップ ▲ //// */-->
          <div class="g-accordion-close-btn js-drawerCloseBtn">
            <i></i>
            <button type="button">閉じる</button>
          </div>
        </div>
      </div>
    </header>
    
    <!--/* //////////// ▼ PC: 追従ヘッダー ▼ //////////// */-->
    <div class="g-header-scroll is-sticky">
      <div class="g-header-upper">
        <div class="g-header-upper__inner l-inner">
          <!-- ▼ ゆこゆこネットロゴ logo ▼ -->
          <div class="g-brand-logo">
            <a href=https://www.yukoyuko.net class="touchover" aria-label="トップページへ">
              <span class="g-brand-logo-svg"></span>
            </a>
          </div>
          <!-- ▲ ゆこゆこネットロゴ logo ▲ -->
          <ul class="g-nav-list">
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net class="touchover">トップ</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/yado-area class="touchover">宿一覧</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/special class="touchover">特集</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/onsen class="touchover">温泉ガイド</a>
            </li>
            <li class="g-nav-item">
              <a href=https://guide.yukoyuko.net class="touchover">観光ガイド</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/cp/otocoupon class="touchover">クーポン<span>が獲得できるキャンペーン</span></a>
            </li>
          </ul>
          <div class="g-user-control">
            <!-- ▼「会員情報」ボタン ▼ -->
            <a
              href=https://www.yukoyuko.net/yoyaku/member
              class="g-user-icon-btn user-memberInfo-btn is-white"
            >
              <i class="m-icon-loginDetail"></i>会員情報
            </a>
            <!-- ▲「会員情報」ボタン ▲ -->
            <!-- ▼「予約照会・キャンセル」ボタン ▼ -->
            <a
              href=https://www.yukoyuko.net/yoyaku/member/reserve
              class="g-user-icon-btn"
            >
              <i class="m-icon-inquiry"></i>予約照会<span>・キャンセル</span>
            </a>
            <!-- ▲「予約照会・キャンセル」ボタン ▲ -->
          </div>
          <form
            action=https://www.yukoyuko.net/yado-area
            method="GET"
            class="g-search-input"
          >
            <div class="g-search-name">宿・ホテル名</div>
            <input
              type="search"
              name="keyword"
              placeholder="キーワード・宿コードを入力"
              class="hotelPlanSearchKeyword js_suggest-h"
              autocomplete="off"
              pattern="[^!#$%&\x22\x27()\*\+\-\.,\/:;<=>?@\[\]^_`{|}~]+"
              title='次の記号を含めず入力してください。： ! " &#39; # $ % & ( ) * + - . , / : ; < = > ? ` [ ] ^ _ ` { | } ~ \'
            />
            <button class="g-search-input-reset" type="reset"></button>
            <button
              class="g-search-btn"
              type="submit"
            >
              <i class="m-icon-svg"></i>
              <span>検索</span>
            </button>
            <ul
              class="suggestList js_suggest_words-h"
              style="top: 56px; display: none;"
            ></ul>
          </form>
        </div>
      </div>
    </div>
    <!--/* //////////// ▲ PC: 追従ヘッダー ▲ //////////// */-->
    
    <!-- //////////// ▼ スマホ用：電話予約 ▼ //////////// -->
    <div class="js-modal">
      <div class="g-telReserve modal-telReserve">
        <div class="c-concierge">
          <div class="l-inner">
            <p class="c-concierge_title">
              <span>ゆこゆこコミュニケーターへ<br />お気軽にご相談ください。</span>
            </p>
            <p class="c-concierge_txt">
              ゆこゆこ予約センタースタッフは豊富な情報からお客様のご希望に合う宿・施設をご提案するコミュニケーターです。お客様に寄り添い、お求めの施設情報をご案内いたします。
            </p>
            <ul class="c-concierge_list">
              <li>
                <div>
                  <p class="c-concierge_tel">
                    ゆこゆこ予約センター
                    <span>
                      <a href="tel:0120333333" class="m-icon-svg u-visible-sp"
                        >0120-333-333</a
                      >
                    </span>
                  </p>
                  <p class="c-concierge_att">
                    ※ 年中無休（9:00～21:00受付）。<br />
                    年末年始も営業時間は通常通りです。<br />
                    ※ 17時以降および土日は特に混み合います。
                  </p>
                </div>
              </li>
            </ul>
            <button
              type="button"
              class="g-telReserveCloseBtn js-modalCloneCloseBtn u-visible-sp"
            >
              閉じる
              <i></i>
            </button>
          </div>
        </div>
      </div>
    </div>
    <!-- //////////// ▲ スマホ用：電話予約 ▲ //////////// -->
    <!--/* ////////// ▲ 共通ヘッダー ▲ ////////// */-->
    
    <main>
      <!-- //////////// ▼ コンテンツ ▼ //////////// --> 

      <div class="content-main" id="app">
        <section class="contents content-slider">
          <div class="accent slider-box">
              <div class="swiper">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <img src="/lp/assets/slide1.c89f6fbe.jpg" alt="雲海">
                  </div>
                  <diuv class="swiper-slide">
                    <img src="/lp/assets/slide2.a230ca0b.jpg" alt="湖">
                  </diuv>
                </div>
              </div>
              <div class="slider-text">
                <img src="/lp/assets/slider-text.b2fde9de.png" alt="大人の上質な旅">
              </div>
          </div>
        </section>
        <section class="contents content1" style="background-image: url(/lp/assets/bk-img-w.bfc6fafc.png); background-repeat: repeat; background-size: contain;">
          <div class="xl-inner">
            <div class="l-inner">
              <p class="fs-21 ta-c">
                <span class="tb">人気の温泉に泊まって、</span><span class="tb">九州の南に位置する鹿児島の、</span><br>
                <span class="tb">宝箱を開けたかのような名所を巡る</span><span class="tb">２つの旅コースをご紹介。</span><br>
                いずれも大人の皆様が満足できる上質なコースです。<br>
                いつまでも記憶に残る旅へお出かけください。
              </p>
            </div>
          </div>
        </section>
        <section class="contents">
              <img src="/lp/assets/kv-ibusuki-kirishima.7b903030.jpg" alt="指宿・霧島温泉郷" width="100%" class="pc">
              <img src="/lp/assets/kv-ibusuki-kirishima-sp.72845f3c.jpg" alt="指宿・霧島温泉郷" width="100%" class="sp">
        </section>
        <section class="contents content2" style="background-image: url(/lp/assets/bk-img-w.bfc6fafc.png); background-repeat: repeat; background-size: contain;">
          <div class="xl-inner">
            <div class="l-inner">
              <p class="c-beige fs-35 ta-c pt-40-20">大人の上質な旅を堪能する2 つのおすすめコース</p>
              <div class="mt-25 ta-c">
                <span class="tb">※文中の表示金額は消費税込価格です。</span><span class="tb">※情報は11月2日時点のものです。</span><span class="tb">※花の見頃は例年のものです。お出かけの際は事前にご確認ください。</span><span class="tb">※移動時間は目安です。道路状況により異なります。</span>
              </div>
              <div class="bnr-course mt-20 ta-c" style="padding-bottom: 40px;">
                <div class="bnr-course1 button1">
                    コース<span class="fs-35">1</span><br>
                    <span class="ibusuki-text marker-b fs-35">指宿温泉郷</span><br>
                    <img src="/lp/assets/ibusukionsenkyo.b9d51239.jpg" alt="指宿温泉郷" class="br-20">
                </div>
                <div class="bnr-course2 button2 opt-04">
                    コース<span class="fs-35">2</span><br>
                    <span class="kirishima-text fs-35">霧島温泉郷</span><br>
                    <img src="/lp/assets/kirishimaonsenkyo.d034324d.jpg" alt="霧島温泉郷" class="br-20">
                </div>
              </div>
            </div>
          </div>
        </section>

        <div id="onsenkyo"></div>
        <!-- コース１ 指宿温泉郷　-->
        <section class="contents element1" style="background-image: url(/lp/assets/bk-img-b.5e71a54d.png); background-repeat: repeat; background-size: contain;" id="ibusuki">
          <div class="xl-inner" style="background-color: #fff;">
            <div class="l-inner">
              <div class="ta-c"><img src="/lp/assets/course1.1d90b8e5.svg" alt="コース１" class="mt-50" width="180px" style="padding-right: 15px;"></div>
              <div class="onsenkyo">
                <div class="c-blue fs-75 jp">指宿温泉郷</div>
                <div class="c-lightblue fs-130 en">Ibusuki</div>
                <img src="/lp/assets/ibusukionsenkyo.b9d51239.jpg" alt="指宿温泉郷" class="br-50">
              </div>
              <p class="mt-20 fs-21">指宿市の海岸から平野にかけて広がる温泉地の総称。温泉郷の代名詞といえる砂むし温泉をはじめ、絶景を望むお風呂など魅力的なお風呂が揃っています。温泉とともに早春の花なども愛でる旅へ出かけましょう。</p>
              <div class="ta-c"><img src="/lp/assets/course1-flow.91386172.svg" alt="コース１行程" class="mt-50" width="400"></div>
              <div class="day mt-100">
                <img src="/lp/assets/day1.fb693587.svg" alt="1日目" width="130px"><br class="sp">
                名物鹿児島黒牛料理をゆっくり味わえる名店
              </div>
              <h3 class="ta-c c-blue fs-75">華蓮<span class="fs-60"> 鹿児島店</span></h3>
              <div class="caption-v">
                <img src="/lp/assets/karen1.ea3f758e.jpg" alt="華蓮鹿児島店" class="br-50">
                <div>
                    鹿児島黒牛上ロース肉１００ｇのほか、前菜や野菜盛合せなどがついた<br class="pc">鹿児島黒牛しゃぶしゃぶ５３００円（写真は２名盛り）
                </div>
              </div>
              <div class="road-b1 mt-0--60">
                <div class="box-1 clearfix pt-40-70">
                  <div class="box-1-l"><p>JA 鹿児島県経済連が運営するレストラン。鹿児島名物の鹿児島黒牛や黒豚などを使用した料理が食べられる。ランチでは、鹿児島黒牛・黒豚味わいしゃぶしゃぶ4,200円や鹿児島黒牛しゃぶしゃぶ5,300円が人気。</p>
                  </div>
                  <div class="box-1-r mt-0-20">
                    <div class="caption-v">
                      <img src="/lp/assets/karen2.76aed4c0.jpg" alt="華蓮鹿児島店" class="br-50">
                      <div>
                            テーブル席のほかゆったり<br class="pc">食事ができる座敷席もある
                      </div>
                    </div>
                  </div>
                </div>
                <div style="padding-left: 35%;"><img src="/lp/assets/75min.d895c596.svg" alt="75分" class="mt-50" width="60"></div>
                <div class="mt-50">
                  <div style="width: 60%; display: inline-block;" class="fs-35 ta-c">大昔の火山活動により誕生した<br class="pc">菜の花風景が美しい湖</div>
                  <div style="width: 38%; display: inline-block;" class="fs-75 c-blue">池田湖</div>
                </div>
                <div class="caption-v">
                  <img src="/lp/assets/ikedako1.3f598fd3.jpg" alt="池田湖" class="br-50">
                  <div>
                      一面菜の花に覆われる池田湖。記念撮影は忘れずに！
                  </div>
                </div>
                <div style="padding-left: 10%; margin-top: -14%;"><img src="/lp/assets/koko-ikedako.401f866f.svg" alt="注目" class="koko-ikedako" width="200"></div>
                <div class="box-1 clearfix pt-10-50">
                  <div class="box-1-l"><p>周囲は約15km、水深233m という九州で最大のカルデラ湖。この時季、湖岸の花壇では菜の花が咲き誇り、菜の花と池田湖、その向こうにそびえる開聞岳との、この時季だけのコラボレーションによる美しい風景が広がる。</p>
                  </div>
                  <div class="box-1-r mt-0-20">
                    <div class="caption-v">
                      <img src="/lp/assets/ikedako2.7a08b4ee.jpg" alt="池田湖" class="br-50">
                      <div>
                            池田湖畔には人気のコーヒーやスイーツが<br class="pc">楽しめるカフェのある公園「IKEDAKO<br class="pc">PAX（いけだ湖パクス）」も
                      </div>
                    </div>
                  </div>
                </div>
                <div style="padding-left: 30%; padding-bottom: 30px;"><img src="/lp/assets/onsen-mark.e58a3078.svg" alt="温泉マーク" class="mt-50" width="50"></div>
              </div>
              <div class="box-w fs-21">指宿温泉郷 泊</div>
              <br class="sp">
              <div style="padding-left: 65%;"><img src="/lp/assets/25min.00e70ebe.svg" alt="25分" width="60"></div>
              <!-- 指宿温泉郷の宿　-->
              <div style=""><img src="/lp/assets/obi-onsenkyo.a91c2f5e.svg" alt="宿の帯" width="100%"></div>
              
            </div>
          </div>
        </section>
        <section class="contents element1" style="background-image: url(/lp/assets/bk-img-b.5e71a54d.png); background-repeat: repeat; background-size: contain;">
          <div class="xl-inner" style="background-color: #F9F5ED;">
            <div class="l-inner" style="padding-bottom: 80px">
              <div class="yado">
                <div class="c-beige fs-50 jp">指宿温泉郷の宿</div>
                <div class="c-lightblue fs-75 en">Ibusuki</div>
              </div>

              <!---------- 1 ---------->
              <div class="yado1-no c-dullblue fs-280" style="margin-left: 60%; z-index: 2; position: sticky;">１</div>
              <div class="yado1-v">
                <div class="yado1-v-caption pc">
                    朝日や錦江湾を望む眺望抜群の大浴場
                </div>
                <img src="/lp/assets/kinkouroh1.fa10c29f.jpg" alt="こらんの湯 錦江楼" class="br-50 yado1-img">
                <div class="fs-50 c-blue yado1-v-text">
                  <img src="/lp/assets/memori-b.0ff093cc.svg" alt="宿名" class="kanmuri">
                    こらんの湯 錦江楼
                </div>
              </div>
              <div class="yado1-v-caption sp" style="margin-top: -23px">
                  朝日や錦江湾を望む眺望抜群の大浴場
              </div>
              
              <div class="mt-20 ta-c fs-35 c-beige ">桜島を眺望する展望風呂が魅力的</div>
              <p class="sp mt-20 fs-21">肌がツルツルになるといわれるメタケイ酸を豊富に含むかけ流しの温泉が自慢。薩摩黒牛や旬のお刺身などが食べられる夕食も楽しみ。</p>

              <div class="box-2 clearfix pt-40-20">
                <div class="box-2-l">
                  <div class="caption-v">
                    <div class="pc">
                        夕食では薩摩黒牛のセイロ蒸しなどが<br class="pc">味わえる（一例）
                    </div>
                    <img src="/lp/assets/kinkouroh2.119421e5.jpg" alt="こらんの湯 錦江楼" class="br-50">
                    <div class="sp">
                        夕食では薩摩黒牛のセイロ蒸しなどが味わえる（一例）
                    </div>
                  </div>
                </div>
                <div class="box-2-r">
                  <p class="pc">肌がツルツルになるといわれるメタケイ酸を豊富に含むかけ流しの温泉が自慢。薩摩黒牛や旬のお刺身などが食べられる夕食も楽しみ。</p>
                  <div class="mt-20 ta-c">
                    <a href="https://www.yukoyuko.net/4612" target="_blank" class="btn-b fs-18">宿泊情報はこちら</a>
                  </div>
                </div>
              </div>

              <!---------- 2 ---------->
              <div class="spacer20-sp"></div>
              <div class="yado2-no c-dullblue fs-280" style="margin-left: 10%; z-index: 2; position: sticky;">２</div>
              <div class="yado2-v">
                <div class="fs-40 c-blue yado2-v-text">
                  <img src="/lp/assets/memori-b.0ff093cc.svg" alt="宿名" class="kanmuri kanmuri-s">
                    鹿児島砂むし温泉 指宿白水館
                </div>
                <div style="width: 81%; display: inline-block; vertical-align: top;">
                  <img src="/lp/assets/hakusuikan1.a6bed7fd.jpg" alt="白水館" class="br-50 yado2-img">
                  <div class="yado2-v-caption">
                      季節の和食会席プラン（一例）
                  </div>
                </div>
              </div>
              <div class="mt-20 ta-c fs-35 c-beige ">多彩な湯船や砂むし風呂を楽しんで</div>              
              <div class="box-1 clearfix pt-40-20">
                <div class="box-1-l">
                  <p>風情あふれる元禄風呂や波音が響く露天風呂など趣きの異なるお風呂が魅力。夕食は、黒豚しゃぶしゃぶや海と山の旬の味覚などが食べられる。</p>
                  <div class="mt-20 ta-c pc">
                    <a href="https://www.yukoyuko.net/0052" target="_blank" class="btn-b fs-18">宿泊情報はこちら</a>  
                  </div>
                </div>
                <div class="box-1-r mt-0-20">
                  <div class="caption-v">
                    <img src="/lp/assets/hakusuikan2.e3c8210e.jpg" alt="白水館" class="br-50">
                    <div>
                        江戸の趣あふれる元禄風呂
                    </div>
                  </div>
                </div>
                <div class="mt-20 ta-c fs-18 sp">
                  <a href="https://www.yukoyuko.net/0052" target="_blank" class="btn-b">宿泊情報はこちら</a>  
                </div>
              </div>
              <div class="mt-75-50 ta-c">
                <a href="https://www.yukoyuko.net/yado-area/L10/P46/O0026?stay_count=1&room_count=1&adult_count=2&size=15&page=0&sort=0&display_type=0" target="_blank" class="btn-b-w fs-21">　ほかにもある指宿温泉郷の宿はこちら　</a>  
              </div>
              <div class="mt-25 ta-c">
                <a href="https://www.yukoyuko.net/cp/otocoupon/yket4604" target="_blank" class="btn-b-w fs-21">鹿児島県宿泊限定クーポンの獲得はこちら</a>  
              </div>

            </div>
          </div>
        </section>
        <section class="contents element1" style="background-image: url(/lp/assets/bk-img-b.5e71a54d.png); background-repeat: repeat; background-size: contain;">
          <div class="xl-inner" style="background-color: #fff;">
            <div class="l-inner">
              
              <div class="road-b2 mt-0--60">
                <div style="padding-left: 40%;"><img src="/lp/assets/20min.186dedcf.svg" alt="20分" class="mt-50" width="60"></div>
              <div class="day pt-40-20">
                <img src="/lp/assets/day2.61f27412.svg" alt="2日目" width="130px"><br class="sp">
                早咲きの桜も見られる世界の植物を集めた公園
              </div>
              <h3 class="ta-c c-blue fs-75 lh-12">フラワーパークかごしま</h3>
              </div>
              <div class="caption-v">
                <img src="/lp/assets/flower-park1.a40de1be.jpg" alt="フラワーパークかごしま" class="br-50">
                <div>
                    一面に咲き誇るポピーは色鮮やかで可愛い
                </div>
              </div>
                <div class="box-1 clearfix pt-40-20">
                  <div class="box-1-l"><p>「花・風・光のシンフォニー」をテーマにした約36.5ha の広大な園内では、一年を通して国内や世界各地の様々な植物を植栽。1 月、2 月頃はアカシアや国内でも珍しい早咲きの桜『イズノオドリコ』が見られる。</p>
                  </div>
                  <div class="box-1-r mt-0-20">
                    <div class="caption-v">
                      <img src="/lp/assets/flower-park2.75ae21a2.jpg" alt="フラワーパークかごしま" class="br-50">
                      <div>
                         『イズノオドリコ』。<br class="pc">開花時期は例年１月下旬〜２月中旬
                      </div>
                    </div>
                    <div style="padding-left: 61%; margin-top: -38%;"><img src="/lp/assets/koko-flower-park.aecf8773.svg" alt="注目" class="koko-flower-park" width="170"></div>
                  </div>
                </div>
              <div class="spacer100"></div>
              
            </div>
          </div>
        </section>
        <section class="contents element1" style="background-image: url(/lp/assets/bk-img-b.5e71a54d.png); background-repeat: repeat; background-size: contain;">
          <div class="xl-inner" style="background-color: #fff;">
            <div class="l-inner">
              <div class="ta-c fs-35 c-beige">指宿温泉郷コースはこちら</div>
              <div class="ta-c fs-35 c-beige">– Course Map –</div>
              <div class="spacer50"></div>

              <div class="g-map"><iframe src="https://www.google.com/maps/d/u/0/embed?mid=1TrPl6HIbgaVXRsAsjxds-5Ay0deH6e0&ehbc=2E312F&noprof=1" width="100%" height="600"></iframe></div>
              
              <div class="mt-75-50 ta-c">
                <a href="#onsenkyo" class="btn-p-w fs-21 btn-to-kirishima">　　　　 &thinsp;霧島温泉郷コースを見る&thinsp; 　　　　　</a>  
              </div>
              <div class="mt-25 ta-c">
                <a href="https://www.yukoyuko.net/yado-area/L10/P46" target="_blank" class="btn-b-w fs-21">　　　　鹿児島県の宿一覧はこちら　　　　　</a>  
              </div>
              <div class="mt-25 ta-c">
                <a href="https://www.yukoyuko.net/cp/otocoupon/yket4604" target="_blank" class="btn-b-w fs-21">　鹿児島県宿泊限定クーポンの獲得はこちら　</a>  
              </div>
              <div class="mt-25 ta-c">
                <a href="https://www.kagoshima-kankou.com/" class="btn-b-w fs-21" target="_blank" rel="noopener noreferrer">鹿児島県観光サイト「かごしまの旅」はこちら</a>  
              </div>

              <div class="spacer100"></div>
            </div>
          </div>
        </section>

        <!-- コース２　霧島温泉郷　-->
        <section class="contents element2" style="background-image: url(/lp/assets/bk-img-p.a3b95718.png); background-repeat: repeat; background-size: contain;" id="kirishima">
          <div class="xl-inner" style="background-color: #fff;">
            <div class="l-inner">
              
              <div class="ta-c"><img src="/lp/assets/course2.62f2d08b.svg" alt="コース2" class="mt-50" width="180px" style="padding-right: 15px;"></div>
              <div class="onsenkyo">
                <div class="c-purple fs-75 jp">霧島温泉郷</div>
                <div class="c-lightpurple fs-130 en">Kirishima</div>
                <img src="/lp/assets/kirishimaonsenkyo.d034324d.jpg" alt="霧島温泉郷" class="br-50">
              </div>
              <p class="mt-20 fs-21">9 つの温泉地からなる山間の温泉郷で、1714 年に発見されたという硫黄泉や単純温泉など多彩な泉質が揃っています。泉質ごとに異なる効能に癒やされながら、国宝やおいしいグルメに出会える旅へお出かけください。</p>
              <div class="ta-c"><img src="/lp/assets/course2-flow.49747842.svg" alt="コース２行程" class="mt-50" width="400"></div>
              <div class="day mt-100">
                <img src="/lp/assets/day1.fb693587.svg" alt="1日目" width="130px"><br class="sp">
                坂本龍馬夫妻も参拝した天孫降臨の地に立つ神宮
              </div>
              <h3 class="ta-c c-purple fs-75">霧島神宮</h3>
              <div class="caption-v">
                <img src="/lp/assets/kirishimajingu1.a12e2790.jpg" alt="霧島神宮" class="br-50">
                <div>
                    老杉に囲まれた参道を抜けると現れる朱塗りの荘厳な社殿
                </div>
              </div>
              <div class="road-p1 mt-0--60">
                <div class="box-1 box-1-kirishimajingu clearfix pt-40-70">
                  <div class="box-1-l">
                    <p>創建は６世紀頃といわれ、天照大神の孫にあたる瓊瓊杵尊を主祭神とする由緒ある神宮。令和4年2月には本殿・幣殿･拝殿が国宝に指定されたほか、国の重要文化財の建造物も立ち並ぶ。初詣にもおすすめ。</p>
                    <div class="spacer20-sp"></div>
                    <p style="font-size: 12px; text-align: right;"><img src="/lp/assets/gosyuin.7aac035a.png" alt="御朱印" class="br-50" style="vertical-align: baseline;"><br>参拝の記念に御朱印も忘れずに</p>
                    <div class="spacer40-sp"></div>
                  </div>
                  <div class="box-1-r">
                    <div class="caption-v">
                      <img src="/lp/assets/kirishimajingu2.3d4b2b4d.jpg" alt="御神木" class="br-50">
                      <div>
                            境内にある樹高３８･２ｍの御神木
                      </div>
                    </div>
                    <div style="padding-left: 43%; margin-top: -125%;"><img src="/lp/assets/koko-kirishimajingu.0b6576cc.svg" alt="注目" class="koko-kirishimajingu" width="200"></div>
                  </div>
                </div>
                <div style="padding-left: 54%;"><img src="/lp/assets/15min.369bcac6.svg" alt="15分" class="mt-50" width="60"></div>
                <div class="mt-50">
                  <div class="fs-35 ta-c">生産から料理まで一貫、おいしい黒豚を召し上がれ</div>
                  <div class="fs-75 ta-c c-purple"><span style="font-size: 80%" class="tb">産直レストラン</span><span class="tb">「黒豚の館」</span></div>
                </div>
                <div class="caption-v">
                  <img src="/lp/assets/kurobutayakata1.5ef10709.jpg" alt="黒豚の館" class="br-50">
                  <div>
                      一押しメニューの黒豚特上ロースかつ定食３３００円
                  </div>
                </div>
                <div class="box-1 clearfix pt-40-20">
                  <div class="box-1-l"><p>霧島ガストロノミーブランドである「ゲンセン霧島」7つ星に認定された「霧島高原純粋黒豚」や地元の食材をふんだんに使用したレストラン。シンプルに調理された料理はどれも素材の良さを存分に味わえると大好評。</p>
                  </div>
                  <div class="box-1-r mt-0-20">
                    <div class="caption-v">
                      <img src="/lp/assets/kurobutayakata2.1d185d44.jpg" alt="黒豚の館" class="br-50">
                      <div>
                            多くの観光客が足を運ぶ名店
                      </div>
                    </div>
                  </div>
                </div>
                <div style="padding-left: 30%; padding-bottom: 30px;"><img src="/lp/assets/onsen-mark.e58a3078.svg" alt="温泉マーク" class="mt-50" width="50"></div>
              </div>
              <div class="box-w fs-21">霧島温泉郷 泊</div>
              <br class="sp">
              <div style="padding-left: 65%;"><img src="/lp/assets/20min.186dedcf.svg" alt="20分" width="60"></div>
              
              <div style=""><img src="/lp/assets/obi-onsenkyo.a91c2f5e.svg" alt="宿の帯" width="100%"></div>
              
            </div>
          </div>
        </section>
        <section class="contents element2" style="background-image: url(/lp/assets/bk-img-p.a3b95718.png); background-repeat: repeat; background-size: contain;">
          <div class="xl-inner" style="background-color: #F9F5ED;">
            <div class="l-inner" style="padding-bottom: 80px">
              <div class="yado">
                <div class="c-beige fs-50 jp">霧島温泉郷の宿</div>
                <div class="c-lightpurple fs-75 en">Kirishima</div>
              </div>

              <!---------- 1 ---------->
              <div class="yado1-no c-dullpurple fs-280" style="margin-left: 60%; z-index: 2; position: sticky;">１</div>
              <div class="yado1-v">
                <div class="yado1-v-caption pc">
                    鹿児島県産Ａ５ランク牛ステーキなどが味わえる創作懐石（一例）
                </div>
                <img src="/lp/assets/shoen1.2e55e50a.jpg" alt="いやしの里松苑離れ" class="br-50 yado1-img">
                <div class="fs-50 c-purple yado1-v-text">
                  <img src="/lp/assets/memori-p.dee1afa4.svg" alt="宿名" class="kanmuri">
                    いやしの里松苑離れ
                </div>
              </div>
              <div class="yado1-v-caption sp" style="margin-top: -37px">
                    鹿児島県産A５ランク牛ステーキなどが<br>味わえる創作懐石（一例）
              </div>

              <div class="mt-20 ta-c fs-35 c-beige ">プライベート空間で上質なひとときを</div>
              <p class="sp mt-20 fs-21">食事は個室で、お風呂は1棟1 棟離れになっている客室で、時間や人目を気にすることなく入れる。大切な時間を過ごそう。</p>

              <div class="box-2 clearfix pt-40-20">
                <div class="box-2-l">
                  <div class="caption-v">
                    <div class="pc">
                        多彩な湯船が揃う客室露天風呂
                    </div>
                    <img src="/lp/assets/shoen2.11f70a8d.jpg" alt="いやしの里松苑離れ" class="br-50">
                    <div class="sp">
                        多彩な湯船が揃う客室露天風呂
                    </div>
                  </div>
                </div>
                <div class="box-2-r">
                  <p class="pc">食事は個室で、お風呂は1棟1 棟離れになっている客室で、時間や人目を気にすることなく入れる。大切な時間を過ごそう。</p>
                  <div class="mt-20 ta-c">
                    <a href="https://www.yukoyuko.net/3193" target="_blank" class="btn-p fs-18">宿泊情報はこちら</a>  
                  </div>
                </div>
              </div>

              <!---------- 2 ---------->
              <div class="spacer20-sp"></div>
              <div class="yado2-no c-dullpurple fs-280" style="margin-left: 10%; z-index: 2; position: sticky;">２</div>
              <div class="yado2-v">
                <div class="fs-40 c-purple yado2-v-text">
                  <img src="/lp/assets/memori-p.dee1afa4.svg" alt="宿名" class="kanmuri kanmuri-s">
                    夫婦露天風呂の宿 天テラス
                </div>
                <div style="width: 81%; display: inline-block; vertical-align: top;">
                  <img src="/lp/assets/amaterasu1.e3ab58fb.jpg" alt="天テラス" class="br-50 yado2-img">
                  <div class="yado2-v-caption">
                    素晴らしい景色を望む露天風呂付き客室のお風呂
                  </div>
                </div>
              </div>
              <div class="mt-20 ta-c fs-35 c-beige ">静かな時が過ごせる大人限定の湯宿</div>              
              <div class="box-1 clearfix pt-40-20">
                <div class="box-1-l">
                  <p>かけ流しの名湯が注ぐお風呂はすべて貸切風呂で温水プール付き。眺望と夕食で味わえるオリジナルスイーツとともに癒やされる。</p>
                  <div class="mt-20 ta-c pc">
                    <a href="https://www.yukoyuko.net/3681" target="_blank" class="btn-p fs-18">宿泊情報はこちら</a>
                  </div>
                </div>
                <div class="box-1-r mt-0-20">
                  <div class="caption-v">
                    <img src="/lp/assets/amaterasu2.30b7a20f.jpg" alt="天テラス" class="br-50">
                    <div>
                        人気の鹿児島黒毛和牛すき焼き会席（一例）
                    </div>
                  </div>
                </div>
                <div class="mt-20 ta-c fs-18 sp">
                  <a href="https://www.yukoyuko.net/3681" target="_blank" class="btn-p">宿泊情報はこちら</a>
                </div>
              </div>

              <!---------- 3 ---------->
              <div class="spacer20-sp"></div>
              <div class="yado1-no c-dullpurple fs-280" style="margin-left: 60%; z-index: 2; position: sticky;">３</div>
              <div class="yado1-v lavista">
                <div class="yado1-v-caption pc">
                    四季折々の風景が広がる露天風呂
                </div>
                <img src="/lp/assets/lavista1.86b5b99a.jpg" alt="ラビスタ霧島ヒルズ" class="br-50 yado1-img">
                <div class="fs-40 c-purple yado1-v-text">
                  <img src="/lp/assets/memori-p.dee1afa4.svg" alt="宿名" class="kanmuri kanmuri-s">
                    ラビスタ霧島ヒルズ（共立リゾート）
                </div>
              </div>
              <div class="yado1-v-caption sp mt-0---130---160">
                  四季折々の風景が広がる露天風呂
              </div>
              
              <div class="fs-35 c-beige ta-pcc-spl mt--100-20">ワンクラス上の欧風リゾート</div>
              <p class="sp mt-20 fs-21" style="width: 78%;">桜島を望むロケーションや全室露天風呂付きの客室、イタリアンテイストのコース料理。海外にいるような贅沢なひとときを体感できる。</p>

              <div class="box-2 clearfix pt-40-20">
                <div class="box-2-l">
                  <div class="caption-v">
                    <div class="pc">
                        地元の旬野菜などを使用したコース料理（一例）
                    </div>
                    <img src="/lp/assets/lavista2.3a5c6e21.jpg" alt="ラビスタ霧島ヒルズ" class="br-50">
                    <div class="sp">
                        地元の旬野菜などを使用したコース料理（一例）
                    </div>
                  </div>
                </div>
                <div class="box-2-r">
                  <p class="pc">桜島を望むロケーションや全室露天風呂付きの客室、イタリアンテイストのコース料理。海外にいるような贅沢なひとときを体感できる。</p>
                  <div class="mt-20 ta-c">
                    <a href="https://www.yukoyuko.net/4697" target="_blank" class="btn-p fs-18">宿泊情報はこちら</a>  
                  </div>
                </div>
              </div>
              
              <div class="mt-75-50 ta-c">
                <a href="https://www.yukoyuko.net/yado-area/L10/P46/O0329?stay_count=1&room_count=1&adult_count=2&size=15&page=0&sort=0&display_type=0" target="_blank" class="btn-p-w fs-21">　ほかにもある霧島温泉郷の宿はこちら　</a>  
              </div>
              <div class="mt-25 ta-c">
                <a href="https://www.yukoyuko.net/cp/otocoupon/yket4604" target="_blank" class="btn-p-w fs-21">鹿児島県宿泊限定クーポンの獲得はこちら</a>  
              </div>

            </div>
          </div>
        </section>
        <section class="contents element2" style="background-image: url(/lp/assets/bk-img-p.a3b95718.png); background-repeat: repeat; background-size: contain;">
          <div class="xl-inner" style="background-color: #fff;">
            <div class="l-inner">
              
              <div class="road-p2 mt-0--60">
                <div style="padding-left: 40%;"><img src="/lp/assets/35min.025832dc.svg" alt="35分" class="mt-50" width="60"></div>
              <div class="day pt-40-20">
                <img src="/lp/assets/day2.61f27412.svg" alt="2日目" width="130px"><br class="sp">
                鹿児島県の芸術交流拠点自然と芸術作品に触れ合おう
              </div>
              <h3 class="ta-c c-purple fs-75 lh-12">霧島アートの森</h3>
              </div>
              <div class="caption-v">
                <img src="/lp/assets/kirishima-art1.f04fd47e.jpg" alt="霧島アートの森" class="br-50">
                <div>
                    石が浮いているように見える、植松奎二の作品《浮くかたちー赤》
                </div>
              </div>
                <div class="box-1 clearfix pt-40-20">
                  <div class="box-1-l"><p>霧島の豊かな自然と調和する芸術性の高い彫刻作品を展示している野外美術館。この地を訪れた国内外の造形作家たちが、霧島の自然や歴史、文化などを生かしながら構想したオリジナルの作品の々を見ることができる。</p>
                  </div>
                  <div class="box-1-r mt-0-20">
                    <div class="caption-v">
                      <img src="/lp/assets/kirishima-art2.3be8f152.jpg" alt="霧島アートの森" class="br-50">
                      <div>
                         チェ・ジョンファの《あなたこそアート》。<br>印象的な作品が展示されている
                      </div>
                    </div>
                    <div style="padding-left: 61%; margin-top: -45%;"><img src="/lp/assets/koko-kirishima-art.f5c0c735.svg" alt="注目" class="koko-flower-park" width="170"></div>
                  </div>
                </div>
              <div class="spacer100"></div>
              
            </div>
          </div>
        </section>
        <section class="contents element2" style="background-image: url(/lp/assets/bk-img-p.a3b95718.png); background-repeat: repeat; background-size: contain;">
          <div class="xl-inner" style="background-color: #fff;">
            <div class="l-inner">
              <div class="ta-c fs-35 c-beige">霧島温泉郷コースはこちら</div>
              <div class="ta-c fs-35 c-beige">– Course Map –</div>
              <div class="spacer50"></div>

              <div class="g-map"><iframe src="https://www.google.com/maps/d/embed?mid=1vQWdVGs1CWamKVenYVsEwtAVJIRv9BQ&ehbc=2E312F&noprof=1" width="100%" height="600"></iframe></div>
              
              <div class="mt-75-50 ta-c">
                <a href="#onsenkyo" class="btn-b-w fs-21 btn-to-ibusuki">　　　　 &thinsp;指宿温泉郷コースを見る&thinsp; 　　　　　</a>  
              </div>
              <div class="mt-25 ta-c">
                <a href="https://www.yukoyuko.net/yado-area/L10/P46" target="_blank" class="btn-p-w fs-21">　　　　鹿児島県の宿一覧はこちら　　　　　</a>  
              </div>
              <div class="mt-25 ta-c">
                <a href="https://www.yukoyuko.net/cp/otocoupon/yket4604" target="_blank" class="btn-p-w fs-21">　鹿児島県宿泊限定クーポンの獲得はこちら　</a>  
              </div>
              <div class="mt-25 ta-c">
                <a href="https://www.kagoshima-kankou.com/" class="btn-p-w fs-21" target="_blank" rel="noopener noreferrer">鹿児島県観光サイト「かごしまの旅」はこちら</a>  
              </div>

              <div class="spacer100"></div>
            </div>
          </div>
        </section>

        <script>
              const swiper = new Swiper(".swiper", {
                autoplay: {
                  delay: 4000,
                },
                effect: 'fade',
                speed: 3000,
              });
        </script>
      
      </div>

      <!--/* ////////// ▲ コンテンツ ▲ ////////// */-->
      <!-- //////////// ▼ コンシェルジュ ▼ //////////// --> 
      <section class="c-concierge">
        <div class="l-inner">
          <div class="c-concierge_wrap">
            <h3 class="c-concierge_title">
              <span>ゆこゆこコミュニケーターへ<br class="u-visible-sp"/>
              お気軽にご相談ください</span>
            </h3>
            <p class="c-concierge_txt">
              ゆこゆこ予約センタースタッフは豊富な情報からお客様のご希望に合う宿・施設をご提案するコミュニケーターです。お客様に寄り添い、お求めの施設情報をご案内いたします。
            </p>
            <ul class="c-concierge_list">
              <li>
                <div>
                  <p class="c-concierge_tel">ゆこゆこ予約センター
                    <span>
                      <span class="m-icon-svg u-hidden-sp">0120-333-333</span>
                      <a href="tel:0120333333" class="m-icon-svg u-visible-sp">0120-333-333</a>
                    </span>
                  </p>
                  <div class="c-concierge_att">
                    <p>※年中無休（9:00～21:00受付）。</p>
                    <p>年末年始も営業時間は通常通りです。</p>
                    <p>※17時以降および土日は特に混み合います。</p>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </section>
      <!-- //////////// ▲ コンシェルジュ ▲ //////////// --> 
      <!-- //////////// ▼ ローカルナビ ▼ //////////// -->
      <div class="c-localnav">
        <div class="l-inner">
          <nav class="c-localnav_item">
            <h3 class="c-localnav_item_title">○エリアから宿を探す</h3>
            <ul class="c-localnav_item_list">
              <li>
                <a href="/yado-area/L01/P01">北海道の温泉宿</a>
              </li>
              <li>
                <a href="/yado-area/L02">東北の温泉宿</a>
              </li>
              <li>
                <a href="/yado-area/L03">関東の温泉宿</a>
              </li>
              <li>
                <a href="/yado-area/L04">伊豆・箱根の温泉宿</a>
              </li>
              <li>
                <a href="/yado-area/L06">甲信越の温泉宿</a>
              </li>
              <li>
                <a href="/yado-area/L05">東海の温泉宿</a>
              </li>
              <li>
                <a href="/yado-area/L07">北陸の温泉宿</a>
              </li>
              <li>
                <a href="/yado-area/L08">近畿（関西）の温泉宿</a>
              </li>
              <li>
                <a href="/yado-area/L09">中国・四国の温泉宿</a>
              </li>
              <li>
                <a href="/yado-area/L10">九州・沖縄の温泉宿</a>
              </li>
            </ul>
          </nav>
          <nav class="c-localnav_item">
            <h3 class="c-localnav_item_title">○温泉地から宿を探す</h3>
            <ul class="c-localnav_item_list">
              <li>
                <a href="/onsen/search/L01/P01">北海道の温泉地</a>
              </li>
              <li>
                <a href="/onsen/search/L02">東北の温泉地</a>
              </li>
              <li>
                <a href="/onsen/search/L03">関東の温泉地</a>
              </li>
              <li>
                <a href="/onsen/search/L04">伊豆・箱根の温泉地</a>
              </li>
              <li>
                <a href="/onsen/search/L06">甲信越の温泉地</a>
              </li>
              <li>
                <a href="/onsen/search/L05">東海の温泉地</a>
              </li>
              <li>
                <a href="/onsen/search/L07">北陸の温泉地</a>
              </li>
              <li>
                <a href="/onsen/search/L08">近畿（関西）の温泉地</a>
              </li>
              <li>
                <a href="/onsen/search/L09">中国・四国の温泉地</a>
              </li>
              <li>
                <a href="/onsen/search/L10">九州・沖縄の温泉地</a>
              </li>
            </ul>
            <ul class="c-localnav_item_list">
              <li>
                <a href="/onsen/0052">草津温泉</a>
              </li>
              <li>
                <a href="/onsen/0008">熱海温泉</a>
              </li>
              <li>
                <a href="/onsen/0018">伊香保温泉</a>
              </li>
              <li>
                <a href="/onsen/0049">鬼怒川温泉</a>
              </li>
              <li>
                <a href="/onsen/0107">南紀白浜温泉</a>
              </li>
              <li>
                <a href="/onsen/0016">有馬温泉</a>
              </li>
              <li>
                <a href="/onsen/0050">城崎温泉</a>
              </li>
              <li>
                <a href="/onsen/0291">道後温泉</a>
              </li>
              <li>
                <a href="/onsen/0120">昼神温泉</a>
              </li>
              <li>
                <a href="/onsen/0023">伊東温泉</a>
              </li>
            </ul>
          </nav>
          <nav class="c-localnav_item">
            <h3 class="c-localnav_item_title">○特集から宿を探す</h3>
            <ul class="c-localnav_item_list">
              <li>
                <a href="/onsen/ranking/all">全国温泉地ランキング</a>
              </li>
              <li>
                <a href="/onsen/ranking/sensitsu">泉質が自慢の温泉地</a>
              </li>
              <li>
                <a href="/onsen/ranking/onsengai">散策が楽しい温泉地</a>
              </li>
              <li>
                <a href="/onsen/ranking/nature">自然あふれる温泉地</a>
              </li>
              <li>
                <a href="/onsen/sensitsu">9つの泉質・効能ガイド</a>
              </li>
              <li>
                <a href="/special/t00001">1万円以下!バイキングの宿</a>
              </li>
              <li>
                <a href="/special/t00002">カニ食べ放題の宿</a>
              </li>
              <li>
                <a href="/special/t00024">露天風呂付き客室の宿</a>
              </li>
              <li>
                <a href="/special/t00249">格安旅行1泊2食付1万円以下の宿</a>
              </li>
              <li>
                <a href="/special/t00206">かけ流しの温泉宿</a>
              </li>
              <li>
                <a href="/special/t00204">美肌湯の温泉宿</a>
              </li>
              <li>
                <a href="/special/t00018">にごり湯の温泉宿</a>
              </li>
              <li>
                <a href="/special/g00008">絶景露天風呂がある宿</a>
              </li>
              <li>
                <a href="/special/t00081">国民宿舎</a>
              </li>
              <li>
                <a href="/special/g00057">ひとり旅ができる宿</a>
              </li>
            </ul>
          </nav>
        </div>
      </div>
      <!-- //////////// ▲ ローカルナビ ▲ //////////// -->
      <!-- //////////// ▼ share ▼ //////////// -->
      <!-- //////////// ▼ share ▼ //////////// -->
      <section class="c-footerShare">
        <div class="l-inner">
          <h3 class="c-footerShare_title">このページをシェアする</h3>
          <ul class="c-footerShareBody">
            <li class="c-footerShare_item m-share m-share-line u-visible-sp">
              <a
                target="_blank"
                rel="noreferrer"
                class="touchover"
              >
                <span class="c-footerShare_item_txt">LINE</span>
              </a>
            </li>
            <li class="c-footerShare_item m-share m-share-twitter">
              <a
                target="_blank"
                rel="noreferrer"
                class="touchover"
                >
                <span class="c-footerShare_item_txt">X</span>
              </a>
            </li>
            <li class="c-footerShare_item m-share m-share-facebook">
              <a 
                target="_blank"
                rel="noreferrer"
                class="touchover"
              >
                <span class="c-footerShare_item_txt">Facebook</span>
              </a>
            </li>
            <li class="c-footerShare_item m-share m-share-mail">
              <a
                target="_blank"
                class="touchover"
              >
                <span class="c-footerShare_item_txt">Mail</span>
              </a>
            </li>
          </ul>
        </div>
      </section>
      <!-- //////////// ▲ share ▲ //////////// -->      <!-- //////////// ▲ share ▲ //////////// -->
    </main>
    
    <!-- footer -->
    <footer class="g-footer">
      <div class="g-footer-pagetop is-visible">
        <a href="#pagetop"></a>
      </div>
      <div class="g-footer-upper">
        <div class="g-footer-upper__inner l-inner">
          <div class="g-footer-upper__left">
            <!-- ▼ ゆこゆこネットロゴ logo ▼ -->
            <div class="g-brand-logo">
              <a href=https://www.yukoyuko.net class="touchover" aria-label="トップページへ">
                <span class="g-brand-logo-svg"></span>
              </a>
            </div>
            <!-- ▲ ゆこゆこネットロゴ logo ▲ -->
          </div>
          <div class="g-footer-upper__center">
            <form
              action=https://www.yukoyuko.net/yado-area
              method="GET"
              class="g-search-input"
            >
              <div class="g-search-name">宿・ホテル名</div>
              <input
                type="search"
                name="keyword"
                placeholder="キーワード・宿コードを入力"
                class="hotelPlanSearchKeyword js_suggest-h"
                autocomplete="off"
                pattern="[^!#$%&\x22\x27()\*\+\-\.,\/:;<=>?@\[\]^_`{|}~]+"
                title='次の記号を含めず入力してください。： ! " &#39; # $ % & ( ) * + - . , / : ; < = > ? ` [ ] ^ _ ` { | } ~ \'
              />
              <button class="g-search-input-reset" type="reset"></button>
              <button
                class="g-search-btn"
                type="submit"
              >
                <i class="m-icon-svg"></i>
                <span>検索</span>
              </button>
              <ul
                class="suggestList js_suggest_words-h"
                style="top: 56px; display: none;"
              ></ul>
            </form>
          </div>
          <div class="g-footer-upper__right">
            <div class="g-free-dial">
              <div class="g-free-dial__inner">
                <div class="g-free-dial__content">
                  <div class="g-free-dial__info">
                    <strong>電話で予約</strong>
                    <span class="g-free-dial__time">9:00〜21:00</span>
                  </div>
                  <div class="g-free-dial__tel">
                    <span>0120-333-333</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    
      <div class="g-footer-sitemap">
        <div class="l-inner">
          <ul class="g-footer-sitemap-item">
            <li><a href=https://www.yukoyuko.net>トップ</a></li>
            <li><a href=https://www.yukoyuko.net/yado-area>宿一覧</a></li>
            <li><a href=https://www.yukoyuko.net/special>特集</a></li>
            <li><a href=https://www.yukoyuko.net/onsen>温泉ガイド</a></li>
            <li><a href=https://www.yukoyuko.net/onsen/ranking/all>温泉地ランキング</a></li>
            <li><a href=https://guide.yukoyuko.net>観光ガイド</a></li>
            <li><a href=https://www.yukoyuko.net/yoyaku/account/new>会員登録</a></li>
            <li><a href=https://www.yukoyuko.net/yoyaku/member>会員情報照会</a></li>
            <li><a href=https://www.yukoyuko.net/yoyaku/member/reserve>予約照会</a></li>
            <li><a target="_blank" href=https://yukotabi.yukoyuko.net>温泉旅行メディア</a></li>
          </ul>
          <ul class="g-footer-sitemap-item">
            <li><a href=https://www.yukoyuko.net/magazine>宿泊情報誌のご案内</a></li>
            <li><a href=https://www.yukoyuko.net/yoyaku/member/spareview target="_blank">温泉地アンケート</a></li>
          </ul>
          <ul class="g-footer-sitemap-item">
            <li><a href=https://www.yukoyuko.net/faq>よくあるご質問</a></li>
            <li class="contact-link"><a href=https://www.yukoyuko.net/contact>お問合せ</a></li>
            <li><a href=https://www.yukoyuko.net/info/kiyaku_link>規約のご案内</a></li>
            <li><a href=https://www.yukoyuko.net/info/privacy>プライバシーポリシー</a></li>
          </ul>
          <ul class="g-footer-sitemap-item">
            <li><a href=https://www.yukoyuko.net/lp/about>ゆこゆことは</a></li>
            <li><a href=https://www.yukoyuko.net/info>お知らせ</a></li>
            <li><a target="_blank" href="https://corporate.japanet.co.jp/company/outline/yukoyuko/">会社概要</a></li>
            <li><a href=https://www.yukoyuko.net/sitemaps>サイトマップ</a></li>
          </ul>
        </div>
      </div>
      <!--/* //// ▼ SP: サイトマップ ▼ //// */-->
      <ul class="g-nav-other-menu">
        <li>
          <a href=https://yukotabi.yukoyuko.net class="touchover" target="_blank"
            >温泉旅行メディア</a
          >
        </li>
        <li>
          <a href=https://www.yukoyuko.net/magazine class="touchover">宿泊情報誌のご案内</a>
        </li>
        <li>
          <a href=https://www.yukoyuko.net/faq class="touchover">よくあるご質問</a>
        </li>
        <li class="contact-link">
          <a href=https://www.yukoyuko.net/contact class="touchover">お問合せ</a>
        </li>
        <li>
          <a href=https://www.yukoyuko.net/info/kiyaku_link class="touchover">規約のご案内</a>
        </li>
        <li>
          <a href=https://www.yukoyuko.net/info/privacy class="touchover">プライバシーポリシー</a>
        </li>
        <li><a href=https://www.yukoyuko.net/sitemaps class="touchover">サイトマップ</a></li>
        <li><a href=https://www.yukoyuko.net/lp/about class="touchover">ゆこゆことは</a></li>
      </ul>
      <!--/* //// ▲ SP: サイトマップ ▲ //// */-->
      <div class="japanet-footer"></div>
      <div class="g-footer-copyright">
        <div class="l-inner">
          <small class="copyright-text">Copyright Yuko Yuko Inc. All Rights Reserved.</small>
        </div>
      </div>
    </footer>
    <!-- footer -->
    <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
    <script nomodule id="vite-legacy-polyfill" src="/lp/assets/polyfills-legacy.0288c8d1.js"></script>
    <script nomodule id="vite-legacy-entry" data-src="/lp/assets/index-legacy.7975826f5.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
  </body>
<!--/* InstanceEnd */-->
</html>
