/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 26 2026 | 01:55:47 */
/* 因の島ガス CF7 共通補正 v2 (2026-10-26)
 * 対象: 入力/確認フォームを .contact-cf7 で囲ったページ
 * 重要: 固定ページ側に <div class="wrap wrap_m contents_frame"> が必要。
 */
.contact-cf7 .wpcf7 { width:100%; }
.contact-cf7 .form_table .wpcf7-form-control-wrap { max-width:100%; }
.contact-cf7 .form_table input[type="text"],
.contact-cf7 .form_table input[type="email"],
.contact-cf7 .form_table input[type="tel"],
.contact-cf7 .form_table input[type="number"],
.contact-cf7 .form_table select,
.contact-cf7 .form_table textarea { max-width:100%; box-sizing:border-box; }
.contact-cf7 .form_table textarea { width:100%; }
.contact-cf7 .form_table .wpcf7-list-item { margin:0 1em .35em 0; }
.contact-cf7 .form_table .wpcf7-list-item label { cursor:pointer; }
.contact-cf7 .form_table .wpcf7-not-valid-tip { display:block; margin-top:5px; color:#b70000; font-size:13px; }
.contact-cf7 .wpcf7 form .wpcf7-response-output { margin:1em 0; padding:1em; }
/* CF7自動挿入のp/brによるボタン縦並びを防ぐ */
.contact-cf7 .form_btn { display:flex; justify-content:center; align-items:center; gap:12px; flex-wrap:wrap; }
.contact-cf7 .form_btn > p { display:flex; justify-content:center; align-items:center; gap:12px; flex-wrap:wrap; margin:0; width:100%; }
.contact-cf7 .form_btn > p > br { display:none; }
.contact-cf7 .form_btn input.wpcf7-submit { min-width:220px; width:auto; }
.contact-cf7 .form_btn .wpcf7-previous,
.contact-cf7 .form_btn input[type="button"] { background:#888; color:#fff; border:0; border-radius:5px; padding:15px 30px; font-size:18px; cursor:pointer; min-width:180px; }
.contact-cf7 .form_btn .wpcf7-spinner { margin:0 4px; }
/* 確認画面は文字列、段落の余白を詰める */
.contact-cf7 .form_table td { overflow-wrap:anywhere; }
.contact-cf7 .form_table th > p,
.contact-cf7 .form_table td > p { margin:0; }
/* 郵便番号は長いフォーム幅に引き伸ばさない */
.contact-cf7 .address_table input[name="zip"] { width:160px !important; max-width:100% !important; box-sizing:border-box; }
.contact-cf7 .address_table input[name^="address"] { width:100%; max-width:100%; box-sizing:border-box; }
.contact-cf7 .form_table .cf7-confirm-value { white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:767px){
 .contact-cf7 .form_btn, .contact-cf7 .form_btn > p { flex-direction:column; align-items:stretch; }
 .contact-cf7 .form_btn input.wpcf7-submit,
 .contact-cf7 .form_btn .wpcf7-previous,
 .contact-cf7 .form_btn input[type="button"] { width:100%; min-width:0; }
}


/* v3: 電話番号はメール欄と同じ入力外観・適度な横幅 */
.contact-cf7 .form_table input[name="tel"] {
  display:block; width:100% !important; max-width:100% !important;
  padding:8px 13px; border:1px solid #666; border-radius:.4em;
  font:inherit; color:#333; background:#fff; box-sizing:border-box;
}
/* 郵便番号: number/text のどちらでも他の入力欄と同じ枠線にする */
.contact-cf7 .form_table .address_table input[name="zip"] {
  display:block; width:160px !important; max-width:100% !important;
  padding:8px 13px; border:1px solid #666; border-radius:.4em;
  font:inherit; color:#333; background:#fff; box-sizing:border-box;
  height:auto; min-height:38px;
}
/* 住所欄：テーマの子テーブル設定を踏襲しつつ位置をそろえる */
.contact-cf7 .form_table .address_table { width:100%; border-collapse:collapse; }
.contact-cf7 .form_table .address_table th { width:34%; padding:7px 14px 7px 0; vertical-align:middle; }
.contact-cf7 .form_table .address_table td { width:66%; padding:7px 0; vertical-align:middle; }
.contact-cf7 .form_table .address_table th p,
.contact-cf7 .form_table .address_table td p { margin:0; padding:0; }
/* 確認画面：CF7の [multiform] 表示は入力欄ではなくテキストとして統一 */
.contact-cf7 .form_table > tbody > tr > td:not(.doui) { line-height:1.8; white-space:normal; }
.contact-cf7 .form_table > tbody > tr > th > p,
.contact-cf7 .form_table > tbody > tr > td > p { margin:0; padding:0; }
.contact-cf7 .form_table .address_table td { overflow-wrap:anywhere; }
/* 段落の中に生成された br があっても確認ボタンを横並びにする */
.contact-cf7 .form_btn > p > br { display:none !important; }
.contact-cf7 .form_btn > p { gap:12px; }
@media (max-width:767px) {
 .contact-cf7 .form_table .address_table th,
 .contact-cf7 .form_table .address_table td { display:block; width:100%; padding:5px 0; }
 .contact-cf7 .form_table input[name="tel"] { width:100% !important; }
 .contact-cf7 .form_table .address_table input[name="zip"] { width:160px !important; }
}