@charset 'utf-8';


.search_sec form .contents { min-height: calc(100vh - 141px); }
@media screen and (min-width: 768px) {
    .search_sec form .contents { min-height: calc(100vh - 221px); }
}
@media screen and (min-width: 1160px) {
    .search_sec form .contents { min-height: calc(100vh - 235px); }
}


/*----- 検索リスト -----*/
.line_list { font-weight: 700; display: flex; flex-direction: column; gap: 20px; }
.line_accordion_header { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 15px 20px; background: #F7F4E6; user-select: none; appearance: none; cursor: pointer; }
.line { display: flex; }
.line label span { font-size: 18px; }
.line_accordion_icon { position: relative ; display: block; width: 12px; aspect-ratio: 1 / 1; }
.line_accordion_icon img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: block; transition: transform 0.3s ease; }
.line_accordion_icon img:last-child { transform: rotate(180deg); }
.station_list { display: flex; flex-wrap: wrap; gap: 20px 30px; padding: 0px 20px; max-height: 0; overflow: hidden; opacity: 0; transition: all 0.3s ease; }
.station_list .station { display: flex; width: 100%; }
.station_list .station a { position: relative; }
.station_list .station a::after { content: ''; position: absolute; bottom: -4px; right: 0; left: 0; height: 1px; background: #000; }
/* open */
.line_accordion.is_open .line_accordion_icon img:first-child { opacity: 0; transform: rotate(-180deg); transition: all 0.3s ease; }
.line_accordion.is_open .line_accordion_icon img:last-child { transform: rotate(0deg); transition: all 0.3s ease; }
.line_accordion.is_open .station_list { max-height: none; padding: 20px; opacity: 1; }
/* hover */
.station_list .station a:hover { opacity: 0.5; }
.station_list .station a:hover::after { opacity: 0; }
@media screen and (min-width: 480px) {
    .station_list .station { width: calc(calc(100% - 30px)/2); }
}
@media screen and (min-width: 768px) {
    .station_list .station { width: calc(calc(100% - 60px)/3); }
}
@media screen and (min-width: 1025px) {
    .station_list .station { width: calc(calc(100% - 90px)/4); }
}
/* 0件 */
.station_list .station.is_disabled { opacity: 0.2; }
.line_accordion.is_disabled .line .checkbox_label input[type="checkbox"] { border-color: #00000035; }
.line_accordion.is_disabled .checkbox_label input[type="checkbox"]:hover, .station_list .station.is_disabled .checkbox_label input[type="checkbox"]:hover { background: #FFF; }

/*----- 該当物件 -----*/
.result_sec { position: sticky; bottom: 0; display: flex; justify-content: center; align-items: flex-end; gap: 12px; padding: 12px 5vw; }
.result_sec .button { width: 160px; height: 40px; padding-right: 14px; margin: 0; }
.result_sec .button_arrow { right: 8px; }
.result_sec .button:hover .button_arrow { right: 8px; }
@media screen and (min-width: 768px) {
    .result_sec { align-items: center; gap: 40px; padding: 30px 5vw; }
    .result_sec .button { width: 360px; height: 80px; padding-right: 0; font-size: 18px; }
    .result_sec .button_arrow { right: 32px; }
    .result_sec .button:hover .button_arrow { right: 24px; }
}