@charset "utf-8";

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

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

--- --- ---
00: feature COMMON style
01: COMMON style
------------------------*/



/*-----------------------
00: feature COMMON style
------------------------*/

.container{
    padding-top: 0;
}

.container img {
    width: 100%;
    height: auto;
    max-width: 500px;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
}

.ttlNoLink h3,
.ttlLink h3 {
    background: #4F4F4F;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 100%;
    margin: 10px 0;
    padding: 12px 10px;
}

/*--- KV area ---*/
.kvArea{
  position: relative;
  margin: 0;
}
.kvArea .navWrap{
    width: 100%;
    background: #000000;
}
.navList{
  display: table;
    width: 100%;
}
.navList li{
    display: table-cell;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    vertical-align: bottom;
}
.navList li:last-child{
  border-right: none;
}
.container .kvArea ul.navList li > a,
.container .kvArea ul.navList li > span{
    font-size: 10px;
    line-height: 1.2em;
    height: 36px;
    display: table-cell;
    background: #000000;
    color: #fff;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    width: 500px;
}
.container .kvArea ul.navList li > a:hover {
    text-decoration: none;
    opacity: 0.75;
}

.container .kvArea ul.navList li > span {
    background: #333333;
    color: #737373;
}

.container .kvArea ul.navList li > a span,
.container .kvArea ul.navList li > span span{
  display: block;
}
.kvArea h2{
  text-align: center;
}
.kvArea h2 a{
    width: 100%;
    display: block;
    text-align: center;
    background: #000;
    line-height: 1;
}
.kvArea img {
    /*display: block;*/
    width: 100%;
    height: auto;
    max-width: 500px;
    vertical-align: bottom;
}
.container .kvArea .topIMG{display: none;}
body.top .container .kvArea .topIMG{display: block;}
body.top .container .kvArea .sIMG{display: none;}


.kvArea .navContInner{

}
.kvArea .navContInner ul{

}
.kvArea .navContInner ul li{
    display: table-cell;
    vertical-align: top;
    font-size: 12px;
    border-right: 1px solid #fff;
}
.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;
    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 a {
    padding: 5px;
    display: block;
    background: #dd0916;
    color: #fff;
    position: relative;
}
.kvArea .ticketbtn span {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    padding-left: 10px;
    font-size: 10px;
}
.kvArea .ticketbtn span.tit {
    font-weight: bold;
    width: 100px;
    text-align: center;
    padding: 0;
    font-size: 12px;
    border-right: 1px dotted #fff;
}






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.tournament .kvArea .navList li.nav_tournament a,
body.ranking .kvArea .navList li.nav_ranking a,
body.newhero .kvArea .navList li.nav_newhero a,
body.standings .kvArea .navList li.nav_standings a,
body.tv .kvArea .navList li.nav_tv a,
body.top .kvArea .navList li.nav_top a,
body.ticket .kvArea .navList li.nav_ticket a,
body.match .kvArea .navList li.nav_match 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.team .kvArea .navList li.nav_team a,
body.outline .kvArea .navList li.nav_outline a,
body.ng_match .kvArea .navList li.nav_ngmoutline a,
body.history .kvArea .navList li.nav_history a{
    background: #fff;
    color: #002F45;
}


.tabSelecter .tab li.current 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: 1px;
    background: #FFFFFF;
    color: #464646;
    font-weight: bold;
}
/*--- tabSelecter ---*/

.tabSelecter {
    margin: 0 0 20px 0;
    display: block;
    width: 100%;
}

.tabSelecter ul {
    border-bottom: 1px solid #000000;
    height: 42px;
    font-size: 0;
}

.tabContents nav.tabSelecter li:first-child{
    border-left: 1px solid #000000;
}

