@charset "UTF-8";

/*========================
1017 タイムテーブル
========================*/

table.pc{display:block;}

table {
  width: 100%;
  margin: auto;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: center;
  font-weight: bold;
}
table tr {
  width: 100%;
}

.pc{margin:0 0 40px ;}

th.w10,
td.w10
{width: 10%; color: #FFF; background-color: #000; text-align: center;}

td a{display: block; text-decoration: none; background: #FFF; color: #00a0e9; border-radius: 3px; padding: 10px; width: 100%;}
td a:hover{ background: #00a0e9; color: #FFF;}

.bg_w{background-color: #FFF !important; color: #00a0e9 !important;}


table th, table td{
  box-sizing: border-box;
  padding: 15px;
  border-right: #00a0e9 1px solid;
  border-bottom: #00a0e9 1px solid;
  background: #000;
}
table thead th {
  background: #FFF;
  color: #00a0e9;
  text-align: center;
}

tbody th{ background-color: #000;}

table tbody {
  text-align: left;
}
table tbody th {
  background: #666;
}

.sp_table {
  width: 100%;
  margin-top:0;
  display: none;
}

ul.live_icon{width: 100%;}
ul.live_icon li{ width: 49%; display: inline-block;margin: 1% 1% 1% 0;}
ul.live_icon li:last-child{margin-right: 0; }
ul.live_icon li img{max-width: 500px; width:100%;}


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

table.pc{display:none;}
table.sp{display:block;}

.sp_table{display: block;}

.bg_w{background-color: #FFF !important; color: #00a0e9 !important;}

td.w10
{width: 24% !important; color: #FFF; background-color: #000; text-align: center; float: left;}

td.w90{ width: 76% !important; float: left; text-align: center; color: #00a0e9; vertical-align: middle;}


.sp_table tr {
  width: 100%;
   display: inline-flex;
}

.sp_table tbody {
  display: block;
  width: 100%;
  overflow: hidden;
}
.sp_table tbody th {
  list-style: none;
}

.sp_table tbody th, .sp_table tbody td {
  width: 100%;
  display: inline-flex;
align-items: center;
justify-content: center;
}

th.w10{width: 100%;}

  table tr {
    display: block;
    width: 100%;
  }
  table thead {
    display: none;
  }
  table tbody {
    display: block;
    width: 100%;
    overflow: hidden;
  }
  table tbody th {
    list-style: none;
  }
  table tbody td {
    margin-left: 0;
  }
  table tbody th, table tbody td {
    width: 100%;
    display: list-item;
  }

ul.live_icon{width: 100%;}
ul.live_icon li{ width: 100%; display: inline-block;margin: 1% 0 1% 0;}
ul.live_icon li:last-child{margin: 0 0 1% 0; }
ul.live_icon li img{max-width: 600px; width:100%;}

}