/* お知らせ Ver02
------------------------------------------ */
.news {
    margin-bottom: 50px;
}
.news li {
    border-bottom: 1px dotted #ddd;
    padding: 10px 5px 5px;
}
.news li span {
    color: black;
    display: block;
}
.news li a {
    display: inline-block;
    color: dodgerblue;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.news li a:hover {
    color: dodgerblue;
    text-decoration: underline;
}
.news p {
    font-size: 14px;
}
.news {
    font-size: 12px;
    margin-bottom: 20px;
    color: black;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}































/*  table **************************************************************************************************************************************************************************************************** */
table {
    border-collapse: collapse;
	font-size: 14px;
	margin-left: auto;
    margin-right: auto;
}
table tr {
    background-color: #fff;
}
/* ----ボーダーなしtd--- */
.none-border {
    text-align: center;
    border: none;
    padding: 4px;
}
table th, td {
    text-align: center;
    border-bottom: #ccc 1px solid;
    padding: 4px;
}
table th {
	text-align: center;
    font-size: 12px;
    background-color: #666666;
    color:#fff;
} 
table tr{
    text-align: center;
    background-color: #fff;
    color:#3a3a3a;
}
table a {
    text-decoration: none;
    color: #0A29FF;
}
/* ---table (sidebar) */
.table-sidebar {
    width: 100%;
    font-size: 100%;
}
.table-sidebar-other {
    width: 750px;
    font-size: 100%;
}

@media only screen and (min-width:1400px){
    .table-content {
        width: 1300px;
        font-size: 100%;
        /* width: 100%; */
    }
    /* ---index.php 最新の移籍 */
    .latest-transfer-table {
        width: 1360px;
    }
}
@media only screen and (max-width:959px){
    .table-content {
        width: 600px;
        font-size: 100%;
        /* width: 100%; */
    }
    .scroll-table {
        overflow-x: auto;
    }
    /* その他データ */
    .table-content.yellow-ranking {
        width: 100%;
        font-size: 100%;
    }
    .table-content.red-ranking {
        width: 100%;
        font-size: 100%;
    }
    .tournament-image {
        width: 100%;
    }
    /* index.php　リーグカード順位表 */
    .table-league-card {
        width: 100%;
    }
    .table-sidebar {
        width: 360px;
    }
}




















/* Adsense 検索エンジン
------------------------------------------------------------*/
.search-engine {
    width: 300px;
}

































/*  PC用 **************************************************************************************************************************************************************************************************** */
@media only screen and (min-width:1400px){
    /* 画面サイズ　--------------------------------------------------- */
	#header,#wrapper,.inner{
		/* width:960px; */
		width:1400px;
		padding:0;
		margin:0 auto;
	}
	#wrapper{
		clear:both;
		padding:20px 0 0 0;
	}
    /* 各リーグページ画面サイズ　-------------------------------------- */
	#main{
		float:left;
		width:1400px;
		padding:15px 0 0 0;
	}
    nav div.panel{
		display:block !important;
		float:left;
	}
    .scroll-table.scroll-hint {
        overflow: hidden !important;
    }
    /* 各リーグページ サイド画面サイズ　------------------------------------------------------------------------------------------------------------------------------------------------ */
	#sidebar{
		float:right;
		width:330px;
		padding:15px 0;
		overflow:hidden;
	}
    #main-other{
		float:left;
		width:1400px;
		padding:15px 0 0 0;
	}
}

























