/* /apply/, /apply/confirm/ で MW WP Form #56918 の不要行を非表示
   実 HTML は <dl class="form"> の <dt>/<dd> ペア構造 */

/* dd を非表示（フリガナ本人/パートナー、年齢、性別） */
dl.form > dd:has(> [name="name02"]),
dl.form > dd:has(> [name="name04"]),
dl.form > dd:has(> [name="age"]),
dl.form > dd:has([name="sex"]) {
  display: none !important;
}

/* 直前の dt も非表示 */
dl.form > dt:has(+ dd > [name="name02"]),
dl.form > dt:has(+ dd > [name="name04"]),
dl.form > dt:has(+ dd > [name="age"]),
dl.form > dt:has(+ dd [name="sex"]) {
  display: none !important;
}

/* 電話番号: 3 分割 input を含む span を非表示（単一 input を JS で挿入） */
dd > .mwform-tel-field {
  display: none !important;
}

/* 行間を縮める。lp-apply.css のデフォルト:
   .mw_wp_form .form-label { margin: 12px 0 }
   .mw_wp_form .form dd { margin: 0 0 32px 0 }
   lp-apply.css は apply-improve.css より後に <link> 直書きで読まれるため、
   同 specificity だと負ける。クラス/要素を 1 つ足して specificity を上げる。 */
.mw_wp_form .form .form-label {
  margin: 6px 0;
}
.mw_wp_form dl.form dd {
  margin-bottom: 16px;
}

/* .lp-form 直下の空 p タグ（フォーム前の無駄な余白要因）を非表示 */
#wrapper > main > div.lp-form > div > p:first-child {
  display: none;
}

/* 単一 tel input: form-control + size="60" で他フィールドと幅・placeholder スタイルを揃える */
.rm-apply-tel-single {
  background-color: #fff;
  /* lp-apply.css は input[type=text/email] のみ border: none。tel にも合わせる */
  border: none;
}

/* 予約希望日の補助 UI (date input)。年/月/日 が見える幅を確保 */
.rm-apply-visit-date {
  background-color: #fff;
  min-width: 12em;
  margin-bottom: 0.5em;
  /* lp-apply.css は input[type=text/email] のみ border: none。date にも合わせる */
  border: none;
}

/* SP のみ: 「第N希望日 [必須/任意]」の後で改行 → date と受付時間を同じ行に。
   PC は既存（badge は absolute、br 非表示、現状のまま）。
   lp-apply.css は page-apply.php の <link> 直書きで apply-improve.css より後に
   読まれるため、衝突するルールは !important で specificity 負けを回避する。 */
@media (max-width: 767px) {
  .mw_wp_form .form dd br.rm-apply-visit-break {
    display: inline;
  }
  .mw_wp_form .time-box01 .form-required,
  .mw_wp_form .time-box01 .form-option {
    position: static !important;
    display: inline-block !important;
    margin-left: 0.5em !important;
  }
  /* SP では PC の min-width: 12em だと time select と並ぶ余地が無いので少し縮める。
     YYYY/MM/DD + カレンダーアイコンが見える幅を確保。
     lp-apply.css の `.mw_wp_form input[type=text], select` のパディング/角丸ルールは type=date を
     含まないため、SP で隣接する time select と高さ・基準線がずれる。同等の値を当てて揃える。
     PC は時間 select が select 用パディングのみで仕上がっており、ここに padding を入れると
     .time-box01 内に absolute 配置された必須/任意バッジと衝突するため、SP 限定で適用する。 */
  .rm-apply-visit-date {
    min-width: 10em;
    width: auto;
    margin-bottom: 0;
    border-radius: min(1.1904761905vw, 5px);
    padding: min(2.8571428571vw, 12px) min(3.5714285714vw, 15px);
    vertical-align: middle;
  }
  .mw_wp_form .time-box01 .time .form-control {
    margin: 0 0 0 0.5em !important;
    vertical-align: middle;
  }
}