@charset "UTF-8";

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

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

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

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

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

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

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

/*-----------------------------------------------------------------------------------------
60000 -----------
60001 PAGE default
60002 PAGE main TYPO


70000 -----------
70001 .page-about
70002 .page-archives
70003 .page-greeting
70004 .page-guideline
70005 .page-organization
70006 page-program
70007 .page-pp
70008 .page-registration
70009 .page-vol
----------------------------------------------------------------------------------------- */










/*-----------------------------------------------------------------------------------------
60001 PAGE default
----------------------------------------------------------------------------------------- */
.box-contents {
	border:0pt solid white;
	padding-top:5vw;
	padding-bottom:10vw;
	background:rgba(0, 0, 0, 0.5);
}

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

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

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

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

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

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

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










/*-----------------------------------------------------------------------------------------
60002 PAGE main TYPO
----------------------------------------------------------------------------------------- */
main h3 {
	font-size: 7.0rem;
	font-weight: 300;
	line-height: 1.3;
}

main h3.little {
	font-size: 4.5rem;
	letter-spacing: 0.1em;
}

main h3.little small {
	letter-spacing: 0;
	font-size:0.6em
}

main h3.flexbox {
align-items : center;
display : flex;
flex-wrap : wrap;
width:fit-content;
}

main h3.flexbox small {
	font-size: 0.5em;
	margin-right: 0.75em;
	letter-spacing: 0.2em;
}

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

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

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

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

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

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

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





main h4 {
	font-size: 2.7rem;
	font-weight: 500;
}

main h4.flexbox {
	align-items : center;
	display : flex;
	flex-wrap : wrap;
	font-size:2.7rem;
	line-height:1.3;
	padding:0.25em 0;
	margin:0 0 1.5em 0;
	font-weight:500;
	color:var(--color-font);
	border:0pt solid var(--color-font-usui-motto);
	background:rgba(255, 255, 255, 0.05);
	border-top:5px solid var(--color-font-usui);
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
}

main h4.flexbox small,
main h4.flexbox span {
	dipslay:block;
	padding:0;
	margin:0;
	border:0pt solid red;
}

main h4.flexbox small {
	background:var(--color-gradi-btn-dark);
	font-size:0.7em;
	padding:0.4em 1.5em 0.2em;
	margin-left:-0.5em;
	width:14em;
	text-align:center;
}

main h4.flexbox span {
	background:rgba(255, 191, 204, 0.0);
	padding:0.3em 0em 0.15em 1.0em;
	letter-spacing:0.05em;
	width: calc( 100% - 10em );
}

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

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

@media screen and (max-width: 1200px) {
	main h4.flexbox {
		font-size:calc( 2.7vw * 1.0);
	}

	main h4.flexbox small {
		width:12em;
	}

	main h4.flexbox span {
		width: calc( 100% - 9em );
	}
}

@media screen and (max-width: 840px) {
	main h4.flexbox {
		font-size:calc( 2.7rem * 1.2 );
		background:rgba(255, 255, 255, 0.00);
		border-top:0px solid var(--color-font-usui);
		display:block;
		padding:0
	}

	main h4.flexbox small,
	main h4.flexbox span {
		padding:0.3em 1.0rem;
		margin:0;
		width:100%;
		text-align:left;
	}

	main h4.flexbox span {
		padding:0.5em 0;
	}
}

@media screen and (max-width: 670px) {
	main h4.flexbox {
	font-size:calc( 2.7rem * 1.4 );
}
}

@media screen and (max-width: 500px) {
	main h4.flexbox {
		font-size:calc( 2.7rem * 1.1 );
	}
}

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





main h5 {
	display:block;
	width:100%;
	font-size:3.0rem;
	padding:0;
	margin:0.5em 0 0 0 ;
}

main .program  h5 {
	text-align:right;
}

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

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

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

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

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

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

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





main h6 {
	font-size:2.4rem;
	margin-top:2em;
	margin-bottom:1em;
}

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

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

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

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

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

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

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










/*-----------------------------------------------------------------------------------------
70001 .page-about ----- ●
----------------------------------------------------------------------------------------- */
.page-about {
	border:0pt solid red;
}

.page-about .box-contents {
	border:0pt solid green;
}

.page-about h3,
.page-about h4 {
	margin-bottom:0.5em;
}


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

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

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

@media screen and (max-width: 840px) {
	.page-about h3 {
		font-size:calc( 8.0vw * 0.75);
	}

	.page-about h4 {
		font-size:calc( 2.7vw * 0.75);
	}
}

@media screen and (max-width: 670px) {
	.page-about h3 {
		font-size:calc( 8.0rem * 0.75);
	}

	.page-about h4 {
		font-size:calc( 2.7rem * 0.75);
	}
}

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

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










/*-----------------------------------------------------------------------------------------
70002 .page-archives ----- ●
----------------------------------------------------------------------------------------- */
.page-archives {
	border:0pt solid red;
}

.page-archives .box-contents {
	border:0pt solid green;
}

.page-archives figure {
	border:1px solid var(--color-font-usui-motto);
	padding:0.5rem
}

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

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

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

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

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

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

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










/*-----------------------------------------------------------------------------------------
70003 .page-greeting ----- ●
----------------------------------------------------------------------------------------- */
.page-greeting {
	border:0pt solid red;
}

