.cc__header{background:var(--accent);color:var(--white);font-weight:700;box-shadow:0 -2px;border-radius:10px 10px 0 0;font-size:12px;font-weight:500;padding:8px 15px}.compatibility-page-header{display:none}body.compatibility-check-body.is-page-mode{max-width:none!important;margin:0!important;padding:0 0 32px!important}body.compatibility-check-body.is-page-mode .compatibility-page-header{display:block}body.compatibility-check-body.is-page-mode .compatibility-check{max-width:720px;margin:16px auto 0;padding:0 12px}.cc__product-code{margin:14px 0 10px;font-size:12px;color:var(--text-2)}.cc__product-code span{font-family:DM Mono,monospace;font-weight:700;color:var(--navy)}.cc__message{margin-top:12px;padding:10px 12px;border-radius:8px;font-size:12px;line-height:1.6}.cc__message--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.cc__result{margin-top:14px;padding-top:14px;background:var(--white);border-top:1px solid var(--border)}.compatibility-check.is-iframe-mode:not(.has-result) .search-form__panel:after{content:"";display:block;height:190px}.cc__result-header{display:flex;align-items:center;gap:10px;border-radius:8px;padding:11px 14px;margin-bottom:12px;border:1.5px solid transparent}.cc__result-header.is-compatible{background:var(--ok-bg);border-color:#a7f3d0}.cc__result-header.is-incompatible{background:#fff5f5;border-color:#fca5a5}.cc__result-icon{width:28px;height:28px;border-radius:50%;flex-shrink:0;position:relative}.cc__result-header.is-compatible .cc__result-icon{border:3px solid var(--ok)}.cc__result-header.is-incompatible .cc__result-icon{border:3px solid #b91c1c}.cc__result-header.is-incompatible .cc__result-icon:before,.cc__result-header.is-incompatible .cc__result-icon:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2.5px;background:#b91c1c;border-radius:2px;transform-origin:center}.cc__result-header.is-incompatible .cc__result-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.cc__result-header.is-incompatible .cc__result-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.cc__result-label{font-size:11px;font-weight:700;font-family:DM Mono,monospace;letter-spacing:.06em;margin-bottom:2px}.cc__result-header.is-compatible .cc__result-label{color:var(--ok)}.cc__result-header.is-incompatible .cc__result-label{color:#b91c1c}.cc__result-tv{font-size:13px;font-weight:700;color:var(--navy)}.cc__result-reason{box-sizing:border-box;min-height:55px;display:flex;align-items:center;font-size:12px;color:#b91c1c;background:#fff5f5;border:1px solid #fca5a5;border-radius:6px;padding:8px 12px;margin-bottom:10px;line-height:1.6}.cc__result-reason[hidden]{display:none}.cc__result-search-button{margin-top:0}.cc__result-meter{background:var(--bg);border-radius:7px;padding:10px 12px;margin-bottom:10px}.cc__result-meter-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cc__result-meter-label{font-size:11px;color:var(--text-2)}.cc__result-meter-nums{font-family:DM Mono,monospace;font-size:11px;color:var(--text-2)}.cc__result-meter-tv-weight{color:var(--navy);font-weight:600}.cc__result-meter-sep{color:var(--text-3);margin:0 3px}.cc__result-meter-bar-bg{height:5px;background:var(--border);border-radius:99px;overflow:hidden;margin-bottom:5px}.cc__result-meter-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--navy-2));width:0}.cc__result-meter-margin{font-size:11px;color:var(--ok);font-weight:500;display:flex;align-items:center;gap:3px}.cc__result-meter-margin:before{content:"\2713";font-weight:700}.cc__result-meter.is-empty .cc__result-meter-margin{color:var(--text-2)}.cc__result-meter.is-empty .cc__result-meter-margin:before{content:none}.search-form__tab{flex:1;padding:8px;border:none;border-radius:0 10px 0 0;font-family:Noto Sans JP,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;background:var(--border);color:var(--text-2)}.search-form__tab:first-child{border-radius:10px 0 0}.search-form__tab.is-active{background:var(--accent);color:var(--white);font-weight:700;box-shadow:0 -2px}.search-form__tab:not(.is-active):hover{background:#e2e9f5}.search-form__panel{background:var(--white);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:12px;border:1px solid var(--border);border-top:none}.search-form__panel--size{display:none}.search-form__panel--size.visible{display:block}.field{margin-bottom:12px}.field:last-child{margin-bottom:0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.search-form__input-wrap,.filter-item__input-wrap{position:relative}.search-form__input,.filter-item__input{width:100%;border:1.5px solid var(--border);border-radius:8px;padding:8px 36px 8px 11px;font-size:13px;font-family:Noto Sans JP,sans-serif;color:var(--text);background:#fafbfe;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;-webkit-appearance:none;appearance:none}.search-form__input:focus,.filter-item__input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b7dd81f;background:var(--white)}.search-form__input::placeholder,.filter-item__input::placeholder{color:var(--text-3)}.search-form__input-icon,.filter-item__input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:15px;pointer-events:none}.search-form__suggest{position:absolute;top:calc(100% - 2px);left:0;right:0;display:none;max-height:240px;overflow-y:auto;border:1.5px solid var(--blue);border-top:none;border-radius:0 0 8px 8px;background:var(--white);box-shadow:var(--shadow-lg);overflow:hidden;z-index:20}.suggest-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f3f9;transition:background .1s}.suggest-row:last-child{border-bottom:none}.suggest-row:hover,.suggest-row.is-active,.suggest-row:focus-visible{background:var(--blue-lt);outline:none}.suggest-text{flex:1;min-width:0}.suggest-model{font-size:13px;font-weight:600;color:var(--navy)}.suggest-model mark{background:none;color:var(--blue);font-weight:700}.suggest-year,.suggest-inch{font-size:11px;color:var(--text-3);font-family:DM Mono,monospace}.suggest-inch{white-space:nowrap}.filter-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:end;gap:6px;margin-bottom:14px}.filter-item{min-width:0}.filter-grid__arrow{font-size:18px;color:var(--border-2);padding-bottom:8px;-webkit-user-select:none;user-select:none;line-height:1}.filter-item__input{cursor:pointer}.filter-item__input::-ms-expand{display:none}.filter-grid select.filter-item__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.dd-select{position:relative}.dd-select__trigger{width:100%;border:1.5px solid var(--border);border-radius:8px;padding:8px 36px 8px 11px;font-size:13px;font-family:Noto Sans JP,sans-serif;color:var(--text);background:#fafbfe;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.dd-select__trigger:hover{background:var(--white)}.dd-select.is-open .dd-select__trigger,.dd-select__trigger:focus-visible{border-color:var(--blue);border-radius:8px 8px 0 0;box-shadow:0 0 0 3px #3b7dd81f;background:var(--white);outline:none}.dd-select__trigger.is-placeholder{color:var(--text-3)}.dd-select__icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:15px;pointer-events:none;transition:transform .15s ease}.dd-select.is-open .dd-select__icon{transform:translateY(-50%) rotate(180deg)}.dd-select__menu{position:absolute;top:calc(100% - 2px);left:0;right:0;display:none;max-height:240px;overflow-y:auto;border:1.5px solid var(--blue);border-top:none;border-radius:0 0 8px 8px;background:var(--white);box-shadow:var(--shadow-lg);z-index:20}.dd-select.is-open .dd-select__menu{display:block}.dd-select__option{width:100%;border:none;border-bottom:1px solid #f0f3f9;background:var(--white);color:var(--text);padding:8px 12px;font-size:13px;font-family:Noto Sans JP,sans-serif;text-align:left;cursor:pointer;transition:background .1s}.dd-select__option:last-child{border-bottom:none}.dd-select__option:hover,.dd-select__option.is-selected,.dd-select__option:focus-visible{background:var(--blue-lt);outline:none}.dd-select__option.is-placeholder{color:var(--text-3)}.range-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.range-sep{font-size:12px;color:var(--text-3);text-align:center;font-family:DM Mono,monospace}.divider{display:flex;align-items:center;gap:10px;margin:20px 0;color:var(--text-3);font-size:11px;font-family:DM Mono,monospace}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.steps-bar{display:flex;align-items:center;margin-bottom:14px}.step{display:flex;flex-direction:column;align-items:center;gap:4px}.step-num{width:22px;height:22px;border-radius:50%;background:var(--border);color:var(--text-3);font-size:12px;font-family:DM Mono,monospace;font-weight:500;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.step-text{font-size:10px;color:var(--text-3);font-weight:500;transition:color .2s;white-space:nowrap}.step.active .step-num{background:var(--navy);color:#fff}.step.active .step-text{color:var(--navy);font-weight:700}.step.done .step-num{background:var(--ok);color:#fff}.step.done .step-text{color:var(--ok)}.step-line{flex:1;height:2px;background:var(--border);margin:0 6px 16px;transition:background .2s}.step-line.done{background:var(--ok)}@media(max-width:749px){.field-row,.filter-grid{grid-template-columns:1fr}.filter-grid__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/archisite-compatibility-check.css.map */