@charset "UTF-8";

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

http://www.jleague.jp/css/nyc2017.css
2017/1/4 ISM

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

.content .kvArea .navWrap{
	position: relative;
}

.cntArea > article > section{
	margin-bottom: 30px;
}

.content .kvArea ul.navList li > a,
.content .kvArea ul.navList li > span,
.ttlNoLink h3,
.ttlNoLink .blockTit{
	background: #000;
}


.tabSelecter .tab li a:hover{
    background: #ffffff;
    color: #a9a9a9;
    opacity: 1;
}

/* blockTi t*/
.titBlockArea .blockTit.leftOrangeTit{
    border-left: 5px solid #E76205;
    font-size: 14px;
    font-weight: bold;
    line-height: 100%;
    margin-bottom: 16px;
    padding: 5px 10px;
}
.titBlockArea .blockTit.leftBlueTit{
    border-left: 5px solid #0555E8;
    font-size: 14px;
    font-weight: bold;
    line-height: 100%;
    margin-bottom: 16px;
    padding: 5px 10px;
}
.titBlockArea .blockTit.leftRedTit{
    border-left: 5px solid #E70506;
}





/* matchTable */
.matchTable{
    width: 100%;
    margin-bottom: 20px;
}
.matchTable th,
.matchTable td{
    vertical-align: middle;
    padding: 15px 5px;
    font-size: 12px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.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:nth-child(3),
.matchTable tr:nth-child(5),
.matchTable tr:nth-child(7){
    border-bottom: solid 1px #ccc;
}
.matchTable tr:nth-child(2) td:nth-child(n+2),
.matchTable tr:nth-child(4) td:nth-child(n+2),
.matchTable tr:nth-child(6) td:nth-child(n+2){
    border-bottom: dotted 1px #ccc;
}

.tabBox.okinawa .matchTable tr:nth-child(2) td:nth-child(n+2),
.tabBox.okinawa .matchTable tr:nth-child(4) td:nth-child(n+2),
.tabBox.okinawa .matchTable tr:nth-child(6) td:nth-child(n+2){
    border-bottom: solid 1px #ccc;
}
.matchTable th{
    text-align: center;
    background: #4f4f4f;
    color: #fff;
    /*font-weight: bold;*/
    border-left: solid 1px #fff;
}

.matchTable td{
    position: relative;
}

.matchTable th:first-child{
    border-left: none;
}
.matchTable tr td:last-child{
    text-align: center;
}
.matchTable tr .date {
    width: 100px;
}
.matchTable tr .time{
    width: 80px;
}
.matchTable tr .card{
    width: 100px;
}
.matchTable tr .stadium{
    width: 85px;
}
.matchTable tr .tv{
    width: 100px;
}
.matchTable .team.left span {
    position: absolute;
    top: 50%;
    left: 13%;
    margin-top: -13px;
    display: inline-block;
}
.matchTable .team.right span {
    position: absolute;
    top: 50%;
    right: 11%;
    margin-top: -13px;
    display: inline-block;
}

.matchTable tr td:nth-child(3),
.matchTable tr td:nth-child(4),
.matchTable tr td:nth-child(5){
    padding: 10px 0;
}

.matchTable tr td.team.left{
    padding-left: 15px;
}

.matchTable tr td.team.right{
    padding-right: 15px;
}
.matchTable tr td:last-child span{
    margin-left: 10px;
    font-weight: bold;
}
.roundDate {
    font-size: 14px;
    font-weight: bold;
}

.titBlockArea {
    margin-bottom: 15px;
}
.matchTable td:last-child a{
    /*color: #000;*/
    font-weight: bold;
}


.redCaption {
    font-size: 11px;
    color: #f00;
    margin-bottom: 20px;
}




/* Btn */
.matchBtn {
    text-align: right;
    margin: 0 0 20px 0;
}
.matchBtn a {
    background: #000;
    padding: 12px 34px 12px 20px;
    color: #fff;
    display: inline-block;
    position: relative;
    font-size: 14px;
}
.matchBtn a:hover{
	text-decoration: none;
	opacity: 0.5;
}
.matchBtn a:after {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 15px;
    font-family: 'icomoon3';
    content: "\ec600";
    font-size: 12px;
    text-decoration: none !important;
    color: #fff;
}
.joinBtn a {
    display: block;
    padding: 15px;
    color: #fff;
    width: 80%;
    background: #000000;
    margin: 0 auto;
    text-align: center;
}
.joinBtn a:hover{
	text-decoration: none;
	opacity: 0.5;
}


/*teamNav*/
.team .teamNav{
    margin-bottom: 30px;
}
.team .tabnav:first-child {
    border-top: 1px solid #000000;
}
.team .tabnav li:last-child {
    border-right: 1px solid #000000;
}
.team .tabnav {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.team .tabnav li {
    display: table-cell;
    font-size: 13px;
    color: #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
}
.team .tabnav li a, .team .tabnav li span {
    padding: 12px 0;
    color: #000000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    background: none;
    background: #e8e8e8;
    text-align: center;
    display: block;
}
.teamNav .tabnav li a span {
    padding: 0;
    background: none;
    display: inline-block;
}
.team .tabnav li a:hover {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

/*nycTeamArea*/
.clubBox {
    font-size: 0;
    margin-bottom: 30px;
}
.clubBox .clubName {
    margin-bottom: 10px;
    font-size: 25px;
    color: #000;
    line-height: 40px;
}
.clubBox .clubName .embM {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -3px;
}
.clubBox .clubPhoto {
    display: inline-block;
    vertical-align: top;
}
.clubBox .clubPhoto img {
    width: 270px;
    height: auto;
    display: block;
}
.clubBox .clubData {
    display: inline-block;
    width: 330px;
    font-size: 13px;
    vertical-align: top;
    margin-left: 20px;
}
.clubBox .clubDataTable {
    border-top: 1px solid #CCC;
    width: 100%;
    height: 230px;
}
.clubBox .clubDataTable th {
    width: 113px;
    background: #e7e7e7;
}
.clubBox .clubDataTable th,
.clubBox .clubDataTable td {
    border-bottom: 1px solid #ccc;
    padding: 8px 10px;
    vertical-align: middle;
}
.detalArea .figureArea img {
    vertical-align: bottom;
    width: 300px;
}

.eventDate {
    font-size: 12px;
    text-align: right;
    margin-bottom: 10px;
}
.nyc2colArea {
    display: table;
    width: 100%;
}
.nyc2colArea .nyc2colLeft {
    width: 300px;
    display: table-cell;
}
.nyc2colArea .nyc2colRight {
    width: 300px;
    display: table-cell;
    padding-left: 20px;
}
.nyc2colArea table th, .nyc2colArea table td {
    text-align: left;
}
.clubInfoList .dataTable td b {
    font-weight: bold;
    font-size: 16px;
    padding: 0 0 5px 5px;
    display: inline-block;
}
.nyc2colArea table td p {
    font-size: 12px;
    margin-bottom: 5px;
}
.teamNav .tabnav li#tokyov a i {
    display: none;
}
body.team.kashima .tabnav li#kashima a,
body.team.kashima .tabnav li#kashima a span{
    background: #AF191F;
    color: #fff;
}
body.team.yokohamafc .tabnav li#yokohamafc a,
body.team.yokohamafc .tabnav li#yokohamafc a span{
    background: #3568a7;
    color: #fff;
}
body.team.fukuoka .tabnav li#fukuoka a,
body.team.fukuoka .tabnav li#fukuoka a span{
    background: #004181;
    color: #fff;
}
body.team.nagasaki .tabnav li#nagasaki a,
body.team.nagasaki .tabnav li#nagasaki a span{
    background: #f49721;
    color: #fff;
}
body.team.iwata .tabnav li#iwata a,
body.team.iwata .tabnav li#iwata a span{
    background: #629FE8;
    color: #fff;
}
body.team.kitakyushu .tabnav li#kitakyushu a,
body.team.kitakyushu .tabnav li#kitakyushu a span{
    background: #F1AA1C;
    color: #fff;
}
body.team.kumamoto .tabnav li#kumamoto a,
body.team.kumamoto .tabnav li#kumamoto a span{
    background: #DB3027;
    color: #fff;
}
body.team.kagoshima .tabnav li#kagoshima a,
body.team.kagoshima .tabnav li#kagoshima a span{
    background: #16335F;
    color: #fff;
}
body.team.sapporo .tabnav li#sapporo a,
body.team.sapporo .tabnav li#sapporo a span{
    background: #D30013;
    color: #fff;
}
body.team.chiba .tabnav li#chiba a,
body.team.chiba .tabnav li#chiba a span{
    background: #EEC400;
    color: #fff;
}
body.team.ryukyu .tabnav li#ryukyu a,
body.team.ryukyu .tabnav li#ryukyu a span{
    background: #A91622;
    color: #fff;
}


