@charset "UTF-8";

/* @class */

/* バス会社から探す */
.menu-routelist {}
	.menu-routelist .layout-flex {
    	-webkit-box-pack: center;
    	-ms-flex-pack: center;
    	-webkit-justify-content: center;
    	justify-content: center;
    	-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap; }
    	.menu-routelist li {
    		margin-right: 10px;
    		margin-bottom: 10px;  }
    		.menu-routelist li:last-of-type {
    			margin-right: 0; }
    	.menu-routelist li a.m-button {
    		padding: 8px 2em 8px 1em; }
		.menu-routelist li a.mark-arrow::after {
			border: none;
			border-right: 2px solid #fff;
			border-bottom: 2px solid #fff; }
.subsection-routelist {}
	.subsection-routelist .layout-flex {
    	-webkit-box-pack: justify;
    	-ms-flex-pack: justify;
    	-webkit-justify-content: space-between;
    	justify-content: space-between;
    	-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap; }
		.subsection-routelist .layout-flex > * {
			width: 204px; }
		.subsection-routelist .division {
			margin-top: 0;
			margin-bottom: 20px; }
			.subsection-routelist h2.crossheading-bg {
				margin-bottom: 20px; }
			.subsection-routelist a {
				color: #333; }

@media screen and (max-width: 768px) {
	.subsection.menu-routelist {
		margin-bottom: 20px; }
	.menu-routelist .layout-flex {
		-webkit-justify-content: flex-start;
    	justify-content: flex-start; }
    	.menu-routelist ul {
    		padding: 0 20px; }
    	.subsection-routelist .layout-flex > * {
    		width: 100%; }
    		.subsection-routelist .division ul {
    			padding: 0 20px; }
}

/* 路線一覧 */
.btn-date {
	display: inline-block;
	height: 1.875em;
	padding: .5em 1em;
	border-radius: 4px;
	background-color: rgb(251, 145, 0);
	color: #fff;
	font-size: .875rem;
	font-weight: normal;
	line-height: 1;
	text-align: center; }
	.btn-date:hover,
	.btn-date:focus {
		text-decoration: none;	}
	.btn-date.icon-calendar::after {
		margin-left: .5em;
		content: "\f073";
		font-family: FontAwesome; }

.routeinfo {
	margin-bottom: 20px; }
	.routeinfo:last-of-type {
	margin-bottom: 0; }
	.routeinfo .route-section {
		position: relative;
		margin-bottom: 20px;
		padding-right: 9em; }
		.routeinfo .route-section .cell-2 {
			position: absolute;
			right: 20px;
			top: 0;
			bottom: 0;
			margin: auto; }
	.routeinfo .route-copy {
		margin-bottom: 20px;
		color: rgb(38, 139, 186); }
		.routeinfo .body-routeinfo .body {
			padding: 20px;
			text-align: center; }
			.routeinfo .route-name,
			.routeinfo .bus-company,
			.routeinfo .payment {
				width: 22%; }
				.routeinfo .reserve-method ul {
					letter-spacing: -0.5em; }
					.routeinfo .reserve-method li {
						display: inline-block;
						margin-right: 10px;
						margin-bottom: 10px;
						border: 1px solid #ccc;
						border-radius: 4px;
						text-align: left;
						letter-spacing: normal; }
				.routeinfo .body-routeinfo .head-th {
					padding: 5px 10px;
					border-right: 1px solid #fff;
					background-color: #999;
					color: #fff;
					font-size: 0.875rem;
					font-weight: normal;
					text-align: center; }

@media screen and (max-width: 768px) {
	.routeinfo {
		margin-bottom: 0;
		padding: 0 20px; }
		.routeinfo .route-section {
			margin-right: -20px;
			margin-left: -20px; }
	.routeinfo .body-routeinfo.layout-table {
		display: block; }
		.routeinfo .body-routeinfo.layout-table > * {
			display: table;
			width: 100%; }
			.routeinfo .body-routeinfo .head-th {
				display: table-cell;
				width: 4em;
				padding: 0 0 20px 0;
				background: none;
				color: #333;
				font-size: 1rem;
				font-weight: bold;
				text-align: left;
				white-space: nowrap; }
			.routeinfo .body-routeinfo .body {
				display: table-cell;
				padding: 0 0 20px 20px;
				text-align: left; }
			.routeinfo .body-routeinfo.layout-table .prompt-to-appuser {
			}
				.routeinfo .body-routeinfo.layout-table .prompt-to-appuser {
					text-align: right;
				}
					.routeinfo .body-routeinfo.layout-table .prompt-to-appuser a{
					}
}