@charset "UTF-8";

/* CSS Document */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body {
	/*font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: 'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif;
	letter-spacing: 0.1em;
	font-size: 1.5rem;
	line-height: 2.5rem;
}
#body {
	background: url("../../images/top/main_vis.jpg")no-repeat top center;
}
a {
	color: #242424;
}
a:hover {
	color: #242424;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.row {
	padding: 0;
	margin: 0;
}
/* header */

.header_box {
	margin: 0 auto;
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 999;
	text-align: center;
}
header {
	margin: 0;
	padding: 0 0;
	background: rgba(15,35,102,0.8);
	color: #FFFFFF;
	width: 100%;
}
h1 {
	float: left;
	margin: 0;
	padding: 0;
}
h2 {
	border-bottom: solid 3px #F89BC8;
}
h3 {
	border-bottom: solid 1px #F89BC8;
}
.head_nav {
	float: right;
	margin: 10px 0 10px 0;
}
.head_nav li {
	padding: 0 10px 0 15px;
	float: left;
}
.head_nav li a {
	color: #FFFFFF;
}
.head_nav .head_nav_img {
	margin: 0 8px 0 0;
	vertical-align: text-bottom;
}
.head_nav .head_nav_txt {
}
nav {
	background: rgba(0,0,0,0.60);
	padding: 10px 50px;
	width: 100%;
}
nav ul {
	margin: 0 auto;
	text-align: center;
}
nav li {
	float: left;
	width: 20%;
}
nav li a {
	color: #FFFFFF;
}
nav img {
	display: block;
	margin: 5px auto;
}
nav .nav_txt {
	display: block;
	color: #FFFFFF;
}

@media (max-width: 750px) {
h1 img {
	width: 135px;
}
.head_nav .head_nav_txt {
	display: none;
}
.head_nav li {
	padding: 0 10px 0 0;
	float: left;
}
}

@media (max-width: 996px) {
.head_nav {
	margin: 8px 0 8px 0;
}
nav {
	padding: 5px 0px;
	display: block;
}
nav .container {
	padding: 0;
}
nav .nav_txt {
	font-size: 80%;
	line-height: 1.2em;
	letter-spacing: normal;
}
nav img {
	width: 30px;
	height: 22px;
}
}
.main_vis p {
	position: absolute;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}

/* main上のマージン設定 */
@media (max-width: 768px) {
main {
	margin-top: 120px;
}
}

@media (min-width: 768px) {
main {
	margin-top: 150px;
}
}

/* end */
/* 時刻表ページ用　main上のマージン設定 */
@media (max-width: 768px) {
.hedsp {
	margin-top: 0px;
}
}

@media (min-width: 768px) {
.hedsp {
	margin-top: 0px;
}
}
/* end */

#top .top {
	background: rgba(251,251,251,0.59);
	height: 100%;
	margin: 230px auto 30px auto;
	padding: 60px 60px;
}
#top .main_nav_box {
	width: 100%;
	position: relative;
	padding: 100% 0 0;
}
#top .main_nav_box_herf {
	width: 100%;
	position: relative;
	padding: 50% 0 0;
}
#top .main_nav_box_sub {
	width: 100%;
	position: relative;
	padding: 70% 0 0;
}
#top .main_nav_box_sub2 {
	width: 100%;
	position: relative;
	padding: 23% 0 0;
}
#top .main_nav_inner {
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	　　color: #FFFFFF;
	line-height: 1.6em;
}

@media (min-width: 996px) {
#top .main_nav_box_sub {
	padding: 40% 0 0;
}
#top .main_nav_box_sub2 {
	padding: 14% 0 0;
}
}
#top a .main_nav_inner {
	background-color: rgba(0,0,0,0);
}
#top a:hover .main_nav_inner {
	background-color: rgba(255,255,255,0.3);
}
#top a:hover .main_nav_box_sub {
	opacity: 0.8;
}
#top a:hover .main_nav_box_sub2 {
	opacity: 0.8;
}
#top .main_nav_inner:before {
	z-index: 0;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#top .main_nav_txt {
	position: absolute;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 130%;
	font-weight: 600;
	text-align: left;
	left: 15px;
	bottom: 10px;
}
#top .main_nav01 {
	display: block;
	background: url("../../images/top/top_01.jpg") no-repeat center left;
	background-size: cover;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