@media only screen and (max-width:1399px){
    nav div.panel {
        float:none;
    }
    #mainNav a.menu{
		color:#555;
		width:100%;
		display:block;
		height:40px;
		line-height:40px;
		font-weight: bold;
		text-align:left;
	}
    #mainNav a#menu span{
        padding-left:10px;
    }
    
    #mainNav a.menu span:before{content:"≡ ";}
    #mainNav a.menuOpen span:before{content:"× ";}
    #mainNav a#menu:hover{cursor:pointer;}
    
    #mainNav{
		clear:both;
		width:100%;
		margin:0 auto;
		padding:0;
		border:1px solid #e4e4e4;
		border-left:0;
		border-right:0;
	}

	nav .panel{
	display:none;
	width:100%;
	position:relative;
	right:0;
	top:0;
	z-index:1;
	}
	
	#mainNav ul{margin:0;padding:0;}

  	#mainNav li{
		float:none;
		clear:both;
		width:100%;
		height:auto;
		line-height:1.2;
	}

	#mainNav li a,#mainNav li.current-menu-item li a{
        color:#555;
        display: block;
        padding:15px 10px;
        text-align:left;
        border-bottom:1px dashed #ccc;
	}
	
 	#mainNav li a span{padding-left:10px;}
	
	
	#mainNav ul > li:last-child a{border:0;}
	#mainNav li li:last-child a{border-bottom:1px dashed #ccc;}
 
	#mainNav li.current-menu-item a,#mainNav li a:hover,#mainNav li.current-menu-item a,#mainNav li a:active, #mainNav li li.current-menu-item a, #mainNav li.current-menu-item li a:hover, #mainNav li.current-menu-item li a:active{
	color:#555;
	}

	#mainNav li li{
	float:left;
	border:0;
	}

	#mainNav li li a, #mainNav li.current-menu-item li a, #mainNav li li.current-menu-item a{
	padding-left:40px;
	background:url(images/sub1.png) no-repeat 20px 18px;
	}

	#mainNav li li.current-menu-item a,#mainNav li li a:hover, #mainNav li.current-menu-item li a:hover{background:url(images/sub1.png) no-repeat 20px -62px;}

	#mainNav li li:last-child a{background:url(images/subLast.png) no-repeat 20px 20px;}
	#mainNav li li:last-child.current-menu-item a,#mainNav li li:last-child a:hover,#mainNav li.current-menu-item li:last-child a:hover{background:url(images/subLast.png) no-repeat 20px -65px;}

    .table-content {
        /* width: 1000px; */
        font-size: 100%;
        width: 100%;
    }
    /* ---index.php 最新の移籍 */
    .latest-transfer-table {
        width: 1360px;
        font-size: 100%;
    }
    .scroll-table {
        overflow-x: auto;
    }
    #sidebar {
        width: 330px;
        padding-bottom:15px;
    }
}





















@media only screen and (max-width:640px){
    .search-engine {
        display: none;
    }

    .scroll-table {
        overflow-x: auto;
    }

    /* その他データ */
    .table-content.yellow-ranking {
        width: 100%;
        font-size: 100%;
    }
    .table-content.red-ranking {
        width: 100%;
        font-size: 100%;
    }
    .table-content.win-ranking {
        width: 100%;
        font-size: 100%;
    }
    .table-content.draw-ranking {
        width: 100%;
        font-size: 100%;
    }
    .table-content.lose-ranking {
        width: 100%;
        font-size: 100%;
    }
    .table-content.all-goal-ranking {
        width: 100%;
        font-size: 100%;
    }
    .table-content.all-against-ranking {
        width: 100%;
        font-size: 100%;
    }
    .table-content.cs-ranking {
        width: 100%;
        font-size: 100%;
    }

    .table-content {
        width: 800px;
        font-size: 100%;
    }
    /* ---index.php 最新の移籍 */
    .latest-transfer-table {
        width: 1360px;
        font-size: 100%;
    }
}

@media only screen and (max-width:480px) {
    .scroll-table {
        overflow-x: auto;
    }
}

