<!doctype html>
<html lang="ja"
  xmlns:th="http://www.thymeleaf.org"
  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  layout:decorator="layout">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
		<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">
		<title>一度は泊まりたい憧れの宿へ｜ゆこゆこ温泉ストーリー</title>
		<meta name="keywords" content="憧れの宿、温泉ストーリー" />
		<meta name="description" content="一度は泊まりたい憧れの宿へ、最上級の宿泊体験を体験する上質宿の温泉ストーリーをご紹介。温泉旅行の宿泊予約は、ネットでも電話でも予約ができるゆこゆこネット。" />
		<!-- og -->
		<meta property="og:title" content="一度は泊まりたい憧れの宿へ｜ゆこゆこ温泉ストーリー">
		<meta property="og:description" content="一度は泊まりたい憧れの宿へ、最上級の宿泊体験を体験する上質宿の温泉ストーリーをご紹介。温泉旅行の宿泊予約は、ネットでも電話でも予約ができるゆこゆこネット。">
		<meta property="og:type" content="website">
		<meta property="og:url" content="https://www.yukoyuko.net/lp/concierge/20190423-1/">
		<!-- // ページURL // -->
		<meta property="og:image" content="https://s3-ap-northeast-1.amazonaws.com/contents.aws.yukoyuko.net/images/tokusyu/20190423.jpg">
		<!-- twitter card -->
		<meta name="twitter:card" content="summary_large_image">
		<meta name="twitter:title" content="一度は泊まりたい憧れの宿へ｜ゆこゆこ温泉ストーリー">
		<meta name="twitter:description" content="一度は泊まりたい憧れの宿へ、最上級の宿泊体験を体験する上質宿の温泉ストーリーをご紹介。温泉旅行の宿泊予約は、ネットでも電話でも予約ができるゆこゆこネット。">
		<meta name="twitter:url" content="https://www.yukoyuko.net/lp/concierge/20190423-1/">
		<!-- // ページURL // -->
		<meta name="twitter:image" content="https://s3-ap-northeast-1.amazonaws.com/contents.aws.yukoyuko.net/images/tokusyu/20190423.jpg">
		<link href="https://fonts.googleapis.com/css?family=Lora:Noto+Serif+JP:300,500,700&amp;subset=japanese" rel="stylesheet">

		
		
		

		<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>
		
		

		
		

		
		
    <!-- Google Tag Manager -->
    
    <!-- End Google Tag Manager -->
  <script type="module" crossorigin src="/lp/assets/index.6bdbafe7.js"></script>
  <link rel="modulepreload" href="/lp/assets/api.3615b80a.js">
  <link rel="modulepreload" href="/lp/assets/lib.2d230f70.js">
  <link rel="modulepreload" href="/lp/assets/slider.3b0b1f42.js">
  <link rel="stylesheet" href="/lp/assets/api.9ae83f98.css">
  <link rel="stylesheet" href="/lp/assets/index.6bd4a704.css">
  <link rel="stylesheet" href="/lp/assets/common.bd8e8b68.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" class="js-delHeader">
