/* 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 dl {
	width:100%;
	display: flex;
	margin: 1px 0;
	font-size: 1.75rem;
	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: 100%;
	padding: 1px;
	background: rgba(0,96,216,1.00);
	transform: translateY(-50%);
	z-index: 0;
}

#Bus dt {
	background: rgba(0,96,216,1.00);
	color: #fff;
	font-weight: 700;
	z-index: 1;
	white-space: nowrap;
	width:7em;
	text-align: center;
	flex: 0 0 8em;
}

#Bus dd { 
	flex: 1 1 7em;
	background: white; /* 線を隠す用 */
	padding: 0 0em;
	z-index: 1;
	margin-left: 1px;
}

#Bus dd.pc { 
	flex: 1 1 7em;
	justify-content: center;
}

#Bus section div {
	margin: 1em 0;
}



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

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

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