/* 料金詳細 */
.input-area{
	margin-bottom: 15px;
	padding: 10px 0 0;
	width: 94% !important;
	font-size: 12px;
	background: #FFF;
}

.input-ticket{
	color: #004195;
	font-size: 16px;
	font-weight: bold;
}

/* 料金各タイトル, 内容確認 */
.input-flight h3{
	padding-left: 30px;
	background:#F1F1F1 url(../images/h3_flight.png) 10px center / 15px 16px no-repeat;
}

.input-fee h3{
	padding-left: 30px;
	background:#F1F1F1 url(../images/h3_fee.png) 10px center / 13px 15px no-repeat;
}

.input-certificate h3{
	padding-left: 30px;
	background:#F1F1F1 url(../images/h3_certificate.png) 10px center / 15px 14px no-repeat;
}

.input-customer h3{
	padding-left: 30px;
	background:#F1F1F1 url(../images/h3_customer.png) 10px center / 15px 15px no-repeat;
}

.input-hotel h3{
	padding-left: 30px;
	background:#F1F1F1 url(../images/h3_hotel.png) 10px center / 15px 14px no-repeat;
}

.input-n-member h3{
	padding-left: 30px;
	background:#F1F1F1 url(../images/h3_n-member.png) 10px center / 11px 15px no-repeat;
}

.input-passenger h3{
	padding-left: 30px;
	background:#F1F1F1 url(../images/h3_passenger.png) 10px center / 17px 15px no-repeat;
}

.input-terms h3{
	padding-left: 30px;
	background:#F1F1F1 url(../images/h3_terms.png) 10px center / 15px 13px no-repeat;
}

.input-pay h3{
	padding-left: 30px;
	background:#F1F1F1 url(../images/h3_pay.png) 10px center / 16px 14px no-repeat;
}

.input-card h3{
	padding-left: 30px;
	background:#F1F1F1 url(../images/h3_card.png) 10px center / 15px 12px no-repeat;
}
　
/* フライト内容 */
.input-flight {
	margin-bottom: 15px;
}

.input-flight-title{
	background: #D1E3F6;
	padding-left: 10px;
	font-weight: bold;
	color: #004195;
}

.input-flight .detail-box{
	background: #EAF4F9;
	border-bottom: #A2B7D3 1px dotted;
}

/* 詳細内容 */
.detail-box{
	margin: 0;
	padding: 0;
	list-style: none;
}

.detail-box li {
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: auto;
	border-top: #A2B7D3 1px dotted;
}

.detail-area1,
.detail-area2,
.detail-area4{
	float: left;
}
.detail-area1{
	padding: 3px 0 0 0;
	width: 18%;
	font-size: 12px;
	text-align: center;
}

.detail-fnum{
	color: #004195;
	font-weight: bold;
}

.detail-area2{
	padding: 3px 0 0 5px;
	width: 64%;
	border-left: #A2B7D3 1px dotted;
}

.detail-dpt,
.detail-arrow,
.detail-arv{
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
}

.detail-dpt,
.detail-arv{
	padding-top: 3px;
	width: 45%;
	line-height: 120%;
}

.detail-arrow{
	padding-right: 5px;
}

.detail-area3{
	position: relative;
	padding-bottom: 5px;
	height: 15px;
	font-size: 12px;
}

.detail-dpt-time{
	position: absolute;
	top:0;
	left: 0;
	padding-right: 10px;
	background:url(../images/arrow_dtl_dpt.png) right center / 7px 7px no-repeat;
}

.detail-arv-time{
	position: absolute;
	top:0;
	left: 51%;
	padding:0 10px 0 3px;
	background:url(../images/arrow_dtl_arv.png) right center / 7px 7px no-repeat;
}

.detail-area4 {
	width: 13%;
	margin: 5px 3px 0 0;
}

.detail-area4 div{
	margin: 0;
	padding: 0;
	line-height: 100%;
}

/* 補足説明 */
.detail-spl{
	padding: 5px 10px 3px 0;
	font-size: 11px;
	text-align: right;
	letter-spacing: 0.2px;
	line-height: 130%;
	background: #D1E3F6;
	border-top: #A2B7D3 1px dotted;
}

/* ホテル内容 */
.input-hotel{
	margin-bottom: 15px;
}
.input-hotel-detail{
	overflow: hidden;
	padding: 0 10px;
}

.input-hotel-detail dt,
.input-hotel-detail dd,
.input-hotel-detail div{
	float: left;
	margin: 0;
}

.input-hotel-detail dt{
	clear: both;
	margin-right: 10px;
	font-size: 12px;
}

.input-hotel-detail dd{
	font-size: 14px;
	font-weight: bold;
}

.input-hotel-detail div{
	line-height: 120%;
	padding-bottom: 10px;
	font-size: 12px;
}

.thum-img-hotel{
	margin-right: 10px !important;
}

.hotel-detail-btn{
	float: right;
	width: 80px !important;
}

.input-hotel-caution{
	margin: 10px auto 0;
	width: 94%;
	background: #F1F1F1;
	border-radius: 4px;
}

.input-hotel-caution div{
	padding: 15px 10px 10px;
}

.input-hotel-caution p{
	padding: 0;
	margin: 0 0 10px;
	font-size: 12px;
}

.hotel-caution-title{
	padding: 0 !important;
	color: #004195;
	font-weight: bold;
}

/* 料金内容 */
.input-fee table{
	margin-bottom: 15px;
	width: 100%;
	font-size: 12px;
	border: #A2B7D3 1px solid;
	border-collapse: collapse;
}

