@charset "utf-8";
/* PC*/
/* -------------------------------------
 TITLE
 ------------------------------------- */
.midium {
    margin: 0 0 15px;
    padding: 5px 0 5px 15px;
    border-left: 5px solid #e60012;
    font-weight: bold;
}
p.default {
    line-height: 1.8;
    font-size: 14px;
}
.afc .main ul.normal {
    list-style-type: disc;
    line-height: 1.8;
    padding-left: 30px;
    font-size: 14px;
}
.afc .main ul.normal b {
    font-weight: bold;
}
p.notes-s {
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    margin-bottom:10px;
}
/* -------------------------------------
 Btn
  -------------------------------------*/
.afc .content .btnarea {
    padding: 9px 0;
}
.afc .content .btnarea li {
    display: inline-block;
*display:inline;
*zoom:1;
    height: 30px;
    margin: 0 10px 0 0;
    width: 300px;
}
.afc .content .btnarea a {
    display: block;
    width: 300px;
    margin: 0 auto;
    line-height: 30px;
    background-color: #3b93d6;
    color: #f9f9f9;
    min-height: 28px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.afc .content .btnarea a:hover {
    background-color: #ddd;
    color: #333333;
    text-decoration: none;
}
.afc .content .aclnotes li {
    font-size: 10px;
    margin-bottom: 5px;
}
.textC {
    text-align: center;
}
.kvArea h2 a img{
    width: 100%;
}

/* -------------------------------------
 NAVIGATION 
  -------------------------------------*/
.aclNav {
    text-align: left;
    padding: 5px 10px;
    background-color: #012b53;
    margin: 1px 0 10px 0;
}
.aclNav li {
    display: inline-block;
 *display:inline;
 *zoom:1;
    height: 27px;
    line-height: 27px;
	font-size: 12px;
}
.aclNav li a {
    display: block;
    color: #FFF;
    line-height: 27px;
    padding: 0 18px;
    background-color: #023e77;
}
.schedule .aclNav li#aclNavschedule a, .aclnews .aclNav li#aclNavnews a, .acloutline .aclNav li#aclNavoutline a, .aclhistory .aclNav li#aclNavhistory a, .aclNav li a:hover {
    background-color: #37abdd;
    text-decoration: none;
}
.aclNav li#aclNavtop a {
    background-color: #a9d9ed;
    color: #012b53;
}
/* -------------------------------------
TOP 
------------------------------------- */
#topimgarea {
    margin: 0;
}
#topimgarea img {
    vertical-align: bottom;
}
p.side-goto {
    font-size: 12px;
    text-align: right;
    float: none;
}
p.side-goto span {
    text-align: left;
}
.afc .content h3.aclcontTitle {
    font-weight: bold;
    font-size: 18px;
    border-bottom: #0e4285 solid 3px;
    padding: 9px 0 9px 5px;
}
.afc .content h3.aclcontTitle span.h3bc {
    display: inline-block;
*display:inline;
 *zoom:1;
    background-image: url(../2014/img/acl_news.png);
    background-repeat: no-repeat;
    background-position: -619px 4px;
    padding-left: 32px;
}
.afc .content h4.aclcontTitle {
    background-color: #444;
    padding: 0 0 0 10px;
    margin: 0 0 5px 0;
}
.afc .content h4.aclcontTitle > span {
    display: block;
    padding-left: 10px;
    margin: 0;
    line-height: 28px;
    color: #FFF;
    font-size: 14px;
}
.h4titlearea {
    padding-bottom: 28px;
}
.h4titlearea h4 {
    border-bottom: #0e4285 1px solid;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.h4titlearea h4 em {
    font-style: normal;
    font-size: 12px;
    font-weight: normal;
}
.afc .content h5 {
    border-bottom: 1px dotted #8ab2da;
    padding: 3px 5px;
    margin-bottom: 9px;
    font-weight: bold;
    background-color: #e1eaf6;
    color: #0e4285;
}
.afc .content h6 {
    color: #0e4285;
    font-weight: bold;
    border-left: 5px solid #0e4285;
    padding: 2px 0 0 6px;
    margin-bottom: 5px;
    line-height: 1.2;
}
td h5 {
    margin-top: 19px;
}
td h5:first-child {
    margin-top: 0;
}