#top .main_nav02 {
	background: url("../../images/top/top_02.jpg") no-repeat center left;
	background-size: cover;
	border-bottom: 1px solid #FFFFFF;
}
#top .main_nav02 .main_nav_txt{
	text-shadow: 2px 2px 4px #333;
}


#top .main_nav03 {
	background: url("../../images/top/top_03.jpg") no-repeat center left;
	background-size: cover;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
#top .main_nav04 {
	background: url("../../images/top/top_04.jpg") no-repeat center left;
	background-size: cover;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
#top .main_nav05 {
	background: url("../../images/top/top_05.jpg") no-repeat center left;
	background-size: cover;
	border-bottom: 1px solid #FFFFFF;
}
#top .col-xs-12, .col-sm-4, .col-md-4, .col-lg-4 {
	padding: 0;
	box-sizing: border-box;
}
#top .main_sub01 {
	background: url("../../images/top/main_sub_bg01.png") no-repeat right -20px;
	background-color: #0799B0;
	border-right: 1px solid #FFFFFF;
}
#top .main_sub02 {
	background: url("../../images/top/main_sub_bg02.png") no-repeat right -20px;
	background-color: #3469BD;
	border-right: 1px solid #FFFFFF;
}
#top .main_sub03 {
	background: url("../../images/top/main_sub_bg03.png") no-repeat right -20px;
	background-color: #E05F7A;
	border-right: none;
}
#top .main_sub04 {
	background: url("../../images/top/main_sub_bg04.png") no-repeat right -20px;
	background-color: #7C619F;
	border-top: 1px solid #FFFFFF;
}
#top .main_sub05 {
	background: url("../../images/top/main_sub_bg05.png") no-repeat right -20px;
	background-color: #F0941F;
	border-top: 1px solid #FFFFFF;
}
#top .main_sub01 a:hover {
	background: url("../../images/top/main_sub_bg02.png") no-repeat right -20px;
}
#top .info {
	width: 70%;
	margin: 30px auto;
}
#top .info h2 {
	margin: 20px 0;
	font-size: 140%;
	font-weight: 700;
}
#top .info .date {
	margin: 0 12px 0 0;
	font-size: 90%;
	color: #666666;
}
#top .info .info_txt {
	word-wrap: break-word;
	overflow-wrap: break-word;
}
#top .info p {
	margin: 0;
	padding: 0;
}
#top .info .listpage a {
	margin: 20px auto;
	padding: 5px 0 3px 0;
	border: 1px solid #000000;
	text-align: center;
	font-weight: 600;
	width: 240px;
	display: block;
	text-decoration: none;
}
#top .info .listpage a:hover {
	color: #FFFFFF;
	background-color: rgba(9,35,76,1.00);
	border: 1px solid rgba(9,35,76,1.00);
}
footer {
	margin: 25px 0 0;
	padding: 10px 0 0;
	background-color: #425698;
	color: #fff;
}
footer .copy {
	font-size: 12px;
}

