/*********種類を選ぶ*********/
.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
#toggle_menu {
    display: none;
  }

.w3-radio:checked + .w3-radio-label{
    color: #5b9bd5;
}

.checkbox div {
    padding       : 8px;
    text-align    : left;
    display       : table-cell;
    vertical-align: middle
}

.checkbox label {
    display: table-row;
}

.checkbox span {
    display: table-cell;
}

.checkbox-input{
    display: none;
}

.checkbox-parts{
    padding-left: 24px;
    position:relative;
    margin-right: 24px;
}

.checkbox-parts::before{
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 19px;
    height: 19px;
    border: 2px solid #999;
    border-radius: 4px;
    background-color: #FFF;
}

.checkbox-input:checked + .checkbox-parts{
    color: #5b9bd5;
}

.checkbox-input:checked + .checkbox-parts::after{
    content: "";
    display: block;
    position: absolute;
    top:  4px;
    left: 6px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #5b9bd5;
    border-right: 3px solid #5b9bd5;
}

.facility-type-title label {
    float  : left;
}

.facility-type-title:after {
    content: "";
    display: table;
    clear  : both;
}

.facility-type {
    width      : 100%;
    align-items: center;
    position   : relative;
}

.facility-type:before {
    content         : '';
    position        : absolute;
    top             : 5%;
    left            : 48%;
    display         : inline-block;
    width           : 1px;
    height          : 90%;
    background-color: #ccc;
}

.before-school {
    width  : 50%;
    vertical-align: middle
}

.before-school div:first-child {
    padding-left: 16px;
}

.three-year {
    width   : 50%;
}

.older-three-year {
    border-top: 1px solid #ccc;
}

/*********モーダル*********/
.modal {
    display         : none;
    position        : fixed;
    top             : 0;
    left            : 0;
    z-index         : 3;
    width           : 100%;
    height          : 100%;
    padding         : 15% 0;
    background-color: rgba(0,0,0,0.8);;
}

.modal-content {
    width           : 90%;
    max-width       : 450px;
    max-height      : 650px;
    margin          : auto;
    background-color: #fff;
    position        : relative;
    padding         : 0;
    outline         : 0;
}

.modal-content table td:hover {
	background-color: #DAE3F3;
}

.modal-table {
    width         : 100%;
    max-height    : 400px;
    overflow      : auto;
    -ms-overflow-x: hidden;
    position      : relative;
}

.template-info {
    display : none;
}

.modal-close {
    text-decoration: none;
    float          : right;
    font-size      : 24px;
    font-weight    : bold;
    color          : inherit;
    cursor         : pointer;
}

.checkbox-input:disabled  + .checkbox-parts::before{
    background-color: #DDDDDD;
}

/************* pad用  *************/
@media (max-width: 850px) {
    
    /********* 種類を選ぶ *********/    
      .before-school div,
      .under-three-year div,
      .older-three-year div {
        display: block;
    }

    .before-school div:first-child {
        padding-left: 8px;
    }
    
    .facility-type:before {
        left: 48%;
    }

    .hide_br {
        display: block !important;
   }

    .Search_btn{
        width: 80% !important;
    }

    #downloadCsv{
        width: 100% !important;
    }

   #Search_btn_place, #Search_detail_place{
        width:90% !important;
    }

    #Search_label_place {
        width:80% !important;
    }
}

/************* スマホ用  *************/
@media (max-width: 600px) {

    /********* 種類を選ぶ*********/
    .supply-auth td {
      display: block;
    }
    
    .supply-auth td:first-child {
      padding-left: 8px;
    }
    
    .facility-type,
      .facility-type div {
        display: block;
    }
    
    .facility-type:before {
        width : 0;
        height: 0;
    }

    .before-school,
      .three-year {
        width: 100% 
    }
    
    .under-three-year:before {
        content         : '';
        position        : absolute;
        left            : 2%;
        display         : inline-block;
        width           : 96%;
        height          : 1px;
        background-color: #ccc;
    }
    
    .older-three-year {
        border: none;
    }

    .older-three-year:before {
        content         : '';
        position        : absolute;
        left            : 2%;
        display         : inline-block;
        width           : 96%;
        height          : 1px;
        background-color: #ccc;
    }

    .jump_search {
         display: block !important;
    }

    .button_div {
         margin:0 !important;
    }

    #myHeader_right {
        display: none !important;
    }
    
    #myHeader_left {
        display: none !important;
    }

    #menu_sidenav_hidden {
        display: block !important;
        float: left;
    }

    #header_wrap {
        height:90px !important;
    }

    .top_header {
        height:90px !important;
    }

    .logo_link {
        height:35px !important;
    }
    /*********モーダル*********/
    .modal-content {
        max-height: 500px;
    }
    .modal-table {
        max-height: 200px;
    }
}

.forread {
    display: block;
    position: absolute;
    top: -9999px;
    left: -9999px;
}