/* フォントサイズを上書き - wp-rengodb検索フォーム専用 */

.property-search-form .property-search-form-body .field-group .checkbox-group > li label,
.property-search-form .property-search-form-body .field-group .checkbox-group li label {
    font-size: 13.5px !important;
}

.property-search-form .property-search-form-body .field-group .radio-group > li label,
.property-search-form .property-search-form-body .field-group .radio-group li label {
    font-size: 13.5px !important;
}



.property-search-form-body .radio-group > li {
    width: 45%;
  }

/* チェックボックスグループを1列表示に変更 */
.property-search-form .property-search-form-body .field-group .checkbox-group > li,
.property-search-form .property-search-form-body .checkbox-group > li {
    grid-column: span 2 !important;
}

/* 専有面積タブシステム - テーマテンプレート専用 */
.field-group .field-group-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.exclusive-area-tabs-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    margin-top: -8px;
    flex-shrink: 0;
}

.exclusive-area-tabs {
    display: flex;
    flex-direction: row;
    padding: 0;
    gap: 0;
    align-items: center;
    flex-shrink: 0;
}

.exclusive-area-tab-label {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 13.5px;
    line-height: 12px;
    color: #333;
    white-space: nowrap;
    font-style: normal;
}

.exclusive-area-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 13.5px;
    line-height: 1.0909090909090908em;
    text-align: center;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 0;
    cursor: pointer;
    padding: 0;
    margin: 0;
    transition: background-color 0.2s ease;
}

.exclusive-area-tab:first-child {
    width: 42px;
    border-radius: 2px 0 0 2px;
    border-right: none;
}

.exclusive-area-tab:last-child {
    width: 43px;
    border-radius: 0 2px 2px 0;
    border-left: 1px solid #D3D3D3;
}

.exclusive-area-tab.active {
    background-color: #F9F3EC;
    border-color: #D3D3D3;
}

.exclusive-area-tab.active:first-child {
    border-right: none;
}

.exclusive-area-tab.active:last-child {
    border-left: 1px solid #D3D3D3;
}

.exclusive-area-tab:hover {
    background-color: #F5F5F5;
}

.exclusive-area-tab.active:hover {
    background-color: #F9F3EC;
}