@charset "UTF-8";



/*----------------------------------------------------------
/* ヘッダー部25thロゴ撤去スタイル override／important使用
/* 基本このスタイルをコメント or 削除で25thロゴ使用時の形でも使えます。
/* (25thロゴ掲示時用に調整されている、もとのcommon.cssのスタイルは生かしているので)
/* なんらかのオブジェクトを25thロゴ位置に掲示させる際は、ロゴの幅サイズは25thに合わせる。
/* common.css追記用 last2020.1.31
-----------------------------------------------------------*/

@media (min-width: 897px), print {
	/* ナビ包含 右寄せ位置調整 */
	.site-header .main-navigation-wrap {
		right: 15px !important; }

	/* ナビボタン配置用 左オフセット */
	.site-header .main-navigation-wrap .main-navigation > ul:first-child:before{
		width: 0 !important;
	 }

	/* ボタンサイズ調整 */
	.site-header .main-navigation-wrap .main-menu-label,
	.site-header .main-navigation-wrap .main-menu-label-schedule,
	.site-header .main-navigation-wrap .main-menu-label-ticket,
	.site-header .main-navigation-wrap .main-menu-label-goods{
		width: auto !important; }
/*
	.site-header .main-navigation-wrap .main-menu-label-academy{
		width: 140px !important; }
	.site-header .main-navigation-wrap .main-menu-label-hometown{
		width: 140px !important; }
	.site-header .main-navigation-wrap .main-menu-label-socio{
		width: 140px !important; }
*/

	/* ボタン間隔調整 */
	.site-header .main-navigation-wrap li .main-menu-label {
		padding: 0 36px 0 36px !important; }
	.site-header .main-navigation-wrap li .main-menu-label-academy,
	.site-header .main-navigation-wrap li .main-menu-label-hometown,
	.site-header .main-navigation-wrap li .main-menu-label-socio{
		padding: 0 47px 0 47px !important; }

	/* フォントサイズ調整 */
	.site-header .main-navigation-wrap .main-menu-label-en {
		font-size: 2rem !important; }
}



/*----------------------------------------------------------
 * YLCランキング
 * グループリーグB以外を非表示
-----------------------------------------------------------*/
.home .container-league #ranking-cup .table-ranking tbody tr.group_A,
.home .container-league #ranking-cup .table-ranking tbody tr.group_C,
.home .container-league #ranking-cup .table-ranking tbody tr.group_D {
	display: none;
}

/*----------------------------------------------------------
/* ホーム画面スポンサーロゴ表示部スタイル
/* common.css追記用 last2019.2.6
-----------------------------------------------------------*/
@media (min-width:768px){
	/* プラチナスポンサー表示部 */
	.home .container-banner .container-sponsors .platinum-sponsor.sponsor-list{
		margin-bottom:40px !important;
	}
	.home .container-banner .container-sponsors .platinum-sponsor.sponsor-list li{
		width:25%;
	}
	.home .container-banner .container-sponsors .platinum-sponsor.uniform.sponsor-list li{
		width:33.3333%;
	}
	/* プラチナ・ユニフォームスポンサー数／4社 */
	.home .container-banner .container-sponsors .platinum-sponsor.uniform.sponsor-4.sponsor-list li{
		width:36%;
	}
	.home .container-banner .container-sponsors .platinum-sponsor.sponsor-list li:nth-child(n+5),
	.home .container-banner .container-sponsors .platinum-sponsor.sponsor-4.sponsor-list li:nth-child(n+3),
	.home .container-banner .container-sponsors .platinum-sponsor.uniform.sponsor-list li:nth-child(n+4){
			margin-top:20px;
	}
}
@media (max-width:767px){
	/* プラチナスポンサー表示部 */
	.home .container-banner .container-sponsors .platinum-sponsor.sponsor-list li:nth-child(n+3){
		margin-top:20px !important;
	}
}

/*----------------------------------------------------------
/* ホーム画面 フロートバナー表示スタイル
/* last2019.8.1
-----------------------------------------------------------*/
.float-ban{
	display:none;
	position:fixed;
	right:0;
	text-align: right;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition:-webkit-transform 0.4s ease-out;
	transition:-webkit-transform 0.4s ease-out;
	transition:transform 0.4s ease-out;
	transition:transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
	z-index:100;
}
.float-ban button{
	padding:4px 8px;
	line-height:1;
	font-size:1.8rem;
	color:#fff;
	border:none;
	border-radius:4px;
	cursor: pointer;
	background-color:#279b51;
}
.float-ban.close{
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.float-ban img{
	display:block;
	max-width:100%;
}
.float-ban button,
.float-ban a img{
	-webkit-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}
.float-ban button:hover,
.float-ban a:hover img{
	opacity: 0.7;
}
@media (max-width:767px){
	.float-ban{
		width:100%;
		bottom:0;
	}
}
@media (min-width:768px){
	.float-ban{
		width:40%;
		bottom:10%;
	}
}
@media (min-width:897px){
	.float-ban{
		width:25%;
	}
}

/*----------------------------------------------------------
 * トップページ3ブロックのRANKINGタブ表示OFF
 * ※MATCHとSCHEDULEの画像と揃える
 * 日程発表まで対応用
-----------------------------------------------------------*/
/* トップとレディース表示OFF用 */
/*
#tab-league-ranking .nav-item{
	display:none !important;
}
*/
/* レディースのみ表示OFF用 ※トップの日程が先に発表された場合に使用 */
/*
#tab-league-ranking.ladies .nav-item{
    display:none !important;
}
*/