/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 21 2026 | 07:45:38 */
/* TSUBOSAN contact design bridge: MW WP Form -> Frontierline Forms/CF7
   既存style.cssは変更しない。固定ページ側 .tsubo-contact-5452 内だけに適用。 */
.tsubo-contact-5452{--tsubo-green:#07913a;--tsubo-line:#ccc;--cf7mp-primary:#07913a;--cf7mp-success:#07913a;--cf7mp-secondary:#888;--cf7mp-radius:5px;}
/* 既存の緑のSTEP表示を使うため、プラグイン独自の丸い進捗表示を隠す */
.tsubo-contact-5452 .cf7mp-progress{display:none!important;}
/* 旧表のレイアウトはテーマCSSに任せる */
.tsubo-contact-5452 .form_table{width:100%;border-collapse:collapse;}
.tsubo-contact-5452 .form_table .wpcf7-list-item{margin:0 1.7em .35em 0;}
.tsubo-contact-5452 .form_table .wpcf7-list-item label{cursor:pointer;display:inline-flex;align-items:center;gap:.35em;}
.tsubo-contact-5452 .form_table input[type="checkbox"],
.tsubo-contact-5452 .form_table input[type="radio"]{accent-color:#07913a;}
.tsubo-contact-5452 .form_table .form_name{list-style:none;margin:0;padding:0;}
.tsubo-contact-5452 .form_table .form_name li{min-width:0;}
.tsubo-contact-5452 .form_table .wpcf7-form-control-wrap{max-width:100%;}
.tsubo-contact-5452 .form_table input[type="text"],
.tsubo-contact-5452 .form_table input[type="email"],
.tsubo-contact-5452 .form_table textarea{box-sizing:border-box;max-width:100%;}
/* プラグインの「戻る・次へ・送信」は旧版の中央緑ボタンへ */
.tsubo-contact-5452 .cf7mp-multistep__nav{position:relative;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;padding:0 0 65px;margin:10px 0 0;min-height:55px;}
.tsubo-contact-5452 .cf7mp-multistep__nav .cf7mp-multistep__btn--next,
.tsubo-contact-5452 .cf7mp-multistep__nav .wpcf7-submit,
.tsubo-contact-5452 .form_btn input[type="submit"]{box-sizing:border-box;display:block;width:60%;min-width:0;min-height:56px;margin:0 auto;padding:15px 30px;background:#07913a!important;color:#fff!important;border:0!important;border-radius:5px;font-size:20px;font-weight:500;text-align:center;cursor:pointer;}
.tsubo-contact-5452 .cf7mp-multistep__nav .cf7mp-multistep__btn--prev{position:absolute;left:0;top:0;background:#999!important;color:#fff;border:0;border-radius:5px;padding:12px 20px;font-size:15px;cursor:pointer;}
.tsubo-contact-5452 .cf7mp-multistep__nav .cf7mp-multistep__btn--next:hover,
.tsubo-contact-5452 .cf7mp-multistep__nav .wpcf7-submit:hover{opacity:.8;}
.tsubo-contact-5452 .cf7mp-multistep__nav button:disabled{opacity:.55;cursor:not-allowed;}
/* 自動生成された確認一覧は、既存form_tableと同じ 36:64 の比率・点線行に */
.tsubo-contact-5452 .cf7mp-confirm__intro{text-align:center;margin:0 0 25px;color:#555;font-size:15px;}
.tsubo-contact-5452 .cf7mp-confirm__list{display:grid;grid-template-columns:36% minmax(0,1fr);margin:0 0 65px;border-top:0;align-items:stretch;}
.tsubo-contact-5452 .cf7mp-confirm__label,
.tsubo-contact-5452 .cf7mp-confirm__value{box-sizing:border-box;margin:0;padding:1.8em 0;border-bottom:1px dashed #ccc;color:#555;min-width:0;font-size:14px;font-weight:400;line-height:1.7;}
.tsubo-contact-5452 .cf7mp-confirm__label{position:relative;padding-left:60px;padding-right:30px;}
.tsubo-contact-5452 .cf7mp-confirm__label:before{content:'任意';position:absolute;top:50%;left:0;transform:translateY(-50%);background:#b3b3b3;color:#fff;padding:.4em .8em;font-size:12px;line-height:1.1;}
.tsubo-contact-5452 .cf7mp-confirm__label.tsubo-required:before{content:'必須';background:#b70000;}
.tsubo-contact-5452 .cf7mp-confirm__label.tsubo-required + .cf7mp-confirm__value{font-weight:400;}
.tsubo-contact-5452 .cf7mp-confirm__value{overflow-wrap:anywhere;white-space:pre-wrap;}
/* JSで状態クラスを切り替える（確認・完了では案内文を非表示） */
.tsubo-contact-5452.tsubo-stage-complete .form_text{display:none;}
.tsubo-contact-5452 .cf7mp-multistep__complete{padding:75px 15px 90px;}
.tsubo-contact-5452 .cf7mp-multistep__complete-icon{background:#07913a;}
.tsubo-contact-5452 .cf7mp-multistep__complete-text{font-size:16px;line-height:2;color:#555;}
@media(max-width:767px){
 .tsubo-contact-5452 .cf7mp-confirm__list{grid-template-columns:1fr;}
 .tsubo-contact-5452 .cf7mp-confirm__label{border-bottom:0;padding:15px 0 4px 55px;font-weight:600;}
 .tsubo-contact-5452 .cf7mp-confirm__label:before{left:0;top:17px;transform:none;}
 .tsubo-contact-5452 .cf7mp-confirm__value{padding:5px 0 16px;}
 .tsubo-contact-5452 .cf7mp-multistep__nav{padding:0 0 45px;flex-direction:column-reverse;}
 .tsubo-contact-5452 .cf7mp-multistep__nav .cf7mp-multistep__btn--prev{position:static;align-self:flex-start;}
 .tsubo-contact-5452 .cf7mp-multistep__nav .cf7mp-multistep__btn--next,
 .tsubo-contact-5452 .cf7mp-multistep__nav .wpcf7-submit,
 .tsubo-contact-5452 .form_btn input[type="submit"]{width:100%;font-size:17px;}
}

/* Form 5452 only: プラグイン生成部分にのみ適用 */
.tsubo-contact-5452 .cf7mp-multistep__nav .cf7mp-multistep__btn--reset{display:none!important;}

/* v2: 実HTML（2026-10-21）で確認した表示の最終調整 */
/* 入力時にdisabledの「戻る」を隠す（確認時の有効な戻るは残す） */
.tsubo-contact-5452 .cf7mp-multistep__nav .cf7mp-multistep__btn--prev:disabled {
  display:none!important;
}
/* 管理者にだけ出る「管理者 下書きリセット」ボタン */
.tsubo-contact-5452 .cf7mp-multistep__reset {
  display:none!important;
}
/* 旧版同様、入力画面の緑ボタンを中央に配置。NextのラベルはJSで調整 */
.tsubo-contact-5452 .cf7mp-multistep__nav {
  width:100%;
  box-sizing:border-box;
  justify-content:center!important;
  padding-bottom:52px;
}
.tsubo-contact-5452 .cf7mp-multistep__nav .cf7mp-multistep__btn--next,
.tsubo-contact-5452 .cf7mp-multistep__nav input.wpcf7-submit {
  flex:0 1 60%;
  width:60%!important;
  max-width:60%;
  justify-content:center;
  text-align:center;
}
/* 有効な戻るボタンがある確認画面だけ、旧版の左寄せ戻る */
.tsubo-contact-5452.tsubo-stage-confirm .cf7mp-multistep__nav .cf7mp-multistep__btn--prev {
  display:inline-block;
}
@media(max-width:767px){
  .tsubo-contact-5452 .cf7mp-multistep__nav .cf7mp-multistep__btn--next,
  .tsubo-contact-5452 .cf7mp-multistep__nav input.wpcf7-submit {
    flex:1 1 100%;width:100%!important;max-width:100%;
  }
}