.tabSelecter .tab li {
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    box-sizing: border-box;
    background-color: #f0f0f0;
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.tabSelecter .tab li:first-child{
    border-left: 1px solid #000000;
}
.tabSelecter .tab li:last-child{
    border-right: 1px solid #000000;
}

.tabSelecter li > a,
.tabSelecter li > span {
    background-color: #e5e5e5;
    color: #4f4f4f;
    display: table-cell;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    width: 500px;
    height: 41px;
    font-weight: normal;
    letter-spacing: -0.06em;
}
.tabSelecter .tab li > span{
    background: #B9B9B9;
    color: #DADADA;
}

.tabSelecter .tab li.current {
    /*padding-bottom: 0;*/
    background: #fff;
}
.tabSelecter li.current a{
    font-weight: bold;
}
.tabSelecter .tab li.current a,
.tabSelecter .tab li.current a,
body.history.clubH .tabSelecter .tab li#clubH a,
body.history.playerH .tabSelecter .tab li#playerH a,
body.photo.cupup .tabSelecter .tab li.cupup a,
body.photo.newheroP .tabSelecter .tab li.newheroP a,
body.photo.groupstageP .tabSelecter .tab li.groupstage a,
body.video.highlight .tabSelecter .tab li.highlight a,
body.video.featureplayer .tabSelecter .tab li.feature a,
body.newhero.outlineN .tabSelecter .tab li.outlineN a,
body.newhero.pastWinners .tabSelecter .tab li.pastWinners a {
    position: relative;
    top: 1px;
    background: #FFFFFF;
    color: #464646;
    font-weight: bold;
}

/*20170803*/
body.news .tabSelecter .tab li.news a,
body.column .tabSelecter .tab li.column a,
body.standings .tabSelecter .tab li.standings a,
body.tournament .tabSelecter .tab li.tournament a{
	position: relative;
	top: 1px;
	background: #FFFFFF;
	color: #464646;
	font-weight: bold;
}

body.photo .tabSelecter .tab li.photo a,
body.video .tabSelecter .tab li.video a,
body.history .tabSelecter .tab li.history a,
body.outline .tabSelecter .tab li.outline a{
  position: relative;
	background: #666666;
	color: #FFFFFF;
	font-weight: bold;
}

body.photo .tabSelecter .twoline li,
body.video .tabSelecter .twoline li,
body.history .tabSelecter .twoline li,
body.outline .tabSelecter .twoline li{
  width:50%;
}

.tabSelecter .tab.threeline li{width: 33.33%;}
.tabSelecter .tab.fourline li{width: 25%;}
.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.nineline li {width: 11.11%;}
.tabSelecter .tab.tenline li {width: 10%;}





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


.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;
}


.leftRedTit {
    border-left: 5px solid #e60012;
    font-size: 14px;
    font-weight: bold;
    line-height: 100%;
    margin-bottom: 16px;
    padding: 5px 10px;
}





table.dataTable th{
    background: #e7e7e7;
    text-align: center;
    padding: 10px 0;
}
table.dataTable td{
    text-align: left;
    font-size: 12px;
}
table.dataTable td span{
    display: inline-block;
    vertical-align: middle;
}

.tablelist table.dataTable td{
    height: 50px;
    line-height: 50px;
    padding: 0;
}
.playoffwrap {
    margin-top: 20px;
}
#matchlist table.dataTable th,
.playoffwrap table.dataTable th{
    width: 100px;
    vertical-align: middle;
}
#matchlist table.dataTable td,
.playoffwrap table.dataTable td{
    padding-left: 15px;
}



