.search_condtion_content{
    min-width: 1260px;
    width: 100%;
}

/** 3分割 */
.search_condtion_content .content_item {
    display: block;
    width: 25%;
    float: left;
}

/*******************/
/** 都道府県パネル */
/*******************/
.search_condtion_content .content_item.content_left {
    width: calc(100% - 990px);
    min-width: 260px;
}

.search_condtion_content .panel_prefectures .card-body {
    overflow: auto;
    height: calc(100dvh - 160px);
    padding: 5px;
    padding-top: 1em;
    font-family: 'Kosugi Maru', sans-serif;
}

.search_condtion_content .panel_prefectures li.list-group-item,
.search_condtion_content .panel_prefectures ul.list-group {
    border: 0;
    box-shadow: none;
}

.search_condtion_content .panel_prefectures .list-group-item {
    padding: 5px 0px;
}

.search_condtion_content .panel_prefectures ul.prefecture_list_group {
    padding-left: 15px;
}

.search_condtion_content .panel_prefectures ul.prefecture_list_group li {
    display: inline-block;
}
.search_condtion_content .panel_prefectures .btn{
    margin-top: 5px;
}
.search_condtion_content .panel_prefectures .btn.disabled_btn{
    cursor: default;
    color: var(--bs-btn-disabled-color);
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
}

.search_condtion_content .panel_prefectures .btn.active {
    background-color: #FF4B00;
    border-color: #FF4B00;
    color: #fff;
    background: #FF4B00;
    border-radius: var(--bs-btn-border-radius);

}

.search_condtion_content .panel_prefectures .btn_area_name{
    border-radius: unset;
    padding-left: 1rem;
    padding-right: 1rem;
    border: none;
}

.search_condtion_content .panel_prefectures .btn_area_name p{
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-bottom: 0;
}

/* 北海道･東北 */
.search_condtion_content .panel_prefectures .area_code_1 p {
    background: linear-gradient(transparent 65%, #FFCABF 60%);
}

/* 関東 */
.search_condtion_content .panel_prefectures .area_code_2 p {
    background: linear-gradient(transparent 65%, #B380FF 60%);
}

/* 北陸 */
.search_condtion_content .panel_prefectures .area_code_3 p {
    background: linear-gradient(transparent 65%, #D8F255 60%);
}

/* 中部 */
.search_condtion_content .panel_prefectures .area_code_4 p {
    background: linear-gradient(transparent 65%, #BFE4FF 60%);
}

/* 東海 */
.search_condtion_content .panel_prefectures .area_code_5 p {
    background: linear-gradient(transparent 65%, #FFCA80 60%);
}

/* 近畿 */
.search_condtion_content .panel_prefectures .area_code_6 p {
    background: linear-gradient(transparent 65%, #C9ACE6 60%);
}

/* 中国 */
.search_condtion_content .panel_prefectures .area_code_7 p {
    background: linear-gradient(transparent 65%, #FFFA50 60%);
}

/* 四国 */
.search_condtion_content .panel_prefectures .area_code_8 p {
    background: linear-gradient(transparent 65%, #77D9A8 60%);
}

/* 九州･沖縄 */
.search_condtion_content .panel_prefectures .area_code_9 p {
    background: linear-gradient(transparent 65%, #F6AA00 60%);
}

.search_condtion_content .panel_prefectures .btn_area_name:active,
.search_condtion_content .panel_prefectures .btn_area_name.active {
    border: none;
    background-color: initial;
    background: none;
    color: rgb(33, 37, 41);
}

/*******************/
/** MAPパネル      */
/*******************/
.search_condtion_content .content_item.content_center {
    width: auto;
    padding: 0;
    margin: auto;
    margin-top: 40px;
}

.search_condtion_content .content_item.content_center .toast-wrap{
    position: relative;
}
.search_condtion_content .content_item.content_center .toast-wrap .toast{
    position:absolute;
    top:0px;
    left: 50%;
    transform: translate(-50%, -50%);
}


.search_condtion_content .card.panel_japan_map {
    width: 630px;
    border: none;
    display: inline;
    position: unset;
}

.search_condtion_content .card.panel_japan_map .card-body {
    background-color: white;
}


/*******************/
/** 問題選択パネル */
/*******************/
.search_condtion_content .content_item.content_right {
    width: 250px;
}

.search_condtion_content .panel_search_condition_select .card-body {
    overflow: auto;
    height: calc(100dvh - 185px);
    font-family: 'Kosugi Maru', sans-serif;
    padding-top: 5px;
    padding-bottom: 5px;
}

.search_condtion_content .panel_search_condition_select .list-group-item {
    cursor: pointer;
    padding-top: 3px;
    padding-bottom: 3px;
}

.search_condtion_content .panel_search_condition_select .list-group-item.pl_1 {
    padding-left: 2em;
}

.search_condtion_content .panel_search_condition_select .list-group {
    margin: 0;
}

.search_condtion_content .panel_search_condition_select a.active {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: var(--bs-list-group-success-border-color)
}


/*******************/
/** 問題表示ボタン */
/*******************/
.search_condtion_content .submit_btn_contents {
    margin-top: 4px;
    margin-bottom: 4px;
}

.search_condtion_content .submit_btn_contents img {
    width: 35px;
}

.search_condtion_content .submit_btn_contents .btn{
    width: calc(100% - 43px);
}

/**************
 * 縦長の画面の場合は日本地図を非表示にする
**************/
@media screen and (max-width: 100dvh) { 
    .search_condtion_content{
        min-width: 520px;
        width: 100%;
    }
    .search_condtion_content .content_item.content_center {
        display: none;
    }
    .search_condtion_content .content_item.content_left {
        width: calc(100% - 250px) !important;
        max-width: 470px;
    }
}