@charset "UTF-8";
/* ============================================================
   出会い準備セミナー LP 専用スタイル（フィオーレパーティー）
   - 共通フォームCSS(layout.css)の緑系アクセントを、このLPだけ
     ネイビー系に上書きする。
   - ヘッダーロゴをフィオーレパーティーのものに差し替える。
   ※ layout.css / noheader.css の後に読み込むこと。
     スコープは body.lp-party-seminar 配下のみ。
   ============================================================ */

.lp-party-seminar {
  --party-color: #1B3A6B;            /* メインカラー（旧：緑アクセント） */
  --party-color-pale: #edf1f8;       /* 淡い背景（旧：淡い緑背景） */
  --party-btn: #C8A24B;              /* 送信ボタン（旧：ピンク #f26284） */
}

/* --- ロゴをフィオーレパーティーのものに差し替え（このLPのみ） --- */
.lp-party-seminar header .subContents .header1 .logos figure a img {
  content: url("../images/common/logo_fioreparty.svg");
}
/* パーティーロゴはフィオーレサイトへリンクさせない（クリック無効） */
.lp-party-seminar header .subContents .header1 .logos figure a {
  pointer-events: none;
  cursor: default;
}

/* --- ページタイトル --- */
.lp-party-seminar #form #pagetitle h1 {
  color: var(--party-color);
}

/* --- ステップ（現在地の表示） --- */
.lp-party-seminar #form #step .steplist .active {
  background: var(--party-color);
}
.lp-party-seminar #form #step .steplist .active span {
  color: var(--party-color);
}
.lp-party-seminar #form #step .steplist .active::after {
  border-left-color: var(--party-color);
}

/* --- 見出し（h2 の左ボーダー） --- */
.lp-party-seminar #form #formbox .subContents h2 span {
  border-left-color: var(--party-color);
}

/* --- 営業時間ブロック --- */
.lp-party-seminar #form #formbox .opentime {
  background: var(--party-color-pale);
}
.lp-party-seminar #form #formbox .opentime .title {
  color: var(--party-color);
}
.lp-party-seminar #form #formbox .opentime .title::before {
  border-top-color: var(--party-color);
}
.lp-party-seminar #form #formbox .opentime span.week {
  border-color: var(--party-color);
}

/* --- サンクスページ メインビジュアル背景 --- */
.lp-party-seminar #form.thank #mainv {
  background: var(--party-color-pale);
}

/* --- 送信ボタン（入力内容を確認する／この内容で送信する） --- */
.lp-party-seminar #form #submit .subContents .submitWrap .subt #btn_confirm,
.lp-party-seminar #form #submit .subContents .submitWrap .subt #btn_send {
  background: var(--party-btn);
}

/* --- フッター：ロゴ差し替え＆社名テキスト差し替え（このLPのみ） --- */
.lp-party-seminar footer .subContents #footer01 .logoaround .logo img {
  content: url("../images/common/logo_fioreparty.svg");
}
.lp-party-seminar footer .subContents #footer01 .logoaround .name {
  display: none; /* 社名テキストは非表示（このLPではロゴのみ） */
}

/* --- フッター：TOPへ戻るボタン（SP表示）をネイビー版に差し替え ---
   content:url() は img要素に対しモバイルで不安定（リンク切れの原因）のため、
   img を隠して背景画像で表示する（全モバイルで確実に表示） --- */
.lp-party-seminar footer .subContents #totop img {
  display: none;
}
.lp-party-seminar footer .subContents #totop {
  background: url("../images/common/b_totop_navy.svg") no-repeat center center;
  background-size: contain;
}

/* --- SP --- */
@media screen and (max-width: 751px) {
  /* 見出し背景を白に。文字色はネイビー（基本ルールを継承）で可読性を確保 */
  .lp-party-seminar #form #pagetitle h1 {
    color: var(--party-color);
    background: #fff;
  }
}

/* --- 店舗選択カードピッカー：紺＋ゴールド（このLPのみ） --- */
.lp-party-seminar #form {
  --pick-accent: #C8A24B; /* タブ・リンク・選択ボタンのアクセント＝ゴールド */
  --pick-accent-pale: #faf6ea; /* 相談方法トグル選択時の淡い背景（淡ゴールド） */
}
.lp-party-seminar #form #pagetitle .subtitle {
  color: var(--party-color); /* サブタイトルはネイビー */
}