@charset "UTF-8";

/* @class */

/* 便一覧 */
.section-outward {
	background-color: rgb(38, 139, 186); }
	.section-outward .in-section {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center; }
		.section-outward .in-section p {
			color: #fff;
			font-size: 1rem;
			font-weight: bold; }
.section-result {}
	.section-result .in-section {
		padding-top: 0;
		padding-bottom: 40px; }
.loading {
	text-align: center; }

.section-search {
    background-color: rgb(242, 242, 242);
    line-height: 1.2;
    margin-bottom: 40px;
    padding: 0;
}
	.section-search a:hover,
	.section-search a:focus {
		text-decoration: none; }
	.section-search .current {
		background-color: rgb(38, 139, 186) !important; }
	.section-search .order-1 {
		white-space: nowrap;
		padding-right: 60px; }
		.section-search .wrap-from-to  {}
		.section-search .wrap-from-to.layout-flex {
			-ms-flex-pack: justify;
			-webkit-justify-content: space-between;
			justify-content: space-between; }
			#searchReqFrom,
			#searchReqTo {
				width: 45%;
				border: 2px solid rgb(38, 139, 186);
				background-color: #fff;
				color: rgb(38, 139, 186);
				font-size: .875rem; }
				#searchReqFrom > p,
				#searchReqTo > p {
					padding: 4px;
					background-color: rgb(38, 139, 186);
					color: #fff;
					text-align: center; }
				#searchReqFrom > p {
					background-image: url(/hon/NewContent/Images/common/shape-arrow-from.png);
					background-repeat: no-repeat;
					background-position: right 10px center; }
				#searchReqTo > p {
					background-image: url(/hon/NewContent/Images/common/shape-arrow-to.png);
					background-repeat: no-repeat;
					background-position: left 10px center; }
                #searchReqFrom a,
                #searchReqTo a {
                    display: block;
                    padding: 13px 1em;
                    color: rgb(38, 139, 186);
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    -o-text-overflow: ellipsis; /* Opera9,10対応 */
                    text-align: center;
                    width: 125px;
                }
			#searchReqFrom ul.area-block,
			#searchReqTo ul.area-block {
                }
                #searchReqFrom ul.area-block,
                #searchReqTo ul.area-block{
                    }
                    #searchReqFrom ul.area-block li,
                    #searchReqTo ul.area-block li{
                        display: inline-block;
                        vertical-align: middle;
                        padding: 5px;
                        }
			#searchReqReplace {
				-ms-flex-item-align: end;
				-webkit-align-self: flex-end;
				align-self: flex-end;
				margin: 0 10px 10px; }
		#searchReqRetry {
			margin-top: 10px;
			text-align: center; }
			#searchReqRetry .btn-search {}
		.section-search .wrap-date {
			margin-top: 20px;}
		.section-search .wrap-date.layout-flex {
			-ms-flex-pack: justify;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center; }
			#searchReqDate {
				margin: 0 20px;
				line-height: 1.2; }
				#searchReqDate em {
					display: block;
					font-style: normal;
					text-align: center; }
				#searchReqDate strong {
					font-size: 2.25rem; }
					#searchReqDate strong span {
						font-size: 0.667em; }
.section-search .wrap-order-2 {}
	.section-search .order-2 > span {
		font-size: .875rem; }
	#searchReqFilterText {
		margin-left: 1em; }
	#searchReqSort {
		margin-top: 10px;
		text-align: left; }
	#searchReqFilterGroup {
		text-align: left; }
		#searchReqSort > span,
		#searchReqFilterGroup > span,
		#arvDropDown > span {
			float: left;
			width: 7em;
			margin-right: 1em;
			padding: 10px 0;
			font-size: .875rem;
			text-align: right; 
			margin-top: 10px;
		}
		#searchReqFilterGroup p {
			overflow: hidden; }
		#searchReqSort a,
		#searchReqFilterGroup a {
			display: inline-block;
			margin: 0 4px 10px 0;
			padding: 10px 1em;
			border-radius: 4px;
			background-color: #999;
			color: #fff;
			font-size: .875rem;
			font-weight: bold;
			line-height: 1.2; }

.section-nothing {}
	.section-nothing .in-section {
		padding-top: 0;
		padding-bottom: 40px; }
		.section-nothing img {
			margin-bottom: 20px; }
