@charset "UTF-8";

.titleB{	box-shadow: var(--shadow1);	}
.whiteBox
{
	background: white;
	box-shadow: var(--shadow1);
	border-radius: 0 0 calc(8 * var(--v)) calc(8 * var(--v));
	overflow: hidden;
}

/* ================================================================================
racer
================================================================================ */
@media print, screen
{

#racer .racer
{
	display: flex;	flex-wrap: wrap;
	/* align-items: stretch; */
	align-items: start;
	gap: calc(60 * var(--u)) calc(40 * var(--u));
}
#racer .racer > li
{
	container-type: inline-size;
	width: calc((100% - 3 * 40 * var(--u)) / 4);
	background: var(--Ctheme5);
}

#racer .racer .title
{
	display: flex;	justify-content: center;	align-items: center;
	width: 95cqw;	aspect-ratio: 265/40;
	background: url('../image/race1/bronz.webp') no-repeat center/cover;
	margin: 0 auto;
	box-shadow: var(--shadow3);
	transform: translateY(-50%);
}
#racer .racer li.silver .title{	background: url('../image/race1/silver.webp') no-repeat center/cover;	}
#racer .racer li.gold .title{	background: url('../image/race1/gold.webp') no-repeat center/cover;	}
#racer .racer .title p
{
	font-size: 7cqw;
	text-align: center;
	font-weight: 700;
	transform: skewX(-10deg);
}

#racer .racer .texts1
{
	display: flex;	align-items: center;
	margin-bottom: 4cqw;
	transform: translateY(-20%);
}
#racer .racer .number
{
	flex-shrink: 0;
	padding: 0.1em 0.4em;

	background: linear-gradient(90deg,
		var(--Ctheme2) 0%,
		transparent 100%
	);

	color: white;
	font-family: var(--Roboto);
	font-size: 10cqw;
	font-weight: 500;
	font-style: italic;
}
#racer .racer .name
{
	width: 100%;
	padding-right: 5cqw;

	color: white;
	font-size: 12cqw;
	font-weight: 500;
	text-align: center;
	text-shadow: var(--textShadow0);
	transform: skewX(-10deg);
}
#racer .racer picture
{
	width: 90cqw;	aspect-ratio: 245/220;
	margin: 0 auto 3cqw;
}
#racer .racer picture img{	object-fit: cover;	}

#racer .racer .texts2
{
	display: flex;	justify-content: space-between;	align-items: center;
	width: 90cqw;
	margin: 0 auto 3cqw;
}
#racer .racer .texts2 > li
{
	display: flex;	align-items: center;
	gap: 3cqw;
}
#racer .racer .texts2 > li p:nth-child(1)
{
	padding: 0.1em 0.2em;
	background: white;

	font-size: 4cqw;
	font-weight: 600;
	text-align: center;
	transform: skewX(-10deg);
}
#racer .racer .texts2 > li p:nth-child(2)
{
	color: white;
	font-family: var(--Roboto);
	font-size: 10cqw;
	font-weight: 600;
	text-align: center;
	text-shadow: var(--textShadow0);
	transform: skewX(-10deg);
}
#racer .racer .texts2 > li p:nth-child(2) span{	font-size: 0.5em;	}
#racer .racer .texts2 > li:nth-child(1) p:nth-child(1){	font-size: 5cqw;	}
#racer .racer .texts2 > li:nth-child(1) p:nth-child(2){	font-size: 12cqw;	}

#racer .racer .texts3
{
	width: 90cqw;
	padding: 5cqw;
	margin: 0 auto;
	background: white;
}
#racer .racer .texts3 h4
{
	padding: 0.2em;
	margin-bottom: 4cqw;

	background: var(--Ctheme5);
	color: white;
	font-size: 6cqw;
	font-weight: 500;
	text-align: center;
}
#racer .racer .texts3 ul
{
	display: flex;	flex-direction: column;
	gap: 2cqw;
}
#racer .racer .texts3 li{	display: flex;	justify-content: space-between;	align-items: center;	}
#racer .racer .texts3 li.red{	color: var(--Ctheme4);	}
#racer .racer .texts3 li p
{
	font-size: 5.5cqw;
	font-weight: 600;
}
#racer .racer .texts3 li p:nth-child(1){	width: 45cqw;	}
#racer .racer .texts3 li p:nth-child(2){	width: 22cqw;	}

#racer .racer .texts3 + hr
{
	height: 5cqw;
	background: unset;
}

}
@media screen and (max-width: 767px)
{

#racer .racer > li{	width: calc((100% - 40 * var(--u)) / 2);	}

}


