@charset "utf-8";

/* =========================================================
	Common
========================================================= */
#header-cjt > .inner,
#footer-cjt > .inner {
	max-width: 1140px;
	margin: 0 auto;
	/*font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro';*/
	font-family: 'Open Sans', "Segoe UI", "Helvetica Neue", sans-serif;
}
/* =========================================================
	Header
========================================================= */
#header-cjt {
	/*border-bottom: 3px solid #ed7d31;*/
	padding: 0.5rem 0.5rem 0.3rem;/*　←　★新バスUIでは padding-bottom も 0.5rem に変更*/
	background: #fff;
}
#header-cjt.mc {
  margin-bottom: 0;
	border-bottom: 1px solid #e7e7e7;
}
#header-cjt.mc + script + #conts {
  margin-top: 0;
}
#header-cjt > .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
	#header-cjt .logo {
		/*width: 44%;*/
		width: auto;
		margin: 0;
	}
	/* 375px以上 */
	@media only screen and (min-width: 375px) {
		#header-cjt .logo {
			width: auto;
		}
	}
		#header-cjt .logo img {
			width: 100%;
			height: auto;
		}

#header-cjt nav {
	padding: 0;
}
	#header-cjt .menu {
		display: flex;
		align-items: center;
		padding: 0;
		justify-content: flex-end;
	}
		#header-cjt .menu li {
			list-style: none;
		}
		#header-cjt .menu li + li {
			margin-left: 10px;
		}

#header-cjt .menu a {
	padding: 0.5rem;
	/*background: #ed7d31;*/
	color: #666;
	border-radius: 6px;
	font-size: 14px;
	text-decoration: none;
	display: block;
}
/* 375px以上 */
@media only screen and (min-width: 375px) {
	#header-cjt .menu a {
		font-size: 14px;
	}
}
/* 768px以上 */
@media only screen and (min-width: 768px) {
	#header-cjt .menu a {
		padding: 0.5rem 1rem;
		font-size: 16px;
	}
}
#header-cjt .menu a i {
	color: #80CAF8;
	font-size: 20px;
}
/* =========================================================
	Footer
========================================================= */
/* MC予約遷移のみ
--------------------------------------------------------- */
.mc-footer {
  background: #fff;
}
.ttl-box .container {
	margin-top: 0;
}
.ttl-box {
	padding: 0 0 10px 0;
}
@media (min-width: 992px) {
	.ttl-box {
		padding: 15px 0 15px;
	}
}
/* 共通
--------------------------------------------------------- */
#footer-cjt {
	border-top: 1px solid #E6E6E6;
	padding: 8px 0 10px;
	background: #fff;
}
#footer-cjt > .inner {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
/* 751px以上 */
@media only screen and (min-width: 751px) {
	#footer-cjt > .inner {
		flex-direction: row;
	}
}
#footer-cjt > .inner > ul {
	padding: 0 10px 10px;
}
/* 751px以上 */
@media only screen and (min-width: 751px) {
	#footer-cjt > .inner > ul {
		padding: 0 10px;
	}
}
#footer-cjt li {
	display: inline-block;
	font-size: 12px;
	padding: 0 5px 5px;
}
#footer-cjt p {
	color: #666;
	text-align: left;
	font-size: 10px;
	align-content: center;
	border-top: 1px solid #DDD;
	width: 100%;
	padding: 10px 10px 0 14px;
}
/* 751px以上 */
@media only screen and (min-width: 751px) {
	#footer-cjt p {
		border-top: none;
		text-align: right;
		width: auto;
		padding: 0 10px;
	}
}
#footer-cjt li a {
	color: #F2594F;
}
#footer-cjt li a:hover {
	text-decoration: underline;
}

/* =========================================================
	header上書き
========================================================= */
header {
	padding: 0;
	height: auto;
}
/* =========================================================
	マイページ用調整
========================================================= */

/* マイページ動画面共通
--------------------------------------------------------- */
/*#conts {
	margin-top: 2rem;
}*/


