@charset "UTF-8";
/* ============================================================
   夕日＆船釣り宿泊プランLP 専用スタイル（/booking/d_cruise_2026_stay/）
   common.css / index.css / lp2026.css はLPと共有し、
   このページ固有のブロックだけをここに置く（lp2026.css の同期で消えないよう分離）
   ============================================================ */
.stay_title { display: block; width: 85%; margin: 26px auto 0; height: auto; }
/* リードは左揃え。写真の左端より5px内側（8%）／幅288px（76.8%） */
.stay_lead_img { display: block; width: 76.8%; margin: 27px 0 0 8%; height: auto; }
/* 日程・料金は共通CSSの幅85%を使い、縦方向の間隔だけ調整 */
.date { margin-top: 25px; }
.pricebox { margin-top: 12px; }
.stay_hr { width: 85%; margin: 34px auto 0; border: none; border-top: 1px solid #231815; }
/* トップ写真はLPのメイン写真と同じ扱い（.parabox＝角丸なし・パララックスあり） */
.stay_photo.parabox { margin-top: 22px; }
.stay_schedule_photo.parabox { width: 80%; }
/* キャプションはこの写真の幅（80%）に揃える。LPの .pic_txt は calc(85% - 16px) のため */
/* 2026-08-25指示：キャプションのサイズを化石クリーニングの figcaption（11px/1.55）に揃える */
.stay_schedule_photo + .pic_txt { width: 80%; font-size: 12px; line-height: 1.55; margin-top: 4px; }
.stay_photo .paraimg img { display: block; width: 100%; height: auto; }



/* --- モデルスケジュール --- */
.stay_sch { margin-top: 38px; font-family: 'Noto Sans JP', sans-serif; color: #231815; font-feature-settings: "palt"; }
.stay_sch::before { content: ""; display: block; width: 85%; margin: 0 auto 31px; border-top: 1px solid #231815; }
.stay_sch_tit { margin: 0; text-align: center; font-size: 19px; font-weight: 700; line-height: 1.35; letter-spacing: .06em; }
.stay_sch_lead { width: 92%; margin: 17px auto 0; text-align: center; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: .01em; }
.stay_sch_box { width: 80%; margin: 30px auto 0; background: #f8f5ee; border-radius: 6px; padding: 34px 24px 30px; box-sizing: border-box; }
.ss_day { display: flex; align-items: flex-start; gap: 12px; }
.ss_day + .ss_day { margin-top: 30px; }
.ss_daynum { flex: none; width: 66px; margin: 0; display: flex; align-items: baseline; white-space: nowrap; }
.ss_daynum .ss_n { font-size: 42px; font-weight: 700; line-height: .95; letter-spacing: -.04em; }
.ss_daynum .ss_u { margin-left: 3px; font-size: 12px; font-weight: 700; line-height: 1; letter-spacing: .02em; writing-mode: horizontal-tb; }
.ss_list { flex: 1; min-width: 0; margin: 0; }
.ss_row { display: flex; align-items: flex-start; gap: 9px; }
.ss_row + .ss_row { margin-top: 5px; }
.ss_row dt { flex: none; width: 3.5em; text-align: right; white-space: nowrap; font-size: 14px; font-weight: 400; line-height: 1.6; }
.ss_row dd { margin: 0; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: .01em; }
.ss_note { margin: 25px 0 0; padding-left: 1em; text-indent: -1em; font-size: 11px; line-height: 1.65; letter-spacing: .01em; text-align: justify; line-break: strict; }

/* --- フォーム --- */
.stay_form { margin-top: 31px; }
.stay_form_tit { margin: 0 0 18px; text-align: center; font-family: 'Noto Sans JP', sans-serif; font-size: 19px; font-weight: 700; letter-spacing: .06em; color: #1a1a1a; }
.stay_form_body { width: 85%; margin: 0 auto; }
.stay_form_ph { border: 2px dashed #d24a8b; color: #d24a8b; text-align: center; padding: 90px 0; font-weight: 700; font-size: 14px; }

/* --- 記事（プラン紹介）：写真はLPと同じ .parabox_maru > .paraimg（simpleParallax）。
       見出し・本文の体裁はLPの .pic_txt と揃える --- */
.stay_story { margin-top: 52px; font-family: 'Noto Sans JP', sans-serif; color: #231815; font-feature-settings: "palt"; }
.stay_art + .stay_art { margin-top: 44px; }
.stay_story .parabox_maru { margin: 0 auto; }
/* パララックス内の画像は必ず幅100%・高さautoにする（height属性が効いて縦伸びするのを防ぐ） */
.stay_story .paraimg img { display: block; width: 100%; height: auto; }
/* 本文のあとに続く写真は上に余白をとる */
.stay_story p + .parabox_maru { margin-top: 26px; }
.stay_story_tit { width: calc(85% - 16px); margin: 14px auto 0; text-align: left; font-size: 17px; font-weight: 700; line-height: 1.7; letter-spacing: .03em; }
.stay_story p { width: calc(85% - 16px); margin: 12px auto 0; font-size: 14px; font-weight: 300; line-height: 1.62; letter-spacing: .03em; text-align: justify; line-break: strict; }

/* ▼CF7フォーム
   lp-form.css の基本指定は `.page-template-page-lpform .lp-form` に
   スコープされており、このテンプレート（page-stay-lp）では効かない。
   同じ指定をこちらで当て直す。 */
.stay_form_body .lp-form { font-family: 'Noto Sans JP', sans-serif; color: #1a1a1a; font-feature-settings: "palt"; }

/* ---- ドロワー（宿泊プラン版・2026-08-25） ----
   LPのセクションへ飛ぶ構成をやめ、当ページ内アンカー＋LPへの明示リンクに変更。
   ヘッダをページタイトルSVG（縦比が大きい）にしたため項目リストを下げる。 */
#gHeader .stay_nav .tit_menu { width: 74%; max-width: 300px; top: 18px; left: 14px; }
#gHeader .stay_nav .stay_nav_main { margin-top: 145px !important; }
#gHeader .stay_nav .stay_nav_lp { margin-top: 26px !important; }
#gHeader .stay_nav .menu_li_lp a { font-size: 15px; padding: 22px 6px 24px; line-height: 1.5; }

/* ---- 2026-08-26 修正: LP index.css の旧 #schedule{width:90%;margin:5px auto} が
   ドロワー用アンカー id="schedule" に衝突して余白と幅が潰れていたのを打ち消す。
   （料金カード→罫線の間隔38px復元・座布団=写真と同じ column×80% に復元） ---- */
#schedule.stay_sch { width: 100%; margin: 38px auto 0; }