/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: 9月 30 2026 | 15:56:13 */
/* CV導線キット（cdcv-）— 初出：COREDESIGN 花川南三条＋弘信建設 発寒15条（2026-09-30）。色 #DD8225（主ボタン）/ #3E3925（副・日付ボタン）/ #F7F3EA・#E6DCC6（箱）を案件の色に置換。.wysiwyg はテーマ本文の枠のクラス */
.cdcv-box{background:#F7F3EA;border:1px solid #E6DCC6;border-radius:12px;padding:20px 16px;margin:24px 0;}
.cdcv-lead{font-weight:700;font-size:1.08em;line-height:1.6;margin:0 0 12px !important;text-align:center;}
.wysiwyg ul.cdcv-points,.cdcv-points{list-style:none !important;margin:0 0 16px !important;padding:0 !important;display:grid;gap:6px;}
.wysiwyg ul.cdcv-points li,.cdcv-points li{position:relative;list-style:none !important;margin:0 !important;padding:0 0 0 1.6em !important;font-size:.95em;line-height:1.6;}
.wysiwyg ul.cdcv-points li::marker{content:"";}
.wysiwyg ul.cdcv-points li::before,.cdcv-points li::before{content:"✓" !important;position:absolute !important;left:0 !important;top:0 !important;color:#DD8225;font-weight:700;background:none !important;width:auto !important;height:auto !important;border-radius:0 !important;display:block;}
.cdcv-btns{display:grid;gap:10px;margin:0 !important;}
.cdcv-btn{display:block;text-align:center;border-radius:999px;padding:14px 16px;text-decoration:none !important;font-weight:700;line-height:1.35;letter-spacing:.06em;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;}
.cdcv-btn span{display:block;font-size:.78em;font-weight:500;letter-spacing:.02em;margin-top:3px;opacity:.92;}
.cdcv-btn--main{background:#DD8225;color:#fff !important;box-shadow:0 6px 14px rgba(221,130,37,.35);}
.cdcv-btn--main:hover{background:#E58F33;transform:translateY(-1px);box-shadow:0 10px 20px rgba(221,130,37,.40);}
.cdcv-btn--tel{background:#fff;color:#3E3925 !important;border:1.5px solid #3E3925;}
.cdcv-btn--tel:hover{background:#3E3925;color:#fff !important;}
.cdcv-note{font-size:.85em;text-align:center;color:#666;margin:10px 0 0 !important;}

/* 棟を選んで予約 */
.cdcv-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 28px;}
.cdcv-pick a{display:block;background:#fff;border:1.5px solid #3E3925;border-radius:10px;padding:12px 6px;text-align:center;text-decoration:none !important;color:#3E3925 !important;font-weight:700;line-height:1.4;transition:background-color .15s ease,color .15s ease;}
.cdcv-pick a small{display:block;font-size:.8em;font-weight:500;}
.cdcv-pick a:hover{background:#3E3925;color:#fff !important;}
.cdcv-pick a.cdcv-pick--both{grid-column:1 / -1;background:#DD8225;border-color:#DD8225;color:#fff !important;box-shadow:0 6px 14px rgba(221,130,37,.30);}
.cdcv-pick a.cdcv-pick--both:hover{background:#E58F33;}
.cdcv-pick-ttl{text-align:center;font-weight:700;margin:24px 0 0 !important;}

/* 予約の流れ */
.wysiwyg ol.cdcv-steps,.cdcv-steps{list-style:none !important;counter-reset:cdcv !important;margin:0 0 20px !important;padding:0 !important;}
.wysiwyg ol.cdcv-steps > li,.cdcv-steps > li{counter-increment:cdcv !important;position:relative;list-style:none !important;margin:0 0 8px !important;padding:12px 12px 12px 52px !important;background:#fff;border:1px solid #E6DCC6;border-radius:10px;line-height:1.6;}
.wysiwyg ol.cdcv-steps > li::marker{content:"";}
.wysiwyg ol.cdcv-steps > li::before,.cdcv-steps > li::before{content:counter(cdcv) !important;position:absolute !important;left:12px !important;top:50% !important;transform:translateY(-50%) !important;width:28px !important;height:28px !important;border-radius:50% !important;background:#3E3925 !important;color:#fff !important;font-weight:700;font-size:14px !important;line-height:28px !important;text-align:center;}

/* クリックで拡大（テーマの magnific-popup を data-popup-group で使う） */
.cdcv-zoom{display:block;position:relative;cursor:zoom-in;}
.cdcv-zoom::after{content:"";position:absolute;right:6px;bottom:6px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cpath d='M15 15l5 5M10 7.5v5M7.5 10h5'/%3E%3C/svg%3E") center / 16px no-repeat;pointer-events:none;}
.cdcv-hint{font-size:.85em;color:#666;margin:0 0 8px !important;}

/* 追従の予約バー（JSで body 直下に移して .is-show を付け外し） */
.cdcv-sticky{position:fixed;left:0;right:0;bottom:0;z-index:2900;display:grid;grid-template-columns:2fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);box-shadow:0 -4px 16px rgba(0,0,0,.12);transform:translateY(120%);transition:transform .25s ease;}
.cdcv-sticky.is-show{transform:none;}
.cdcv-sticky .cdcv-btn{padding:11px 8px;font-size:.95em;box-shadow:none;}
.cdcv-sticky .cdcv-btn span{font-size:.72em;}
@media (min-width:769px){
  .cdcv-sticky{left:auto;right:24px;bottom:24px;width:340px;border-radius:14px;padding:12px;}
}

/* 予約フォームのモーダル（JSで #form をここへ移す） */
html.cdcv-lock,html.cdcv-lock body{overflow:hidden !important;}
.cdcv-modal{position:fixed;inset:0;z-index:10000;display:none;}
.cdcv-modal.is-open{display:block;}
.cdcv-modal__bg{position:absolute;inset:0;background:rgba(30,27,18,.6);}
.cdcv-modal__panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,calc(100% - 32px));max-height:calc(100% - 48px);display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.3);}
.cdcv-modal__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 12px 20px;border-bottom:1px solid #E6DCC6;background:#F7F3EA;}
.cdcv-modal__ttl{margin:0 !important;font-weight:700;font-size:1.05em;line-height:1.3;}
.cdcv-modal__ttl span{display:block;font-size:.75em;font-weight:500;color:#DD8225;}
.cdcv-modal__close{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:#3E3925;color:#fff;font-size:22px;line-height:40px;cursor:pointer;padding:0;}
.cdcv-modal__body{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:8px 16px 24px;}
.cdcv-modal__body .form-Box{margin:0 !important;padding:0 !important;width:auto !important;}
.cdcv-modal__body .form-in-Box{width:auto !important;margin:0 !important;padding:8px 0 0 !important;}
#ui-datepicker-div{z-index:10001 !important;}
@media (max-width:768px){
  .cdcv-modal__panel{left:0;top:auto;bottom:0;transform:none;width:100%;max-height:calc(100% - 24px);border-radius:14px 14px 0 0;}
  .cdcv-modal__body{padding-bottom:calc(24px + env(safe-area-inset-bottom));}
}

/* 見学可能日ボタン（初出：弘信建設 /event/45084/ の kh-visit。JSがイベント概要の「日付」欄と本文の .cdcv-visit-slot に出す） */
.cdcv-visit{margin-top:.8em;padding-top:.8em;border-top:1px dashed #cfcfcf;}
.cdcv-visit .cdcv-visit__lead{font-weight:700;line-height:1.6;margin:0 0 .6em !important;}
.cdcv-visit__lead strong{color:#c0392b;font-size:1.15em;}
.cdcv-visit .cdcv-visit__list{display:flex;gap:8px;margin:0;padding:0;max-width:26em;}
.cdcv-visit .cdcv-visit__btn{flex:1 1 0;display:flex;flex-direction:column;align-items:center;margin:0;padding:.45em .3em;border:2px solid #3E3925;border-radius:8px;background:#fff;color:#3E3925;font:inherit;font-size:1em;font-weight:700;line-height:1.35;cursor:pointer;white-space:nowrap;}
.cdcv-visit__btn small{font-size:.75em;font-weight:400;}
.cdcv-visit__btn .is-sat{color:#1e5aa8;}
.cdcv-visit__btn .is-sun{color:#c0392b;}
.cdcv-visit__btn:hover,.cdcv-visit__btn:focus-visible{background:#3E3925;color:#fff;}
.cdcv-visit__btn:hover span,.cdcv-visit__btn:focus-visible span{color:#fff;}
.cdcv-visit .cdcv-visit__note{margin:.6em 0 0 !important;font-size:.8em;line-height:1.6;color:#666;}
.cdcv-visit-slot .cdcv-visit{margin:2.5em 0;padding:1.4em 1.2em;border:2px solid #3E3925;border-radius:12px;background:#F7F3EA;}
.cdcv-visit-slot .cdcv-visit__ttl{margin:0 0 .3em !important;font-size:1.2em;font-weight:700;line-height:1.5;color:#3E3925;}
.cdcv-visit-slot .cdcv-visit__list{max-width:none;}
.cdcv-visit-slot .cdcv-visit__gift{margin:.9em 0 0 !important;font-weight:700;line-height:1.6;}
.cdcv-visit-slot .cdcv-visit__gift span{display:inline-block;margin-right:.5em;padding:0 .6em;border-radius:4px;background:#3E3925;color:#fff;font-size:.8em;}
.cdcv-visit-slot .cdcv-visit__skip{margin:1em 0 0 !important;padding-top:.8em;border-top:1px solid #d8d3c0;font-size:.85em;line-height:1.7;color:#555;}
.cdcv-visit .cdcv-visit__cal{display:inline-flex;align-items:center;gap:6px;margin:.7em 0 0;padding:.35em .9em;border:1px solid currentColor;border-radius:999px;background:transparent;color:#3E3925;font:inherit;font-size:.85em;font-weight:700;line-height:1.4;cursor:pointer;}
.cdcv-visit__cal svg{width:1.05em;height:1.05em;fill:currentColor;flex:none;}
.cdcv-visit__cal:hover,.cdcv-visit__cal:focus-visible{background:#3E3925;color:#fff;border-color:#3E3925;}

/* モーダル中のカレンダー：スマホは画面の中央に固定（入力欄の下に出すとキーボードや画面外に隠れる） */
@media (max-width:768px){
  html.cdcv-lock #ui-datepicker-div{position:fixed !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%);width:min(340px,calc(100vw - 32px)) !important;box-shadow:0 12px 40px rgba(0,0,0,.35);}
}