@charset "utf-8";
/* お問合せ・ご予約 フォーム */
@import url(page-base.css);
.pb-form { margin: 1.6em 0; }
.pb-form input[type="text"], .pb-form input[type="tel"], .pb-form input[type="email"], .pb-form textarea {
  width: 100%; padding: 0.7em; font-size: 16px; border: 1px solid #c8d4e0; border-radius: 4px; box-sizing: border-box; }
.pb-form .req { display: inline-block; margin-left: 8px; padding: 1px 8px; font-size: 11px; color: #fff; background: #d33; border-radius: 3px; }
.pb-submit { text-align: center; margin: 2em 0; }
.pb-submit button { min-width: 60%; padding: 1em 2em; font-size: 17px; color: #fff; background: #003d96; border: 0; border-radius: 6px; cursor: pointer; }
.pb-submit button:hover { opacity: 0.85; }
.pb-errors { color: #c00; background: #fdf0f0; border: 1px solid #eec2c2; border-radius: 6px; padding: 1em 1.4em; }
.pb-hp { position: absolute; left: -9999px; height: 0; overflow: hidden; }
.pb-thanks { text-align: center; padding: 2em 1em; }

/* ==================================================================
   お問合せフォーム：Contact Form 7 対応（2026-10-16 追加）
   ------------------------------------------------------------------
   追加理由：
   この contact.css は「.pb-form / .pb-table / .pb-submit」向けに書かれています。
   Contact Form 7 のフォーム本文が「form-box / tbl-r / submit_btn」で
   作られている場合、クラス名が一致せずスタイルが1つも当たりません
   （入力欄が素の状態・罫線なし・「必須」バッジなし・送信ボタンが青くならない）。
   下記は、どちらのクラス名でも同じ見た目になるようにするための定義です。
   ================================================================== */

/* --- 旧クラス（form-box / tbl-r / submit_btn）で作られたフォーム用 --- */
#page-contact .form-box { margin: 1.6em 0; }
#page-contact .form-box .tbl-r { width: 100%; border-collapse: collapse; margin: 1.6em 0; }
#page-contact .form-box .tbl-r th,
#page-contact .form-box .tbl-r td {
  border: 1px solid #c8d4e0; padding: 0.7em 0.9em;
  font-size: 14px; line-height: 1.8; text-align: left; vertical-align: top; }
#page-contact .form-box .tbl-r th { background: #eef4fa; width: 28%; }
#page-contact .form-box .tbl-r th p,
#page-contact .form-box .tbl-r td p { margin: 0; }
/* 「必須」バッジ（th の class="required" を .req と同じ見た目にする） */
#page-contact .form-box .tbl-r th.required::after {
  content: "必須"; display: inline-block; margin-left: 8px; padding: 1px 8px;
  font-size: 11px; color: #fff; background: #d33; border-radius: 3px; vertical-align: middle; }

/* --- 入力欄（CF7 が出力する .wpcf7-form-control にも適用） --- */
#page-contact .wpcf7-form .wpcf7-form-control.wpcf7-text,
#page-contact .wpcf7-form .wpcf7-form-control.wpcf7-tel,
#page-contact .wpcf7-form .wpcf7-form-control.wpcf7-email,
#page-contact .wpcf7-form .wpcf7-form-control.wpcf7-textarea {
  width: 100%; padding: 0.7em; font-size: 16px;
  border: 1px solid #c8d4e0; border-radius: 4px; box-sizing: border-box; }

/* --- 送信ボタン --- */
#page-contact .submit_btn { list-style: none; margin: 2em 0; padding: 0; text-align: center; }
#page-contact .submit_btn p { margin: 0; }
#page-contact .wpcf7-submit,
#page-contact .submit_btn input[type="submit"] {
  min-width: 60%; padding: 1em 2em; font-size: 17px; color: #fff;
  background: #003d96; border: 0; border-radius: 6px; cursor: pointer; }
#page-contact .wpcf7-submit:hover,
#page-contact .submit_btn input[type="submit"]:hover { opacity: 0.85; }

/* --- CF7 のメッセージ表示 --- */
#page-contact .wpcf7-response-output {
  margin: 1.6em 0 0; padding: 1em 1.4em; border-radius: 6px; font-size: 14px; }
#page-contact .wpcf7-not-valid-tip { color: #c00; font-size: 13px; display: block; margin-top: 0.3em; }

/* ==================================================================
   パンくずリストの二重表示を防ぐ（安全策）
   ------------------------------------------------------------------
   テンプレート側で重複出力を止める修正を行うまでの暫定措置です。
   テンプレートを修正すれば、この規則は何にも該当しなくなり無害です。
   ================================================================== */
#cnt > #wrapper > #content > #breadcrumb { display: none; }