/* 展示場予約は都府県を分けず、共通フォームへの導線にする。 */
.booking-form-direct .booking-reserve-link{
 display:flex;align-items:center;justify-content:center;gap:18px;
 width:100%;min-height:54px;padding:12px 16px;border-radius:4px;
 background:#df0025;color:#fff;text-decoration:none;
 font:700 16px/1.5 'Noto Sans JP',sans-serif;
}
.booking-form-direct .booking-reserve-link:hover{background:#bc0020}
.booking-form-direct .booking-reserve-link:focus-visible{outline:3px solid #202628;outline-offset:4px}

/* 建売画面全体に白を重ね、お知らせの文字を読みやすくする。 */
.booking-maintenance-scroll{position:relative;overflow:hidden!important}
.booking-maintenance-scroll>.booking-page{pointer-events:none;user-select:none}
.booking-maintenance-notice{
 position:absolute;inset:0;z-index:5;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;
 padding:48px 48px 48px 228px;background:rgba(255,255,255,.9);color:#202628;
 overflow-y:auto;overscroll-behavior:contain;
}
/* ぼかし対応ブラウザーでは、背面の輪郭を柔らかく透かす。 */
@supports ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))){
 .booking-maintenance-notice{
  background:rgba(255,255,255,.8);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
 }
}
.booking-maintenance-message{width:760px;max-width:100%;min-width:0;margin:0 auto;text-align:center}
.booking-maintenance-message h2{
 margin:0;font:700 clamp(22px,1.9vw,28px)/1.7 'Noto Sans JP',sans-serif;
 letter-spacing:.02em;
}
.maintenance-label{
 display:table;margin:0 auto 20px;padding:5px 22px 6px;border-radius:2px;
 background:#df0025;color:#fff;font:700 15px/1.5 'Noto Sans JP',sans-serif;letter-spacing:.16em;
}
.maintenance-title{display:block;text-wrap:balance}
.maintenance-title>span{white-space:nowrap}
.booking-maintenance-message h2::after{
 content:"";display:block;width:48px;height:3px;margin:24px auto 0;background:#df0025;
}
.maintenance-announcement{padding:28px 0 30px;margin-bottom:24px;border-bottom:1px solid #df002533}
.booking-maintenance-message p{margin:0;font:500 clamp(16px,1.35vw,19px)/2 'Noto Sans JP',sans-serif}
.booking-maintenance-message .maintenance-intro{margin-bottom:8px;font-size:16px}
.booking-maintenance-message .maintenance-availability{font-size:clamp(18px,1.5vw,22px);font-weight:700;line-height:1.85}
.maintenance-availability strong{color:#c90023;font-weight:700}
.maintenance-availability strong span{white-space:nowrap}
.maintenance-reserve-link{
 display:flex;align-items:center;justify-content:center;gap:24px;
 width:300px;max-width:100%;min-height:54px;margin:24px auto 0;padding:12px 20px;
 border-radius:4px;background:#df0025;color:#fff;text-decoration:none;
 font:700 16px/1.5 'Noto Sans JP',sans-serif;
}
.maintenance-reserve-link:hover{background:#bc0020}
.maintenance-reserve-link:focus-visible{outline:3px solid #202628;outline-offset:4px}
.booking-maintenance-message .maintenance-apology{font-size:16px;line-height:2;text-wrap:balance}
@media(min-width:769px) and (max-width:1100px){
 .booking-maintenance-notice{padding-left:182px;padding-right:32px}
}
@media(max-width:768px){
 .booking-form-direct .booking-form-body{grid-template-columns:minmax(0,1fr)}
 .booking-form-direct .booking-reserve-link{grid-column:1/-1;min-height:48px;font-size:15px}
 .booking-maintenance-notice{padding:32px 26px 80px}
 .booking-maintenance-message h2{font-size:23px;line-height:1.65}
 .maintenance-label{font-size:13px;padding:4px 18px 5px;margin-bottom:16px}
 .booking-maintenance-message h2::after{margin-top:18px;width:36px}
 .maintenance-announcement{padding:22px 0;margin-bottom:20px}
 .booking-maintenance-message p{font-size:16px;line-height:1.95}
 .booking-maintenance-message .maintenance-intro{font-size:14px}
 .booking-maintenance-message .maintenance-availability{font-size:18px;text-wrap:balance}
 .maintenance-reserve-link{margin-top:20px;min-height:50px;font-size:15px}
 .booking-maintenance-message .maintenance-apology{font-size:14px;line-height:1.9;text-wrap:balance}
 .maintenance-pc-break{display:none}
}
@media(max-width:360px){
 .booking-maintenance-notice{padding-inline:22px}
 .booking-maintenance-message h2{font-size:21px}
 .booking-maintenance-message p{font-size:15px}
 .booking-maintenance-message .maintenance-availability{font-size:17px}
}