@charset "UTF-8";

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

http://www.jleague.jp/css/international_youth2019.css
2017/12/4 ISM

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


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

}
.content .kvArea ul.navList li > a,
.content .kvArea ul.navList li > span{
    background: #00203e;
}


.content .kvArea ul.navList li > span{
    background: #09121a;
    color: #2e3c48;
}

.content .kvArea ul.navList {
    background: #00203e;
}

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



/* kvArea */
.kvArea{
    width: 100%;
    background:  #003668;
    text-align: center;
}
.kvArea h2{
    background: url(/img/international_youth/2025/kv_header_international_youth2025.jpg) no-repeat top center;
    height: 280px;
}
.kvArea h2 a{
    display: block;
    text-indent: -99999px;
    width: 100%;
    height: 100%;
}
.kvArea .nav980 {
    width: 980px;
    margin: 0 auto;
}
.kvArea .localNav ul {
    /*border-top: 1px solid #abaaaa;*/
    display: table;
    table-layout: fixed;
    width: 100%;
    border-right: solid 1px #fff;
    border-left: solid 1px #fff;
}
.kvArea .localNav ul:first-of-type{
    border-bottom: solid 1px #fff;
    border-top: solid 1px #fff;
}
.kvArea .localNav ul li {
    display: table-cell;
    border-left: medium none;
}
.kvArea .localNav ul li:last-child a,
.kvArea .localNav ul li:last-child span{
    border-right: none;
}
.kvArea .localNav ul li a,
.kvArea .localNav ul li span {
    background: #003668;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    /* padding: 0 10px; */
    text-align: center;
    line-height: 34px;
    border-right: solid 1px #fff;
}

.kvArea .localNav ul li span {
    background: rgba(0, 0, 0, 0.35);
    color: #858585;
}


body.top .kvArea .localNav li.nav_top a,
body.news .kvArea .localNav li.nav_news a,
body.photo .kvArea .localNav li.nav_photo a,
body.video .kvArea .localNav li.nav_video a,
body.match .kvArea .localNav li.nav_match a,
body.standings .kvArea .localNav li.nav_standings a,
body.club .kvArea .localNav li.nav_club a,
body.outline .kvArea .localNav li.nav_outline a{
    background: #FFF !important;
    color: #07325C;
}

.kvArea .localNav ul li a:hover {
    background: #000;
}



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

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




/*dataTable*/
.dataTable{
    margin-bottom: 20px;
}
.dataTable td span{
display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}
.dataTable td{
    width: 8%;
    height: 25px;
}
.dataTable td.tdTeam{
    width: 25%;
    text-align: left;
    font-weight: bold;
    border-right: 1px solid #ccc;
}
.dataTable td.tdTeam.noEmb{
    padding-left: 35px;
}
.dataTable td.tdTeam i{
    font-style: normal;
    font-weight: bold;
}
.dataTable td.rank{
    background: #FBE8E8;
}



/* 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: 3px;
    display: block;
    margin: 3px auto;
    width: 80%;
    border-radius: 3px;
}
.scoreTable td a:hover{
    text-decoration: none;
    background: #06c;
    color: #fff;
    font-size: 12px;
}
.scoreTable td a.liveDelivery{
    background: #c50a00;
    color: #fff;
    font-size: 12px;
    width: 80%;
    margin: 3px auto;
    border-radius: 3px;
}
.scoreTable td a.liveDelivery i{
    font-style: normal;
}
.scoreTable td a.liveDelivery:hover{
    opacity: 0.5;
}
.scoreTable td .pk{
    margin: 3px;
    display: block;
    font-size: 12px;
}
.scoreTable td.vs {
    width: 100px;
}
.scoreTable td.team.left,
.scoreTable td.team.right{
    width: 180px;
    font-size: 12px;
    box-sizing: border-box;
}
.scoreTable td.team.left {
    padding-left: 40px;
}
.scoreTable td.team.right {
    padding-right: 40px;
}



/* club */
.clubName {
    margin-bottom: 10px;
    font-size: 25px;
    line-height: 40px;
}
.clubName .embM {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
}
.clubName i{
    font-size: 10px;
    font-style: normal;
}

.memTable{
    margin-top: 20px;

}
.memTable tbody th{
    border-right: none;
}
.memTable tbody th:nth-child(3),
.memTable tbody td:nth-child(3){
    border-right: 1px solid #ccc;
}
.memTable tbody td{
    padding: 10px;
}
.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;
}

body.club .tabSelecter .tab li:nth-child(4){
    border-left: 1px solid #666;
}

