@charset "utf-8";

html {
	font-size: 58.59375%;
}

main a.registration {
	pointer-events: none;
	cursor: default;
	color: rgba(255,255,255,0.80) !important;
}

main a.pre {
	pointer-events: none;
	cursor: default;
	color: rgba(255,255,255,0.50) !important;
}

br.sp {
	visibility: hidden;
}

body > header {
	border-bottom: solid 3px rgba(229,128,17,1.00);;
}

main > div.contents-nav > ul {
	margin: 0 auto;
	padding-top: 20px;
	max-width: 900px;
	display: flex;
	gap: 0 8px;
	flex-wrap: wrap;
}

main > div.contents-nav > ul > li {
	flex: 1;
	font-size: 1.5rem;
}

main > div.contents-nav > ul > li > a {
	display: block;
	border: solid 2px var(--colorB);
	color: rgba(255,255,255,1.00);
	background-color: var(--colorB);
	padding: 5px 0;
	text-align: center;
}

main > div.contents-nav > ul > li:nth-child(2) {
	@media screen and (max-width: 600px) {
		font-size: 3.4667vw;
	}
	>a {
		@media screen and (max-width: 600px) {
			padding: 1.733vw 0;
		}
	}
}

main > div.contents-nav > ul > li:nth-child(1) {
	@media screen and (max-aspect-ratio: 11/9) {
		width: 100%;
		&>a {
			width: calc(50% - 12px);
		}
	}
}

main > div.contents-nav > ul > li.nolink > a {
	pointer-events: none;
	color: rgba(255, 255, 255, 0.5);
}

main > div.contents-nav > ul > li > a.registration {
	pointer-events: none;
	color: rgba(255,255,255,0.50);
}

main > div.contents-nav > ul > li > a:hover,
main > div.contents-nav > ul > li.active > a {
	color: var(--colorB);
	background-color: rgba(255,255,255,1.00);
}

@media screen and (max-aspect-ratio: 11/9) {
	
	main {
		padding: 4vw;
	}

	main > div.contents-nav {
		padding-top: calc(7vh - 4vw);
		padding-right: 6vw;
		padding-left: 6vw;
	}
	
	main > div.contents-nav > ul {
		flex-wrap: wrap;
		gap: 8px;
	}
	
	main > div.contents-nav > ul > li {
		flex: none;
		width: calc(100%/2 - 8px);
	}
	
	br.pc {
		visibility: hidden;
	}
	
	br.sp {
		visibility: visible;
	}
}

@media screen and (max-width: 600px) {
	html {
		font-size: 62.5%;
	}

	main > div.contents-nav {
		padding-right: 3vw;
		padding-left: 3vw;
	}
	
	main > div.contents-nav > ul > li {
		font-size: 4.267vw;
	}
}