@charset "utf-8";

/*=====================================================
 * Description:PC　運賃照会
 * Version: 0.15
 * Last Up Date: 2019/3/1
=====================================================*/



/*-----  contents -------

	 1: 運賃照会
	 2: 運賃照会結果
	 3: 運賃詳細照会
	 4: 空席待ち状況

----------------------*/


/*1: 運賃照会
=================================*/

/* fareReference */
.fareReference { padding: 0 10px; }
.fareReference div {
	 *zoom: 1; /* IE hack */
}
.fareReference div:after {
	content : '';
	display : block;
	clear : both;
}

.fareReference dl {
	float: left;
	margin-top: 20px;
	width: 329px;
	*zoom: 1; /* IE hack */
}
.fareReference dl+dl {
	margin-left: 10px;
}
.fareReference dl.fareReferenceDate { width: 249px;	}
.fareReference dl.searchMethod {
	width: 255px;
}
.fareReference dl.searchMethod ul {
	margin: 13px 0 7px 2px;
	margin-bottom: 4px\9; /* IE8/9/10 hack */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.fareReference dl.searchMethod ul {
		margin-bottom: 5px;
	}
} /* IE11 hack */
.fareReference>div>div>dl>dt { font-weight: bold; }
.fareReference>div>div>dl>dt span { font-weight: normal; }
.fareReference dl dd {
	position: relative;
	margin-top: 5px;
}
.fareReference dl dd input[type="text"] {
	padding-right: 30px;
	width: 209px;
}
.fareReference dl dd select.airportSelect,
.fareReference dl dd select.faraKindSelect { width: 329px; }
.fareReference dl dd input.waitingNumber { 
	width: 309px;
	padding-right: 10px;
}
.fareReference dl.faraKind { width: 668px; }
.fareReference dl.faraKind:after {
	content : '';
	display : block;
	clear : both;
}
.fareReference dl.faraKind dd { float: left; width: 329px; }
.fareReference dl.faraKind dd+dd { margin-left: 10px; }
.fareReference dl.searchReceipt {
	float: none;
	width: auto;
	margin-top: 0;
}
.fareReference dl.searchReceipt > div {
	float: left;
	margin-top: 20px;
	width: 329px;
}
.fareReference dl.searchReceipt > div+div { margin-left: 10px; }
.fareReference dl.searchReceipt > div.searchMethod { width: 255px; }
.fareReference dl.searchReceipt dt { font-weight: bold; }
.fareReference dl.searchReceipt ul.horizontalList { margin: 13px 0 7px 2px; }

.fareReference .paxFormIcon {
	position: absolute;
	top: 10px;
	/top: 9px; /* IE hack */
	right: 7px;
	z-index: 102; /* inputModalWindow */
}
.fareReference .iconCal {
	background: url(../../image/icon/icon_input_cal.png?3123203) 225px center no-repeat;
}
.fareReference dl ul:after {
    clear: both;
    content: "";
    display: block;
}
.fareReference dd li {
    float: left;
    margin-right: 10px;
}
.fareReference dl ul.horizontalList li {
    margin-right: 20px;
}
.fareReference input[type="radio"] { margin-right: 5px; }




/* 空席待ち整理券発行状況照会 */
.fareReference.waitSeat {
	margin-top: 15px;
}
.section h2 + .fareReference.waitSeat > div > div:first-child dl {
	margin-top: 0;
}


