@charset "UTF-8";

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

http://www.jleague.jp/css/sp/international_youth2018.css
2018/11/21 ISM

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




/* kvArea */
.kvArea{
	width: 100%;
	background:  #000 url(/img/jyouth/2025/BG_kvarea.jpg) repeat-x 0 0;
	text-align: center;


}
.kvArea h2{
	background: url(/img/international_youth/2025/kv_header_international_youth2025_sp.png) no-repeat top center;
}
.kvArea h2 a{
	display: block;
	width: 100%;
	height: 100%;
}
.kvArea .navWrap {
	bottom: 0;
	width: 100%;
	margin: auto;
}
.content .kvArea #jyouth_nav.navWrap{
	position: relative;
}
.kvArea .localNav ul {
	/*border-top: 1px solid #abaaaa;*/
	display: table;
	table-layout: fixed;
	width: 100%;
	border-right: solid 1px #fff;
    background: #003569;
}
.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: #003569;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: normal;
    /* 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;
    color: #003569;
}


.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;
    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;
    padding-left: 0.5em;
}
.dataTable td.tdTeam .embS{
    /* display: inline-block; */
    /* vertical-align: middle; */
    display: none;
}
.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: 33.333%;
height: 54px;
}
body.club .tabSelecter .tab li:nth-child(4){
    border-left: 1px solid #666;
}

body.kyoto .tabSelecter .tab li.kyoto a,
body.kawasakiF .tabSelecter .tab li.kawasakiF a,
body.gosaka .tabSelecter .tab li.gosaka a,
body.hiroshima .tabSelecter .tab li.hiroshima a,
body.chapecoense .tabSelecter .tab li.chapecoense a,
body.vojvodina .tabSelecter .tab li.vojvodina a,
body.yokohamafm .tabSelecter .tab li.yokohamafm a,
body.shimizu .tabSelecter .tab li.shimizu a,
body.niigata .tabSelecter .tab li.niigata a,
body.kobe .tabSelecter .tab li.kobe a,
body.ulsan .tabSelecter .tab li.ulsan a,
/* body.rightToDream .tabSelecter .tab li.rightToDream 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;
}




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


.outline.commonTable td {
    padding: 5px !important;
    border: solid 1px #CCC !important;
    word-break: break-all;
}

.pastTXT {
	margin: 25px 0 15px 0;
	font-size: 14px;
}

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

.tabHeight li a {
	    height: 53px !important;
        padding: 0 0.5em;
}
.letterSpaceSP {
	letter-spacing: -1px;
    font-size: 4.8vw;
}
.letterSpaceSP i {
	    letter-spacing: normal !important;
}
/*-- videoArea-- */

.tabNavArea {
	margin: 10px 0px;
	width: 100%;
	display: table;
}
.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;
}
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 a {
	background-color: #4f4f4f;
	color: #fff;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 8px 2px;
	text-align: center;
	vertical-align: middle;
}
.tabBtnTxt .notactive {
	background-color: #4f4f4f;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.tabBtnTxt li span {
	color: #9D9D9D;
	background: #CACACA;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 2px;
	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 .jyouthPhotoArea .tabBtnTxt li:first-child a, .video .jyouthVideoArea .tabBtnTxt li:nth-child(2) a,
.videoLive .jyouthVideoArea .tabBtnTxt li:first-child a{
	background-color: #4f4f4f;
	color: #fff;
}
.videoArea .bodyArea iframe{
	width: 100%;
	height: auto;
	margin: 10px 0 0px;
}
.rightTopLink {
    height: 15px;
    margin: 20px 0;
    position: relative;
}



/*-- "matchArea ticketArea 調整-- */

.ticketArea .matchTicketList li:nth-child(3) .matchTeam {
    top: 3px !important;
}

.ticketArea .matchTicketList li:nth-child(3) .embRight {
    position: absolute !important;
    top: 0;
    left: 39%;
}



/****** "協賛" バナー追加　2025.12 ******/

.outlineArea__kyosan_kv {
    padding-bottom: 2em;
    width: 100%;
    background: #003569;
}
.outlineArea__kyosan_kv .ttl {
    font-weight: bold;
    font-size: 10px;
    font-size: 1.0rem;
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
}
.outlineArea__kyosan_kv .CLM__half {
    width: 70%;
    margin: 0 auto;
}

.outlineArea__kyosan {
    padding: 2em 0;
    background: #ebebeb url(/img/common/bg_body_whitecircle_min.png);
}
.outlineArea__kyosan .ttl {
    font-weight: bold;
    font-size: 10px;
    font-size: 1.0rem;
    text-align: center;
    margin-bottom: 20px;
    color: #000;
}

.outlineArea__kyosan .CLM__half {
    width: 90%;
    margin: 0 auto;
}
.CLM__half, .CLM__three, .CLM__four {
    display: flex;
    flex-wrap: wrap;
    justify-content: -ms- left;
    justify-content: -webkit- left;
    justify-content: left;
    align-items: -ms- top;
    align-items: -webkit- top;
    align-items: top;
}
.outlineArea__kyosan_kv .img__S, .outlineArea__kyosan .img__S {
    max-width: 288px;
    margin-bottom: 10px;
}
.outlineArea__kyosan_kv .img__S, .outlineArea__kyosan .img__S {
    width: 48%;
    display: block;
}
.CLM__half > li, .CLM__half > article, .CLM__half > figure, .CLM__half > div, .CLM__half > a {
    width: 48%;
    margin-right: 4%;
}
.CLM__half > a:nth-child(2n) {
    margin-right: 0;
}
.outlineArea__kyosan_kv .img__S img, .outlineArea__kyosan .img__S img {
    width: 100%;
}