/* ================================================================================
dream
================================================================================ */
@media print, screen
{

#dream .players
{
	display: flex;	flex-direction: column;
	gap: calc(50 * var(--v));
	margin: 0 auto calc(50 * var(--v));
}
#dream .players li{	display: flex;	justify-content: space-between;	}
#dream .players li:nth-child(1){	--Ncolor: var(--Cgou1);	}
#dream .players li:nth-child(2){	--Ncolor: var(--Cgou2);	}
#dream .players li:nth-child(3){	--Ncolor: var(--Cgou3);	}
#dream .players li:nth-child(4){	--Ncolor: var(--Cgou4);	}
#dream .players li:nth-child(5){	--Ncolor: var(--Cgou5);	}
#dream .players li:nth-child(6){	--Ncolor: var(--Cgou6);	}
#dream .noindex .players li{	--Ncolor: var(--Cgou1);	}

#dream .players li > .box:nth-child(1){	width: 48%;	}

#dream .players .thumb
{
	container-type: inline-size;

	position: relative;
	width: 100%;	aspect-ratio: 578/502;

	filter: drop-shadow(var(--shadow0));
}
#dream .players .thumb .frame
{
	z-index: 2;
	position: absolute;
	top: 0;	left: 0;

	width: 100%;	height: 100%;
}
#dream .players .thumb .racer
{
	z-index: 1;
	position: absolute;
	top: 15.5cqw;	left: 5.5cqw;

	width: 93cqw;	aspect-ratio: 535/338;
}

#dream .players .thumb .texts
{
	z-index: 3;
	position: absolute;
	top: 74.5cqw;	left: 5.5cqw;

	display: flex;	justify-content: space-between;	align-items: center;
	width: 93cqw;

	transform: skewX(-10deg);
}
#dream .players .thumb .texts .areas
{
	display: flex;	justify-content: center;	align-items: center;
	gap: 2cqw;
	width: 43cqw;
}

#dream .players .thumb .area
{
	padding: 0.3em;
	background: white;

	font-size: 3cqw;
	font-weight: 600;
	text-align: center;
}
#dream .players .thumb .id
{
	color: white;
	font-family: var(--Roboto);
	font-weight: 500;
	font-size: 8cqw;
	text-shadow: var(--shadow0);
}
#dream .players .thumb .name
{
	width: 50cqw;
	padding-bottom: 0.15em;
	font-size: 7cqw;
	font-weight: 500;
	text-align: center;
}

#dream .players li > .box:nth-child(2)
{
	display: flex;	align-items: center;
	width: 50%;
	padding: calc(55 * var(--v)) 0 calc(40 * var(--v));

	background: linear-gradient(180deg,
		transparent 0%,
		transparent calc(25 * var(--v)),
		var(--Ncolor) calc(25 * var(--v)),
		var(--Ncolor) calc(38 * var(--v)),
		transparent calc(38 * var(--v)),
		transparent calc(100% - 13 * var(--v)),
		var(--Ncolor) calc(100% - 13 * var(--v)),
		var(--Ncolor) 100%	
	);


}
#dream .players li > .box:nth-child(2) > div{	width: 100%;	}

#dream .players li > .box:nth-child(2) > .line
{
	height: calc(13 * var(--v));
	background: var(--Ncolor);
}

#dream .players .title
{
	width: fit-content;
	padding: 0.2em 0 1em;
	margin: 0 auto;

	background: white;

	font-size: var(--fzu26);
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.05em;
}
#dream .players table
{
	width: 100%;
	margin: 0 auto calc(20 * var(--v));

	border: 1px solid var(--Cgray1);
	border-collapse: collapse;
	background: white;
}
#dream .players table tr:nth-child(2n+3){	background-color: var(--Ctable2N)	}
#dream .players table th
{
	background-color: var(--Cgray0);
	border: 1px solid var(--Cgray1);

	padding: 0.3em;

	color: white;
	font-size: var(--fzu16);
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
}
#dream .players table th:nth-child(1){	width: 6em;	}
#dream .players table th:nth-child(2){	width: 6em;	}
#dream .players table th:nth-child(3){	width: 4em;	}
#dream .players table th:nth-child(4){	width: 6em;	}

#dream .players table td
{
	border: 1px solid var(--Cgray1);

	padding: 0.4em 0;

	font-size: var(--fzu20);
	text-align: center;
}
#dream .players table td:first-child{	font-weight: 700;	}
#dream .players table tr:nth-child(2) td:first-child{	background-color: var(--Cgou1);	}
#dream .players table tr:nth-child(3) td:first-child{	background-color: var(--Cgou2); color: white;	}
#dream .players table tr:nth-child(4) td:first-child{	background-color: var(--Cgou3); color: white;	}
#dream .players table tr:nth-child(5) td:first-child{	background-color: var(--Cgou4); color: white;	}
#dream .players table tr:nth-child(6) td:first-child{	background-color: var(--Cgou5);	}
#dream .players table tr:nth-child(7) td:first-child{	background-color: var(--Cgou6); color: white;	}

#dream .players table td:last-child .bar{	display: flex;	align-items: center;	}
#dream .players table td:last-child hr{	height: calc(15 * var(--v));	}
#dream .players table td:last-child hr:nth-child(1){	background-color: var(--Cgou3);	}
#dream .players table td:last-child hr:nth-child(2){	background-color: var(--Cgou4);	}
#dream .players table td:last-child hr:nth-child(3){	background-color: var(--Cgou6);	}

#dream .players .guide
{
	font-size: var(--fzu16);
	text-align: center;
}
#dream .players .guide span:nth-child(1){	color: var(--Cgou3);	}
#dream .players .guide span:nth-child(2){	color: var(--Cgou4);	}
#dream .players .guide span:nth-child(3){	color: var(--Cgou6);	}

#dream .note
{
	font-size: var(--fzv20);
	line-height: 1.5;
}

}
@media screen and (max-width: 767px)
{

#dream .players li
{
	flex-direction: column;
	gap: calc(20 * var(--u));
}
#dream .players li > .box:nth-child(1){	width: 100%;	}
#dream .players li > .box:nth-child(2){	width: 100%;	}

#dream .players .title
{
	padding: 1em;
	margin: calc(-60 * var(--v)) auto 0;
}

#dream .players table td:last-child hr{	height: calc(20 * var(--v));	}
#dream .players table th{	font-size: var(--fzv20);	}
#dream .players table td{	font-size: var(--fzv24);	}
#dream .players .guide{	font-size: var(--fzv24);	}

}


