@charset 'utf-8';
a:hover {
    opacity: 0.7;
}

body {
    background: #FBF9F3;
}

/*リンク*/
.AREA_LINKS {
    width: 940px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    margin-top: 40px;
}

.AREA_LINK {
    font-size: 14px;
    background: white;
    text-align: center;
    border: 1px solid #E0E0E0;
    border-radius: 18px;
    padding: 5px 25px;
    letter-spacing: 1px;
    margin: 5px;
}

.NOW {
    background: #76BB35;
    color: white;
}

.AREA_LINK:hover {
    background: #76BB35;
    color: white;
    opacity: 1;
}

/*タイトル*/
.MAIN_TYTLE {
    text-align: center;
    position: relative;
}

.MAIN_TYTLE {
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 8px;
    width: 1000px;
    margin: 0 auto;
    margin-top: 40px;
    letter-spacing: 5px;
    margin-bottom: 30px;
}

.IMG1 {
    position: absolute;
    width: 70px;
    left: 310px;
    top: -15px;
}

.IMG2 {
    width: 150px;
    position: absolute;
    top: 0px;
    right: 200px;
    top: -35px;
}

/*学校*/
.PRE {
    width: 75vw;
    margin: 0 auto;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 19px;
    position: relative;
    margin-bottom: 10px;
}

.PRE span {
    display: inline-block;
    padding-left: 15px;
}

.PRE::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 20px;
    background-color: #76BB35;
    position: absolute;
    top: 5px;
    left: 0px;
}

.school_wrap {
    width: 100%;
    margin: 0 auto;
    background: white;
    margin-top: 0px;
    display: flex;
    flex-direction: row;
    box-shadow: 2px 2px 4px rgba(201, 201, 201, 0.58);
    max-width: 1200px;
}

.school_left {
    width: 18%;
    background: #F0F0F0;
    text-align: center;
    display: flex;
    align-items: center;
    padding-left: 2%;
    font-size: 15px;
    font-weight: bold;
}

.school_left input {
    margin-right: 3%;
    transform: scale(1.2);
}

.school_list {
    width: 32%;
    font-size: 14px;
    display: inline-block;
    margin: 4px 0;
}

.school_right {
    width: 80%;
    margin: 0;
    padding: 15px 0 15px 40px;
}

.school_right a:hover {
    text-decoration: underline;
}

.school_top {
    margin-top: 30px;
    border-bottom: 1px dotted #CCCCCC;
}

.train {
    width: 98%;
    margin: 0 auto;
    background: #DDDDDD;
    padding: 5px 0;
    border-radius: 10px 10px 0 0;
    padding-left: 2%;
    margin-top: 15px;
}

.wrap_top {
    border-bottom: 1px dotted #CCCCCC;
}

.TOP_TEXT {
    text-align: center;
    width: 1000px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 1px;
}

.SCHOOL_IMG {
    position: absolute;
    top: -30px;
    width: 177px;
    right: -134px;
}

.top_contents {
    margin-bottom: 30px;
}

/*アコーディオン*/
.SEARCH_TYTLE {
    background: #4D4D4D;
    color: white;
    font-size: 15px;
    width: 75vw;
    margin: 0 auto;
    text-align: center;
    padding: 8px 0;
    margin-top: 80px;
    max-width: 1200px;
}

.AC_BACK {
    background: #F6F6F6;
    width: 75vw;
    margin: 0 auto;
    padding-bottom: 20px;
    margin-bottom: 100px;
    max-width: 1200px;
}

.accordion {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    position: relative;
    width: 97%;
    padding-bottom: 15px;
    padding-top: 10px;
}

.accordion-title {
    cursor: pointer;
    font-size: 16px;
    padding: 10px 0px;
}

.accordion-content {
    display: none;
    padding: 10px 5px;
}

.accordion-content p {
    font-size: 13px;
    line-height: 1.5;
}

.accordion-item .accordion-title {
    background-color: #fff;
    padding-left: 10px;
    margin-bottom: 0;
}

.accordion-item .accordion-content {
    background: white;
    width: 130px;
}

.accordion-title {
    position: relative;
    width: 120px;
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: 100;
}

.accordion-title::after {
    border-right: solid 1.5px #707070;
    border-top: solid 1.5px #707070;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 31%;
    transform: rotate(135deg);
    transition: transform .3s ease-in-out, top .3s ease-in-out;
    width: 8px;
}

.accordion-title.open::after {
    top: 45%;
    transform: rotate(-45deg);
}

.accordion-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.btn--green, a.btn--green {
    color: #fff;
    background-color: #76BB35;
    font-size: 15px;
    border-radius: 10px;
    padding: 10px 40px;
}