/* -------------------------------------
 SCHEDULE
------------------------------------- */
.pageinnerlink {
    padding: 0;
    text-align: center;
    margin-bottom: 9px;
    padding: 5px 0;
    font-size: 72%;
}
.pageinnerlink li {
    margin: 0;
    border-right: 1px solid #1c1c1c;
    display: inline-block;
 *display:inline;
 *zoom:1;
    line-height: 1;
 *line-height:1.4;
    padding: 0 10px;
}
.pageinnerlink li:last-child {
    border-right: none;
}
.afc.schedule ul.schelist {
    padding-bottom: 5px;
    margin-bottom: 10px;
    line-height: 1.8;
    font-size: 14px;
}
.afc.schedule ul.schelist li {
    margin-bottom: 5px;
}
.afc.schedule ol li {
    margin-bottom: 5px;
    list-style: decimal;
    margin-left: 2em;
}
#groupE b {
    color: #000;
    font-weight: bold;
}
#groupF b {
    color: #004ea2;
    font-weight: bold;
}
#groupG b {
    color: #e6002d;
    font-weight: bold;
}
#groupH b {
    color: #b8193f;
    font-weight: bold;
}
.schedule b{font-weight:bold;}

/* -------------------------------------
HISTORY
------------------------------------- */
.aclhistoryTable {
    width: 100%;
    margin-bottom: 24px;
    line-height: 1.8;
    font-size: 14px;
}
.aclhistoryTable th, .aclhistoryTable td {
    padding: 9px 5px;
    vertical-align: middle;
    font-size: 12px;
}
.aclhistoryTable th {
    border-bottom: 1px solid #cdd3da;
    font-weight: normal;
    text-align: left;
}
.aclhistoryTable td {
    border-bottom: 1px solid #8E9EAF;
}
.aclhistoryTable .club {
    width: 40%;
    text-align: center
}
.aclhistoryTable .score {
    width: 20%;
    font-weight: bold;
    text-align: center;
    background-color: #e1eaf6;
}
.aclhistoryTable .win {
    background-color: #ffc
}
.aclhistoryTable .gaiyou {
    clear: both;
    border-top: 2px solid #8E9EAF;
    border-bottom: none;
}
.aclhistoryTable .gaiyou img {
    float: right;
    margin: 0 0 0 5px;
}
/* -------------------------------------
 TABLE
------------------------------------- */
table.full {
    width: 100%;
}
table.formatA {
    margin: 5px 0 15px;
    border-collapse: collapse;
}
table.formatA th, table.formatA td {
    padding: 10px;
    line-height: 1.5;
    border: 1px solid #cccccc;
    font-size: 14px;
}
table.formatA th {
    background-color: #eeeeee;
}






/* -------------------------------------
2015/04/27 
------------------------------------- */
/* KV */
.kvArea{
    position: relative;
    height: 245px;
    margin-bottom: 20px;
}
.kvArea h2 a{
    width: 100%;
    height: 195px;
    display: block;
}
.kvArea .aclNavList{
    position: absolute;
    display: table;
    bottom: 0;
    width: 100%;
    height: 40px;
}
.kvArea .aclNavList li{
    display: table-cell;
}

.kvArea .aclNavList li a,
.kvArea .aclNavList li span{
    display: block;
    text-align: center;
    color: #fff;
    background: rgba(0, 50, 72, 0.85);
    line-height: 40px;
    font-size: 13px;
    padding: 0 10px;
}
.kvArea .aclNavList li span{
    background: #205875;
    color: #7594A3;
}
.kvArea .aclNavList li a:hover{
    background: rgba(0, 50, 72, 0.3);
    text-decoration: none;
}
body.top .kvArea .aclNavList li#aclNavtop a,
body.news .kvArea .aclNavList li#aclNavsNews a,
body.match .kvArea .aclNavList li#aclNavMatch a,
body.standings .kvArea .aclNavList li#aclNavsStandings a,
body.photo .kvArea .aclNavList li#aclNavPhoto a,
body.tv .kvArea .aclNavList li#aclNavTv a,
body.video .kvArea .aclNavList li#aclNavVideo a,
body.history .kvArea .aclNavList li#aclNavsHistory a,
body.outline .kvArea .aclNavList li#aclNavsOutline a{background: #fff;  color: #002F45;}