.page-greeting .box-contents {
	border:0pt solid green;
}

.page-greeting h3 {
	margin-top:0.5em;
}

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

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

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

@media screen and (max-width: 840px) {
	.page-greeting h3 {
		font-size:calc( 8.0vw * 1.0);
	}

	.page-greeting h3 small {
		letter-spacing: 0 !important;
	}
}

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

@media screen and (max-width: 500px) {
	.page-greeting h3 {
		font-size:calc( 8.0vw * 1.8);
	}

	.page-greeting h3 small {
		width:100% !important;
		font-size:0.4em!important;
	}
}

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










/*-----------------------------------------------------------------------------------------
70004 .page-guideline ----- ●
----------------------------------------------------------------------------------------- */
.page-guideline {
	border:0pt solid red;
}

.page-guideline .box-contents {
	border:0pt solid green;
}

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

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

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

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

@media screen and (max-width: 670px) {
	table.dafault td {
		padding-bottom:3em
	}
}

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

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










/*-----------------------------------------------------------------------------------------
70005 .page-organization ----- ●
----------------------------------------------------------------------------------------- */
.page-organization {
	border:0pt solid red;
}

.page-organization .box-contents {
	border:0pt solid green;
}

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

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

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

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

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

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

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










/*-----------------------------------------------------------------------------------------
70006 page-program
----------------------------------------------------------------------------------------- */
.page-program {
	border:0pt solid red;
}

.day {
	text-align:center;
	font-family: var(--font-oxanium);
	font-size:15.0vw;
	line-height:1.2;
	font-weight:200;
}

.event-day.little {
	font-size:3.0vw;
}

.waku {
	border-top: 0px solid rgba(255, 255, 255, 0.5);
	border-left: 0px solid rgba(255, 255, 255, 0.5);
	padding:0 0;
	margin: 12.0rem 0;
	background: rgba(0, 0, 0, 0.0);
	box-shadow: 1.5rem 1.5rem 1.5rem rgba(0, 0, 0, 0.0)
}

.page-program dl.program-btn dd .btn-more li a {
	padding: 0.35em 0;
}

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

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

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

@media screen and (max-width: 840px) {
.day {
	font-size:calc( 15.0vw * 1.5);
}

.event-day.little {
	font-size:calc( 3.0vw * 1.5);
}
}

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

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

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





ul.sponser {
	border: 0px solid red;
	padding: 1.5rem 0;
	margin: 0;
	justify-content: flex-end;
	display: flex;
	flex-wrap: wrap;
}

ul.sponser li {
	font-size: 1.3rem;
	line-height: 1.2;
	color: var(--color-font);
	border: 0px solid var(--color-font);
	padding: 0.5em 0;
	margin: 0 0 0 1em;
	text-align: right
}

ul.sponser li::before {
	content: '・'
}

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

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

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

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

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

@media screen and (max-width: 500px) {
	ul.sponser {
		justify-content: flex-start;
	}

	ul.sponser li {
		margin: 0 01em 0 0;
	}
}

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





dl.layout-column {
	border:0px solid red;
	display : flex;
	flex-wrap : wrap;
	margin-bottom:4.5rem;
}

dl.layout-column>dt,
dl.layout-column>dd {
	justify-content : flex-end;
	display : flex;
	flex-wrap : wrap;
	width:30%;
	border:0px solid green;
}

dl.layout-column>dt {
	padding-right:2em;
	font-size:2.1rem
}

dl.layout-column>dd {
	width:70%;
	margin-top:calc( 2.1rem / 1);
	border-top:1px solid var(--color-font);
}

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

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

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

@media screen and (max-width: 840px) {
	dl.layout-column {
		margin-bottom:3.0rem;
		display:block;
	}

	dl.layout-column>dt,
	dl.layout-column>dd {
		display:block;
		width:100%;
	}

	dl.layout-column>dt {
		padding-right:0;
		font-size:calc( 2.1rem * 1.3);
	}

	dl.layout-column>dd {
		margin-top:0.5rem;
	}
}

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

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

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









/*-----------------------------------------------------------------------------------------
70007 .page-pp ----- ●
----------------------------------------------------------------------------------------- */
.page-pp {
	border:0pt solid red;
}

.page-pp .box-contents {
	border:0pt solid green;
}

.page-pp ol.numbering>li{
	margin-bottom:3em;
	font-size:1.8rem;
	font-weight:300;

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

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

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

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

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

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

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










/*-----------------------------------------------------------------------------------------
70008 .page-registration ----- ●
----------------------------------------------------------------------------------------- */
.page-registration {
	border:0pt solid red;
}

.page-registration .box-contents {
	border:0pt solid green;
}

.page-registration h3 {
	margin-bottom:0.5em;
}

.page-registration h5 {
	margin-top:1.75em;
	margin-bottom:0.25em;
	font-size:2.4rem;
}

/* .page-registration table.dafault {
	min-width:100%;
} */

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

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

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

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

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

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

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










/*-----------------------------------------------------------------------------------------
70009 .page-vol ----- ●
----------------------------------------------------------------------------------------- */
.page-vol {
	border:0pt solid red;
}

.page-vol .box-contents {
	border:0pt solid green;
}

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

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

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

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

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

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

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