@charset "UTF-8";

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

#tenbo{	padding: 0;	}
#tenbo .ancs
{
	display: flex;	flex-direction: column;
	gap: calc(80 * var(--v));
}
#tenbo .html
{
	position: relative;

	padding: var(--pageP);
	background: url("../image/common/background_pattern.png") repeat;
	border: 3px solid var(--Ctheme5);
}
#tenbo .html::before
{
	position: absolute;
	top: 5px;	left: 5px;

	content: "";
	display: block;
	width: calc(100% - 10px);	height: calc(100% - 10px);

	border: 3px solid var(--Ctheme5);
	/* border-radius: calc(20 * var(--v)); */
	pointer-events: none;
}
#tenbo picture{	margin: 0 auto;	}
#tenbo picture img
{
	display: block;
	max-width: calc(900 * var(--v));
	margin: 0 auto;
}

#tenbo p
{
	font-size: var(--fzv20);
	font-weight: 500;
	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(--Cblue0);
	font-weight: 500;
	text-decoration: underline;
}

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

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

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

#tenbo{	padding: 0 var(--pageP);	}
#tenbo picture img{	max-width: 80vw	}
#tenbo p{	font-size: var(--fzv30);	}

}


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

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

#dream h3
{
	width: fit-content;
	padding: 0 0.5em;
	margin: 0 auto calc(55 * var(--v));

	color: white;
	font-size: var(--fzv32);
	text-align: center;
	line-height: 1.3;
	text-shadow: var(--shadow4);
}
#dream #anc1 h3 strong{	color: var(--Cred0);	}
#dream #anc2 h3 strong{	color: var(--Cblue0);	}

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

	/* padding: 0 calc(20 * var(--u)); */
	margin: 0 auto calc(50 * var(--u));
}
#dream .players li{	display: flex;	justify-content: space-between;	}
#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 li > .box:nth-child(1){	width: 48%;	}
#dream .players .thumb
{
	position: relative;

	aspect-ratio: calc(636/478);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#dream .players .boatNumber
{
	position: absolute;
	top: calc(-30 * var(--u));	left: calc(-30 * var(--u));
	width: calc(178 * var(--u)); aspect-ratio: 356/286;
	/* filter: drop-shadow(var(--shadow0)); */
}
#dream .noindex .players .boatNumber{	display: none;	}

#dream .players .name
{
	position: absolute;
	bottom: 0;	left: 0;

	display: flex;	justify-content: center;	align-items: baseline;
	gap: calc(30 * var(--u));
	width: 100%;

	padding: calc(15 * var(--u)) calc(10 * var(--u));
	text-align: center;
	font-weight: 500;
}
#dream .players .name span:first-child{	font-size: var(--fzu30);	}
#dream .players .name span:last-child{	font-size: var(--fzu50);	}


#dream .players li:nth-child(1) .name{	color: black;	}
#dream .players li:nth-child(2) .name{	color: white;	}
#dream .players li:nth-child(3) .name{	color: white;	}
#dream .players li:nth-child(4) .name{	color: white;	}
#dream .players li:nth-child(5) .name{	color: black;	}
#dream .players li:nth-child(6) .name{	color: black;	}



#dream .players li > .box:nth-child(2)
{
	width: 48%;
	padding-top: calc(20 * var(--u));
}
#dream .players .title{	margin: 0 0 calc(15 * var(--u));	}

#dream .players table
{
	width: 100%;
	margin: 0 auto calc(20 * var(--u));

	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: black;
	border: 1px solid var(--Cgray1);

	padding: 0.5em;

	color: white;
	font-size: var(--fzu19);
	font-weight: 700;
	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
{
	border: 1px solid var(--Cgray1);

	padding: 0.4em 0;

	font-size: var(--fzu20);
	font-weight: 500;
	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(20 * var(--u));	}
#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
{
	color: white;
	font-size: var(--fzu20);
	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
{
	color: white;
	font-size: var(--fzu20);
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
}

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

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

#dream h3{	font-size: var(--fzv30);	}
#dream .players{	padding: 0 var(--pageP);	}
#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 .thumb{	margin: 0 auto;	}
/* #dream .players .name{	padding: calc(15 * var(--u));	} */
/* #dream .players .name span:first-child{	font-size: var(--fzu32);	} */
/* #dream .players .name span:last-child{	font-size: var(--fzu55);	} */

#dream .players table th{	font-size: var(--fzv20);	}
#dream .players table td{	font-size: var(--fzv24);	}
#dream .players .guide{	font-size: var(--fzv24);	}

#dream .note{	font-size: var(--fzu30);	}

}


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

#pickupColumn{	padding: 0;	}
#pickupColumn .ancs
{
	display: flex;	flex-direction: column;
	gap: calc(80 * var(--v));
}
#pickupColumn .html
{
	container-type: inline-size;
	position: relative;

	padding: var(--pageP);
	background: url("../image/common/background_pattern.png") repeat;
	border: 3px solid var(--Ctheme5);
	/* border-radius: calc(20 * var(--v)); */
}
#pickupColumn .html::before
{
	position: absolute;
	top: 5px;	left: 5px;

	content: "";
	display: block;
	width: calc(100% - 10px);	height: calc(100% - 10px);

	border: 3px solid var(--Ctheme5);
	/* border-radius: calc(20 * var(--v)); */
	pointer-events: none;
}
#pickupColumn picture
{
	width: 100%;
	margin: 0 auto;
}
#pickupColumn picture:not(:last-child){	margin: 0 auto calc(40 * var(--v));	}
#pickupColumn picture img
{
	display: block;
	max-width: calc(900 * var(--v));
	margin: 0 auto;
}

#tenbo .html
{
	container-type: inline-size;
	position: relative;

	padding: var(--pageP);
	background: url("../image/common/background_pattern.png") repeat;
	border: 3px solid var(--Ctheme5);
	/* border-radius: calc(20 * var(--v)); */
}
#tenbo .html::before
{
	position: absolute;
	top: 5px;	left: 5px;

	content: "";
	display: block;
	width: calc(100% - 10px);	height: calc(100% - 10px);

	border: 3px solid var(--Ctheme5);
	/* border-radius: calc(20 * var(--v)); */
	pointer-events: none;
}


#pickupColumn p
{
	font-size: var(--fzv20);
	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(--Cred0);
	font-weight: 500;
	text-decoration: underline;
}

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

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

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

#pickupColumn{	padding: 0 var(--pageP);	}
#pickupColumn picture img{	max-width: 80vw	}
#pickupColumn p{	font-size: var(--fzv30);	}

}

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