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

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

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

/* ttlNoLink */
.ttlNoLink h3 {
	position: relative;
	padding: 8px 10px;
	vertical-align: middle;
	font-size: 11px;
	background: #4f4f4f;
	color: #fff;
	margin: 0 0 5px;
	line-height: 1.2;
}
.ttlNoLink h3 span {
	position: absolute;
	right: 10px;
	top: 10px;
}
.ttlNoLink h3 span img{
	/*width: 100px;
	height: auto;*/
	display: none;
}
.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;}


.gamelistWrap{
	margin-bottom: 20px;
}



/* gamelist */
.gamelist {

}
.gamelist > li{
	padding-bottom: 3px;
	width: 100%;
	display: block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align: top;
}
.gamelist > li > div{
	border:3px solid #C2C2C2;
	/*-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;*/
	position: relative;
}
.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;
}



/* gameTable */
.gameTable{
	/*width: 90%;*/
	width:100%;
	height: 67px;
	min-height: 67px;
}
.gameTable td{
	text-align: center;
	vertical-align: middle;
}
.gameTable td.clubNameArea{
	width: 25%;
	font-size: 11px;
	font-weight: bold;
}
.gameTable td.clubNameArea a{
	font-size: 11px;
	font-weight: bold;
	color: #333;
}
.gameTable td .embM{margin: 2px auto 0;}

.gameTable td.status{
	vertical-align: bottom;
}
.gameTable td.status li{
	display: block;
	font-size: 10px;
	line-height: 1.2;
	margin: 0px auto 2px;
	color: #666;
}
.gameTable td.status li.point{
	font-size: 15px;
	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.icon span{
	padding: 2px 3px;
	background: #7E7E7E;
	color: #fff;
	border-radius: 3px;
	font-size: 10px;
	display: block;
}
.gameTable td.status li.icon span.live{
	background: #f00;
}
.gameTable td.status li.stadium{

}

.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: 55px;
	border-left: 1px solid #E5E5E5;
	text-align: right;
}
.gameTable td.tvArea span{
	display: block;
	width: 50px;
	-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:none;
	/*height: 25px;*/
	width: 50px;
	-webkit-background-size:50px 25px;
	-moz-background-size:50px 25px;
	background-size:50px 25px;
	background-repeat: no-repeat;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border: 2px solid #E4E4E4;
}
.gameTable td.tvArea span.icon.snm{background-image: url(/img/sp/game/icon_snm.png); text-indent: -9999px; border:none; height: 25px; }
.gameTable td.tvArea span.icon.nihonTV{background-image: url(/img/sp/game/icon_nihonTV.png); text-indent: -9999px; border:none; height: 25px;}
.gameTable td.tvArea span.icon.livetracking{background-image: url(/img/sp/game/icon_livetracking.png); text-indent: -9999px; border:none; height: 25px;}
.gameTable td.tvArea span.icon.NHK_BS1{background-image: url(/img/sp/game/icon_NHK_BS1.png); text-indent: -9999px; border:none; height: 25px;}
.gameTable td.tvArea span.icon.TBS{background-image: url(/img/sp/game/icon_TBS.png); text-indent: -9999px; border:none; height: 25px;}
.gameTable td.tvArea span.icon.FUJITV.ONE{background-image: url(/img/sp/game/icon_FUJITVONE.png); text-indent: -9999px; border:none; height: 25px;}
.gameTable td.tvArea span.icon.BS-TBS{background-image: url(/img/sp/game/icon_BS-TBS.png); text-indent: -9999px; border:none; height: 25px;}


/*acMenu*/
.acMenu{

}
.acMenu dt{
	text-align: center;
	position: absolute;
	top:0;
	right: 0;
	background: #222;
}
.acMenu dt a{
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 7px;
	position: relative;
	width: 1em;
	height: 63px;
	line-height: 1;
}
a.openLink{
	font-size: 10px;
	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: 80%;
    left: 50%;
    margin-left: -0.5em;
}
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: 1% 0 0 1%;
}
.gameBTNlist{
	display: block;
	letter-spacing: -.42em;/*隙間用*/
  	width: 100%;
	margin-left: 1.25%;
  	/*text-align: center;*/
}
.gameBTNlist li{
	letter-spacing: normal;/*隙間用*/
	display: inline-block;
	font-size: 10px;
	text-align: center;
	margin: 0 1% 3px 0;
  	width: 32%;
}
.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; }
/*.j2 li.player,.j2 li.coach,
.j3 li.player,.j3 li.coach { width:48.3%; }*/

.gameBTNlist li a,
.gameBTNlist li span{
	background: #2c6eb8;
	display: block;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	height: 27px;
	line-height: 27px;
	-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;/*隙間用*/
}
.skyperInfoWrap a{
	display: inline-block;
	letter-spacing: normal;/*隙間用*/
	margin-right: 2%;
	width: 49%;
}
.skyperInfoWrap img{
	width: 100%;
}
.skyperInfoWrap a:last-child{
	margin-right: 0;
}

/* buyTicketWrap */
.buyTicketWrap{
	/*margin-top: 10px;*/
}
.buyTicketWrap a{
	width:100%;
	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;
	padding: 0;
}




/* 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;
}



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


/*rightlLink*/
.rightlLink {
  position: relative;
  height: 15px;
}
.rightlLink.border_top{border-top: 1px solid #ccc; padding-top: 5px;}
.rightlLink a {
  position: absolute;
  right: 20px;
  top: 0px;
  font-size: 12px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
}
.rightlLink.border_top a{top: 5px;}
.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;
}
.hide{display: none;}