MACHIKA WEB 無料予約CGI v1.1
編集ガイド
============================================================

■ デザインだけ変更したい場合
assets/style.css を編集してください。
CGI本体を変更する必要はありません。

■ CSSで最初に見る場所
01. 基本カラー・角丸・影
   ページ全体の色をまとめて変更できます。

03. ページ全体の横幅・余白
   PCで表示するページ幅を変更できます。

05. 白いカード（パネル）のデザイン
   カードの余白・角丸・影を変更できます。

07. ボタン
   メインボタン、通常ボタン、キャンセルボタンの見た目を変更できます。

16. スマートフォン・タブレット表示
   画面が狭い時だけ適用される設定です。

■ CGI / Perlファイルの役割
index.cgi
   お客様が使う予約ページです。

admin.cgi
   店舗側の予約管理画面です。

setup.cgi
   初回設定用です。

cancel.cgi
   お客様が予約をキャンセルする画面です。

lib/Reservation.pm
   予約保存・空き枠計算・メール送信などの共通処理です。
   デザイン変更では通常編集しません。

■ 大切な注意
CGIの処理部分を変更すると、予約保存・ログイン・メール送信などに影響する
可能性があります。見た目だけを変更する場合は assets/style.css のみを編集する
のがおすすめです。

今回の可読化では、CGIの機能ロジックは変更せず、区切りコメントと空行を追加し、
CSSはルールを1項目ずつ見やすく展開しています。