/* ================================================================================
pickupColumn
================================================================================ */
@media print, screen
{

#pickupColumn picture{	margin: 0 auto;	}
#pickupColumn p
{
	font-size: var(--fzv24);
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0.05em;
}
#pickupColumn p:not(:last-child){	margin: 0 auto 1em;	}
#pickupColumn p .small{	font-size: 0.8em;	}
#pickupColumn p strong{	font-weight: 500;	}
#pickupColumn p a
{
	color: var(--Ctheme2);
	font-weight: 500;
	text-decoration: underline;
}

}
@media screen and (min-width: 768px)
{

#pickupColumn p a{	transition: var(--T03);	}
#pickupColumn p a:hover{	opacity: 0.7;	}

}


/* ================================================================================
tenbo
================================================================================ */
@media print, screen
{

#tenbo > .inner{	padding: calc(40 * var(--v)) 0;	}
/* #tenbo [id^="anc"]:not(:last-child){	margin: 0 auto calc(60 * var(--v));	} */

#tenbo [id^="anc"]:has(picture),
#tenbo [id^="anc"]:has(p)
{	padding: calc(40 * var(--v)) 0;	}

#tenbo picture{	margin: 0 auto;	}
#tenbo picture:not(:last-child){	margin: 0 auto calc(40 * var(--v));	}
#tenbo p
{
	line-height: 1.8;
	letter-spacing: 0.05em;
}
#tenbo p:not(:last-child){	margin: 0 auto 1em;	}
#tenbo p .small{	font-size: 0.8em;	}
#tenbo p strong{	font-weight: 500;	}
#tenbo p a
{
	color: var(--Cred0);
	font-weight: 500;
	text-decoration: underline;
}

}
@media screen and (min-width: 768px)
{

#tenbo p a:hover{	color: var(--Cred1);	text-decoration: none;	}

}
@media screen and (max-width: 767px)
{

}





/* ================================================================================
panf
================================================================================ */
@media print, screen
{

#panf > .inner{	padding: calc(40 * var(--v)) 0 calc(80 * var(--v));	}

#panf .PDFs
{
	display: flex;	flex-direction: column;
	gap: calc(60 * var(--v));
}
#panf .thumb
{
	position: relative;
	width: fit-content;
	margin: 0 auto;
}
#panf .thumb::before
{
	z-index: 1;
	position: absolute;
	top: 0;	left: 0;

	content: "";
	display: block;
	width: 100%;	height: 100%;
	background: url('../image/common/pdf_cover.webp') no-repeat center/cover;

	pointer-events: none;
	opacity: 0;
}

#panf .thumb:not(:last-child){	margin: 0 auto calc(20 * var(--v));	}
#panf p{	text-align: center;	}
#panf p:not(:last-child){	margin: 0 auto calc(80 * var(--v));	}

}
@media screen and (min-width: 768px)
{

#panf .thumb::before{	transition: var(--T03);	}
#panf .thumb:hover::before{	opacity: 1;	}

}
@media screen and (max-width: 767px)
{


}