body.omiya .tabSelecter .tab li.omiya a,
body.nagoya .tabSelecter .tab li.nagoya a,
body.gosaka .tabSelecter .tab li.gosaka a,
body.fukuoka .tabSelecter .tab li.fukuoka a,
body.crFlamengo .tabSelecter .tab li.crFlamengo a,
body.rightToDream .tabSelecter .tab li.rightToDream a,
body.bkHacken .tabSelecter .tab li.bkHacken a,
body.gwanju .tabSelecter .tab li.gwanju a,{
    background: #999999;
    color: #fff;
}

body.omiya .clubInfoWrap img,
body.nagoya .clubInfoWrap img,
body.gosaka .clubInfoWrap img,
body.fukuoka .clubInfoWrap img,
body.crFlamengo .clubInfoWrap img,
body.rightToDream .clubInfoWrap img,
body.bkHacken .clubInfoWrap img,
body.gwanju .clubInfoWrap img,
{
	width: 100%;
}

.interYouthArea .tabSelecter ul li{
        width: 33.333%;
}


/*thumlist.douga bodyArea*/
.bodyArea .photoArea .thumlist li {
    width: 300px;
    margin-right: 20px;
}
.bodyArea .photoArea .thumlist li:nth-child(2n){margin-right: 0;}
.bodyArea .photoArea .thumlist li img {
    width: 300px;
}

.outline.commonTable td {
    padding: 10px !important;
    border: solid 1px #CCC !important;
}

.pastTXT {
	margin: 25px 0 15px 0;
	font-size: 14px;
}
/*.
.bodyArea .thumlist li a {
    color: #333;
    position: relative;
    display: block;
}
.bodyArea .thumlist li figure span {
    display: block;
    position: relative;
}
.bodyArea .thumlist li img {
    width: 200px;
    height: auto;
    vertical-align: top;
}
.bodyArea .thumlist li figcaption {
    font-size: 12px;
    margin: 5px 0 10px;
    text-align: left;
}
.bodyArea .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;
}*/

.nolink {
	background-color: #5b7084 !important;
    color: #a9b3bc !important;
	pointer-events:none !important;
}


.padSide {
	padding: 0 6px !important;
}

.letterSpace {
	letter-spacing: -0.8px;
}


/*-- videoArea --*/

.internationalYouthVideoArea {
    margin-bottom: 30px;
}

.sub .whiteBlock h3 {
	border-left: 5px solid #3B1E87;
}
/*-----------------------
		日程結果
-----------------------*/
.tabNavArea {
	margin: 10px 0px;
	width: 100%;
	display: table;
}
.tabNavArea .tournament {
	width: 30%;
	border-left: 1px solid #fff;
}
.tabNavArea >div {
	display: table-cell;
	vertical-align: middle;
}
.tabBtnTxt {
	display: table;
	width: 100%;
}
.tabBtnTxt > li {
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
}
.tabBtnTxt li a {
	background-color: #4f4f4f;
	color: #fff;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
}
.tabBtnTxt .notactive {
	background-color: #4f4f4f;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.tabBtnTxt a:hover {
	background-color: #C5C5C5;
	color: #4f4f4f;
}
/*日程結果ローカルナビ*/
body.match .first_round .tabBtnTxt li:first-child a,
body.match .second_round .tabBtnTxt li:nth-child(2) a,
body.match .third_round .tabBtnTxt li:nth-child(3) a,
body.match .quarter_final .tabBtnTxt li:nth-child(4) a,
body.match .semi_final .tabBtnTxt li:nth-child(5) a,
body.match .final .tabBtnTxt li:nth-child(6) a {
	background-color: #f0f0f0;
	color: #4f4f4f;
}
.tabBtnTxt li span {
	color: #9D9D9D;
	background: #CACACA;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}


.history .tabBtnTxt,
.photo .tabBtnTxt,
.video .tabBtnTxt,
.videoLive .tabBtnTxt{
	table-layout: fixed;
}
.history .def .tabBtnTxt li:first-child a, .history .victories .tabBtnTxt li:nth-child(2) a,
.photo .internationalYouthPhotoArea .tabBtnTxt li:first-child a, .video .internationalYouthVideoArea .tabBtnTxt li:nth-child(2) a,
.videoLive .internationalYouthVideoArea .tabBtnTxt li:first-child a{
	background-color: #4f4f4f;
	color: #fff;
}
.photo .photoArea,
.video .photoArea{
	margin-top: 20px;
}
.videoArea .bodyArea iframe{
	margin: 20px 0px 5px;
}
.videoArea .bodyArea p{
	font-size: 15px;
	line-height: 1.2em;
}