@charset "utf-8";

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

http://www.jleague.jp/css/feature.css
2016/03/11 ISM

--- --- ---
00: feature COMMON style
01: COMMON style
02: 2CLM style
03: SUB BOTTOM
------------------------*/



/*-----------------------
00: feature COMMON style
------------------------*/
/*--- common ---*/
.ttlNoLink h3 span{
	position: absolute;
	right: 10px;
    top: 8px;
}
.ttlNoLink h3 span img{
	width:150px;
}


.contentArea > article > section {
    margin-bottom: 30px;
}
.content .sub {
    margin-top: 47px;
}
.content .main{
    margin-top: 20px;
}



/*--- KV area ---*/
.content .kvArea {
    /*margin: 0 0 20px;*/
    position: relative;
    /*background: #ccc;*/
    width: 100%;
}
.content .kvArea.oneline{height: 270px;}
.content .kvArea.twoline{height: 308px;}

.content .kvArea h2{
    height: auto;
}

.content .kvArea .topIMG{display: none;}
body.top .content .kvArea .topIMG{display: block;}
body.top .content .kvArea .sIMG{display: none;}

.content .kvArea ul.navList{
    display: block;
    font-size: 0;
}
.content .kvArea ul.navList li{
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    border-left: solid 1px #fefefe;
    border-bottom: solid 1px #fefefe;
    box-sizing: border-box;
	vertical-align: middle;
    font-size: 12px;

}
.content .kvArea ul.navList.onebreak li{width: 100%;}

.content .kvArea ul.navList.twobreak li{width: 50%;}
.content .kvArea ul.navList.twobreak li:nth-child(2n){border-right: 0;}
.content .kvArea ul.navList.twobreak li:nth-child(3n){border-left: 0;}

.content .kvArea ul.navList.threebreak li{width: 33.333%;}
.content .kvArea ul.navList.threebreak li:nth-child(3n){border-right: 0;}
.content .kvArea ul.navList.threebreak li:nth-child(4n){border-left: 0;}

.content .kvArea ul.navList.fourbreak li{width: 25%;}
.content .kvArea ul.navList.fourbreak li:nth-child(4n){border-right: 0;}
.content .kvArea ul.navList.fourbreak li:nth-child(5n){border-left: 0;}

.content .kvArea ul.navList.fivebreak li{width: 20%;}
.content .kvArea ul.navList.fivebreak li:nth-child(5n){border-right: 0;}
.content .kvArea ul.navList.fivebreak li:nth-child(6n){border-left: 0;}

.content .kvArea ul.navList.sixbreak li{width: 16.666%;}
.content .kvArea ul.navList.sixbreak li:nth-child(6n){border-right: 0;}
.content .kvArea ul.navList.sixbreak li:nth-child(7n){border-left: 0;}

.content .kvArea ul.navList.sevenbreak li{width: 14.28%;}
.content .kvArea ul.navList.sevenbreak li:nth-child(7n){border-right: 0;}
.content .kvArea ul.navList.sevenbreak li:nth-child(8n){border-left: 0;}

.content .kvArea ul.navList.eightbreak li{width: 12.5%;}
.content .kvArea ul.navList.eightbreak li:nth-child(8n){border-right: 0;}
.content .kvArea ul.navList.eightbreak li:nth-child(9n){border-left: 0;}

.content .kvArea ul.navList.ninebreak li{width: 11.11%;}
.content .kvArea ul.navList.ninebreak li:nth-child(9n){border-right: 0;}
.content .kvArea ul.navList.ninebreak li:nth-child(10n){border-left: 0;}

.content .kvArea ul.navList.tenbreak li{width: 10%;}
.content .kvArea ul.navList.tenbreak li:nth-child(10n){border-right: 0;}
.content .kvArea ul.navList.tenbreak li:nth-child(11n){border-left: 0;}

.content .kvArea ul.navList li:first-child{border-left: 0;}
.content .kvArea ul.navList li:last-child{border-right: 0;}

