@charset "utf-8";
/*------SP------*/
/* TOP */
#main .container img {
    width: 100%;
    height: auto;
    max-width: 600px;
    vertical-align: top;
    margin-left:auto;
    margin-right:auto;
}
}
.toplead {
    padding: 5px 10px;
}
.textC {
    text-align: center;
}
.afc .contents ul.normal {
    list-style-type: disc;
    line-height: 1.8;
    padding-left: 30px;
    font-size: 14px;
}
.afc .contents ul.normal b {
    font-weight: bold;
}
   
.afc 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;
}

/* NAVIGATION */
.headerimg {
    margin-bottom: 1px;
}
.aclNav {
    text-align: center;
    background-color: #012b53;
    border-top: 1px solid #FFFFFF;
    padding: 2% 0 1% 0;
}
.aclNav li {
    display: inline-block;
    width: 48%;
    margin: 0 1% 1% 0;
    font-size: 12px;
    line-height: 32px;
}
.aclNav li:last-child {
    margin: 0 0 1% 0;
}
.aclNav li a {
    display: block;
    background-color: #023e77;
    color: #FFF;
    border-radius: 3px;
    color: #ffffff;
}
.aclNav li a:hover, #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;
    color: #ffffff;
    text-decoration: none;
}
#top-page .headerimg {
    display: none;
}
#content h3.aclcontTitle {
    font-weight: normal;
    font-size: 120%;
    border-bottom: #0e4285 solid 3px;
    padding: 9px 0 9px 5px;
    background: none;
    color: #000000;
    margin: 0 0 10px 0;
}
#content h4.aclcontTitle {
    background-color: #444;
    padding: 0 0 0 10px;
    margin: 0 0 5px 0;
    border-left: none;
}
#content h4.aclcontTitle > span {
    display: block;
    padding-left: 10px;
    margin: 0;
    line-height: 28px;
    color: #FFF;
    font-size: 100%;
}
#content .h4titlearea {
    padding-bottom: 28px;
}
#content .h4titlearea h4 {
    border-bottom: #0e4285 1px solid;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-left: none;
}
#content .h4titlearea h4 em {
    font-style: normal;
    font-size: 12px;
    font-weight: normal;
}
#content h5 {
    border-bottom: 1px dotted #8ab2da;
    padding: 3px 5px;
    margin-bottom: 9px;
    font-size: 100%;
    background-color: #e1eaf6;
    color: #0e4285;
}
#content h6 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    color: #0e4285;
    border-left: 5px solid #0e4285;
    padding-left: 6px;
}
td h5 {
    margin-top: 19px;
}
td h5:first-child {
    margin-top: 0;
}
/* -------------------------------------
 SCHEDULE
------------------------------------- */
.pageinnerlink {
    padding: 0;
    text-align: center;
    padding: 5px 0;
}
.pageinnerlink li {
    margin: 0 1% 5px 0;
    display: inline-block;
    line-height: 28px;
    width: 48%;
    font-size: 12px;
}
.pageinnerlink li a {
    display: block;
	color: #333333;
    background-color: #dbdfe5;
}
.pageinnerlink li a:hover {
    background-color: #bdc7d3;
}
.table.table-center th, .table.table-center td {
    text-align: center;
}
#groupE b {
    color: #000;
}
#groupF b {
    color: #004ea2;
}
#groupG b {
    color: #e6002d;
}
#groupH b {
    color: #b8193f;
}
#schedule table.table td, #schedule table.table th {
    font-size: 1.0rem;
    padding: 5px 0;
}
/* -------------------------------------
 HISTORY
------------------------------------- */
.aclhistoryTable {
    width: 100%;
    margin-bottom: 19px;
}
.aclhistoryTable th, .aclhistoryTable td {
    padding: 3px;
    font-size: 11px;
    vertical-align: middle;
}
.aclhistoryTable th {
    border-bottom: 1px solid #cdd3da;
    font-weight: normal;
    text-align: left;
}
.aclhistoryTable td {
    border-bottom: 1px solid #8E9EAF;
}
.aclhistoryTable .club {
    width: 36%;
    text-align: center
}
.aclhistoryTable .score {
    width: 28%;
    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
------------------------------------- */
.acltopTable {
    width: 100%;
    margin-bottom: 19px;
    border-top: 1px solid #022047;
    border-left: 1px solid #022047;
}
.acltopTable:last-child {
    margin-bottom: 0;
}
.acltopTable th, .acltopTable td {
    border-right: 1px solid #022047;
    border-bottom: 1px solid #022047;
    padding: 8px 5px;
}
.acltopTable th {
    background-color: #FFF;
    width: 13%;
    text-align: center;
}
.acltopTable td {
    background-color: #eaeaea;
    width: 13%;
    text-align: center;
    font-size: 10px;
}
.acltopTable th.clubname {
    width: 35%;
    font-weight: normal;
    text-align: left;
    font-size: 12px;
}
.scoreCell {
    font-family: 'Pathway Gothic One', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
*line-height:1.4;
}
.aclscheTable {
    width: 100%;
    margin-bottom: 19px;
    border-top: 1px solid #8e9eaf;
    border-left: 1px solid #8e9eaf;
}
.aclscheTable th, .aclscheTable td {
    border-right: 1px solid #8e9eaf;
    border-bottom: 1px solid #8e9eaf;
    padding: 8px 5px;
}
.aclscheTable th {
    background-color: #dbe1e4;
    font-weight: normal;
    text-align: left;
}
.aclscheTable td {
    text-align: center;
}
.aclscheTable th.star {
    width: 8%;
}
.aclscheTable td.star {
    width: 4%;
}
.aclscheTable th.scoreCell {
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    width: 5%;
}
.aclscheTable2 {
    width: 100%;
    margin-bottom: 9px;
}
.aclscheTable2 th {
    font-weight: bold;
    border-bottom: 3px solid #8e9eaf;
    text-align: left;
    padding: 5px;
}
.aclscheTable2 td {
    border-bottom: 1px solid #8e9eaf;
    padding: 5px;
    line-height: 1.6;
    vertical-align: middle;
}
.acldate {
    width: 20%;
}
.aclvs {
    width: 40%;
}
.aclvs a:hover span {
    text-decoration: underline;
}
.aclstadium {
    width: 16%;
}
.acltv {
    width: 24%;
}
.aclvs span {
    display: inline-block;
*display:inline;
 *zoom:1;
    vertical-align: middle;
}

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


.afc.top .headerimg	{display: none;}


/* -------------------------------------
2015/04/27 
------------------------------------- */
.container{
    padding-top:0;
}
/* KV */
.kvArea{
    margin-bottom: 20px;
}
.kvArea h2 a{
    width: 100%;
    display: block;
    text-align: center;
    background: #091724;
}
.kvArea .aclNavList{
    display: table;
    width: 100%;
    letter-spacing: -.40em;/*隙間用*/
    background: #063147;
}
.kvArea .aclNavList li{
    letter-spacing: normal;/*隙間用*/
    display: table-cell;
    border-right:1px solid #fff;
    box-sizing:border-box;
}
.kvArea .aclNavList li:last-child{ border-right:none;}
.kvArea .aclNavList li a,
.kvArea .aclNavList li span{
    display: block;
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 12px;
    border-bottom:1px solid #fff;
}
.kvArea .aclNavList li span{
    background: #205875;
    color: #7594A3;
}
.kvArea .aclNavList li a:hover{
    opacity: 0.5;
    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; font-weight: bold;}

/* content */
.afcArea article > section {
    margin-bottom: 20px;
}
.afcArea .ttlNoLink h3,
.afcArea .ttlLink h3{
    background: #00496F;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 100%;
    margin: 10px 0;
    padding: 12px 16px;
    
}
.ttlLink{
    position: relative;
}
.ttlLink a {
    position: absolute;
    font-size: 12px;
    top: 50%;
    margin-top: -8px;
    right: 10px;
    padding-right: 16px;
    color: #fff;
}
.ttlLink a:after {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 0px;
    font-family: 'icomoon3';
    content: "\ec600";
    font-size: 12px;
}
.afcArea .detalArea p{
    font-size: 13px;
    line-height: 1.65;
    margin-bottom: 1em;
}
.titBlockArea .blockTit {
  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;
}
.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: 11px;
    padding: 5px 0 4px;
    width: 20%;
    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 15px 4px 10px;
}
.headLineBlock .bodyArea{
    display: block;
    margin: 10px 0 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.headLineBlock .bodyArea img{
    width: 100% !important;
    display: block;
}
.headLineBlock .bodyArea p{
    display: none;
    /*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;
}

/* afcPhotoArea */
.afcPhotoArea{

}
.afcPhotoArea .thumlist{
    letter-spacing: -.40em;/*隙間用*/
}
.afcPhotoArea .thumlist li{
    letter-spacing: normal;/*隙間用*/
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: top;
}
#main .afcPhotoArea .thumlist li figure{
    width: 90%;
    position: relative;
}
.afcPhotoArea .thumlist li:nth-child(2n+1) figure{
    
}
.afcPhotoArea .thumlist li:nth-child(2n) figure{
    margin-left: 10%;
}
.afcPhotoArea .thumlist li figcaption{
    font-size: 11px;
    padding-top: 5px ;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
}


.afcPhotoArea .thumlist li figcaption span{
    font-size: 11px;
    font-weight: normal;
    margin-top: 5px;
    display: block;
    letter-spacing: -0.05em;

}
.afcPhotoArea .thumlist li a{
    color: #333;

    display: block;
}
body.top .afcPhotoArea li:nth-child(n+7){
    display: none;
}
.afcPhotoArea .thumlist.douga li figure span:after {
  position: absolute;
  font-size: 30px;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -15px;
  font-family: "icomoon3";
  content: "\ec601";
  color: #FFF;
  line-height: 100%;
  opacity: 0.7;
}
.afcPhotoArea .thumlist.douga li figure span{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    display: block;
}

/* news detail */
.articleTilArea{
    margin: 0 0 10px;
}
.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%;
  display: block;

}
.afcMatchArea .tabSelecter li:nth-child(2),
.afcMatchArea .tabSelecter li:nth-child(3),
.afcMatchArea .tabSelecter li:nth-child(4),
.afcMatchArea .tabSelecter li:nth-child(5){
    position: relative;
    top: 20px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    box-sizing:border-box;
}
/*.afcMatchArea .tabSelecter li:nth-child(3){
    border-right: none;
}*/
.afcMatchArea .tabSelecter li a{
    font-size: 10px;
}
.tabListTxt li span {
color: #9D9D9D;
  background: #CACACA;
  font-weight: bold;
  display: block;
  text-align: center;
  padding: 10px 0;
  font-size: 10px;
}
.afcMatchArea .tabSelecter li:nth-child(1) a{
    height: 60px;
    line-height: 15px;
    border-left: 1px solid #fff;
    padding-top: 15px;
    box-sizing:border-box;
}
.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;}

