#reserve .radios{
	display : flex;
}

#reserve .radios label{
	position : relative;
}

#reserve .radios label input{
	display : none;
}

#reserve .radios label span{
	display : flex;
	align-items : center;
	cursor : pointer;
}

#reserve .radios label span::before{
	content : "";
	display : flex;
	align-items : center;
	justify-content : center;
	border-radius : 50%;
}

#reserve .radios label input:checked + span:after{
	content : "";
	display : block;
	position : absolute;
	border-radius : 50%;
}

#reserve .radios span{
	font-weight : 500;
}

#reserve .radios span:before{
	border-radius : 50%;
	background-color : #fff;
	border : 1px solid #757575;
	font-size : 0;
}

#reserve .radios input:checked + span:after{
	border-radius : 50%;
	background-color : #565656;
	font-size : 0;
}



@media screen and (max-width: 750px){
	#reserve{
		padding-bottom : calc( 52 * 100vw / 750 );
	}
	#reserve .radios label + label{
		margin-left : calc( 84 * 100% / 708 );
	}
	#reserve .radios span{
		font-size : 3rem;
	}
	#reserve .radios span:before{
		width : calc( 39 * 100vw / 750 );
		height : calc( 39 * 100vw / 750 );
		margin-right : calc( 24 * 100vw / 750 );
	}
	#reserve .radios input:checked + span:after{
		width : calc( 27 * 100vw / 750 );
		height : calc( 27 * 100vw / 750 );
		top : calc( 6 * 100vw / 750 );
		left : calc( 6 * 100vw / 750 );
	}
}


@media print,screen and (min-width: 751px){
	#reserve .radios span{
		font-size : 2.12rem;
	}
}



@media screen and (min-width: 751px) and (max-width:1026px){
	#reserve{
		padding-bottom : calc( 54 * 100vw / 1026 );
	}
	#reserve .radios label + label{
		margin-left : calc( 52 * 100% / 928 );
	}
	#reserve .radios span:before{
		width : calc( 23 * 100vw / 1026 );
		height : calc( 23 * 100vw / 1026 );
		margin-right : calc( 16 * 100vw / 1026 );
	}
	#reserve .radios input:checked + span:after{
		width : calc( 15 * 100vw / 1026 );
		height : calc( 15 * 100vw / 1026 );
		top : calc( 4 * 100vw / 1026 );
		left : calc( 4 * 100vw / 1026 );
	}
}


@media print,screen and (min-width: 1027px){
	#reserve{
		padding-bottom : 54px;
	}

	#reserve .radios label + label{
		margin-left : 52px;
	}
	#reserve .radios span:before{
		width : 23px;
		height : 23px;
		margin-right : 16px;
	}
	#reserve .radios input:checked + span:after{
		width : 15px;
		height : 15px;
		top : 4px;
		left : 4px;
	}
}