/* CSS Document */
#Bus ol {
	width:100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	font-size: 2rem;
}

#Bus ol::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 10px;
	background: #999;
	transform: translateY(-50%);
	z-index: 0;
}

#Bus ol li {
	writing-mode: vertical-rl;
	text-orientation: upright;
	padding: 1em 5px;
	color: #fff;
	background: rgba(0,51,162,1.00);
	font-weight: 700;
	border-radius: 2em;
	line-height: 1.25;
	z-index: 1
}

#Bus #Return ol {
	width:50%;
	margin: auto;
}

#Bus dl {
	width:100%;
	display: flex;
	margin: 1em 0;
	font-size: 2rem;
	justify-content: space-between;
	align-items: center;
	position: relative;
	text-align: center;
}

#Bus dl::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 101%;
	padding: 1px;
	background: rgba(0,96,216,1.00);
	transform: translateY(-50%);
	z-index: 0;
}

#Bus #Return dl {
	width:50%;
	margin: 1em auto;
}

#Bus dt {
	background: rgba(0,96,216,1.00);
	color: #fff;
	font-weight: 700;
	width:25%;
	z-index: 1;
}

#Bus #Return dt {
	width:50%;
}

#Bus dd {
	width:calc(75%/5 - 1px);
	background: white; /* 線を隠す用 */
	padding: 0 1em;
	z-index: 1;
}

#Bus #Return dd {
	width:50%;
}

@media only screen and (max-width : 999px){
	
	#Bus #Outbound dl ,
	#Bus #Return dl {
		flex-wrap: wrap;
	}

	#Bus #Outbound dt ,
	#Bus #Return dt {
		width:100%;
	}
	
	#Bus #Outbound dd ,
	#Bus #Return dd {
		width:calc(100% - 1px);
		margin-left: 1px;
		margin-bottom: 1px;
	}

	#Bus #Return ol,
	#Bus #Return dl {
		width:98%;
	}
}