@charset "utf-8";


/* -------------------------------------

URL : http://www.jleague.jp/sp/championship2015/
TITLE : チャンピオンシップ（優勝争い）特集
DATE : 2015/06/04

------------------------------------- */


.container{
	padding-top: 0;
}




/* -------------------------------------
.championshipNewsArea
------------------------------------- */
.ttlLink h3,
.ttlNoLink h3{
	background:#000;
	border-left: 5px solid #DEBC5E;
	color: #EBD392;
	font-weight: normal;
	line-height: 1.3;
	margin: 10px 0;
	padding: 7px 10px;
	display: block;
	font-size: 12px;
}
.championshipNewsArea figure,
.championshipTournamentArea figure{
	text-align: center;
}
.championshipNewsArea img,
.championshipTournamentArea img{
	width: 100%;
	height: auto;
	max-width: 500px;
	margin: 0 auto 20px;
}
.championshipTournamentArea figure{
	position: relative;
	padding-top: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
.championshipTournamentArea figcaption{
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}
.championshipTournamentArea figcaption img{
	width: 60%;
}
.championshipNewsArea p{
	font-size: 13px;
	line-height: 1.65;
	margin-bottom: 1em;
}
.rightTopLink {
	height: 15px;
	margin: 20px 0;
	position: relative;
}
.rightTopLink a {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
}
.rightTopLink a:before {
	color: #333;
	content: "\ec600";
	font-family: "icomoon3";
	font-size: 12px;
	left: -17px;
	margin-top: -9px;
	position: absolute;
	top: 50%;
	transform: rotate(-90deg);
}
.barLink {
	background: #333;
	color: #fff;
	font-size: 12px;
	line-height: 100%;
	text-align: center;
	padding: 10px 0;
	width: 60%;
	margin: 30px auto;
	font-weight: bold;
	display: block;
	position: relative;
}
.barLink:after {
	position: absolute;
	font-size: 18px;
	top: 50%;
	margin-top: -9px;
	right: 15px;
	font-family: 'FontAwesome';
	content: "\f0da";
	color: #fff;
	line-height: 100%;
	z-index: :;
}


/* -------------------------------------
photo
------------------------------------- */
.thumlist{
    letter-spacing: -.40em;/*隙間用*/
    border-top: 1px solid #ccc;
    padding-top: 30px;
    margin-top: 30px;
}
.thumlist li{
    letter-spacing: normal;/*隙間用*/
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: top;
}
#main .thumlist li figure{
    width: 95%;
    position: relative;
}
.thumlist li:nth-child(2n+1) figure{
    
}
.thumlist li:nth-child(2n) figure{
    margin-left: 5%;
}
.thumlist li figcaption{
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
}
.thumlist li figcaption span{
    font-size: 11px;
    font-weight: normal;
    margin-top: 5px;
    display: block;
    letter-spacing: -0.05em;

}
.thumlist li a{
    color: #333;
    display: block;
}
.thumlist li.douga figure:after {
  position: absolute;
  font-size: 30px;
  top: 40px;
  left: 50%;
  margin-left: -15px;
  font-family: "icomoon3";
  content: "\ec601";
  color: #FFF;
  line-height: 100%;
  opacity: 0.7;
}
.championshipNewsArea .thumlist img{
    margin-bottom: 0;
}

/* -------------------------------------
.outline
------------------------------------- */
.tabnav{
	display: table;
}
.tabnav li{
	display: table-cell;
	font-size: 12px;
	color: #333;
}
.tabnav li a,
.tabnav li span{
	display: block;
	background: #e8e8e8;
	padding: 8px 20px;
	text-align: center;
	color: #333;
}
body.outline .tabnav li#outline a,
body.yaguraP .tabnav li#yaguraP a{background: #DEBC5E; color: #fff;}


.outlineTable{
	border-top: 1px solid #ccc;
	margin-top: 20px;
	width: 100%;
}
.outlineTable th,
.outlineTable td {
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	padding: 5px 3px;
	vertical-align: middle;
	line-height: 1.5;
}
.outlineTable th {
	background-color: #f6f6f6;
	text-align: center;
	width: 70px;
	font-weight: bold;
}
.outlineTable h4{
	font-weight: bold;
	font-size: 13px;
	margin: 0 0 0.5em;
	padding: 0 0 0.5em;
	border-bottom: 1px solid #ccc;
}
.outlineTable h5{
	font-weight: bold;
	margin: 0.5em 0;
}
.outlineTable ol{
	list-style: decimal;
	list-style-position: outside;
	padding-left: 25px;
}