/* news */
.headArea{

}
.headLineBlock a,
.infoBlock  li > a,
.infoBlock  li > span{
    color: #333;
    display: block;
    position: relative;
}
.infoBlock  li > a,
.infoBlock  li > span{
    padding: 10px 0;
}
.headLineBlock a:hover,
.infoBlock  li > a:hover{
    background: #F3F3F3;
    text-decoration:none;
}
.infoBlock  li > 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;
}
.entryTitle {
    display: block;
    margin-bottom: 5px;
}
.entryTitle .timestamp{
    display: inline-block;
    width: 120px;
    margin-bottom: 0;
}
.timestamp{
    color: #e60012;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 100%;

}
.entryTitle .ico{
    display: inline-block;
    margin-bottom: 0;
}
.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%;
}
.newsTitle{
    display: table;
}
.newsTitle .category{
    display: table-cell;
    background: #e5e5e5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 11px;
    padding: 5px 0 4px;
    width: 60px;
    text-align: center;
    line-height: 100%;
    vertical-align: middle;
}
.newsTitle .headline{
    display: table-cell;
    color: #000;
    font-size: 14px;
    vertical-align: middle;
    padding: 5px 15px 4px 10px;
}
.headLineBlock .bodyArea{
    display: block;
    margin: 10px 0 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.headLineBlock .bodyArea img{
    width: 100% !important;
    display: block;
}
.headLineBlock .bodyArea p{
    display: none;
    /*vertical-align: top;
    padding: 0 20px 0 15px;
    font-size: 13px;
    line-height: 160%;*/
}
.infoBlock{

}
.infoBlock li{
    border-bottom: 1px solid #ccc;
}
.infoBlock .newsTitle .headline{
    font-size: 13px;
}
.photoOneArea{
    text-align: center;
}
.photoOneArea figcaption{
    max-width: 500px;
    text-align: left;
    margin: 0 auto;
}

.newsLink{

}
.newsLink a{
    display: block;
    padding: 5px;
    font-size: 10px;
    color: #333;
    background: #eeeeee;
    margin-bottom: 20px;
}
.newsLink .category{
    display: inline-block;
    width: 60px;
    border-radius: 5px;
    padding: 2px;
    text-align: center;
    background: #d7d7d7;

}
.newsLink .timestamp{
    display: inline-block;
    padding-left: 5px;
}
.newsLink .headline{
    display: block;
    padding: 5px 5px 0;
}


/* news detail */
.articleTilArea{
    margin: 0;
}
.articleTilArea .articleTit{
    line-height: 1.3;
    padding-bottom: 0;
}
.detalArea p {
    font-size: 13px;
    line-height: 1.65;
    margin-bottom: 1em;
}
.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;
}




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

}
.photoArea .thumlist{
    font-size: 0;
}
.photoArea .thumlist li{
    font-size: 12px;
    display: inline-block;
    width:48%;
    margin-right: 4%;
    text-align: center;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.photoArea .thumlist li img{
  width: 100%;
  height: auto;
}

.photoArea .thumlist li:nth-child(2n){
    margin-right: 0;
}
.photoArea .thumlist li figcaption{
    font-size: 11px;
    margin: 3px 0 10px;
    text-align: left;
    font-weight: bold;
    line-height: 1.4;
}
.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.douga a:after {
  position: absolute;
  font-size: 54px;
  top: 45px;
  left: 50%;
  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;
}
.thumlist.douga li figure span{
    position: relative;
    display: inline-block;
}
.thumlist.douga li figure 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.8;
}

/*--- Outline ---*/
.outlineTable{
  width: 100%;
  border-bottom: solid 1px #ccc;
}
.outlineTable tr{
  border-top: solid 1px #ccc;

}
.outlineTable th,
.outlineTable td{
  font-size: 11px;
  padding: 10px 5px;
  vertical-align: middle;
  border-left: 1px solid #ccc;
}
.outlineTable th{
    width: 25%;
}
.outlineTable th:first-child,
.outlineTable td:first-child{
  border-left: none;
}
.outlineTable th{
    background: #e7e7e7;
    text-align: left;
    padding-left: 10px;
}

.outlineTable th dt,
.outlineTable td dt{
    font-size: 12px;
    margin-top: 10px;
}

.outlineTable th li,
.outlineTable td li{
    margin-top: 5px;
}

.outlineTable.regulation td dt:first-child{
    margin-top: 0;
}

.outlineTable .roundName{
    margin-top: 10px;
}

.outlineTable th li:first-child,
.outlineTable td li:first-child {
    margin-top: 0;
}

.outlineTable.match td ul{
    margin-top:5px;
}