/* ================================================================================
motor
================================================================================ */
/*
@media print, screen
{

html:has(#motor){	font-size: var(--fzv16);	}

#motor > .inner{	padding: calc(80 * var(--v)) 0;	}

#motor table,	#motor th,	#motor td
{
	background: white;
	border: 1px solid var(--Cgray0);
	border-collapse: collapse;
}
#motor .update_ymd
{
	margin: 0 auto calc(20 * var(--v));
	text-align: right;
}

#motor table[class*="_ranking"]
{
	width: 100%;	max-width: calc(800 * var(--v));
	margin: 0 auto calc(40 * var(--v));
}
#motor table[class*="_ranking"] th
{
	padding: 0.5em 0;
	font-weight: 500;
	text-align: center;
}
#motor table[class*="_ranking"] tr:nth-child(1) th{	background: var(--Cred0);	color: white;	box-shadow: inset var(--shadow1);	}
#motor table[class*="_ranking"] tr:nth-child(2) th{	background: var(--Cgold1);	}

#motor table[class*="_ranking"] td
{
	padding: 0.3em 0;

	color: var(--Cblue0);
	font-size: var(--fzv28);
	font-weight: 500;
	text-align: center;
}
#motor table[class*="_ranking"] td a{	text-decoration: underline;	}


#motor h2[class*="-title"]
{
	border-left: 5px solid var(--Cgold0);
	background: var(--Cgold1);

	padding: 0.5em 1em;
	margin: 0 auto calc(40 * var(--v));

	font-size: var(--fzv24);
	font-weight: 500;
	line-height: 1.5;
}


#motor .ico_ranking
{
	position: absolute;
	top: calc(-20 * var(--v));	left: calc(-20 * var(--v));

	display: flex;justify-content: center;	align-items: center;
	width: calc(40 * var(--v));	aspect-ratio: 1;

	border: 2px solid var(--Cgray0);
	border-radius: 50%;
	background: white;

	font-size: var(--fzv24);
	font-weight: 500;
}

#motor .mtr_groups:not(:last-child){	margin: 0 auto calc(80 * var(--v));	}
#motor .mtr_tbl_wrap{	display: flex;	flex-wrap: wrap;	}
#motor .mtr_tbl_wrap:not(:last-child){	margin: 0 auto calc(40 * var(--v));	}

#motor .comment-tbl{	display: flex;	flex-wrap: wrap;	align-items: stretch;	}
#motor .comment-tbl .motor_num{	width: 15%;	}
#motor .comment-tbl .motor_comment{	width: 85%;	background: white;	}
#motor .comment-tbl br{	display: none !important;	}
#motor .comment-tbl .motor_num
{
	position: relative;
	display: flex;	justify-content: center;	align-items: center;

	padding: 0.3em 0.5em;
	background: var(--Cred0);
	box-shadow: inset var(--shadow1);
	border: 1px solid var(--Cgray0);

	font-weight: 500;
	text-align: center;
}
#motor .comment-tbl .motor_num h3 .str_mno_title
{
	display: block;
	margin: 0 auto calc(10 * var(--v));
	color: white;
}
#motor .comment-tbl .motor_num h3 .str_mno
{
	display: block;
	width: fit-content;
	padding: 0.2em 1em;
	margin: 0 auto;
	background: white;
	border-radius: calc(30 * var(--v));
	font-size: var(--fzv28);
}
#motor .comment-tbl .motor_comment
{
	width: 85%;
	padding: 1em;
	border: 1px solid var(--Cgray0);
}
#motor .comment-tbl .motor_comment p
{
	font-size: var(--fzv16);
	font-weight: 500;
	line-height: 1.5;
}


#motor .konsetsu-tbl{	width: 50%;	margin-top: -1px;	}
#motor .zenkoku-tbl{	width: 50%;	margin-top: -1px;	}
#motor .konsetsu-tbl th{	height: calc(70 * var(--v));	}
#motor .zenkoku-tbl th{	height: calc(35 * var(--v));	}
#motor .konsetsu-tbl td:nth-child(1){	width: 55%;	}
#motor .konsetsu-tbl td:nth-child(n+2){	width: 15%;	}
#motor .zenkoku-tbl td{	width: 25%;	}
#motor .konsetsu-tbl th,	#motor .zenkoku-tbl th
{
	padding: 0.3em 0.5em;
	background: var(--Cgold1);
	font-weight: 500;
	text-align: center;
}
#motor .konsetsu-tbl td,	#motor .zenkoku-tbl td
{
	padding: 1em;
	text-align: center;
}

#motor .syouritu_wrap{	width: 27.5%;	margin-top: -1px;	}
#motor .kaisaikikan-tbl{	width: 72.5%;	margin-top: -1px;	}

#motor .syouritu_wrap table{	width: 100%;	}
#motor .syouritu_wrap table:last-child{	margin-top: -1px;	}

#motor .syouritu_wrap th{	width: 50%;	}
#motor .kaisaikikan-tbl th{	width: calc(100%/3);	}
#motor .syouritu_wrap th,	#motor .kaisaikikan-tbl th,
#motor .syouritu_wrap td,	#motor .kaisaikikan-tbl td
{	height: calc(70 * var(--v));	}
#motor .syouritu_wrap th,	#motor .kaisaikikan-tbl th
{
	padding: 0.3em 0.5em;
	background: var(--Cgold1);
	font-weight: 500;
	text-align: center;
}
#motor .syouritu_wrap td,	#motor .kaisaikikan-tbl td
{
	padding: 0.3em 0.5em;
	text-align: center;
	line-height: 1.5;
}
#motor .syouritu_wrap td{	background: var(--Cgray3);	}

}
@media screen and (min-width: 768px)
{

#motor table[class*="_ranking"] td a:hover{	text-decoration: none;	}

#motor .comment-tbl .motor_comment,
#motor .zenkoku-tbl,
#motor .kaisaikikan-tbl
{	margin-left: -1px;	}

#motor .tables34{	margin-top: -1px;	}
#motor .tables56{	margin-top: -1px;	}

}
@media screen and (max-width: 767px)
{

#motor table[class*="_ranking"] td{	font-size: var(--fzv20);	}

#motor h2[class*="-title"]
{
	border-left: calc(10 * var(--u)) solid var(--Cgold0);
	font-size: var(--fzv20);
}

#motor .ico_ranking
{
	top: calc(-10 * var(--v));	left: calc(-10 * var(--v));
	width: calc(60 * var(--v));	aspect-ratio: 1;
	font-size: var(--fzv24);
}

#motor .comment-tbl .motor_num{	width: 100%;	}
#motor .comment-tbl .motor_comment{	width: 100%;	}
#motor .konsetsu-tbl{	width: 100%;	}
#motor .zenkoku-tbl{	width: 100%;	}
#motor .syouritu_wrap{	width: 100%;	}
#motor .kaisaikikan-tbl{	width: 100%;	}

#motor .motor_num h3
{
	display: flex;	justify-content: center;	align-items: center;
	gap: calc(20 * var(--u));
	padding: calc(10 * var(--u));
}
#motor .comment-tbl .motor_num h3 .str_mno_title{	margin: 0;	}
#motor .comment-tbl .motor_num h3 .str_mno
{
	margin: 0;
	font-size: var(--fzv20);
}

#motor table th
{
	height: auto !important;
	padding: 0.5em !important;
	font-size: var(--fzv16);
}
#motor table td
{
	height: auto !important;
	padding: 0.5em !important;
	font-size: var(--fzv18);
}


}
*/

/* ================================================================================
pickupCplumn
================================================================================ */
@media print, screen
{

#pickupCplumn > .inner{	padding: calc(40 * var(--v)) 0;	}
#pickupCplumn [id^="anc"]:not(:last-child){	border-bottom: 2px solid var(--Cred0);	}

#pickupCplumn [id^="anc"]:has(picture),
#pickupCplumn [id^="anc"]:has(p)
{	padding: calc(40 * var(--v)) 0;	}

#pickupCplumn picture{	margin: 0 auto;	}
#pickupCplumn picture:not(:last-child){	margin: 0 auto calc(40 * var(--v));	}
#pickupCplumn p{	line-height: 1.7;	}
#pickupCplumn p:not(:last-child){	margin: 0 auto 1em;	}
#pickupCplumn p .small{	font-size: 0.8em;	}
#pickupCplumn p strong{	font-weight: 500;	}
#pickupCplumn p a
{
	color: var(--Cred0);
	font-weight: 500;
	text-decoration: underline;
}

}
@media screen and (min-width: 768px)
{

#pickupCplumn p a{	transition: var(--T03);	}
#pickupCplumn p a:hover{	opacity: 0.7;	}

}
@media screen and (max-width: 767px)
{


}

/* ======================================== end ======================================== */