/* 不動産固有の募集図面。共通画面は ../shared/intake.css。 */
.detail-head h3,#output-preview h3,#output-preview h4,th,td{overflow-wrap:anywhere}
/* 募集図面の縮小表示。確認画面の配置には影響しない。 */
.maisoku{container-type:inline-size;background:#fff;color:#17382f;border:1px solid #cbd8d1;max-width:1050px;padding:2.5%;font-size:clamp(6px,1vw,14px);overflow-wrap:anywhere}
.maisoku-heading{display:flex;justify-content:space-between;gap:1em;align-items:center;font-size:1.7em}.maisoku-heading strong{max-width:74%}.maisoku-heading b{font-size:.8em;text-align:right}
.maisoku-rent{color:#b63b28;font-size:2em;font-weight:700;margin-top:.45em}.maisoku .maisoku-fee{margin:.2em 0 1em;font-size:1em}
.maisoku-body{display:grid;grid-template-columns:24% 23% 49%;gap:2%;align-items:stretch}.maisoku-photos{display:grid;grid-template-columns:1fr 1fr;gap:.5em;align-content:start}.maisoku-photos img{width:100%;height:auto;aspect-ratio:1.16;object-fit:cover;min-width:0}.maisoku-photos img:first-child{grid-column:1 / -1;aspect-ratio:1.3}
.maisoku-plan{border:1px solid #cbd8d1;display:flex;align-items:center;min-width:0}.maisoku-plan-art{position:relative;width:100%;line-height:0}.maisoku-plan-art img{width:100%;height:auto}.maisoku-plan-art svg{position:absolute;inset:0;width:100%;height:100%;font-family:'Yu Gothic',sans-serif}
.maisoku dl{margin:0;font-size:.9em}.maisoku dl>div{display:grid;grid-template-columns:25% 75%;border:1px solid #cbd8d1;border-bottom:0;min-height:2.7em}.maisoku dl>div:last-child{border-bottom:1px solid #cbd8d1}.maisoku dt{background:#eef3ef;padding:.5em}.maisoku dd{margin:0;padding:.5em;white-space:pre-wrap}.maisoku small{display:block;font-size:.7em;margin:.6em 0}.maisoku .maisoku-features{border:1px solid #cbd8d1;font-size:.9em;padding:.8em;margin:1em 0;min-height:3.6em;white-space:pre-wrap}.maisoku-features b{margin-right:1em}
.maisoku-band{display:grid;grid-template-columns:1fr 1.2fr;background:#17382f;color:white;margin:1em -2.64% -2.64%;padding:1em 2.64%;gap:.5em}.maisoku-band strong{font-size:1.5em}.maisoku-band b{text-align:right;font-size:1.2em}.maisoku-band span{font-size:.75em}.maisoku-band span:last-child{text-align:right}.maisoku-missing{font-size:.8em;padding:.5em;color:#566c64;text-align:center}
@media(max-width:600px){.maisoku{font-size:clamp(6px,1.7vw,10px)}.maisoku-heading{font-size:1.4em}.maisoku-rent{font-size:1.7em}}

.maisoku{scroll-margin-top:90px}
body:not(.review-active) #progress{position:static}
body:not(.review-active) #review-notice.flash{position:static;clip-path:inset(50%);width:1px;height:1px;padding:0}
/* 条件差・対象外の理由にも入力した物件名が入るため、長い英数字を欄内で折り返す。 */
.band-conditions,#comparison-reasons{overflow-wrap:anywhere}
/* 請求書デモと同じ確認→確定→出力の段に、図面の選択と比較を置く。 */
.output-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;border:0;padding:0;margin:24px 0}
.output-choices legend{font-weight:700;margin-bottom:12px}
.output-choices label{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:18px;border:1px solid #cbd8d1;border-radius:10px;cursor:pointer;background:#fff}
.output-choices label:has(:checked){border:2px solid #17382f;background:#eef3ef;padding:17px}
.output-choices span{grid-column:2;font-size:.95rem;line-height:1.7}
/* 画面高から比較図の高さを決め、調整操作と確認ボタンを同じ画面に置く。 */
#band-review{margin:20px 0;--band-sheet-height:clamp(220px,calc(100dvh - 410px),580px)}
#band-editor{padding:16px;border:1px solid #8da99b;border-radius:12px;background:#fbfcf8;scroll-margin-top:12px}
/* 図面ごとの確認理由を常時表示しても、PCの確認ボタンまで画面内に収める。 */
@media(min-width:651px){#band-editor:has(#band-page-reason){--band-sheet-height:clamp(220px,calc(100dvh - 490px),500px)}}
.band-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.band-editor-head h5{font-size:18px;margin:0;overflow-wrap:anywhere}.band-editor-head>div{display:flex;gap:8px;flex-shrink:0}
#band-output button,#band-save button{white-space:normal;font-size:14px;padding:9px 12px;min-height:44px}
.band-include{display:flex;align-items:center;gap:8px;font-size:14px;margin:6px 0}.band-include input{flex-shrink:0}
.band-conditions{font-size:13px;background:#fff2dc;border-left:4px solid #aa6b1b;padding:8px 12px;margin:8px 0}.band-conditions summary{cursor:pointer;font-weight:600}.band-conditions p{margin:8px 0}
.band-boundary{font-size:13px;line-height:1.5}.band-boundary p{margin:5px 0}.band-boundary-values{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}#band-top-value{display:inline;font-weight:700}#band-output #band-ai-reset{padding:4px 10px;min-height:36px;font-size:13px}
#band-lower-warning{color:#81491a;min-height:20px}
.band-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:10px 0;align-items:start}
.band-comparison figure{margin:0;min-width:0;position:relative}.band-comparison figcaption{font-size:14px;font-weight:700;line-height:24px;margin-bottom:6px}.band-comparison figcaption span{font-size:12px;font-weight:400;color:#566c64;margin-left:8px}
.band-stage{height:var(--band-sheet-height);display:flex;align-items:center;justify-content:center;padding-right:44px}
.band-original,#band-after{position:relative;width:min(100%,calc(var(--band-sheet-height) * var(--band-aspect)));height:auto;aspect-ratio:var(--band-aspect);line-height:0;flex-shrink:1;min-width:0}
.band-original img,.band-comparison canvas{display:block;width:100%;height:100%;object-fit:contain;box-shadow:0 0 0 1px #bdcec3;background:white}
.band-overlay{position:absolute;top:var(--band-top);left:0;right:0;bottom:0;background:rgba(196,61,38,.28);pointer-events:none}
.band-line{position:absolute;top:var(--band-top);left:0;right:0;height:24px;transform:translateY(-50%);cursor:ns-resize;touch-action:none;z-index:2;line-height:normal;display:flex;align-items:center;justify-content:flex-start}
.band-line:before{content:"";position:absolute;left:0;right:0;border-top:3px solid #bd3f28;z-index:-1}.band-line>span{font-size:11px;color:white;background:#a63320;padding:5px 6px;border-radius:4px;line-height:1}
.band-slider{position:absolute;left:100%;top:0;bottom:0;width:44px;cursor:ns-resize;touch-action:none;line-height:normal}
.band-slider-track{position:absolute;left:20px;top:0;bottom:0;width:4px;background:#bdcec3;border-radius:4px}
.band-slider-thumb{position:absolute;left:10px;top:var(--band-top);width:24px;height:24px;transform:translateY(-50%);border-radius:50%;background:#17382f;border:3px solid white;box-shadow:0 0 0 2px #17382f}
.band-ai-line{position:absolute;left:0;right:0;border-top:2px dashed #2266bb;pointer-events:none;line-height:normal}.band-ai-line span{position:absolute;right:3px;bottom:3px;color:#164e86;background:#edf4ff;font-size:11px;padding:2px 4px}
.band-ai-mark{position:absolute;left:14px;width:16px;border-top:3px solid #2266bb;transform:translateY(-50%)}
.band-slider:focus-visible,.band-line:focus-visible{outline:3px solid #2266bb;outline-offset:3px}
.band-slider[aria-disabled=true],.band-line[aria-disabled=true]{cursor:wait;opacity:.6}
#band-preview-status{position:absolute;right:44px;bottom:5px;background:#fff;font-size:12px;line-height:20px}
.band-editor-foot{display:flex;align-items:center;gap:14px;justify-content:space-between;border-top:1px solid #cbd8d1;padding-top:10px;margin-top:16px}
.band-check{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.6;max-width:720px}.band-check input{flex-shrink:0;margin-top:4px}.band-editor-foot button{flex-shrink:0}
.band-overview{margin:24px 0}.band-overview h5{font-size:17px;margin:12px 0}.band-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.band-list button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #cbd8d1;background:white;border-radius:8px;color:#17382f}.band-list button[aria-current=true]{outline:2px solid #176353}.band-list img{width:48px;height:58px;object-fit:contain;background:#f1f3ef;flex-shrink:0}.band-list span{overflow-wrap:anywhere;min-width:0}.band-list strong{display:block;font-size:12px;margin-top:6px}.band-done{color:#165136}.band-waiting{color:#94541a}.band-excluded{color:#626866}
#property-save{border-top:2px solid #8da99b;padding-top:8px;scroll-margin-top:12px}#band-save-title{font-size:20px;scroll-margin-top:12px}.band-notice{padding:14px 18px;border-left:4px solid #aa6b1b;background:#fff7e9;line-height:1.8}
@media(max-width:650px){
.output-choices,.band-comparison{grid-template-columns:1fr}.output-choices label{padding:14px}.output-choices label:has(:checked){padding:13px}
#band-review{--band-sheet-height:min(350px,43dvh)}#band-editor{padding:10px}.band-editor-head{display:block}.band-editor-head h5{font-size:16px}.band-editor-head>div{margin-top:8px}.band-editor-head button{flex:1}.band-boundary-values{flex-direction:column;align-items:flex-start;gap:5px}.band-boundary-values button{margin-top:0}.band-comparison{gap:22px}.band-stage{height:auto;padding-right:44px}
.band-editor-foot{flex-direction:column;align-items:stretch;gap:8px}.band-check{margin:0}.band-list{grid-template-columns:1fr 1fr}.band-list button{flex-direction:column;align-items:flex-start}.band-list img{width:100%;height:65px}.band-list span{font-size:12px}.band-notice{padding:12px}
}

.maisoku-band{display:block;background:#fbfcf8;padding:0;margin:1em -2.64% -2.64%;line-height:0;color:#17382f}.maisoku-band svg{display:block;width:100%;height:auto}
#comparison-output{margin:24px 0;padding:18px;border:1px solid #8da99b;border-radius:8px}#comparison-output button{max-width:100%;white-space:normal}