@charset "UTF-8";
/* CSS Document */

/*style-sm*/
/*---------------print, screen and (max-width:1199px) - START ---------------*/
@media print, screen and (max-width:1199px) {
	
}
/*---------------print, screen and (max-width:1199px) - END ---------------*/



/*style-ml*/
/*---------------print, screen and (min-width:960px) - START ---------------*/
@media print, screen and (min-width:960px) {
	.sp_only{
		display:none!important;
	}
	.common_red_btn:hover{
		background: var(--black);
	}
	.common_black_btn:hover{
		background: var(--red);
	}

	.filter_box label{
		transition: 0.3s;
	}
	.filter_box label:hover{
		background: var(--red);
		color: #fff;
	}

	.player_card{
		transition: 0.3s;
	}
	body:not(.live_page) .player_card:hover{
		transform: translate(-5px, -5px);
		box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
	}

	.player_card .card_buttons button{
		transition: 0.3s;
	}
	.player_card .card_buttons button:hover{
		transform: translate(-2px, -2px);
		box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	}
}
/*---------------print, screen and (min-width:960px) - END ---------------*/



/*style-l*/
/*---------------only screen and (min-width:1200px) - START ---------------*/
@media only screen and (min-width:1200px) {
	.pc_none{
		display:none!important;
	}
}
/*---------------only screen and (min-width:1200px) - END ---------------*/



/*style-m*/
/*---------------(min-width:960px) and (max-width:1199px) - START ---------------*/
@media print, screen and (min-width: 960px) and (max-width: 1199px) {
	.tab_none{
		display:none!important;
	}
	
}
/*---------------(min-width:960px) and (max-width:1199px) - END ---------------*/



/*style-xl*/
/*---------------only screen and (min-width:1600px) - START ---------------*/
@media only screen and (min-width:1600px) {
	#page .black_bg_container:before{
		width: calc((100% - 1240px) / 2);
	}
}
/*---------------only screen and (min-width:1600px) - END ---------------*/