@charset "utf-8";
/* CSS Document */

#language,
#btn_back,
#footer,
#pagetop_btn,
.jq-toast-wrap{
    display: none;
}

#logo{
    text-align: center;
}
#logo dt{
    font-size: 1.4rem !important;
}
#logo dd{
    width: 200px;
    margin: 10px auto 0 auto;
}

#second_contents{
    background: none !important;
    padding: 30px 0 !important;
}
#pagetitle{
    background: #8fc31f !important;
    font-size: 2.4rem !important;
}
.second_frame{
    font-size: 1.4rem;
}

/* トップページ
--------------------------------- */
#top_contents{
    margin-top: 40px;
    font-size: 1.4rem !important;
}
#top_contents #search{
    background: #fff !important;;
    padding: 0 !important;
}
#top_contents #search h1{
    color: #8fc31f !important;
    font-size: 2.2rem !important;
}
#top_contents #search_condition{
    margin-top: 60px;
    border: solid 4px #8fc31f;
    padding: 0 20px 20px 20px !important;
}
#top_contents #search h2,
#top_contents #search_btn li a{
    font-size: 2rem !important;
    padding-top: 45px !important;
}
#top_contents #btn_search_icon button,
#top_contents #search_btn li a:before{
    border: solid 6px #fff !important;
    width: 60px !important;
    height: 60px !important;
    font-size: 3rem !important;
    line-height: 60px !important;
    top: -33px !important;
    margin-left: -30px !important;
}
#top_contents #search_select{
    display: flex;
    justify-content: space-between;
}
#top_contents #search_select div{
    width: calc((100% - 60px) / 3);
}
#top_contents #search_select div:nth-child(2){
    margin: 0 30px;
}
#top_contents #search_select div:before,
#top_contents #search_select div:after{
    font-size: 3.6rem !important;
}
#top_contents #search_select div:after{
    font-size: 2.6rem !important;
}
#top_contents #search_select select{
    width: calc(100% - 50px) !important;
    margin-left: 50px !important;
}
#top_contents #btn_search_condition button{
    font-size: 1.8rem !important;
    padding: 10px 0 !important;
}

#top_contents #search_btn{
    display: flex;
    margin-top: 30px;
}
#top_contents #search_btn li{
    width: calc((100% - 60px) / 3);
    border: solid 4px #8fc31f;
}
#top_contents #search_btn li:nth-child(n+2){
    margin-left: 30px;
}
#top_contents #search_btn li a{
    padding: 45px 20px 20px 20px;
}

#top_contents #menu{
    padding: 60px 0 !important;
    background: none !important;
}
#top_contents #menu ul{
    display: flex;
}
#top_contents #menu li{
    width: calc((100% - 80px) / 2);
    position: relative;
    text-align: center;
}
#top_contents #menu li:first-child{
    margin-right: 80px;
}
#top_contents #menu .pc_only{
    display: none;
}
#top_contents #menu li dd{
    font-size: 1.8rem !important;
    padding: 10px 15px !important;
}

#top_contents #news{
    padding: 0 !important;
    background: none !important;
    page-break-before: always;
}
#top_contents #news h1{
    font-size: 2.2rem !important;
    padding-top: 70px !important;
}
#top_contents #news h1::before{
    margin-left: -30px !important;
    width: 60px !important;
    height: 60px !important;
    font-size: 3rem !important;
    line-height: 60px !important;
}
#top_contents #news ul > li:nth-child(n+2){
    margin-top: 15px;
    padding-top: 15px;
    border-top: dotted 1px #bbb;
}
#top_contents #news ul > li dt{
    padding: 0;
    display: block;
}
#top_contents #news ul > li dt span{
    display: block;
}
#top_contents #news ul > li dt:after{
    display: none;
}
#top_contents #news ul > li dd{
    display: block !important;
    padding: 0;
    margin-top: 15px;
}
#top_contents #news p{
    display: none;
}


/* 教室情報
--------------------------------- */
#class_exp{
    margin-top: 30px;
}
#class_icon dd p {
    max-width: 300px !important;
    margin-bottom: 20px !important;
}
#class_icon dd p span {
    top: -10px !important;
    left: -10px !important;
}
#class_icon dd ul {
    display: flex !important;
    justify-content: center !important;
}
#class_icon dd li{
    font-size: 1.2rem !important;
}
#class_icon dd li:nth-child(2){
    margin: 0 20px !important;
}
#class_icon dd li img{
    width: auto !important;
    height: 20px !important;
    vertical-align: middle !important;
    margin-right: 10px;
}

#class{
    margin-top: 40px !important;
}
#class_title{
    padding-bottom: 5px !important;
}
#class .class_name{
    font-size: 2rem !important;
}
#class .class_icons img{
    width: auto !important;
    height: 20px !important;
}
#class .class_type,
.class_outline p{
    font-size: 1.4rem !important;
    line-height: 24px !important;
    height: 24px !important;
}

#class_detail{
    font-size: 1.4rem !important;
}
#class_detail td dt{
    float: left !important;
    clear: left !important;
}
#class_detail td dt:before{
    content: '【' !important;
}
#class_detail td dt:after{
    content: '】' !important;
}
#class_detail tr{
    break-inside: avoid !important;
}

/* リスト
--------------------------------- */
#list,
#search_results{
    margin-top: 30px;
}
#search_results{
    display: flex;
    padding: 15px;
}
.btn_detail,
.paging{
    display: none;
}
.class_header,
#class_list tr{
    break-inside: avoid !important;
}
.class_header{
    border-top: solid 1px #bbb !important;
    border-bottom: none !important;
}

/* 地図
--------------------------------- */
#map,
#current{
    margin-top: 30px;
}
#map_link .sp_only{
    display: none;
}
#map_link li:nth-child(1){
    top: 45%;
    left: 42%;
}
#map_link li:nth-child(2){
    top: 60%;
    left: 58%;
}
#map_link li:nth-child(3){
    top: 15%;
    left: 46%;
}
#map_link li:nth-child(4){
    top: 72%;
    left: 25%;
}
#map_link,
#nagoya{
    break-inside: avoid !important;
}


/* 静的ページ
--------------------------------- */
#study,
#know,
#policy{
    margin-top: 30px;
}
.study_box:nth-child(n+2){
    page-break-before: always;
}
#know .sp_only{
    display: none;
}
#know_map tr,
#know_map iframe{
    break-inside: avoid !important;
}

/* お知らせ
--------------------------------- */
#news_list > li{
    break-inside: avoid !important;
}
#news_list > li:nth-child(n+2){
    margin-top: 15px;
    padding-top: 15px;
    border-top: dotted 1px #bbb;
}
#news_list > li dt{
    padding: 0;
    display: block;
}
#news_list > li dt span{
    display: block;
}
#news_list > li dt:after{
    display: none;
}
#news_list > li dd{
    display: block !important;
    padding: 0;
    margin-top: 15px;
}