@charset "UTF-8";

/*
 * 公開ページのうち、CMS のページだけで使うスタイル（app/Views/front/layout.php で読み込む）
 *
 * サイトのデザインは旧サイト（oushima.jp）の CSS（/assets/css/common.css と、ページごとの css/style.css）のまま使う。
 * ここには、旧サイトに無かった表示（管理画面のプレビューの帯、お問い合わせのエラー文など）だけを書く。
 */

/* 管理画面のプレビューの帯 */
.preview-banner {
  position: sticky;
  top: 0;
  z-index: 10000;
  padding: 4px;
  background: #dc3545;
  color: #fff;
  font-size: 13px;
  text-align: center;
}

/* お問い合わせ: フォーム全体へのメッセージ・項目ごとのエラー文（旧サイトの .error と同じ赤） */
.form-error,
.field-error {
  color: #e00;
}

.form-error {
  margin: 1em 0;
  font-weight: bold;
}

.field-error {
  margin: 0 0 0.5em;
  font-size: 0.9em;
}

/* お問い合わせ: 確認画面の「入力内容を修正する」 */
.inquiry-buttons {
  margin-top: 1.5em;
  text-align: center;
}