@charset "utf-8";
/*------------------------------------------------------------

URL : http://www.jleague.jp/css/game.css
DATE : 2015/03/23

------------------------------------------------------------*/

/* tabSelecter */
.tabSelecter li{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-right: 1px solid #fff;
}
.tabSelecter li:last-child{border-right: none;}
.tabSelecter li.current a {
	background: #4f4f4f;
	color: #fff;
}
.tabSelecter li a,
.tabSelecter li span {
	background-color: #f0f0f0;
	color: #4f4f4f;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 12px 15px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.tabSelecter li span{
	color:#9D9D9D;
	background: #CACACA;
}
.tabSelecter li#J1.current a{background: #E60012;}
.tabSelecter li#J2.current a{background: #007F41;}
.tabSelecter li#J3.current a{background: #231815;}


.twoline > li,
.twoline > dl{float: left; width: 50%;}

.threeline > li,
.threeline > dl{float: left; width: 33.33%;}

.fourline > li,
.fourline > dl{float: left; width: 25%;}

.fiveline > li,
.fiveline > dl{float: left; width: 20%;}



/* ttlNoLink */
.ttlNoLink h3 {
	position: relative;
	padding: 10px 16px;
	vertical-align: middle;
	font-size: 13px;
	margin: 10px 0 5px;
}
.ttlNoLink h3 span {
	position: absolute;
	right: 16px;
	top: 5px;
}
.ttlNoLink h3 span img{
	width: 150px;
	height: auto;
}
.ttlNoLink.j1 h3{border-top:5px solid #E60012;}
.ttlNoLink.j2 h3{border-top:5px solid #007F41;}
.ttlNoLink.j3 h3{border-top:5px solid #231815;}
.ttlNoLink.all h3,.ttlNoLink.ync h3{border-top:5px solid #4f4f4f;}



/* gamelist */
.gamelist {
	letter-spacing: -.40em;/*隙間用*/
}
.gamelist > li{
	letter-spacing: normal;/*隙間用*/
	padding-bottom: 5px;
	width: 315px;
	display: inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align: top;
}
.gamelist > li:nth-child(2n){
	margin-left: 10px;
}
.gamelist > li > div{
	border:3px solid #CACACA;
	/*text-align: center;*/
	/*-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;*/
}
.gamelist > li > div > a{
	text-decoration:none;
	display: block;
	color: #333;
	padding:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom: 1px solid #ccc;
  	margin-bottom: 3px;
}
.gamelist > li > div > a:hover{background: #F2F2F2;}
section.j1 .gamelist > li > div > a:hover{background: #FFF4F4;}
section.j2 .gamelist > li > div > a:hover{background: #EBF4EA;}
section.j3 .gamelist > li > div > a:hover{background: #F2F2F2;}
section.ync .gamelist > li > div > a:hover{background: #FFF4F4;}

/* gameTable */
.gameTable{
	width: 100%;
	height: 70px;
	min-height: 70px;
}
.gameTable td{
	text-align: center;
	vertical-align: middle;
}
.gameTable td.clubNameArea{
	width: 25%;
	font-size: 12px;
	font-weight: bold;
	/*vertical-align: top;*/
}
.gameTable td.clubNameArea a{
	font-size: 12px;
	font-weight: bold;
	color: #333;
}
.gameTable td.clubNameArea a:hover{
	text-decoration: none;
	color: #06c;
}
.gameTable td .embM{margin: 5px auto 0;}

.gameTable td.status{
	vertical-align: bottom;
}
.gameTable td.status li{
	display: block;
	font-size: 12px;
	margin: 0px auto 1px;
	color: #666;
}
.gameTable td.status li.point{
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	color: #333;
}
.gameTable td.status li.point.before{
	font-size: 13px;
}
.gameTable td.status li.time{
	font-weight: bold;
	color: #333;
}
.gameTable td.status li.time.start{
	color: #f00;
}
.gameTable td.status li.pk{
	font-size:10px;
}
.gameTable td.status li.stadium{
	font-size: 11px;
}
.gameTable td.status li:last-child{
	margin-bottom: 0;
}
.gameTable td.status li.icon span{
	padding: 3px;
	background: #7E7E7E;
	color: #fff;
	border-radius: 3px;
	font-size: 10px;
	line-height: 1;
	display: block;
	width: 60px;
	margin:0 auto;
}
.gameTable td.status li.icon span.live{
	background: #f00;
}
.gameTable td.btnListArea{
	padding: 5px;
}
.liveTracking{
	display: inline-block;
	color: #f00;
	font-weight: bold;
	font-size: 11px;
}
.liveTracking a{
	color: #f00;
	font-weight: bold;
}
.liveTracking a:hover{
	text-decoration: none;
	opacity: 0.5;
}


/*tvListArea*/
.gameTable td.tvArea{
	width: 20%;
	border-left: 1px solid #E5E5E5;
	text-align: right;
}
.gameTable td.tvArea span{
	display: block;
	width: 50px;
	/*height: 50px;*/
	/*border: 2px solid #E4E4E4;*/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-size: 10px;
	color:#2e354b;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding: 5px 2px;
	margin: 0 0 2px 5px;
	line-height: 1;
}
.gameTable td.tvArea span.icon{
	border: 2px solid #cbd1e3;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.gameTable td.tvArea span.icon.snm{background: url(/img/game/icon_snm.png) no-repeat 0 0;text-indent: -9999px; border:none; height: 35px; }
.gameTable td.tvArea span.icon.nihonTV{background: url(/img/game/icon_nihonTV.png) no-repeat 0 0;text-indent: -9999px; border:none; height: 35px;}
.gameTable td.tvArea span.icon.Nittele.Plus{background: url(/img/game/icon_NittelePlus.png) no-repeat 0 0;text-indent: -9999px; border:none; height: 35px;}
.gameTable td.tvArea span.icon.livetracking{background: url(/img/game/icon_livetracking.png) no-repeat 0 0;text-indent: -9999px; border:none; height: 35px;}
.gameTable td.tvArea span.icon.NHK.BS1{background: url(/img/game/icon_NHK_BS1.png) no-repeat 0 0;text-indent: -9999px; border:none; height: 35px;}
.gameTable td.tvArea span.icon.TBS{background: url(/img/game/icon_TBS.png) no-repeat 0 0;text-indent: -9999px; border:none; height: 35px;}
.gameTable td.tvArea span.icon.FUJITV.ONE{background: url(/img/game/icon_FUJITVONE.png) no-repeat 0 0;text-indent: -9999px; border:none; height: 35px;}
.gameTable td.tvArea span.icon.Fuji.TV.Next{background: url(/img/game/icon_FUJITVNEXT.png) no-repeat 0 0;text-indent: -9999px; border:none; height: 35px;}
.gameTable td.tvArea span.icon.BS-TBS{background: url(/img/game/icon_BS-TBS.png) no-repeat 0 0;text-indent: -9999px; border:none; height: 35px;}

/*acMenu*/
.acMenu{

}
.acMenu dt{
	text-align: center;
	font-size: 11px;

}
.acMenu dt a{
	color: #fff;
	font-weight: bold;
	display: block;
	background: #222;
	padding: 5px 0;
	position: relative;
}
.acMenu dt a:hover{
	text-decoration: none;
	opacity: 0.7;
}
a.openLink{
	font-size: 11px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	position: relative;
}
a.openLink:after {
	content: "\f078";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: 3em;
}
a.openLink:hover{
	opacity: 0.7;
}
a.openLink.closeLink:after{
	content: "\f077";
}



.acMenu dd{
	
}
/* gameBTNlistWrap */
.gameBTNlistWrap{
	background: #888;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 0 5px 5px;
}
.gameBTNlist{
	display: inline-block;
	letter-spacing: -.41em;/*隙間用*/
	margin-left: 1.15%;
}
.gameBTNlist li{
	display: inline-block;
	letter-spacing: normal;/*隙間用*/
	font-size: 10px;
	text-align: center;
	margin: 0 3px 3px 0;
}
.gameBTNlist li:nth-child(3n){margin-right: 0;}
/*.gameBTNlist li:nth-child(n+4){margin-bottom: 0;}*/
.j2 li.coach,.j3 li.coach{ margin-right: 0; }


.gameBTNlist li a,
.gameBTNlist li span{
	background: #2c6eb8;
	display: block;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	width: 99px;
	height: 22px;
	line-height: 23px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gameBTNlist li span{
	background: #D0D0D0;
	color: #666;
}
.gameBTNlist li a:hover {
	text-decoration: none;
	opacity: 0.7;
}


.gameBTNlist li.trackingData a,
.gameBTNlist li.trackingData span{
	line-height: 1.2;
	padding-top: 4px;
}


/* bnrLinkWrap */
.bnrLinkWrap{
	text-align: center;
	margin: 20px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.skyperInfoWrap{
	letter-spacing: -.40em;/*隙間用*/
	height: 40px;
}
.skyperInfoWrap a{
	display: inline-block;
	letter-spacing: normal;/*隙間用*/
	margin-right: 10px;
}
.skyperInfoWrap a:last-child{
	margin-right: 0;
}

/* buyTicketWrap */
.buyTicketWrap{
	margin-top: 10px;
}
.buyTicketWrap a{
	width:570px;
	height: 40px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* detailLink */
a.detailLink{
	font-size: 12px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	position: relative;
}
a.detailLink:after {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: -15px;
	font-family: 'icomoon3';
	content: "\ec600";
	font-size: 9px;
	color: #333;
}
a.detailLink:hover{
	opacity: 0.7;
}

li.voteNone { background-color: #ffffff; }



/*updateSwitching*/
.snsBtn{
	display: inline-block;
	float: right;
}
.updateSwitching {
	display: inline-block;
}
.updateSwitching ul {
  display: inline-block;
}
.updateSwitching ul li {
  float: left;
  /*letter-spacing: 0.1em;*/
   border: 1px solid #ccc;
}
.updateSwitching ul li:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.updateSwitching ul li:last-child {
  border-left: none;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.updateSwitching ul li a {
    display: block;
  width: 90px;
  text-align: center;
  padding: 4px 0 3px;
  font-size: 10px;
  color: #333;
  font-weight: bold;
  line-height: 1.3;

}
.updateSwitching ul li.active a {
  background: #666;
  color:#fff;
  cursor: default;
}
.updateSwitching ul li a:hover {
  background: #E8E8E8;
  text-decoration: none;
}
.updateSwitching ul li.active a:hover {
  background: #666;
}


/*rightlLink*/
.rightlLink {
  position: relative;
  height: 30px;
  border-top: 1px solid #ccc;
}
.rightlLink a {
  position: absolute;
  right: 20px;
  top: 5px;
  font-size: 12px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
}
.rightlLink a:after {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: -15px;
  font-family: 'icomoon3';
  content: "\ec600";
  font-size: 9px;
  color: #333;
}
.rightlLink a:hover {
  text-decoration: none;
  opacity: 0.7;
}



.kome{font-size: 12px; margin: 10px 0;}
.komeRight{font-size: 12px; margin: 10px 0; text-align: right;}
.kome_l {
	font-size: 12px;
	text-align: right;
	font-weight: bold;
	margin-top: 5px;
}
.hide{display: none;}