/* CSS Document */

#access{}
	#access figure{
		width: var(--wrap);
		margin: var(--space) auto;
		}

#accessMap{}
	#accessMap ul{
		display: flex;
		justify-content: center;
		grid-gap: calc(var(--space) / 2);
		margin-bottom: calc(var(--space) / 2);
		}
	#accessMap li{
		justify-content: center;
		place-items: center;
		padding: 0.5em 0.8em;
		border: 2px solid currentColor;
		border-radius: 0.5em;
		color: var(--secondary-color);
		text-align: center;
		cursor: pointer;
		}
		#accessMap li.select{
			background: var(--secondary-color);
			border-color: transparent;
			color: #fff;
			}
	#accessMap img:not(.select){
		display: none;
		}

#routeSearch{}
	#routeSearch h2+div{}
		#routeSearch h2+div a{}
			#routeSearch h2+div a:after{
				background: var(--secondary-color);
				}

#routeStart{}
	#routeStart dl{
		justify-content: center;
		}
	#routeStart dt{
		display: none;
		}




/* for lower */
@media (max-width: 1399.98px) {
/*1399px以下*/
}
@media (max-width: 1199.98px) {
/*1199px以下*/
}
@media (max-width: 991.98px) {
/*991px以下*/
}


/* Small */
@media (max-width: 767.98px) {
/*767px以下*/
}
@media (max-width: 767.98px) and (orientation:portrait) {
/*767px以下縦向き*/
}
@media (max-width: 767.98px) and (orientation:landscape) {
/*767px以下横向き*/
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) {
/*767px以下 横向き, 768px以上,*/
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) and (max-width: 991.98px) {
/*767px以下 横向き, 768px～991px*/
}


/* Medium */
@media (min-width: 768px) {
/*768px以上*/
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*768px～991px*/
}


/* Large */
@media (min-width: 992px) {
/*992px以上*/
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/*992px～1199px*/
}


/* X-Large */
@media (min-width: 1200px) {
/*1200px以上*/
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
/*1200px～1399px*/
}


/* XX-Large */
@media (min-width: 1400px) {
/*1400px以上*/
}