@charset "UTF-8";

/* @class */

/* ご予約からご乗車まで */
.contact-info table {
	border-collapse: collapse; }
	.contact-info .table-std {
		font-size: .875rem; }
		.contact-info .table-std thead th {
			padding: 10px 20px;
			border-right: 1px solid #fff;
			background-color: #999;
			color: #fff;
			text-align: center; }
			.contact-info .table-std thead th:last-of-type {
				border-right: none; }
			.contact-info .table-std td,
			.contact-info .table-std tbody th {
				padding: 20px 20px;
				text-align: center;
				border-bottom: 1px solid #ccc; }

@media screen and (max-width: 768px) {
	.read .subsection {
		margin-bottom: 40px;
		padding: 0 20px; }
	.scroll-sp {
		width: 100%;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch; }
}

/* 運休のお知らせ */
.suspension-top h2.crossheading-bg {
	margin-bottom: 20px; }
.suspension-top > .layout-flex {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between; }
	.suspension-top > .layout-flex .order-1 {
		width: 30%; }
	.suspension-top > .layout-flex .order-2 {
		width: 68%; }
		.suspension-search {
			padding: 20px;
			background-color: rgb(242, 242, 242); }
			.suspension-search .division {
				margin: 0; }
			.suspension-search .pick-from-calendar {
				margin-bottom: 20px; }
			.suspension-search h3.subheading {
				color: rgb(38, 139, 186); }
			.suspension-info h3.subheading {
				margin-bottom: 20px;
				text-align: center; }
				.suspension-search .pick-from-days ul.layout-flex {
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					-webkit-justify-content: space-between;
					justify-content: space-between;
					-webkit-flex-wrap: wrap;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap; }
				.suspension-search .pick-from-days li {
					width: 48%;
					margin-bottom: 6px; }
					.suspension-search .pick-from-days a {
						display: block;
						padding: 10px 2em 10px 1em;
						border: 1px solid #ccc;
						border-radius: 4px;
						background-color: #fff;
						font-weight: bold; }
						.suspension-search li a:hover,
						.suspension-search li a:focus {
							text-decoration: none; }
					.suspension-search .pick-from-days .mark-arrow::after {
						border-top: 2px solid #333;
						border-right: 2px solid #333;}

.select-date {
	display: block;
	position: relative;
	padding: 10px 10px 10px 1em;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	font-size: .875rem; }
	.select-date:hover,
	.select-date:focus {
		text-decoration: none; }
	.select-date.icon-calendar::after {
		position: absolute;
		margin: auto;
		font-weight: normal;
		vertical-align: middle;
		content: ""; }
	.select-date.icon-calendar::after {
		right: 10px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		content: "\f073";
		font-family: FontAwesome; }

.suspension-line-th.layout-table {
	table-layout: fixed; }
	.suspension-line-th > * {
		padding: 20px 10px;
		background-color: rgb(38, 139, 186);
		color: #fff;
		font-weight: bold;
		text-align: center;
		vertical-align: middle; }

.suspension-line {
	display: table;
	table-layout: fixed;
	width: 100%; }
	.suspension-line > * {
	display: table-cell;
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
	text-align: center; }
.suspension-busname {}
.suspension-busnumber {}
.suspension-busstoptime {}
.suspension-busowner {}

.suspension-sample {
    margin-bottom: 10px;
}
.suspension_label {
    color: #ffffff;
    background-color: #ff0000;
    font-size: 1em;
    font-weight: bold;
    padding: 0 1em;
}

#suspension .wrap-order-2 {
    margin-bottom: 12px;
}

#suspension .wrap-order-2 > .order-2 {
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 12px;
}

#suspension .wrap-order-2 .wrap-from-to {
    -webkit-flex: 1;
    flex: 1;
    padding-right: 6px;
}

#suspensionFrom {
    width: 100%;
    margin-bottom: 6px;
}

#suspensionTo,
#suspensionDate,
#suspensionSearch {
    width: 100%;
}

	#suspensionFrom > a,
	#suspensionTo > a,
	#suspensionDate > a,
	#suspensionNameFilter,
	#suspensionCompanyFilter {
		display: block;
		position: relative;
		padding: 10px 10px 10px 1em;
		border: 1px solid #ccc;
		border-radius: 4px;
		font-size: .875rem;
	}

    #suspensionDate .icon-calendar::after {
        position: absolute;
        margin: auto;
        font-weight: normal;
        vertical-align: middle;
        content: "";
    }

    #suspensionDate .icon-calendar::after {
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "\f073";
        font-family: FontAwesome;
    }

