{% extends 'default_frame.twig' %}
{% block main %}
<article class="experience">
<section class="mv">
<p class="five">手ぶらで気楽に♪</p>
<h2>多肉寄せ植え体験</h2>
<p class="cat">随時開催中!!</p>
<div class="tobtn">
<p class="fuki">
ご予約・お問い合わせは<br>こちらから
</p>
<a href="#toform" class="gbtn">ご予約・お問合せ</a>
</div>
<p class="und">予約なしでもお席が空いていれば体験可能です。<br>通常お席のご用意が4席しかございません、4名様以上でご希望の場合は、<br>お問い合わせください。</p>
</section>
<section class="course">
<h2>ブリキもしくは陶器鉢から選択、多肉植物の数が異なります。<br>
<h2>
<table>
<tr>
<th>鉢</th>
<th>多肉個数</th>
<th>価格</th>
</tr>
<tr>
<td>a.コーヒーカップソーサー付ブリキ</td>
<td>5個+セダム</td>
<td>1,600円</td>
</tr>
<tr>
<td>b.取っ手付きバケツブリキ</td>
<td>8個+セダム</td>
<td>1,900円</td>
</tr>
<tr>
<td>c. 陶器鉢</td>
<td>8個+セダム</td>
<td>1,900円</td>
</tr>
</table>
</section>
<section class="nagare">
<h2><strong>寄せ植え体験の流れ</strong></h2>
<ul>
<li>
<p>お好みの鉢を選んでスタッフに渡します。<br>スタッフがお席と土をご用意します。</p>
<div class="pic">
<img src="/html/user_data/assets/images/taiken/pic01.png" alt="">
</div>
</li>
<li>
<p>多肉を選びます。</p>
<div class="pic">
<img src="/html/user_data/assets/images/taiken/pic02.png" alt="">
</div>
</li>
<li>
<p>お席で寄せ植えスタート</p>
<div class="pic">
<img src="/html/user_data/assets/images/taiken/pic03.png" alt="">
</div>
</li>
<li>
<p>楽しく寄せ植え体験できれば完成です!</p>
<div class="pic">
<img src="/html/user_data/assets/images/taiken/pic04.png" alt="">
</div>
</li>
</ul>
<div class="under">
<div class="pic">
<img src="/html/user_data/assets/images/taiken/pic05.png" alt="">
</div>
<div class="text">
<p>初めての方でも大丈夫、スタッフがコツ等アドバイスします。<br>セダムはご自由にお使いいただけます。<br>寄せ植えの最後に隙間にドンドン入れ放題です。</p>
<p class="indm">※時期によりセダムの種類は多少変わります</p>
</div>
</div>
</section>
<section id="toform">
<h2>ご予約・お問合せ先</h2>
<p class="txtC">『多肉寄せ植え体験』のご予約・お問い合わせは下記フォームより(寄せ植えスタート時間11時~16時の間)
<form method="post" action="/mail.php">
<input type="hidden" id="token" name="token" value="">
<table>
<tr>
<td>お名前<i>必須</i></td>
<td><input type="text" name="お名前" value="" required></td>
</tr>
<tr>
<td>ふりがな<i>必須</i></td>
<td><input type="text" name="ふりがな" value="" required></td>
</tr>
<tr>
<td>メールアドレス<i>必須</i></td>
<td><input type="text" name="メールアドレス" value="" required></td>
</tr>
<tr>
<td>お電話番号</td>
<td><input type="text" name="電話番号" value=""></td>
</tr>
<tr>
<td>ご希望日時</td>
<td>
<input type="text" name="希望日" value="" class="calendar">
<p>時間:<label><input type="radio" name="時間" value="午前">午前</label>
<label><input type="radio" name="時間" value="午後">午後</label></p>
</td>
</tr>
<tr>
<td>お問合せ内容(ご予約人数を記載ください)</td>
<td><textarea name="お問合せ内容"></textarea></td>
</tr>
</table>
<p class="submit"><button type="submit" name="submit">送信</button></p>
</form>
</section>
</article>
{% endblock %}