#arvDropDown > select {
	padding: 10px 1em;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: .875rem;
	margin-top: 10px;
}

.setmargin {
	margin: 0 1%;
	padding-left:10px;
	padding-right: 10px;
}

@media screen and (max-width: 768px) {
	.section-search {
		margin-bottom: 0; }
	.section-search .in-section,
	.section-nothing .in-section {
		padding-right: 20px;
		padding-left: 20px; }
		.section-search .layout-table {
			display: block; }
			.section-search .layout-table > * {
				display: block; }
				.section-search .order-1 {
					padding: 0; }
				.section-search .wrap-order-2 {
					margin-top: 30px; }
					.section-search .wrap-order-2 > h3 {
						margin-bottom: 20px; }
						.section-search .order-2 {
							display: none; }
							.section-search .order-2 > span,
							#searchReqSort > span,
							#searchReqFilterGroup > span,
							#arvDropDown > span {
								display: block;
								float: none;
								width: 100%;
								margin: 0 0 10px 0;
								padding: 0;
								font-weight: bold;
								text-align: left;
							}
						#searchReqFilterText {
							margin-left: 0; }
	#arvDropDown > select {
		margin-top: 0px;
	}
	#arvDropDown > span {
		margin-top: 10px;
	}
	.modal {
		height: 100vh;
		position: fixed;
		top: 0;
		width: 100%;
		background: rgba(51, 51, 51, 0.5);
		opacity: 0.9;
		z-index: 99;
	}
		.modal .loading {
			left: 50%;
			padding: 40px;
			position: absolute;
			top: 50%;
			transform: translate(-50%,-50%);
			width: 60%;
		}
		.modal .btn-close {
			display: inline-block;
			padding: 10px 10px;
			border-radius: 4px;
			background-color: #fff;
			color: black;
			font-size: 1rem;
			font-weight: bold;
			line-height: 1.2;
			text-align: center;}
			.modal .btn-close:hover,
			.modal .btn-close:focus {
				text-decoration: none;
				opacity: .5;
				-webkit-transition: 0.3s ease;
				transition: 0.3s ease;
			}
/*トースト通知*/
	#toast-container .toast-info {
		background-color: rgb(38, 139, 186);
		font-weight: bold;
		opacity: 1;
	}
}