/* content */
.afcArea article > section {
    margin-bottom: 30px;
}
.afcArea .ttlNoLink,
.afcArea .ttlLink{
    margin-bottom: 10px;
}
.afcArea .ttlNoLink h3,
.afcArea .ttlLink h3{
    background: #00496F;
      padding: 12px 16px;
}

.afcArea .detalArea p{
    font-size: 13px;
    line-height: 1.65;
    margin-bottom: 1em;
}
.leftRedTit{
    border-left: 5px solid #004d96;
}

/* afcNewsArea */
.headArea{

}
.headLineBlock a,
.infoBlock a{
    color: #333;
    display: block;
    position: relative;
}
.infoBlock a{
    padding: 10px 0;
}
.headLineBlock a:hover,
.infoBlock a:hover{
    background: #F3F3F3;
    text-decoration:none;
}
.headLineBlock a:after,
.infoBlock a:after {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 3px;
    font-family: 'icomoon3';
    content: "\ec600";
    font-size: 13px;
    text-decoration: none !important;
    color: #AFAFAF;
}
.entryTitle {
    display: block;
    margin-bottom: 5px;
}
.entryTitle .timestamp{
    display: inline-block;
    width: 120px;
}
.timestamp{
    color: #e60012;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 100%;
}
.entryTitle .ico{
    display: inline-block;
}
.entryTitle .ico span{
    background: #e60012;
    color: #fff;
    font-size: 10px;
    padding: 3px 0 2px;
    display: inline-block;
    width: 60px;
    text-align: center;
    line-height: 100%;
}
.newsTitle{
    display: table;
}
.newsTitle .category{
    display: table-cell;
    background: #e5e5e5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    padding: 5px 0 4px;
    width: 100px;
    text-align: center;
    line-height: 100%;
    vertical-align: middle;
}
.newsTitle .headline{
    display: table-cell;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
    padding: 5px 0 4px 10px;
}
.headLineBlock .bodyArea{
    display: table;
    margin: 10px 0 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.headLineBlock .bodyArea img{
    width: 250px;
    display: table-cell;
}
.headLineBlock .bodyArea p{
    display: table-cell;
    vertical-align: top;
    padding: 0 20px 0 15px;
    font-size: 13px;
    line-height: 160%;
}
.infoBlock{

}
.infoBlock li{
    border-bottom: 1px solid #ccc;
}
.infoBlock .newsTitle .headline{
    font-size: 13px;
    padding-right: 20px;
}

/* afcPhotoArea */
.afcPhotoArea{

}
.afcPhotoArea .thumlist{
    letter-spacing: -.40em;/*隙間用*/
}
.afcPhotoArea .thumlist li{
    letter-spacing: normal;/*隙間用*/
    display: inline-block;
    width: 33.3333%;
    text-align: center;
    min-height: 200px;
    vertical-align: top;
}
.afcPhotoArea .thumlist li:nth-child(3n+1){
    text-align: left;
}
.afcPhotoArea .thumlist li:nth-child(3n){
    text-align: right;
}
.afcPhotoArea .thumlist li figcaption{
    font-size: 13px;
    font-weight: bold;
    margin: 10px auto;
    text-align: center;
    width: 90%;
}
.afcPhotoArea .thumlist li figcaption span{
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
    display: block;
    letter-spacing: -0.05em;

}
.afcPhotoArea .thumlist li a{
    color: #333;
    position: relative;
    display: block;
}
body.top .afcPhotoArea li:nth-child(n+7){
    display: none;
}
.afcPhotoArea .thumlist.douga li a:after {
  position: absolute;
  font-size: 54px;
  top: 45px;
  left: 50%;
  margin-left: -27px;
  font-family: "icomoon3";
  content: "\ec601";
  color: #FFF;
  line-height: 100%;
  opacity: 0.7;
}






/* news detail */
.articleTitWrap{
    padding-bottom: 0;
}
.backLink{
    text-align: center;
}
.backLink a{
    color: #333;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
    border:1px solid #ccc;
    border-radius: 3px;
    display: inline-block;
    margin: 0 auto;
}
.backLink a:before{
   content: "\f053";
    display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0 .3em;
    text-decoration: none;
    padding-right: 10px;
}
.backLink a:hover{
    background: #EAEAEA;
    text-decoration: none;
}

/* afcMatchArea */
/*.accordionIndex .accBtnList > a,
.accordionIndex .accBtnList > span {
    padding: 15px 0px;
    font-size: 14px;
}*/
.afcMatchArea .matchinfoAcc{
    margin-top: 20px;
}
.afcMatchArea .tabSelecter{
    position: relative;
    height: 60px;
}
.fiveline > li,
.fiveline > dl {
  float: left;
  width: 20%;
}
.afcMatchArea .tabSelecter li:nth-child(2),
.afcMatchArea .tabSelecter li:nth-child(3),
.afcMatchArea .tabSelecter li:nth-child(4),
.afcMatchArea .tabSelecter li:nth-child(5){
    top: 20px;
    border-top: 1px solid #fff;
}
/*.afcMatchArea .tabSelecter li:nth-child(3){
    border-right: none;
}*/
.afcMatchArea .tabSelecter li:nth-child(1) a{
    height: 60px;
    line-height: 60px;
    padding: 0;
    border-left: 1px solid #fff;
}
.afcMatchArea .tabSelecter:before{
    content:"ノックアウトステージ";
    display: block;
    width: 80%;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    position: absolute;
    text-align: center;
    background: #DEDEDE;
    font-weight: bold;
    right: 0;
}
body.group_league .tabSelecter li#group_league a,
body.round16 .tabSelecter li#round16 a,
body.quarterfinals .tabSelecter li#quarterfinals a,
body.semifinal .tabSelecter li#semifinal a,
body.final .tabSelecter li#final a,
body.tournament .tabSelecter li#tournament a{background: #4f4f4f;color: #fff;}

.afcStandingsArea .tabSelecter{
    margin-bottom: 20px;
}
.afcStandingsArea .tabSelecter li a,
.afcStandingsArea .tabSelecter li span{
    padding: 8px;
}
.accBtnList a,
.accBtnList span {
  padding: 15px 0px;
  font-size: 14px;
}
.status {
  display: block;
  font-size: 10px;
  margin: 2px auto 0;
  width: 70px;
}
.off {
  background: none repeat scroll 0 0 #444;
  color: #fff;
  padding: 2px 0;
}







/* afcStandingsArea */
.afc .content .standingsGroupArea h5{
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    margin: 0 0 16px 0;
    border: none;
    background: none;
}
.afcStandingsArea .leagueWrap{
    margin-top:20px;
}
.group4Btn{
    margin-top: 0;
}

/* tvBroadArea */
.tvBroadArea{
    margin-top: 20px;
}
.tvBroadArea h3{
    font-size: 14px;
    font-weight: bold;
    line-height: 100%;
    margin-bottom: 16px;
    padding: 5px 10px;
}
.tvBroadArea h4.leagAccTit{
    margin-top: 0;
}
.tvBroadArea h3{
    border-left: 5px solid #004d96;
}
.standingsGroupArea .dataTable .flagTd{
    display: table-cell;
}

/* sub */
.blueTeamArea td span,
.redTeamArea td span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0px;
}
.sub .rankBlock tr{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.sub .whiteBlock h3{
    border-left: 5px solid #004d96;
}
.sub .whiteBlock .innerBlock p{
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    display: block;
}
p.singleLink a {
  color: #333;
  padding-right: 15px;
  padding-top: 5px;
  position: relative;
}
p.singleLink a:after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 0px;
  font-family: 'icomoon3';
  content: "\ec600";
  font-size: 12px;
  text-decoration: none !important;
}

/*outline*/
.outlineTable{
    border-top: 1px solid #ccc;
    margin-top: 20px;
    width: 100%;
}
.outlineTable th,
.outlineTable td {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    padding: 15px 10px;
    vertical-align: middle;
    line-height: 20px;
}
.outlineTable th {
    background-color: #f6f6f6;
    text-align: center;
    width: 150px;
    padding: 15px 0;
}

/*YNCバナー非表示*/
.bnr_ync2015{display: none;}
.bnr_afc2015{display: none;}



#breadcrumbList li.current h1{
      max-width: 230px;
}

/*20151125*/
/*.afc .accordionIndex .vsTxt div > span{
    width: 70px;
}

.afc .accordionIndex .leagAccTime{
    margin: 0 10px 0 0px;
    padding: 0;
}*/

.afc .accordionIndex .leagAccTime{
    width: 120px;
}

.afc .accordionIndex .vsTxt div > span.wid{
    width: 70px;
}