.content .kvArea ul.navList li > a,
.content .kvArea ul.navList li > span{
    background: rgba(0, 0, 0, 0.7);
    display: table-cell;
    text-align: center;
    color: #fff;
    width: 500px;
    height: 36px;
	vertical-align: middle;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: -0.05em;
}
.content .kvArea ul.navList li > span{
    background: #666;
    color: #969696;
}
.content .kvArea h2 img{
    display: block;
    width: 100%;
    height: auto;
    vertical-align: top;
}
.content .kvArea .navWrap{
    position: absolute;
    bottom: 0;
    width: 100%;
}

body.result .kvArea .navList li.nav_result a,
body.past .kvArea .navList li.nav_past a,
body.ngm .kvArea .navList li.nav_ngm a,
body.team .kvArea .navList li.nav_team a,
body.top .kvArea .navList li.nav_top a,
body.news .kvArea .navList li.nav_news a,
body.column .kvArea .navList li.nav_column a,
body.photo .kvArea .navList li.nav_photo a,
body.video .kvArea .navList li.nav_video a,
body.match .kvArea .navList li.nav_match a,
body.tv .kvArea .navList li.nav_tv a,
body.standings .kvArea .navList li.nav_standings a,
body.tournament .kvArea .navList li.nav_tournament a,
body.ranking .kvArea .navList li.nav_ranking a,
body.history .kvArea .navList li.nav_history a,
body.outline .kvArea .navList li.nav_outline a,
body.ticket .kvArea .navList li.nav_ticket a{
    background: #f4f4f4 !important;
    color: #07325C;
    /*border: 1px #5C5C5C solid;*/
}
.content .kvArea ul.navList li a:hover{
	opacity: 0.7;
    text-decoration: none;
}


.kvArea .navContInner{
    margin: 10px 20px;
}
.kvArea .navContInner ul{
    font-size: 0;
}
.kvArea .navContInner ul li{
    display: inline-block;
    font-size: 14px;
    border-right: 3px solid #fff;
    box-sizing: border-box;
    vertical-align: top;
}
.kvArea .navContInner ul li a,
.kvArea .navContInner ul li span{
    padding: 5px;
    display: table-cell;
    height: 40px;
    width: 800px;
    vertical-align: middle;
    background: #073190;
    color: #fff;
    position: relative;
    border-radius: 5px;
    text-align: center;
}
.kvArea .navContInner ul li span{
    background: #c5c5c5;
    color:#e2e2e2
}

.kvArea .navContInner ul.threeBTN li{width: 33.33%;}
.kvArea .navContInner ul.threeBTN li:nth-child(3n){border-right:none;}

.kvArea .ticketbtn{
    margin-top: 3px;
}
.kvArea .ticketbtn a{
    padding: 5px;
    display: block;
    background: #dd0916;
    color: #fff;
    position: relative;
    border-radius: 5px;
}
.kvArea .ticketbtn a:after{
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 15px;
    font-family: 'icomoon3';
    content: "\ec600";
    font-size: 10px;
    color: #fff;
}
.kvArea .ticketbtn span{
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    padding-left: 20px;
}
.kvArea .ticketbtn span.tit{
    background: #fff;
    color: #dd0916;
    font-weight: bold;
    border-radius: 3px;
    width: 150px;
    text-align: center;
    padding: 0;
}

.kvArea .navContInner a:hover{
    text-decoration: none;
    opacity: 0.7;
}









/*--- tabSelecter ---*/
.tabSelecter {
    margin: 0 0 20px 0;
}
.tabSelecter ul {
    border-bottom: 1px solid #666;
    letter-spacing: -0.4em;
}
.tabSelecter .tab li:first-child {
    border-left: 1px solid #666;
}
.tabSelecter .tab li {
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    box-sizing: border-box;
    width: 25%;
    font-weight: bold;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: bottom;
    float: none;
}
.tabSelecter .tab li > a,
.tabSelecter .tab li > span{
    font-size: 12px;
    color: #4f4f4f;
    font-weight: normal;
    padding:0;
    background: #dddddd;
    height: 50px;
    vertical-align: middle;
    display: table-cell;
    width: 1500px;
}
.tabSelecter .tab li > span{
    background: #B9B9B9;
    color: #DADADA;
}
.tabSelecter .tab.threeline li{width: 33.33%;}
.tabSelecter .tab.fourline li{float:none;}
.tabSelecter .tab.fiveline li{width: 20%;}
.tabSelecter .tab.sixline li{width: 16.66%;}
.tabSelecter .tab.sevenline li{width: 14.28%;}
.tabSelecter .tab.eightline li{width: 12.5%;}