/*--- history ---*/
h4.contTitle {
    background-color: #444;
    padding: 0 0 0 10px;
    margin: 0 0 5px 0;
    border-left: none;
}
h4.contTitle > span {
    display: block;
    padding-left: 10px;
    margin: 0;
    line-height: 28px;
    color: #FFF;
    font-size: 100%;
}
.historyTable {
    width: 100%;
    margin-bottom: 19px;
}
.historyTable th {
    border-bottom: 1px solid #cdd3da;
    font-weight: normal;
    text-align: left;
}
.historyTable th, .historyTable td {
    padding: 3px;
    font-size: 11px;
    vertical-align: middle;
}
.historyTable .win {
    background-color: #ffc;
}
.historyTable .club {
    width: 36%;
    text-align: center;
}
.historyTable .score {
    width: 28%;
    font-weight: bold;
    text-align: center;
    background-color: #e1eaf6;
}
.historyTable .gaiyou {
    clear: both;
    border-top: 2px solid #8E9EAF;
    border-bottom: none;
}
.historyTable .gaiyou img {
    float: right;
    margin: 0 0 0 5px;
}
body .second.history #main .container .historyTable img {
    width: auto;
    margin: 3px;
}
.historyTable .gaiyou span{
    display: block;
}
.historyTable td {
    border-bottom: 1px solid #8E9EAF;
}

.historyTable .club span{
    display: block;
}

.historyTable .score span{
    display: block;
    font-weight: bold;
}
p.notes-s {
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    margin-bottom: 10px;
}



/*--- team ---*/
.clubBox {
    font-size: 0;
    margin-top: 20px;
  margin-bottom: 20px;
}
.clubBox .clubName {
    margin-bottom: 10px;
    font-size: 18px;
    color: #000;
    line-height: 40px;
}
.clubBox .clubName .embM {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -4px;
}
.clubBox .clubPhoto {
    display: block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 10px;
}
.clubBox .clubPhoto img {
    display: inline-block;
    width: 100%;
    max-width: 500px;
    height: auto;
}
.clubBox .clubData {
    vertical-align: top;
}
.clubBox .clubDataTable {
    border-top: 1px solid #CCC;
    width: 100%;
    font-size: 12px;
}
.clubBox .clubDataTable th, .clubBox .clubDataTable td {
    border-bottom: 1px solid #ccc;
    padding: 8px 10px;
    vertical-align: middle;
    line-height: 1.3;
}
.clubBox .clubDataTable th {
    background-color: #e7e7e7;
    width: 84px;
}

.tabBox.analysis .formation {
    margin-bottom: 20px;
}
.analysis .formation figure {
    text-align: center;
}
.analysis .formation img {
    width: 100%;
    max-width: 500px;
}
.tabBox.analysis figcaption {
    text-align: left;
    font-size: 12px;
    padding: 5px;
}
.fxscArea .clubDataTable th,
.fxscArea .clubDataTable td{
    border-left: 1px solid #ccc;
}


.transferTeamTitle {
    background-color: #f6f6f6;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
}
.transferTeamTitle h4 {
    padding: 5px 20px 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    height: 25px;
    vertical-align: top;
}
.transferTeamTitle h4 span {
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: 5px;
}
.nyc2colArea {
    display: table;
    width: 100%;
}
.nyc2colArea .nyc2colLeft {
    display: table-cell;
    width: 48%;
}
.clubInfoList .dataTable thead td {
    padding: 0 5px;
    text-align: center;
    font-size: 13px;
}
.clubInfoList .dataTable td {
    text-align: left;
}
.clubInfoList .dataTable td b {
    font-weight: bold;
}
.clubInfoList .dataTable td p{
    font-size: 12px;
    margin: 0;
}
.nyc2colArea .nyc2colRight {
    display: table-cell;
    width: 48%;
    padding-left: 4%;
}

.fxscArea table th, .fxscArea .dataTable td{
    padding: 5px 0;
}

