MACHIKA WEB 無料メールフォーム v1.1
エディターで編集するときの簡単ガイド
============================================================

■ まずどのファイルを編集する？

1. メール送信先やサイト名を変更したい
   → mailform/config.cgi

2. 色・文字・余白・ボタン・フォームの見た目を変更したい
   → css/mailform.css

3. お問い合わせフォームの項目やHTMLを変更したい
   → contact.html と mailform/mailform.cgi の両方に関係します。
   項目追加はCGI側の入力チェックも必要になるため、HTMLだけ変更しないでください。


■ CSSで最初に見る場所

css/mailform.css の一番上にある「01. まずここを変更すると…」の
:root { ... } が、全体カラーの設定です。

例：
--mf-main   メインカラー
--mf-main2  メインボタンの2色目
--mf-accent アクセントカラー
--mf-bg     ページ背景
--mf-card   フォーム背景
--mf-line   枠線

色は #234b6b のような「# + 6桁」のカラーコードで指定されています。


■ よく変更する場所

フォーム全体の横幅
  .mf-shell の max幅相当（現在 820px）

フォーム内側の余白
  .mf-card の padding

お問い合わせ内容欄の高さ
  .mf-field textarea の min-height

ボタンの丸み
  .mf-btn の border-radius
  999px = 丸いボタン
  8px〜12px程度 = 四角に近いボタン

スマホ表示
  ファイル下部の @media (max-width: 640px)


■ CGI編集時の注意

・UTF-8（BOMなし）で保存してください。
・mailform.cgi / config.cgi の1行目「#!/usr/bin/perl」は削除しないでください。
・サーバー指定のパーミッションを維持してください。
・config.cgi は設定用です。デザイン変更はCSSで行うのがおすすめです。
・mailform.cgi のセキュリティ処理、トークン処理、メール送信処理は、
  内容を理解せずに変更しないことをおすすめします。

============================================================
MACHIKA WEB
