{include file='./header_sp.inc.html' title=$title css=$css_files js=$js_files tpl=$tpl_files}
        <input type="hidden" id="HtlId" value="{$hotel.HTL_ID}" />
        <input type="hidden" id="Lang" value="{$lang}" />
        <input type="hidden" id="PlnId" value="{$input.plan_id}" />
        <input type="hidden" id="InitY" value="{$input.y}" />
        <input type="hidden" id="InitM" value="{$input.m}" />
        <input type="hidden" id="InitD" value="{$input.d}" />
        <input type="hidden" id="EditRsvNo" value="{$con.edit_rsvno}" />
        <input type="hidden" id="RoomText" value="{$lang_list.Room}">
        <input type="hidden" id="TypeId" value="{$input.type_id}">
        <input type="hidden" id="OnceKey" value="{$once_key}" />
        <div class="step-nav">
            <ol class="step-list">
                <li></li>
                <li class="current"></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
            <p class="step-current">{$lang_list.SelectNumberOfRoomAndDate}</p>
			<!-- 2018/1/18 kurato 表示項目削減 start-->
            {if $disp_flg.page_navi}
            <!-- 2018/2/9 chinen edit start-->
            <p  class="l-text-item">{$lang_list.PleaseSelectDesiredNumberOfRoomAndDate}</p>
            <!-- 2018/2/9 chinen edit end-->
            {/if}
			<!-- 2018/1/18 kurato 表示項目削減 end-->
            {if $input.from_list == 'edit'}
                <span class="text-accent ui-li-desc">{$lang_list.OptionChangeMethodAlert}</span>
            {/if}
        </div>
        <div data-role="header">
            <h2 class="content-head">
                {$lang_list.RoomAvailabilityOn}
                <span class="roomdlg-year">{$input.y}</span>
                {$lang_list.Year_07}
                <span class="roomdlg-month">{$input.m}</span>
                {$lang_list.Month_07}
                <span class="roomdlg-day">{$input.d}
                </span>{$lang_list.Day}
                {$lang_list.RoomAvailability}
            </h2>
        </div>
      <div data-role="content" id="date_room_sp">
          <!-- 2018/09/26 Nhu edit start -->
          {if $con.frm != 'cal'}
            <div class="plan_list_1">
                <ul data-role="listview" data-theme="c" data-divider-theme="a">
                    <li data-role="list-divider">
                        {$plan_data.PLN_NAME}
                        <div class="tli-sales"><span class="mark">{$lang_list.Available}</span>{$plan_data.PLN_START} {$lang_list.To} {$plan_data.PLN_END}</div>
                    </li>
                    <li>
                        {if $plan_data.THUMB_LIST}
                        <div class="slider js-plan-slider">
                            {foreach from=$plan_data.THUMB_LIST key="i" item="t"}
                            <div>
                                <figure>
                                    <div class="slider-img">
                                        <img class="lazy"  src="{$smarty.const.PIC_URL}thumb/{$t}" alt="" />
                                    </div>
                                    <figcaption>
                                        {$plan_data.PLN_NAME}
                                    </figcaption>
                                </figure>
                            </div>
                            {/foreach}
                        </div>
                        {/if}
                        <div class="plan-intro">
                            {if $plan_data.PLN_CAP_PC}{$plan_data.PLN_CAP_PC}{else}{$plan_data.PLN_CAP_PC_LIGHT|nl2br}{/if}
                        </div>
                        <!-- plan-meals -->
                        <div class="plan-meals">
                            <p class="plan-meals-head breakfast {if $plan_data.BRK_THUMB_LIST}accordion-head{/if}">
                                {$lang_list.Breakfast5}
                            </p>
                            <p class="plan-meals-intro">{$plan_data.PLN_BRK_NAME}</p>
                            {if $plan_data.BRK_THUMB_LIST}
                            <div class="accordion-body">
                                <div class="slider">
                                    {foreach from=$plan_data.BRK_THUMB_LIST item="t" name=breakfirts}
                                    <div>
                                        <figure>
                                            <div class="slider-img">
                                                <img class="lazy" id="mainImg146" src="{$smarty.const.PIC_URL}meal/{$t}" alt="" />
                                            </div>
                                            <figcaption>
                                                {$plan_data.PLN_BRK_NAME}
                                            </figcaption>
                                        </figure>
                                    </div>
                                    {/foreach}
                                </div>
                            </div>
                            {/if}
    
                            <p class="plan-meals-head dinner {if $plan_data.DIN_THUMB_LIST}accordion-head{/if}">{$lang_list.Dinner5}</p>
                            <p class="plan-meals-intro">{$plan_data.PLN_DIN_NAME}</p>
                            {if $plan_data.DIN_THUMB_LIST}
                            <div class="accordion-body">
                                <div class="slider">
                                    {foreach from=$plan_data.DIN_THUMB_LIST item="t" name=dinnerImages}
                                    <div>
                                        <figure>
                                            <div class="slider-img">
                                                <img class="lazy" src="{$smarty.const.PIC_URL}meal/{$t}" alt="" />
                                            </div>
                                            <figcaption>
                                                {$plan_data.PLN_DIN_NAME}
                                            </figcaption>
                                        </figure>
                                    </div>
                                    {/foreach}
                                </div>
                            </div>
                            {/if}
    
                        </div>
                        <!-- /plan-meals -->
                    </li>
                </ul>
            </div>
          {/if}
          <!-- 2018/09/26 Nhu edit end -->
          <ul data-role="listview" data-theme="c" data-divider-theme="a">
              <li data-role="list-divider" class="list-heading">
                  {if $plan_data.DAY_TRIP == 1}
                  {if $lang == ''}１．{else}1.{/if}{$lang_list.PleaseCheckTheDate}
                  {else}
                  {if $lang == ''}１．{else}1.{/if}{$lang_list.PleaseChooseDesiredNumberOfNight}
                  {/if}
              </li>
              <li>
                  <input type="hidden" id="DefaultRoomCount" value="{$select_room}" />
                  <div data-role="fieldcontain">
                      {if $plan_data.DAY_TRIP == 1}
                      <label for="Stay" class="label-icon label-calendar">
                          <span class="roomdlg-year">{$input.y}</span>
                          {$lang_list.Year_07}
                          <span class="roomdlg-month">{$input.m}</span>
                          {$lang_list.Month_07}
                          <span class="roomdlg-day">{$input.d}</span>
                          {$lang_list.Day}{$lang_list.SingleDay}
                          <input type="hidden" id="Stay" value="1" />
                      </label>
                      {else}
                          <label for="Stay" class="label-icon label-calendar">
                          {$lang_list.FromArrivalDate}
                          {if $lang == 'en'}
                            (
                          {/if}
                          <span class="roomdlg-year">{$input.y}</span>
                          {$lang_list.Year_07}
                          <span class="roomdlg-month">{$input.m}</span>
                          {$lang_list.Month_07}
                          <span class="roomdlg-day">{$input.d}</span>
                          {if $lang == 'en'}
                            )
                          {/if}
                          {$lang_list.Day5}
                          </label>
                          <select name="stay_num" id="Stay">
                              {foreach from=$stay_list item="v"}
                              <option value="{$v}" {if $v == $select_stay}selected{/if}>{$v}{$lang_list.Night}</option>
                              {/foreach}
                          </select>
                      {/if}
                  </div>
              </li>
          </ul>
          <ul data-role="listview" data-theme="c" data-divider-theme="a">
              <li data-role="list-divider" class="list-heading">
                  {if $lang == ''}２．{else}2.{/if}{$lang_list.PleaseChooseDesiredNumberOfRoom}
              </li>
              <li>
                  <p class="text-note">{$lang_list.YouCanReserveMoreThanOne}</p>
                  <dl class="m-box-gen" id="type_ids">
                      {foreach name="lp" from=$plan_data.ROOM_INFO item="r"}
                        {if $r.TYPE_ID == $input.type_id || $r.TYPE_ID|in_array:$type_ids}
                        <dt class="box-head" data-id="{$r.TYPE_ID}">{$r.TYPE_NAME}</dt>
                        <dd class="box-body">
                          <div data-role="fieldcontain" style="padding:0">
                              <select class="js-select-room"
                                      data-typeid="{$r.TYPE_ID}" name="room_num{$smarty.foreach.lp.iteration}"
                                      id="RoomNum{$smarty.foreach.lp.iteration}_{$r.TYPE_ID}">
                                  <option value="">-{$lang_list.Room}</option>
                              </select>
                          </div>
                        </dd>
                        {/if}
                      {/foreach}
                      {foreach name="lp" from=$plan_data.ROOM_INFO item="r"}
                          {if $r.TYPE_ID != $input.type_id && $r.TYPE_ID|in_array:$type_ids==false}
                          <dt data-hidetype="1" class="box-head" style="display: none" data-id="{$r.TYPE_ID}">{$r.TYPE_NAME}</dt>
                          <dd  data-hidetype="1" class="box-body" style="display: none">
                              <div data-role="fieldcontain" style="padding:0">
                                  <select class="js-select-room"
                                          data-typeid="{$r.TYPE_ID}" name="room_num{$smarty.foreach.lp.iteration}"
                                          id="RoomNum{$smarty.foreach.lp.iteration}_{$r.TYPE_ID}">
                                      <option value="">-{$lang_list.Room}</option>
                                  </select>
                              </div>
                          </dd>
                          {/if}
                      {/foreach}

                  </dl>
                  {if isset($plan_data.ROOM_INFO)}
                    {if count($plan_data.ROOM_INFO) > 1 && count($plan_data.ROOM_INFO) > count($type_ids) }
                    <div class="all-rooms-container">
                        <a id="all-rooms" class="show_all_rooms" href="#">{$lang_list.ShowAllRoom}</a>
                    </div>
                    {/if}
                  {/if}
                  <!-- 2018/02/09 17213-110 Do edit start -->
                  <div class="l-btn-container">
                      <a href="#priceList" data-role="button" class="m-btn m-btn-modal">{$lang_list.GoToPricing}</a>
                  </div>


              </li>
          </ul>

          <ul data-role="listview" data-theme="c" data-divider-theme="a">
              <li data-role="list-divider" class="list-heading">
                  {if $lang == ''}３．{else}3.{/if}{$lang_list.PleaseEnterTheNumberOfGuests}
              </li>
              <li>
                  <!-- select nums-->
                  {foreach name="lp" from=$plan_data.ROOM_INFO item="r"}
                  {if $r.TYPE_ID == $input.type_id || $r.TYPE_ID|in_array:$type_ids}
                  <table data-tblselectnum="{$r.TYPE_ID}" class="PlanDetail">
                      <tbody>
                      <tr>
                          <th>
                              <p>{$r.TYPE_NAME}</p>
                          </th>
                      </tr>
                      <tr>
                          <td id="InputArea{$r.TYPE_ID}" class="input_area">
                                <!-- 2018/08/27 Nhu edit start -->
                                <!-- <a style="clear:both;" class="inputbtn"
                                name="RoomInputBox_{$r.TYPE_ID}" href="javascript:void(0);"
                                data-role="button" data-mini="true" data-icon="arrow-r"
                                data-ajax="false">
                                 {$lang_list.NumberPeopleToReserve}
                             </a> -->
                              <a style="clear:both;" class="inputbtn"
                                 name="RoomInputBox_{$r.TYPE_ID}" href="javascript:void(0);"
                                 data-role="button" data-icon="arrow-d"
                                 data-ajax="false">
                                  {$lang_list.NumberPeopleToReserve}
                              </a>
                                <!-- 2018/08/27 Nhu edit end -->

                              <div class="l-notes-container">

                              </div>

                          </td>
                      </tr>
                      </tbody>
                  </table>
                  {/if}
                  {/foreach}
                  {foreach name="lp" from=$plan_data.ROOM_INFO item="r"}
                  {if $r.TYPE_ID != $input.type_id && $r.TYPE_ID|in_array:$type_ids==false}
                  <table data-tblselectnum="{$r.TYPE_ID}" data-hidetype="1" class="PlanDetail" style="display: none">
                      <tbody>
                      <tr>
                          <th>
                              <p>{$r.TYPE_NAME}</p>
                          </th>
                      </tr>
                      <tr>
                          <td id="InputArea{$r.TYPE_ID}" class="input_area">
                              <!-- 2018/08/27 Nhu edit start -->
                                <!-- <a style="clear:both;" class="inputbtn"
                                 name="RoomInputBox_{$r.TYPE_ID}" href="javascript:void(0);"
                                data-role="button" data-mini="true" data-icon="arrow-r"
                                data-ajax="false">
                                 {$lang_list.NumberPeopleToReserve}
                             </a> -->
                              <a style="clear:both;" class="inputbtn"
                                 name="RoomInputBox_{$r.TYPE_ID}" href="javascript:void(0);"
                                 data-role="button" data-icon="arrow-d"
                                 data-ajax="false">
                                  {$lang_list.NumberPeopleToReserve}
                              </a>
                              <!-- 2018/08/27 Nhu edit end -->

                              <div class="l-notes-container">

                              </div>
                          </td>
                      </tr>
                      </tbody>
                  </table>
                  {/if}
                  {/foreach}

                  <!-- end select nums-->
                  {if $lang == ""}
                  <br/>
                  <p class="text-accent">
                      ※ご希望の宿泊日・人数によっては、ご予約を承ることができない場合がございます。
                  </p>
                  {/if}
                   <!-- 2018/02/09 17213-110 Do edit end -->
              </li>

              <!-- 部屋料金 l18n -->
              <div id="detailTableTitleContentOfUsage" style="display: none;">{$lang_list.ContentOfUsage}</div>
              <div id="detailTableTitleSubtotal" style="display: none;">{$lang_list.Subtotal}</div>
              <div id="detailTableTitleAccommodationSubtotal" style="display: none;">{$lang_list.AccommodationSubtotal}</div>
              <div id="detailTableTitleElementaryStudent" style="display: none;">{$lang_list.ElementaryStudent}</div>
              <div id="detailTableTitlePreschoolerWithMeal" style="display: none;">{$lang_list.PreschoolerWithMeal}</div>
              <div id="detailTableTitleToddlerWithMeal" style="display: none;">{$lang_list.ToddlerWithMeal}</div>
              <div id="detailTableTitleToddlerNoMealWithBed" style="display: none;">{$lang_list.ToddlerNoMealWithBed}</div>
              <div id="detailTableTitleToddlerNoMealNoBed" style="display: none;">{$lang_list.ToddlerNoMealNoBed}</div>
              <div id="detailTableTitleInfant" style="display: none;">{$lang_list.Infant}</div>
              <div id="detailTableTitleAdult6" style="display: none;">{$lang_list.Adult6}</div>
              <div id="detailTableTitleYen" style="display: none;">{$lang_list.Yen}</div>
              <div id="detailTableTitlePerson6" style="display: none;">{$lang_list.Person6}</div>
              <div id="detailTableTitleTotalSP" style="display: none;">{$lang_list.TotalSP}</div>
              
              <li id="reservationDetailTable">
              </li>
          </ul>
      </div>
        <!-- 2018/08/27 Nhu edit start -->
        <!-- <div data-role="content" class="other"> -->
        <div data-role="content" class="other" style="margin-top:-16px;">
            <!-- <p class="text-note center">{$lang_list.PleaseProceedTheButtonBelow}</p> -->
        <!-- 2018/08/27 Nhu edit end -->
            {if $user}
                <div class="block">
                    <a id="BtnNext" href="#" data-role="button" data-inline="true" data-theme="e"
                       data-icon="arrow-r" data-ajax="false" data-shadow="true"
                       class="btn-next m-btn m-btn-enter ui-disabled">
                       {if $is_has_other}
                           {$lang_list.OptionInput}
                       {else}
                           {$lang_list.InputCustomerInfo}
                       {/if}
                    </a>
                </div>
            {else}
                <div class="block" id="block_btnNext">
                    <a id="BtnNext" href="#" data-role="button"
                       data-inline="true" data-theme="e" data-icon="arrow-r"
                       data-ajax="false" class="btn-next ui-disabled m-btn m-btn-enter ui-btn ui-btn-up-e ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-left"
                       data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span">
                        <span class="ui-btn-inner ui-btn-corner-all">
                            <span class="ui-btn-text">{if $is_has_other}{$lang_list.NoLoginOptionEnterBtnText}{else}{$lang_list.NoLoginInfoEnterBtnText}{/if}</span>
                            <span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>
                        </span>
                    </a>
                </div>
                <div class="block">
                    <a href="#LoginBox" data-role="button" class="LoginBtn btn-next m-btn m-btn-submit ui-btn ui-btn-up-c ui-shadow ui-btn-corner-all"
                       data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c">
                        <span class="ui-btn-inner ui-btn-corner-all">
                            <span class="ui-btn-text">{if $is_has_other}{$lang_list.LoginOptionEnterBtnText}{else}{$lang_list.LoginInfoEnterBtnText}{/if}</span>
                        </span>
                    </a>
                    <a href="#ForgetPass" class="login-forget-text ui-link">{$lang_list.ForgotPassword}</a>
                </div>
            {/if}
            <!-- 2018/03/07 17213 Tam edit start -->
		    {if $con.from_list != 'edit' || ($con.from_list == 'edit'&& $con.frm == 'cal') || $con.choice}
            <a class="backbtn m-btn m-btn-prev m-btn-s" href="{$back_url}" data-role="button"
               data-inline="true" data-icon="arrow-l" data-ajax="false" onclick="$.showLoading()">
                            {if $con.mode == 'refine' && $disp_flg.use_cal_mini == 0}
                                {$lang_list.BackToPlan}
                            {else}
                                {$lang_list.BackToDateAndRoom}
                            {/if}
            </a>
            {/if}
            <!-- 2018/03/07 17213 Tam edit end -->
        </div>
      <!--/content-->
    </div>
    <!--/#home-->
  <div id="priceList" data-role="dialog">
      <div data-role="header">
          <h1>{$lang_list.GoToPricing}</h1>
      </div>
      <div data-role="content">
          {foreach from=$plan_data.ROOM_INFO item="r"}
          <table class="table-plan">
              <thead>
              <tr>
                  <th colspan="2">{$r.TYPE_NAME}</th>
              </tr>
              </thead>
              <tbody>
              {if 0 < $r.PLN_CHG_PERSON1 && $r.PLN_MIN <= 1 && 1 <= $r.PLN_MAX}
              <tr>
                  <th style="width: 50%">1{$lang_list.PersonRoom}</th>
                  <td class="charge">
                      {if 0 < $r.PLN_CHG_PERSON1 && $r.PLN_MIN <= 1 && 1 <= $r.PLN_MAX}&yen;{$r.PLN_CHG_PERSON1|number_format}{$lang_list.Price}{/if}
                  </td>
              </tr>
              {/if}
              {if 0 < $r.PLN_CHG_PERSON2 && $r.PLN_MIN <= 2 && 2 <= $r.PLN_MAX}
              <tr>
                  <th>2{$lang_list.PersonRoom}</th>
                  <td class="charge">
                      {if 0 < $r.PLN_CHG_PERSON2 && $r.PLN_MIN <= 2 && 2 <= $r.PLN_MAX}&yen;{$r.PLN_CHG_PERSON2|number_format}{$lang_list.Price}{/if}
                  </td>
              </tr>
              {/if}
              {if 0 < $r.PLN_CHG_PERSON3 && $r.PLN_MIN <= 3 && 3 <= $r.PLN_MAX}
              <tr>
                  <th>3{$lang_list.PersonRoom}</th>
                  <td class="charge">
                      {if 0 < $r.PLN_CHG_PERSON3 && $r.PLN_MIN <= 3 && 3 <= $r.PLN_MAX}&yen;{$r.PLN_CHG_PERSON3|number_format}{$lang_list.Price}{/if}                                        </td>
              </tr>
              {/if}
              {if 0 < $r.PLN_CHG_PERSON4 && $r.PLN_MIN <= 4 && 4 <= $r.PLN_MAX}
              <tr>
                  <th>4{$lang_list.PersonRoom}</th>
                  <td class="charge">
                      {if 0 < $r.PLN_CHG_PERSON4 && $r.PLN_MIN <= 4 && 4 <= $r.PLN_MAX}&yen;{$r.PLN_CHG_PERSON4|number_format}{$lang_list.Price}{/if}
                  </td>
              </tr>
              {/if}
              {if 0 < $r.PLN_CHG_PERSON5 && $r.PLN_MIN <= 5 && 5 <= $r.PLN_MAX}
              <tr>
                  <th>5{$lang_list.PersonRoom}</th>
                  <td class="charge">
                      {if 0 < $r.PLN_CHG_PERSON5 && $r.PLN_MIN <= 5 && 5 <= $r.PLN_MAX}&yen;{$r.PLN_CHG_PERSON5|number_format}{$lang_list.Price}{/if}                                        </td>
              </tr>
              {/if}
              {if 0 < $r.PLN_CHG_PERSON6 && $r.PLN_MIN <= 6 && 6 <= $r.PLN_MAX}
              <tr>
                  <th>6{$lang_list.PersonRoom}</th>
                  <td class="charge">
                      {if 0 < $r.PLN_CHG_PERSON6 && $r.PLN_MIN <= 6 && 6 <= $r.PLN_MAX}&yen;{$r.PLN_CHG_PERSON6|number_format}{$lang_list.Price}{/if}                                        </td>
              </tr>
              {/if}
              </tbody>
          </table>
          {/foreach}




          <a class="m-btn m-btn-close m-btn-s" href="#" data-role="button" data-rel="back">{$lang_list.Close}</a>
      </div>
  </div>
    
