@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);


section table {width: 100%;font-size: 15px;}
section th, section td  {padding: 10px;border: 1px solid #666;}
section th  { background: #ddd; }
.w01{width: 10em;}
.w02{width: 5em;}
.w03{width: 6em;}
.w04{width: 5em}
.w05{width: 2em}
.w06{width: 2em}
.w07{width: 2em}
.w08{width: 15em;}

table tr:nth-child(even) td {
	background: #eee;
} 
/*----------------------------------------------------
  .actual
----------------------------------------------------*/
.actual th  {/* width: 0; */}
.actual td  {text-align: center;}
.actual td:first-child  { text-align: center; }

.r1 {
    width: 5em;
}

.r2 {
    width: 25em;
}

.r3 {
    width: 25em;
}

.r4 {
    width: 8em;
}


@media only screen and (max-width: 800px) { 
  .actual {
    display: block;
    width: 96%;
    margin: 0 2%;
  }
  .actual thead{ 
    display: block; 
    float: left;
    overflow-x:scroll;
  }
  .actual tbody{ 
    display: block; 
    width: auto; 
    overflow-x: auto; 
    white-space: nowrap;
  }
  .actual th{ 
    display: block;
    width:auto;
  }
  .actual tbody tr{ 
    display: inline-block; 
    margin: 0 0 0 0.5%;
  }
  .actual td{ 
    display: block;
  }
  
  
.r1 {
    width: 100%;
}

.r2 {
   width: 100%;
}

.r3 {
   width: 100%;
}

.r4 {
   width: 100%;
}



  
  
}