/* calender */
.dateNav {
	min-height: 27px;
	margin: 0 8px 0 9px;
	padding: 0 0 19px;
	border-bottom: #cccccc 1px solid;
	font-size: 108%;
	display: table;
	width: 923px;
}
.dateNav:after {
	content : '';
	display : block;
	clear : both;
}
.dateNav li a {
	display: inline-block;
	height: 27px;
	margin: 4px 0 0 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.dateNav li a:hover {
	background: none;
}
.dateNav li a span{
	display: inline-block;
	margin-top: 5px;
}
.dateNav .prevNav {
	display: table-cell;
	width: 50%;
}
.dateNav .prevNav img {
	margin-right: 7px;
	vertical-align: top;
}
.dateNav .prevNav.disabled a {
	display: none;
}
.dateNav .nextNav {
	display: table-cell;
	width: 50%;
	text-align: right;
}
.dateNav .nextNav img {
	margin-left: 7px;
	vertical-align: top;
}
.dateNav .nextNav.disabled a {
	display: none;
}
.dateNav li.disable { display: none; }

.calender {
	margin-top: 15px;
	padding-bottom: 15px;
	font-size: 108%;
}
.calender:after {
	content : '';
	display : block;
	clear : both;
}
.calender .month {
	float: left;
	margin-left: 33px;
	width: 270px;
}
.calender .cal-month {
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
}
.calender .cal-month span {
	margin-left: 5px;
	font-size: 142%;
}
.calender table {
	margin-top: 10px;
	border-collapse: separate;
	border-spacing: 3px;
}
.calender table th {
	padding: 3px 0;
	width: 14%;
	background: none;
	border: none;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
}
.calender table td{
	width: 14%;
	border: none;
}
.calender table td a {
	display: block;
	padding: 3px 0;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.calender table td a:hover,
.calender table td a.focus {
	color: #393939;
	background: #e2e8f7;
}
.calender table .sunday a,
.calender table .sunday a:hover,
.calender table .sunday a.focus {
	color: #e80000;
}
.calender table .saturday a,
.calender table .saturday a:hover,
.calender table .saturday a.focus {
	color: #285ad2;
}
.calender table .holiday a,
.calender table .holiday a:hover,
.calender table .holiday a.focus {
	color: #e80000;
}
.calender table .select-date-departure.sunday a,
.calender table .select-date-departure.saturday a,
.calender table .select-date-departure.holiday a,
.calender table .select-date-departure a {
	color: #012f64;
}
.calender table .select-date-return.sunday a,
.calender table .select-date-return.saturday a,
.calender table .select-date-return.holiday a,
.calender table .select-date-return a {
	background: #012f64;
	color: #ffffff;
}
.calender table .select-date-return.sunday a:hover,
.calender table .select-date-return.saturday a:hover,
.calender table .select-date-return.holiday a:hover,
.calender table .select-date-return a:hover,
.calender table .select-date-return a.focus {
	background: #012f64;
	color: #e1effe;
}
.calender table .cal-disable {
	padding: 3px 0;
	font-weight: bold;
	text-align: center;
	color: #bfbfbf;
	cursor: default;
}
.calender table .cal-disable:hover {
	color: #bfbfbf;
	background: none;
}
.calender table .cal-disable:hover { background: none; }
.calender table .cal-empty { cursor: default; }
.calender table .cal-empty:hover { background: none; }

.calender table .select-date-departure {
	border: 1px solid #012f64;
	color: #012f64;
}

.calender table .select-date-return {
	border: 1px solid #012454;
	background: #012f64;
	color: #ffffff;
}
.calender table .select-date-return:hover {
	background: #012454;
	color: #e1effe;
}

/*2: 運賃照会結果
=================================*/

/* fareReferenceResult */
.fareReferenceResult td { vertical-align: text-top; }
.fareReferenceResult td.resultFareName {
	width: 21%;
	font-weight: bold;
}
.fareReferenceResult td.resultFare {
	width: 16%;
	font-weight: bold;
}
.fareReferenceResult td.resultTransit {
	width: 20%;
	font-weight: bold;
}
.fareReferenceResult td.resultFlightNo { width: 43%; }
.fareReferenceResult td.resultFare span { margin: 0 5px; }
.fareReferenceResult td .resultFareNotice {
	font-size: 	86%;
	font-weight: normal;
}
.fareReferenceResult td table,
.fareReferenceResult td.resultFareToggoleBoxCell table table {
	width: auto;
}
.fareReferenceResult td.resultFareToggoleBoxCell table {
	width: 100%;
}
.fareReferenceResult td td {
	padding: 0 5px 0 0;
	border: none;
	font-size: 100%;
}
.tableCommonSector tbody td.resultFareToggoleBoxCell {
	padding: 0;
	border-bottom: none;
}
.fareReferenceResult td.resultFareToggoleBoxCell td { padding: 15px 0 15px 10px; }
.fareReferenceResult td.resultFareToggoleBoxCell td td { padding: 0 5px 0 0; }
.fareReferenceResult td tr+tr td,
.fareReferenceResult td.resultFareToggoleBoxCell table table tr+tr td { padding-top: 5px; }

.resultFareToggoleBox {
	position: relative;
	padding: 13px 0 0;
	border: 1px solid #cccccc;
	border-top: none;
	border-bottom: none;
}
.resultFareToggoleBox > div {
	display: none;
	overflow: hidden;
}
.titleResultFareCategory {
	padding: 0 9px 13px;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
}
.resultFareToggoleBox .pcPriceToggle a {
	margin-top: 0;
	top: 9px;
}
.resultFareToggoleContents { border-bottom: 1px solid #cccccc; }
.resultFareToggoleBox .fareReferenceResult>tbody>tr>td { border-top: 1px solid #cccccc; border-bottom: none; }
.resultFareToggoleBox .fareReferenceResult>tbody>tr.firstChild>td { border-top: none; }
.resultFareToggoleBox .fareReferenceResult,
.resultFareToggoleBox+.fareReferenceResult { margin-top: 0; }
.resultFareToggoleBox+.fareReferenceResult tr.firstChild td { border-top: none; }

/* 孫画面パターン */
.tableCommonSector.tableFareReference tbody td { font-size: 108%; }
.tableCommonSector.tableFareReference tbody td select { font-size: 100%; }
.tableCommonSector.tableFareReference tbody td.tableCommonSectorDate2 { width: 17%; }
.tableCommonSector.tableFareReference tbody td.tableCommonSectorTdCell5 { width: 53%; }
select.widthSelectFlightNo { width: auto; }
.tableFareReferenceCell { width: 159px; box-sizing: border-box; }
.tableFareReferenceFlightNo { width: 21%; }
.tableCommonSector.tableFareReference tbody .tableFareReferenceCell.lastCol { width: 15%; }

.linkageSelect {
	display: inline-block;
	margin-left: 5px;
	width: 150px;
}
.widthSelectFare01 { width: 250px; }
.widthSelectFare02 { width: 150px; }

/* accessibility */
.accessibility.resultFareToggoleBox .pcPriceToggle a {
	background: none;
	text-indent: 0;
	white-space: normal;
}

/*3: 運賃詳細照会
=================================*/
.tableCommonSector .fareReferenceDetailFare td {
	padding: 0;
}
.tableCommonSector .fareReferenceDetailFare .iconInfo {
	margin-right: 3px;
}
.fareReferenceDetailFare td.detailFare {
	padding-right: 30px;
	width: 29%;
}
.tableCommonSector .fareReferenceDetailCansel th,
.tableCommonSector .fareReferenceDetailCansel td {
	padding: 0;
}
.tableCommonSector .fareReferenceDetailCansel tr+tr th,
.tableCommonSector .fareReferenceDetailCansel tr+tr td {
	padding-top: 5px;
}
.tableCommonSector .fareReferenceDetailCansel th {
	padding-right: 30px;
	width: 29%;
	font-weight: normal;
}
.tableCommonSector .fareReferenceDetailCansel td {
	font-weight: bold;
}
.tableCommonSector tbody td.detailFare {
	font-size: 123%;
	font-weight: bold;
}
.detailFare span {
	font-size: 87.5%;
}


/*4: 空席待ち状況
=================================*/
.wlnumberedticket {
	margin-top: 15px;
	border: 1px solid #cccccc;
}
.wlnumberedticket .nowTime {
	display: table;
	width: 100%;
	background: #eeeeee;
}
.wlnumberedticket .nowTime .time,
.wlnumberedticket .nowTime .btn {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}
.wlnumberedticket .nowTime .time {
	font-size: 108%;
}
.wlnumberedticket .nowTime .time span {
	margin-left: 10px;
}
.wlnumberedticket .nowTime .btn {
	width: 260px;
	text-align: right;
}
.wlnumberedticketConfirmTable {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.wlnumberedticketConfirmTable .iconInfo {
	vertical-align: middle;
}
.wlnumberedticketConfirmTable colgroup .detail {
	width: 390px;
}
.oneCol .wlnumberedticketConfirmTable colgroup .detail {
	width: 580px;
}
.wlnumberedticketConfirmTable colgroup .premium,
.wlnumberedticketConfirmTable colgroup .economy {
	width: 190px;
}
.wlnumberedticketConfirmTable > thead > tr > th,
.wlnumberedticketConfirmTable > tbody > tr > td {
	padding: 10px;
}
.wlnumberedticketConfirmTable > tbody > tr > td {
	border-top: 1px solid #cccccc;
}
.wlnumberedticketConfirmTable td {
	font-size: 108%;
}
.wlnumberedticketConfirmTable td:first-child,
.wlnumberedticketConfirmTable .btnCell {
	font-size: 100%;
}
.wlnumberedticketConfirmTable .bold {
	font-weight: bold;
}
.wlnumberedticketConfirmTable > thead > tr > th,
.wlnumberedticketConfirmTable > thead > tr > td {
	text-align: left;
	font-weight: bold;
	vertical-align: bottom;
	padding: 17px 10px 10px;
}
.wlnumberedticketConfirmTable .flightDetail > * {
	margin-top: 4px;
}
.wlnumberedticketConfirmTable .flightDetail > *:first-child {
	margin-top: 0;
}
.wlnumberedticketConfirmTable .flightStatus {
	color: #d20000;
	font-weight: bold;
	margin-bottom: 6px;
}
.wlnumberedticketConfirmTable .flightRoute {
	letter-spacing: -.4em;
}
.wlnumberedticketConfirmTable .flightRoute .flightDepartureAirport {
	display: inline-block;
	letter-spacing: normal;
}
.wlnumberedticketConfirmTable .flightRoute .flightArrivalAirport {
	display: inline-block;
	letter-spacing: normal;
}
.wlnumberedticketConfirmTable .flightRoute .toArrow {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 6px;
}
.wlnumberedticketConfirmTable .flightRoute .multiAirportLocation01 {
	color: #012f64;
	font-weight: bold;
}
.wlnumberedticketConfirmTable .flightRoute .multiAirportLocation02 {
	color: #1b8900;
	font-weight: bold;
}
.wlnumberedticketConfirmTable .flightRoute .multiAirportLocation03 {
	color: #db00ad;
	font-weight: bold;
}
.wlnumberedticketConfirmTable .flightTime {
	font-size: 124%;
	font-weight: bold;
}
.wlnumberedticketConfirmTable .switch {
	text-align: right;
	letter-spacing: -.4em;
}
.wlnumberedticketConfirmTable .switch .btnText {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	line-height: 1;
}
.wlnumberedticketConfirmTable .switch .btnText.displayNone {
	display: none;
}
.wlnumberedticketConfirmTable .switch .toggleSwitch {
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	background: url(../../image/icon/toggle.png?cd8c7d0) left top no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	letter-spacing: normal;
	font-size: 0;
}
.wlnumberedticketConfirmTable .switch .toggleSwitch:hover {
	background-position: right top;
}
.wlnumberedticketConfirmTable > tbody tr td.detailContents {
	padding: 0;
	border-top: none;
}
.wlnumberedticketConfirmTable .detailContents th,
.wlnumberedticketConfirmTable .detailContents td {
	padding: 7px 10px;
	overflow: hidden;
}
.wlnumberedticketConfirmTable .detailContents thead th {
	background: #eeeeee;
	text-align: left;
	font-weight: bold;
	vertical-align: bottom;
}
.wlnumberedticketConfirmTable .detailContents tbody tr.even td {
	background: #eeeeee;
}
.wlnumberedticketConfirmTable .detailContents td .typeHead {
	float:left;
	display: block;
	width: 14px;
	text-align: center;
	margin-right: 14px;
	font-weight: bold;
}
.wlnumberedticketConfirmTable .detailContents td .typeText {
	display: block;
	overflow: hidden;
}

.wlnumberedticketConfirmTable .statusCancel th,
.wlnumberedticketConfirmTable .statusCancel td,
.wlnumberedticketConfirmTable .statusCancel + tr th,
.wlnumberedticketConfirmTable .statusCancel + tr td {
	background: #ececec;
	color: #c7c7c7;
}
.wlnumberedticketConfirmTable .statusCancel td.btnCell {
	color: #252525;
}
.wlnumberedticketConfirmTable .statusCancel + tr .detailContents thead th,
.wlnumberedticketConfirmTable .statusCancel + tr .detailContents tbody tr.even td {
	background: #e5e5e5;
}
.wlnumberedticketConfirmTable .statusCancel + tr .detailContents thead th:first-child {
	color: #252525;
}
.wlnumberedticketConfirmTable .statusCancel .flightRoute .multiAirportLocation01,
.wlnumberedticketConfirmTable .statusCancel .flightRoute .multiAirportLocation02,
.wlnumberedticketConfirmTable .statusCancel .flightRoute .multiAirportLocation03 {
	color: #bec7d2;
}
.wlnumberedticketConfirmTable .statusCancel .flightTime,
.wlnumberedticketConfirmTable .statusCancel .flightNumber {
	color: #e8bebe;
}
.wlnumberedticketConfirmTable .statusDelay .flightTime {
	color: #d20000;
	text-decoration: line-through;
}

/* 配席状況 */
.wlstatus .wlstatusItem {
	margin: 20px 0;
}
.wlstatus .tableWlStatus {
	margin: 20px 0 0;
}
.wlstatus .wlStatusConfirmTable {
	margin-top: 20px;
}
.wlstatus .wlStatusConfirmTable td {
	font-size: 108%;
}
.wlstatus .wlStatusConfirmTable .txtBold {
	font-weight: bold;
}
.wlstatus .wlStatusConfirmTable .vAlignTop {
	vertical-align: top;
}
.wlstatus .wlStatusConfirmTable .rightSeparator {
	border-right: 1px solid #cccccc;
}
.wlstatus .wlStatusConfirmTable .flightDetail > * {
	margin-top: 3px;
	font-size: 92%;
}
.wlstatus .wlStatusConfirmTable .flightDetail > *:first-child {
	margin-top: 0;
}
.wlstatus .wlStatusConfirmTable .flightStatus {
	color: #d20000;
	font-weight: bold;
	margin-bottom: 6px;
}
.wlstatus .wlStatusConfirmTable .flightRoute {
	letter-spacing: -.4em;
}
.wlstatus .wlStatusConfirmTable .flightRoute .flightDepartureAirport {
	display: inline-block;
	letter-spacing: normal;
}
.wlstatus .wlStatusConfirmTable .flightRoute .flightArrivalAirport {
	display: inline-block;
	letter-spacing: normal;
}
.wlstatus .wlStatusConfirmTable .flightRoute .toArrow {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 6px;
}
.wlstatus .wlStatusConfirmTable .flightRoute .multiAirportLocation01 {
	color: #012f64;
	font-weight: bold;
}
.wlstatus .wlStatusConfirmTable .flightRoute .multiAirportLocation02 {
	color: #1b8900;
	font-weight: bold;
}
.wlstatus .wlStatusConfirmTable .flightRoute .multiAirportLocation03 {
	color: #db00ad;
	font-weight: bold;
}
.wlstatus .wlStatusConfirmTable .flightTime {
	font-size: 116%;
	font-weight: bold;
	margin-top: 1px;
}
.wlstatus .wlStatusConfirmTable .statusDelay .flightTime {
	color: #d20000;
	text-decoration: line-through;
}
.wlstatus .wlStatusConfirmTable .statusCancel td {
	background: #ececec;
	color: #c7c7c7;
}
.wlstatus .wlStatusConfirmTable .statusCancel .flightTime,
.wlstatus .wlStatusConfirmTable .statusCancel .flightNumber {
	color: #e8bebe;
}
.wlstatus .wlStatusConfirmTable .statusCancel .flightRoute .multiAirportLocation01,
.wlstatus .wlStatusConfirmTable .statusCancel .flightRoute .multiAirportLocation02,
.wlstatus .wlStatusConfirmTable .statusCancel .flightRoute .multiAirportLocation03 {
	color: #bec7d2;
}
.wlstatus .wlStatusConfirmTable .statusCancel td > img {
	opacity: .5;
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE8 */
}