@charset "utf-8";


/*========== 全体 ==========*/
.contents_search{width: 100%;}
.text_lm {font-size: 22px;}
@media (min-width:768px) {
.contents_search{width: min(90%, 1200px);}
}




/*========== タイトル部分 ==========*/
.heading_text_wrap{flex-direction: column;align-items: initial;width: min(90%, 1200px);margin: 0 auto;}
.contents_search_station .heading_text_wrap{width: 100%;}
.area_change{display: flex;align-items: center;gap: 10px;}
.area_change:hover{opacity: 0.5;}
@media (min-width:768px) {
    .heading_text_wrap{width: 100%;justify-content: space-between;flex-direction: row;align-items: center;}
    .heading_text{align-items: center;}
}


/*========== 駅リスト ==========*/
.station-line-block{padding-top: 0;}
.station-line-block ul{flex-direction: row;}
.station-line-block li{width: 100%;}


/*========== 駅名リスト ==========*/
.group-block{padding: 0 0 30px 0;}
.line-block{padding: 10px 0;}
.line_name{font-size: 18px;font-weight: bold;color: #529535;width: min(90%, 1200px);margin: 0 auto;column-gap: 10px;gap: 20px;width: 100%;border-top: 1px solid #CECECE;background-color: rgb(242, 241, 241);padding: 0 0 0 5%;}
.line_name span{padding-top: 20px;padding-bottom: 20px;padding-left: 5%;background-color: white;padding-left: 5%;width: 94%;}
.line-block ul{display: flex;flex-wrap: wrap;flex-direction: column;gap: 0;}
.line-block li{border-top: 1px solid #CECECE;height: 59px;}
.line-block li:last-child{border-bottom: 1px solid #CECECE;;}
.line-block .name_padding{font-size: 17px;padding-top: 20px;padding-bottom: 20px;background-color: white;padding-left: 5%;width: 94%;}
.city-line-block .name_padding{text-decoration: underline;text-decoration-skip-ink: none;}
.station-line-block .name_padding{text-decoration: underline;text-decoration-skip-ink: none;}
.line-block .zero-link-disabled{font-size: 17px;padding-top: 20px;padding-bottom: 20px;background-color: white;padding-left: 5%;width: 94%;}
.line-block li label{display: flex;flex-direction: row;align-items: center;gap: 0 20px;background-color: rgb(242, 241, 241);padding: 0 0 0 5%;}

.contents_search_station{width: 90vw;margin: 0 auto;}
.accordion-header {padding: 12px 16px;cursor: pointer;font-weight: 600;position: relative;background-color: #F2F2F2;}
.accordion-header::after {content: "＋";position: absolute;right: 16px;}
.line-block.is-open .accordion-header::after {content: "−";}
.accordion-body {display: none;}
.line-block.is-open .accordion-body {display: block;}

@media (min-width:768px) {
    .group-block{padding: 0 0 50px 0;}
    /* .line-block{border-bottom: 1px solid #CECECE;} */
    .line-block .accordion-body .line_name{width: 100%;margin: 0;border-top: none;padding: 0;gap: 7px;}
    .line-block ul{flex-direction: row;gap: 12px;} 
    .line-block li {width: calc((100% - 24px)/ 3 );border: none;padding: 0;background-color: none;height: initial;}
    .line-block li:last-child{border-bottom: none;}
    .line-block a{font-size: 16px;}
    .line-block .name_padding{padding-left: 0%;padding-top: 10px;padding-bottom: 10px;}
    .line-block .zero-link-disabled{padding-left: 0%;padding-top: 10px;padding-bottom: 10px;}
    .line-block li label{gap: 7px;background-color: initial;padding: 0;}
    .line_name{background-color:initial;}
    .line_name span{padding-left: 0;}
    .accordion-body {display: none;padding: 30px 16px;}
}
@media (min-width:1000px) {
        .line-block li {width: calc((100% - 36px)/ 4 );border: none;padding: 0;background-color: none;}
}
@media (min-width:1200px) {
        .line-block li {width: calc((100% - 48px)/ 5 );border: none;padding: 0;background-color: none;}
}



/*========== 学校名リスト ==========*/
.school-pref-name{font-size: 20px;font-weight: bold;color: #529535;width: min(90%, 1200px);margin: 0 auto;margin-top: 40px;}
.school-line-block ul{flex-direction: row;}
.school-line-block li{width: 100%;}
.school-name{border-top: 1px solid #CECECE;padding: 18px 0;}
.school-name a{font-size: 17px;margin: 0;display: inline-block;}
@media (min-width:768px) {
    .school-pref-name{font-size: 24px;width: auto;}
    .school-line-block li{width: calc((100% - 24px)/ 3 );}
    .school-name{border: none;}
}
@media (min-width:1000px) {
        .school-line-block li {width: calc((100% - 36px)/ 4 );border: none;padding: 0;background-color: none;}
}
@media (min-width:1200px) {
        .school-line-block li {width: calc((100% - 48px)/ 5 );border: none;padding: 0;background-color: none;}
}




/*========== 市リスト ==========*/
.city-line-block{padding-top: 0;}
.city-line-block ul{flex-direction: row;}
.city-line-block li{width: 100%;}
@media (min-width:768px) {
    .city-line-block li{width: calc((100% - 24px)/ 3 );}
}
@media (min-width:1000px) {
    .city-line-block li {width: calc((100% - 36px)/ 4 );border: none;padding: 0;background-color: none;}
}
@media (min-width:1200px) {
    .city-line-block li {width: calc((100% - 48px)/ 5 );border: none;padding: 0;background-color: none;}
}



/* 0件の時、リンク無効 */
.checkboxItem.is-disabled { cursor: default; color:#aaa; }
.checkboxItem.is-disabled input[type="checkbox"],
.line-disabled .checkboxItem input[type="checkbox"],
.town-disabled input[type="checkbox"]{ pointer-events: none; cursor: default; background: inherit; opacity:0.4; }   
.zero-link-disabled,
.line-disabled .line_name,
.town-disabled,
.school-disabled { pointer-events: none; cursor: default; color: #aaa;}

.line-disabled .check-all-line { pointer-events: none; }

/*========== チェックボックス装飾 ==========*/
/* input[type="checkbox"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid;position: relative;cursor: pointer;vertical-align: middle;background-color: #fff;}
input[type="checkbox"]:checked::after {content: '';position: absolute;top: 2px;left: 5px;width: 4px;height: 8px;border: solid #000;border-width: 0 2px 2px 0;transform: rotate(45deg);}
input[type="checkbox"]:hover {border-color: #888;background-color: #f0f0f0;}
@media (min-width:768px) {
input[type="checkbox"] {width: 18px;height: 18px;}
}
 */


/*========== 固定バー ==========*/
.fixed_back{background-color: #F1F7EF;position: fixed;bottom: 0;left: 0;width: 100vw;z-index: 1;}
.fixed_contents{padding: 60px 0 10px 0;max-width: 1200px;margin: 0 auto;position: relative;display: flex;
flex-direction: row;justify-content: center;gap: 10px;}
.fixed_contents_school{padding: 10px 0;}
button.button_search{position: absolute;top: 0;width: 100%;border-radius: 0;border: 1px solid #529535;}
button.button_normal{width: 180px;}
.output_f_wrap {font-weight: bold;display: flex;align-items: center;gap: 2px;font-size: 14px;}
.output_f{font-weight: bold;font-size: 32px;color: #529535;}
.button_normal img{display: none;}
/* 市 */
button.F_town{width: 50%;left: 0;}
button.F_joken{width: 50%;right: 0;}
button.F_joken_pc{display: none;}

@media (min-width:768px) {
    .fixed_contents{display: flex;align-items: center;gap: 10px;justify-content: center;}
    .button_normal img{display: block;}
    .output_f_wrap{gap: 10px;font-size: 18px;}
    .output_f{font-size: 48px;}
    .fixed_contents{padding: 30px 20px;}
    button.button_normal{width: 250px;}
    button.button_search{width: 250px;border-radius: 100vw;position: relative;}
    /* 市 */
    button.F_joken_pc{display: block;}
    button.F_joken_sp{display: none;}
    br.sp_pad{display: block;}
}
@media (min-width:900px) {
    .fixed_contents{gap: 10px;}
    br.sp_pad{display: none;}
}
@media (min-width:1000px) {
    br.sp_pad{display: none;}
}




/*========== モーダル ==========*/

/* 詳細条件を選択モーダル */
.detail_setting_wrap{width: 100%;background-color: white;height: 100%;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.detail_setting_wrap .contents{padding-top: 0px;}
.detail_setting_wrap .heading{margin-top: 40px;}
.CATEGORY{border-bottom: 1px solid #DEDEDE;padding: 20px 5%;}
.CATEGORY ul{display: flex;flex-direction: row;align-items: center;gap: 10px;flex-wrap: wrap;}
.CATEGORY li{width: calc((100% - 10px)/ 2 );margin-bottom: 10px;}
.CATEGORY strong{width: 120px;color: #529535;font-size: 20px;margin-bottom: 10px;}
.CATEGORY label{display: flex;align-items: center;gap: 10px;font-size: 17px;}
.CATEGORY span{display: flex;align-items: center;}
.CONDITIONS{width: 100%;padding: 20px 5%;border-bottom: 1px solid #DEDEDE;}
.CONDITIONS strong{width: 120px;color: #529535;font-size: 20px;margin-bottom: 10px;}
.CONDITIONS strong.station{width: 170px;}
.CONDITIONS label{display: flex;align-items: center;gap: 10px;}
.CONDITIONS span{display: flex;align-items: center;}
.select_wrap{display: flex;flex-direction: row;align-items: center;gap: 7px;}
.heading_now{background-color: #F0F0F0;font-size: 14px;border-radius: 5px;padding:5px 10px;margin: 10px 0;}
.fixed_contents_wrap{background-color: #F1F7EF;width: 100vw;z-index: 1;position: fixed;bottom: 0;left: 0;}
.CONDITIONS select {width: 140px;padding: 3px 40px 3px 15px;font-size: 16px;background-color: #fff;border: 1px solid #707070;border-radius: 0px;appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 7 6-7' stroke='%23333' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;background-size: 12px;cursor: pointer;transition: 0.2s ease;}
.CONDITIONS select:focus {border-color: #0078d7;box-shadow: 0 0 0 3px rgba(0, 120, 215, 0.2);outline: none;}
body.fixed_back .fixed_back {position: fixed;top: 0;left: 0;right: 0;background-color: white;z-index: 9999;width: 100%;  overflow: hidden;}
body.fixed_back .fixed_contents_before {display: none;}
body.fixed_back .fixed_contents_wrap {position: fixed;bottom: 0;left: 0;right: 0;z-index: 10;}
.modal {position: fixed;top: 0;left: 0;right: 0; bottom: 0; display: none; justify-content: center; align-items: center; background: rgba(0,0,0,0.5);z-index: 9999;-webkit-overflow-scrolling: touch;}
.modal-content {padding-bottom: 100px;}
.fixed_contents_wrap_joken .fixed_contents{padding: 20px 0;}

@media (min-width:768px) {
    .CATEGORY{padding: 20px 0;display: flex;flex-direction: row;}
    .CATEGORY strong{margin-bottom: 0px;margin-right: 20px;}
    .CATEGORY label{gap: 5px;font-size: 16px;}
    .CATEGORY ul{gap: 25px;}
    .CATEGORY li {width: initial;margin-bottom: 0px;}
    .CONDITIONS{display: flex;padding: 20px 0;align-items: center;}
    .CONDITIONS strong{margin-bottom: 0px;margin-right: 20px;}
    .fixed_contents_city{display: flex;flex-direction: column;gap: 20px;}
    .fixed_contents_buttons{display: flex;flex-direction: row;gap: 10px;}

}
@media (min-width:1300px) {
    .detail_setting_wrap .heading{margin-top: 40px;}
    .detail_wrap{flex-direction: row;display: flex;align-items: center;gap: 50px;}
    .CONDITIONS{padding: 20px 0;width: 400px;display: flex;align-items: center;border-bottom: none;}
    .CATEGORY strong{margin-right: 0px;}
    .CONDITIONS strong{margin-right: 0px;}
    .CONDITIONS label{gap: 5px;}
    .heading_now{margin: 0;}
    .modal-content {padding-bottom: 125px;}
    .modal{align-items: initial;}
    .detail_wrap{border-bottom: 1px solid #DEDEDE;}
    .fixed_contents_city{flex-direction: row;}
    .fixed_contents{gap: 30px;}

}


/* 学校を選択モーダル */
.school-block{padding: 30px 0;}
.school-title{font-size: 20px;font-weight: bold;color: #529535;width: min(90%, 1200px);margin: 0 auto;}
.school-city{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.school-name_wrap{margin-top: 15px;}
.school-name{padding: 18px 5%;font-size: 17px;}
.school-name:last-child{border-bottom: 1px solid #CECECE;}
@media (min-width:768px) {
    .school-block{border-bottom: 1px solid #CECECE;}
    .school-title{font-size: 24px;width: 100%;}
    .school-name{padding: 7px 0;}
    .school-name:last-child{border-bottom:none}
    .school-name{width: calc((100% - 20px)/ 3 );}
    .school-name_wrap{display: flex;flex-direction: row;flex-wrap: wrap;gap: 10px;}
}
@media (min-width:1000px) {
        .school-name{width: calc((100% - 30px)/ 4 );border: none;padding: 0;background-color: none;}
}
@media (min-width:1200px) {
        .school-name{width: calc((100% - 40px)/ 5 );border: none;padding: 0;background-color: none;}
}


/* 町名を選択モーダル */
.town-city{font-size: 20px;font-weight: bold;color: #529535;width: min(90%, 1200px);margin: 0 auto;}
.town-wrap{display: flex;flex-wrap: wrap;margin-top: 10px;}
.town-name{display: flex;align-items: center;gap: 20px;width: 100%;font-size: 17px;padding: 0 0 0 5%;border-top: 1px solid #CECECE;background-color: rgb(242, 241, 241);}
.town-name:last-child{border-bottom: 1px solid #CECECE;}
.town-name a{text-decoration: underline;}
.town-block{padding: 30px 0;border-top: 1px solid #CECECE;}
.town-block:first-child{border-top: none;}
.town-name .name_padding{font-size: 17px;padding-top: 20px;padding-bottom: 20px;background-color: white;padding-left: 5%;width: 87%;}
.town-name .zero-link-disabled{font-size: 17px;padding-top: 20px;padding-bottom: 20px;background-color: white;padding-left: 5%;width: 87%;}

@media (min-width:768px) {
    .town-city{font-size: 24px;width: 100%;}
    .town-wrap{gap: 12px;}
    .town-name{width: calc((100% - 24px)/ 3 );gap: 5px;padding: 0;border-top:none;background-color:initial;margin-right: 0!important;}
    .town-name:last-child{border-bottom: none;}
    .town-name .name_padding{padding-top: 10px;padding-bottom: 10px;padding-left: 0%;}
    .town-name .zero-link-disabled{padding-top: 10px;padding-bottom: 10px;padding-left: 0%;}

}
@media (min-width:1000px) {
        .town-name{width: calc((100% - 36px)/ 4 );border: none;padding: 0;background-color: none;}
}
@media (min-width:1200px) {
        .town-name{width: calc((100% - 48px)/ 5 );border: none;padding: 0;background-color: none;}
}