@charset "utf-8";
/****************************************
			timetable
*****************************************/
.emphasis{
	color:#c10012;
}
.fa.fa-bus-alt{
	color: #FF0000;
}

@media screen and (min-width: 769px){
	#timetable{
		width:960px;
		margin:40px auto 80px;
	}
	#carferry{
		width:960px;
		margin:40px auto 80px;
	}

	/****************************/
	/*   timetable common 共通
	/****************************/
	.timetable_base .timetable_box .timetable_common_list{
		margin-top:60px;
		line-height: 1.5;
		margin-bottom:40px;
	}


	/****************************/
	/*   timetable/index 時刻表・料金
	/****************************/
	#timetable .timetable_base .timetable_box{
		width:100%;
		margin:8px auto 40px auto;
	}
	.timetable_base .timetable_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:400px;
		max-width:90%;
	}
	.timetable_base .timetable_box .web_discount{
		position:relative;
	}
	.timetable_base .timetable_box .web_discount div{
		position:absolute;
	}
	.timetable_base .timetable_box .web_discount .web_discount_title{
		width:460px;
	    font-size:32px;
	    font-weight:bold;
	    display:block;
	    text-align:center;
	    padding:8px 0 10px;
	    color:#fff;
		text-shadow:1px 1px 1px #aaa;
	    background-color:#fabc26;
	    border-radius:20px;
		top:36px;
		right:16px;
	}
	.timetable_base .timetable_box .web_discount .web_discount_catch{
		font-size:32px;
		font-weight:bold;
		color:#1a61b7;
		text-shadow:2px 2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 0px 2px 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff;
		top:96px;
		right:30px;
	}
	.timetable_base .timetable_box .web_discount .web_discount_catch span{
		color:#fabc26;
	}

	.timetable_base .timetable_box .web_discount img{
		width: 100%;
	}
	.timetable_base .timetable_box .timetable_web_img_box{
		margin-top: 20px;
	}

	.timetable_base .timetable_box,
	.timetable_base .timetable_box_price{
		width:960px;
		max-width:calc(100% - 20px);
		margin:8px auto 40px auto;
	}
	.timetable_base .timetable_box img{
		width:100%;
	}

	.timetable_base .timetable_box table,
	.timetable_base .timetable_box_price table{
		width:96%;
		margin:0 auto 12px auto;
		border:1px solid #b1b1b1;
		vertical-align:middle;
	}
	.timetable_base .timetable_box table th,
	.timetable_base .timetable_box_price table th{
		font-weight:normal;
		text-align:left;
		padding:4px 8px;
		background-color:#efefef;
		border-right:1px solid #b1b1b1;
		border-collapse: collapse;
		vertical-align:middle;
	}
	.timetable_base .timetable_box table td,
	.timetable_base .timetable_box_price table td{
		padding:8px;
		border-top:1px solid #b1b1b1;
		border-right:1px solid #b1b1b1;
		vertical-align:middle;
	}

	.timetable_box_price .timetable_list .timetable_item .timetable_item_caution{
		font-size:0.8em;
	}

	.timetable_base .timetable_box_price .timetable_list{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.timetable_base .timetable_box .timetable_list_textdetail{
		line-height: 150%;
		width:960px;
		max-width:96%;
		margin:0 auto 16px 0;
	}
	.timetable_base .timetable_box_price .timetable_list .timetable_item{
		border:1px solid #b1b1b1;
		width:468px;
		margin-bottom:24px;
	}
	.timetable_base .timetable_box_price .timetable_list .timetable_item_pricetitle{
		background-color:#276194;
		color:#fff;
		text-align:center;
		padding:16px 0;
		margin-bottom:8px;
	}
	.timetable_base .timetable_box_price .timetable_list .timetable_item .timetable_item_description{
		padding:8px;
		line-height:1.5;
	}

	.timetable_base .timetable_box_price .timetable_list .timetable_item .timetable_item_price{
		font-size:1.2em;
	}
	.timetable_base .timetable_box_price .timetable_list .timetable_item .btn_large{
		margin:24px auto;
	}
	.timetable_base .timetable_box_price .timetable_list .timetable_item .btn_large a{
		display:block;
		color:#fff;
	}

	.timetable_base .timetable_box .timetable_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.timetable_base .timetable_box .timetable_subtitle .timetable_item_required{
		background-color:#c10012;
		padding:4px 8px;
		margin-left:8px;
		color:#fff;
		font-size:0.8em;
	}

	.timetable_base .timetable_box .timetable_list_info{
		margin:40px 0;
	}
	.timetable_base .timetable_box .timetable_list_info .timetable_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}

	.timetable_box .timetable_list_menu{
		display:flex;
		justify-content:space-around;
		flex-wrap:wrap;
	}
	.timetable_box .timetable_list_menu .btn_large{
		color:#fff;
		margin:0 0 24px 0;
	}
	.timetable_box .timetable_list_menu .btn_large a{
		display:block;
	}

	/****************************/
	/*   timetable/detail 時刻表詳細
	/****************************/
	#timetable .timetable_base .timetable_box{
		width:100%;
		margin:8px auto 40px auto;
	}
	.timetable_base .timetable_image_box{
		margin:0px auto 40px;
		width:100%;
		height:200px;
		background-size:100% auto;
		background-position:center;
	}
	.timetable_base .timetable_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:400px;
		max-width:90%;
	}
	.timetable_base .timetable_box .timetable_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.timetable_base .timetable_box .ferry_list_ferryprice{
		display:flex;
		justify-content:space-between;
	}
	.timetable_base .timetable_box .ferry_list_ferryprice table{
		width:100%;
		margin:0 auto;
	}
	.timetable_base .timetable_box .ferry_list_ferryprice .ferry_item_pricelist{
		display:block;
		width:50%;
		margin:0px 12px;
	}
	.timetable_base .timetable_box .ferry_list_ferryprice .ferry_item_pricelist .timetable_item_caution{
		font-size:0.8em;
	}
	.timetable_base .timetable_box .ferry_list_ferryprice .timetable_items{
	}
	.timetable_base .timetable_box .ferry_list_ferryprice .timetable_items .timetable_items_time{
	}
	.timetable_base .timetable_box .ferry_list_ferryprice .timetable_items .timetable_items_time:last-child{
		border-bottom:none;
	}
	.timetable_base .timetable_box .ferry_list_ferryprice .timetable_items .timetable_items_time span{
		font-size: 11px;
	}

	.ferry_item_pricelist .ferry_item_caption{
		line-height: 1.5;
		margin:16px 0;
	}
	.timetable_base .timetable_box .carferry_item_caption{
		margin:16px 8px;
	}
	.timetable_base .timetable_box .ferry_item_caution{
		border:1px solid #c10012;
		padding:16px;
	}
	.timetable_base .timetable_box .timetable_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}
	.timetable_base .timetable_box .timetable_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}

	/****************************/
	/*   timetable/charter チャーター便
	/****************************/
	#timetable .charter_base .charter_box,
	#timetable .charter_base .timetable_box{
		width:960px;
		max-width:calc(100% - 20px);
		margin:8px auto 40px auto;
	}
	.charter_base .timetable_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:400px;
		max-width:90%;
	}
	.charter_base .charter_box .charter_list_info{
		margin:40px 0;
	}
	.charter_base .charter_box .charter_list_info .timetable_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.charter_base .charter_box .timetable_list_textdetail{
		line-height: 150%;
		width:960px;
		max-width:96%;
		margin:0 auto 16px 0;
	}

	/****************************/
	/*   timetable/carferry 貨客カーフェリー
	/****************************/
	#carferry .carferry_base .carferry_box,
	#carferry .carferry_base .timetable_box{
		width:960px;
		max-width:calc(100% - 20px);
		margin:8px auto 40px auto;
	}
	.carferry_base .timetable_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:400px;
		max-width:90%;
	}
	.carferry_base .carferry_box .timetable_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.carferry_base .carferry_box .timetable_list_textdetail{
		line-height: 150%;
		width:960px;
		max-width:96%;
		margin:0 auto 16px 0;
	}
	.carferry_base .timetable_list_title{
		color:#fff;
		text-align:center;
		line-height:40px;
		height:40px;
		border-bottom:solid 4px rgba(31, 182, 195, 0.5);
		background-color:#276194;
	}
	.carferry_base .timetable_list_title .timetable_item_title{
		position:relative;
		color:#FFF;
		margin:0px auto;
		width:960px;
		max-width:100%;
		font-weight:bold;
	}
	.carferry_base .carferry_box .carferry_item_caption{
		margin:16px 8px;
	}
	.carferry_base .carferry_box .carferry_list_price{
		display:flex;
		justify-content:space-between;
	}
	.carferry_base .carferry_box .carferry_list_price .carferry_item_price{
		font-size:1.2em;
	}
	.carferry_base .carferry_box .carferry_item_pricelist{
		width:468px;
		margin-bottom:16px;
	}
	.carferry_base .carferry_box table{
		width:100%;
		margin:0 auto;
	}
	.carferry_base .carferry_box table th{
		background-color:#efefef;
		padding:8px;
		text-align:left;
		font-weight:normal;
	}
	.carferry_base .carferry_box .carferry_box table td{
		padding:8px;
	}
	.carferry_base .carferry_box table,
	.carferry_base .carferry_box table th,
	.carferry_base .carferry_box table tr,
	.carferry_base .carferry_box table td{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
		vertical-align:middle;
	}
	.carferry_base .carferry_box .carferry_item_pricelist table{
		width:100%;
		margin-bottom:8px;
	}
	.carferry_base .carferry_box .carferry_item_pricelist table th{
		background-color:#efefef;
		padding:8px;
		text-align:left;
		font-weight:normal;
	}
	.carferry_base .carferry_box .carferry_item_pricelist table td{
		padding:8px;
	}
	.carferry_base .carferry_box .carferry_item_pricelist table,
	.carferry_base .carferry_box .carferry_item_pricelist table th,
	.carferry_base .carferry_box .carferry_item_pricelist table tr,
	.carferry_base .carferry_box .carferry_item_pricelist table td{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
		vertical-align:middle;
	}
	.carferry_base .carferry_box .carferry_item_pricelist .timetable_item_caution{
		font-size:0.8em;
	}
	.carferry_base .carferry_box .tablescroll{
		width:960px;
		max-width:100%;
		margin:8px auto 40px auto;
	}

	.carferry_base .carferry_box .carferry_list_info{
		margin:40px 0;
	}
}

