table.kyoushitsubetsu_timetable {
  width: 1200px;
  border-spacing: 0;
}
table.kyoushitsubetsu_timetable tr td:first-child {
width: 15%;
 font-weight: bold;
}
table.kyoushitsubetsu_timetable td:nth-child(2) {
width: 8%;
}
table.kyoushitsubetsu_timetable th {
  color: #fff;
  font-weight: bold;
  padding: 8px 0px;
  background: #172a88;
  border:1px solid #fff;
  text-align: center;
}
table.kyoushitsubetsu_timetable tr td {
padding: 8px 0px;
  border: 1px solid #fff;
  text-align: center;
 vertical-align: middle;
}

table.kyoushitsubetsu_timetable tr.sho:nth-child(odd) {
  background-color: #267d54;
 color: #fff;
}
table.kyoushitsubetsu_timetable tr.sho:nth-child(even) {
  background-color: #b0d15d;
}

.sho tr:nth-child(odd) {
  background-color: #b7e4fd;
 color: #000;
}
.sho tr:nth-child(even) {
  background-color: #036eb8;
 color: #fff;
}

.chu tr:nth-child(odd) {
  background-color: #b7e4fd;
 color: #000;
}
.chu tr:nth-child(even) {
  background-color: #036eb8;
 color: #fff;
}

.kobetsu tr:nth-child(odd) {
  background-color: #1a7849;
 color: #fff;
}
.kobetsu tr:nth-child(even) {
  background-color: #b0d15d;
 color: #000;
}

tr.ju_shu1 {
  background-color: #036eb8;
 color: #fff;
}
tr.ju_shu2 {
  background-color: #b7e4fd;
 color: #000;
}
tr.ju_ko {
  background-color: #1a7849;
 color: #fff;
}


/*table.kyoushitsubetsu_timetable tr {
  background: #000;
}*/
/*table.kyoushitsubetsu_timetable tr:nth-child(2n+1) {
  background: #f1f6fc;
}*/


.me {
 background: #fef7f2;
 }
.pz {
 background: #f4e895;
 }
.yj {
 background: #f1f6fc;
 }
.lp {
 background: #f49595;
 }
.sl {
 background: #b8ffaf;
 }
.tp {
 background: #ffcefc;
 }
 
.txt_position {
 text-align: center;
 margin: 50px 0px 100px;
 }
 
.txt_size {
 font-size: 1.2em;
 }

.kotei{
  position: sticky;
  left: 0;
  border-collapse: separate;
}
 
.scroll{
  overflow: auto;
}


.fb {
 font-weight: bold; 
 }

.button {
  display: table;
  width: 100%;
  max-width: 400px;
  background: #ff6600;
  border: 1px solid #ff6600;
  color: #FFF;
  padding: 20px 80px;
  text-align: center;
  border-radius: 45px;
  margin: 60px auto;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-decoration: none;
}
.button:hover {
  background: #FFF;
  color: #ff6600;
}

@media screen and (max-width: 767px) {

.txt_position {
 text-align: left;
 margin: 10px 0px;
 }
 
.txt_size {
 font-size: 1.0em;
 }
 
.kotei{
  width: 120px;
}
 
table.kyoushitsubetsu_timetable tr td {
 font-size: 0.8em
}
}
