@charset "UTF-8";
@import url('//code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css');

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

http://www.jleague.jp/css/transfer.css

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



.transferCnt{
	margin-bottom: 20px;
}

/* ----- tab(main) ----- */
.tabSelecter.tab_transfermain{
    margin: 20px 0;
    border-bottom: solid 1px #4F4F4F;
    overflow: inherit;
}
.tabSelecter.tab_transfermain ul{
    height: 41px;
    width: 80%;
    margin: auto;
}
.tabSelecter.tab_transfermain li{
    border: 1px solid #4F4F4F;
    border-bottom: 0;
    width: 49.5%;
}
.tabSelecter.tab_transfermain li a,
.tabSelecter.tab_transfermain li span{
    background: #e5e5e5;
    color: #4F4F4F;
    transition: .3s all;
}
.tabSelecter.tab_transfermain li a:hover{
    color: #c0c0c0;
}
.tabSelecter.tab_transfermain ul li:nth-child(1){
	margin-right: 1%;
}
body.league .tabSelecter.tab_transfermain li.league a,
body.date .tabSelecter.tab_transfermain li.date a{
    position: relative;
    top: 1px;
    background: #fdfdfd;
    font-family: 'Hiragino Kaku Gothic Std', sans-serif;
}

/* ----- tab(league) ----- */
.tabSelecter.tab_transfersub ul.league li{
	border-width: 5px;
}
.tabSelecter.tab_transfersub ul.league a,
.tabSelecter.tab_transfersub ul.league span{
	background: #e5e5e5;
	padding:7px 0;
	height: 46px;
    box-sizing: border-box;
	transition: .3s all;
}
.tabSelecter.tab_transfersub ul.league a p,
.tabSelecter.tab_transfersub ul.league span p{
	color: #000;
	font-size: 1.2rem;
    height: 30px;
    line-height: 30px;
}
.tabSelecter.tab_transfersub ul.league a:hover{
	opacity: .5;
}
.tabSelecter.tab_transfersub ul.league img{
	width: 150px;
	position: relative;
	top: 4px;
}
body.j1 .tabSelecter.tab_transfersub li.j1 a{ background: #e60012; }
body.j1 .tabSelecter.tab_transfersub li.j1 a p{
	color: #fff;
	font-size: 1.2rem;
    height: 30px;
    line-height: 30px; }
body.j2 .tabSelecter.tab_transfersub li.j2 a{ background: #007e41; }
body.j2 .tabSelecter.tab_transfersub li.j2 a p{
	color: #fff;
	font-size: 1.2rem;
    height: 30px;
    line-height: 30px; }
body.j3 .tabSelecter.tab_transfersub li.j3 a{ background: #0062b2; }
body.j3 .tabSelecter.tab_transfersub li.j3 a p{
	color: #fff;
	font-size: 1.2rem;
    height: 30px;
    line-height: 30px; }


/* ----- tab(club) ----- */
.tabSelecter.tab_transfersub ul.club{
	font-size: 0;
	margin-top: 5px;
}
.tabSelecter.tab_transfersub ul.club a,
.tabSelecter.tab_transfersub ul.club span{
	background: #FFF;
	transition: .3s all;
}
.tabSelecter.tab_transfersub ul.club a:hover{
	background: #CCC;
	color: #FFF;
}
.tabSelecter.tab_transfersub ul.club li{
	font-size: 13px;
	width: 9.09%;
	display: inline-block;
	border-right: none;
	border-left:1px solid #d8d8d8;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
}
.tabSelecter.tab_transfersub li:nth-child(11n),
.tabSelecter.tab_transfersub li:last-child{ border-right:1px solid #d8d8d8 !important; }
.tabSelecter.tab_transfersub li:nth-child(n+12){border-top:none !important;}




.datetext{
	text-align: right;
    font-size: 12px;
    margin-bottom: 10px;
}


/* ----- transferCnt_club ----- */
.transferCnt_club:nth-of-type(odd){
	background: #FFF;
}
.transferCnt_club:nth-of-type(even){
	background: #e5e5e5;
}
.transferCnt_club{
	padding: 40px;
	margin-top: 20px;
	border: 1px solid #e5e5e5;
}
.transferCnt_club h3{
	text-align: center;
	font-family: 'Hiragino Kaku Gothic Std', sans-serif;
	font-weight: 800;
	margin-bottom: 10px;
}
.transferCnt_club h3 .embM{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.transferCnt_club .CLM_half{
	display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}
.transferCnt_club .CLM_half table{
	width: 49%;
}

/* ----- table ----- */


.commonTable.transferTable{
	background: #FFF;
	font-size: 11px;
    letter-spacing: -0.05em;
    margin-bottom: 0;
}
.commonTable.transferTable caption{
	background: #4a4a4a;
    color: #FFF;
    padding: 10px;
    font-family: 'Hiragino Kaku Gothic Std', sans-serif;
	font-weight: 800;
	font-size: 14px;
	letter-spacing: 0.1em;
}
.commonTable.transferTable caption .icon{
	font-size: 16px;
	padding:0 10px;
}
.commonTable.transferTable caption.out{
	text-align: right;
}
.commonTable.transferTable td{
	padding:0;
}
.commonTable.transferTable td img{
	vertical-align: top;
}
.commonTable.transferTable td.date{width:40px;}
.commonTable.transferTable td.pic{width: 50px;}
.commonTable.transferTable td.name{text-align: left;padding-left: 5px;}
.commonTable.transferTable td.club{width: 80px;}
.commonTable.transferTable td.etc{width: 80px;}

.commonTable.transferTable td.name{padding-left: 15px;}
.commonTable.transferTable.date td.club,
.commonTable.transferTable.date td.etc{width: 150px;}

.commonTable.transferTable tr.gray{
	background: #f3f3f3;
}

.commonTable.transferTable td.club i{font-style: normal;}
i.fontS{ transform: scale(.8); display: inline-block; }
i.fontL{ display: inline-block; }



/* ----- notes ----- */
.transferCnt_notes{
	margin-top: 30px;
    border: 1px solid #a8a8a8;
    padding: 20px;
}
.transferCnt_notes ul li{
	font-size: 14px;
    line-height: 2;
}
.transferCnt_notes ul li span{
	display: inline-block;
	width: 100px;
}




.spDISP{display: none;}