<!-- 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) -->
	<div id="loader">
		<div class="spinner">
			<div class="rect1"></div>
			<div class="rect2"></div>
			<div class="rect3"></div>
			<div class="rect4"></div>
			<div class="rect5"></div>
		</div>
		<div class="spinnerText">
			<small>人気の秘訣は訪れて納得</small><br />一度は泊まりたい憧れの宿へ<br />Loading...
		</div>
	</div>
	<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>
	<!-- //////////// ▲ スマホ用：電話予約 ▲ //////////// -->
	<!-- //////////// ▼ パンくずリスト ▼ //////////// -->
	<ul class="g-breadcrumb js-breadcrumb">
		<li><a href="/">温泉旅館・宿予約 トップ</a></li>
		<li>人気の秘訣は訪れて納得 一度は泊まりたい憧れの宿へ</li>
	</ul>
	<!-- //////////// ▲ パンくずリスト ▲ //////////// -->
	<main>

		<section class="contents">
			<div class="accentBox">
				<h1><img src="https://static.yukoyuko.net/aso/story_20190423-1/accent-title_pc.png"  alt="人気の秘訣は訪れて納得 一度は泊まりたい憧れの宿へ Luxury Japanese Hotel"></h1>
				<ul class="slider">
					<li>
						<img src="/lp/assets/1_pc.69bfcef3.jpg" class="u-inlineBlock-pc" alt="">
						<img src="/lp/assets/1_sp.b7f2840c.jpg" class="u-inlineBlock-sp" alt="">
					</li>
					<li>
						<img src="/lp/assets/2_pc.6d372cce.jpg" class="u-inlineBlock-pc" alt="">
						<img src="/lp/assets/2_sp.e3e5bab3.jpg" class="u-inlineBlock-sp" alt="">
					</li>
					<li>
						<img src="/lp/assets/3_pc.2bef0026.jpg" class="u-inlineBlock-pc" alt="">
						<img src="/lp/assets/3_sp.53e3fff6.jpg" class="u-inlineBlock-sp" alt="">
					</li>
					<li>
						<img src="/lp/assets/4_pc.89fe5a63.jpg" class="u-inlineBlock-pc" alt="">
						<img src="/lp/assets/4_sp.53285a34.jpg" class="u-inlineBlock-sp" alt="">
					</li>
					<li>
						<img src="/lp/assets/5_pc.2717cda3.jpg" class="u-inlineBlock-pc" alt="">
						<img src="/lp/assets/5_sp.5a1716ee.jpg" class="u-inlineBlock-sp" alt="">
					</li>
				</ul>
			</div><!--accent-->

			<section class="intro wide">
				<div class="container">
					<div class="lead-box">
						<h2 class="serif">
							そこに泊まること自体が<br class="spOnly" />旅の楽しみとなるような<br />上質宿を堪能する休日
						</h2>

						<p class="text serif">
							日本には大小3,000を超える温泉地があり、2万軒あまりの温泉宿があるといわれています。<br class="pcOnly" />
							その中でも特に名高く「一度は泊まってみたい」と羨望を集める、上質宿を訪ねてみませんか。<br class="pcOnly" />
							それぞれの宿の歴史やおもてなしの姿勢に注目し、愛される理由に迫ります。
						</p>
					</div>

					<section class="point" id="point1">
						<p class="image"><img src="https://static.yukoyuko.net/aso/story_20190423-1/intro-point1-image.jpg" alt=""></p>
						<h3 class="serif en"><img src="https://static.yukoyuko.net/aso/story_20190423-1/intro-point1.png" alt="History" class="txtimg"></h3>
						<div class="explain">
							<dl class="text serif">
								<dt>時代を超えて研ぎ澄まされる<br />上質宿としての洗練</dt>
								<dd>
									国内外の賓客から夫婦、友人、ファミリーまで、多くの人に選ばれてきた上質宿。その宿の歴史を紐解けば、時代により人により異なる多彩な要望に応えるために、その宿がどんな工夫を凝らしてきたかがわかります。つまり重ねてきた時の分だけおもてなしのカタチが洗練されていくような、上質宿ならではの進化が感じられるかもしれません。
								</dd>
							</dl>
						</div>
					</section>

					<section class="point" id="point2">
						<p class="image"><img src="https://static.yukoyuko.net/aso/story_20190423-1/intro-point2-image.jpg" alt=""></p>
						<h3 class="serif en"><img src="https://static.yukoyuko.net/aso/story_20190423-1/intro-point2.png" alt="Hospitality" class="txtimg"></h3>
						<div class="explain">
							<dl class="text serif">
								<dt>心からのくつろぎのための<br />おもてなしの極意</dt>
								<dd>
									多くの人が温泉宿に求めているのは、普段とは一線を画す“非日常的なくつろぎ感”ではないでしょうか。そこを訪れるだけでほっとやすらぎ、日々の喧騒を忘れてリラックス…そんなひとときをかなえるために、各宿でどんなことを心がけているのか気になります。そこで今回は直接宿の方にお話を伺い、上質宿ならではのおもてなしの極意に迫ります。
								</dd>
							</dl>
						</div>
					</section>

					<div class="message">
						<p class="serif">
							心からの癒しに包まれる、<br />
							憧れの上質宿を訪ねる<br class="spOnly" />旅に出てみませんか。
						</p>
					</div>
				<!-- / .container -->
				</div>

			</section>

			<div class="items chapter wide">
				<div class="container">
					<section class="item" id="item1">
						<a href="https://www.yukoyuko.net/lp/concierge/20190423-2/">
							<p class="place serif">北海道/平磯温泉</p>
							<h3 class="serif">料亭湯宿 銀鱗荘</h3>
						</a>
					</section>

					<section class="item" id="item2">
						<a href="https://www.yukoyuko.net/lp/concierge/20190423-3/">
							<p class="place serif">山口県/長門湯本温泉</p>
							<h3 class="serif">大谷山荘</h3>
						</a>
					</section>
					<section class="item" id="item3">
						<a href="https://www.yukoyuko.net/lp/concierge/20190524-1/">
							<p class="place serif">石川県/和倉温泉</p>
							<h3 class="serif">加賀屋</h3>
						</a>
					</section>
					<section class="item" id="item4">
						<a href="https://www.yukoyuko.net/lp/concierge/20190524-2/">
							<p class="place serif">兵庫県/有馬温泉</p>
							<h3 class="serif">陶泉 御所坊</h3>
						</a>
					</section>
					<section class="item" id="item5">
						<a href="https://www.yukoyuko.net/lp/concierge/20190917/">
							<p class="place serif">鹿児島県/指宿温泉</p>
							<h3 class="serif">指宿白水館</h3>
						</a>
					</section>
				<!-- / .container -->
				</div>
				<!-- / .items chapter wide -->
			</div>
			
			<!--
			
			  必要な css, js
			  <script type="module" src="https://www.yukoyuko.net/lp/scripts/libs/lib.js" ></script>
			  <script src="https://www.yukoyuko.net/lp/concierge/js/top.js" type="module"></script>
			  <link rel="stylesheet" href="https://www.yukoyuko.net/css/top.css" />
			  <link href="https://www.yukoyuko.net/lp/concierge/css/common.css" rel="stylesheet" />
			
			-->
			<div class="chapter pageBlock pageBlock-special wide">
			  <div class="container">
			    <h3>その他の温泉ストーリー</h3>
			    <div class="c-cardList js-bigSlider">
			
			      <div class="c-cardItem">
			        <a class="touchover" href="https://www.yukoyuko.net/lp/contents/kagoshima-trip/">
			          <div class="c-cardItem_cover">
			            <div class="c-cardItem_cover_img">
			              <img src="https://static.yukoyuko.net/aso/tokusyu/kagoshima-trip.jpg" alt="" width="258" height="194">
			            </div>
			            <!-- // サムネイル // -->
			          </div>
			        </a>
			      </div>
			
			      <div class="c-cardItem">
			        <a class="touchover" href="https://www.yukoyuko.net/lp/concierge/20181205-1/">
			          <div class="c-cardItem_cover">
			            <div class="c-cardItem_cover_img">
			              <img src="https://static.yukoyuko.net/aso/tokusyu/20181205-1.jpg" alt="" width="258" height="194">
			            </div>
			            <!-- // サムネイル // -->
			          </div>
			        </a>
			      </div>
			
			      <div class="c-cardItem">
			        <a class="touchover" href="https://www.yukoyuko.net/lp/concierge/20181214/">
			          <div class="c-cardItem_cover">
			            <div class="c-cardItem_cover_img">
			              <img src="https://static.yukoyuko.net/aso/tokusyu/20181214.jpg" alt="" width="258" height="194">
			            </div>
			            <!-- // サムネイル // -->
			          </div>
			        </a>
			      </div>
			
			      <div class="c-cardItem">
			        <a class="touchover" href="https://www.yukoyuko.net/lp/concierge/20190423-1/">
			          <div class="c-cardItem_cover">
			            <div class="c-cardItem_cover_img">
			              <img src="https://static.yukoyuko.net/aso/tokusyu/20190423.jpg" alt="" width="258" height="194">
			            </div>
			            <!-- // サムネイル // -->
			          </div>
			        </a>
			      </div>
			
			      <div class="c-cardItem">
			        <a class="touchover" href="https://www.yukoyuko.net/lp/concierge/20190220/">
			          <div class="c-cardItem_cover">
			            <div class="c-cardItem_cover_img">
			              <img src="https://static.yukoyuko.net/aso/tokusyu/20190315.jpg" alt="" width="258" height="194" style="">
			            </div>
			            <!-- // サムネイル // -->
			          </div>
			        </a>
			      </div>
			
			
			      <div class="c-cardItem">
			        <a class="touchover" href="https://www.yukoyuko.net/lp/concierge/20190118/">
			          <div class="c-cardItem_cover">
			            <div class="c-cardItem_cover_img">
			              <img src="https://static.yukoyuko.net/aso/tokusyu/20190118.jpg" alt="" width="258" height="194" style="">
			            </div>
			            <!-- // サムネイル // -->
			          </div>
			        </a>
			      </div>
			
			
			    </div>
			    <div class="js-cardSlidePager"></div>
			  </div>
			</div>

		<!-- / .contents -->
		</section>

	</main>
	
	

	<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>

  <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.3ee5d3b7.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
</body>
</html>