.tabSelecter .tab li a:hover{
    background: #e5e5e5;
    opacity: 0.6;
}

.tabSelecter .tab li.current a,
body.feature_player .tabSelecter .tab li.feature a,
body.standings.groupstage .tabSelecter .tab li#groupstage a,
body.standings.groupstage .tabSelecter .tab li#groupstage a,
body.standings.tournament .tabSelecter .tab li#tournament a,
body.highlight .tabSelecter .tab li.highlight a,
body.preview .tabSelecter .tab li.preview a,
body.game .tabSelecter .tab li.game a,
body.goal .tabSelecter .tab li.goal a,
body.pickup .tabSelecter .tab li.pickup a,
body.player .tabSelecter .tab li.player a,
body.match.gs01 .tabSelecter .tab li#gs01 a,
body.match.gs02 .tabSelecter .tab li#gs02 a,
body.match.gs03 .tabSelecter .tab li#gs03 a,
body.match.gs04 .tabSelecter .tab li#gs04 a,
body.match.gs05 .tabSelecter .tab li#gs05 a,
body.match.gs06 .tabSelecter .tab li#gs06 a,
body.match.gs07 .tabSelecter .tab li#gs07 a,
body.tv.gs01 .tabSelecter .tab li#gs01 a,
body.tv.gs02 .tabSelecter .tab li#gs02 a,
body.tv.gs03 .tabSelecter .tab li#gs03 a,
body.tv.gs04 .tabSelecter .tab li#gs04 a,
body.tv.gs05 .tabSelecter .tab li#gs05 a,
body.tv.gs06 .tabSelecter .tab li#gs06 a,
body.tv.gs07 .tabSelecter .tab li#gs07 a {
    position: relative;
    top: 2px;
    /*background: #FFFFFF;*/
    background: #f6f6f6;
    color: #464646;
    font-weight: bold;
}


/*--- matchTab ---*/
.matchTabNav .tabBtnTxt{
    font-size: 0;
}
.matchTabNav .tabBtnTxt li{
    display: inline-block;
    font-size: 12px;
    border-right: 1px solid #fff;
    box-sizing:border-box;
}
.matchTabNav .tabBtnTxt.onebreak li{width: 100%;}

.matchTabNav .tabBtnTxt.twobreak li{width: 50%;}
.matchTabNav .tabBtnTxt.twobreak li:nth-child(2n){border-right: 0;}
.matchTabNav .tabBtnTxt.twobreak li:nth-child(3n){border-left: 0;}

.matchTabNav .tabBtnTxt.threebreak li{width: 33.333%;}
.matchTabNav .tabBtnTxt.threebreak li:nth-child(3n){border-right: 0;}
.matchTabNav .tabBtnTxt.threebreak li:nth-child(4n){border-left: 0;}

.matchTabNav .tabBtnTxt.fourbreak li{width: 25%;}
.matchTabNav .tabBtnTxt.fourbreak li:nth-child(4n){border-right: 0;}
.matchTabNav .tabBtnTxt.fourbreak li:nth-child(5n){border-left: 0;}

.matchTabNav .tabBtnTxt.fivebreak li{width: 20%;}
.matchTabNav .tabBtnTxt.fivebreak li:nth-child(5n){border-right: 0;}
.matchTabNav .tabBtnTxt.fivebreak li:nth-child(6n){border-left: 0;}

.matchTabNav .tabBtnTxt.sixbreak li{width: 16.666%;}
.matchTabNav .tabBtnTxt.sixbreak li:nth-child(6n){border-right: 0;}
.matchTabNav .tabBtnTxt.sixbreak li:nth-child(7n){border-left: 0;}

.matchTabNav .tabBtnTxt.sevenbreak li{width: 14.28%;}
.matchTabNav .tabBtnTxt.sevenbreak li:nth-child(7n){border-right: 0;}
.matchTabNav .tabBtnTxt.sevenbreak li:nth-child(8n){border-left: 0;}

.matchTabNav .tabBtnTxt.eightbreak li{width: 12.5%;}
.matchTabNav .tabBtnTxt.eightbreak li:nth-child(8n){border-right: 0;}
.matchTabNav .tabBtnTxt.eightbreak li:nth-child(9n){border-left: 0;}

