.commentator{padding:5px;color:#FFFFFF;background:#0270b5;}
.commentator:hover {background:#FFFFFF;color:#0270b5;}
.cs1{padding:3px;color:#FFFFFF;background:#0270b5;}
.cs2{padding:3px;color:#FFFFFF;background:#fd4a84;}
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/2);
  height: 50px;
  border-bottom: 3px solid #ec4034;
  background-color: #ec4034;
  line-height: 50px;
  font-size: 12px;
  text-align: center;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {  display: none;}

/*タブ切り替えの中身のスタイル*/
.tab_content { display: none;  padding: 5px;  clear: both;  overflow: hidden;}


/*選択されているタブのコンテンツのみを表示*/
#schedule-w:checked ~ #schedule-w_content,
#schedule-m:checked ~ #schedule-m_content{ display: block;}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #0f3f94;
  color: #fff;
}
.small{font-size:80%;}


.win{color:#e60303;}
.game_area .onair_table_th { color:#ffffff;background: #0b4392; height: 25px;padding:5px; text-align: center; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
.oa{background:#ffdc70;}

.country_date img{vertical-align:middle;}

@media all and (min-width: 768px) {
.live-text{color:#0b4392;}
.live{color:#e60303;}
.time{ display:none !important; }
/*　対戦カード　*/
.game_area{ width:900px; margin:15px auto; background:#fff;color:#666;}
.game_table_tr:nth-child(odd) { background-color: #ececec;}
.game_area .game_table { background: #fff; display: table; margin: 0px auto; padding: 0px; height: auto; width: 100%; border-right: 1px solid #d9d9d9; }
.game_area .game_table_tr a{ display: block; text-decoration: none;}
.game_area .game_table_th { height: 25px;padding:5px; text-align: center; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
.game_area .pool_table_th { color:#333333;background: #fed205; height: 25px;padding:5px; text-align: center; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; letter-spacing:5px;}
.game_area .game_table_td {width:180px;font-weight:bold;border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; text-align: center; }
.game_area .game_name{ border-bottom:1px solid #d9d9d9; background: #e60303; vertical-align:middle; border-top: 1px solid #d9d9d9; color: #fff; padding: 10px;}
.game_area .country_date { font-size:130%;line-height:2.0; text-align: center; display: block; margin: 0px auto; padding:5px; height: auto; width: auto;}
.r-text{line-height: 1.6; text-align: center; display: block; margin: 0px auto; padding:5px; height: auto; width: auto;}
.game_area .game_name th{ background:#e60303; font-weight: normal; padding: 10px; line-height: 1.2;}
.game_area .game_tit_in { font-size: 100%; text-align: left; display: block; padding: 5px; background: #6a4814; width: 17px; color: #FFF; text-align: center; position: absolute; top: 0; left: 0; }
.game_area .game_date { line-height: 1.6; text-align: center; display: block; margin: 0px auto; padding:5px; height: auto; width: auto; ;}
.game_movie_btn{ line-height: 3; width: 50px; height: 50px; margin: 10px auto; }
.yosen_result{margin: 5px;}
.yosen_result .country_box{ width:300px;line-height:1.2; text-align: center;}
.yosen_result .logo_box{ width:200px;line-height:1.2; text-align: center;}

 .yosen_result .txt_box{text-align: center; font-weight:bold;width:400px;}

.yosen_result .country_name{ font-weight:bold; line-height: 1.5;}
.yosen_result .rt{ padding: 0 0px 0 5px !important;}
.yosen_result .lt{ padding: 0 5px 0 0px !important;}
.yosen_result .score{ text-align: center !important; padding: 0 5px 0 5px !important; font-size: 70%; width:400px; line-height: 1.6;}
.yosen_result .plus_pk{ font-size:80%; text-align:center; font-weight: normal;}
}

@media all and (max-width: 767px) {
/*　対戦カード　*/
.live-text{color:#030303;
text-shadow: #FFFFFF 1px 1px 0px, #FFFFFF -1px 1px 0px,#FFFFFF 1px -1px 0px, #FFFFFF -1px -1px 0px;}
.live{color:#ff0000;}
.time{padding:5px 0px;}
.game_area{ margin:0px;color:#666; }
.game_area .game_table { background: #fff; display: table; margin: 0px auto; padding: 0px; height: auto; width: 100%;}
.game_table { margin: 0 -10px; list-style: none; }
.game_area .game_table_th { text-align: center; background: #e60303; padding:5px 0px; display:block; width: 100%; color: #fff;}
.game_area .game_table_td { line-height: 150%;padding:5px 0px;border-right-style: none; border-top-style: none; vertical-align: top; text-align: center; display: list-item;border: 1px solid #d9d9d9; }
.game_area .country_date { font-size:110%;text-align: center; display: block; margin: 0px auto; padding:5px; height: auto; width: auto;}
.game_area .game_name{ display:none !important; }
.game_area .pool_table_th{ color:#030303;background: #fed205; }
.game_area th{ color:#ffffff;background: #e60303;padding:5px; text-align: center; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
.game_area .game_tit_in { font-size: 100%; text-align: left; display: block; background: #ff4e4e; width: 100%; color: #FFFFFF; text-align: center; line-height:2; font-weight: bold;}
.game_area .game_date { font-size: 20px; line-height: 3; text-align: center; display: block; margin: 0px auto; height: auto; width: auto; }
.game_area a .game_date2{ text-decoration: none; color: #fff; font-size: 14px; line-height: 3; text-align: center; display: block; margin: 0px auto; height: auto; width: auto;}
.yosen_result{ margin: 10px auto; }
.yosen_result .country_box{ width:300px; height:100px;line-height:1.2;}
.yosen_result .country_name{font-weight:bold; font-size: 70%; line-height: 1.5;}
.yosen_result .rt{ text-align: center;  padding: 0 0px 0 5px !important;}
.yosen_result .lt{text-align: center;   padding: 0 5px 0 0px !important;}
.yosen_result .score{ font-weight:bold; text-align: center !important; padding: 0 5px 0 5px !important;width: 13em; line-height: 1.4;}
.yosen_result .plus_pk{ font-size:90%; text-align:center; text-align:center; font-weight: normal;}
}