<!-- 2018/1/29 kurato ログイン　パスワード送信start-->
<!-- 以下ダイアログ -->    
	<div id="LoginBox" data-role="dialog">
		<div data-role="header">
			<h1>{$lang_list.Login}</h1>
		</div>
		<div data-role="content">
			<span class="authdlg-msg error EA01" style="display:none;">{$lang_list.TheLoginInformation}</span>
			<span class="authdlg-msg error ER01" style="display:none;">{$lang_list.PleaseEnterA}</span>
			<span class="authdlg-msg error ER02" style="display:none;">{$lang_list.ThisEmailAddress}</span>
			<span class="authdlg-msg error ER03" style="display:none;">{$lang_list.MailDeliveryError}</span>
			<span class="authdlg-msg success" style="display:none;">{$lang_list.MailHasBeen}</span>
			<p>
                            {$lang_list.PleaseEnterYourEmailAndPassword}
                        </p>
			<div data-role="fieldcontain">
				<label for="LoginMail">{$lang_list.EmailAddress}</label>
				<input type="email" name="login_mail" id="LoginMail" value="" data-mini="true">
			</div>
			<div data-role="fieldcontain">
				<label for="LoginPwd">{$lang_list.Password}</label>
				<input type="password" name="login_pwd" id="LoginPwd" value="" data-mini="true">
				<p class="l-btn-container">
					<a class="loginbtn m-btn m-btn-submit m-btn-s" href="javascript:void(0);" data-role="button" data-inline="true" data-icon="gear" data-theme="e">{$lang_list.Login2}</a>
				<p>
			</div>
			<div data-role="collapsible">
				<h3>{$lang_list.ForgotPassword}</h3>
				<p style="margin-top:5px;">
					{$lang_list.PressSend}<br>
					{$lang_list.PasswordEmail}
				</p>
				<div data-role="fieldcontain">
					<label>{$lang_list.EmailAddress}</label>
					<input type="email" id="RemindMail" name="login_mail" value="" data-mini="true">
                    <p class="l-btn-container">
						<a class="remindbtn m-btn m-btn-submit m-btn-s" href="javascript:void(0);" data-role="button" data-inline="true" data-icon="gear" data-ajax="false" data-theme="e">{$lang_list.Send}</a>
					<p>
				</div>
			</div>
			<div class="l-btn-container">
				<a class="LoginCloseBtn m-btn m-btn-close m-btn-s" href="#" data-role="button" data-rel="back">{$lang_list.Close}</a>
			</div>
		</div>
	</div>
  <!--/#LoginBox -->
            
  <div id="ForgetPass" data-role="dialog">
    <div data-role="header">
      <h1>{$lang_list.ForgotPassword}</h1>
    </div>
    <div data-role="content">
      <p>
        {$lang_list.PressSend}<br>
        {$lang_list.PasswordEmail}
      </p>
      <div data-role="fieldcontain">
        <label for="RemindMail">{$lang_list.EmailAddress}</label>
        <input type="email" name="login_mail" value="" data-mini="true">
        <p class="l-btn-container">
          <a class="remindbtn m-btn m-btn-submit m-btn-s" href="javascript:void(0);" data-role="button" data-inline="true" data-icon="gear" data-ajax="false" data-theme="e">{$lang_list.Send}</a>
          <p>
      </div>
      <div class="l-btn-container">
        <a class="LoginCloseBtn m-btn m-btn-close m-btn-s" href="#" data-role="button" data-rel="back">{$lang_list.Close}</a>
      </div>
    </div>
  </div>
  <!--/#ForgetPass -->