.matchTabNav .tabBtnTxt.ninebreak li{width: 11.11%;}
.matchTabNav .tabBtnTxt.ninebreak li:nth-child(9n){border-right: 0;}
.matchTabNav .tabBtnTxt.ninebreak li:nth-child(10n){border-left: 0;}

.matchTabNav .tabBtnTxt.tenbreak li{width: 10%;}
.matchTabNav .tabBtnTxt.tenbreak li:nth-child(10n){border-right: 0;}
.matchTabNav .tabBtnTxt.tenbreak li:nth-child(11n){border-left: 0;}

.matchTabNav .tabBtnTxt li:first-child{border-left: 0;}
.matchTabNav .tabBtnTxt li:last-child{border-right: 0;}

.matchTabNav .tabBtnTxt li a,
.matchTabNav .tabBtnTxt li span {
    background-color: #e3e3e3;
    color: #4f4f4f;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 8px;
    text-align: center;
    vertical-align: middle;
}
.matchTabNav .tabBtnTxt li span{
    background: #f0f0f0;
    color: #c5c5c5;
    font-weight: normal;
}

.first_round .matchTabNav .tabBtnTxt li.first_round a,
.second_round .matchTabNav .tabBtnTxt li.second_round a,
.third_round .matchTabNav .tabBtnTxt li.third_round a,
.fourth_round .matchTabNav .tabBtnTxt li.fourth_round a,
.fifth_round .matchTabNav .tabBtnTxt li.fifth_round a,
.quarterfinals .matchTabNav .tabBtnTxt li.quarterfinals a,
.semifinal .matchTabNav .tabBtnTxt li.semifinal a,
.final .matchTabNav .tabBtnTxt li.final a,
.matchTabNav .tabBtnTxt li a:hover{
    background-color: #4f4f4f;
    color: #fff;
}








/*--- NEWS ---*/
.newsLink a,
.headLineBlock a, .infoBlock a {
    color: #333;
    display: block;
    position: relative;
}

