/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/



.fv_section{
	box-sizing:  border-box ;
	font-weight: 100% ;
	padding : 200px 24px 0px ;
}
.fv_titlebox{
	box-sizing:  border-box ;
	position: relative ;
	display: block ;
	width : 100% ;
	max-width: 800px ;
	margin : 0px auto ;
	padding: 40px ;
	border : 1px solid #38419D ;
	border-radius: 12px ;
	background-color : rgba(255,255,255,0.5);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.25);
	z-index: 4 ;
}
h1.soccer51_title{
	font-size: 32px ;
	font-weight: 900 ;
	text-align: center ;
	text-shadow: 0px 2px 0px rgba(0,0,0,0.25);
}

.fv_kts{
	width: 100% ;
	max-width: 320px ;
	margin: 40px auto 0px ;
}

.fv_catch{
	border-top : 1px solid #38419D ;
	padding-top : 20px ;
	margin-top : 20px ;
	font-size: 12px ;
	text-align: center ;
}



.footer{
	position: relative ;
	box-sizing: border-box;
	width: 100% ;
	padding: 400px 24px ;
	background-color: #38419D ;
	color : #FFFFFF ;
}
.footer_kts{
	width: 100% ;
	max-width: 320px ;
	margin: 0px auto ;
}


.footer_copy{
	position: absolute;
	bottom : 0px ;
	left: 0% ;
	width: 100% ;
	height: 40px ;
	line-height: 40px ;
	font-size: 12px ;
	text-align: center ;
}




.match_superbox{
	box-sizing:  border-box ;
	position: relative ;
	width: calc( 100% - 48px );
	max-width: 800px ;
	margin : 160px auto 0px ;
	padding : 20px ;
	border : 4px solid #38419D ;
	border-top : 24px solid #38419D ;
	border-radius: 0px 12px 12px 12px ;
	background-color : rgba(255,255,255,0.5);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.25);
	z-index: 4 ;
}

.match_player{
	position: relative ;
	width: 100% ;
	aspect-ratio: 16 / 9 ;
}
.match_player > div{
	aspect-ratio: 16 / 9 ;
	padding : 0px !important ;
}

.match_info{
	position: absolute;
	display: block ;
	bottom : 100% ;
	left: -4px ;
	width: 100% ;
	max-width: 400px ;
	box-sizing: border-box ;
	padding: 10px 20px ;
	background-color: #38419D ;
	color : #FFFFFF ;
	font-size: 18px ;
	font-weight: 900 ;
	border-radius: 12px 12px 0px 0px ;
}

.match_info span{
	font-size: 12px ;
}




.backtext{
	position: absolute;
	top : 0% ;
	left: -100px ;
	color : #FFFFFF ;
	font-size: 480px ;
	font-weight: 900 ;
	z-index: 1 ;
	opacity: 0.75 ;
	transform: rotate(15deg);
	line-height: 1.2;
}

.fv_tnbox{
	width: 100% ;
	max-width: 800px ;
	position: relative;
	display: block ;
	justify-content: center ;
	box-sizing: border-box ;
	margin: 20px auto 0px ;
	z-index:  4 ;
}
.fv_tn{
	position: relative ;
	width: 100% ;
}
.fv_tn:hover{
	opacity: 0.8 ;
}
.fv_tn img{
	width: 345px; ;
}
.fv_tnbox_story{
	box-sizing: border-box;
	position: absolute;
	top : 50% ;
	right: 0% ;
	padding: 0px 20px ;
	width: calc( 100% - 345px );
	transform: translate(0%,-50%);
	font-weight: 700 ;
}



.wardog_form_input{
	width: 100% ;
	height: 40px ;
	box-sizing: border-box ;
	border : 1px solid #38419D ;
	background-color: #FFFFFF ;
	padding: 20px ;
	font-size: 12px ;
}
.wardog_form_textarea{
	width: 100% ;
	height: 300px ;
	box-sizing: border-box ;
	border : 1px solid #38419D ;
	background-color: #FFFFFF ;
	padding: 20px ;
	font-size: 12px ;
}


.wardog_mailform_submit{
	position: relative;
	display: block ;
	width: 100% ;
	height: 80px ;
	background-color: #38419D ;
	border : 1px solid #38419D ;
	color : #FFFFFF ;
	font-size: 20px ;
	font-weight: 900 ;
	cursor: pointer ;
	-webkit-appearance : none ;
}
.wardog_mailform_submit:hover{
	opacity: 0.5 ;
}





.match_player_tn{
	width: 100% ;
	opacity: 0.2 ;
}
.match_player_ready{
	position: absolute;
	top : 50% ;
	left: 0% ;
	width: 100% ;
	font-size: 52px ;
	color : #38419D ;
	font-weight: 900 ;
	text-align: center ;
	transform: translate(0%,-50%);
	aspect-ratio: auto !important ;
	padding: 0px !important ;
}






.fv_tn_title{
	position: relative ;
	text-align: center ;
	z-index: 4 ;
	font-weight: 700 ;
	margin-top : 80px ;
	box-sizing: border-box;
}








































/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 800px) {





.fv_section{
	padding : 100px 24px 0px ;
}
.fv_titlebox{
	padding: 24px ;
}
h1.soccer51_title{
	font-size: 24px ;
}

.fv_kts{
}

.fv_catch{
}



.footer{
}
.footer_kts{
}


.footer_copy{
}




.match_superbox{
	width: calc( 100% - 24px );
	margin : 160px auto 0px ;
	padding : 8px ;
}

.match_player{
}

.match_info{
	width: calc( 100% + 8px );
	max-width: 800px ;
	font-size: 14px ;
}

.match_info span{
	font-size: 10px ;
}




.backtext{
	top : 30% ;
	font-size: 240px ;
}

.fv_tnbox{
}
.fv_tn{
	margin-bottom : 40px ;
}
.fv_tn:hover{
}
.fv_tn img{
	width: 100% ;
	max-width: 345px ;
	margin : 0px auto ;
}
.fv_tnbox_story{
	position: relative;
	top : auto ;
	right: auto ;
	padding: 0px 0px ;
	width: 100%;
	transform: translate(0%,0%);
	margin-top : 10px ;
}



.wardog_form_textarea{
}


.wardog_mailform_submit{
}
.wardog_mailform_submit:hover{
}




.match_player_tn{
}
.match_player_ready{
	font-size: 32px ;
}

















} /** @media ====================================================== **/