@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;
}

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

#interview
{
	--color1: var(--Ctheme2);
	--color2: var(--Ctheme1);
	--color3: rgb(149,175,250);
	--color4: rgb(134,152,210);

}

#interview .dates
{
	display: flex;	justify-content: center;	align-items: center;
	gap: calc(12 * var(--v));
}
#interview .dates > li
{
	width: calc(140 * var(--v));
	border-radius: 4px;
	overflow: hidden;

	cursor: pointer;
}
#interview .dates > li.selected{	pointer-events: none;	}
#interview .dates > li[disabled]{	filter: grayscale(1);	}

#interview .dates > li p
{
	padding: 0.1em;
	color: white;
	font-weight: 500;
	text-align: center;
}
#interview .dates > li p:nth-child(1)
{
	/* background: var(--color3); */
	background: var(--color1);
	font-size: var(--fzv38);
	opacity: 0.7;
	transition: var(--T02);
}
#interview .dates > li p:nth-child(2)
{
	/* background: var(--color4); */
	background: var(--color2);
	font-size: var(--fzv20);
	opacity: 0.7;
	transition: var(--T02);
}
#interview .dates > li:hover p:nth-child(1),
#interview .dates > li.selected p:nth-child(1)
{
	background: var(--color1);
	opacity: 1;
}
#interview .dates > li:hover p:nth-child(2),
#interview .dates > li.selected p:nth-child(2)
{
	background: var(--color2);
	opacity: 1;
}


#interview .racers
{
	
	display: flex;	flex-wrap: wrap;	justify-content: center;	align-items: center;
	gap: calc(36 * var(--v)) calc(24 * var(--v));
}
#interview .racers > li
{
	width: calc(326 * var(--v));	aspect-ratio: 326/104;
	padding: calc(12 * var(--v)) 0 0;
	/* background: url("../image/pickup2/namePlate.webp") no-repeat center/contain; */
	background: white;
	border: calc(4 * var(--v)) solid var(--Ctheme1);
	border-radius: calc(8 * var(--v));
	cursor: pointer;
}
#interview .racers.d1 > li:not(.d1),
#interview .racers.d2 > li:not(.d2),
#interview .racers.d3 > li:not(.d3),
#interview .racers.d4 > li:not(.d4),
#interview .racers.d5 > li:not(.d5),
#interview .racers.d5 > li:not(.d6),
#interview .racers.d5 > li:not(.d7),
#interview .racers.d5 > li:not(.d8),
#interview .racers.d5 > li:not(.d9),
#interview .racers.d5 > li:not(.d10)
{	display: none;	}

