@charset "UTF-8";

/* ================================================================================
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(--Clink0);
	font-weight: 500;
	text-decoration: underline;
}

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

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

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

}


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

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

#dream [id^="anc"] > .title
{
	display: flex;	flex-wrap: wrap;	justify-content: center;	align-items: center;
	gap: calc(10 * var(--v));
	padding: 0 var(--pageP);
	margin: 0 0 calc(40 * var(--v));
}
#dream [id^="anc"] > .title p
{
	display: flex;	justify-content: center;	align-items: center;
	width: calc(380 * var(--v));
	padding: 0.1em 0 0.2em;

	background: black;
	border-radius: 2em;

	color: white;
	font-size: var(--fzv30);
}
#dream [id^="anc"] > .title p .sat,
#dream [id^="anc"] > .title p .sun
{	text-shadow: unset !important;	}

#dream h3
{
	padding: 0 0 0.1em;
	font-size: var(--fzv40);
	font-weight: 700;
}
#dream h3 .sat, #dream h3 .sun{	--Fcolor: white;	}

#dream .players
{
	display: flex;	flex-direction: column;
	gap: calc(50 * var(--u));
	margin: 0 auto calc(50 * var(--v));
}

#dream .players li
{
	display: flex;	justify-content: center;
	gap: calc(50 * var(--u));
}

#dream .players li > .box:nth-child(1)
{
	container-type: inline-size;

	position: relative;
	width: calc(50% - 25 * var(--u));	aspect-ratio: 582/501;
}
#dream .players li > .box:nth-child(1) .titleArea
{
	z-index: 3;
	position: absolute;
	top: 63.5cqw;	left: 8cqw;
	width: 60cqw;
	margin: 0 auto;
}
#dream .players li > .box:nth-child(1) .titleArea p
{
	display: flex;	justify-content: center;	align-items: center;
	gap: 1cqw;
	margin: 0 0 2cqw;
	font-size: 3.5cqw;
	font-weight: 600;
	text-align: center;
}
#dream .players li > .box:nth-child(1) .titleArea p span{	font-size: 5.5cqw;	}
#dream .players li > .box:nth-child(1) .titleArea h4
{
	font-size: 6cqw;
	font-weight: 600;
	text-align: center;
}
#dream .players li > .box:nth-child(1) .frame
{
	z-index: 2;
	position: absolute;
	top: 0;	left: 0;
	width: 100%;	height: 100%;
}
#dream .players li > .box:nth-child(1) .photo
{
	z-index: 1;
	position: absolute;
	top: 12cqw;	left: 12cqw;
	width: 83cqw;	aspect-ratio: 478/354;
}
#dream .players li > .box:nth-child(1) picture img{	object-fit: cover;	}
#dream .note
{
	padding: 0 var(--pageP);
	margin: 0 auto;
	font-size: var(--fzv18);
	line-height: 1.5;
	text-align: center;
}



#dream .players li > .box:nth-child(2)
{
	width: calc(50% - 25 * var(--u));
	padding: calc(43 * var(--v)) 0 0;
}
#dream .players .title
{
	padding: 0.8em 0;
	margin: 0 0 calc(20 * var(--v));

	border: 1px solid black;

	font-size: var(--fzu24);
	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(--Ctheme3a)	}
#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(10 * 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: 0.8em;	line-height: 1.5;	}

}
@media screen and (min-width: 768px)
{
#dream .t1 a:hover{	text-decoration: none;	}
#dream .t2 a:hover{	text-decoration: none;	}
}
@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%;	transform: translateX(-3.2vw);	}
#dream .players li > .box:nth-child(2){	width: 100%;	}
#dream .players .boatNumber{	margin: 0 0 calc(240 * var(--u));	}
#dream .players .boatNumber span:first-child{	font-size: var(--fzu36);	}
#dream .players .boatNumber span:last-child{	font-size: var(--fzu16);	}

#dream .players table td:last-child hr{	height: calc(15 * 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);	}

}


/* ================================================================================
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;	font-weight: 600;	}
#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)
{


}


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

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

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

#pickupColumn picture{	margin: 0 auto;	}
#pickupColumn picture:not(:last-child){	margin: 0 auto calc(40 * var(--v));	}
#pickupColumn p{	line-height: 1.7;	}
#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(--Clink0);
	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;	}

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


}

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