@charset "UTF-8";

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

#dream .ancs
{
	display: grid;	grid-template-columns: 1fr;
	gap: calc(80 * var(--v));
}

#dream h3
{
	--fz:36;
	color: var(--Ctheme1);
	font-family: var(--NotoSerif);
	font-weight: 700;
	text-align: center;

	filter:
		drop-shadow(0 0 2em rgb(16 32 61 / 0.2))
		drop-shadow(0 0 1em rgb(16 32 61 / 0.4))
	;
}

#dream .players
{
	display: flex;	flex-direction: column;
	gap: calc(60 * var(--u));

	padding-inline: var(--PPu);
}
#dream .players li
{
	display: grid;	grid-template-columns: 1fr 1fr;
	gap: calc(40 * var(--u));
}
#dream .players li:nth-child(1){	--color: var(--Cgou1);	}
#dream .players li:nth-child(2){	--color: var(--Cgou2);	}
#dream .players li:nth-child(3){	--color: var(--Cgou3);	}
#dream .players li:nth-child(4){	--color: var(--Cgou4);	}
#dream .players li:nth-child(5){	--color: var(--Cgou5);	}
#dream .players li:nth-child(6){	--color: var(--Cgou6);	}

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

	position: relative;
	aspect-ratio: 824/594;
}
#dream .players li > .box:nth-child(2){	container-type: inline-size;	}
#dream .players .title
{
	display: flex;	justify-content: center;	align-items: center;
	width: 100%;	height: 11cqw;

	margin: 1cqw 0 3cqw;

	font-size: 4cqw;
	font-weight: 500;
	text-align: center;
}
#dream .players li:nth-child(1) .title{	background-color: white;	}
#dream .players li:nth-child(2) .title{	background-color: var(--Cgou2);	color: white;	}
#dream .players li:nth-child(3) .title{	background-color: var(--Cgou3);	color: white;	}
#dream .players li:nth-child(4) .title{	background-color: var(--Cgou4);	color: white;	}
#dream .players li:nth-child(5) .title{	background-color: var(--Cgou5);	}
#dream .players li:nth-child(6) .title{	background-color: var(--Cgou6);	color: white;	}

#dream .players table
{
	position: relative;
	width: 100%;
	margin: 0 auto 3cqw;

	border-collapse: collapse;
	background: white;
}
#dream .players table::before
{
	position: absolute;

	content: "";
	display: block;
	width: 100%;	height: 100%;

	border: 1px solid white;
	outline: 1px solid white;

	pointer-events: none;
}


#dream .players table tr:nth-child(2n+3){	background-color: rgb(245,245,245);	}
#dream .players table th
{
	background-color: black;
	border: 2px solid var(--Cgray1);

	padding: 0.3em;

	color: white;
	font-size: 3.5cqw;
	font-weight: 500;
	text-align: center;
	line-height: 1.2;
}
#dream .players table th:nth-child(1){	width: 5em;	}
#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
{
	padding: 0.25em 0;
	border: 2px solid var(--Cgray1);

	font-size: 4.2cqw;
	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: 2.2cqw;	}
#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
{
	display: flex;	justify-content: center;	align-items: center;
	gap: 2cqw;

	color: white;
	font-size: 3.5cqw;
	font-weight: 600;
	text-align: center;

	filter:
		drop-shadow(0 0 2em rgb(16 32 61 / 0.2))
		drop-shadow(0 0 1em rgb(16 32 61 / 0.4))
	;
}
#dream .players .guide span{	font-size: 1.4em;	}
#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
{
	--fz:20;
	color: white;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
}

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

#dream .contentsArea .contents{	padding-inline: var(--PPu);	}

#dream .players li
{
	grid-template-columns: 1fr;
	gap: calc(30 * var(--u));
}
#dream .players li > .box:nth-child(1){	width: 100%;	}
#dream .players li > .box:nth-child(2){	width: 100%;	}

}

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