@charset 'UTF-8';

/*テーブルＳＰ変形時の見出しカラーを薄く（項目列なし）*/
/*lightpurple*/  
  .kn-tbl.-transform.-b.-lightpurple>tbody>tr>th {
    color: #000000;
    background-color: #f3f6ff;
  }
  
  .kn-tbl.-transform.-b.-lightpurple>thead>tr>th,.kn-tbl.-transform.-b.-lightpurple>tbody>tr>th,.kn-tbl.-transform.-b.-lightpurple>tbody>tr>td {
    border: 1px solid #3965d1;
  }


/*lightbluegreen*/  
  .kn-tbl.-transform.-b.-lightbluegreen>tbody>tr>th {
    color: #000000;
    background-color: #e9f7fa;
  }
  
  .kn-tbl.-transform.-b.-lightbluegreen>thead>tr>th,.kn-tbl.-transform.-b.-lightbluegreen>tbody>tr>th,.kn-tbl.-transform.-b.-lightbluegreen>tbody>tr>td {
    border: 1px solid #118197;
 }

/*lightgreen*/    
   .kn-tbl.-transform.-b.-lightgreen>tbody>tr>th {
     color: #000000;
     background-color: #f5ffeb;
  }

  .kn-tbl.-transform.-b.-lightgreen>thead>tr>th,.kn-tbl.-transform.-b.-lightgreen>tbody>tr>th,.kn-tbl.-transform.-b.-lightgreen>tbody>tr>td {
    border: 1px solid #478311;
  }
  
 /*lightpink*/   
  .kn-tbl.-transform.-b.-lightpink>tbody>tr>th {
    color: #000000;
    background-color: #fff3f5;
  }
  
  .kn-tbl.-transform.-b.-lightpink>thead>tr>th,.kn-tbl.-transform.-b.-lightpink>tbody>tr>th,.kn-tbl.-transform.-b.-lightpink>tbody>tr>td {
    border: 1px solid #d3404f;
  }  
 
/*lightorange*/    
  .kn-tbl.-transform.-b.-lightorange>tbody>tr>th {
    color: #000000;
    background-color: #fff1e8;
  }
  
  .kn-tbl.-transform.-b.-lightorange>thead>tr>th,.kn-tbl.-transform.-b.-lightorange>tbody>tr>th,.kn-tbl.-transform.-b.-lightorange>tbody>tr>td {
    border: 1px solid #d64900;
  }  
  
  
@media screen and (max-width:767px){       
  
  .kn-tbl.-transform.-b.-lightpurple>tbody>tr>td,.kn-tbl.-transform.-b.-lightbluegreen>tbody>tr>td,.kn-tbl.-transform.-b.-lightgreen>tbody>tr>td,.kn-tbl.-transform.-b.-lightpink>tbody>tr>td, .kn-tbl.-transform.-b.-lightorange>tbody>tr>td {
    border-width:0 1px 0 1px;
  }  

  .kn-tbl.-transform.-b.-lightpurple {
    display: block;
    border-bottom: 1px solid #3965d1;
  }

  .kn-tbl.-transform.-b.-lightbluegreen {
    display: block;
    border-bottom: 1px solid #118197;
  }

  .kn-tbl.-transform.-b.-lightgreen {
    display: block;
    border-bottom: 1px solid #478311;
  }

  .kn-tbl.-transform.-b.-lightpink {
    display: block;
    border-bottom: 1px solid #d3404f;
  }

  .kn-tbl.-transform.-b.-lightorange {
    display: block;
    border-bottom: 1px solid #d64900;
  }    
 }