.routeinfo .summary {
	margin-bottom: 20px; }
	.routeinfo .summary .route-title {
		position: relative;
		padding: 10px 15px 10px 15px;
		background-color: #333; }
	.routeinfo .summary .route-title.layout-flex {
		align-items: center; }
		.routeinfo .summary .route-title h2 {
			color: #fff; }
		.routeinfo .summary .route-title p {
			white-space: nowrap;
			color: #fff; }
		.routeinfo .summary .route-title p:first-of-type {
			margin-left: auto; }
		.routeinfo .bookmark {
			-webkit-box-ordinal-group: 1;
			-ms-flex-order: 1;
			-webkit-order: 1;
			order: 1;
			margin-left: 15px; }
			.routeinfo .bookmark a {
				padding: 0 5px;
				border-radius: 4px;
				background-color: #999;
				color: #ddd;
				font-size: 1.125rem;
				line-height: 1; }
			.routeinfo .bookmark a.is-active {
				background-color: rgb(251, 145, 0);
				color: #fff; }
			.routeinfo .bookmark a:hover,
			.routeinfo .bookmark a:focus { 
				text-decoration: none; }
				.routeinfo .bookmark .txt-bookmark {
					margin-left: 5px;
					color: #fff;
					font-size: .625rem; }
	.routeinfo .summary .dep-arr {
		width: 100%;
		text-align: center;  }
		.routeinfo .summary .dep-arr.layout-table > div {
			padding: 10px 20px; }
		.routeinfo .summary .departure {
			border: 2px solid rgb(38, 139, 186);
			border-right: none;
			border-top: none;
			background-color: #fff;
			color: rgb(38, 139, 186);  }
		.routeinfo .summary .arrival {
			border: 2px solid rgb(38, 139, 186);
			border-left: none;
			border-top: none;
			background-color: rgb(38, 139, 186);
			/*background-image: url(/hon/NewContent/Images/common/shape-triangle-r.png);
			background-repeat: no-repeat;
			background-position: left center;
			background-size: auto 100% ;*/
			color: #fff; }
			.routeinfo .summary .departure p:first-of-type,
			.routeinfo .summary .arrival p:first-of-type {
				font-size: 1rem;
				font-weight: bold; }
.routeinfo .service {
	margin-bottom: 20px; }
	.routeinfo .service > .layout-table {
		width: 100%; }
		.routeinfo .service .layout-table > div {}
			.routeinfo .service h3.head-th,
			.routeinfo .service .head-group-reserve h3 {
				padding: 5px 10px;
				border-right: 1px solid #fff;
				background-color: #999;
				color: #fff;
				font-size: 0.875rem;
				font-weight: normal;
				text-align: center;
				white-space: nowrap; }
			.routeinfo .service .facility {
				width: 442px; }
			.routeinfo .service .facility .body-facility {
				padding: 10px 5px 0; }
				.routeinfo .service .facility .thumb-bus {
					width: 116px;
					float: left;
					margin-right: 8px;
					margin-bottom: 8px;
					position: relative; }
					.routeinfo .service .facility .thumb-bus span {
                        display: block;
						padding: 0 .5em;
						background-color: #333;
						color: #fff;
						font-size: .778rem; }
						.routeinfo .service .facility .thumb-bus span::before {
							margin-right: .5em;
							content: "\f002";
							font-family: FontAwesome; }
				.routeinfo .service .facility ul {
					overflow: hidden;
					letter-spacing: -0.5em; }
					.routeinfo .service .facility li {
						display: inline-block;
						width: 52px;
						margin-right: 8px;
						margin-bottom: 8px;
						border-radius: 4px;
						border: 1px solid #ccc;
						letter-spacing: normal; }
			.routeinfo .service .payment {
				white-space: nowrap; }
				.routeinfo .service .payment .body-payment {
					padding: 10px 2px 0; }
				.routeinfo .service .payment ul {}
					.routeinfo .service .payment li {
						text-align: center; }
			.routeinfo .service .group-reserve {}
				.routeinfo .service .group-reserve h3 { }
			.routeinfo .layout-table .in-layout-table {
				display: table;
				width: 100%; }
				.routeinfo .service .group-reserve.in-layout-table > * {
					display: table-row; }
					.routeinfo .service .group-reserve.in-layout-table .head-group-reserve > * {
						display: table-cell; }
					.routeinfo .service .group-reserve.in-layout-table .body-group-reserve > * {
						display: table-cell;
						padding: 10px 5px 4px;
						vertical-align: middle; }
				.routeinfo .service .group-reserve .head-group-reserve { }
					.routeinfo .service .group-reserve .head-group-reserve .prompt-to-appuser { }
						.routeinfo .service .group-reserve .head-group-reserve .prompt-to-appuser .prompt-to-appuser__alink-to-externalbrowser {
							text-align: right; }

				.routeinfo .service .group-reserve .body-group-reserve { }
				.routeinfo .service .group-reserve .price {
					font-size: 0.875rem;
					line-height: 1.2;
					white-space: nowrap;
    				border-bottom: 1px solid #ccc; }
					.routeinfo .service .group-reserve .price span {
						display: inline-block;
						width: 5em;
						text-align: right; }
                    .routeinfo .service .group-reserve .price span.discount-icon-area {
                        display: inline; }
					.routeinfo .service .group-reserve .price strong {
						font-size: 1.375rem;
						font-weight: bold; }
                    .routeinfo .service .group-reserve .price * {
                        vertical-align: super; }
                    .routeinfo .service .group-reserve .price span.discount-icon {
                        display: inline-block;
                        font-size: 0.75rem;
                        color: #188cef;
                        padding: 3px;
                        width: auto;
                        vertical-align: baseline;
                        margin-right: 2px;
                        font-weight: bold;
                        border: solid 2px #188cef;
                        background-color: #ffffff; }
                    .routeinfo .service .group-reserve .price span.price-name {
                        display: inline;
                        width: auto; }
                    .routeinfo .service .group-reserve .price .discount-icon-connect::before {
                        content: "          ";
                        white-space: pre-wrap;
                        border-left: 3px black solid;
                        border-bottom: 3px black solid;
                        height: 1em;
                        display: inline-block; }
                    .routeinfo .service .group-reserve .price .discount-icon-area {
                        vertical-align: sub;
                        width: auto; }
                    .routeinfo .service .group-reserve .price .discount-icon-area .discount-icon-connect {
                        width: 5em; }
					.routeinfo .service .group-reserve .seat {
						font-weight: bold;
						text-align: center;
						white-space: nowrap;
    				    border-bottom: 1px solid #ccc; }
						.routeinfo .service .group-reserve .seat span {
							display: inline-block;
							padding: 5px .5em 5px 30px;
							border-radius: 4px;
							color: #fff; }
						.routeinfo .service .seat .label-seat-01 {
							background-color: rgb(123, 182, 48);
							background-image: url(/hon/NewContent/Images/common/icon-circle-01.png);
							background-repeat: no-repeat;
							background-position: 6px center; }
						.routeinfo .service .seat .label-seat-02 {
							background-color: rgb(255, 191, 0);
							background-image: url(/hon/NewContent/Images/common/icon-circle-02.png);
							background-repeat: no-repeat;
							background-position: 6px center;}
						.routeinfo .service .seat .label-seat-03 {
							background-color: rgb(255, 0, 0);
							background-image: url(/hon/NewContent/Images/common/icon-cross.png);
							background-repeat: no-repeat;
							background-position: 6px center; }
					.routeinfo .service .group-reserve .reserve {
						font-weight: bold;
						text-align: left;
						white-space: nowrap;
						width: 11em;
                        border-bottom: 1px solid #ccc; }
						.routeinfo .service .group-reserve .reserve li {
							display: inline-block; }
						a.m-button-oneway {
							display: inline-block;
							padding: 5px .5em 5px 30px;
							border-radius: 4px;
							background-color: rgb(251, 145, 0);
							background-image: url(/hon/NewContent/Images/common/icon-arrow-01.png);
							background-repeat: no-repeat;
							background-position: 4px center;
							color: #fff; }
						a.m-button-round {
							display: inline-block;
							padding: 5px .5em 5px 30px;
							border-radius: 4px;
							background-color: rgb(251, 145, 0);
							background-image: url(/hon/NewContent/Images/common/icon-arrow-02.png);
							background-repeat: no-repeat;
							background-position: 4px center;
							color: #fff; }
						.routeinfo .service .group-reserve .reserve a:hover,
						.routeinfo .service .group-reserve .reserve a:focus {
							text-decoration: none;
							opacity: .5;
							-webkit-transition: 0.3s ease;
							transition: 0.3s ease; }
				.routeinfo .service .group-reserve .label-empty {
					display: inline-block;
					width: 5em;
					padding: 5px 0; }
				.routeinfo .service .group-reserve .discount-net {
					padding-top: 10px;
					color: red;
					font-weight: bold; }
					.routeinfo .service .group-reserve .discount-net span {
						display: inline-block;
						margin-right: 5px;
						padding: 3px;
						border: 2px solid rgb(255, 0, 0);
						font-size: .75rem;
						line-height: 1; }

.routeinfo .detail {}
	.routeinfo .detail h3 {
		margin-bottom: 10px; }
	.routeinfo .detail .timetable {  }
		.detail .timetable .body-timetable {
			padding-top: 1.5em; }
		.detail .timetable .body-timetable.layout-flex {
			-ms-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap; }
			.detail .timetable .body-timetable > div {
				position: relative;
				min-width: 7em;
				margin: 0 10px 2em 0;
				padding: 10px 1em 1.25em;
				text-align: center; }
			.detail .departure,
			.detail .arrival,
			.detail .dep-arr {
				border: 2px solid rgb(38, 139, 186);
				background-color: #fff;
				color: rgb(38, 139, 186); }
				.detail .timetable .wrap-mark {
					display: -webkit-box;
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
					-webkit-justify-content: center;
					justify-content: center;
					position: absolute;
					top: -1.5em;
					left: 0;
					width: 100%; }
					.detail .timetable .wrap-mark > * {
						width: 2em;
						height: 1.5em;
						padding-top: .25em; }
				.detail .timetable .body-timetable > div > a {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%; }
				.detail .timetable .icon-mapmarker {
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100%;
					padding: 5px 3px 3px;
					background-color: rgb(38, 139, 186);
					color: #fff;
					font-size: .625rem;
					font-weight: bold;
					line-height: 1; }
					.detail .timetable .icon-mapmarker {
						background-image: url(/hon/NewContent/Images/common/icon-mapmarker.png);
						background-repeat: no-repeat;
						background-position: 5px center;}
				.detail .timetable .mark-dep {
					border: 2px solid rgb(38, 139, 186);
					background-color: #fff;
					color: rgb(38, 139, 186);
					line-height: 1; }
				.detail .timetable .mark-arr {
					border: 2px solid rgb(38, 139, 186);
					background-color: rgb(38, 139, 186);
					color: #fff;
					line-height: 1; }
				.detail .timetable .mark-parking-01 {
					border: 2px solid rgb(251, 145, 0);
					background-color: rgb(251, 145, 0);
					color: #fff;
					line-height: 1; }
				.detail .timetable .mark-parking-02 {
					border: 2px solid rgb(165, 54, 27);
					background-color: rgb(165, 54, 27);
					color: #fff;
					line-height: 1; }
				.detail .hit-text-off{
					opacity: 0.5; }
				.detail .hit-stop-on {
					background-color: rgb(190 211 220);
					border: 4px solid rgb(251 145 0);
				}
	.detail .wrap-information.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; }
		.detail .wrap-information.layout-flex > div {
			width: 48%;
			padding: 10px 20px;
			border: 1px solid #ccc;
			border-radius: 4px; }
			.detail .information li {}
			.detail .information p {}
			.detail .information .mark-parking-01 {
				padding: 0 .5em;
				background-color: rgb(251, 145, 0);
				color: #fff;
				font-size: .75rem;
				line-height: 1; }
			.detail .information .mark-parking-02 {
				padding: 0 .5em;
				background-color: rgb(165, 54, 27);
				color: #fff;
				font-size: .75rem;
				line-height: 1; }

@media screen and (max-width: 768px) {
	.routeinfo .layout-table .in-layout-table {
		width: 100%; }
	.routeinfo .body-routeinfo {
		padding: 0 20px; }
	.routeinfo .body-routeinfo.summary {
		padding: 0; }
		.routeinfo .summary .arrival {
			background-image: none; }
	.routeinfo .body-routeinfo.service {}
    .routeinfo .body-routeinfo.detail {
        padding: 0 0;
    }
	.routeinfo .summary .route-title {
		padding-right: 3em; }
        .routeinfo .summary .route-title.layout-flex {
            display: block;
            padding-bottom: 1.6em;
        }
		.routeinfo .summary .route-title.layout-flex::after {
			display: block;
			clear: both;
			content: ""; }
		.routeinfo .summary .route-title p {
			float: left; }
    .routeinfo .bookmark {
        float: right;
        position: absolute;
        top: 83%;
        /*right: 15px;*/
        /*left: -5px;*/
        right: 5px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

		.routeinfo .service .facility {
			display: block;
			width: 100%;
			margin-bottom: 12px; }
        .routeinfo .service .facility li {
	        width: 50px; }
			.routeinfo .service .facility .body-facility {
				padding: 0; }
		.routeinfo .service .payment {
			display: block;
			width: 100%;
			margin-bottom: 20px; }
			.routeinfo .service .payment .body-payment {
				padding: 0; }
			.routeinfo .service h3.head-th {
				margin: 0;
				padding: 0;
				border: none;
				background: none;
				color: #333;
				font-size: 1.125rem;
				font-weight: bold;
				text-align: left; }
				.routeinfo .service .payment li {
					display: inline-block;
					margin-right: 10px; }
			.routeinfo .service .group-reserve .price {
				padding: 10px !important;
				white-space: normal;
				border-bottom: 1px solid #ccc; }
			.routeinfo .service .group-reserve .seat {
				padding: 10px !important;
				border-bottom: 1px solid #ccc; }
			.routeinfo .service .group-reserve .reserve {
				padding: 10px !important;
				border-bottom: 1px solid #ccc; }
	.detail .timetable {
		margin-bottom: 20px; }
		.detail .timetable .body-timetable { padding: 20px 20px;}
		.detail .timetable .body-timetable.layout-flex {
			-ms-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap; }
		.detail .wrap-information.layout-flex {}
			.detail .wrap-information.layout-flex > div {
				width: 100%;
				padding: 0;
				border: none; }
				.detail .wrap-information.layout-flex > div:first-of-type {
					margin-bottom: 20px; }
}

@media screen and (max-width: 640px) {
	.routeinfo .service .group-reserve .price span {
		text-align: left; }
	.routeinfo .service .group-reserve .price strong::before {
		white-space: pre;
		content: "\A"; }
	.routeinfo .service .group-reserve .reserve {
		text-align: center;
		width: auto; }
	.routeinfo .service .group-reserve .reserve li {
		display: block;
		margin: 5px 0; }
		.routeinfo .service .group-reserve .reserve li.oneway,
		.routeinfo .service .group-reserve .reserve li.round {
			float: none; }
	.routeinfo .service .group-reserve .seat span {
		padding: 26px .5em 0 .5em; }
	.routeinfo .service .seat .label-seat-01,
	.routeinfo .service .seat .label-seat-02,
	.routeinfo .service .seat .label-seat-03 {
		background-position: 50% 6px; }
}

#searchStatus .in-section, #searchTimeout .in-section, #abortReq .in-section {
	text-align: center;
}
	#searchStatus .in-section h2, #searchTimeout .in-section h2, #abortReq .in-section h2 {
		font-size: 1.25rem;
	}
	#searchStatus .in-section .ytext, #searchTimeout .in-section .ytext {
		font-size: 1.25rem;
		font-weight: bold;
		color: rgb(251, 145, 0);
	}
	#searchStatus .in-section .stext, #searchTimeout .in-section .stext {
		font-size: 1rem;
	}
	#searchStatus .in-section ul, #searchTimeout .in-section ul {
		display: inline-block; }
	#searchStatus .in-section ul li, #searchTimeout .in-section ul li {
		text-align: left;
		font-size: 1rem; }


/* シートマップ */
.select-seat .shape-triangle {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	margin: auto;
	border: 30px solid transparent;
	border-bottom: 30px solid rgb(38, 139, 186); }

.select-seat {
	position: relative;
	background-color: rgb(38, 139, 186);
	margin-right: auto;
	margin-left: auto;
	padding: 40px 40px 30px;
}
	.select-seat h2 {
		margin-bottom: 30px;
		text-align: center;
		color: #fff;
		font-size: 1.375rem; }
	.select-seat .common {
		width: 1180px;
		margin: 10px auto 0; }
		.select-seat .common p {
			color: #fff; }
		.select-seat .common .wrap-btns {
			margin-top: 20px;
			text-align: center; }
			.select-seat .common .wrap-btns a {
				margin: 0 10px; }
		.select-seat .common .btn-cancel {
			background-color: #fff;
			color: #333; }
		.select-seat .common .btn-decide {
			background-color: rgb(251, 145, 0); }
	.select-seat .seatmap-pc {
		position: relative;
		width: 1180px;
		margin: auto;
		padding: 10px 0 10px 136px;
		background-color: #ddd;
		border: 2px solid #999; }
		.select-seat .seatmap-pc table {
            width: 100%;
            table-layout: fixed;
			max-width: 100%;
			margin: auto; }
		.select-seat .seatmap-pc td {
			padding: 10px;
			padding-bottom: 1em; }
			.select-seat .seatmap-pc td .ut-position {
				position: relative; }
				.select-seat .seatmap-pc td .ut-position span {
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					text-align: center; }
		.select-seat .seatmap-pc .parts-driver {
			position: absolute;
			top: -2px;
			left: -5px; }
		.select-seat .seatmap-pc .parts-door {
			position: absolute;
			bottom: -2px;
			left: -2px; }

@media screen and (max-width: 768px) {
	.select-seat {
		margin: 0;
		padding-right: 0px;
		padding-left: 0px;
		padding-top: 5%;
		padding-bottom:5%;
		width:70%;
		left:10%;
	}
			.select-seat .common {
				width: 85%;
				text-align: justify;}
			.select-seat .seatmap-sp {
				position: relative;
				max-width: 640px;
				margin: auto;
				width: 50%;
				padding: 44px 0px 0px 0px;
				background-color: #ddd;
				border: 2px solid #999; }
				.select-seat .seatmap-sp table {
					width: 100%;
					text-align: center; }
					.select-seat .seatmap-sp table img {
						zoom: 34%;
					}
				.select-seat .seatmap-sp td {
					padding: 1.5625%;
					padding-bottom: 1%; }
					.select-seat .seatmap-sp td .ut-position {
						position: relative; }
					.select-seat .seatmap-sp td .ut-position span {
						position: absolute;
						top: 0;
						left: 0;
						right: 0;
						text-align: center; }
			.select-seat .seatmap-sp .parts-driver {
				position: absolute;
				top: -5px;
				right: -2px;
				zoom:25%;
			}
			.select-seat .seatmap-sp .parts-door {
				position: absolute;
				top: -2px;
				left: -2px;
				zoom:25%;
			}
			.select-seat .notes {
				font-size:12px;
			}
		.select-seat .common .wrap-btns {
			margin-top: 10px;
		}
}

/* 検索件数 */
.search-title-block {
    padding-left: 65px;
    margin: -45px;
}
    .search-title-block ul {
        list-style: none;
        display: flex;
    }
        .search-title-block ul li {

            display: inline-block;
            vertical-align: middle;
        }
            .search-title-block ul li h1 {
            }
                .search-title-block ul li h1 span {
                    vertical-align: middle;
                }
        .contents .search-title-block {
            /* height: 62px; */
        }
            .contents .search-title-block .search-title-block__title {
                background-color: #d9e8f8;
                display: inline-block; 
                padding-left: 20px;
                text-align: left;
                width: 75%;
                width: 80%;
            }
                .contents .search-title-block .search-title-block__title .heading-wrapper {
                    display: table-cell;
                    height: 104px;
                    vertical-align: middle;
                }
                    .contents .search-title-block .search-title-block__title .heading {
                        font-size: 42px;
                        font-weight: normal;
                        line-height: 1.2em;
                        text-align: left;
                        display: inline;
                    }
            .contents .search-title-block .search-title-block__number {
                /*display: inline-block;*/
                display: flex;
                /*vertical-align: middle;*/
                background-color: #f6b484;
                text-align: right;
                width: 19%;
                justify-content: center;
                align-items: center;
            }
                .contents .search-title-block .search-title-block__number-block-wrapper {
                    padding: 20px 3px;
                }
                    .contents .search-title-block .search-title-block__number-block-wrapper-text {
                        color: white;
                        font-size: 20px;
                        line-height: 1.2em;
                    }

@media screen and (max-width: 768px) {
 .contents .search-title-block {
      padding: 0;
      margin: 0;
  }
    .contents .search-title-block ul {
        display: block;
    }
        .contents .search-title-block ul li {
            display: block;
            height: 64px;
        }
            .contents .search-title-block ul li h1 {
                margin: 0px;
                padding: 0px;
            }
    .contents .search-title-block .in-section {
        padding: 0;
    }
      .contents .search-title-block ul li.search-title-block__title {
          margin: 0;
          padding: 0;
          /*text-align: center;*/
          width: 100%;
      }
        .contents .search-title-block ul li.search-title-block__title .heading-wrapper {
            height: 64px;
        }
            .contents .search-title-block ul li.search-title-block__title .heading {
                display: table-cell;
                font-size: 1.2rem;
                font-weight: bold;
                line-height: 1.2em;
                text-align: center;
                vertical-align: middle;
            }

      .contents .search-title-block ul .search-title-block__number {
          width: 100%;
          text-align: center;
          height: 32px;
      }
        .contents .search-title-block ul .search-title-block__number-block-wrapper {
            font-size: medium;
            padding: 0;
        }
            .contents .search-title-block ul .search-title-block__number-block-wrapper-text {
                font-size: 1.0rem;
                font-weight: bold;
                line-height: 1.5em;
            }

    #searchReqFrom,
    #searchReqTo {
        width: 41%;
    }
        #searchReqFrom a,
        #searchReqTo a {
            width: 100%;
        }
        #searchReqFrom ul.area-block,
        #searchReqTo ul.area-block {
            }
            #searchReqFrom ul.area-block,
            #searchReqTo ul.area-block{
                }
                #searchReqFrom ul.area-block li,
                #searchReqTo ul.area-block li{
                    display: block;
                    text-align: center;
                    }
}