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

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

	/****************************/
	/*   condition/index
	/*   ccondition/past 運航状況
	/****************************/
	#condition .condition_base .condition_box{
		margin-bottom:40px;
	}
	.condition_base .condition_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%;
	}
	.condition_base .condition_box .condition_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.condition_base .condition_box .condition_item_update{
		font-size:0.8em;
		font-weight:normal;
		margin-top:8px;
	}
	.condition_base .condition_box .condition_list{
		margin:0px auto;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.condition_base .condition_box .condition_item{
		width:468px;
		margin:12px 6px;
	}
	.condition_box .condition_list .condition_item_caution{
		padding:20px;
		width:100%;
		border:2px solid #c10012;
	}
	.condition_base .condition_box .condition_list_menu{
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
	}
	.condition_base .condition_box .condition_list_menu .condition_item_btn{
		position: relative;
		margin:8px 6px;
		width:228px;
		height:48px;
		border-radius:4px;
		background-color:#000;
	}
	.condition_base .condition_box .condition_list_menu .condition_item_btn a{
		display:block;
		font-size:18px;
		font-weight:bold;
		line-height:48px;
		padding-left:16px;
		width:228px;
		height:48px;
		color:#fff;
		border-radius:4px;
		background-size:30px 30px;
		background-position:182px 9px;
		background-repeat:no-repeat;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_title{
		background-color:#276194;
		color:#fff;
		text-align:center;
		padding:16px 0;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_port_title{
		text-align:center;
		width:50%;
		padding:8px;
		background-color:#efefef;
		border:1px solid #b1b1b1;
		border-collapse: collapse;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_port_title:last-child{
		border-left:none;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_port_detail{
		text-align:center;
		width:50%;
		border-left:1px solid #b1b1b1;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_port_detail:last-child{
		border-right:1px solid #b1b1b1;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_port_detail_time{
		text-align:center;
		width:80%;
		padding:8px;
		border-right:1px solid #b1b1b1;
		border-bottom:1px solid #b1b1b1;
		border-collapse: collapse;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_port_detail_status{
		text-align:center;
		width:20%;
		padding:8px;
		border-bottom:1px solid #b1b1b1;
		border-collapse: collapse;
	}
	.condition_base .condition_box .condition_past_form{
		margin-top:40px;
	}
	.condition_base .condition_box .condition_past_form .date-picker-past{
		display:inline-block;
		width:240px;
		height:48px;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_port_detail_status .condition_item_circle{
		color:#1FB5C4;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_port_detail_status .conditon_item_times{
		color:#c10012;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_port_detail_status .condition_item_triangle{
		color:#FF9900;
	}
	.condition_base .condition_box .condition_list .conditon_item_caption{
		margin-top:8px;
	}
	.condition_base .condition_box .condition_list_seat{
		display:flex;
		justify-content:flex-start;
	}
	.condition_base .condition_box .condition_list_seat .condition_item_seatcategory{
		border:1px solid #b1b1b1;
		padding:4px 8px;
		margin-right:16px;
	}
	.condition_base .condition_box .condition_list_seat .condition_item_seatcategory .condition_item_circle{
		color:#1FB5C4;
		margin-right:4px;
	}
	.condition_base .condition_box .condition_list_seat .condition_item_seatcategory .conditon_item_times{
		color:#c10012;
		margin-right:4px;
	}
	.condition_base .condition_box .condition_list_seat .condition_item_seatcategory .condition_item_triangle{
		color:#FF9900;
		margin-right:4px;
	}
	.condition_base .condition_box .condition_list_menu  .condition_item_btn a.operation_normal{
	background-color:#1FB6C3;
	background-image:url('../img/condition/icon_circle.png');
	}
	.condition_base .condition_box .condition_list_menu .condition_item_btn a.operation_partial{
		background-color:#FF9900;
		background-image:url('../img/condition/icon_triangle.png');
	}
	.condition_base .condition_box .condition_list_menu .condition_item_btn a.operation_suspension{
		background-color:#C10012;
		background-image:url('../img/condition/icon_cross.png');
	}
	.condition_base .condition_box .condition_list_menu .condition_item_btn a.operation_unidentified{
		background-color:#8C19FF;
		background-image:url('../img/condition/icon_unidentified.png');
	}

	.condition_box .btn_middle{
		border-radius: 4px;
	}

	/****************************/
	/*   condition/mailsubscribe,
	/*   ccondition/mailunsubscribe 運航状況メール
	/****************************/
	#condition .mailsubscribe_base .mailsubscribe_box{
		margin-bottom:40px;
	}
	.mailsubscribe_base .condition_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%;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list {
		margin-top: 40px;
	}
	.mailsubscribe_base .mailsubscribe_box .condition_item_textdetail{
		margin-bottom:20px;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list .condition_item_textdetail{
		margin-bottom:20px;
	}
	.condition_base .condition_box .mailsubscribe_item_textdetail{
		font-size:24px;
		text-align:center;
		margin-top:40px;
		width:100%;
	}
	.mailsubscribe_base .mailsubscribe_box_regist{
		margin:0 auto 40px auto;
		border:1px solid #b1b1b1;
		padding:20px;
		width:800px;
		text-align:center;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_item_textdetail{
		font-size:24px;
		text-align:center;
		margin-top:40px;
		width:100%;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list .condition_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list_regist .mailsubscribe_item_route{
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
		width:630px;
		margin:0 auto;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list_regist .mailsubscribe_item_route input[type=checkbox]{
		display:none;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list_regist .mailunsubscribe_item_route{
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
		width:630px;
		margin:0 auto;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list_regist .mailunsubscribe_item_route input[type=checkbox]{
		display:none;
	}
	input[type="checkbox"].mailcheck:checked + label {
		background:#276194;
		color:#fff;
	}
	.check_label.hover {
		background-color:#276194;
	}
	.check_label {
		margin: 4px;
		width: 200px;
		height: 48px;
		text-align: center;
		line-height: 48px;
		cursor: pointer;
		color:#fff;
		background-color:#b1b1b1;
		border-radius:4px;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list_email{
		line-height:2;
		margin:24px 0 16px 0;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list_email input{
		margin-left:16px;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_item_textform{
		width:400px;
		height:32px;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_item_caption{
		margin-top:16px;
		text-decoration:underline;
		text-align:center;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .btn_middle{
		border-radius: 4px;
	}
}


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

	/****************************/
	/*   condition/index
	/*   ccondition/past 運航状況
	/****************************/
	#condition .condition_base .condition_box{
		margin-bottom:40px;
	}
	.condition_base .condition_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:90%;
	}
	.condition_base .condition_box .condition_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.condition_base .condition_box .condition_item_update{
		font-size:0.8em;
		font-weight:normal;
		margin-top:8px;
	}
	.condition_base .condition_box .condition_list{
	}
	.condition_base .condition_box .condition_item{
		width:100%;
		margin-bottom:40px;
	}
	.condition_box .condition_list .condition_item_caution{
		padding:20px;
		width:100%;
		border:2px solid #c10012;
	}
	.condition_base .condition_box .condition_list_menu{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.condition_base .condition_box .condition_list_menu .condition_item_btn{
		position: relative;
		width:calc(50% - 16px);
		height:48px;
		border-radius:4px;
		background-color:#000;
		margin:0 8px 8px 8px;
	}
	.condition_base .condition_box .condition_list_menu .condition_item_btn a{
		display:block;
		font-size:18px;
		font-weight:bold;
		line-height:48px;
		padding-left:16px;
		width:100%;
		height:48px;
		color:#fff;
		border-radius:4px;
		background-size:28px 28px;
		background-position:94% 10px;
		background-repeat:no-repeat;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_title{
		background-color:#276194;
		color:#fff;
		text-align:center;
		padding:16px 0;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_port_title{
		text-align:center;
		width:50%;
		padding:8px;
		background-color:#efefef;
		border:1px solid #b1b1b1;
		border-collapse: collapse;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_port_detail{
		text-align:center;
		width:50%;
		border-collapse: collapse;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_port_detail_time{
		text-align:center;
		width:80%;
		padding:8px;
		border:1px solid #b1b1b1;
		border-collapse: collapse;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_port_detail_status{
		text-align:center;
		width:20%;
		padding:8px;
		border:1px solid #b1b1b1;
		border-collapse: collapse;
	}
	.condition_base .condition_box .condition_past_form{
		margin-top:40px;
	}
	.condition_base .condition_box .condition_past_form input[type="date"]{
		width:240px;
		height:48px;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_port_detail_status .condition_item_circle{
		color:#1FB5C4;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_port_detail_status .conditon_item_times{
		color:#c10012;
	}
	.condition_base .condition_box .condition_list .condition_item .condition_item_port_detail_status .condition_item_triangle{
		color:#FF9900;
	}
	.condition_base .condition_box .condition_list .conditon_item_caption{
		margin-top:8px;
	}
	.condition_base .condition_box .condition_list_seat{
		display:flex;
		justify-content:flex-start;
		margin-left:8px;
	}
	.condition_base .condition_box .condition_list_seat .condition_item_seatcategory{
		border:1px solid #b1b1b1;
		padding:4px 8px;
		margin-right:16px;
	}
	.condition_base .condition_box .condition_list_seat .condition_item_seatcategory .condition_item_circle{
		color:#1FB5C4;
		margin-right:4px;
	}
	.condition_base .condition_box .condition_list_seat .condition_item_seatcategory .conditon_item_times{
		color:#c10012;
		margin-right:4px;
	}
	.condition_base .condition_box .condition_list_seat .condition_item_seatcategory .condition_item_triangle{
		color:#FF9900;
		margin-right:4px;
	}
	.condition_base .condition_box .condition_list_menu  .condition_item_btn a.operation_normal{
	background-color:#1FB6C3;
	background-image:url('../img/condition/icon_circle.png');
	}
	.condition_base .condition_box .condition_list_menu .condition_item_btn a.operation_partial{
		background-color:#FF9900;
		background-image:url('../img/condition/icon_triangle.png');
	}
	.condition_base .condition_box .condition_list_menu .condition_item_btn a.operation_suspension{
		background-color:#C10012;
		background-image:url('../img/condition/icon_cross.png');
	}
	.condition_base .condition_box .condition_list_menu .condition_item_btn a.operation_unidentified{
		background-color:#8C19FF;
		background-image:url('../img/condition/icon_unidentified.png');
	}

	.condition_box .btn_middle{
		border-radius: 4px;
	}


	/****************************/
	/*   condition/mailsubscribe,
	/*   ccondition/mailunsubscribe 運航状況メール
	/****************************/
	#condition .mailsubscribe_base .mailsubscribe_box{
		margin-bottom:40px;
	}
	.mailsubscribe_base .condition_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:90%;
	}
	.mailsubscribe_base .mailsubscribe_box .condition_item_textdetail{
		width:96%;
		margin:0 auto 20px auto;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list .condition_item_textdetail{
		margin-bottom:20px;
	}

	.condition_base .condition_box .mailsubscribe_item_textdetail{
		font-size:24px;
		text-align:center;
		margin-top:40px;
		width:100%;
	}
	.mailsubscribe_base .mailsubscribe_box_regist{
		margin:0 auto 40px auto;
		border:1px solid #b1b1b1;
		padding:16px 8px;
		width:100%;
		text-align:center;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_item_textdetail{
		margin-bottom:20px;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list .condition_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list_regist .mailsubscribe_item_route{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		width:100%;
		margin:0 auto;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list_regist .mailsubscribe_item_route input[type=checkbox]{
		display:none;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list_regist .mailunsubscribe_item_route{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		width:100%;
		margin:0 auto;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list_regist .mailunsubscribe_item_route input[type=checkbox]{
		display:none;
	}
	input[type="checkbox"].mailcheck:checked + label {
		background:#276194;
		color:#fff;
	}
	.check_label:hover {
		background-color:#276194;
	}
	.check_label {
		margin-bottom: 8px;
		width: 48%;
		height: 48px;
		text-align: center;
		line-height: 48px;
		cursor: pointer;
		color:#fff;
		background-color:#b1b1b1;
		border-radius:4px;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list_email{
		line-height:2;
		margin:24px 0 16px 0;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_list_email input{

	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_item_textform{
		width:100%;
		height:32px;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .mailsubscribe_item_caption{
		margin-top:16px;
		text-decoration:underline;
		text-align:center;
	}
	.mailsubscribe_base .mailsubscribe_box_regist .btn_middle{
		border-radius: 4px;
	}
}