/*nycStandingsArea*/
.nycStandingsArea .update {
    text-align: right;
    font-size: 12px;
    margin: 10px 0;
}

.scoreTable01.nycTable {
    margin-bottom: 30px;
}
.scoreTable01.nycTable .tdTeam {
    padding: 12px 5px 5px 10px;
    color: #000;
    width: 180px;
}
.scoreTable01.nycTable span.embS {
    position: relative;
    top: -3px;
    margin-right: 5px;
}
.scoreTable01 tbody .tdTeam span {
    font-weight: bold;
}

/*.nycOutlineArea*/
.nycOutlineArea .commonTable.outline td dl{
    /*background: #ccc;*/
}
.nycOutlineArea .commonTable.outline td dl dt{
    /*background: #fcc;*/
    margin-top: 10px;
}
.nycOutlineArea .commonTable.outline tbody tr:nth-child(8) td dl dt:first-child,
.nycOutlineArea .commonTable.outline tbody tr:nth-child(9) td dl dt:first-child{
    margin-top: 0;
    /*background: #00f;*/
}
.nycOutlineArea .commonTable.outline td dl dd{
    /*background: #ccf;*/
    margin: 5px;
}
.nycOutlineArea .commonTable.outline td dl dd ul{

}
.nycOutlineArea .commonTable.outline td dl dd ul li{
    margin: 5px;
}