@media (max-width: 768px) {
#top .top {
	padding: 30px 10px;
	margin: 112px auto 30px auto;
}
#top .container {
	padding: 0;
}
#top .main_nav_txt {
	font-size: 100%;
}
#top .col-xs-12, .col-xs-6 {
	padding: 0 0 0 0;
}
#top .main_nav01 {
	border-right: none;
	border-bottom: 1px solid #FFFFFF;
}
#top .main_nav02 {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
#top .main_nav03 {
	border-right: none;
	border-bottom: 1px solid #FFFFFF;
}
#top .main_nav04 {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
#top .main_nav05 {
	border-right: none;
	border-bottom: 1px solid #FFFFFF;
}
#top .info {
	padding: 0 15px;
	margin: 30px auto;
	width: 100%;
	font-size: 90%;
	line-height: 1.4em;
}
#top .info .date {
	width: 100%;
	display: block;
}
}
/*▼▼▼▼▼▼▼▼▼▼ 全ページ共通-要素  ▼▼▼▼▼▼▼▼▼▼*/
.red {
	color: firebrick;
}
.blue {
	color: mediumblue;
}
.green {
	color: forestgreen;
}
hr {
	border-color: #333;
}
.topbottom_pad {
	padding: 15px 0;
}
.top_pad {
	padding: 15px 0 0;
}
.bottom_pad {
	padding: 0 0 15px;
}
.left_pad {
	padding: 0 0 0 8px;
}
.title01 {
	padding: 8px 0px 8px 8px;
	background-color: #f2dede;
	font-size: 130%;
}
.title02 {
	padding: 5px 0px 5px 8px;
	background-color: #fcf8e3;
}
.link_cus {
	padding: 2px;
	border: solid 1px #aaa;
	display: block;
}