.entryTitle {
    display: block;
    margin-bottom: 5px;
}
.entryTitle .timestamp {
    display: inline-block;
    width: 125px;
}
.newsLink .timestamp,
.timestamp {
    color: #e60012;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 100%;
}
.newsLink .timestamp{
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.entryTitle .ico {
    display: inline-block;
}
.entryTitle .ico span {
    background: #e60012;
    color: #fff;
    font-size: 10px;
    padding: 3px 0 2px;
    display: inline-block;
    width: 60px;
    text-align: center;
    line-height: 100%;
}
.newsLink,
.newsTitle {
    display: table;
}
.newsLink{
    width: 100%;
}
.newsLink .category,
.newsTitle .category {
    display: table-cell;
    background: #e5e5e5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    padding: 5px 0 4px;
    width: 100px;
    text-align: center;
    line-height: 100%;
    vertical-align: middle;
}
.newsLink .headline,
.newsTitle .headline {
    display: table-cell;
    color: #000;
    font-size: 14px;
    vertical-align: middle;
    padding: 5px 20px 4px 10px;
}
.headLineBlock .bodyArea {
    display: table;
    margin: 10px 0 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.headLineBlock .bodyArea img {
    width: 250px;
    display: table-cell;
}
.headLineBlock .bodyArea p {
    display: table-cell;
    vertical-align: top;
    padding: 0 20px 0 15px;
    font-size: 13px;
    line-height: 160%;
}
.newsLink a:after,
.headLineBlock a:after, .infoBlock a:after {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 3px;
    font-family: 'icomoon3';
    content: "\ec600";
    font-size: 13px;
    text-decoration: none !important;
    color: #AFAFAF;
}

.infoBlock li {
    border-bottom: 1px solid #ccc;
}


.headLineBlock li > a,
.infoBlock li > a,
.infoBlock li > span {
    color: #333;
    display: block;
    position: relative;
    /*border-bottom: 1px solid #CCC;*/
}
.newsLink a,
.infoBlock li > a,
.infoBlock li > span {
    padding: 10px 0;
}
.newsLink a:hover,
.headLineBlock a:hover, .infoBlock a:hover {
    background: #F3F3F3;
    text-decoration: none;
}
.backLink {
    text-align: center;
}

.backLink a {
    color: #333;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: inline-block;
    margin: 0 auto;
}

.backLink a:before {
    content: "\f053";
    display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0 .3em;
    text-decoration: none;
    padding-right: 10px;
}

.backLink a:hover {
    background: #EAEAEA;
    text-decoration: none;
}

.accordionIndex .accBtnList > a,
.accordionIndex .accBtnList > span{
	padding: 10px 0;
}

.accordionIndex .leagAccTime .stadium{
    width: 120px;
    display: inline-block;
}

.newsDetail p {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 20px;
}

.newsArea p strong,
.columnArea p strong{
    font-weight: bold;
}



/*--- thumlist ---*/
.photoArea{

}
.photoArea .thumlist{
    font-size: 0;/*隙間用*/
}
.photoArea .thumlist li{
    font-size: 12px;/*隙間用*/
    display: inline-block;
    width:200px;
    margin-right: 10px;
    margin-bottom: 15px;
    text-align: center;
    vertical-align: top;
}
.photoArea .thumlist li:nth-child(3n){
    margin-right: 0;
}
.photoArea .thumlist li img{
  width: 200px;
  height: auto;
  vertical-align: top;
}
.photoArea .thumlist li figcaption{
    font-size: 12px;
    margin: 5px 0 10px;
    text-align: left;
}
.photoArea .thumlist li figcaption span{
    margin-top: 5px;
    display: block;
    letter-spacing: -0.05em;
}
.photoArea .thumlist li a{
    color: #333;
    position: relative;
    display: block;
}
.photoArea .thumlist li figure span{
    display: block;
    position: relative;
}
.photoArea .thumlist.douga li a span:after {
  position: absolute;
  font-size: 54px;
  top: 50%;
  left: 50%;
  margin-top: -27px;
  margin-left: -27px;
  font-family: "icomoon3";
  content: "\ec601";
  color: #FFF;
  line-height: 100%;
  opacity: 0.7;
}
.photoArea .thumlist li a:hover{
  text-decoration: none;
  opacity: 0.7;
}


/*--- table ---*/
.outline.commonTable th{
    width:130px;
    text-align: center;
    box-sizing:border-box;
}
.outline.commonTable td{
    text-align: left;
    padding-left: 10px;
}

.listNewHero.commonTable thead th{
    font-size: 10px;
    box-sizing:border-box;
}
.listNewHero.commonTable tbody td:first-child{
    text-align: left;
    border-right: 1px solid #ccc;
   width:130px;
}
.listNewHero.commonTable tbody td{
    line-height: 1.3;
    box-sizing:border-box;
}

.dataTable.history01 .embM{
    display: inline-block;
    vertical-align: middle;
}
.dataTable.history01 td.playerPhoto{
    width: 125px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.dataTable.history01 td.playerName{
    font-size: 14px;
    font-weight: bold;
}
.dataTable.history01 td.team-left{
    text-align: left;
    width:250px;
    border-left: 1px solid #ccc;
    padding-left: 10px;
}
/* history table */
.historyTable {
    border-top: 1px solid #ccc;
    margin-bottom: 20px;
    width: 100%;
}
.historyTable th {
    background-color: #f6f6f6;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 12px;
    padding: 8px 10px;
    text-align: center;
    vertical-align: middle;
}
.historyTable th:first-child {
    border-left: medium none;
}
.historyTable td {
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    line-height: 1.5;
    padding: 8px 3px;
    text-align: center;
    vertical-align: middle;
    height: 70px;
}

.historyTable .team-left{text-align: left; border-left: 1px solid #ccc;}
.historyTable .team-right{text-align: right; border-right: 1px solid #ccc;}

.historyTable td:first-child {
    border-left: medium none;
}
.historyTable td:last-child,
.historyTable td:nth-child(5) {
    font-size: 40px;
    line-height: 90%;
}
.historyTable td:last-child a,
.historyTable td:nth-child(5) a {
    color: #378DE2 !important;
}
.historyTable td:last-child a:hover,
.historyTable td:nth-child(5) a:hover {
    opacity: 0.6 !important;
}
.historyTable td.photo img{
    width: 100px;
    height: auto;
}
.historyTable td.photo a{
    position: relative;
    display: block;
}
.historyTable td.photo a:after{
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: -3px;
    font-family: 'icomoon3';
    content: "\ec600";
    font-size: 12px;
    text-decoration: none !important;
    color: #378DE2;
}
.historyTable .win {
    background: none repeat scroll 0 0 #ffc;
}
.historyTable .embS{
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0;
}





/*--- ranking ---*/
.rankingDataTable{
    width: 620px;
    border-top: 1px solid #ccc;
}
.rankingDataTable thead th{
    line-height: 14px;
    padding: 12px 0;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    background-color: #f6f6f6;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    height: 30px;
}
.rankingDataTable thead th.rank {width: 50px;}
.rankingDataTable thead th.photo {width: 50px;}
.rankingDataTable thead th.number {width: 50px;}
.rankingDataTable thead th.name {  }
.rankingDataTable thead th.pos {width: 50px;}
.rankingDataTable thead th.club {width: 50px;}
.rankingDataTable thead th.from {width: 50px;}
.rankingDataTable thead th.bd {width: 50px;}
.rankingDataTable thead th.match {width: 120px;}
.rankingDataTable thead th.goal {width: 50px;}
.rankingDataTable thead th.distance {width: 50px;}
.rankingDataTable thead th.sprint {width: 50px;}

.rankingDataTable td,
.rankingDataTable tbody th {
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    min-height: 50px;
}
.rankingDataTable tbody th{
    font-weight: bold;
    font-size: 13px;
    background: #FAEBEC;
}
.rankingDataTable td.data{font-weight: bold; color: #f00; font-size: 12px;}
.AVG .rankingDataTable td.data,
.TEAM .rankingDataTable td.data{
    width: 100px;
}
#distance .TEAM .rankingDataTable td.data,
#sprint .TEAM .rankingDataTable td.data,
#distance .AVG .rankingDataTable td.data,
#sprint .AVG .rankingDataTable td.data{
    font-size: 14px;
    width: 200px;
}
.rankingDataTable td.name{text-align: left;}
.rankingDataTable td.data span{font-size: 10px; }


.rankingDataTable tbody tr{border-bottom: 1px solid #ccc; }
.rankingDataTable tbody tr:nth-child(even){background-color: #f6f6f6;}

.rankingDataTable td img{
    vertical-align: bottom;
}
.rankingDataTable td .asterisk{
    font-size: 8px;
}
.rankingDate {
    font-size: 12px;
    color: #888;
    margin: 10px 0;
    text-align: right;
}



/* ------------------------------------
.tickets_clubSearch
 ------------------------------------ */
.tickets_clubSearch{
    border: 1px solid #ccc;
    padding: 0 10px 10px 10px;
    margin-top: 5px;
}
.sub .rankBlock .tickets_clubSearch h4{
    background: none;
    border-bottom: 3px solid #ccc;
    padding: 18px 5px 15px;
    position: relative;
}
.sub .rankBlock .tickets_clubSearch.j1 h4{ border-color:#e60012; }
.sub .rankBlock .tickets_clubSearch.j2 h4{ border-color:#0D7F41; }
.sub .rankBlock .tickets_clubSearch.j3 h4{ border-color:#000; }
.sub .rankBlock .tickets_clubSearch h4 img{
    width: 80px;
    position: absolute;
    right: 5px;
    top:10px;
}


.tickets_clubSearch ul{
    letter-spacing: -.40em;/*隙間用*/
    margin: 20px auto 0;
}
.tickets_clubSearch ul li{
    width: 54px;
    display: inline-block;
    letter-spacing: normal;/*隙間用*/
    text-align: center;
    font-size: 10px;
    margin-bottom: 7px;
}
.tickets_clubSearch ul li a{
    color: #333;
    font-weight: bold;
}
.tickets_clubSearch ul li a:hover{
    color:#06c;
    text-decoration: none;
}
.tickets_clubSearch ul li a:hover span{
    opacity: 0.6;
}
.tickets_clubSearch ul li span{
    margin: 0 auto 2px;
}



/*-----------------------
02: 2CLM style
------------------------*/
/*body.twoCLM .content .kvArea h2 img{
    width: 100%;
    height: auto;
}*/
/*日程・結果*/

.scoreTable caption {
    padding: 10px;
    background-color: #4F4F4F;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}
.scoreTable {
    margin-bottom: 5px;
    width: 100%;
    border-collapse: collapse;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
.scoreTable th {
    line-height: 16px;
    padding: 6px 10px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    background-color: #f6f6f6;
    /* border-top: solid 1px #ccc; */
    height: 30px;
    border-bottom: solid 1px #ccc;
}

.scoreTable td.team {
    border-top: none;
    line-height: 1.2;
    height: 60px;
    font-weight: bold;
    font-size: 14px;
    position: relative;
}
.scoreTable td.team.left,
.scoreTable td.team.right{
    width: 160px;

}
.scoreTable td.team span{
    font-weight: bold;
}
.scoreTable td.team span.embS {
    display: block;
    display: inline-block;
    vertical-align: middle;
    margin-top: -13px;
}
.scoreTable td.team.left{
    padding-left: 20px;
}
.scoreTable td.team.left span.embS,
.scoreTable td.team.left img{
    position: absolute;
    left: 15px;
    top: 50%;
}
.scoreTable td.team.right{
    padding-right: 20px;
}
.scoreTable td.team.right span.embS,
.scoreTable td.team.right img{
    position: absolute;
    right: 15px;
    top: 50%;
}
.scoreTable td.team img{
    width: 23px;
    margin-top: -10px;
}



.scoreTable td {
    color: #333;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    position: relative;
}
.scoreTable td.score {
    font-size: 14px;
    font-weight: bold;
    width: 30px;
}
.scoreTable td.vs {
    font-size: 14px;
    width: 20px;
}

.scoreTable .stadium {
    text-align: center;
    border-top: none;
    padding-bottom: 5px;
}
.scoreTable td.score_mem {
    border-top: none;
    padding: 0;
    border-bottom: solid 1px #ccc;
}
.scoreTable tr:last-child td.score_mem{
    border-bottom: solid 1px #ccc;
    height: 1px;
}
.scoreTable td.score_mem ul {
    border-top: 1px dotted #ccc;
    text-align: left;
    padding: 3px 5px;
}
.scoreTable td.score_mem li {
    margin: 2px 0;
}
.scoreTable td.score_mem li span {
    background-color: #999;
    width: 60px;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    margin-right: 3px;
    vertical-align: middle;
}
.scoreTable td.linkWrap{
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    width: 100px;
}

.scoreTable td.linkWrap ul li{
    display: block;
    width: 100%;
}

.scoreTable td.linkWrap ul li a,
.scoreTable td.linkWrap ul li span{
    background: #2c6eb8;
    display: block;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    margin: 3px;
    line-height: 23px;
}
.scoreTable td.linkWrap ul li span{
    background: #ccc;
}
.scoreTable td.linkWrap ul li a,
.scoreTable td.linkWrap ul li span{
    width: auto;
}

.scoreTable td.linkWrap ul li a:hover{
    text-decoration: none;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.detalArea .articleTit{
    line-height: 1.5;
}





/* video */
.videoOneBox {
    margin: 0 10px 20px;
    background: #eaeaea;
}
.videoOneArea {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #000;
}
.videoCaption{
    font-size: 15px;
    line-height: 140%;
    padding: 15px 20px;
}


/*captionBlock*/
.captionBlock{
    border:1px solid #ccc;
    padding: 15px;
}
.captionBlock h6,
.captionBlock h5{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0.5em;
}
.ticket_caption li {
    line-height: 1.5;
    font-size: 10px;
    padding-top: 5px;
}










/*-----------------------
03: SUB BOTTOM
------------------------*/
.contentArea.padd20{ padding: 20px;}

/*sub_bottom*/
.sub_bottom{
    margin-top: 20px;
}
.sub_bottom .subBnrArea{
    font-size: 0;
    width: 620px;
    border-top: solid 1px #ccc;
    padding-top: 29px;
}
.sub_bottom .subBNR a img{
    vertical-align: top;
}
.sub_bottom .rectangleBlock{
    float: right;
    width: 300px;
}
/*.sub_bottom .subBNR {
    display: none;
}*/
.sub_bottom .subBnrArea{
    font-size: 0;
}
.sub_bottom .subBnrArea .subBNRiframeTop,
.sub_bottom .subBnrArea .subBNRiframeUnder{
    display: inline-block;
    width: 300px;
}
/*.sub_bottom .subBnrArea .subBNRiframeTop .subBNR:nth-child(-n+2),
.sub_bottom .subBnrArea .subBNRiframeUnder .subBNR:nth-child(-n+2){
    display: inline-block;
    margin-bottom: 20px;
}*/
.sub_bottom .subBnrArea .subBNRiframeTop{
    margin-right: 20px;
}
.sub_bottom .subBnrArea .subBNRiframeTop{
    vertical-align: top;
}
.sub_bottom .subBnrArea .infoLink.pub{
    display: none;
}

body > #breadcrumbList{
    width: 980px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 0;
    
}
/*body > #breadcrumbList li:after,
body > #breadcrumbList h1,
body > #breadcrumbList a{
    color: #fff;
}*/
.sub_bottom .subBnrArea .subBNRiframeTop{
    position: relative;
    width: 620px;
}
.sub_bottom .subBnrArea .subBNRiframeTop .btmBnrLists{
    width: 300px;
}
.sub_bottom .subBnrArea .subBNRiframeTop .btmBnrLists li a,
.sub_bottom .subBnrArea .subBNRiframeTop .btmBnrLists li span{
    height: 54px;
    width: 300px;
    text-align: middle;
    display: table-cell;
    vertical-align: middle;
}
.sub_bottom .subBnrArea .subBNRiframeTop .btmBnrLists li a i,
.sub_bottom .subBnrArea .subBNRiframeTop .btmBnrLists li span i{

}
.sub_bottom .subBnrArea .subBNRiframeTop .btmBnrLists li:nth-child(n+5){
    
}
.sub_bottom .subBnrArea .subBNRiframeTop .btmBnrLists li:nth-child(n+5){
    display: none;
}
.sub_bottom .subBnrArea .subBNRiframeTop .subBNR{
    position: absolute;
    right: 0;
    display: none;
}
.sub_bottom .subBnrArea .subBNRiframeTop .subBNR.bnr_dazn_faq{top:0;display: block;}
.sub_bottom .subBnrArea .subBNRiframeTop .subBNR.bnr_onlineshop{top:120px;display: block;}















/*-----------------------
01: COMMON style
------------------------*/
.margT10{margin-top: 10px;}
.margT20{margin-top: 20px;}
.margT30{margin-top: 30px;}

.margB10{margin-bottom: 10px;}
.margB20{margin-bottom: 20px;}
.margB30{margin-bottom: 30px;}

.paddT10{padding-top: 10px;}
.paddT20{padding-top: 20px;}
.paddT30{padding-top: 30px;}

.paddB10{padding-bottom: 10px;}
.paddB20{padding-bottom: 20px;}
.paddB30{padding-bottom: 30px;}



.txt{
    font-size: 14px;
    line-height: 1.65;
    margin-bottom: 1em;
}


/*-----------------------
04: FULL CLM style
------------------------*/
body.fullColumn .content .main {
    width: 100%;
    float: none;
    margin-top: 20px;
}
body.fullColumn .content .main > section {
    width: 100%;
    margin-left: 0;
}
body.fullColumn .sub_bottom .subBnrArea {
    font-size: 0;
    width: 620px;
    border-top: solid 1px #ccc;
    padding-top: 29px;
}


body.fullColumn .subBnrArea .infoLink{
    display: none;
}

body.fullColumn .contentsBox {
    padding: 0 20px 50px;
}



.pastLink{
    margin-bottom: 30px;
    font-size: 0;
}
.pastLink li{
    border: 1px solid #ccc;
    font-size: 12px;
    text-align: center;
    width: 49%;
    display: inline-block;
    margin-right: 2%;
    box-sizing: border-box;
}
.pastLink li:nth-child(2n){ margin-right: 0;}

.pastLink a {
    position: relative;
    padding: 10px;
    display: block;
    font-weight: bold;
}
.pastLink a:after {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f105";
    font-size: 14px;
    font-weight: normal;
    right: 9px;
    top: 50%;
    margin-top: -7px;
}
.pastLink a:hover{
    background: #fff;
    text-decoration: none;
}

div.switchIMG img.spIMG{display: none;}

.main_fullWidth{
	width: 100%;
	float: left;
	margin-top: 20px;
}