@charset "UTF-8";

@media all {
	.timetable-lead {
		margin-top: 50rem;
		font-weight: bold;
		text-align: center;
		line-height: 2.333;
	}

	.next-event {
		font-weight: bold;
		color: var(--red);
		text-align: center;
		line-height: 1.3;
	}

	.timetable-select {
		position: sticky;
		transition: top .5s;
		z-index: 1;
	}


	.select-item {
		float: left;
	}

	.select-item a {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		font-weight: bold;
	}
	.select-item a .date {
		display: block;
		border-radius: 50%;
		width: 100%;
		aspect-ratio: 1;
		background-color: #000;
	}

	.select-item.end a .date {
		background-color: #c8c8c8 !important;
	}

	.select-item.active a .date,
	.select-item a:hover .date {
		background-color: #f8df2d;
	}





	/* sp & tab */
	@media screen and (max-width: 1024px) {
		.timetable-select {
			top: 0;
		}
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.site-footer {
			margin-top: 120rem;
		}

		.timetable-lead {
			font-size: 12rem;
		}

		.event-map {
			font-size: 18rem;
		}

		.timetable-select {
			margin-top: 40rem;
		}

		.select-item {
			width: calc(16.67% - 2px);
			margin-bottom: 2px;
			height: 40rem;
			margin-left: 2px;
		}

		.select-item:nth-child(6n+1) {
			margin-left: 1px;
		}



		.next-event {
			margin-top: 40rem;
			font-size: 18rem;
		}

		.next-event small {
			font-size: 12rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.site-footer {
			margin-top: 200rem;
		}


		.timetable-select {
			margin-top: 80rem;
			top: 87rem;
			height: 105rem;
		}

		.select-list {
			display: flex;
			justify-content: space-between;
			margin: 0 auto;
			max-width: 883rem;
			height: 100%;
		}

		.select-item {
			width: calc(12.5% - 2rem);
			max-width: 84rem;
			height: 100%;
		}

		.select-item a .date {
			margin-top: 6rem;
			transition: background-color .3s;
		}






		.next-event {
			margin-top: 80rem;
			font-size: 20rem;
		}

		.next-event small {
			font-size: 15rem;
		}
	}

	/* tab */
	@media only screen and (min-width: 768px) and (max-width: 1024px) {}

	/* pc */
	@media print,
	(min-width: 1025px) {}

}



/* time table */
@media all {
	.timetable-list {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.timetable-item {position: relative;}
	.timetable-item:nth-child(even) {
		background-color: #f9f8ef;
	}
	.timetable-item.end {
		order: 1;
	}
	.timetable-item-target {position: absolute;}
	.timetable-date {
		position: relative;
		margin: 0 auto;
		background: center / contain no-repeat url(../img/timetable/timetable-base.svg);
	}
	.timetable-date img {position: absolute;}

	.timetable-frame {
		display: block;
		margin: 0 auto;
		width: calc(100% - 20rem);
		max-width: 800rem;
		border-top: var(--max1px) solid #ccc;
		border-right: var(--max1px) solid #ccc;
	}

	/* sp */
	@media (max-width: 767px) {
		.timetable-item {
			margin-top: -0rem;
			padding: 90rem 10rem 0;
		}
	}

	/* tab & pc */
	@media print,
	(min-width: 768px) {
		.timetable-frame {height: 800rem;}
		
		.timetable-item {
			padding: 100rem 0;
		}
		.timetable-item-target {
			top: -100rem;
		}
		.timetable-date {
			width: 440rem;
			height: 140rem;
		}
		.timetable-date img {
			top: 38rem;
			right: 85rem;
			width: auto;
			height: 35rem;
		}
		.timetable-frame {margin-top: 30rem;}

		/* tab */
		@media (max-width: 1024px) {}
		
		/* pc */
		@media (min-width: 1025px) {}
	}
	
}





/* template */
@media all {

	/* sp */
	@media (max-width: 767px) {}

	/* tab & pc */
	@media print,
	(min-width: 768px) {
		
		/* tab */
		@media (max-width: 1024px) {}
		
		/* pc */
		@media (min-width: 1025px) {}
	}
	
}