#interview .racers > li .round
{
	color: var(--color2);
	font-size: var(--fzv30);
	font-family: var(--Roboto);
	font-weight: 600;
	text-align: center;
	transform: skewX(-10deg);
}
#interview .racers > li .nameArea
{
	display: flex;	justify-content: center;	align-items: end;
	gap: calc(5 * var(--v));
	padding: calc(7 * var(--v)) 0 0;
}
#interview .racers > li .nameArea p
{
	--Fcolor: var(--color2);
	color: white;
	transform: skewX(-10deg);
}
#interview .racers > li .nameArea .number{	font-size: var(--fzv22);	}
#interview .racers > li .nameArea .name{	font-size: var(--fzv32);	}
#interview .racers > li .nameArea .racer{	font-size: var(--fzv22);	}
/* 
#interview .racers > li:nth-child(1)  { order: 100; }
#interview .racers > li:nth-child(2)  { order: 99; }
#interview .racers > li:nth-child(3)  { order: 98; }
#interview .racers > li:nth-child(4)  { order: 97; }
#interview .racers > li:nth-child(5)  { order: 96; }
#interview .racers > li:nth-child(6)  { order: 95; }
#interview .racers > li:nth-child(7)  { order: 94; }
#interview .racers > li:nth-child(8)  { order: 93; }
#interview .racers > li:nth-child(9)  { order: 92; }
#interview .racers > li:nth-child(10) { order: 91; }
#interview .racers > li:nth-child(11) { order: 90; }
#interview .racers > li:nth-child(12) { order: 89; }
#interview .racers > li:nth-child(13) { order: 88; }
#interview .racers > li:nth-child(14) { order: 87; }
#interview .racers > li:nth-child(15) { order: 86; }
#interview .racers > li:nth-child(16) { order: 85; }
#interview .racers > li:nth-child(17) { order: 84; }
#interview .racers > li:nth-child(18) { order: 83; }
#interview .racers > li:nth-child(19) { order: 82; }
#interview .racers > li:nth-child(20) { order: 81; }
#interview .racers > li:nth-child(21) { order: 80; }
#interview .racers > li:nth-child(22) { order: 79; }
#interview .racers > li:nth-child(23) { order: 78; }
#interview .racers > li:nth-child(24) { order: 77; }
#interview .racers > li:nth-child(25) { order: 76; }
#interview .racers > li:nth-child(26) { order: 75; }
#interview .racers > li:nth-child(27) { order: 74; }
#interview .racers > li:nth-child(28) { order: 73; }
#interview .racers > li:nth-child(29) { order: 72; }
#interview .racers > li:nth-child(30) { order: 71; }
#interview .racers > li:nth-child(31) { order: 70; }
#interview .racers > li:nth-child(32) { order: 69; }
#interview .racers > li:nth-child(33) { order: 68; }
#interview .racers > li:nth-child(34) { order: 67; }
#interview .racers > li:nth-child(35) { order: 66; }
#interview .racers > li:nth-child(36) { order: 65; }
#interview .racers > li:nth-child(37) { order: 64; }
#interview .racers > li:nth-child(38) { order: 63; }
#interview .racers > li:nth-child(39) { order: 62; }
#interview .racers > li:nth-child(40) { order: 61; }
#interview .racers > li:nth-child(41) { order: 60; }
#interview .racers > li:nth-child(42) { order: 59; }
#interview .racers > li:nth-child(43) { order: 58; }
#interview .racers > li:nth-child(44) { order: 57; }
#interview .racers > li:nth-child(45) { order: 56; }
#interview .racers > li:nth-child(46) { order: 55; }
#interview .racers > li:nth-child(47) { order: 54; }
#interview .racers > li:nth-child(48) { order: 53; }
#interview .racers > li:nth-child(49) { order: 52; }
#interview .racers > li:nth-child(50) { order: 51; }
#interview .racers > li:nth-child(51) { order: 50; }
#interview .racers > li:nth-child(52) { order: 49; }
#interview .racers > li:nth-child(53) { order: 48; }
#interview .racers > li:nth-child(54) { order: 47; }
#interview .racers > li:nth-child(55) { order: 46; }
#interview .racers > li:nth-child(56) { order: 45; }
#interview .racers > li:nth-child(57) { order: 44; }
#interview .racers > li:nth-child(58) { order: 43; }
#interview .racers > li:nth-child(59) { order: 42; }
#interview .racers > li:nth-child(60) { order: 41; }
#interview .racers > li:nth-child(61) { order: 40; }
#interview .racers > li:nth-child(62) { order: 39; }
#interview .racers > li:nth-child(63) { order: 38; }
#interview .racers > li:nth-child(64) { order: 37; }
#interview .racers > li:nth-child(65) { order: 36; }
#interview .racers > li:nth-child(66) { order: 35; }
#interview .racers > li:nth-child(67) { order: 34; }
#interview .racers > li:nth-child(68) { order: 33; }
#interview .racers > li:nth-child(69) { order: 32; }
#interview .racers > li:nth-child(70) { order: 31; }
#interview .racers > li:nth-child(71) { order: 30; }
#interview .racers > li:nth-child(72) { order: 29; }
#interview .racers > li:nth-child(73) { order: 28; }
#interview .racers > li:nth-child(74) { order: 27; }
#interview .racers > li:nth-child(75) { order: 26; }
#interview .racers > li:nth-child(76) { order: 25; }
#interview .racers > li:nth-child(77) { order: 24; }
#interview .racers > li:nth-child(78) { order: 23; }
#interview .racers > li:nth-child(79) { order: 22; }
#interview .racers > li:nth-child(80) { order: 21; }
#interview .racers > li:nth-child(81) { order: 20; }
#interview .racers > li:nth-child(82) { order: 19; }
#interview .racers > li:nth-child(83) { order: 18; }
#interview .racers > li:nth-child(84) { order: 17; }
#interview .racers > li:nth-child(85) { order: 16; }
#interview .racers > li:nth-child(86) { order: 15; }
#interview .racers > li:nth-child(87) { order: 14; }
#interview .racers > li:nth-child(88) { order: 13; }
#interview .racers > li:nth-child(89) { order: 12; }
#interview .racers > li:nth-child(90) { order: 11; }
#interview .racers > li:nth-child(91) { order: 10; }
#interview .racers > li:nth-child(92) { order: 9; }
#interview .racers > li:nth-child(93) { order: 8; }
#interview .racers > li:nth-child(94) { order: 7; }
#interview .racers > li:nth-child(95) { order: 6; }
#interview .racers > li:nth-child(96) { order: 5; }
#interview .racers > li:nth-child(97) { order: 4; }
#interview .racers > li:nth-child(98) { order: 3; }
#interview .racers > li:nth-child(99) { order: 2; }
#interview .racers > li:nth-child(100){ order: 1; }
 */
}
@media screen and (max-width: 767px)
{

#interview .dates{	flex-wrap: wrap;	}
#interview .dates > li{	width: calc((100% - 2 * 24 * var(--v))/3);	}

/* #interview .dates > li p:nth-child(1){	font-size: var(--fzv20);	} */
/* #interview .dates > li p:nth-child(2){	font-size: var(--fzv14);	} */
/* #interview .racers > li .round{	font-size: var(--fzv20);	} */
/* #interview .racers > li .nameArea .number{	font-size: var(--fzv12);	} */
/* #interview .racers > li .nameArea .name{	font-size: var(--fzv18);	} */
/* #interview .racers > li .nameArea .racer{	font-size: var(--fzv12);	} */


}
/* ================================================================================
pop
================================================================================ */
@media print, screen
{
.pop
{
	z-index: 10000000;
	position: fixed;
	top: 0;	left: 0;

	display: flex;	justify-content: center;	align-items: center;
	display: none;
	width: 100vw;	height: 100vh;
	padding: 0 var(--pageP);
	background: rgb(0,0,0,0.8);
}

.pop > .cover
{
	position: absolute;
	top: 0;	left: 0;
	width: 100%;	height: 100%;
}
.pop > .inner
{
	position: relative;
	width: 100%;	max-width: calc(1000 * var(--v));
	padding: calc(30 * var(--v)) calc(40 * var(--v));
	background: black;
	box-shadow: 0 0 calc(20 * var(--v)) rgb(255,255,255,0.4);
}
.pop .close
{
	z-index: 10;
	position: absolute;
	top: calc(-60 * var(--v));	right: calc(-10 * var(--v));
	/* width: calc(60 * var(--v));	aspect-ratio: 1; */
	color: white;
	font-size: var(--fzv40);
}

.pop .movieArea
{
	max-width: calc(1000 * var(--v));
	margin: 0 auto;
	/* background: var(--Cgray0); */
}

.pop .movie,
.pop iframe.youtube
{
	position: relative;
	display: block;
	width: 100%;	aspect-ratio: calc(640/360);
}

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

.pop > .inner
{
	width: 100%;
	/* padding: calc(40 * var(--v)) var(--pageP); */
}
.pop .close
{
	/* top: calc(-45 * var(--v));	right: calc(-20 * var(--v)); */
	/* width: calc(88 * var(--v));	aspect-ratio: 1; */
}

}




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