@charset "utf-8";
/* *_data.jsp */

/* TABLE */
.KS32_table , .KS32T_guide , .KS32_table , .KS32T_thead , .KS32T_tbody , .KS32T_group { width:100% ; box-sizing:border-box }
.KS32T_guide {  
    font-size:1.4rem ; line-height:2rem ; color:rgba(0,0,0,0.6) ;
    margin-bottom:1.5rem ; word-break:keep-all 
} 
.KS32_table br { display:none }
.KS32_table .col0 , .KS32_table .col1 , .KS32_table .col2 , .KS32_table .col3 { word-break:keep-all }
 
.KS32_table , .KS32T_tbody , .KS32T_group { display:block ; overflow:hidden  }
.KS32T_thead  { display:none }

.KS32T_group { border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.4rem ; padding:1rem 0 ; margin-bottom:0.7rem  }
.KS32T_group:hover { border-color:rgba(0,0,0,0.3) ; background-color:rgba(0,0,0,0.03) }
.KS32T_book , .KS32T_col { width:100% ; box-sizing:border-box ; display:block ; overflow:hidden ; padding:0 1.5rem }
 
.KS32T_book { 
    font-size:1.6rem ; line-height:2.4rem ; font-weight:400 ; 
    padding-bottom:1rem ; margin-bottom:1rem ; border-bottom:solid 1px rgba(0,0,0,0.1) }
