iPadでの閲覧を想定したレイアウトです。実機のSafariで開いてご確認ください。
数量選択→無料アメニティ注文（送信シミュレーション）／有料レンタル品カート→Square決済画面（デモ）まで一通り操作できます。画面右上（design-bは左レール上）の言語切替で日本語⇄英語表示も切り替わります。
和紙のような生成り地に墨色の文字、深緋のアクセント。上部タブ切替、カード型グリッドで商品を表示。浴衣・岩盤浴マットなど旅館らしいレンタル品構成の例です。
ネイビー×ゴールドの上質な配色、左サイドの縦アイコンナビ、横並びリスト型の商品表示。Nintendo Switchやモバイルバッテリーなど、都市型ホテル向けのレンタル品構成の例です。
※ 商品画像は仮のプレースホルダーです。ご契約後、ご支給いただく掲載商品画像に差し替えます。
※ room102 / room902 は、ベースデータ（room101 / room901）の部屋番号表記のみを差し替えた複製例です。ご契約後、同じ方式で全12部屋分（domain01：101〜104／domain02：901〜908）のディレクトリを作成・設置します。
※ Square決済画面・メール送信完了画面は、実装イメージをご確認いただくためのデモ表示です（実際の課金・送信は発生しません）。本番では Square Web Payments SDK ＋ サーバーサイドAPI連携、メールはPHPメール送信機能で実装します。