@charset "UTF-8";

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

http://www.jleague.jp/css/sp/international_youth2016.css
2016/12/15 ISM

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




/* kvArea */
.container .kvArea .navWrap{
    position: relative;

}
.container .kvArea ul.navList li > a,
.container .kvArea ul.navList li > span{
    background: #00203e;
}
.container .kvArea ul.navList li > span{
    background: #09121a;
    color: #2e3c48;
}
.container .kvArea ul.navList {
    background: #00203e;
}

/*body.video .kvArea .navList li.nav_photo a,*/
body.club .kvArea .navList li.nav_club a{
    background: #FFF !important;
    color: #07325C;
}
body.photo .tabSelecter .tab li.nav_photo a,
body.video .tabSelecter .tab li.nav_video a {
    position: relative;
    top: 1px;
    background: #FFFFFF;
    color: #464646;
    font-weight: bold;
}

/* common */
.ttlNoLink h3,
.ttlNoLink .blockTit{
    background: #003668;
}

.leftRedTit {
    border-left: 5px solid #003668;
}




/*dataTable*/
.dataTable{
    margin-bottom: 20px;
}
table.dataTable td{
	font-size: 10px;
	text-align: center;
}
.dataTable thead td{
    line-height: 1;
}
.dataTable td span{
display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}
.dataTable td.tdTeam {
    text-align: left;
    font-weight: bold;
    border-right: 1px solid #ccc;
}
.dataTable td.tdTeam .embS{
    display: inline-block;
    vertical-align: middle;
}
.dataTable td.tdTeam i{
    display: none;
    font-style: normal;
    font-weight: bold;
}
.dataTable td.rank{
    background: #FBE8E8;
}
.dataTable td:nth-child(1){width:5%;}
.dataTable td:nth-child(n+3){width:6.5%;}




/* scoreTable */
.scoreTable th{
    text-align: left;
}
.scoreTable td{
    border-bottom: solid 1px #ccc;
}
.scoreTable th a:hover{
    opacity: 0.5;
    text-decoration: none;
}
.scoreTable td a{
    padding: 7px 5px;
    display: block;
    margin: 3px auto;
    width: 80%;
    border-radius: 3px;
    background: #06c;
    color: #FFF;
}
.scoreTable td a.liveDelivery{
    background: #c50a00;
    color: #fff;
    width: 80%;
    margin: 3px auto;
    border-radius: 3px;
    line-height: 1.3;
}
.scoreTable td a.liveDelivery i{
    font-style: normal;
    display: block;

}
.scoreTable td.vs {
    font-size: 10px;
    white-space: nowrap;
    min-width: 50px;
}
.scoreTable td.team.left,
.scoreTable td.team.right{
    width: 180px;
    font-size: 10px;
    box-sizing: border-box;
}





/* club */

.clubName {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 20px;
    position: relative;
}
.clubName .embM {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: 5px;
}
.clubName i{
        font-size: 10px;
    font-style: normal;
    position: absolute;
    bottom: -10px;
    display: block;
    left: 33px;
}

.memTable{
    margin-top: 20px;
    font-size: 10px;
}
.memTable tbody th{
    border-right: none;
    padding: 5px 2px;
}
.memTable tbody th:nth-child(3),
.memTable tbody td:nth-child(3){
    border-right: 1px solid #ccc;
}
.memTable tbody td{
   padding: 5px 2px;
}
.memTable tbody td:nth-child(2),
.memTable tbody td:nth-child(3),
.memTable tbody td:nth-child(5),
.memTable tbody td:nth-child(6){
    text-align: left;
}
.memTable tbody td:nth-child(2),
.memTable tbody td:nth-child(5){
    font-weight: bold;
    width: 20%;
}

body.club .tabSelecter ul{
    height: auto;
}
body.club .tabSelecter .tab li{
    width: 25%;
}
body.club .tabSelecter .tab li:nth-child(5){
    border-left: 1px solid #666;
}

body.ftokyo .tabSelecter .tab li.ftokyo a,
body.matsumoto .tabSelecter .tab li.matsumoto a,
body.kyoto .tabSelecter .tab li.kyoto a,
body.hiroshima .tabSelecter .tab li.hiroshima a,
body.busanIpark .tabSelecter .tab li.busanIpark a,
body.estudiantes .tabSelecter .tab li.estudiantes a,
body.figueirense .tabSelecter .tab li.figueirense a,
body.perthGlory .tabSelecter .tab li.perthGlory a{
    background: #999999;
    color: #fff;
}




.photoArea .thumlist li{
    margin-bottom: 10px;
}