.team .tabnav {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 20px;
}
.team .tabnav li{
    display: table-cell;
    text-align: center;
}
.tabnav li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    font-size: 11px;
}
.tabnav li:last-child {
    border-right: 1px solid #000000;
}
.team .tabnav li a{
    vertical-align: middle;
    line-height: 40px;
    height: 40px;
    padding: 0;
    display: block;
    background: #e8e8e8;
    color: #000;
    font-size: 12px;
}
.team .tabnav li a:visited{
    color: #000;
}
.eventDate {
    font-size: 12px;
    text-align: right;
    margin-bottom: 3px;
}
.team .teamNav .tabnav li a span{
    display: none;
}
.team .teamNav .tabnav li#gosaka a i{
    font-style:normal;
}

body.team.hiroshima .tabnav li#hiroshima a{
    background: #604A9D;
    color: #fff;
}
body.team.gosaka .tabnav li#gosaka a{
    background: #004797;
    color: #fff;
}
body.team.urawa .tabnav li#urawa a{
    background: #E6002A;
    color: #fff;
}
body.team.ftokyo .tabnav li#ftokyo a{
    background: #042F90;
    color: #fff;
}
.TeamArea .tabContents .threeline li{
    width: 50%;
}

.TeamArea p {
    font-size: 13px;
    line-height: 1.65;
    margin-bottom: 1em;
}

.outlineTable .roundName:first-child {
    margin: 0;
}

.TeamArea .interviewArea img{
    margin-bottom: 1em;
}


.tabContents .threeline li{
    width: 50%;
}

.tabContents .threeline li#playOff{
    width: 100%;
}

/*--- table ---*/
.outline.commonTable td {
    text-align: left;
    padding-left: 10px;
}


/*--- matchTab ---*/
.matchTabNav .tabBtnTxt{
    font-size: 0;
}
.matchTabNav .tabBtnTxt li{
    display: inline-block;
    font-size: 10px;
    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 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-weight: bold;
    padding: 8px 0;
    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;
}



/* mtchTable */
.tv .matchTable tr th.ticket{
    display: none;
}
.tv .matchTable tr td:last-child{
    display: none;
}

.matchTable .team.left span.embS.embFct{
    top: 7px;
}

.matchTable td.team.right{
    position: relative;
}

.matchTable td.team.right .shortName {
    top:17px;
}
.matchTable .team.right span.embS {
    top: -17px;
}
.matchTable td.team.right i{
    top: 33px;
    left: -15px;
    position: relative;
}
.matchTable .team.right span.embS.embFct{
    top: -24px;
}

.matchTable {
    width: 100%;
    margin-bottom: 10px;
}
.matchTable tr .date {
    width: 15%;
}
.matchTable th:first-child {
    border-left: none;
}
.matchTable th {
    text-align: center;
    background: #4f4f4f;
    background: #000;
    color: #fff;
    border-left: solid 1px #fff;
}
.matchTable th, .matchTable td {
    vertical-align: middle;
    padding: 5px 0;
    font-size: 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
}
.matchTable tr .time {
    width: 11%;
    padding: 10px 0 5px;
}
.matchTable tr .card {
    width: 40%;
}
.matchTable tr .stadium {
    width: 9%;
}
.matchTable tr .tv {
    width: 28%;
}
.matchTable tr:nth-child(2) td:first-child, .matchTable tr:nth-child(4) td:first-child, .matchTable tr:nth-child(6) td:first-child {
    border-bottom: solid 1px #ccc;
}

.matchTable tr .time span {
    display: block;
    position: relative;
    bottom: 5px;
}
.matchTable tr td {
    padding: 8px 0px;
}
.matchTable .team.left span, .matchTable .team.right span {
    margin: 0 auto;
    display: block;
}
.matchTable .team.left span, .matchTable .team.right span {
    margin: 0 auto 2px;
    display: block;
    position: relative;
    top: 5px;
    line-height: 1.2;
}
.matchTable tr:nth-child(3), .matchTable tr:nth-child(5), .matchTable tr:nth-child(7) {
    border-bottom: solid 1px #ccc;
}
.matchTable td span {
    display: block;
}
.matchTable td{
    border-bottom: solid 1px #ccc;
}