/* -------------------------------------
.yaguraP
------------------------------------- */
.pagelink{
	width: 100%;
	display: table;
	margin-top: 5px;
    margin-bottom: 30px;
	table-layout: fixed;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.pagelink li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
    border-right: 1px solid #ccc;
    letter-spacing: -0.1em;
}
.pagelink li span{
	display: block;
	font-size: 15px;
	font-weight: bold;
}
.pagelink li:last-child{
	padding-right: 0;
    border-right: none;
}
.pagelink li a{
	padding: 1px 0;
	color: #333;
	display: block;
	text-decoration: none;
}
.pagelink li a:hover{
	background-color: #4f4f4f;
	color: #fff;
    text-decoration: none;
}
.yaguraPBlock{
	border-bottom: 1px solid #ccc;
	margin-bottom:20px;
	padding-bottom:20px;
}
.yaguraPBlock figure{
	text-align: center;
}
.yaguraPBlock figure img{
	width: 100%;
	height: auto;
	max-width: 500px;
	margin: 0 auto;
}
.yaguraPBlock#pattern1{margin-top:20px;}


/*0629 tournament.html*/


/*日付*/
.championshipTournamentArea p.caption{
	margin-bottom: 10px;
	text-align: left;
	font-size: 14px;
	color: #E60012;
	font-weight: bold;
}
.championshipTournamentArea p.caption img{
	vertical-align: middle;
	width: 150px;
	margin-bottom: 0;
}
.championshipTournamentArea p.caption span{
	display: inline-block;
	font-size: 12px;
	position: relative;
	top: 5px;
	font-weight: bold;
}
.championshipTournamentArea p.caption span em{
	font-size: 15px;
	font-weight: bold;
}


/*テーブル*/

.championshipStandingsArea{
	/*margin-bottom: 20px;*/
}

.ChampionshipTable{
	width: 100%;
	font-size: 14px;
	border-collapse: collapse;
	border: 1px solid green;
	/*table-layout: fixed;*/	
}


.ChampionshipTable th{
	border: 1px solid #999;		
}

.ChampionshipTable td{
	border: 1px solid #999;
	padding: 5px;
	vertical-align: middle;
	height: 40px;
	text-align: right;
}


.ChampionshipTable thead th{
	text-align: center;	
}

.ChampionshipTable thead tr:first-child th{
	color: #fff;
	background-color: #000;
	border-color: #000;
	padding: 5px 0;
}

.ChampionshipTable tbody td:first-child{
	text-align: center;	
}



.ChampionshipTable thead tr:nth-child(2) th{
	background: #ccc;
	color: #000;
	font-size: 13px;
	padding: 7px 0;
}

.ChampionshipTable thead tr:nth-child(2) th:nth-child(n+3){
	width: 15%;	
}

.ChampionshipTable tbody td:nth-child(2){
	text-align: left;
	position: relative;
	padding-left: 10px;
}
.ChampionshipTable .embS{
	display: inline-block;
	position: relative;
	top: 4px;
	margin-right: 3px;

}
/*テーブル-エンブレム*/
/*.ChampionshipTable span.embM {
	margin: -2px 4px 0 0;
	top: 11px;
	display: inline-block;
	position: absolute;
	left: 10px;
}*/

/*テーブル下-リンク？*/
.championshipTournamentArea p.rightMorelLink a,
div.SecondStandings p.rightMorelLink a,
div.TotalStandings p.rightMorelLink a{
	font-weight: normal;
}

/*テーブル-左*/
div.SecondStandings{
		
}
  
/*テーブル-右*/
div.TotalStandings{
	margin-top: 20px;	
}



/*大会方式*/
.ChampionshipRegulationArea{
	margin-bottom: 20px;
	
}
.ChampionshipRegulationArea h4{
	background: #000;
	color: #fff;
	font-size: 14px;
	padding: 5px 0 5px 15px;
}

.ChampionshipRegulationArea ul,
.ChampionshipRegulationArea ol{
	padding: 5px 15px 15px;
}

.ChampionshipRegulationArea ul li,
.ChampionshipRegulationArea ol li{
	font-size: 14px;
	padding-top: 10px;
 	list-style-type: disc;
	margin-left: 15px;
}

.ChampionshipRegulationArea .regulation{
	border: solid 1px #000;
	
}
.ChampionshipRegulationArea p{
	font-size: 14px;
	padding: 15px;
}

section.championshipStandingsArea + p.rightTopLink{
	margin-top: 0;
}









