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


/* TABLE */
.KS13_table , .KS13_table > table { width:100%}
.KS13_table { box-sizing:border-box ; position:relative }  
.KS13_table > table { border-top:solid 0.2rem #5ea129 ; border-spacing:0 ; border-collapse:collapse }
.KS13_table thead { display:none }
.KS13_table tr { 
    display:block ;
    padding:1.5rem 0.5rem ; border-bottom:solid 0.1rem rgba(0,0,0,0.1) ;
}
.KS13_table td { display:inline-block }
.KS13_table td.col1 {
    font-size:1.2rem ; line-height:1.6rem ; font-weight:400 ; color:rgba(0,0,0,0.7) ;
    padding:0.3rem 1.2rem 0.5rem ; overflow:hidden ; border-radius:2rem ; box-sizing:border-box ; margin-right:0.5rem ;
    background-color:#ffffff ; border:solid 1px rgba(0,0,0,0.1)
}
.KS13_table td.col1 , .KS13_table td.col2  { margin-bottom:0.5rem }
.KS13_table td.col2 > a , .KS13_table td.col2 > b { font-size:2rem ; line-height:2.8rem ; padding-bottom:0.2rem ; font-weight:500 ; letter-spacing:-0.1rem }
.KS13_table td.col3 , .KS13_table td.col4 { 
    display:block ; font-size:1.6rem ; line-height:2.2rem ; color:rgba(0,0,0,0.6) ;
    border-top:dashed 0.1rem rgba(0,0,0,0.1) ; padding-top:0.7rem ; margin-top:0.7rem ;
}
.KS13_table td.col3 > span , .KS13_table td.col4 > span { font-size:inherit ; line-height:inherit ; color:inherit ; font-weight:inherit }
.KS13_table td.col2 > a , .KS13_table td.col2 > b , .KS13_table td.col3 > span , .KS13_table td.col4 > span { word-break:keep-all }

.KS13_table tr , .KS13_table td , .KS13_table td a { transition:0.3s all }
.KS13_table tr:hover { border-bottom:solid 0.1rem rgba(0,0,0,0.4) ;}
.KS13_table tr:hover td.col1 { background-color:#5ea129 ; border-color:transparent ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;}
.KS13_table tr:hover td.col2 > a { color:#5ea129 }
.KS13_table tr:hover td.col3 , .KS13_table tr:hover td.col4 { color:#111111 }

.KS13_table_guide { 
    font-size:1.4rem ; line-height:2rem ; color:rgba(0,0,0,0.6) ;
    margin-bottom:1.5rem ; word-break:keep-all ;
}
 




/* PC **********/
@media all and (min-width:1100px){
 
   /* TABLE */
   .KS13_table { max-width:110rem ; margin:auto }
   .KS13_table > table { border-top:solid 1px rgba(0,0,0,0.1)}
   .KS13_table thead { display:table-header-group }
   .KS13_table tr { display:table-row }
   .KS13_table td , .KS13_table td.col3, .KS13_table td.col4 { display:table-cell }
   .KS13_table tr , .KS13_table td ,
   .KS13_table td.col1 , .KS13_table td.col2 , .KS13_table td.col3 , .KS13_table td.col4 { 
        padding:0 ; margin:0 ; border:none ; border-radius:0 ; background:none }
    .KS13_table tr , .KS13_table td { vertical-align:middle }
    .KS13_table td.col1 , .KS13_table td.col2 , .KS13_table td.col3 { border-right:solid 1px rgba(0,0,0,0.1) }
    .KS13_table td.col1 , .KS13_table td.col2 , .KS13_table td.col3 , .KS13_table td.col4 { 
        font-size:1.6rem ; line-height:2.4rem ; font-weight:300 ;
        padding:1.5rem 0.5rem ;
    }
    .KS13_table tbody tr { border-bottom:solid 1px rgba(0,0,0,0.1) }
 
   .KS13_table thead th , .KS13_table tbody td { padding:0.7rem 0.3rem ; text-align:center }
   .KS13_table thead th { 
        font-size:1.4rem ; line-height:1.8rem ; position:relative ;
        border-bottom:solid 0.2rem #5ea129 ; padding:1rem 0.3rem 1.2rem }
    .KS13_table thead th::after { 
        display:block ; content:"" ; width:0.1rem ; height:1rem ;
        background-color:#000000 ; opacity:0.1 ;
        position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
    }
    .KS13_table thead th:last-child:after  { display:none }
 
    .KS13_table tr:hover , .KS13_table tr:hover td.col1 , .KS13_table tr:hover td.col2 > a ,
    .KS13_table tr:hover td.col3 , .KS13_table tr:hover td.col4 { background:none ; color:#111111 ; text-shadow:none }
    .KS13_table tr:hover td.col1 , .KS13_table tr:hover td.col2 { border-color:rgba(0,0,0,0.1) }
    .KS13_table tr td.col3 > span , .KS13_table tr td.col4 > span { 
        position:absolute ; font-size:0 ; color:transparent ;
        display:block ; overflow:hidden ; width:0 ; height:0
    }

    .KS13_table td.col2 { padding-left:1.5rem }
    .KS13_table td.col2 > a , .KS13_table td.col2 > b { display:block ; text-align:left } 
    .KS13_table td.col2 > a , .KS13_table td.col2 > b , .KS13_table tr:hover td.col2 > a  { 
        padding-left:2.6rem ; background:url(../img/icon_more.png) no-repeat 0 0.3rem ; background-size:1.8rem auto ;}
    .KS13_table tr:hover td.col2 > a { background-size:2.2rem auto ; color:#5ea129}


    .col1 { width:4rem }
    .col3 { width:17rem }
    .col4 { width:12rem }
 
}