Harigami
ログイン
anonymous PCサンプル 電話番号テンプレート
No License HTML
コピー
<div id="tel-modal__wrapper" class="js-lazy">
  <div class="item-tel__container tel-modal general-modal">
    <div class="general-modal__bar">
      <div class="general-modal__bar__title">お電話にてお問い合わせ・ご予約</div>
      <button class="general-modal__bar__btn js-close-modal"></button>
    </div>
    <div class="item-tel">
      <div class="item-tel__block">
        <div class="item-tel__title item-tel__block__main-title">お電話にて<span>お問い合わせ・ご予約</span></div>
        <div class="item-tel__tour__info">
          <div class="item-tel__tour__info__item item-tel__tour__info__item--image"><img data-src="/front_resource_honban/c47/images/pc/marseille/ferris_wheel.jpg"></div>
          <div class="item-tel__tour__info__item item-tel__tour__info__item--tour-title">
            <h4 class="item-tel__tour__info__item--title">■初夢フェア第2弾■【オンライン限定】LeaLeaトロリー滞在中乗り放題 ゴールドパス付!ハワイ5日間</h4>
            <div class="item-tel__tour__info__item--text">エコノミークラスホテルに滞在<3名1室利用不可></div>
            <div class="item-tel__tour__info__item__price__range">
              <span class="item-tel__tour__info__item__price__range--lower">109,800円</span>~<span
                class="item-tel__tour__info__item__price__range--upper">129,000円</span>
            </div>
            <div class="item-tel__tour__info__item__code__block">
              <div class="item-tel__tour__info__item__code__block__item item-tel__tour__info__item__code__block__item--tour-code">
                <div class="item-tel__tour__info__item__code__block__item--title">ツアーコード</div>
                <div class="item-tel__tour__info__item__code__block__item--number">TC-EHP0004-FH251</div>
              </div>
              <div class="item-tel__tour__info__item__code__block__item">
                <div class="item-tel__tour__info__item__code__block__item--title">一枚刷りコード</div>
                <div class="item-tel__tour__info__item__code__block__item--number">HWI004-A</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="item-tel__smartcall item-tel__block">
        <h4 class="item-tel__smartcall--title item-tel__block__main-title">旅スマコール</h4>
        <div class="item-tel__smartcall__info">
          <div class="item-tel__smartcall__info--title">通常のお電話よりも簡単・スムーズ!</div>
          <p class="item-tel__smartcall__info--text">ご覧になっている商品情報がスタッフに伝わり、通常のお電話よりも簡単でスムーズにお問い合わせ・予約ができる電話サービスです。</p>
          <p class="item-tel__smartcall__info--text">使い方は簡単!下のボタンを押して表示される電話番号にお電話ください。</p>
          <div class="item-tel__smartcall__info--btn">
            <button class="button button--color-accent tem-tel__smartcall__info--btn js-popup-smartcall"
            data-cryn_service_id="15109"
            data-cryn_session_no="1583368439.59051600729027"
            data-call_branch="MICRO"
            data-call_tel="03-6628-8137"
            data-phone_cookie="%7B%22portalNo%22%3A%2202A%22%2C%22portal%22%3A%22kanto%22%2C%22jareaNo%22%3A%2210%22%2C%22jarea%22%3A%22%5Cu6771%5Cu4eac%22%2C%22page%22%3A%22C-4%22%2C%22pageName%22%3A%22%5Cu5546%5Cu54c1%5Cu8a73%5Cu7d30%5Cu753b%5Cu9762%5Cu30fb%5Cu30c1%5Cu30e3%5Cu30aa%22%2C%22UA%22%3A%22Mozilla%5C%2F5.0%20%28Windows%20NT%2010.0%3B%20Win64%3B%20x64%29%20AppleWebKit%5C%2F537.36%20%28KHTML%2C%20like%20Gecko%29%20Chrome%5C%2F80.0.3987.122%20Safari%5C%2F537.36%22%2C%22URL%22%3A%22http%3A%5C%2F%5C%2Ftour.his-j.com%5C%2Fct%5C%2Fdetail.php%3Ftour%3DTX-HGA4000-FH201%22%2C%22C4URL%22%3A%22http%3A%5C%2F%5C%2Fe.his-j.com%5C%2Ftrip%5C%2Fciao%5C%2Fvoyage%5C%2F02A_10%5C%2FTX-HGA4000-FH201%5C%2F%22%2C%22relatedURL%22%3A%22http%3A%5C%2F%5C%2Ftour.his-j.com%5C%2Fct%5C%2FrelationTour.php%3Fportal%3D02A_10%26airport%3DNRT%26area%3DHGS%26city%3DGUM%26country%3DGUM%26id%3D6565891%26tour%3DTX-HGA4000-FH201%26hotel_class%3DD%26hotel_group%3DGUMCPN-ROGG%26leaflet%3DXWEB-GUM001-G%22%2C%22city_code%22%3A%22GUM%22%2C%22city%22%3A%22%5Cu30b0%5Cu30a2%5Cu30e0%22%2C%22tour%22%3A%22TX-HGA4000-FH201%22%2C%22title%22%3A%22%5Cu30103%5C%2F5%5Cu66f4%5Cu65b0%5Cu3011%5Cu25cf%5Cu30db%5Cu30fc%5Cu30e0%5Cu30da%5Cu30fc%5Cu30b8%5Cu9650%5Cu5b9a%5Cu5546%5Cu54c1%5Cu25cf%20%5Cu30aa%5Cu30f3%5Cu30e9%5Cu30a4%5Cu30f3%5Cu4e88%5Cu7d04%5Cu307e%5Cu305f%5Cu306f%5Cu30b3%5Cu30fc%5Cu30eb%5Cu30bb%5Cu30f3%5Cu30bf%5Cu30fc%5Cu4e88%5Cu7d04%5Cu9650%5Cu5b9a%20%5Cu203b%5Cu5e97%5Cu8217%5Cu4e88%5Cu7d04%5Cu4e0d%5Cu53ef%5Cu3010WEB%5Cu9650%5Cu5b9a%5Cu3011%20%5Cu5b89%5Cu5fc3%5Cu306e%5Cu5f80%5Cu8def%5Cu9001%5Cu8fce%5Cuff06LeaLea%5Cu30c8%5Cu30ed%5Cu30ea%5Cu30fc%5Cu6ede%5Cu5728%5Cu4e2d%5Cu4e57%5Cu308a%5Cu653e%5Cu984c%5Cu4ed8%5Cuff01%5Cu8857%5Cu4e2dWi-Fi%5Cu5229%5Cu7528%5Cu53ef%5Cu80fd%5Cuff01%5Cu30b0%5Cu30a2%5Cu30e04%5Cu65e5%5Cu9593%5Cu30a8%5Cu30b3%5Cu30ce%5Cu30df%5Cu30fc%5Cu30af%5Cu30e9%5Cu30b9%5Cu30db%5Cu30c6%5Cu30eb%5Cu306b%5Cu6ede%5Cu5728%22%2C%22airport_code%22%3A%22NRT%22%2C%22airport%22%3A%22%5Cu6210%5Cu7530%5Cu7a7a%5Cu6e2f%22%2C%22leaflet_num%22%3A%22XWEB-GUM001-G%22%7D">
              電話番号を表示する
            </button>
          </div>
        </div>
      </div>
      <div class="item-tel__call item-tel__block">
        <h4 class="item-tel__call--title item-tel__block__main-title">通常のお電話にてお問い合わせ</h4>
        <div class="item-tel__call__code">
          <div class="item-tel__call__code__block">
            <div class="item-tel__call__code--title">ツアーコード:</div>
            <div class="item-tel__call__code--text"><span class="code_number">TC-FSA0001-SP154</span>を</div>
          </div>
          <div class="item-tel__call__code--text">お伝えください。</div>
        </div>
      </div>
      <div class="item-tel__contact__info tel-template">
        <!-- 電話テンプレートを取得 -->
      </div>
    </div>
  </div>