#suspensionReplace {
    width: 36px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    #suspensionReplace > a {
        display: block;
        position: relative;
        padding: 13px 0;
        text-align: center;
        vertical-align: middle;
    }

@media screen and (max-width: 768px) {
	.suspension-top h2.crossheading-bg {
		margin-bottom: 0; }
	.suspension-top > .layout-flex {
		display: block; }
		.suspension-top > .layout-flex .order-1,
		.suspension-top > .layout-flex .order-2 {
			width: 100%; }
		.suspension-search {
			margin-bottom: 20px; }
			.suspension-search .pick-from-days li {
				max-width: 48%; }
		.suspension-info {
			margin-bottom: 20px; }
			.suspension-info .m-attention {
				margin-right: 20px;
				margin-left: 20px; }
			.suspension-line {
				display: block;
				padding: 10px;
				border-bottom: 1px solid #ccc; }
				.suspension-line:first-of-type {
					border-top: 1px solid #ccc; }
				.suspension-line > * {
					display: block;
					border: none;
					padding: 0;
					text-align: left; }
				.suspension-busname {
					font-weight: bold; }
    .suspension-sample {
        margin: 20px;
    }
    #suspensiontab {
        margin: 10px 6px 0 6px;
    }
}

/* QA */
.question .body-division {
	display: none;
	padding: 20px;
	border:2px solid black;
	background-color: white; }
.question .important-note {
	color: red;
	font-weight:900;
}
.question h2.crossheading-bg {
	background: linear-gradient(353deg, #268bba, transparent);
	color:black;
}
		.question h2 span {
			margin-right: .5em; }
		.question h3.subheading-bg {
			background-color: #daf2f4;
		}
		.question h3.subheading-bg.qa {
			position: relative;
			padding-left: 5em; }
			.question h3.subheading-bg.qa::before {
				content: attr(data-label);
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				padding: 13px 1em;
				background-color: rgb(38, 139, 186);
				color: white;
				font-weight: inherit;
			}
				.question h3.subheading-bg a {
					display: block;
					color:black;
					padding-right: 1em; }
					.question h3.subheading-bg a.mark-arrow::after {
						right: 0; }
					.question h3.subheading-bg a.mark-arrow.is-open::after {
						border: none;
						border-right: 2px solid #fff;
						border-bottom: 2px solid #fff; }

@media screen and (max-width: 768px) {
	.question .subsection {
		margin-bottom: 20px !important; }
		.question .subsection:last-of-type {
			margin-bottom: 0 !important; }
}

/*QAメニュー　PC*/
.menu-qa.sectionclass {
	margin-bottom:28px;
}

.menu-qa.column {
	float: left;
	width: 50%;
	padding: 10px;
}

/* Clear floats after the columns */
.menu-qa.row:after {
	content: "";
	display: table;
	clear: both;
}

.menu-qa a {
	display: block;
	position: relative;
	height: 100%;
	padding: 20px 10px 20px;
	color: black;
	text-align: left;
	padding-left:109px;
	font-size:24px;
}

	.menu-qa a:hover,
	.menu-qa a:focus {
		text-decoration: none;
		opacity: .5;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}

.menu-qa a {
	background-repeat: no-repeat;
	background-size:100%;
}
	.menu-qa a.pic-pickup {
		background-image: url(/hon/NewContent/Images/QALogo/pickup.png); 
		margin-top:-21px;
		padding-top:44px;
		height:110%;
	}
	.menu-qa a.pic-register {
		background-image: url(/hon/NewContent/Images/QALogo/register.png);
		padding-top:20px;
		margin-top:4px;
	}
	.menu-qa a.pic-reserve {
		background-image: url(/hon/NewContent/Images/QALogo/reservenew.png);
		margin-top:15px;
		padding-top:14px;
	}
	.menu-qa a.pic-purchase {
		background-image: url(/hon/NewContent/Images/QALogo/purchase.png);
		padding-top: 28px;
		margin-top: 1px;
	}
	.menu-qa a.pic-changereserve {
		background-image: url(/hon/NewContent/Images/QALogo/changereserve.png);
		padding-top: 15px;
		margin-top: 15px;
	}
	.menu-qa a.pic-boarding {
		background-image: url(/hon/NewContent/Images/QALogo/boarding.png);
		padding-top:40px;
		margin-top:-2%;
		height:110%;
	}
	.menu-qa a.pic-cancle {
		background-image: url(/hon/NewContent/Images/QALogo/cancle.png);
		padding-top: 30px;
		margin-top: -6px;
	}
	.menu-qa a.pic-credit {
		background-image: url(/hon/NewContent/Images/QALogo/credit2.png);
		padding-left:109px;
		margin-top:10px;
	}
	.menu-qa a.pic-dharai {
		background-image: url(/hon/NewContent/Images/QALogo/dharai1.png);
		margin-top: 10px;
		padding-top: 16px;
	}

	.menu-qa a.pic-insurance {
		background-image: url(/hon/NewContent/Images/QALogo/pickup.png);
		margin-top: 10px;
		padding-top: 16px;
		background-position-y: 110%;
	}
	.menu-qa a.pic-paypay {
		background-image: url(/hon/NewContent/Images/QALogo/paypay1.png);
		margin-top: 15px;
	}
	.menu-qa a.pic-other {
		background-image: url(/hon/NewContent/Images/QALogo/other.png);
		/*margin-top: 15px;*/
		margin-top: 12px;
		padding-top: 16px;
	}
	.menu-qa a.pic-receipt {
		background-image: url(/hon/NewContent/Images/QALogo/receipt.png);
		/*margin-top: 15px;*/
		margin-top: 15px;
		padding-top: 16px;
	}

/*QAメニュー　SP*/
@media screen and (max-width: 700px) {
	
	.menu-qa a {
		font-size: 14px;
		padding-left: 23%;
		background-size: 100%;
		background-position: -10%;
		text-align: center;
		height: 110%;
	}

		.menu-qa a.pic-pickup {
			background-image: url(/hon/NewContent/Images/QALogo/mobile/pickupsp.png);
			padding-top: 11%;
			margin-top: -6%;
		}

		.menu-qa a.pic-register {
			background-image: url(/hon/NewContent/Images/QALogo/mobile/register.png);
			padding-top: 12%;
			margin-top: -6%;
		}
		.menu-qa a.pic-reserve {
			background-image: url(/hon/NewContent/Images/QALogo/mobile/reservenew.png);
			padding-top: 13%;
			margin-top: 6%;
		}

		.menu-qa a.pic-purchase {
			background-image: url(/hon/NewContent/Images/QALogo/mobile/purchase.png);
			padding-top: 16%;
			margin-top: 6%;
		}

		.menu-qa a.pic-changereserve {
			background-image: url(/hon/NewContent/Images/QALogo/mobile/changereserve.png);
			padding-top: 11%;
			margin-top: 7%;
		}

		.menu-qa a.pic-boarding {
			background-image: url(/hon/NewContent/Images/QALogo/mobile/boarding.png);
			padding-top: 13%;
			margin-top: 6%;
		}

		.menu-qa a.pic-cancle {
			background-image: url(/hon/NewContent/Images/QALogo/mobile/cancle.png);
			padding-top: 13%;
			margin-top: 6%;
		}

		.menu-qa a.pic-credit {
			background-image: url(/hon/NewContent/Images/QALogo/mobile/credit.png);
			padding-left: 23%;
			margin-top: 3%;
			padding-top: 10%;
			padding-right: 6%;
			background-position-y: 55%;
		}

		.menu-qa a.pic-dharai {
			background-image: url(/hon/NewContent/Images/QALogo/mobile/dharai1.png);
			padding-top: 12%;
			margin-top: 3%;
		}

		.menu-qa a.pic-insurance {
			background-image: url(/hon/NewContent/Images/QALogo/mobile/pickupsp.png);
			padding-top: 13%;
			margin-top: 6%;
			background-position-y: 55%;
		}

		.menu-qa a.pic-paypay {
			background-image: url(/hon/NewContent/Images/QALogo/mobile/paypay1.png);
			margin-top: 7%;
			padding-top: 10%;
		}
		.menu-qa a.pic-other {
			background-image: url(/hon/NewContent/Images/QALogo/mobile/other.png);
			margin-top: 7%;
			padding-top: 10%;
		}
		.menu-qa a.pic-receipt {
			background-image: url(/hon/NewContent/Images/QALogo/mobile/receipt.png);
			margin-top: 7%;
			padding-top: 10%;
		}
}
/*QAメニュー　SP（小さい画面の端末、iPhone5,SEなど）*/
@media screen and (max-width: 320px) {
	
	.menu-qa a {
		font-size: 12px;
	}

		.menu-qa a.pic-pickup {
			padding-top: 11%;
			margin-top: -15%;
		}

		.menu-qa a.pic-register {
			padding-top: 6%;
			margin-top: -13%;
		}

		.menu-qa a.pic-reserve {
			margin-top: -2px;
			padding-top: 21px;
		}

		.menu-qa a.pic-purchase {
			padding-top: 21px;
			margin-top: 0px;
		}

		.menu-qa a.pic-boarding {
			padding-top: 18px;
			margin-top: 0px;
		}

		.menu-qa a.pic-cancle {
			padding-top: 10px;
			margin-top: 3px;
		}

		.menu-qa a.pic-credit {
			padding-left: 23%;
			padding-top: 20%;
			margin-top: -11%;
		}

		.menu-qa a.pic-dharai {
			padding-top: 15%;
			margin-top: -11%;
		}

		.menu-qa a.pic-paypay {
			padding-top: 15%;
			margin-top: -11%;
		}

		.menu-qa a.pic-other {
			margin-top: 2%;
			padding-top: 13%;
			padding-left: 22px;
		}

		.menu-qa a.pic-receipt {
			margin-top: 2%;
			padding-top: 13%;
			padding-left: 22px;
		}

		.menu-qa a.pic-changereserve {
			padding-top: 12%;
			margin-top: 4%;
		}
}

	/* 安心安全への取り組み */
	.subsection-noriai {
	}

		.subsection-noriai .division:first-of-type {
			margin-top: 0;
		}

		.subsection-noriai h3.head-th {
			width: 14em;
			white-space: nowrap;
		}

		.subsection-noriai .body-division {
			padding-left: 20px;
		}

	@media screen and (max-width: 768px) {
		.subsection-noriai {
		}

			.subsection-noriai .division.layout-table > * {
				display: block;
			}

			.subsection-noriai h3.head-th {
				width: 100%;
				margin-bottom: .5em;
			}

			.subsection-noriai .body-division {
				padding-left: 0;
			}
	}

	/* 導入バス会社様 */
	.main-contents.introduction .inner {
		margin-top: 0;
	}

	.main-contents.introduction .layout-flex {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.main-contents.introduction .company-name::before {
		content: "";
		display: block;
		width: 24%;
		order: 1;
	}

	.main-contents.introduction .company-name::after {
		content: "";
		display: block;
		width: 24%;
	}

	.main-contents.introduction .layout-flex li {
		width: 24%;
		margin-bottom: 10px;
	}

	.main-contents.introduction a {
		color: #333;
	}

	@media screen and (max-width: 768px) {
		.main-contents.introduction .company-name::before,
		.main-contents.introduction .company-name::after {
			content: none;
		}

		.main-contents.introduction .layout-flex li {
			width: 48%;
		}

			.main-contents.introduction .layout-flex li:nth-child(odd) {
				padding-right: 10px;
			}
	}

	/* お問い合わせの前に */
	a.m-button.icon-question,
	a.m-button.icon-bus {
		padding-left: 3em;
	}

		a.m-button.icon-question::before,
		a.m-button.icon-bus::before {
			position: absolute;
			left: .25em;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			width: 1em;
			font-size: 2em;
			font-weight: normal;
			text-align: center;
			content: "";
		}

		a.m-button.icon-question::before {
			content: "\f059";
			font-family: FontAwesome;
		}

		a.m-button.icon-bus::before {
			content: "\f207";
			font-family: FontAwesome;
		}

	.inquiry {
	}

		.inquiry .lead {
			font-size: 1rem;
		}

		.inquiry .morehelp {
			margin-bottom: 20px;
		}

			.inquiry .morehelp.layout-table {
				table-layout: fixed;
				border-collapse: collapse;
			}

				.inquiry .morehelp.layout-table > * {
					padding: 30px;
					border: 1px solid #ccc;
					text-align: center;
				}

			.inquiry .morehelp p {
				margin-top: 10px;
			}

	.list-inquiry {
		font-size: 1rem;
		font-weight: bold;
	}

		.list-inquiry li {
			position: relative;
			padding-left: 2em;
		}

		.list-inquiry span {
			position: absolute;
			top: 50%;
			left: 0;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			font-size: 2em;
			color: red;
			vertical-align: middle;
		}

	.inquiry .contact .m-moreinfo {
		text-align: left;
	}

	@media screen and (max-width: 768px) {
		.inquiry .subsection {
			margin-bottom: 20px;
			padding: 0 20px;
		}

			.inquiry .subsection.contact {
				margin-bottom: 40px;
			}

				.inquiry .subsection.contact h2.crossheading-bg {
					margin-right: -20px;
					margin-left: -20px;
				}

		.inquiry .morehelp.layout-table {
			display: block;
		}

			.inquiry .morehelp.layout-table > * {
				display: block;
			}

			.inquiry .morehelp.layout-table .order-2 {
				margin-top: -1px;
			}
	}

	/* 個人情報の取り扱い */
	.privacy {
		text-align: justify;
	}

		.privacy .separator {
			margin-bottom: 20px;
		}

	/* 利用規約 */
	.terms {
		text-align: justify;
	}

	/* 特定商取引法に基づく表記 */
	.specific-trade-law {
		text-align: justify;
	}

	/* 会員登録規約 */
	.wrap-form-button {
		width: 600px;
		max-width: 100%;
		margin: 20px auto 0 !important;
		padding: 20px;
		border-radius: 4px;
		background-color: rgb(242, 242, 242);
		text-align: center;
	}

	.form-button .btn-prev-screen {
		border: 1px solid #ccc;
		color: #333;
		background-color: #fff;
	}

	.wrap-form-button label {
		margin-right: 1em;
	}

	.wrap-form-button .form-button {
		margin-top: 20px;
	}

		.wrap-form-button .form-button a {
			margin: 0 10px;
		}

		.wrap-form-button .form-button button {
			width: auto;
		}

			.wrap-form-button .form-button button.inactive {
				cursor: default;
				opacity: .5;
				-webkit-transition: 0 ease;
				transition: 0 ease;
			}


	/* 会員登録フォーム */
	input[type="text"],
	input[type="password"] {
		display: block;
		width: 100%;
		margin: .5em 0;
		padding: 15px 10px;
		border: 1px solid #ccc;
		border-radius: 4px;
	}

	input.is-error[type="text"],
	input.is-error[type="password"] {
		border: 1px solid red;
		background-color: rgb(255, 229, 228);
	}

	.form-button {
		margin-top: 40px;
		text-align: center;
	}

		.form-button button {
			width: 300px;
			max-width: 100%;
			padding: 10px 20px;
			border-radius: 4px;
			background-color: rgb(251, 145, 0);
			color: #fff;
			font-size: 1.125rem;
			font-weight: bold;
			text-align: center;
		}

	.register-form h3.subheading {
		color: rgb(251, 145, 0);
		font-size: 2rem;
		line-height: 1.2;
		text-align: center;
	}

	.register-form .m-attention {
		margin: 20px auto 0;
	}

	.register-form label {
		font-size: 1rem;
		font-weight: bold;
	}

		.register-form label span {
			font-size: .875em;
		}

	@media screen and (max-width: 768px) {
		.main-contents.register-form {
			width: 100%;
		}
	}

	/* ログイン認証 */
	.register-form a.register {
		width: 300px;
		max-width: 100%;
		text-align: center;
	}

	.seal-trusted {
		margin: 40px auto 0;
		text-align: center;
	}

	#account .subsection-information {
		margin-right: -295px;
		margin-left: -295px;
	}

	@media screen and (max-width: 768px) {
		#account .subsection-information {
			margin: 0;
		}
	}

	/* ニュース一覧 */
	.main-contents.news .wrap-article {
	}

	.main-contents.news article {
		padding: 20px 0;
		border-bottom: 1px solid #ccc;
	}

		.main-contents.news article header {
			letter-spacing: -0.5em;
		}

			.main-contents.news article header > * {
				letter-spacing: normal;
			}

			.main-contents.news article header time {
				display: inline-block;
				width: 7em;
			}

			.main-contents.news article header h3 {
				display: inline-block;
				margin-bottom: .5em;
			}

		.main-contents.news article .body {
			margin-left: 7em;
		}

	.wrap-pagination {
		margin: 40px auto 0;
	}

	.pagination.layout-flex {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}

	.pagination a {
		display: block;
		padding: 12px;
		border: 1px solid #ccc;
		font-weight: bold;
		line-height: 1;
		text-decoration: none;
	}

	.pagination li:nth-of-type(3) a {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.pagination li:nth-last-of-type(3) {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.pagination .active {
		cursor: default;
		border: 1px solid rgb(38, 139, 186);
		background-color: rgb(38, 139, 186);
		color: #fff;
	}

	.pagination .first {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.pagination .previous {
		margin-right: 20px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.pagination .next {
		margin-left: 20px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.pagination .last {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}


	@media screen and (max-width: 768px) {
		.news .subsection {
			margin-bottom: 40px;
		}

		.main-contents.news article {
			padding: 20px;
		}

			.main-contents.news article:first-of-type {
				border-top: 1px solid #ccc;
			}

			.main-contents.news article header time,
			.main-contents.news article header h3 {
				display: block;
			}

			.main-contents.news article .body {
				margin: 0;
			}
	}