<html>
<body style="font-family: sans-serif; line-height: 1.6;">
<h2>ご予約ありがとうございます</h2>
<p>{{customer_name}} 様</p>
<p>以下の内容でご予約を承りました。</p>

<table style="border: 1px solid #ddd; border-collapse: collapse; width: 100%; max-width: 600px;">
<tr>
<th style="background: #f4f4f4; padding: 10px; text-align: left; border: 1px solid #ddd;">予約番号</th>
<td style="padding: 10px; border: 1px solid #ddd;">{{reservation_number}}</td>
</tr>
<tr>
<th style="background: #f4f4f4; padding: 10px; text-align: left; border: 1px solid #ddd;">便名</th>
<td style="padding: 10px; border: 1px solid #ddd;">{{operation_name}}</td>
</tr>
<tr>
<th style="background: #f4f4f4; padding: 10px; text-align: left; border: 1px solid #ddd;">出航日</th>
<td style="padding: 10px; border: 1px solid #ddd;">{{schedule_date}}</td>
</tr>
<tr>
<th style="background: #f4f4f4; padding: 10px; text-align: left; border: 1px solid #ddd;">出航時刻</th>
<td style="padding: 10px; border: 1px solid #ddd;">{{departure_time}}</td>
</tr>
<tr>
<th style="background: #f4f4f4; padding: 10px; text-align: left; border: 1px solid #ddd;">人数</th>
<td style="padding: 10px; border: 1px solid #ddd;">{{total_passengers}}名</td>
</tr>
<tr>
<th style="background: #f4f4f4; padding: 10px; text-align: left; border: 1px solid #ddd;">合計金額</th>
<td style="padding: 10px; border: 1px solid #ddd;">¥{{total_amount}}</td>
</tr>
</table>

<p style="margin-top: 30px;">
<strong>【ご注意事項】</strong><br>
・出航時刻の30分前までにお越しください。<br>
・予約番号は乗船時に必要となりますので、大切に保管してください。<br>
・天候等により運航が中止となる場合がございます。
</p>

<p>ご不明な点がございましたら、お気軽にお問い合わせください。</p>

<hr style="margin: 30px 0; border: none; border-top: 1px solid #ddd;">
<p style="font-size: 12px; color: #666;">
道東観光開発株式会社<br>
このメールは自動送信されています。
</p>
</body>
</html>