/* MBマイページメニュー既存CSSリセット
--------------------------------------------------------- */
@media (max-width: 991px){
	#local_nav {
		padding: 5px 0;
	}
	#local_nav > li {
		padding: 5px!important;
	}
	#local_nav > li + li {
		border-left: 1px solid #ebebeb!important;
	}
	#local_nav > li:first-child {
		border-bottom: none;
	}
	#mp-top .mp-topli, #mp-res .mp-resli, #mp-mem .mp-memli, #mp-poi .mp-poili, #mp-web .mp-webli, #mp-bps .mp-bpsli {
		border: none;
		border-radius: 5px;
	}
	#mp-top #local_nav li.mp-topli > a, #mp-res #local_nav li.mp-resli > a, #mp-mem #local_nav li.mp-memli > a, #mp-poi #local_nav li.mp-poili > a, #mp-web #local_nav li.mp-webli > a {
		border-radius: 5px;
	}
}
@media (max-width: 767px){
	/* マイページタブ */
	#local_nav {
		display: flex;
		flex-wrap: wrap;
		/*border-top: none;*//* マイページメニュー上部のピンク線非表示 */
		border-top: 1px solid #ebebeb;
		padding: 0;
		background: #f8f8f8;
	}
	#local_nav > li.firstli {
		width: 100%!important;
		border-left: none!important;
	}
	#mp-top #local_nav li.mp-topli,
	#mp-res #local_nav li.mp-resli,
	#mp-mem #local_nav li.mp-memli,
	#mp-poi #local_nav li.mp-poili,
	#mp-web #local_nav li.mp-webli {
		padding: 5px!important;
		border: none;
		border-bottom: 1px solid #ebebeb;
		background: none!important;
	}
		#mp-top #local_nav li.mp-topli > a,
		#mp-res #local_nav li.mp-resli > a,
		#mp-mem #local_nav li.mp-memli > a,
		#mp-poi #local_nav li.mp-poili > a,
		#mp-web #local_nav li.mp-webli > a {
			border: none;
			border-radius: 5px!important;
			background: #DDD!important;
		}
	
	/* border調整（res_mypage.cssの指定打消し） */
	#local_nav > li {
		padding: 5px!important;
		border: none;
		background: none!important;
	}
	#local_nav > li:nth-child(2), #local_nav > li:nth-child(4) {
		border-right: none;
	}
		#local_nav > li > a {
			color: #333399!important;
			padding: 10px 0!important;
		}
	/* メニュー選択時のBG赤⇒Gray */
	#mp-top .mp-topli,
	#mp-res .mp-resli,
	#mp-mem .mp-memli,
	#mp-poi .mp-poili,
	#mp-web .mp-webli {
		background: #ebebeb!important;
	}
	/* メニュー選択時のリンク色 */
	#mp-res .mp-resli a,
	#mp-mem .mp-memli a,
	#mp-poi .mp-poili a,
	#mp-web .mp-webli a {
		color: #333!important;
	}
}
/* ---------------------------------------------------------
 ※以下のメニューパターンで使用しない方のCSSは削除してください。
　＜参考リテーラー＞
　メニュー数が1つのみ：2つ並びパターン⇒733(現在０)
　メニュー数が2の倍数：2つ並びパターン⇒ほとんど基本
　メニュー数が3つ：3つ並びパターン⇒908
--------------------------------------------------------- */

/* メニュー数が1つのみパターン（2つ並び）
--------------------------------------------------------- */
/* メニュー数が2の倍数パターン（2つ並び）
--------------------------------------------------------- */
@media (max-width: 767px){
	/* メニュー2番目～ */
		#local_nav > li:nth-child(n+2) {
			width: 48%!important;
			width: calc(50% - 10px)!important;
			padding: 5px 0!important;
			border-bottom: none;
		}
	#local_nav > li:first-child {
		border-bottom: 1px solid #ebebeb;
	}
	/* border再設定(左) */
	#local_nav > li:nth-child(2n+1) {
		border-left: 1px solid #ebebeb;
	}
	/* border再設定(上) */
	#local_nav > li:nth-child(n+4) {
		border-top: 1px solid #ebebeb;
	}
}
/* メニュー数が3つパターン（3つ並び）
--------------------------------------------------------- */

/* =========================================================
	追加カスタマイズ
========================================================= */
/*--- ★★★★ MC予約遷移-お客様情報・お支払方法入力 ★★★★ ---*/
/*--- 支払い方法ページリンク消し ---*/
/*--- 支払い方法ページリンクに続くポップアップアイコン消し ---*/
/*--- ★★★★ MC詳細-モーダル「飛び乗りチケット」 ★★★★ ---*/
/* 飛び乗りガイドページリンク消し */
/*--- ★★★★ マイページMC予約詳細-「時刻表」・「チケット」ボタン ★★★★ ---*/
/* 時刻表・チケットボタンの高さ調整 */
.mgr-mc-btn-set .mgr-sch-link a,
.mgr-mc-btn-set .mgr-ticket-link a {
  height: auto;
}