@charset "utf-8";

html{
	overflow-x: clip;
	box-sizing: border-box;
}

body{
	font-family: "Noto Sans JP", sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
	color: #222;
	letter-spacing: 0.04em;
	overflow-x: clip;
	position: relative;
	line-height: 1.5;
	margin: 0;
}

#overWrap {
	position: relative;
/*	margin-bottom: calc(100vw * 76 / 390);*/
}
.disp_pc {
	display: none;
}
.disp_sp {
	display: block;
}

#underTop{
	width: 100%;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(90.66deg, #7DC8F0 0%, #00A0E8 50%, #0096E1 100%);
	margin-bottom: 40px;
}

#underTop h2{
	font-size: 34px;
	font-weight: 700;
	margin-bottom: 0;
	color: #fff;
}

@media ( max-width : 840px ) {
#underTop{
	height: calc(100vw * 60 / 390);
	margin-bottom: calc(100vw * 30 / 390);
}
	
#underTop.mar-b0{
	margin-bottom: calc(100vw * 0 / 390);
}

#underTop h2{
	font-size: calc(100vw * 24 / 390);
}
}

/*高校サッカー*/
#soccerTit{
	width: 100%;
/*	padding: 0 calc(100vw * 10 / 390);*/
	margin-bottom: clamp(0px, calc(100vw * 17 / 390), 30px);
	margin-top: clamp(0px, calc(100vw * 18 / 390), 20px);
}

#soccerTit h3{
	text-align: center;
	font-size: clamp(0px, calc(100vw * 20 / 390), 26px);
	font-weight: 900;
	line-height: 150%;
	color: #0055AF;
}

#soccerResult{
/*	width: 100%;*/
	max-width: 800px;
	margin: 0 auto;
	padding: 0 calc(100vw * 10 / 390);
}

#soccerResult .game{
	font-size: clamp(0px, calc(100vw * 20 / 390), 26px);
	font-weight: 700;
	width: 100%;
	height: clamp(0px, calc(100vw * 42 / 390), 60px);
	display: flex;
	justify-content: center;
	align-items: center;
	background: #0055AF;
	color: #fff;
	margin-bottom: clamp(0px, calc(100vw * 15 / 390), 30px);
}

#soccerResult .resultOne{
	padding: 0 clamp(0px, calc(100vw * 10 / 390), 10px);
	margin-bottom: clamp(0px, calc(100vw * 20 / 390), 40px);
	display: flex;
	flex-direction: column;
	gap:clamp(0px, calc(100vw * 15 / 390), 20px);
}

#soccerResult .resultOne .gameOne{
	background: #F5F5F5;
	border-radius: 5px;
	padding: clamp(0px, calc(100vw * 20 / 390), 30px);
}

#soccerResult .resultOne .gameOne .gameName{
font-size: clamp(0px, calc(100vw * 20 / 390), 26px);
	font-weight: 700;
	border-bottom:solid 1px #0055AF;
	color: #0055AF;
	padding-bottom: clamp(0px, calc(100vw * 5 / 390), 10px);
	margin-bottom: clamp(0px, calc(100vw * 15 / 390), 20px);
}

#soccerResult .resultOne .gameOne .date{
	font-size: clamp(0px, calc(100vw * 16 / 390), 20px);
	font-weight: 400;
	line-height: clamp(0px, calc(100vw * 19 / 390), 25px);
	margin-bottom: clamp(0px, calc(100vw * 10 / 390), 14px);
}

#soccerResult .resultOne .gameOne .gameTit{
	font-size: clamp(0px, calc(100vw * 12 / 390), 18px);
	font-weight: 400;
	margin-bottom: clamp(0px, calc(100vw * 10 / 390), 14px);
	text-align: center;
}

#soccerResult .resultOne .gameOne .gameTit span{
	font-size: clamp(0px, calc(100vw * 28 / 390), 36px);
	font-weight: 700;
}

#soccerResult .resultOne .gameOne .gameTit span.win{
	color: #ff0000;
}

#soccerResult .resultOne .gameOne .score{
	font-size: clamp(0px, calc(100vw * 20 / 390), 26px);
	font-weight: 400;
	line-height: 140%;
	text-align: center;
}

#footer {
	width: 100%;
	position: relative;
	padding: 10px;
/*	padding: calc(100vw * 90 / 390) calc(100vw * 32 / 390) calc(100vw * 16 / 390);*/
	overflow: hidden;
}