.notice {
	font-size: 130%;
	border: solid 1px;
	padding: 5px 8px;
}
main .container .d_list {
	padding: 0 0 0 20px;
}
main .container .d_list li {
	list-style-type: disc;
}
span.under a {
	text-decoration: underline;
}
/* 全ページ共通-ボタン */
.btn_layout a {
	padding: 5px;
	border: 1px solid #000000;
	text-align: center;
	font-weight: 600;
	display: block;
	box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.5);
}
.btn_layout a:hover {
	color: #FFFFFF;
	background-color: #09234C;
	border: 1px solid #09234C;
	text-decoration: none;
}
/* 全ページ共通-テーブル */
.nomal_table {
	border: 1px solid #000000;
	border-collapse: collapse;
}
.nomal_table caption {
	padding: 5px;
	background-color: #425698;
	border: 1px solid #000000;
	border-bottom: none;
	color: #fff;
	font-weight: 600;
	text-align: center;
}
main .container .nomal_table th {
	padding: 5px;
	background: #EEE;
	border: 1px solid #000000;
	font-weight: 600;
}
main .container .nomal_table td {
	padding: 5px;
	background: #FFF;
	border: 1px solid #000000;
}
/*▼▼▼▼▼▼▼▼▼▼共通-時刻表ページ▼▼▼▼▼▼▼▼▼▼▼▼*/
/* 時刻表用-テーブル */
.table_hed {
	position: relative;
}
.table_none {
	display: none;
}
.timetable {
	border: 1px solid #000000;
	border-collapse: collapse;
}
.timetable thead {
	background-color: #425698;
}
main .container .timetable th {
	padding: 5px 8px;
	background-color: #425698;
	border: 1px solid #000000;
	font-weight: 600;
	color: #fff;
	text-align: center;
}
main .container .timetable td {
	padding: 5px 8px;
	background: #FFF;
	border: 1px solid #000000;
	text-align: center;
}
.yoyaku1 {
	color: mediumblue;
	font-weight: 600;
}
.yoyaku2 {
	color: forestgreen;
	font-weight: 600;
}
.time .btn_layout a {
	width: 250px;
}
main .container .table-striped tr {
	border: 1px solid #333;
}
main .container .table-striped th {
	border: 1px solid #333;
}
/*▼▼▼▼▼▼▼▼▼▼リムジンTOPページ▼▼▼▼▼▼▼▼▼▼▼▼*/
#limousine .sty_h3 {
	margin: 5px 0;
	background-color: #425698;
	padding: 5px 5px 0px;
	color: #fff;
	font-size: 120%;
}
#limousine #right .col-lg-4 {
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;
}
/*▼▼▼▼▼▼▼▼▼▼FAQページ▼▼▼▼▼▼▼▼▼▼▼▼*/
/* ボタンレイアウト */
.faq_btn_layout a {
	margin: 1px;
	padding: 5px;
	border: 1px solid #000000;
	text-align: center;
	font-weight: 600;
	display: block;
}
.faq_btn_layout a:hover {
	color: #FFFFFF;
	background-color: #09234C;
	border: 1px solid #09234C;
	text-decoration: none;
}
/* アコーディオン-レイアウト */
.btn-faq {
	padding: 5px 8px;
	color: #333;
	background-color: #bbbcde;
	border-color: #46b8da;
}
.btn-faq:focus, .btn-faq.focus {
	color: #fff;
	background-color: #7C619F;
	border-color: #7C619F;
}
.btn-faq:hover {
	color: #fff;
	background-color: #7C619F;
	border-color: #7C619F;
}
.btn-faq:active, .btn-faq.active, .open > .dropdown-toggle.btn-faq {
	color: #fff;
	background-color: #7C619F;
	border-color: #7C619F;
}
.btn-faq:active:hover, .btn-faq.active:hover, .open > .dropdown-toggle.btn-faq:hover, .btn-faq:active:focus, .btn-faq.active:focus, .open > .dropdown-toggle.btn-faq:focus, .btn-faq:active.focus, .btn-faq.active.focus, .open > .dropdown-toggle.btn-faq.focus {
	color: #fff;
	background-color: #7C619F;
	border-color: #7C619F;
}
.btn-faq:active, .btn-faq.active, .open > .dropdown-toggle.btn-faq {
	background-image: none;
}
.btn-faq.disabled:hover, .btn-faq[disabled]:hover, fieldset[disabled] .btn-faq:hover, .btn-faq.disabled:focus, .btn-faq[disabled]:focus, fieldset[disabled] .btn-faq:focus, .btn-faq.disabled.focus, .btn-faq[disabled].focus, fieldset[disabled] .btn-faq.focus {
	background-color: #c0a2c7;
	border-color: #46b8da;
}
/*▼▼▼▼▼▼▼▼▼▼howtoページ▼▼▼▼▼▼▼▼▼▼▼▼*/
/* タブレイアウト*/
.nav > li > a {
	position: relative;
	display: block;
	padding: 5px;
}
.how_nav-pills > li {
	float: left;
	width: 50%;
}
.how_nav-pills > li.active > a, .how_nav-pills > li.active > a:hover, .how_nav-pills > li.active > a:focus {
	color: #fff;
	background-color: #09234C;
}
/* わく */
.waku {
	padding: 3px 4px 2px 5px;
	margin: 0px 5px 0 0px;
	border: solid 1px #aaa;
}
/*▼▼▼▼▼▼▼▼▼▼SHOPページ▼▼▼▼▼▼▼▼▼▼▼▼*/
/* ボタンレイアウト*/
.shop_btn_layout a {
	margin: 2px;
	padding: 5px;
	border: 1px solid #000000;
	text-align: center;
	font-weight: 600;
	display: block;
}
.shop_btn_layout a:hover {
	color: #FFFFFF;
	background-color: #09234C;
	border: 1px solid #09234C;
	text-decoration: none;
}
/*▼▼▼▼▼▼▼▼▼▼ローカルページ▼▼▼▼▼▼▼▼▼▼▼▼*/

.t_right_b tr td {
	border-right: solid 1px #333;
}
.t_bottom_b td {
	border-bottom: solid 1px #333;
}
.tab-pane .t_top_b td {
	border-top: solid 1px #333;
}

.m_title{
	padding: 5px;
	border: solid 1px #333;
	background-color: #ddd;
	text-align: center;
	font-weight: 600;
}
/* バス画像サイズとマージン　*/
.img-w {
	width: 300px;
	margin: 25px 0;
}
/* タブレイアウト　*/

.local_nav-pills > li {
	float: left;
	width: 50%;
	font-size: 82%;
	text-align: center;
	font-weight: 600;
}

