@charset "utf-8";

/*----------------------------------------------------------------------------------------
TOPページ
----------------------------------------------------------------------------------------*/

/*---------- スライダー部分 ----------*/

.topSlideArea{
	width: 100%;
	position: relative;
    margin-bottom: 60px;
}

.mainSliderBox{
	width: 100%;
	height: auto;
}

.mainSliderBox .slick-slide img {
	width:100%;
	height: auto;
}

.mypattern{}
.mypattern div a:hover img{ opacity: 0.75;}

.slide-arrow{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 20px;
	height: 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	z-index: 99;
}
.slide-arrow:hover{cursor: pointer;}

.prev-arrow{left: -92%;}
.next-arrow{right: -92%;}


/*---------- スライダー部分ここまで ----------*/

.topTitleStyle01{
    color: #004da1;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 1.3;
}

.topTitleStyle01 span{
    font-size: 38px;
    font-weight: normal;
    margin-right: 5px;
}

.topMatchWrap{
}

.top_LastMatch{
    margin-bottom: 40px;
}

.match_dateBox{
    width: auto;
    background-color: #000;
    display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.match_dateBox .date{
    color: #fff;
    padding: 5px 5px;
    box-sizing: border-box;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

.match_dateBox .league{
    color: #fff;
    padding: 8px 5px;
    box-sizing: border-box;
    width: 30%;
    font-size: 12px;
    text-align: center;
}

.match_dateBox .league.asia{background-color: #004da1;}

.match_desc{
    background-color: #343434;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 10px 0;
    box-sizing: border-box;
    display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.match_desc .match_logo{
    width: 33%;
    text-align: center;
    color: #fff;
    padding: 0 5px;
    box-sizing: border-box;
}

.match_desc .match_logo img{
    width: 100%;
    max-width: 80%;
    margin-bottom: 10px;
}

.match_desc .match_logo p{
    font-size: 13px;
}

.match_desc .match_logo .photoArea{
    min-height: 85px;
    display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.match_desc .match_scoreBox{
    width: 33%;
    padding: 0 5px;
    box-sizing: border-box;
    text-align: center;
    font-size: 46px;
    line-height: 1.1;
    color: #fff;
}

.match_desc .match_scoreBox span{
    font-size: 18px;
    display: inline-block;
    color: #fff;
    padding: 2px 5px;
}

.match_desc .match_scoreBox span.home{background-color: #004da1;}
.match_desc .match_scoreBox span.away{background-color: #ffffff;
color:#000000;
border:1px solid #000000; }


.match_arena{
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 8px 10px;
    box-sizing: border-box;
    font-size: 13px;
}

.match_link{color: #fff;}

.match_link a{
    color: #fff;
    width: 100%;
    display: block;
    padding: 10px 10px;
    text-align: center;
    font-size: 13px;
    background-color: #000;
    box-sizing: border-box;
}

/*----- NO LAST MATCH -----*/

.match_desc.NoLastMatch{
    text-align: center;
    color: #fff;
    padding: 50px 0;
}
.match_desc.NoLastMatch p{width: 100%;}

.match_link p{
    color: #fff;
    width: 100%;
    display: block;
    padding: 10px 10px;
    text-align: center;
    font-size: 13px;
    background-color: #000;
    box-sizing: border-box;
}

/*----- NO LAST MATCH -----*/

.top_NextMatch{
    margin-bottom: 50px;
}

.topStandingBox{
    margin-bottom: 50px;
}

.topStandingBox table{
	border-collapse: collapse;
	width: 100%;
    border-bottom: 1px solid #666666;
    color: #fff;
}

.topStandingBox table th{
	border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
	text-align: center;
	padding: 8px 5px;
	background-color: #000;
    font-size: 12px;
}

.topStandingBox table tr th:last-child{border-right: none;}

.topStandingBox table th:nth-child(2){width: 62%}
.topStandingBox table th:not(:nth-child(2)){width: 19%}

.topStandingBox table tr:nth-child(2n+1){background-color: #343434;}
.topStandingBox table tr:nth-child(2n){background-color: #444;}

.topStandingBox table td{
	text-align: center;
	padding: 5px 10px;
    border-right: 1px solid #666666;
}

.topStandingBox table tr td:last-child{border-right: none;}

.topStandingBox table td p{
    display: block;
    padding: 5px 0 5px 35px;
    min-height: 25px;
    position: relative;
    text-align: left;
}

.topStandingBox table td p img{
    max-width: 30px;
    max-height: 24px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.topStandingLink a{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 15px;
    text-align: right;
    color: #fff;
    background-color: #000;
    font-size: 13px;
}


.topScheduleBox{
    margin-bottom: 50px;
}

.topScheduleBox table{
	border-collapse: collapse;
	width: 100%;
    border-bottom: 1px solid #666666;
    color: #fff;
}

.topScheduleBox table th{
	border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
	text-align: center;
	padding: 8px 5px;
	background-color: #000;
    font-size: 12px;
}

.topScheduleBox table tr th:last-child{border-right: none;}

.topScheduleBox table th:first-child{width: 30%;}

.topScheduleBox table tr:nth-child(2n+1){background-color: #343434;}
.topScheduleBox table tr:nth-child(2n){background-color: #444;}

.topScheduleBox table td{
	text-align: center;
	padding: 5px 10px;
    border-right: 1px solid #666666;
}

.topScheduleBox table tr td:last-child{border-right: none;}

.topScheduleBox table td p{
    display: block;
    padding: 5px 0 5px 35px;
    min-height: 25px;
    position: relative;
    text-align: left;
    font-size: 14px;
}

.topScheduleBox table td p img{
    max-width: 30px;
    max-height: 24px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.topScheduleLink a{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 15px;
    text-align: right;
    color: #fff;
    background-color: #000;
    font-size: 13px;
}


.topFanBox{
    margin-bottom: 50px;
}


.topGalleryWrap{
    margin-bottom: 50px;
	display:none;
}

.topGalleryWrap ul{
    display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.topGalleryWrap li{
    width: 100%;
    margin-bottom: 15px;
	text-align: center;
}


.topSupporterWrap{
}

.sptBnrList01{
    display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.sptBnrList01 li{
    width: 48%;
    text-align: center;
    margin-bottom: 40px;
}

.sptBnrList02{
    display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sptBnrList02 li{
    width: 31%;
    text-align: center;
    margin-bottom: 25px;
}

.sptBnrList02 li:nth-last-child(-n+3){margin-bottom: 0;}

.topRankDate{
	text-align: right;
	margin-top: 10px;
}

.topAsialeagueWrap{
	margin-top: 50px;
	border-top:1px solid #d1d1d1;
	padding-top:40px;
}
.AsialeagueList{
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.AsialeagueList li{
    width: 48%;
    text-align: center;
    margin-bottom: 40px;
}