.KS32T_tag {
    display:inline-block ; position:relative ;
    font-size:1.2rem ; line-height:2.4rem ; padding:0 1rem 0.2rem 0 ; margin-right:0.5rem ; 
}
.KS32T_tag::after {
    display:block ; content:"" ; width:0.1rem ; height:1rem ; background-color:#000000 ; opacity:0.1 ;
    position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) 
}
.KS32T_no , .KS32T_title { display:inline-block ; margin-bottom:0.7rem ; }
.KS32T_no { 
    padding:0 1rem 0.2rem 1rem ; margin-right:0.7rem ; background-color:#012b66 ; border-radius:0.4rem ; 
    font-size:1.2rem ; line-height:2.2rem ; color:#ffffff ; font-weight:400 }
.KS32T_title , .KS32T_no , .KS32T_group { transition:0.3s all }
.KS32T_title { font-size:2rem ; line-height:3rem ; font-weight:500 ; letter-spacing:-0.1rem }
.KS32T_title:hover { color:#5ea129 }
.KS32T_write { width:100% ; display:block ; font-size:1.6rem ; line-height:2.4rem }

.KS32T_col:hover .KS32T_no { background-color:#5ea129 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) }

.KS32T_col { border-bottom:dashed 1px rgba(0,0,0,0.1) ; padding-bottom:1rem ; margin-bottom:1rem }
.KS32T_col:last-of-type { border-bottom:none ; padding-bottom:0 ; margin-bottom:0  }



/* INFOR */
.KS32_info , .KS32_info_txt , .KS32_info_box  { width:100% ; box-sizing:border-box }
.KS32_info { padding-top:4rem }
.KS32_info br { display:none }
.KS32_info_txt , .KS32_info_box  { font-size:1.4rem ; line-height:2.4rem ; text-align:center ; word-break:keep-all }
.KS32_info_txt { margin-bottom:1.5rem }
.KS32_info_box { border:solid 1px rgba(0,0,0,0.1) ; background-color:rgba(0,0,0,0.03) ; padding:1.5rem ; margin-bottom:3rem ; border-radius:0.4rem }

.KS32_link_copy , .KS32_link_copy > span { transition:0.3s all }
.KS32_link_copy {
    width:22rem ; display:block ; overflow:hidden ; border:solid 0.1rem rgba(0,0,0,0.1) ;
    padding:1rem 0.5rem ; box-sizing:border-box ; text-align:center ; background-color:#ffffff ;
    margin:auto ; border-radius:0.4rem ; box-shadow:0 0.1rem 0.2rem rgba(0,0,0,0.1) ;
}
.KS32_link_copy > span {
    display:inline-block ; padding-bottom:0.2rem ;
    font-size:1.4rem ; line-height:3rem ; font-weight:500 ;
}

.KS32_link_copy:hover , .KS32_link_copy:focus { background-color:#7ac142 ; box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.3) ; }
.KS32_link_copy:hover > span , .KS32_link_copy:focus > span  { 
    color:#ffffff ; padding-left:3.5rem ;
    background:url(../img/icon_print_w.png) no-repeat left center ; background-size:3rem auto ;
}

 


/* PC **********/
@media all and (min-width:1100px){
  
    /* TABLE */
    .KS32_table { max-width:110rem ; margin:auto ; display:block ; overflow:hidden }
    .KS32_table br { display:block }

    .KS32_table .col0 , .KS32_table .col1 , .KS32_table .col2 , .KS32_table .col3 { vertical-align:middle ; box-sizing:border-box }

    .KS32_table .col0 { width:5rem }
    .KS32_table .col1 { width:50rem }
    .KS32_table .col2 { width:32rem }
    .KS32_table .col3 { width:23rem }

    .KS32T_thead  { 
        display:block ; overflow:hidden ; position:relative ; padding:1rem 0 ; 
        border-bottom:solid 0.2rem #5ea129 ; border-top:solid 1px rgba(0,0,0,0.1) ;  }
    .KS32T_thead > span { 
        display:block ; float:left ; position:relative ; box-sizing:border-box ;
        font-size:1.4rem ; line-height:1.8rem ; padding-bottom:0.2rem ; text-align:center ; 
    }
    .KS32T_thead > span.col3 , .KS32T_thead > span::after { position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) }
    .KS32T_thead > span.col3 { float:none }
    .KS32T_thead > span::after {
        display:block ; content:"" ; width:0.1rem ; height:1rem ;
        background-color:#000000 ; opacity:0.1 ; 
    }
    .KS32T_thead > span.col3::after { display:none }
  
    .KS32T_group , .KS32T_tag , .KS32T_book , .KS32T_no , 
    .KS32T_title , .KS32T_write , .KS32T_col { border:none ; padding:0 ; margin:0 ; border-radius:0 ; background:none }
    .KS32T_group , .KS32T_col { position:relative}
    .KS32T_tag { position:absolute ; left:0 ; top:0 ; width:0 ; height:0 ; font-size:0 ; color:transparent ; overflow:hidden }
    .KS32T_tag::after { display:none } 
    .KS32T_book , .KS32T_no , .KS32T_write { font-size:1.6rem ; line-height:2.4rem ; font-weight:300 ; color:#595959 ; text-align:center } 
    .KS32T_book { position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ; padding:0 1.5rem }  
    .KS32T_col , .KS32T_col:last-of-type { border-bottom:solid 1px rgba(0,0,0,0.1) ; padding:0.5rem 0 }
    .KS32T_col { display:flex ; vertical-align:middle ; width:87rem }
    .KS32T_col:last-of-type { width:100% ; padding-right:23rem }
     
    .KS32T_title { 
        padding:1.2rem 2rem 1.4rem 4rem ;
        background:url(../img/icon_more.png) no-repeat 1.5rem 1.8rem ; background-size:1.8rem auto ;
    } 
    .KS32T_title:hover { background-size:2.2rem auto ; background-position:1.3rem 1.6rem }
    .KS32T_no { padding-top:1.4rem }
    .KS32T_write { 
        position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
        padding:0 1rem ;
    }
    .KS32T_col:last-of-type .KS32T_write { right:23rem }

    .KS32T_col::before , .KS32T_col::after , .KS32T_group::after {
        display:block ; overflow:hidden ; content:"" ; 
        width:1px ; height:100% ; background-color:#000000 ; opacity:0.1 ;
        position:absolute ; top:0
    }
    .KS32T_col::before  { left:5rem }
    .KS32T_col::after   { left:55rem } 
    .KS32T_group::after { right:23rem }

    .KS32T_col:hover .KS32T_no { background:none ; text-shadow:none }

    .list8 .KS32T_title { min-height:8.6rem }

    


    /* INFOR */
    .KS32_info { max-width:110rem ; margin:auto } 
    .KS32_info br { display:block }

}