.local_nav-pills > li > span > a {
  position: relative;
  display: block;
	margin-top:1px; 
  padding: 5px 0px;
	border: 1px solid #000000;
}


.local_nav-pills > li.active > .week > a,
.local_nav-pills > li.active > .week > a:hover,
.local_nav-pills > li.active > .week > a:focus {
	margin: 1px;
	padding: 5px;
	position: relative;
	display: block;
	background-color: #89c3eb;
	border: 1px solid #000000;
}
.local_nav-pills > li > .week > a:hover,
.local_nav-pills > li > .week > a:focus{
	margin: 1px;
	padding: 5px;
	position: relative;
	display: block;
	background-color: #89c3eb;
	border: 1px solid #000000;
}


.local_nav-pills > li.active > .holi > a,
.local_nav-pills > li.active > .holi > a:hover,
.local_nav-pills > li.active > .holi > a:focus {
	margin: 1px;
	padding: 5px 0px;
	position: relative;
	display: block;
	background-color: #f6bfbc;
	border: 1px solid #000000;
}
.local_nav-pills > li > .holi > a:hover,
.local_nav-pills > li > .holi > a:focus{
	margin: 1px;
	padding: 5px 0px;
	position: relative;
	display: block;
	background-color: #f6bfbc;
	border: 1px solid #000000;
}



/* タブの内容レイアウト　*/
.w_50 {
	width: 45px;
	
}
main .weekday {
	background-color: #89c3eb;
}
.lo_main_1 table tbody tr:nth-of-type(2n) {
	background-color: #D9EFFF;
}
.lo_main_1 table, 
.lo_main_1 table tbody,
.lo_main_1 table tbody tr,
.lo_main_1 table tbody tr th {
	text-align: center;
	border: 1px solid #000000;
}


main .holiday {
	background-color: #f6bfbc;
}
.lo_main_2 table tbody tr:nth-of-type(2n) {
	background-color: #FFEDED;
}
.lo_main_2 table, 
.lo_main_2 table tbody,
.lo_main_2table tbody tr,
.lo_main_2 table tbody tr th {
	text-align: center;
	border: 1px solid #000000;
}

/*▼▼▼▼▼▼▼▼▼▼Sightseeing Bus

ページ▼▼▼▼▼▼▼▼▼▼▼▼*/
.course_ul {
	margin: 0 0 0 30px;
}
.course_01 {
	list-style-image: url("../../images/sightseeing_bus/can.png")
}
.course_01 p {
	position: relative;
	top: -4px;
	left: 0px;
}
.course_02 {
	list-style-image: url("../../images/sightseeing_bus/time.png")
}
.course_02 p {
	position: relative;
	top: -4px;
	left: 0px;
}
.course_03 {
	list-style-image: url("../../images/sightseeing_bus/cash.png")
}
.course_03 p {
	position: relative;
	top: -4px;
	left: 0px;
}
.read {
	display: block;
	padding: 5px;
	color: #fff;
	background-color: #425698;
	text-align: center;
}


.dest{
	margin: 0px 0 30px;
}
.dest ul{
text-align: center;
}
.destBox{
	padding: 5px;
	border: solid 1px #333;
	border-collapse:separate;
	border-radius:5px;
	background-color: #FCF8E3;
}


/*▼▼▼▼▼▼▼▼▼▼Fareページ▼▼▼▼▼▼▼▼▼▼▼▼*/
.fare_01 th{
	text-align: center;
}
.fare_01 tr td p{
	margin: 5px 5px 0;
}

.fare_01 td img{
	width: 50px;
	margin: 10px auto 0;
}


.fare_02 th,.fare_02 td{
	text-align: center;
}
.fare_02 tr td p{
	margin: 5px 5px 0;
}

.fare_02 td img{
	width: 50px;
	margin: 10px auto 0;
}


.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




/*期間限定*/
.table.timetable tbody tr.bg1 td {
	background: mistyrose;
}