</div>
<div id="tel-modal__wrapper" class="js-lazy">
  <div class="item-tel__container tel-modal general-modal">
    <div class="general-modal__bar">
      <div class="general-modal__bar__title">お電話にてお問い合わせ・ご予約</div>
      <button class="general-modal__bar__btn js-close-modal"></button>
    </div>
    <div class="item-tel">
      <div class="item-tel__block">
        <div class="item-tel__title item-tel__block__main-title">お電話にて<span>お問い合わせ・ご予約</span></div>
        <div class="item-tel__tour__info">
          <div class="item-tel__tour__info__item item-tel__tour__info__item--image"><img data-src="/front_resource_honban/c47/images/pc/marseille/ferris_wheel.jpg"></div>
          <div class="item-tel__tour__info__item item-tel__tour__info__item--tour-title">
            <h4 class="item-tel__tour__info__item--title">■初夢フェア第2弾■【オンライン限定】LeaLeaトロリー滞在中乗り放題 ゴールドパス付!ハワイ5日間</h4>
            <div class="item-tel__tour__info__item--text">エコノミークラスホテルに滞在<3名1室利用不可></div>
            <div class="item-tel__tour__info__item__price__range">
              <span class="item-tel__tour__info__item__price__range--lower">109,800円</span>~<span
                class="item-tel__tour__info__item__price__range--upper">129,000円</span>
            </div>
            <div class="item-tel__tour__info__item__code__block">
              <div class="item-tel__tour__info__item__code__block__item item-tel__tour__info__item__code__block__item--tour-code">
                <div class="item-tel__tour__info__item__code__block__item--title">ツアーコード</div>
                <div class="item-tel__tour__info__item__code__block__item--number">TC-EHP0004-FH251</div>
              </div>
              <div class="item-tel__tour__info__item__code__block__item">
                <div class="item-tel__tour__info__item__code__block__item--title">一枚刷りコード</div>
                <div class="item-tel__tour__info__item__code__block__item--number">HWI004-A</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="item-tel__smartcall item-tel__block">
        <h4 class="item-tel__smartcall--title item-tel__block__main-title">旅スマコール</h4>
        <div class="item-tel__smartcall__info">
          <div class="item-tel__smartcall__info--title">通常のお電話よりも簡単・スムーズ!</div>
          <p class="item-tel__smartcall__info--text">ご覧になっている商品情報がスタッフに伝わり、通常のお電話よりも簡単でスムーズにお問い合わせ・予約ができる電話サービスです。</p>
          <p class="item-tel__smartcall__info--text">使い方は簡単!下のボタンを押して表示される電話番号にお電話ください。</p>
          <div class="item-tel__smartcall__info--btn">
            <button class="button button--color-accent tem-tel__smartcall__info--btn js-popup-smartcall"
            data-cryn_service_id="15109"
            data-cryn_session_no="1583368439.59051600729027"
            data-call_branch="MICRO"
            data-call_tel="03-6628-8137"
            data-phone_cookie="%7B%22portalNo%22%3A%2202A%22%2C%22portal%22%3A%22kanto%22%2C%22jareaNo%22%3A%2210%22%2C%22jarea%22%3A%22%5Cu6771%5Cu4eac%22%2C%22page%22%3A%22C-4%22%2C%22pageName%22%3A%22%5Cu5546%5Cu54c1%5Cu8a73%5Cu7d30%5Cu753b%5Cu9762%5Cu30fb%5Cu30c1%5Cu30e3%5Cu30aa%22%2C%22UA%22%3A%22Mozilla%5C%2F5.0%20%28Windows%20NT%2010.0%3B%20Win64%3B%20x64%29%20AppleWebKit%5C%2F537.36%20%28KHTML%2C%20like%20Gecko%29%20Chrome%5C%2F80.0.3987.122%20Safari%5C%2F537.36%22%2C%22URL%22%3A%22http%3A%5C%2F%5C%2Ftour.his-j.com%5C%2Fct%5C%2Fdetail.php%3Ftour%3DTX-HGA4000-FH201%22%2C%22C4URL%22%3A%22http%3A%5C%2F%5C%2Fe.his-j.com%5C%2Ftrip%5C%2Fciao%5C%2Fvoyage%5C%2F02A_10%5C%2FTX-HGA4000-FH201%5C%2F%22%2C%22relatedURL%22%3A%22http%3A%5C%2F%5C%2Ftour.his-j.com%5C%2Fct%5C%2FrelationTour.php%3Fportal%3D02A_10%26airport%3DNRT%26area%3DHGS%26city%3DGUM%26country%3DGUM%26id%3D6565891%26tour%3DTX-HGA4000-FH201%26hotel_class%3DD%26hotel_group%3DGUMCPN-ROGG%26leaflet%3DXWEB-GUM001-G%22%2C%22city_code%22%3A%22GUM%22%2C%22city%22%3A%22%5Cu30b0%5Cu30a2%5Cu30e0%22%2C%22tour%22%3A%22TX-HGA4000-FH201%22%2C%22title%22%3A%22%5Cu30103%5C%2F5%5Cu66f4%5Cu65b0%5Cu3011%5Cu25cf%5Cu30db%5Cu30fc%5Cu30e0%5Cu30da%5Cu30fc%5Cu30b8%5Cu9650%5Cu5b9a%5Cu5546%5Cu54c1%5Cu25cf%20%5Cu30aa%5Cu30f3%5Cu30e9%5Cu30a4%5Cu30f3%5Cu4e88%5Cu7d04%5Cu307e%5Cu305f%5Cu306f%5Cu30b3%5Cu30fc%5Cu30eb%5Cu30bb%5Cu30f3%5Cu30bf%5Cu30fc%5Cu4e88%5Cu7d04%5Cu9650%5Cu5b9a%20%5Cu203b%5Cu5e97%5Cu8217%5Cu4e88%5Cu7d04%5Cu4e0d%5Cu53ef%5Cu3010WEB%5Cu9650%5Cu5b9a%5Cu3011%20%5Cu5b89%5Cu5fc3%5Cu306e%5Cu5f80%5Cu8def%5Cu9001%5Cu8fce%5Cuff06LeaLea%5Cu30c8%5Cu30ed%5Cu30ea%5Cu30fc%5Cu6ede%5Cu5728%5Cu4e2d%5Cu4e57%5Cu308a%5Cu653e%5Cu984c%5Cu4ed8%5Cuff01%5Cu8857%5Cu4e2dWi-Fi%5Cu5229%5Cu7528%5Cu53ef%5Cu80fd%5Cuff01%5Cu30b0%5Cu30a2%5Cu30e04%5Cu65e5%5Cu9593%5Cu30a8%5Cu30b3%5Cu30ce%5Cu30df%5Cu30fc%5Cu30af%5Cu30e9%5Cu30b9%5Cu30db%5Cu30c6%5Cu30eb%5Cu306b%5Cu6ede%5Cu5728%22%2C%22airport_code%22%3A%22NRT%22%2C%22airport%22%3A%22%5Cu6210%5Cu7530%5Cu7a7a%5Cu6e2f%22%2C%22leaflet_num%22%3A%22XWEB-GUM001-G%22%7D">
              電話番号を表示する
            </button>
          </div>
        </div>
      </div>
      <div class="item-tel__call item-tel__block">
        <h4 class="item-tel__call--title item-tel__block__main-title">通常のお電話にてお問い合わせ</h4>
        <div class="item-tel__call__code">
          <div class="item-tel__call__code__block">
            <div class="item-tel__call__code--title">ツアーコード:</div>
            <div class="item-tel__call__code--text"><span class="code_number">TC-FSA0001-SP154</span>を</div>
          </div>
          <div class="item-tel__call__code--text">お伝えください。</div>
        </div>
      </div>
      <div class="item-tel__contact__info tel-template">
        <!-- 電話テンプレートを取得 -->
      </div>
    </div>
  </div>
</div>
現在、コメントはありません。
他の人よりも先にコメントしましょう。