.matchTable td:nth-child(4){
    width: 5%;
}
.matchTable .team.left span.clubName,
.matchTable .team.right span.clubName{
    display: none;
}
.matchTable .team i {
    font-style: normal;
}


.matchTable .team.left span.embS,
.matchTable .team.right span.embS{
    top: 3px;
}



/** sp ticket **/
.ticketArea .ticketTableArea{
    margin-top: 20px;
}
.ticket3Btn{
  width: 100%;
  display: table;
}
.ticket3Btn li {
  display: table-cell;
  width: 33%;
  padding-right: 1%;
  vertical-align: middle;
  text-align: center;
}
.ticket3Btn li.last4Btn{
  padding-right: 0;
}
.ticket3Btn li a{
  font-size: 10px;
  font-weight: bold;
  padding: 10px 0;
  color: #333;
  background-color: #eaeaea;
  display: block;
}
.ticketArea .matchAcc.noBorder{
    border-bottom: none;
}
.ticketArea .matchAcc .matchTicketList {
  display: block;
  font-size: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 0px;
  border-bottom: 1px solid #aaa;
}
.ticketArea .matchTicketList li {
  display: inline-block;
  font-size: 100%;
  vertical-align: middle;
  text-align: center;
  width: 22%;
}
.container img.dazn{
    width: auto;
}
.ticketArea .matchTicketList .ticketListBtn{
  padding:0 0 0 10px;
  width: 30%;
}
.ticketArea .matchAcc .matchTicketList .note{
  display: block;
  padding: 5px;
  background: #f0f0f0;
  width: 98%;
  text-align: left;
  box-sizing:border-box;
  margin: 10px auto 0;
}
.ticketArea .matchAcc .matchTicketList .note{
  font-size: 12px;
  line-height: 16px;
  }
.ticketArea .matchTicketList li span {
  margin-left: auto;
  margin-right: auto;
  display: block !important;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
.ticketArea .matchTicketList li span a{ font-weight: bold; }
.ticketArea .matchTicketList li .matchTeam {
  font-size: 13px;
  font-weight: bold;
}

.ticketArea .matchTicketList li:nth-child(3) .matchTeam {
    position: relative;
    top: 18px;
}

.ticketArea .matchTicketList li:nth-child(3) .embRight{
    position: relative;
    bottom: 18px;
}

.ticketArea .matchTicketList li .matchLiveTxt {
  font-size: 12px;
  line-height: 15px;
}
.ticketArea .accList{
    border-top: 1px solid #ccc;
}
.ticketArea .accList.secondList{
    margin-top: 20px;
}
.ticketArea .archiveLink02{
    margin-top: 25px;
}


/*20160129*/
.StandingsArea .scoreTable01 td{
    text-align: left;
}

.StandingsArea .tabSelecter .tab li:nth-child(3){
    border-left: 1px solid #000000;
}

.StandingsArea .tabSelecter .tab li:nth-child(2),
.StandingsArea .tabSelecter .tab li:nth-child(4){
    border-left: none;
}

.StandingsArea .scoreTable01 .standings{
    width: 10%;
}

.StandingsArea .scoreTable01 .team{
    width: 30%;
}
.StandingsArea .scoreTable01 td .teamName{
    display: none;
}

.StandingsArea .scoreTable01 th {
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
}

.StandingsArea .scoreTable01 .tdTeam i{
    font-style: normal;
}


.TeamArea .tabSelecter .tab li{
    width: 33.3%;
}

.TeamArea .tabSelecter .tab li:nth-child(2){
    border-left: none;
}

.interviewArea .read{
    text-align: right;
}

.interviewArea .read a{
    padding: 5px 10px;
    font-size: 14px;
    color: #333;
}

.interviewArea .read a:hover{
    text-decoration: none;
    opacity: 0.75;
}

.interviewArea p{
    font-size: 14px;
}

.TeamArea .teamProfile {
    margin-bottom: 20px;
}

.figureArea {
    margin-bottom: 20px;
}
.figureArea figure{
    background: #eaeaea;
}

.figureArea figure figcaption{
    color: #444;
    display: block;
    font-size: 12px;
    line-height: 160%;
    padding: 15px 17px;
}

.matchTable td:last-child a.leagAccBtnlinkRedW {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248, 46, 46, 1)), color-stop(100%, rgba(247, 5, 5, 1)));
    background: -webkit-linear-gradient(top, rgba(248, 46, 46, 1) 0%, rgba(247, 5, 5, 1) 100%);
    background: linear-gradient(to bottom, rgba(248, 46, 46, 1) 0%, rgba(247, 5, 5, 1) 100%);
    border: 1px solid #ff0000;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 8px 0px;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    -moz-box-shadow: inset 0 1px 0 0px rgba(255, 255, 255, 0.3);
    -o-box-shadow: inset 0 1px 0 0px rgba(255, 255, 255, 0.3);
    -ms-box-shadow: inset 0 1px 0 0px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 1px 0 0px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 1px 0 0px rgba(255, 255, 255, 0.3);
    display: block;
    box-sizing: border-box;
    color: #fff;
}

