@charset "utf-8";
/****************************************
			reservation
*****************************************/
.emphasis{
	color:#c10012;
}

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

	#reservation .reservation_term_chek_box{
		margin:40px auto 20px;
	}
	#reservation .reservation_term_box{
		margin:40px auto;
		padding:10px 20px 20px 20px;
		border:solid 1px #333;
		background-color:#FDFDFD;
	}
	#reservation .reservation_term_box .reservation_term_list{
		margin-top:20px;
		text-align: center;
	}
	#reservation .reservation_term_box .reservation_term_title{
		font-weight: bold;
		margin-bottom:12px;
	}
	#reservation .reservation_term_box .reservation_term_item{
		color:#276194;
		font-size:20px;
		font-weight: bold;
		margin-bottom:12px;
	}
	#reservation .reservation_term_box .reservation_term_time{
		margin-top:20px;
	}

	/****************************/
	/*   index 乗船券予約
	/****************************/
	#reservation .reservation_base .reservation_box,
	.result_box{
		width:960px;
		max-width:96%;
		margin:8px auto 40px auto;
	}
	.reservation_base .reservation_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%;
	}
	.reservation_base .reservation_box .reservation_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.reservation_base .reservation_box .reservation_list_progressbar img{
		width: 50%;
		height: auto;
	}
	.reservation_base .reservation_box .reservation_item_btn{
		width:240px;
		height:48px;
		margin:24px auto;
	}
	.reservation_base .reservation_box .reservation_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.reservation_base .reservation_box .reservation_list_section{
		border:1px solid #b1b1b1;
		padding:8px;
		margin-bottom:20px;
		width:240px;
	}
	.reservation_base .reservation_box .reservation_item_radio{
		display: flex;
		overflow: hidden;
		border: 1px solid #b6b6b6;
	}
	.reservation_base .reservation_box .reservation_list_section .reservation_item_route{
		position: relative;
		flex: 1;
	}
	.reservation_base .reservation_box .reservation_list_section .reservation_item_route input{
		width: 100%;
		height: 32px;
		opacity: 0;
	}
	.reservation_base .reservation_box .reservation_list_section .reservation_item_route label{
		position: absolute;
		top: 0;
		left: 0;
		color: #b6b6b6;
		width: 100%;
		height: 100%;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		pointer-events: none;
		border-right: 1px solid #b6b6b6;
	}
	.reservation_base .reservation_box .reservation_list_section .reservation_item_route:last-child label{
		border-right: 0;
	}
	.reservation_base .reservation_box .reservation_list_section .reservation_item_route input:checked + label{
		background: #28628C;
		font-weight: 500;
		color: #fff;
	}
	.reservation_base .reservation_box .reservation_list_place,
	.reservation_base .reservation_box .reservation_list_date,
	.reservation_base .reservation_box .reservation_list_count{
		display:flex;
		justify-content:space-between;
	}
	.reservation_base .reservation_box .reservation_list_place .reservation_item_place,
	.reservation_base .reservation_box .reservation_list_date .reservation_item_date{
		width:457px;
		margin-bottom:20px;
		padding: 8px 16px;
		border:1px solid #b1b1b1;
		line-height:32px;
	}
	.reservation_base .reservation_box .reservation_list_date .reservation_item_date select{
		width:60px;
		height:32px;
		margin-left:12px;
		border:none;
	}
	.reservation_base .reservation_box .reservation_list_date .reservation_item_date:nth-child(1){
		margin-right:8px;
	}
	.reservation_base .reservation_box .reservation_list_place .reservation_item_place:nth-child(1){
		margin-right:8px;
	}

	.reservation_base .reservation_box .reservation_list_caution{
		color:#C10012;
		font-size:12px;
		line-height:16px;
		margin-bottom:16px;
		padding:0 8px;
	}


	.reservation_base .reservation_box .reservation_list_count{
		width:458px;
		margin-bottom:20px;
		padding: 8px 16px;
		border:1px solid #b1b1b1;
		line-height:32px;
	}
	.reservation_base .reservation_box .reservation_item_count{
		width:100px;
		line-height:32px;
	}
	.reservation_base .reservation_box .reservation_item_count select{
		width:40px;
		height:32px;
		border:none;
		margin-left:16px;
	}
	.reservation_base .reservation_box .reservation_list_place .reservation_item_place select{
		width:300px;
		height:32px;
		border:none;
		margin-left: 8px;
	}
	.reservation_base .reservation_box .reservation_list_date .reservation_item_date input{
		width:300px;
		height:32px;
		margin-left:10px;
		border:none;
	}
	.reservation_base .reservation_box .reservation_list_date .reservation_item_date .form-control.date-picker{
		display: inline-block;
		text-align: right;
		margin-left:8px;
		width: 300px;
		border:none;
	}
	.reservation_base .reservation_box .reservation_item_title{
		display:inline-block;
		width:100px;
	}
	.reservation_base .reservation_box .reservation_item_btn a,
	.reservation_base .reservation_box .reservation_item_btn input{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
		background-color:#000;
		border-radius:4px;
	}
	.reservation_base .reservation_box .reservation_item_caution{
		color:#C10012;
		font-size:12px;
		line-height:16px;
	}

	.reservation_base .reservation_box .reservation_btn{
		margin: 20px auto 40px;
		text-align:center;
	}
	.reservation_base .reservation_box .reservation_btn input[type=submit]{
		color:#FFF;
		font-size:14px;
		padding-left:24px;
		width:240px;
		height:48px;
		background-color:#000;
		background-image:url('../img/common/icon_search.png');
		background-size:24px 24px;
		background-repeat:no-repeat;
		background-position:36px 12px;
		border-radius:4px;
	}

	/****************************/
	/*   result 乗船券予約 結果
	/****************************/
	#reservation .result_base .result_box{
		width:960px;
		max-width:96%;
		margin:8px auto 40px auto;
	}
	.result_base .reservation_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%;
	}
	.result_base .result_box .reservation_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.result_base .result_box .reservation_list_progressbar img{
		width: 50%;
		height: auto;
	}
	.result_base .result_box .reservation_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.result_base .result_box .result_list_search{
		text-align:right;
		margin-top:16px;
		text-decoration:underline;
	}
	.result_base .result_box .result_list_section table{
		margin:0px auto;
		width:480px;
	}
	.result_base .result_box .result_list_section table th{
		background-color:#efefef;
		width:320px;
		padding:10px;
		text-align:left;
		font-weight:normal;
	}
	.result_base .result_box .result_list_section table td{
		padding:10px;
	}
	.result_base .result_box .result_list_section table,
	.result_base .result_box .result_list_section table th,
	.result_base .result_box .result_list_section table tr,
	.result_base .result_box .result_list_section table td{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
	}
	.result_base .result_box .result_item_tabs{
		margin:0 auto;
	}
	.result_base .result_box .result_item_tabslist{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
	}
	.result_base .result_box .result_item_tabslist::after{
		background-color: #b1b1b1;
		bottom: 0;
		content: "";
		display: block;
		height: 1px;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: 1;
	}
	.result_base .result_box .result_item_tab{
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width:20%;
		border-radius: 4px 4px 0 0;
		margin:0px 2px;
		overflow: hidden;
		z-index: 0;
	}
	.result_base .result_box .result_item_tab input,
	.result_base .result_box .result_item_tab span{
		-ms-flex-direction: column;
		-ms-flex-pack: center;
		-webkit-box-direction: normal;
		-webkit-box-orient: vertical;
		-webkit-box-pack: center;
		background-color: #efefef;
		border: 1px solid #efefef;
		border-bottom-color: #fff;
		color: #000;
		height: 100%;
		line-height: 3;
		min-height: 2.8em;
		padding: 0.3em 0.8em;
		text-align: center;
		text-decoration: none;
		width: 100%;
	}
	.result_base .result_box .result_item_tab a:hover{
		opacity: 0.6;
	}
	.result_base .result_box .result_item_tab.is-current{
		z-index: 11;
	}
	.result_base .result_box .result_item_tab.is-current::before{
		background-color: #28628C;
		content: "";
		display: block;
		height: 4px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.result_base .result_box .result_item_tab.is-current span{
		background-color: #fff;
		border: 1px solid #b1b1b1;
		border-bottom-color: #fff;
		color: #28628C;
	}
	.result_base .result_box .result_item_tab.is-disable span{
		background-color: #999;
		border: 1px solid #b1b1b1;
		border-bottom-color: #fff;
		color: #000;
	}

	.result_base .result_box .result_list_seat{
		display:flex;
		justify-content:flex-start;
		margin:16px 0;
	}
	.result_base .result_box .result_list_seat .result_item_seatcategory{
		border:1px solid #b1b1b1;
		padding:4px 8px;
		margin-right:16px;
		font-size: 0.8em;
		display:flex;
		justify-content:center;
		align-items: center;
	}
	.result_base .result_box .result_list_seat .result_item_seatcategory img{
		width:16px;
		height:16px;
		margin-right:8px;
	}
	.result_base .result_box .result_list_route .result_item_schedule{
		width:100%;
		margin-bottom:20px;
	}
	.result_base .result_box .result_list_route .result_item_schedule table{
		width:100%;
	}
	.result_base .result_box .result_list_route .result_item_schedule table th{
		background-color:#efefef;
		padding:20px 0 20px 24px;
		text-align:left;
		font-weight:normal;
	}
	.result_base .result_box .result_list_route .result_item_schedule table td{
		padding:20px;
		vertical-align: middle;
	}
	.result_base .result_box .result_list_route .result_base .result_box .result_list_route .result_item_schedule table,
	.result_base .result_box .result_list_route .result_item_schedule table th,
	.result_base .result_box .result_list_route .result_item_schedule table tr,
	.result_base .result_box .result_list_route .result_item_schedule table td{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_departure{
		text-align:right;
		font-size:1.5em;
		font-weight:bold;
		margin-top:8px;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_ship{
		margin-top:16px;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_ship i{
		font-size:1.2em;
		color: #b1b1b1;
		margin-left: 8px;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_balance{
		border:1px solid #b1b1b1;
		border-radius:4px;
		width:60px;
		height:60px;
		margin:0 auto;
		display:flex;
		align-items:center;
		justify-content: center;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_balance .btn_result_reservation{
		display:block;
		width:40px;
		height:40px;
		background-color:transparent;
		background-image:url('/img/reservation/icon_circle.png');
		background-size:100% auto;
		border:none;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_balance .btn_result_sold{
		display:block;
		width:40px;
		height:40px;
		background-color:transparent;
		background-image:url('/img/reservation/icon_cross.png');
		background-size:100% auto;
		border:none;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_balance .btn_result_few{
		display:block;
		width:40px;
		height:40px;
		background-color:transparent;
		background-image:url('/img/reservation/icon_triangle.png');
		background-size:100% auto;
		border:none;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_price{
		font-size:18px;
		line-height:1.2;
		text-align:right;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_price b{
		font-size:14px;
	}


	/****************************/
	/*   input 乗船券予約 入力
	/*   payment 乗船券予約 決済
	/****************************/
	#reservation .reservation_base .reservation_box{
		width:960px;
		max-width:96%;
		margin:8px auto 40px auto;
	}
	.reservation_base .reservation_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%;
	}
	.reservation_base .reservation_box .reservation_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.reservation_base .reservation_box .reservation_list_progressbar img{
		width: 50%;
		height: auto;
	}
	.reservation_base .reservation_box .reservation_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.reservation_base .reservation_box .reservation_list_procedure{
		line-height: 1.3;
		margin-bottom:40px;
	}
	.reservation_base .reservation_box .reservation_list_terms{
		line-height:1.3;
		padding:20px;
		margin: 0px auto 40px;
		height: 240px;
		background-color:#fff;
		border:solid 1px #999;
		box-shadow: inset 0px 0px 4px rgba(0,0,0,0.6);
		overflow: scroll;
	}
	.reservation_base .reservation_box .reservation_list_accept{
		text-align:center;
		line-height:1.3;
		padding:20px;
		margin:40px auto;
		width:600px;
		background-color:#efefef;
	}
	.reservation_base .reservation_box .reservation_item_specified {
		margin-bottom:20px;
	}
	.reservation_box .reservation_item_specified table{
		width:100%;
	}
	.reservation_box .reservation_item_specified table th{
		background-color:#efefef;
		width:320px;
		padding:20px;
		text-align:left;
		font-weight:normal;
	}
	.reservation_box .reservation_item_specified table td{
		padding:20px;
	}
	.reservation_box .reservation_item_specified table,
	.reservation_box .reservation_item_specified table th,
	.reservation_box .reservation_item_specified table tr{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
	}
	.reservation_box .reservation_item_specified .reservation_item_category{
		padding:4px 8px;
		text-align:center;
		margin-bottom:8px;
		display:inline-block;
		width:100px;
		font-size:0.8em;
		font-weight:normal;
		background-color:#000;
		color:#fff;
	}
	.reservation_base .reservation_box .reservation_item_specifiedroute{
		line-height:1.3;
	}
	.reservation_base .reservation_box .reservation_list .reservation_item_category{
		padding:4px 8px;
		text-align:center;
		margin-bottom:8px;
		display:inline-block;
		width:100px;
		font-size:0.8em;
		font-weight:normal;
		background-color:#000;
		color:#fff;
	}
	.reservation_box .reservation_item_specified table td li{
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: dotted 1px #333;
	}
	.reservation_box .reservation_item_specified table td li:last-child{
		padding-bottom: 0px;
		margin-bottom: 0px;
		border-bottom: none;
	}
	.reservation_box .reservation_item_specified table td .creditcard_default{
		display:inline-block;
		color: #FFF;
		padding: 4px 6px;
		background-color: #C00;
	}
	#reservationCheck{
		line-height:24px;
		width: 24px;
		height: 24px;
	}

	/****************************/
	/*   confirm 乗船券予約 確認
	/****************************/
	#reservation .reservation_base .reservation_box{
		width:960px;
		max-width:96%;
		margin:8px auto 40px auto;
	}
	.reservation_base .reservation_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%;
	}
	.reservation_base .reservation_box .reservation_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.reservation_base .reservation_box .reservation_list_progressbar img{
		width: 50%;
		height: auto;
	}
	.reservation_base .reservation_box .reservation_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.reservation_base .reservation_box .reservation_item_btn{
		width:240px;
		height:48px;
		margin:24px auto;
	}
	.reservation_base .reservation_box .reservation_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}

	/****************************/
	/*   complete 乗船券予約 完了
	/****************************/
	#reservation .reservation_base .reservation_box{
		width:960px;
		max-width:96%;
		margin:8px auto 40px auto;
	}
	.reservation_base .reservation_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%;
	}
	.reservation_base .reservation_box .reservation_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.reservation_base .reservation_box .reservation_list_progressbar img{
		width: 50%;
		height: auto;
	}
	.reservation_base .reservation_box .reservation_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.reservation_base .reservation_box .reservation_complete_txt{
		font-size:16px;
		line-height:1.5;
		text-align:center;
		margin:20px 0px
	}

	/****************************/
	/*   島民割予約全般
	/****************************/
	.reservation_box.islander_caution{
		color: #C00;
		font-size: 20px;
		font-weight:bold;
		text-align: center;
		padding: 20px 0px;
		border: solid 2px #C00;
	}
}

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


	#reservation .reservation_term_chek_box{
		margin:40px auto 20px;
	}
	#reservation .reservation_term_box{
		margin:20px auto;
		padding:10px 20px 20px 20px;
		border:solid 1px #333;
		background-color:#FDFDFD;
	}
	#reservation .reservation_term_box .reservation_term_list{
		margin-top:20px;
		text-align: center;
	}
	#reservation .reservation_term_box .reservation_term_title{
		font-weight: bold;
		margin-bottom:12px;
	}
	#reservation .reservation_term_box .reservation_term_item{
		color:#276194;
		font-size:20px;
		font-weight: bold;
		margin-bottom:12px;
	}
	#reservation .reservation_term_box .reservation_term_time{
		margin-top:20px;
	}


	/****************************/
	/*   tour/index 乗船券予約
	/****************************/
	#reservation .reservation_base .reservation_box,
	.result_box{
		width:96%;
		margin:8px auto 40px auto;
	}
	.reservation_base .reservation_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:90%;
	}
	.reservation_base .reservation_box .reservation_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.reservation_base .reservation_box .reservation_list_progressbar img{
		width: 100%;
		height: auto;
	}
	.reservation_base .reservation_box .reservation_item_btn{
		width:240px;
		height:48px;
		margin:24px auto;
	}
	.reservation_base .reservation_box .reservation_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.reservation_base .reservation_box .reservation_list_section{
		border:1px solid #b1b1b1;
		padding:8px;
		margin-bottom:20px;
		width:240px;
	}
	.reservation_base .reservation_box .reservation_item_radio{
		display: flex;
		overflow: hidden;
		border: 1px solid #b6b6b6;
	}
	.reservation_base .reservation_box .reservation_list_section .reservation_item_route{
		position: relative;
		flex: 1;
	}
	.reservation_base .reservation_box .reservation_list_section .reservation_item_route input{
		width: 100%;
		height: 32px;
		opacity: 0;
	}
	.reservation_base .reservation_box .reservation_list_section .reservation_item_route label{
		position: absolute;
		top: 0;
		left: 0;
		color: #b6b6b6;
		width: 100%;
		height: 100%;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		pointer-events: none;
		border-right: 1px solid #b6b6b6;
	}
	.reservation_base .reservation_box .reservation_list_section .reservation_item_route:last-child label{
		border-right: 0;
	}
	.reservation_base .reservation_box .reservation_list_section .reservation_item_route input:checked + label{
		background: #28628C;
		font-weight: 500;
		color: #fff;
	}
	.reservation_base .reservation_box .reservation_list_place,
	.reservation_base .reservation_box .reservation_list_date{
		display:flex;
		justify-content:space-between;
		flex-wrap: wrap;
	}
	.reservation_base .reservation_box .reservation_list_count{
		display:flex;
		justify-content:space-between;
	}
	.reservation_base .reservation_box .reservation_list_place .reservation_item_place,
	.reservation_base .reservation_box .reservation_list_date .reservation_item_date{
		width:100%;
		margin-bottom:20px;
		padding: 8px 16px;
		border:1px solid #b1b1b1;
		line-height:32px;
	}
	.reservation_base .reservation_box .reservation_list_date .reservation_item_date select{
		width:50px;
		height:32px;
		margin-left:12px;
		border:none;
	}
	.reservation_base .reservation_box .reservation_list_date .reservation_item_date input{
		width:74%;
		height:32px;
		margin-left:10px;
		border:none;
	}
	.reservation_base .reservation_box .reservation_list_date .reservation_item_date .form-control.date-picker{
		display: inline-block;
		text-align: right;
		margin-left:8px;
		height:32px;
		width: 74%;
		border:none;
	}
	.reservation_base .reservation_box .reservation_list_count{
		width:100%;
		margin-bottom:20px;
		padding: 8px 16px;
		border:1px solid #b1b1b1;
		line-height:32px;
		text-align: right;
	}

	.reservation_base .reservation_box .reservation_list_caution{
		color:#C10012;
		font-size:12px;
		line-height:16px;
		margin:0 auto 16px;
		padding:0 8px;
	}

	.reservation_base .reservation_box .reservation_item_count{
		width:25%;
		line-height:32px;
	}
	.reservation_base .reservation_box .reservation_item_count select{
		height:32px;
		border:none;
	}
	.reservation_base .reservation_box .reservation_list_place .reservation_item_place select{
		width:80%;
		height:32px;
		border:none;
		margin-left:16px;
	}

	.reservation_base .reservation_box .reservation_item_btn a,
	.reservation_base .reservation_box .reservation_item_btn input{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
		background-color:#000;
		border-radius:4px;
		margin:24px auto;
	}
	.reservation_base .reservation_box .reservation_item_caution{
		color:#C10012;
		font-size:12px;
		line-height:16px;
		margin:0 auto 16px;
		padding:0 8px;
	}
	.reservation_base .reservation_box .reservation_btn{
		margin: 20px auto 40px;
		text-align:center;
	}
	.reservation_base .reservation_box .reservation_btn input[type=submit]{
		color:#FFF;
		font-size:14px;
		padding-left:24px;
		width:240px;
		height:48px;
		background-color:#000;
		background-image:url('../img/common/icon_search.png');
		background-size:24px 24px;
		background-repeat:no-repeat;
		background-position:36px 12px;
		border-radius:4px;
	}

	/****************************/
	/*   tour/result 乗船券予約 結果
	/****************************/
	#reservation .result_base .result_box{
		width:96%;
		margin:8px auto 40px auto;
	}
	.result_base .reservation_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:90%;
	}
	.result_base .result_box .reservation_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.result_base .result_box .reservation_list_progressbar img{
		width: 100%;
		height: auto;
	}
	.result_base .result_box .reservation_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.result_base .result_box .result_list_search{
		text-align:right;
		margin-top:16px;
		text-decoration:underline;
	}
	.result_base .result_box .result_list_section table{
		width: 100%;
		table-layout: fixed;
	}
	.result_base .result_box .result_list_section table th{
		background-color: #efefef;
		width: 100%;
		text-align: left;
		font-weight: normal;
		display: table-cell;
		padding:8px;
	}
	.result_base .result_box .result_list_section table td{
		padding: 8px;
		display: table-cell;
		vertical-align: middle;
	}
	.result_base .result_box .result_list_section table,
	.result_base .result_box .result_list_section table th,
	.result_base .result_box .result_list_section table tr,
	.result_base .result_box .result_list_section table td{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
	}
	.result_base .result_box .result_item_tabs{
		margin:0 auto;
	}
	.result_base .result_box .result_item_tabslist{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
	}
	.result_base .result_box .result_item_tabslist::after{
		background-color: #b1b1b1;
		bottom: 0;
		content: "";
		display: block;
		height: 1px;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: 1;
	}
	.result_base .result_box .result_item_tab{
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width:20%;
		border-radius: 4px 4px 0 0;
		margin:0px 2px;
		overflow: hidden;
		z-index: 0;
	}
	.result_base .result_box .result_item_tab input,
	.result_base .result_box .result_item_tab span{
		display:block;
		-ms-flex-direction: column;
		-ms-flex-pack: center;
		-webkit-box-direction: normal;
		-webkit-box-orient: vertical;
		-webkit-box-pack: center;
		background-color: #efefef;
		border: 1px solid #efefef;
		border-bottom-color: #fff;
		color: #000;
		font-size:12px;
		width: 100%;
		height: 100%;
		padding:0;
		line-height: 3;
		min-height: 2.8em;
		text-align: center;
		text-decoration: none;
	}
	.result_base .result_box .result_item_tab a:hover{
		opacity: 0.6;
	}
	.result_base .result_box .result_item_tab.is-current{
		z-index: 11;
		width:40%;
	}
	.result_base .result_box .result_item_tab.is-current::before{
		background-color: #28628C;
		content: "";
		display: block;
		height: 4px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.result_base .result_box .result_item_tab.is-current span{
		background-color: #fff;
		border: 1px solid #b1b1b1;
		border-bottom-color: #fff;
		color: #28628C;
	}
	.result_base .result_box .result_item_tab.is-disable span{
		background-color: #999;
		border: 1px solid #b1b1b1;
		border-bottom-color: #fff;
		color: #000;
	}


	.result_base .result_box .result_list_seat{
		display:flex;
		justify-content:flex-start;
		margin:16px 0;
	}
	.result_base .result_box .result_list_seat .result_item_seatcategory{
		border:1px solid #b1b1b1;
		padding: 4px 8px;
		margin-right: 8px;
		font-size: 0.8em;
		display:flex;
		justify-content:center;
		align-items: center;
	}
	.result_base .result_box .result_list_seat .result_item_seatcategory img{
		width:16px;
		height:16px;
		margin-right:8px;
	}
	.result_base .result_box .result_list_route .result_item_schedule{
		margin-bottom:20px;
	}
	.result_base .result_box .result_list_route .result_item_schedule table{
		width:100%;
		table-layout: fixed;
	}
	.result_base .result_box .result_list_route .result_item_schedule table th{
		background-color: #efefef;
		width: 100%;
		text-align: left;
		font-weight: normal;
		display: table-cell;
		padding:8px;
	}
	.result_base .result_box .result_list_route .result_item_schedule table td{
		padding: 8px;
		display: table-cell;
		vertical-align: middle;
	}
	.result_base .result_box .result_list_route .result_base .result_box .result_list_route .result_item_schedule table,
	.result_base .result_box .result_list_route .result_item_schedule table th,
	.result_base .result_box .result_list_route .result_item_schedule table tr,
	.result_base .result_box .result_list_route .result_item_schedule table td{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_departure{
		font-size:1.2em;
		font-weight:bold;
		margin-top:4px;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_ship{
		margin-top:16px;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_ship i{
		font-size:1.2em;
		color: #b1b1b1;
		margin-left: 8px;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_balance{
		border:1px solid #b1b1b1;
		border-radius:4px;
		width:60px;
		height:60px;
		margin:0 auto;
		display:flex;
		align-items:center;
		justify-content: center;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_balance .btn_result_reservation{
		display:block;
		width:40px;
		height:40px;
		background-color:transparent;
		background-image:url('/img/reservation/icon_circle.png');
		background-size:100% auto;
		border:none;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_balance .btn_result_sold{
		display:block;
		width:40px;
		height:40px;
		background-color:transparent;
		background-image:url('/img/reservation/icon_cross.png');
		background-size:100% auto;
		border:none;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_balance .btn_result_few{
		display:block;
		width:40px;
		height:40px;
		background-color:transparent;
		background-image:url('/img/reservation/icon_triangle.png');
		background-size:100% auto;
		border:none;
	}
	.result_base .result_box .result_list_route .result_item_schedule .result_item_price{
		line-height:1.2;
		text-align:right;
	}

	/****************************/
	/*   input 乗船券予約 入力
	/****************************/
	#reservation .reservation_base .reservation_box{
		width:96%;
		margin:8px auto 40px auto;
	}
	.reservation_base .reservation_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:90%;
	}
	.reservation_base .reservation_box .reservation_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.reservation_base .reservation_box .reservation_list_progressbar img{
		width: 100%;
		height: auto;
	}
	.reservation_base .reservation_box .reservation_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.reservation_base .reservation_box .reservation_list_procedure{
		line-height: 1.3;
		margin-bottom:40px;
	}
	.reservation_base .reservation_box .reservation_list_terms{
		line-height:1.3;
		padding:20px;
		margin: 0px auto 40px;
		height: 240px;
		background-color:#fff;
		border:solid 1px #999;
		box-shadow: inset 0px 0px 4px rgba(0,0,0,0.6);
		overflow: scroll;
	}
	.reservation_base .reservation_box .reservation_list_accept{
		background-color:#efefef;
		padding:20px;
		margin:40px auto;
		width:100%;
		text-align:center;
	}
	.reservation_base .reservation_box .reservation_item_specified {
		margin-bottom:20px;
	}

	.reservation_box .reservation_item_specified table{
		width:100%;
	}
	.reservation_box .reservation_item_specified table th{
		background-color:#efefef;
		width:320px;
		padding:20px;
		text-align:left;
		font-weight:normal;
	}
	.reservation_box .reservation_item_specified table td{
		padding:20px;
	}
	.reservation_box .reservation_item_specified table,
	.reservation_box .reservation_item_specified table th,
	.reservation_box .reservation_item_specified table tr{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
	}
	.reservation_box .reservation_item_specified .reservation_item_category{
		padding:4px 8px;
		text-align:center;
		margin-bottom:8px;
		display:inline-block;
		width:100px;
		font-size:0.8em;
		font-weight:normal;
		background-color:#000;
		color:#fff;
	}
	.reservation_base .reservation_box .reservation_item_specifiedroute{
		line-height:1.3;
	}
	.reservation_box .reservation_item_specified table td li{
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: dotted 1px #333;
	}
	.reservation_box .reservation_item_specified table td li:last-child{
		padding-bottom: 0px;
		margin-bottom: 0px;
		border-bottom: none;
	}
	.reservation_box .reservation_item_specified table td .creditcard_default{
		display:inline-block;
		color: #FFF;
		padding: 4px 6px;
		background-color: #C00;
	}

	/****************************/
	/*   tour/confirm 乗船券予約 確認
	/****************************/
	#reservation .reservation_base .reservation_box{
		width:96%;
		margin:8px auto 40px auto;
	}
	.reservation_base .reservation_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:90%;
	}
	.reservation_base .reservation_box .reservation_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.reservation_base .reservation_box .reservation_list_progressbar img{
		width: 100%;
		height: auto;
	}
	.reservation_base .reservation_box .reservation_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.reservation_base .reservation_box .reservation_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}
	.reservation_base .reservation_box .reservation_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}

	/****************************/
	/*   tour/complete 乗船券予約 完了
	/****************************/
	#reservation .reservation_base .reservation_box{
		width:96%;
		margin:8px auto 40px auto;
	}
	.reservation_base .reservation_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:90%;
	}
	.reservation_base .reservation_box .reservation_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.reservation_base .reservation_box .reservation_list_progressbar img{
		width: 100%;
		height: auto;
	}
	.reservation_base .reservation_box .reservation_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}


	/****************************/
	/*   島民割予約全般
	/****************************/
	.reservation_box.islander_caution{
		color: #C00;
		font-size: 14px;
		font-weight:bold;
		text-align: center;
		padding: 10px;
		border: solid 2px #C00;
	}
}