.tabSelecter li.current a {
  background: #4f4f4f;
  color: #fff;
}
.group4Btn li a{
    line-height: 1.3;
    padding: 5px 0;
}
.group4Btn li span{
    line-height: 1.3;
    padding: 5px 0;
    font-size: 10px;
    font-weight: bold;
    display: block;
    background: #CACACA;
    color: #9D9D9D;
}

/* tvBroadArea */
.tvScheduleDateArea{
    margin-top: 20px;
}


.rightTopLink {
  height: 15px;
  margin: 20px 0;
  position: relative;
}
.rightTopLink a {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: 0;
}
.rightTopLink a:before {
  color: #333;
  content: "\ec600";
  font-family: "icomoon3";
  font-size: 12px;
  left: -17px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  transform: rotate(-90deg);
}

/*outline*/
.outlineTable{
    border-top: 1px solid #ccc;
    margin-top: 10px;
    width: 100%;
}
.outlineTable th,
.outlineTable td {
    border-bottom: 1px solid #ccc;
    font-size: 11px;
    padding: 5px 3px;
    vertical-align: middle;
    line-height: 1.5;
}
.outlineTable th {
    background-color: #f6f6f6;
    text-align: left;
    width: 70px;
    text-align: center;
    font-weight: bold;
}

/*20150925*/

body.afc.second.history #main .container .aclhistoryTable img{
	width: auto;
    margin: 3px;
}

.afc .tabSelecter li a,
.tabSelecter li span{
    width: 20%;
    height: 20px;
}


.afc .tabListTxt li span{
    display: table-cell;
}

.afcStandingsArea .tabSelecter{
    width: 100%;
}

.afcStandingsArea .tabSelecter li a,
.afcStandingsArea .tabSelecter li span{
    width: auto;
    padding: 15px 0;
}

.afcPhotoArea .thumlist.douga li figure figcaption span:after{
    display: none;
}