/* CSS Document */

#access{}
	#access figure{
		margin: var(--space) 0;
		}
		#access figure ul{
			display: grid;
			grid-gap: var(--space);
			width: min(calc(100% - 2em), 1400px);
			margin: auto;
			}
		#access figure li{}
			#access figure li:nth-child(2){
				width: min(100%, 600px);
				margin: auto;
				}

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

#routeStart{}
	#routeStart dd{}
		#routeStart dd:last-child{
			display: block;
			width: 100%;
			min-height: 0;
			margin: 1em 0;
			color: var(--primary-color);
			text-align: center;
			}
		#routeStart dd:not(:last-child){
			order: 1;
			}

#routeGoal{}
	#routeGoal dl{
		justify-content: center;
		}
	#routeGoal 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以上*/
}