<!-- 2018/1/29 kurato ログイン　パスワード送信 end-->    

    <!-- dialog select num-->
    {foreach name="lp" from=$plan_data.ROOM_INFO item="r"}
    <div id="RoomInputBox_{$r.TYPE_ID}" class="input_box" data-role="dialog">
        <div data-role="header">
            <h1>{$lang_list.NumberPeopleOfReserve}</h1>
        </div>
        <div data-role="content">

        </div>
    </div>
    {/foreach}
    <input type="hidden" id="ActiveDialog" value="">
    <input type="hidden" id="SecKeyRsv" value="" />
    <!-- end dialog select num-->

    <div id="NumOverDialog" class="input_box" data-role="dialog">
        <div data-role="header"><h1></h1>
        </div>
        <div data-role="content">
            <p>{$lang_list.PlanNumOver1}<span id="pln_min_capa"></span>{$lang_list.PlanNumOver2}<span id="pln_max_capa"></span>{$lang_list.PlanNumOver3}</p>
            <div class="l-btn-container">
                <a class="LoginCloseBtn m-btn m-btn-close m-btn-s" href="#" data-role="button" data-rel="back">{$lang_list.Close}</a>
            </div>
        </div>
    </div>

    <div id="not_enough_other_dialog" class="input_box" data-role="dialog">
        <div data-role="header"><h1></h1>
        </div>
        <div data-role="content">
            <p>{$lang_list.NoStockPleaseChange}</p>
            <p>{$lang_list.Option_Plan}：<span id="not_enough_other_dialog_opt_str"></span></p>
            <div class="l-btn-container">
                <a class="LoginCloseBtn m-btn m-btn-close m-btn-s" href="#" data-role="button" data-rel="back">{$lang_list.Close}</a>
            </div>
        </div>
    </div>

  </body>
</html>