.input-fee table th,
.total-cel{
	font-weight: bold;
	background: #E9F5FC !important;
	text-align: center;
	border: #A2B7D3 1px solid;
}

.input-fee table td{
	background: #FFF;
	padding: 5px;
	border: #A2B7D3 1px solid;
}

.total-cel{
	text-align: left !important;
}

/* 変更・取消規定 */
.input-certificate{
	margin-bottom: 15px;
}
.certificate-detail{
	width: 100%;
	margin: 0 auto ;
}

.certificate-detail .sum{
	padding: 5px 10px;
	color: #004195;
	font-weight: bold;
	background: url(../images/arrow_tgl.png) 95% center / 11px 7px no-repeat;
}

.certificate-detail .dtl{
	margin: 0;
	padding: 0 10px;
	font-size: 12px;
}

.certificate-detail .active{
  background:url(../images/arrow_tgl_op.png) 95% center / 11px 7px no-repeat;
}

.certificate-detail .dtl p{
	margin: 0 0 10px;
	padding: 0;
}

/* 運賃規則抜粋（発券後に適用されます, ホテル 変更・取消規定 */
.certificate-ticket{
	margin: 0 0 10px;
	padding: 0 10px;
	font-size: 12px;
}
.fare-rule{
	color: #004195;
	font-weight: bold;
	font-size: 14px;
}

.certificate-spl{
	padding: 5px 10px 0;
	margin-bottom: 10px;
	font-size: 10px;
	border-top: #CCC 1px solid;
}

/* 会員登録がお済みのお客様, 会員登録がお済みでないお客様 */
.input-customer,
.input-n-member{
	margin-bottom: 15px;
}

/* ご搭乗者 */
.input-passenger-title{
	color: #004195;
	font-weight: bold;
	margin: 10px 10px 0;
	padding: 0;
}

/* お支払方法 */
.input-pay p{
	margin: 10px 10px 0;
}

/* クレジットカード */
.input-card-area{
	width: 94%;
	margin:0 auto 30px;
}

.input-card-area .caution{
	margin: 10px 0 0 0 !important;
	padding: 0 !important;
	height: 15px;
}

/* ご予約完了 */
.comp-no{
	margin: 10px auto 20px;
	padding-top: 60px;
	width: 80%;
	background: #D9F2C0 url(../images/comp_icon.png) center 10px / 36px 36px no-repeat;
}

.comp-no p{
	padding: 0 !important;
	margin: 0 !important;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.comp-text{
	padding-bottom: 5px;
	margin: 0 auto 10px;
	width: 94%;
	border-bottom: #ACC0DA 1px dotted;
}

.comp-btn{
	width: 220px;
}

/* パスワードのお問い合わせ */
.general-header{
	position: relative;
	height: 50px;
	background: #004195;
}

.general-header h1{
	padding: 6px 10px;
	font-size: 14px;
	color: #FFF !important;
}

.general-header .navi a{
	position: absolute;
	top: 10px;
	right: 10px;
	display:block;
	width:30px;
	height: 30px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	font-weight:bolder;
	border-radius: 2px;
}


	/* 会員専用マイページログイン */
.login-form{
	margin: 0 auto;
	width:90%;
}

.login-other-box{
	display: table;
	width: 100%;
}

.login-other-box div{
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

.login-other-box .strong{
	font-size: 12px;
	padding-right: 10px;
	line-height: 120%;
}

/* ホテル詳細 */
.hotel-name{
	margin: 10px auto 0;
	padding: 0;
	width: 94%;
	color: #004195;
	line-height: 130%;
	background: none;
}

/* ホテルスライドショー */
.flexslider{
	margin: 0 !important;
	padding: 0 !important;
}

/**20160620追加ここから**/
.slides{
  position: relative;
	width: 100%;
	height: 250px;
	overflow: hidden;
	margin-bottom: 0;
}

.slides li{
	text-align: center !important;
	overflow: hidden;
}

.slides li img{
	margin: 0 auto;
	width: auto !important;
	height: 250px !important;
}
/**ここまで**/
.flex-caption{
	position: relative;
	margin: -24px 0 0 0;
	padding: 4px 0 0 0;
	width: 100%;
	height: 20px;
	color: #FFF;
	text-align: center;
	background: rgba(0, 0, 0, 0.2);
}

.flex-control-nav{
	display: none !important;
}

/* ホテル評価 */
.eva-box{
	display: table;
	margin: 10px auto 0;
	width: 65%;
}

.star40,
.ta-box{
		display: table-cell;
		text-align: center;
}

.star40{
	vertical-align: top;
}

.ta-box{
	font-size: 12px;
}

.map-btn{
	background:#EAF4F9 url(../images/map_icon.png) 23% center / 12px 15px no-repeat;
}

.hotel-detail-facility .sum{
	padding: 5px 10px 5px 10px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	background: #F1F1F1 url(../images/arrow_tgl2.png) 95% center / 11px 7px no-repeat;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.hotel-detail-facility .dtl,
.hotel-detail-room .dtl{
	display: none;
	margin: 10px 0 0 10px;
}

.hotel-detail-facility .active{
  background: #F1F1F1 url(../images/arrow_tgl_op.png) 95% center / 11px 7px no-repeat;
}
.hotel-detail-room{
	margin: 0;
}

.hotel-detail-room .sum{
	padding: 5px 10px 5px 10px;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: bold;
	background: #D1E3F5 url(../images/arrow_tgl2.png) 95% center / 11px 7px no-repeat;
	border-bottom: solid 1px #FFF;
}

.hotel-detail-room .active{
  background: #D1E3F5 url(../images/arrow_tgl_op.png) 95% center / 11px 7px no-repeat;
}