<!doctype html>
<html lang="ja">

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
    <title>ゆこゆこクーポンの使い方-ゆこゆこネット</title>
    <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 -->
    <!-- og -->
    <meta property="og:title" content="クーポンの使い方-ゆこゆこネット">
    <meta property="og:description"
      content="温泉の宿・旅館の宿泊予約ならゆこゆこネット。有名温泉から穴場の温泉まで、全国の温泉地を中心とした宿・旅館を2,000件以上ご紹介。絶景露天風呂・かけ流しなどの温泉情報も充実。温泉旅行はネット・電話で予約ができるゆこゆこネット！">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.yukoyuko.net/lp/coupon_howtouse/"><!-- // ページURL // -->
    <meta property="og:image" content="https://www.yukoyuko.net/lp/coupon_howtouse/images/og.png">
    <!-- twitter card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="クーポンの使い方-ゆこゆこネット">
    <meta name="twitter:description"
      content="温泉の宿・旅館の宿泊予約ならゆこゆこネット。有名温泉から穴場の温泉まで、全国の温泉地を中心とした宿・旅館を2,000件以上ご紹介。絶景露天風呂・かけ流しなどの温泉情報も充実。温泉旅行はネット・電話で予約ができるゆこゆこネット！">
    <meta name="twitter:url" content="https://www.yukoyuko.net/lp/coupon_howtouse/"><!-- // ページURL // -->
    <meta name="twitter:image" content="https://www.yukoyuko.net/lp/coupon_howtouse/images/og.png">

    
  <script type="module" crossorigin src="/lp/assets/index.90fde7b4.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.27423623.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">
  <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>
  <!-- //////////// ▲ スマホ用：電話予約 ▲ //////////// -->
  <!-- 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) -->

  <!-- //////////// ▼ パンくずリスト ▼ //////////// -->
  <ul class="g-breadcrumb js-breadcrumb">
    <li><a href="/">温泉旅館・宿予約 トップ</a></li>
    <li>ゆこゆこクーポンの使い方</li>
  </ul>
  <!-- //////////// ▲ パンくずリスト ▲ //////////// -->
  <main>
    <section class="section section-step">
      <div class="l-inner">
        <h1 class="section_title">知って得する！使って得する！<br />ゆこゆこクーポン</h1>
        <div class="kaiin-touroku">ご利用にはゆこゆこネット会員登録が必要です。<br />
          登録がお済みでない方は、<a href="https://www.yukoyuko.net/yoyaku/account/new">こちら</a>から登録してお得なクーポンの利用をはじめましょう。</div>
        <dl class="c-cardEntry">
          <dt>
            <h2>ゆこゆこクーポンとは？</h2>
          </dt>
          <dd>
            <p class="txt">ゆこゆこクーポンは各種キャンペーンなどで発行され、期間限定で宿泊予約の決済に利用できます。キャンペーン情報は、マイページの「クーポン」メニューからご確認ください。<br /><br />
            </p>
            <div class="items">
              <div class="item">
                <p class="merit1">
                  <span class="merit-title">ゆこゆこクーポンお得ポイント<span class="merit-no">1</span></span><br />
                  <span class="merit-text">最大5枚までクーポン併用可能！</span>
                </p>
              </div>
              <div class="item">
                <p class="merit2">
                  <span class="merit-title">ゆこゆこクーポンお得ポイント<span class="merit-no">2</span></span><br />
                  <span class="merit-text">電話予約でも利用可能！</span>
                </p>
              </div>
            </div>
            <p class="txt">
              クーポンは複数枚の併用(最大5枚まで)、ゆこゆこ予約センター経由の電話予約でも利用可能です。併用できる条件や、電話予約の可否についてはクーポンごとに異なりますので、マイページの「クーポン」メニューからご確認ください。<br />
            </p>
            <ul class="stepList">
              <li>
                <figure class="stepList_img">
                  <figcaption>
                    <h3>マイページ内のクーポンの見方</h3>
                  </figcaption>
                  <span class="u-hidden-sp"><img src="https://static.yukoyuko.net/aso/coupon/step_0.png" alt=""
                      width="940" height="359" /></span>
                  <span class="u-visible-sp"><img src="https://static.yukoyuko.net/aso/coupon/step_0_sp.png" alt=""
                      width="289" height="375" /></span>
                </figure>
                <br />
                <p class="whats_coupon"><span style="font-weight:bold;">❶予約期間</span><br />利用可能な予約期間・宿泊期間<br />
                  <span style="font-weight:bold;">❷クーポンの利用条件・注意事項</span><br />
                  利用可能な予約方法（ネット/電話）、併用可能な条件などをご確認ください。<br />
                  <span style="font-weight:bold;">❸グループNo</span><br />
                  同一グループのクーポンは、この数字が同じです。併用できるクーポンの判別にご利用ください。<br />
                  <span style="font-weight:bold;">❹クーポンが使える宿一覧</span><br />利用可能な宿をご確認ください。</p>
              </li>
            </ul>
          </dd>
        </dl>

        <dl class="c-cardEntry">
          <dt><h2>ゆこゆこクーポンを利用する</h2></dt>
          <dd>
            <p class="txt">「クーポンが使える宿一覧」から泊まりたい宿を選び、予約を行ってください。予約手続きの際に表示される「予約内容入力画面」にて、クーポンを選択すると、次に表示される「予約内容確認画面」で決済にゆこゆこクーポンが適用されます。<br></p>
            <ul class="stepList">
              <li>
                <input id="acd-check1" class="acd-check" type="checkbox">
                <label class="acd-label" for="acd-check1">
                  <div class="stepList_heading">
                    <div class="stepList_title stepList_title-long">
                      <span class="num">1</span>
                      <p class="txt">泊まりたい宿を選び、<br class="u-visible-sp">ログインして予約手続きへ</p>
                    </div>
                  </div>
                  <div class="acd-content">
                    <p class="stepList_att">
                      <br/>※既にログインしている場合には、この画面は表示されません<br/>
                    </p>
                    <figure class="stepList_img">
                      <figcaption>ログイン画面</figcaption>
                      <span class="u-hidden-sp">
                        <img src="https://static.yukoyuko.net/aso/coupon/step_2_img_1.png" alt="" width="940" height="359">
                      </span>
                      <span class="u-visible-sp">
                        <img src="https://static.yukoyuko.net/aso/coupon/sp_step_2_img_1.png" alt="" width="289" height="375">
                      </span>
                    </figure>
                    <br/>
                  </div>
                </label>
              </li>
              <li>
                <input id="acd-check2" class="acd-check" type="checkbox">
                <label class="acd-label" for="acd-check2">
                  <div class="stepList_heading">
                    <div class="stepList_title">
                      <span class="num">2</span>
                      <p class="txt">クーポンを選択する</p>
                    </div>
                    <div class="acd-content">
                      <p class="stepList_att">
                        <br/>
                        ※電話での予約や、ログインせず予約を行うと、クーポンはご利用できません
                        <br/>
                      </p>
                      <figure class="stepList_img">
                        <figcaption>予約内容入力画面</figcaption>
                        <span class="u-hidden-sp">
                          <img src="https://static.yukoyuko.net/aso/coupon/step_2_1_1.png" alt="" width="940" height="317">
                        </span>
                        <span class="u-visible-sp">
                          <img src="https://static.yukoyuko.net/aso/coupon/step_2_1_1_sp.png" alt="" width="289" height="367">
                        </span>
                      </figure>
                      <figure class="stepList_img">
                      <p class="att2">
                        <br/>
                        ※先着予約上限数に達したクーポン、予約期間外・宿泊対象期間外のクーポンはクーポン選択画面に表示されません。
                        <br/>※電話予約可のクーポンは電話予約でも利用が可能です。ご利用の際は、クーポン選択画面に表示されたクーポンコードをオペレーターにお伝えください。
                      </p>
                      <figcaption>予約内容入力画面</figcaption>
                      <span class="u-hidden-sp">
                        <img src="https://static.yukoyuko.net/aso/coupon/step_2_1_2.png" alt="" width="940" height="317">
                      </span>
                      <span class="u-visible-sp">
                        <img src="https://static.yukoyuko.net/aso/coupon/step_2_1_2_sp.png" alt="" width="289" height="367">
                      </span>
                    </figure>
                    </div>
                  </div>
                </label>
              </li>
              <li>
                <input id="acd-check3" class="acd-check" type="checkbox">
                <label class="acd-label" for="acd-check3">
                  <div class="stepList_heading">
                    <div class="stepList_title">
                      <span class="num">3</span>
                      <p class="txt">クーポン割引金額を確認
                      </p>
                    </div>
                    <div class="acd-content">
                      <p class="stepList_att"><br/>※宿泊日当日のクーポン提示ではご利用できません<br/></p>
                      <br/>
                      <figure class="stepList_img">
                      <figcaption>予約内容確認画面</figcaption>
                        <span class="u-hidden-sp">
                          <img src="https://static.yukoyuko.net/aso/coupon/step_3.png" alt="" width="940" height="333">
                        </span>
                        <span class="u-visible-sp">
                          <img src="https://static.yukoyuko.net/aso/coupon/step_3_sp.png" alt="" width="289" height="381">
                        </span>
                      </figure>
                    </div>
                  </div>
                </label>
              </li>
            </ul>
          </dd>
        </dl>
      </div>
    </section>

    <section class="section section-attention">
      <div class="l-inner">
        <h2 class="section_title">注意事項</h2>
        <ul class="list">
          <li class="list-title">クーポンの適用方法について</li>
          <li class="m-list">ゆこゆこクーポンのご利用にはあらかじめ、ゆこゆこネット会員への登録とご予約時のログインが必要です</li>
          <li class="m-list">ゆこゆこクーポンはゆこゆこネットでの予約完了をもって有効となります。満室、ご利用機器の不具合等で予約を完了できなかった場合は値引きが適用されません</li>
          <li class="m-list">複数のクーポンを利用して0円以下になった場合は、予約ができません。クーポンの併用は最大５枚までです</li>
          <li class="list-title">予約完了後や宿泊予約以外のクーポン適用について</li>
          <li class="m-list">手続き完了後のご予約にクーポンを適用させることはできません</li>
          <li class="m-list">クーポンをご利用にならなかった場合でも、現金への払い戻しはできません </li>
          <li class="m-list">ご宿泊当日のクーポン提示や、宿でご注文した飲食代等のお支払にはご利用できません</li>
          <li class="list-title">クーポンを適用した予約の変更について</li>
          <li class="m-list">ゆこゆこネットでは予約内容の変更手続きはできません。ゆこゆこ予約センターのみで受け付けております</li>
          <li class="m-list">ゆこゆこ以外で変更手続きを行った場合、変更後のご予約にクーポンは適用されません</li>
          <li class="m-list">予約内容の変更によってクーポンの適用条件の対象外となった場合は、クーポンは適用できません</li>
          <li class="list-title">クーポンを適用した予約のキャンセルについて</li>
          <li class="m-list">本クーポンを使った予約のキャンセルはゆこゆこネットにてお手続きください</li>
          <li class="m-list">ご予約をキャンセルしたのち、新規でご予約を取る際は、クーポンの上限枚数・予約期限・満室等により元の予約と同じクーポンが適用できない場合もございますのであらかじめご了承ください
          </li>
          <li class="m-list">ご予約のキャンセルでキャンセル料が発生する場合、クーポン利用前の宿泊料金を基に算出いたします</li>
          <li class="m-list">キャンセル料をクーポンで充当することはできません</li>
          <li class="list-title">その他</li>
          <li class="m-list">クーポンをご利用できるのはご本人様のみです。他アカウントや第三者への譲渡・転売はできません </li>
          <li class="m-list">尚、当社が不適当と認める場合は、ゆこゆこクーポンの利用を一切停止させていただきます</li>
          <li class="m-list">ゆこゆこクーポンに関するお問い合わせはゆこゆこ予約センターへお願いいたします</li>
        </ul>
      </div>
    </section>

    <!-- //////////// ▼ コンシェルジュ ▼ //////////// -->
    <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 ▼ //////////// -->
    <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 ▲ //////////// -->  </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.0351f6ca.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
</body>
</html>