.btn--white, a.btn--white {
    color: #76BB35;
    background-color: #fff;
    font-size: 15px;
    border-radius: 10px;
    padding: 10px 40px;
    border: 1px solid #76BB35;
}

.fa-position-left {
    position: absolute;
    top: calc(50% - .5em);
    left: 1rem;
}

.accordion_bottom {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 530px;
    margin: 0 auto;
    justify-content: space-between;
}

.bottom_number span {
    font-size: 30px;
    color: #76BB35;
    font-weight: bold;
}

a.bottom_buttonA {
    background-color: #76BB35;
}

a.bottom_buttonB {
    color: #76BB35;
    background: white;
}

.accordion-content div {
    font-size: 14px;
    letter-spacing: 0px;
}

.accordion_bottom2 {
    width: 330px;
}

.accordion input {
    margin-right: 3px;
}

/*アコーディオン*/
.AC_BACK {
    background: #F6F6F6;
    width: 75vw;
    margin: 0 auto;
    padding-bottom: 20px;
    ;
    padding-top: 5px;
    margin-top: 0px;
    margin-bottom: 100px;
}

.AC_BACK .btn--gray {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 10px;
    color: #76BB35;
    border-radius: 10px;
    font-size: 14px;
    background: white;
    border: 1px solid #76BB35;
    padding: 10px 40px;
}

.AC_BACK .btn--gray:hover {
    opacity: .7;
}

.accordion {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    position: relative;
    width: 97%;
    padding-bottom: 15px;
}

.accordion-title {
    cursor: pointer;
    font-size: 16px;
    padding: 10px 0px;
}

.accordion-content {
    display: none;
    padding: 10px 5px;
}

.accordion-content p {
    font-size: 13px;
    line-height: 1.5;
}

.accordion-item .accordion-title {
    background-color: #fff;
    padding-left: 10px;
    margin-bottom: 0;
}

.accordion-item .accordion-content {
    background: white;
    width: 120px;
}

.accordion-title {
    position: relative;
    width: 120px;
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: 100;
}

.accordion-title::after {
    border-right: solid 1.5px #707070;
    border-top: solid 1.5px #707070;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 31%;
    transform: rotate(135deg);
    transition: transform .3s ease-in-out, top .3s ease-in-out;
    width: 8px;
}

.accordion-title.open::after {
    top: 45%;
    transform: rotate(-45deg);
}

.accordion-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.btn--red, a.btn--red {
    color: #fff;
    background-color:#E05842;
    font-size: 15px;
    border-radius: 10px;
    padding: 10px 40px;
    border: none;
}

input.btn--red {
    height: 60px;
    margin: 0;
}

.btn--white, a.btn--white {
    color: #76BB35;
    background-color: #fff;
    font-size: 15px;
    border-radius: 10px;
    padding: 10px 40px;
    border: 1px solid #76BB35;
}

.fa-position-left {
    position: absolute;
    top: calc(50% - .5em);
    left: 1rem;
}

.accordion_bottom {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 650px;
    margin: 0 auto;
    justify-content: space-between;
}

.bottom_number span {
    font-size: 30px;
    color: #76BB35;
    font-weight: bold;
}

a.bottom_buttonA {
    background-color: #76BB35;
}

a.bottom_buttonB {
    color: #76BB35;
    background: white;
}

.accordion-content div {
    font-size: 14px;
    letter-spacing: 0px;
}

.accordion-content div.selectBox {
    border: 1px solid #ccc;
    margin: 5px 0;
    text-align: center;
    font-size: 13px;
}

form label.checkBtn {
    margin-right: 0px;
}

.accordion input {
    margin-right: 3px;
}

.selectBox {
    margin: 50px auto 0;
    position: relative;
}

.selectBox select {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    height: 30px;
    padding-left: 10px;
    width: 100px;
}

.selectBox select::-ms-expand {
    display: none;
}

.selectBox::before {
    border-bottom: 4.5px solid #707070;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    position: absolute;
    right: 9px;
    top: 8px;
    width: 0;
    pointer-events: none;
}

.selectBox::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4.5px solid #707070;
    content: "";
    position: absolute;
    right: 9px;
    top: 17px;
    width: 0;
    pointer-events: none;
}

/*絞り込み検索*/
.STATION_BUTTON {
    width: 75vw;
    margin: 0 auto;
    text-align: center;
}

.NOTFOUND1_BUTTON_IMG {
    width: 30px;
    margin-right: 5px;
}

.accordion_bottom .btn--green, a.btn--green {
    display: flex;
    align-items: center;
}

/* 〜から探すフッター固定検索結果バー */
.KENSAKU {
    position: fixed;
    left:0;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    color: #fff;
    background: rgba(255, 255, 255, 0.7);
    text-align: center;
    line-height: 20px;
    z-index: 5;
}
/*.KENSAKU_PC{
    display:none;
}*/

