@charset "UTF-8";

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

http://www.jleague.jp/css/international_youth2018.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;
}





/* 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(5){
    border-left: 1px solid #666;
}

body.kyoto .tabSelecter .tab li.kyoto a,
body.yokohamafm .tabSelecter .tab li.yokohamafm a,
body.kawasakiF .tabSelecter .tab li.kawasakiF a,
body.niigata .tabSelecter .tab li.niigata a,
body.gosaka .tabSelecter .tab li.gosaka a,
body.shimizu .tabSelecter .tab li.shimizu a,
body.hiroshima .tabSelecter .tab li.hiroshima a,
body.kobe .tabSelecter .tab li.kobe a,
body.chapecoense .tabSelecter .tab li.chapecoense a,
body.ulsan .tabSelecter .tab li.ulsan a,
body.vojvodina .tabSelecter .tab li.vojvodina a,
body.rightToDream .tabSelecter .tab li.rightToDream a,
body.pohangSteelers .tabSelecter .tab li.pohangSteelers a,
body.wolverhamptonWanderersFC .tabSelecter .tab li.wolverhamptonWanderersFC a,
body.pohangSteelers .tabSelecter .tab li.pohangSteelers a,
body.olympiqueDeMarseille .tabSelecter .tab li.olympiqueDeMarseille a{
    background: #999999;
    color: #fff;
}

body.kyoto .clubInfoWrap img,
body.yokohamafm .clubInfoWrap img,
body.kawasakiF .clubInfoWrap img,
body.niigata .clubInfoWrap img,
body.gosaka .clubInfoWrap img,
body.shimizu .clubInfoWrap img,
body.hiroshima .clubInfoWrap img,
body.kobe .clubInfoWrap img,
body.chapecoense .clubInfoWrap img,
body.ulsan .clubInfoWrap img,
body.vojvodina .clubInfoWrap img,
body.rightToDream .clubInfoWrap img,
body.pohangSteelers .clubInfoWrap img,
body.wolverhamptonWanderersFC .clubInfoWrap img,
body.pohangSteelers .clubInfoWrap img,
body.olympiqueDeMarseille .clubInfoWrap img{
	width: 100%;
}




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