@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%; 
}

table tr td {
  width: 17%; 
}


.pc{margin:0 0 40px ;}

th.w10,
td.w10
{width: 22%; color: #FFF; background-color: #333; 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: #bcbcbc 1px solid;
  border-bottom: #bcbcbc 1px solid;
  background: #FFF;
  text-align: center;
}
table thead th {
  background: #333;
  color: #FFF;
  text-align: center;
}


tbody th{ background-color: #FFF;}

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%;}

.icon_note{ color: #333; font-size: .9em; }
.icon_note ul li{list-style: none; color: #333; display: inline-block; margin: 1% 2% 0 0;}

.face-status04{ color:#c23e49; font-weight: bold; font-size:14px; }
.face-status{font-size:14px;}
/*.face-status03{ color:#f39800; font-weight: bold; }
.face-status02{ color:#3ac18d; font-weight: bold; }
.face-status01{ color:#37b8e2; font-weight: bold; }*/

@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: 40% !important; font-size: .9em; color: #FFF; background-color: #000; text-align: center; float: left;}

.bg_g{background-color: #333 !important; color: #FFF !important;}
.bg_w{background-color: #FFF !important; color: #333 !important;}

td.w90{ width: 60% !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%;}

.face-status04{ color:#c23e49; font-weight: bold; font-size:.8em; }
.face-status{font-size:.8em;}

}



.Identification_box dd{
  width:100%;
}

.Identification_box .inline{
  width: 48%;

  padding: 1em;
  border: 1px solid #FFF;
      vertical-align: top;
}

.Identification_box .inline:first-child{
  margin-right:2%;
}

.Identification_box .inline h4{
  font-size: 21px;
  font-weight: lighter;
  text-align: left;
  margin:.4em auto;
}

.Identification_box .inline ul li{list-style: none;}

.inline2 ul li span{background:#34915c; color: #FFF; padding: .3em; margin: 1em 0; display: block; font-size: 16px; font-weight: bold; }

.Identification_box .inline2{
  width: 45%;
  max-width: 1000px;
  padding: 1em;
  border: 1px solid #666;
    vertical-align: top;
  text-align: left;
  margin: 2% 0 0 0;
  float: left;
  font-size: .8em;
}

.Identification_box li.mataha{width: 10%; font-size: 14px; font-weight: bold; float: left; padding: 2em 0 0; }

.Identification_boder_y{border:4px solid #f7ea55; }


.Identification_box .inline2:nth-child(odd){
  /*margin-right:2%;*/
}


.Identification_box .inline2 h4{
  font-size: 18px;
  font-weight: lighter;
  text-align: left;
  margin:.4em auto;
  font-weight: bold;
}


.Identification_box .inline p{
  text-align: center;
}


@media screen and (min-width:200px) and (max-width:640px) {
  .Identification_box .inline,
  .Identification_box .inline2
  {
    width:100%;
    max-width: 100%;
  }

  .Identification_box .inline2:first-child{
    margin-bottom: 2em;
  }

  .Identification_box li.mataha{width: 100%; font-size: 1.4em; font-weight: bold; float: left; padding: 0 0 1em; }

}