#footer .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0096E1;
/*	clip-path: ellipse(90% 100% at 50% 100%);*/
	z-index: -1;
}

#footer .footerWrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#footer small {
	font-size: calc(100vw * 12 / 390);
	font-weight: 400;
	display: block;
	color: #fff;
	text-align: center;
}


.pad5 {
	padding: 5px;
}
.contents-area-header {
	border-radius: 10px 10px 0 0;
}
.contents-area-body {
	border-radius: 0 0 10px 10px;
}

.contents-tournament-blue {
	text-align:left;
	padding: 5px 5px 5px 5px ;
	margin: 5px 0 5px 0;
	color:#FFFFFF;
	font-weight: bold;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #2192EE 0%, #1479C9 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #2192EE 0%, #1479C9 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #2192EE 0%, #1479C9 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2192EE), color-stop(1, #1479C9));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #2192EE 0%, #1479C9 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #2192EE 0%, #1479C9 100%);
}

/* ?g?[?i?????g?\?@?w?b?_?[ */
.contents-tournament-header {
	padding: 0 5px 0 5px;
	color:#FFFFFF;
	text-align:left;
	font-weight: bold;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #90C9FE 0%, #3D9CFA 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #90C9FE 0%, #3D9CFA 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #90C9FE 0%, #3D9CFA 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #90C9FE), color-stop(1, #3D9CFA));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #90C9FE 0%, #3D9CFA 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #90C9FE 0%, #3D9CFA 100%);
	background-size:30px 100%;
	border-left: 2px solid #3D9CFA ;
	border-right: 2px solid #3D9CFA ;
	border-top: 2px solid #3D9CFA ;
}
/* ?g?[?i?????g?\?@?w?b?_?[ */
.contents-tournament-header a{
	color:#3D9CFA;
}

/*?謳ﾘ?關・/
.line-tournament {
	margin: 5px 0  5px 0;
	border-bottom: 1px dashed #2192EE;
}

/* ?g?[?i?????g?\?@BODY */
.contents-tournament-body {
	padding: 5px;
	text-align:left;
	background-color:#ffffff;
	border-bottom: 2px solid #3D9CFA ;
	border-left: 2px solid #3D9CFA ;
	border-right: 2px solid #3D9CFA ;
}

.tournament_tilte {
	text-align:left;
	padding: 5px 5px 5px 30px ;
	font-size:large;
	color:#FFFFFF;
	font-weight: bold;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #8078E7 0%, #4C49BE 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #8078E7 0%, #4C49BE 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #8078E7 0%, #4C49BE 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8078E7), color-stop(1, #4C49BE));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #8078E7 0%, #4C49BE 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #8078E7 0%, #4C49BE 100%);

}

.tournament-area-blue {
	background-color:#ffffff;
	margin: 5px auto 5px auto;
	border: 2px solid #4451c6;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-left: 2px solid #3D9CFA ;
	border-right: 2px solid #3D9CFA ;
	border-top: 2px solid #3D9CFA ;
}

/* ?ԑg?\?@?w?b?_?[ */
.tournament_tilte {
	padding: 5px;
	color:#FFFFFF;
	text-align:left;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #72E0A1 0%, #229F65 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #72E0A1 0%, #229F65 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #72E0A1 0%, #229F65 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #72E0A1), color-stop(1, #229F65));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #72E0A1 0%, #229F65 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #72E0A1 0%, #229F65 100%);
	border-left: 2px solid #229F65 ;
	border-right: 2px solid #229F65 ;
	border-top: 2px solid #229F65 ;
}

/* ?ԑg?\?@BODY */
.tournament-body {
	padding: 5px;
	text-align:left;
	background-color:#ffffff;
	border-bottom: 2px solid #229F65 ;
	border-left: 2px solid #229F65 ;
	border-right: 2px solid #229F65 ;
}

.bangumishoukai-genre {
	font-size:medium;
}
.bangumishoukai-photo img {
	border-radius: 8px; /* ?摜?p?ۂɂ??・*/
}

.victory{
	font-size:large;
	margin: 0 0  5px 0;
	text-align: center;
}

.victory_left{
	text-align:right;
	width:50%;
}

.victory_right{
	text-align:left;
	width:50%;
}

/* ?X?}?z?p */
@media screen and ( min-width : 601px ) {
.disp_pc {
	display: block;
}
.disp_sp {
	display: none;
}
}