/* imgの設定
---------------------------------------------------------- */
.host-country {
    width: 25px;
}
.national-flag {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

/* main-image(movie)
---------------------------------------------------------- */
.main-movie {
    max-width: 960px;
}

/* Twitterアイコン
---------------------------------------------------------- */
.twitter-icon {
    max-width: 35px;
    max-height: 35px;
}

/* ページトップへ戻る
---------------------------------------------------------- */
.page-top{
	margin: 0 ;
    padding: 0 ;
    display: none;
}
.page-top a {
    color: #fff;
}
.page-top p{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
 
.move-page-top{
	display: block ;
	background: #666666 ;
	width: 50px ;
	height: 50px ;

	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

.move-page-top:hover{
	opacity: 0.85 ;
}



/* 試合日程タブ
---------------------------------------------------------- */
.fixtures-tab {
    display: flex;
    flex-wrap: wrap;
}
.club-tab {
    justify-content: center;
    padding: 20px;
}
.tab-label {
    /* color: #fff; */
    /* background: lightgray; */
    color: #666666;
    background: #f7f7f7;
    padding: 3px 16px;
    order: -1;
}
.club-label {
    padding: 10px 20px;
}
.tab-content {
    width: 100%;
    display: none;
}
.tab-swich:checked+.tab-label {
    color: #fff;
    background: #666666;
}
.tab-swich:checked+.tab-label+.tab-content {
    display: block;
}
.tab-swich {
    display: none;
}


/* tab-in-tab (2重タブ)
---------------------------------------------------------- */
.tab-in-tab {
    display: flex;
    flex-wrap: wrap;
}
.tab-in-tab > label {
    color: #666666;
    background: #f7f7f7;
    padding: 3px 16px;
    order: -1;
}
.tab-in-tab label:has(:checked) {
    color: #fff;
    background: #666666;
}
.tab-in-tab > div {
    display: none;
    width: 100%;
    padding: 1.5em 1em;
}
.tab-in-tab label:has(:checked) + div {
    display: block;
}
.tab-in-tab-swich {
    display: none;
}









/* --------------------------------------------------------------index.php featured-compe------------------------------------------------------------------- */
.tab-label-featured-compe {
    /* color: #fff; */
    /* background: lightgray; */
    color: #fff;
    font-weight: bolder;
    /* background: #f7f7f7; */
    padding: 3px 16px;
    order: -1;
}
.tab-swich-featured-compe:checked+.tab-label-featured-compe {
    color: #666666;
    background: #fff;
}
.tab-swich-featured-compe:checked+.tab-label-featured-compe+.tab-content {
    display: block;
}
.tab-swich-featured-compe {
    display: none;
}


/* お知らせ一覧
---------------------------------------------------------- */
.link-to-list p {
    font-size: 16px;
    text-align: center;
}
.link-to-list a {
    padding: 10px;
}

/* スライドショー
---------------------------------------------------------- */
.swiper-wrapper {
	max-width: 960px;
    max-height: 150px;
}
.swiper-wrapper img {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    font-size: 20px;
    font-weight: bolder;
	color: #ffffff;
	width: 100%;
    height: 100%;
	text-align: center;
	line-height: 150px;
}
.swiper-slide a {
    font-size: 20px;
    color: #fff;
    display: block;
    text-align: center;
}
.swiper-slide:nth-child(4n+1) {
    /* background-color: #EECB27; */
    background-image: url('../image/world_blue_map.jpg');
    background-position: center;
}
.swiper-slide:nth-child(4n+2) {
	background-image: url('../image/league.jpg');
    background-position: center 80%;
}
.swiper-slide:nth-child(4n+3) {
	background-image: url('../image/departure.jpg');
    background-position: center;
}
/* .swiper-slide:nth-child(4n+4) {
	background-image: url('../image/News.jpg');
    background-position: 40% 40%;
} */


/* ページャー
---------------------------------------------------------- */
.pager .pagination {
    text-align: center;
}

.pager .pagination li {
    display: inline;
    margin: 0 2px;
    padding: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    position: relative;
    border-radius: 10px;
}
.pager .pagination li a{
    font-size: 15px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display:table;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.pager .pagination li a span{
    display:table-cell;
    vertical-align:middle;
}
.pager .pagination li a:hover,
.pager .pagination li a.active{
    color: #fff;
    background: #666666;
}


@media only screen and (max-width: 767px){
    .pager .pagination li{
        display: none;
    }
    .pager .pagination li.pre,
    .pager .pagination li.next{
        display: inline-block;
        width: 40%;
        height: 50px;
        text-align: center;
    }
    .pager .pagination li.pre a,
    .pager .pagination li.next a{
        width: 100%;
        text-align: center;
    }
    .pager .pagination li.pre span::after{
        content: "　前の10件へ";
    }
    .pager .pagination li.next span::before{
        content: "次の10件へ　";
    }
    /* その他データ */
    .table-content.yellow-ranking {
        width: 100%;
        font-size: 100%;
    }
    .table-content.red-ranking {
        width: 100%;
        font-size: 100%;
    }
}

/* カップ戦 注意事項欄
---------------------------------------------------------- */
.note-title {
    margin: 10px 0 10px 0;
    padding: 10px 0 10px 0;
    font-size: 120%;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
}































/* index.php　リーグカード ******************************************************************************************************* */
.league-card-link {
    font-size: 15px;
    padding: 10px 0;
}
.table-league-card {
    width: 100%;
}

@media only screen and (min-width:1400px) {
    .league-card {
        width: 440px;
        padding-left: 20px;
    }
    .horizontal-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    /* -----スクロールヒント矢印 ------------------------------------------*/
    .scroll-horizontal {
        display: none;
    }
}
@media only screen and (max-width:1400px) {
    * {
        box-sizing: border-box;
    }
    .league-card {
        width: 440px;
        padding-right: 20px;
    }
    .horizontal-list {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
    }
    .horizontal-list-item {
        display: inline-block;
        width: 440px;
        height: 450px;
    }
    /* -----スクロールヒント矢印 ------------------------------------------*/
    .stickarrow {
        width: 40px;
        height: 16px;
        margin: 0 0 0 auto;
        border-bottom: 8px solid #666;
        border-right: 10px solid #666;
        transform: skew(45deg);
        animation: scrollhorizon 2s ease 0s infinite normal;
    }
    @keyframes scrollhorizon {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .scroll-horizontal-text {
        padding-top: 2px;
        text-align: right;
    }
}

/* other_data.php　データカード ******************************************************************************************************* */
.other-data-card {
    width: 750px;
}
.horizontal-list-other-data {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
}
/* -----スクロールヒント矢印 ------------------------------------------*/
.stickarrow-other {
    width: 40px;
    height: 16px;
    margin: 0 10px 0 auto;
    border-bottom: 8px solid #666;
    border-right: 10px solid #666;
    transform: skew(45deg);
    animation: scrollhorizon 2s ease 0s infinite normal;
}
@keyframes scrollhorizon {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.scroll-horizontal-text-other {
    padding-top: 2px;
    text-align: right;
}

@media only screen and (min-width:1400px) {
    .post ul li.horizontal-list-item-other-data {
        padding-left: 30px;
    }
}
@media only screen and (max-width:1400px) {
    .post ul li.horizontal-list-item-other-data {
        padding-right: 30px;
    }
    .horizontal-list-item-other-data {
        display: inline-block;
        height: 660px;
    }
}





























/* competition/index.php　順位表 得点 90分平均ランキング ******************************************************************************************************* */
.each-league-ranking {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sidebar-section-1 {
    width: 400px;
    padding-right: 20px;
}
.sidebar-section-2 {
    width: 400px;
    padding-right: 20px;
}
.sidebar-section-3 {
    width: 400px;
    padding-right: 20px;
}

@media only screen and (min-width:1250px) {
    .each-league-ranking-horizontal-list {
        display: flex;
    }
}
@media only screen and (max-width:1250px) {
    .each-league-ranking-horizontal-list {
        display: flex;
        overflow-x: auto;
    }
    .each-league-ranking-horizontal-list-item {
        display: inline-block;
    }
    /* -----スクロールヒント矢印 ------------------------------------------*/
    .stickarrow {
        width: 40px;
        height: 16px;
        margin: 0 0 0 auto;
        border-bottom: 8px solid #666;
        border-right: 10px solid #666;
        transform: skew(45deg);
        animation: scrollhorizon 2s ease 0s infinite normal;
    }
    @keyframes scrollhorizon {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .scroll-horizontal-text {
        padding-top: 2px;
        text-align: right;
    }
}




















/* competition/other_data.php　警告&退場ランキング ******************************************************************************************************* */
.yellow-and-red {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 700px;
    gap: 40px;
}

@media only screen and (min-width:1400px) {
    .yellow-ranking {
        width: 450px;
    }
    .red-ranking {
        width: 450px;
    }
}
@media only screen and (max-width:1400px) {
    .yellow-ranking {
        width: 100%;
    }
    .red-ranking {
        width: 100%;
    }
}























/* national/index.php　得点ランキングタイトル
---------------------------------------------------------- */
.national-goal-ranking-title {
    margin:10px 0 10px 0;
    padding:10px 0 10px 0;
    font-size:120%;
    font-weight:normal;
    border-bottom:1px solid #ddd;
}

/* リーグ年度 横スクロールメニュー
---------------------------------------------------------- */