.matchTable td:last-child .leagAccBtn{
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background: -moz-linear-gradient(top, rgba(204,204,204,1) 1%, rgba(193,193,193,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(204,204,204,1)), color-stop(100%, rgba(193,193,193,1)));
    background: -webkit-linear-gradient(top, rgba(204,204,204,1) 1%, rgba(193,193,193,1) 100%);
    background: linear-gradient(to bottom, rgba(204,204,204,1) 1%, rgba(193,193,193,1) 100%);
    border: 1px solid #b1b1b1;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 8px 0px;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    -moz-box-shadow: inset 0 1px 0 0px rgba(255, 255, 255, 0.3);
    -o-box-shadow: inset 0 1px 0 0px rgba(255, 255, 255, 0.3);
    -ms-box-shadow: inset 0 1px 0 0px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 1px 0 0px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 1px 0 0px rgba(255, 255, 255, 0.3);
    color: #fff;
    display: block;
    box-sizing: border-box;
}

.matchTable td:last-child .leagAccBtn:hover{
    opacity: 1;
}



/* video */
.videolist li figure span {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    display: block;
}

.videolist li figure figcaption span:after{
    display: none;
}

.TeamArea .tabSelecter li a{
    font-size: 11px;
}

.videoOneBox {
    margin: 0 10px 20px;
    background: #eaeaea;
}
.videoOneArea {
    background: #000;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 0;
}
.videoOneArea iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.videoCaption {
    margin: 0;
    padding: 10px;
    font-size: 15px;
    line-height: 140%;
}







.standingsDate {
    text-align: right;
    font-size: 12px;
}
.group4Btn {
    display: table;
    width: 100%;
    margin: 10px 0px;
}
.group4Btn li {
    display: table-cell;
    width: 24%;
    padding-right: 1%;
    vertical-align: middle;
    text-align: center;
}
.group4Btn li a {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0;
    color: #333;
    background-color: #eaeaea;
    display: block;
    text-decoration: none;
}
.group4Btn li a:hover {
    background-color: #4f4f4f;
    color: #fff;
    text-decoration: none;
}
.standingsGroupArea h5 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
.standingsMatchArea .dataTable {
    margin-bottom: 30px;
}
.standingsMatchArea .dataTable td{
    width: 30px%;
    text-align: center;
    border-left: none;
}
.standingsMatchArea .dataTable .tdTeam{
        width: 150px;
        text-align: left;
}
.standingsMatchArea .dataTable td span{
    vertical-align: middle;
}


.tv .tvScheduleDateArea{
    margin-top: 15px;
}

.standingsMatchArea .ttlNoLink{
    display: none;
}


/*----------- feature -----------*/
.newsDetail p{
    font-size: 13px;
    line-height: 1.65;
    margin-bottom: 1em;
}