/*PC・スマホ*/
.sp {
    display: none;
}


/*ページ下部固定　ボタン*/
.AC_BACK{background:#EAEFF5; width:95vw; margin: 0 auto; padding-bottom: 20px;max-width: 1080px; padding-top: 5px;}
.accordion {margin:20px auto 0 auto;position: relative;width: 95%;padding-bottom: 15px;}
.accordion-content {display: none;padding: 10px 5px;}
.accordion-content p {font-size: 13px;line-height: 1.5;}
.accordion-item .accordion-title {background-color: #fff;margin-bottom: 0;}
.accordion-item .accordion-content {background: white;width:100%; box-sizing:border-box; }
.accordion-title {position: relative;width: 150px; padding: 10px 10px 10px 0px; color:#0A3F67; letter-spacing: 0px; text-align:center; font-weight:bold;cursor: pointer;}
.accordion-title::after {border-right: solid 1.5px #707070;border-top: solid 1.5px #707070;content: "";display: block;height: 8px;position: absolute;right: 10px;top: 31%;transform: rotate(135deg);transition: transform .3s ease-in-out, top .3s ease-in-out;width: 8px;}
.accordion-title.open::after {top: 45%;transform: rotate(-45deg);}
.accordion-container{display: flex;flex-direction: row;justify-content: space-between;}
.bottom_search {color: #fff;background: #F65E39; border:2px solid #F65E39; font-size: 15px;border-radius: 10px;padding: 10px 40px; display: flex; align-items: center; font-weight:bold; box-sizing:border-box; transition: 0.3s; }
.bottom_search:hover { background: #fff;color: #F65E39; transition: 0.3s; }
.bottom_search i {margin:0 5px 0 0;}
.bottom_keep {color: #fff;background: #5A89B9; border:2px solid #5A89B9; font-size: 15px;border-radius: 10px;padding: 10px 40px; display: flex; align-items: center; font-weight:bold; box-sizing:border-box; transition: 0.3s; }
.bottom_keep:hover { background: #fff;color: #5A89B9; transition: 0.3s; }
.bottom_keep i {margin:0 5px 0 0;}
.fa-position-left {position: absolute;top: calc(50% - .5em);left: 1rem;}
.accordion_bottom{width:400px; display: flex;flex-direction: row;align-items: center;margin: 0 auto;justify-content: space-between;}
.bottom_number { font-weight:bold; color:#000;}
.bottom_number span{margin:0 5px; font-size: 30px;color: #F65E39;font-weight: bold;}
a.bottom_buttonA{background-color: #F65E39;}
a.bottom_buttonB{color: #F65E39;background: white;}
.accordion-content div{font-size: 14px;letter-spacing: 0px;}
.accordion-content div.selectBox{border: 1px solid #ccc;margin: 5px 0; font-size: 13px;}
form label.checkBtn{margin-right: 0px;}
.accordion input{margin-right: 3px;}
.selectBox {margin: 50px auto 0;position: relative;}
.selectBox select {-webkit-appearance: none;appearance: none;border-radius: 0;height: 30px;padding-left: 10px;width: 100px;}
.selectBox select::-ms-expand {display: none; }
.selectBox::before {border-bottom: 4.5px solid #707070;border-left: 4px solid transparent;border-right: 4px solid transparent;content: "";position: absolute;right: 9px;top: 8px;width: 0;pointer-events: none;}
.selectBox::after {border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4.5px solid #707070;content: "";position: absolute;right: 9px;top: 17px;width: 0;pointer-events: none;
}
.acd-label{display: none;}
.acd-check{display: none;}
.SP_TYTLE{display: none;}




@media screen and (max-width: 740px) {
    .cd-accordion__sub--buy {
        display: block;
    }

    .op_plus_buy {
        display: none;
    }

    .cd-accordion__label_buy {
        pointer-events: none;
    }

    .cd-accordion__item_buy_station span {
        color: white;
    }

    .cd-accordion__item_buy_station {
        background: #a1da6b
    }

    .cd-accordion__item_buy_station .menu_arrow-right {
        border-top: 2px solid white;
        border-right: 2px solid white;
    }/*タイトル*/
    .MAIN_TYTLE {
        width: 100vw;
    }

    .MAIN_TYTLE {
        font-size: 30px;
        letter-spacing: 3px;
    }

    .IMG1 {
        width: 50px;
        left: 40px;
    }

    .IMG2 {
        width: 85px;
        right: 10px;
        top: 16px;
    }/*駅*/
    .PRE {
        width: 95vw;
        margin-top: 30px;
    }

    .top_contents {
        width: 100%;
        margin: 0 auto;
    }

    .school_wrap {
        width: 100%;
        flex-direction: column;
    }

    .school_left {
        width: 90%;
        padding: 10px 5%;
        text-align: left;
    }

    .school_right {
        width: 95vw;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .school_list {
        padding: 15px 5%;
        width: 85%;
        margin: 0;
        border-bottom: 1px solid #ccc;
        display: flex;
        align-items: center;
    }

    .school_list a {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 85vw;
    }

    .btn--white, a.btn--white {
        padding: 13px 73px;
    }

    .school_arrow {
        display: block;
        width: 8px;
        height: 8px;
        border-top: solid 2px #707070;
        border-right: solid 2px #707070;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        align-items: center;
        margin-right: 10px;
    }

    .school_list input {
        margin-right: 4%;
        transform: scale(1.8);
    }
    .school_left input {
        margin-right: 4%;
        transform: scale(1.6);
    }

    /*アコーディオン*/
    .AC_BACK {
        width: 100vw;
        padding-top: 0px;
    }

    .accordion-container {
        flex-wrap: wrap;
        justify-content: initial;
    }

    .accordion-item .accordion-title {
        width: 42vw;
    }

    .accordion_bottom {
        flex-direction: column;
        width: 85vw;
    }

    .accordion-item .accordion-content {
        width: 42vw;
        padding: 0px;
        padding-left: 10px;
        padding-top: 2px;
    }

    .btn--green, a.btn--green {
        padding: 13px 50px;
        margin-top: 10px;
        width: 75vw;
        margin-bottom: 15px;
        justify-content: center;
    }

    .accordion-item {
        margin: 2vw 1vw;
    }

    .accordion {
        width: 95%;
        margin-top: 0px;
    }

    .SEARCH_TYTLE {
        width: 95vw;
    }/*PC・スマホ*/
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    /*ページ下部固定　ボタン*/
    .AC_BACK {width: 95vw;background: none;margin-top: 0;padding-top: 0;border: 1px solid #eee;}
    .accordion-container{flex-wrap: wrap;justify-content: initial;}
    .accordion-item .accordion-title{ background: none; margin:0 auto; width:90%; border-bottom:1px solid #999; padding: 10px 0; pointer-events: none; text-align:left; }
    .accordion_bottom {margin-top: 0px;width:100%; display: flex;flex-direction: column;align-items: center;justify-content: center; }
    .bottom_number { color:#fff; }
    .accordion-item .accordion-content {width: 42vw;padding: 0px;padding-left: 10px;padding-top: 2px;}
    .accordion-item{ width:100%; margin: 0;background: white;}
    .accordion{width: 100%;padding-top: 0px;margin-top: 0px;}
    .accordion-title.open::after {display: none;}
    .accordion-title::after {display: none;}
    .accordion-item .accordion-content {flex-direction:row; justify-content:space-between; display: flex;flex-wrap: wrap;background: none;margin:0 auto; padding: 10px 0;width: 90%; }
    .accordion-content div{width: 47.5%;}
    .accordion-item h3{font-size: 15px;font-weight: bold;color: #F65E39;}
    .selectBox select{font-size: 15px;height: 40px;}
    form label.checkBtn {margin-right: 0px;font-size: 15px;}
    .bottom_number{margin-right: 20px; color:#000; }
    .acd-check{display: none;}
    .acd-label{width: 100%; color: #fff;display:flex; justify-content:space-between; margin: 0 auto; padding:5px 30px 5px 0; text-align:left; position: relative; box-sizing:border-box; font-weight: bold; }
    .acd-content{ width:100%; height: 0;opacity: 0; transition: .5s;visibility: hidden;}
    .acd-check:checked + .acd-label + .acd-content{height: auto;opacity: 1;padding: 0px;visibility: visible;}
    .acd-label:after{box-sizing: border-box;content: '\f067';display: block;font-family: "Font Awesome 5 Free";padding:5px 0 0 10px;position: absolute;right: 0;top: 0px;}
    .acd-label span { font-weight:normal; }
    .acd-label strong { font-size: 16px; }
    .acd-check:checked + .acd-label:after{content: '\f068';}
    .acd-check:checked + .acd-label + .acd-content{opacity: 1; visibility: visible;}
    .SP_TYTLE{display: block;font-size: 17px;margin-bottom: 10px;font-weight: bold;text-align: left;margin-top: 25px;text-align: center;}
    .accordion_bottom button{padding: 10px 45px;margin-top: 0px;width: 80vw;justify-content: center;margin-bottom: 10px;margin-top: 20px;}
    .accordion_bottom button.MODAL_OPEN { margin-top:0; margin-bottom:20px; }
    .JOKEN_BACK{width: 95vw;}
}



@media screen and (max-width: 320px) {
    .btn--green, a.btn--green {
        padding: 11px 35px;
    }
}