@media screen and (max-width: 768px){
	#timetable{
		width:96%;
		margin:40px auto 80px;
		margin-top:80px;
	}
	#carferry{
		width:100%;
		margin:40px auto 80px;
		margin-top:80px;
	}

	/****************************/
	/*   timetable common 共通
	/****************************/
	#carferry .timetable_box .timetable_common_list{
		margin: 0px auto;
		width:96%;
	}
	.timetable_base .timetable_box .timetable_common_list{
		margin-top:0px;
		line-height: 1.2;
		margin-bottom:20px;
	}

	/****************************/
	/*   timetable/index 時刻表・料金
	/****************************/
	#timetable .timetable_base .timetable_box{
		width:100%;
		margin:8px auto 40px auto;
	}
	.timetable_base .timetable_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:90%;
	}
	.timetable_base .timetable_box .web_discount{
		position:relative;
	}
	.timetable_base .timetable_box .web_discount div{
		position:absolute;
	}
	.timetable_base .timetable_box .web_discount .web_discount_title{
		width:220px;
		font-size:16px;
		font-weight:bold;
		display:block;
		text-align:center;
		padding:2px;
		color:#fff;
		text-shadow:1px 1px 1px #aaa;
		background-color:#fabc26;
		border-radius:8px;
		top:10px;
		right:8px;
	}
	.timetable_base .timetable_box .web_discount .web_discount_catch{
		font-size:16px;
		font-weight:bold;
		color:#1a61b7;
		text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
		top:36px;
		right:16px;
	}
	.timetable_base .timetable_box .web_discount .web_discount_catch span{
		color:#fabc26;
	}

	.timetable_base .timetable_box .web_discount img{
		width: 100%;
	}
	.timetable_base .timetable_box .timetable_web_img_box{
		margin-top: 20px;
	}


	.timetable_base .timetable_box,
	.timetable_base .timetable_box_price{
		width:100%;
		margin:8px auto 40px auto;
	}
	.timetable_base .timetable_box img{
		width:100%;
	}
	.timetable_base .timetable_box table,
	.timetable_box_price table{
		width:96%;
		margin:0 auto 12px auto;
	}
	.timetable_base .timetable_box table th,
	.timetable_base .timetable_box_price table th{
		background-color:#efefef;
		padding:8px;
		text-align:left;
		font-weight:normal;
	}
	.timetable_base .timetable_box table td,
	.timetable_base .timetable_box_price table td{
		padding:8px;
	}
	.timetable_base .timetable_box table,
	.timetable_base .timetable_box table th,
	.timetable_base .timetable_box table tr,
	.timetable_base .timetable_box table td,
	.timetable_base .timetable_box_price table,
	.timetable_base .timetable_box_price table th,
	.timetable_base .timetable_box_price table tr,
	.timetable_base .timetable_box_price table td{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
		vertical-align:middle;
	}
	.timetable_box_price .timetable_list .timetable_item .timetable_item_caution{
		font-size:0.8em;
	}

	.timetable_base .timetable_box_price .timetable_list{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.timetable_base .timetable_box .timetable_list_textdetail{
		line-height: 150%;
		width:96%;
		margin:0 8px 16px 8px;
	}
	.timetable_base .timetable_box_price .timetable_list .timetable_item{
		border:1px solid #b1b1b1;
		width:100%;
		margin-bottom:24px;
	}
	.timetable_base .timetable_box_price .timetable_list .timetable_item_pricetitle{
		background-color:#276194;
		color:#fff;
		text-align:center;
		padding:16px 0;
		margin-bottom:8px;
	}
	.timetable_base .timetable_box_price .timetable_list .timetable_item .timetable_item_description{
		padding:8px;
		line-height:1.5;
	}

	.timetable_base .timetable_box_price .timetable_list .timetable_item .timetable_item_price{
		font-size:1.2em;
	}
	.timetable_base .timetable_box_price .timetable_list .timetable_item .btn_large{
		margin:24px auto;
	}
	.timetable_base .timetable_box_price .timetable_list .timetable_item .btn_large a{
		display:block;
		color:#fff;
	}

	.timetable_base .timetable_box .timetable_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.timetable_base .timetable_box .timetable_subtitle .timetable_item_required{
		background-color:#c10012;
		padding:4px 8px;
		margin-left:8px;
		color:#fff;
		font-size:0.8em;
	}

	.timetable_base .timetable_box .timetable_list_info{
		margin:40px 0;
	}
	.timetable_base .timetable_box .timetable_list_info .timetable_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}

	.timetable_box .timetable_list_menu{
		display:flex;
		justify-content:space-around;
		flex-wrap:wrap;
	}
	.timetable_box .timetable_list_menu .btn_large{
		width:48%;
		color:#fff;
		margin:0 0 8px 0;
	}
	.timetable_box .timetable_list_menu .btn_large a{
		display:block;
	}

	/****************************/
	/*   timetable/detail 時刻表詳細
	/****************************/
	#timetable .timetable_base .timetable_box{
		width:100%;;
		margin:8px auto 40px auto;
	}
	.timetable_base .timetable_image_box{
		margin:0px auto 40px;
		width:100%;
		height:100px;
		background-size:auto 100%;
		background-position:center;
	}
	.timetable_base .timetable_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:90%;
	}
	.timetable_base .timetable_box .timetable_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.timetable_base .timetable_box .ferry_list_ferryprice{

	}
	.timetable_base .timetable_box .ferry_list_ferryprice table{
		width:100%;
		margin:0 auto;
	}
	.timetable_base .timetable_box .ferry_list_ferryprice .ferry_item_pricelist{
		display:block;
		width:100%;
	}
	.timetable_base .timetable_box .ferry_list_ferryprice .ferry_item_pricelist .timetable_item_caution{
		font-size:0.8em;
	}
	.timetable_base .timetable_box .ferry_list_ferryprice .timetable_items{
		padding:0px;
	}
	.timetable_base .timetable_box .ferry_list_ferryprice .timetable_items .timetable_items_time{
		line-height:1.2;
		padding:8px;
	}
	.timetable_base .timetable_box .ferry_list_ferryprice .timetable_items .timetable_items_time:last-child{
		border-bottom:none;
	}
	.timetable_base .timetable_box .ferry_list_ferryprice .timetable_items .timetable_items_time span{
		font-size:12px;
	}
	.ferry_item_pricelist .ferry_item_caption{
		margin:16px 0;
	}
	.timetable_base .timetable_box .carferry_item_caption{
		margin:16px 8px;
	}
	.timetable_base .timetable_box .ferry_item_caution{
		border:1px solid #c10012;
		padding:16px;
	}
	.timetable_base .timetable_box .timetable_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}
	.timetable_base .timetable_box .timetable_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}

	/****************************/
	/*   timetable/charter チャーター便
	/****************************/
	#timetable .charter_base .charter_box{
		width:100%;
		margin:8px auto 40px auto;
	}
	.charter_base .timetable_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:90%;
	}
	.charter_base .charter_box .charter_list_info{
		margin:40px 0;
	}
	.charter_base .charter_box .charter_list_info .timetable_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.charter_base .charter_box .timetable_list_textdetail{
		line-height: 150%;
		width:96%;
		margin:0 auto 16px 0;
	}

	/****************************/
	/*   timetable/carferry 貨客カーフェリー
	/****************************/
	#carferry .carferry_base .carferry_box{
		width:100%;;
		margin:8px auto 40px auto;
	}
	.carferry_base .timetable_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:90%;
	}
	.carferry_base .carferry_box .timetable_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.carferry_base .carferry_box .timetable_list_textdetail{
		line-height: 150%;
		width:96%;
		margin:0 auto;
	}
	.carferry_base .timetable_list_title{
		color:#fff;
		text-align:center;
		line-height:40px;
		height:40px;
		border-bottom:solid 4px rgba(31, 182, 195, 0.5);
		background-color:#276194;
	}
	.carferry_base .timetable_list_title .timetable_item_title{
		position:relative;
		color:#FFF;
		margin:0px auto;
		width:100%;
		font-weight:bold;
	}
	.carferry_base .carferry_box .carferry_item_caption{
		margin:16px 8px;
	}
	.carferry_base .carferry_box .carferry_list_price{

	}
	.carferry_base .carferry_box .carferry_list_price .carferry_item_price{
		font-size:1.2em;
	}
	.carferry_base .carferry_box .carferry_item_pricelist{
		width:96%;
		margin:0 auto 16px auto;
	}
	.carferry_base .carferry_box table{
		width:100%;
		margin:0 auto;
	}
	.carferry_base .carferry_box table th{
		background-color:#efefef;
		padding:8px;
		text-align:left;
		font-weight:normal;
	}
	.carferry_base .carferry_box .carferry_box table td{
		padding:8px;
	}
	.carferry_base .carferry_box table,
	.carferry_base .carferry_box table th,
	.carferry_base .carferry_box table tr,
	.carferry_base .carferry_box table td{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
		vertical-align:middle;
	}
	.carferry_base .carferry_box .carferry_item_pricelist table{
		width:100%;
		margin-bottom:8px;
	}
	.carferry_base .carferry_box .carferry_item_pricelist table th{
		background-color:#efefef;
		padding:8px;
		text-align:left;
		font-weight:normal;
	}
	.carferry_base .carferry_box .carferry_item_pricelist table td{
		padding:8px;
	}
	.carferry_base .carferry_box .carferry_item_pricelist table,
	.carferry_base .carferry_box .carferry_item_pricelist table th,
	.carferry_base .carferry_box .carferry_item_pricelist table tr,
	.carferry_base .carferry_box .carferry_item_pricelist table td{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
		vertical-align:middle;
	}
	.carferry_base .carferry_box .carferry_item_pricelist .timetable_item_caution{
		font-size:0.8em;
	}
	.carferry_base .carferry_box .tablescroll{
		width:96%;
		margin:8px auto 40px auto;
		overflow: auto;
		white-space: nowrap;
	}
	.carferry_base .carferry_box .tablescroll .scrollfixed{
		position: sticky;
		left:0;
	}
	.carferry_base .carferry_box .tablescroll tr th{
		background-color:#efefef;
	}
	.carferry_base .carferry_box .tablescroll tr td{
		background-color:#fff;
	}
	.carferry_base .carferry_box .carferry_list_info{
		margin:40px 0;
	}
}