/* scoreTable */
.scoreTable{
    margin-bottom: 5px;
    width: 100%;
    border-collapse: collapse;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
.scoreTable th{
    line-height: 14px;
    padding: 6px 0;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    background-color: #f6f6f6;
    border-top: solid 1px #ccc;
    height: 30px;
    width: 15%;
}
.scoreTable td{
    color: #333;
    font-size: 10px;
    padding: 8px 0;
    text-align: center;
    vertical-align: middle;
    position: relative;
    border-top: solid 1px #ccc;
}
.scoreTable td.score_mem{
    border-top: none;
    padding: 0;
    border-bottom: solid 1px #ccc;
}
.scoreTable td.score_mem ul{
    border-top:1px dotted #ccc;
    text-align: left;
    padding: 3px;
    margin-left: 3px;
}
.scoreTable td.score_mem li{
    margin: 2px 0;
    display: table;
}
.scoreTable td.score_mem li span {
    background-color: #42537A;
    width: 60px;
    display: table-cell;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    vertical-align: middle;
}
.scoreTable td.score_mem li i{
     display: table-cell;
     line-height: 1.2;
     padding-left: 3px;
     font-style: normal;
     vertical-align: middle;
}

.scoreTable tr:last-child td.score_mem {
    border-bottom: solid 1px #ccc;
    height: 1px;
}

.scoreTable td.team{
    border-top: none;
    width: 22%;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    padding-top: 20px;
}
.scoreTable td.team span{
    display: block;
    font-weight: bold;
}
.scoreTable td.team img{
    border:1px solid #ccc;
    display: block;
    margin:0 auto 3px;
    width: auto;
}
.scoreTable td.team span.embS{
    position: absolute;
    top: 10%;
}
.scoreTable td.team.left span.embS{left:50%; margin-left: -9px;}
.scoreTable td.team.right span.embS{right:50%; margin-right: -9px;}

.scoreTable td.score{
    width: 5%;
    font-size: 12px;
    font-weight: bold;
}

.scoreTable td.vs{width: 20px; font-size: 14px;}

.scoreTable td.linkWrap{
    border-left: 1px solid #ccc;
}
.scoreTable td.linkWrap ul{
    font-size: 0;/*隙間用*/
}
.scoreTable td.linkWrap ul li{
    font-size: 12px;/*隙間用*/
    display: block;
    vertical-align: middle;
    box-sizing: border-box;
    /*line-height: 2em;*/
    /*height: 2em;*/
    font-size: 10px;
    margin:5px 0;
    text-align: center;
}
.scoreTable td.linkWrap ul li > a,
.scoreTable td.linkWrap ul li > span{
    border:none;
    display: inline-block;
    background-color:#2c6eb8;
    width: 95%;
    margin-left: 5%;
    line-height: 1.3;
    padding: 5px 0;
    color: #fff;
}
.scoreTable td.linkWrap ul li > a > span{
    display: inline-block;
}




.bnr {
    margin-bottom: 30px;
    text-align: center;
}
.bnr a{
    display: block;
}
.bnr img{
    margin: 0 auto;
}


/* menuList */
.menuList ul{
    display: table;
    table-layout: fixed;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    width: 100%;
    table-layout:fixed;
}
.menuList li {
    display: table-cell;
    border-right: 1px solid #ccc;
}
.menuList li:last-child {
    border-right: none;
}
.menuList li a {
    text-align: center;
    display: block;
    background: #f6f6f6;
    text-align: left;
    line-height: 100%;
    padding: 18px 0 18px 10px;
    font-weight: bold;
    font-size: 14px;
    color: #333;
    position: relative;
}
.menuList li a:after {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right:10px;
    font-family: 'FontAwesome';
    content:"\f105";
    font-size: 22px;
}
.menuList li a:hover {
    background: #06c;
    color: #fff;
    text-decoration: none;
}




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


.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;
}







.rankingDate {
    font-size: 12px;
    color: #888;
    margin: 10px 0;
    text-align: right;
}




.pastLink{
    margin-bottom: 30px;
    font-size: 0;
}
.pastLink li{
    border: 1px solid #ccc;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 5px;
}

.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.pcIMG{display: none;}

.floatingBnr,#pageTopBtn{z-index: 1111111111111111;}


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