@CHARSET "UTF-8";

/*
 * 汎用のパーツ
 */

/* ブロック　ログイン */
@media (max-width: 768px) {
	#login-block { top: auto; bottom: 0; width:100%; height: 50px; font-size: 1.2em; background: #e90505; border: 1px solid #e90505; padding: 10px 0 0 0;}
	#login-block p { float: rigth; display: inline; }
	#login-block p a { color: #fff!important; font-weight: bold; text-decoration: none; padding: 0 5px 0 5px;}
	#backtotop { bottom: 40px!important;}
}

/* ブロック　選択中航空券 */
.ticket-detail {  }
.ticket-detail .cell-ticket div { margin-bottom: 0.5em; }
.ticket-detail .cell-price div { line-height: 1; margin-bottom: 0.5em; }

@media (min-width: 768px) {
	.ticket-detail .title-num { background: none; color:#000000; }
	.ticket-detail .cell-ticket div { padding: 6px 0; }
	.ticket-detail .cell-num { width: 2%; }
	.ticket-detail .cell-date { width: 12%; }
	.ticket-detail .cell-ticket { width: 43%; }
	.ticket-detail .cell-price { width: 34%; }
	.ticket-detail .cell-console { width: 9%; }
}
.total-area { font-weight: bold; background: #FFCCCC; }
.success {font-size:1.2m;font-weight:bold;}
.fault {font-size:1.2m;font-weight:bold;color:red;}

/* ブロック　ダイアログ */
.common-dialog { width: 90% !important; text-align:left; }
.ticket-dialog { text-align:left; position: fixed;  }
.attention-dialog  { text-align:left; line-height:1.5em; }
.attention-dialog p { margin-bottom:0.6em; }
.attention-dialog ul { list-style-position:outside;list-style-type:disc; }
@media (min-width: 768px) {
	.common-dialog { width: 300px; }
	.ticket-dialog { position: absolute; }
	.attention-dialog { }
}
@media (max-width:767px){
	.attention-dialog  {
		position: fixed !important;
		left: 0 !important;
		top: 0 !important;
		width: 100% !important;
	}
}

/* ブロック　進捗ボックス */
#progress { text-align: center; }
#progress img { width: 100%; }
#progress .progress-blk { display: none; }
#progress .progress-arrow { display: none; }
@media (min-width: 768px) {
	#progress { background-color:#EEEEEE; border: solid 1px #CCCCCC; padding: 0.3em; margin-bottom: 10px; }
	#progress img { width: auto; }
	#progress .progress-blk { display: block; width: 12%; float: left; background-color:#CCCCCC; padding: 0.1em 1em; text-align: center; }
	#progress .progress-blk.active { background-color:#333333; color: #FFFFFF; }
	#progress .progress-arrow { display: block; width: 5%; float: left; padding: 0.1em; }
}

/* ブロック　検索ボックス */
#search-area { text-align: left; padding-bottom: 15px; }
#search-area table { width: 100%; line-height: 1.8; margin:0 auto; font-size: 0.95em !important; }
#search-area td { padding: 0.2em 0.4em; }
#search-area th { text-align: center; }
#searcher .searcher-blk {  }
@media (min-width: 768px) {
	#searcher .searcher-blk { width: 33%; float:left; }
}

/* ブロック　検索窓 */
#searcher { line-height: 1.5; text-align: left; }
#searcher .search-header { display: none; }
#searcher label { margin-left: 3px; }

#deap-select,#arap-select { width:105px; }
#narrow-down-view { color:blue;text-decoration:underline; cursor:pointer; }
#narrow-down { width: 100%; display: none; margin: 3px auto 0; background-color:white; border:1px solid #ABABAB; text-align:center; line-height:1; }
#narrow-down div { padding: 3px 6px; }
#narrow-down p { font-weight: normal; font-size: 0.8em; text-align: center; }
.com-list { position: absolute; z-index: 0;left: -9999px; }
.com-label { margin:0 1px; vertical-align:center; cursor:pointer; border: 1px solid #CCCCCC; }

/* ブロック　検索窓 ★旧バージョン★ */
#arrow-com-view { color:blue;text-decoration:underline; cursor:pointer; }
#arrow-com { position: absolute; z-index: 20;left: -9999px;background-color:white; border:1px solid #ABABAB;padding: 5px; font-size:0.8em; line-height:1; }

/* ブロック　検索実行内容 */
#result { margin:0 auto 10px; }
#result thead { display:none; }
#result tbody td { display:block; text-align: center; }
@media (min-width: 768px) {
	#result { width:100%; margin:0 auto 10px; }
	#result thead { display:table-header-group; }
	#result tbody td { display: table-cell; }
	#result td,#result th { padding: 3px 6px; text-align: center; }
}

/* ブロック　TOP5 */
#best5 { margin-top:1em; }
#best5 .box { margin: 0; padding:3px; }
@media (min-width: 768px) {
	#best5 .box {  float:left; width:33%; }
}

/*
 * 検索画面　共通
 */

/* 入力枠 */
#input-area { margin:0 auto 1.5em; font-size: 12px; line-height: 1.2em; text-align: center; }
#input-area p { margin:0 auto; text-align: left; }
#input-area h3 { padding-top: 12px; margin:20px auto 10px; }
.input-area { margin:0 auto 1.5em; }

#input-area p.help-block.red {
  padding: 3px 6px;
  z-index: 3000;
  border: solid 2px #f00;
  border-radius: 3px;
  display: inline-block;
  margin: 2px;
}
@media (min-width: 768px) {
	#input-area { margin:0 auto 1.5em; width: 100%; font-size: 14px; line-height: 1.2em; text-align: center; }
	#input-area p { margin:0 auto; text-align: left; }
	#input-area h3 { padding-top: 12px; margin:20px auto 10px; }
	.input-area { margin:0 auto 1.5em; }
}

@media (min-width: 992px) {
	#list-body-data { width: 880px; }
}
/*
 * 検索画面　選択
 */

/* 結果一覧 */

/* 表の説明 */
.list-more { display: hidden; }
.additional p { margin: 0; }
.explain { display: none; position: relative; }
@media (min-width: 768px) {
	.explain { display: block; }
}

/* 券種説明用tooltips */
.stock-tip > .ui-tooltip-content { text-align: right !important; line-height: 1.7 !important; padding: 0.2em; }
.stock-tip { z-index: -100; }
@media (min-width: 768px) {
	.stock-tip { z-index: 2500; }
}

/* 料金表 */
.price-list { }
.price-list > div { }
.price-list div { box-sizing: border-box; }
.price-list { overflow:hidden; position:relative; }
.price-list table { width:auto;border:1px solid #C3C3C3; table-layout: fixed;border-collapse: collapse !important; }
.price-list tr { border-bottom:1px solid #C3C3C3; }
.price-list td,.price-list th { text-align:center; border-right:1px solid #C3C3C3; border-bottom:1px solid #C3C3C3; }

/* ヘッダー便情報 */
#list-header-title { width: 49%; float: left; display: none; }
.list-header-title-line { border: 0px !important; }
.list-header-title-line .head-out  { text-align: center; float: left; margin: 1px 0 0; }

@media (min-width: 768px) {
	/* ヘッダー便情報 */
	#list-header-title { width: 275px; display: block; }
	.list-header-title-line { width: 275px; }
	.list-header-title-line { border-left: solid 1px #C3C3C3; border-right: solid 1px #C3C3C3; }/* XXX */
	.list-header-title-line .list-num { width: 10px !important; color: white; }
	.list-header-title-line .list-name { width: 85px !important; color: white; }
	.list-header-title-line .list-time { width: 65px !important; color: white; }
	.list-header-title-line .list-class { width: 45px !important; color: white; }
}

/* ヘッダー券種 */
#list-header-data { width: 50%; float: left; overflow: hidden; display: none; }
.list-header-data-line { border: 0px !important; }
.list-header-data-line .head-out { text-align: center; width: 58px; float: left; margin: 1px 1px 0; }
@media (min-width: 768px) {
	/* ヘッダー券種 */
	#list-header-data { width: 491px; display: block; }
	.list-header-data-line { width: 870px; border-right: solid 1px #C3C3C3; }/* XXX */
}
@media (min-width: 992px) {
	#list-header-data { width: 587px; }
}

/* データ便情報 */
#list-body-title { float: left; overflow: auto; width: 100%; }
.list-body-title-line { text-align: left; }
.list-body-title-line .box-out { text-align: center; margin: 1px 0 0;  }
.list-body-title-line .box-in { border: 1px solid #FFFFFF; }
.list-body-title-line .list-name .box-in img { width: 30px; height: 30px; }
.list-body-title-line.list-transit .box-in { border: 1px solid #DDDDDD; }
.list-body-title-line .list-class-data { }
.list-body-title-line .list-class-data-flight { width: 60%; float: left; }
.list-body-title-line .list-class-data-price { width: 40%; float: left; text-align: left; }
.list-body-title-line .list-class-data-price img { width: 30px; height: 30px; }
.list-body-title-line .list-class-data-class { width: 50%; float: left; }
.list-body-title-line .list-class-icon { display: none; }

.list-body-title-line .list-class-data-flight img { width: 32px; height: 32px; }
.list-body-title-line .list-class-data-flight-name { background-color: #F0F0F0; display: table-caption; }
.list-body-title-line .list-class-data-flight-name .flight-name { font-size:1.5em; line-height: 1.5; background-color: #F0F0F0; }
.list-body-title-line .list-class-data-flight .list-class-data-icon { width: 20%; float: left; }
.list-body-title-line .list-class-data-flight .list-class-data-airport { width:40%; float:left; line-height: 1.5; }
@media (min-width: 768px) {
	/* データ便情報 */
	#list-body-title { width: 275px; overflow: hidden;  }
	.list-body-title-line { width: 275px; }
	.list-body-title-line  { border-left: solid 1px #C3C3C3; border-right: solid 1px #C3C3C3; }/* XXX */
	.list-body-title-line:last-child  { border-bottom: solid 1px #C3C3C3; }/* XXX */
	.list-body-title-line .list-num { width: 10px !important; display: block; }
	.list-body-title-line .list-name { width: 85px !important; display: block; }
	.list-body-title-line .list-time { width: 65px !important; display: block; }
	.list-body-title-line .list-class { width: 45px !important; }
	.list-body-title-line .box-out { float: left; }
	.list-body-title-line .list-class-sub { margin: 1px 0 0; }
	.list-body-title-line .list-class-data { display: none; }
	.list-body-title-line .list-class-icon { display: inline; }
	.list-body-title-line .list-class-data-flight-name { display: none; }
}

/* データ券種 */
#list-body-data { width: 50%; float: left; overflow: auto; display: none; }
.list-body-data-line { text-align: left; }
.list-body-data-line .box-out { text-align: center; float: left; width: 58px; margin: 1px 1px 0; }
.list-body-data-line .box-in { border: 1px solid #EEEEEE; }
.list-body-data-line.list-transit .box-in { border: 1px solid #CCCCCC; }
.list-transit { opacity: 0.8; -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); background: none repeat scroll 0 0 #DDDDDD; }
@media (min-width: 768px) {
	/* データ券種 */
	#list-body-data { /* */ width: 491px; display: block; overflow: auto; }
	.list-body-data-line { border-right: solid 1px #C3C3C3; }/* XXX */
	.list-body-data-line:last-child  { border-bottom: solid 1px #C3C3C3; }/* XXX */
}
@media (min-width: 992px) {
	#list-body-data { width: 587px; }
}

/* 表　汎用 */
.first-line { border-top: 4px double #CCCCCC; }
.head-out { display: table; text-align: center; width: 100%; }
.head-in { display: table-cell; vertical-align: middle; margin: 0 auto; line-height: 14px; /* border-right: 1px solid #CCCCCC; */ }
.box-out { display: table; text-align: center; width: 100%; }
.box-in { display: table-cell; vertical-align: middle; margin: 0 auto; line-height: 14px; /* border-right: 1px solid #CCCCCC; */ }
.com-icon { width: 30px; height: 30px; margin: 0 auto; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.com-icon.jal { background-image:url(../../images/icon/jal.png); }
.com-icon.ana { background-image:url(../../images/icon/ana.png); }
.com-icon.sky { background-image:url(../../images/icon/sky.png); }
.com-icon.ado { background-image:url(../../images/icon/ado.png); }
.com-icon.sna { background-image:url(../../images/icon/sna.png); }
.com-icon.sfj { background-image:url(../../images/icon/sfj.png); }
.com-icon.fda { background-image:url(../../images/icon/fda.png); }
.com-icon.ibx { background-image:url(../../images/icon/ibx.png); }
.com-icon.jst { background-image:url(../../images/icon/jst.png); }
.com-icon.apj { background-image:url(../../images/icon/apj.png); }
@media (min-width: 768px) {
	.first-line { border-top:4px double #C3C3C3; }
}

/* 表　ダイアログ */
.ui-dialog .box-in { display: none; }
.ui-dialog .box-in.stock { display: table-cell; }
.ui-dialog .box-in.rate { display: block; }
.ui-dialog .box-out { width: 100%; }
.ui-dialog .stock { width: 100%; height: auto !important; padding: 5px; }

/* 在庫状況 */
.good { background:#E0F0FF; border: 1px solid #6699ff !important; }
.air { background:#E0FFE0; border: 1px solid #2c8011  !important; }
.normal{ }
.minLine { background:#FFD0D0; border: 1px solid #cc0000 !important; }
.minList { background:#FFA0A0; border: 1px solid #cc0000 !important; }
.out { color:#666666; background:#DDDDDD; cursor: default !important; border: 1px solid #cccccc !important; pointer-events: none;}
.transit { color:#666666; background:#DDDDDD; cursor:default; border: 1px solid #cccccc !important; }
.other-site { background:#B0B0FF; cursor:default; border: 1px solid #0000cc !important; }
.no-data {  }
.good .stock-num { color:#333366; }
.out  .stock-num { color:#333333; }
.air i { color: #2c8011; }

/* 券種 */
.stock { height: 56px; width:56px; margin:0 auto; font-size:12px; cursor:pointer; font-weight:normal; color:#333333; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; }
.stock .stock-num { font-size:1.2em; }
.stock .adult { }
.stock .child { }
.stock .infant { }
.first-line { border-top:4px double #C3C3C3; }
.stock-transit { cursor: default; }

/* セル */
.list-num { font-size: 0.8em; }
.list-name { width:80px; font-weight: bold; text-align: left; font-size: 14px; }
.list-time { width:60px; font-weight: bold; color:#12127E; }
.list-time .airport { font-weight: normal;  font-size: 12px; }
.list-class { font-size: 12px; color:#12127E; }
.list-ticket { width:60px; }
.list-num,.list-name,.list-time { display: none; }
@media (min-width: 768px) {
	/* セル */
	.list-num { display: table; width:10px; height:17px; }
	.list-name { display: table; }
	.list-time { display: table; color:#12127E;}
	.list-class { width:40px; }
	.list-ticket { width:60px; }
}

/* 便名 */
.list-class-data { color:#000000; }
.price-list .jal { color:#CC0000; }
.price-list .ana { color:#002596; }
.price-list .sky { color:#1B3585; }
.price-list .sna { color:#1A1E69; }
.price-list .sfj { color:#333333; }
.price-list .ado { color:#55B9ED; }
.price-list .fda { color:#D61D16; }
.price-list .apj { color:#BD32BA; }
.price-list .ibx { color:#F0027F; }
.price-list .hac { color:#00C4B1; }
.price-list .jst { color:#FE5815; }
.price-list .waj { color:#00A0E8; }
@media (min-width: 768px) {
	.price-list .jal { color:#12127E; }
	.price-list .ana { color:#12127E; }
	.price-list .sky { color:#12127E; }
	.price-list .sna { color:#12127E; }
	.price-list .sfj { color:#12127E; }
	.price-list .ado { color:#12127E; }
	.price-list .fda { color:#12127E; }
	.price-list .apj { color:#12127E; }
	.price-list .ibx { color:#12127E; }
	.price-list .hac { color:#12127E; }
	.price-list .jst { color:#12127E; }
	.price-list .waj { color:#12127E; }
}

/* 検索結果一覧 航空会社別の表示切替 */
#view-select { display: none; }
#view-select .flex-box > div.flex-comment {
  width: auto;
  padding: 0px;
  line-height: 2;
}
#view-select .flex-box > div.flex-move {
  width: auto;
  padding: 0px;
}
#view-select .flex-box > div.flex-com {
  border-top: solid 1px #222;
  border-right: solid 1px #222;
  border-left: solid 1px #222;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 5px;
  margin: 0 8px 0 0;
  width: 97px;
  text-align: left;
  cursor: pointer;
  opacity: 0.5;
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  position: relative;
}
#view-select .flex-box > div.flex-com .com-icon {
  width: 18px;
  height: 18px;
  border: solid 1px #222;
  margin: 0 5px 0 10px;
  display: inline-block;
}
#view-select .flex-box > div.flex-com img {
  width: 18px;
  border: solid 1px #222;
  margin: 0 5px 0 10px;
}
#view-select .flex-box > div.flex-com.active {
  opacity: 1;
}
#view-select .flex-box > div.flex-com.is-loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* オーバーレイを作成 */
  background: linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .6));
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, .2);
}


#btn-view-select { display: block; }
#btn-view-minlist { display: block; }

@media (min-width: 768px) {

	.list-more { font-size:13px; text-align:left; position: absolute; bottom: 0;right:0; display:block; font-weight:bold; color:white; padding:0.8em 1em; line-height:0.7; background:#F33; }

	/* 検索結果一覧 航空会社別の表示切替 */
	#view-select { display: block; }
	#btn-view-select { display: none; }
	#btn-view-minlist { display: none; }

	#view-select { background-color:#FFFFFF; position: relative; width:100%; top: 1px; }
	#view-select .view-select-com { }
	#view-select .view-select-com.active{ opacity: 1; }
	#view-select p { font-weight: normal; font-size: 0.8em; }
}

/* 検索結果一覧 最安値チャート */
div#chart-bk { display: none; }
@media (min-width: 768px) {
	div#chart-bk { display: block; background: none repeat scroll 0 0 rgba(50, 50, 50, 0.5); width:100%; height: 120px; position: fixed; left: 0; bottom: 0; padding: 5px; z-index: 2000; }
	#chart-in { background: none repeat scroll 0 0 #ffffff; width: 900px; margin: auto; padding: 5px; position: relative; }
	#chart-in p { position: absolute; right: 10px; top: 10px; }
	#footer-in p { margin: 0; font-weight: bold; }
}

/*
 * 検索画面　情報入力
 */

/* 入力欄　搭乗者 */
.member-area { margin: 0 0 1em; }
.mem-header { padding: 0.2em; margin: 0 0 0.2em; }
.mem { border: solid 1px #CCCCCC; padding: 0.2em; margin: 0 0 0.2em; }

/* 入力欄　申込者 */
.customer-area { margin: 0 0 1em; }
.title-mem { padding: 6px 0; }
#payment_id span.attention { display: block;}
@media (min-width: 768px) {
	.title-mem { background: none; color:#000000; border: none; }
	#payment_id span.attention { display: inline;}
}

/* 入力欄　決済情報 */
.payment-area { margin: 0 0 1em; }

/* 入力欄　会員情報 */
.entry-area { margin: 0 0 1em; }

/* 入力欄　受託手荷物情報 */
.baggage-area { margin: 0 0 1em; }

/* 入力欄　アンケート */
.enq input[type="checkbox"],.enq input[type="radio"] { margin: 0 0.3em 0 0; }
textarea.textarea { width: 100%; }

/*
 * 個別のページ
 */

/* キャンセル料 */
@media (min-width: 768px) {
	.cancel-table td { display: table-cell; }
}

/* 空港一覧 */
#calerndar-area { display: flex; flex-wrap: wrap; }
#calerndar-area .ui-datepicker { width: calc( 100% - 6px ) !important; margin: 3px; }
#calerndar-area .ui-datepicker table { font-size: 1.2em; }
#calerndar-area .ui-datepicker td span, #calerndar-area .ui-datepicker td a { text-align: center; }
#calerndar-area .ui-datepicker td.red span, #calerndar-area .ui-datepicker td.red a { color:red; }
#calerndar-area .ui-datepicker td.blue span, #calerndar-area .ui-datepicker td.blue a { color:blue; }
@media (min-width: 768px) {
	#calerndar-area .ui-datepicker { width: calc( 50% - 6px ) !important; margin: 3px; }
}

/* ご注意ページ　共通 */
.info-page { margin:0 auto; padding: 0 10px; }
.info-page h2{ margin:0 !important; padding:5px !important; }
.info-page h2>img{ display: none;}
.info-page #pagelinkbox{ background-repeat: no-repeat; background-position: right bottom; margin:15px 0px 30px 0px; padding:10px; }
.info-page #pagelinkbox ul{ list-style-type: none; }
.info-page #pagelinkbox li{ background-repeat: no-repeat; padding-left: 18px; line-height: 1.5em; }
.info-page #pagelinkbox a{ text-decoration: none; }
.info-page h3{ background-image:url(../../images/notice/lccinfo_h3.png); background-repeat: no-repeat; color:#222222; font-size: 16px; padding: 10px 25px 20px 25px; border:none; margin: 20px 0px 0px 0px; }
.info-page ul{ margin: 0px 10px 0px 10px; list-style-type: none; }
.info-page li{ background-repeat: no-repeat; padding-left: 18px; line-height: 1.5em; }
.info-page li img{ vertical-align: top; }

/* ご注意ページ　ピーチ */
#info_apj h2{ background: none repeat scroll 0 0 #b634bb; color: #FFFFFF; }
#info_apj #pagelinkbox{ border:solid 1px #B634BB; background-image:url(../../images/notice/lccinfo_bg_apj.png); }
#info_apj #pagelinkbox li{ background-image:  url(../../images/notice/lccinfo_ico01_apj.png); }
#info_apj #pagelinkbox a{ color:#A715B5; }
#info_apj #pagelinkbox a:hover { color:#A715B5; }
#info_apj #pagelinkbox a:visited { color:#A715B5; }
#info_apj .textcolorB { color:#a715b5; }
#info_apj .textcolorN { color:#ff4f81; }
#info_apj li{ background-repeat: no-repeat; padding-left: 18px; line-height: 1.5em; }
@media (min-width: 768px) {
	#info_apj h2{  padding:0 !important; background-image:url(../../images/notice/lccinfo_h2bg_apj.png) !important; }
	#info_apj h2>span{ display: none;}
	#info_apj h2>img{ display: inline;}

	#info_apj #pagelinkbox ul{ width: 720px; }
	#info_apj #pagelinkbox li{ float:left; width: 340px; }

	#info_apj li img{ vertical-align: top; }
}

/* ご注意ページ　ジェットスター */
#info_jjp h2{ background: none repeat scroll 0 0 #FE5815; color: #242424; }
#info_jjp #pagelinkbox{ border:solid 1px #959595; background-image:url(../../images/notice/lccinfo_bg_jjp.png); }
#info_jjp #pagelinkbox li{ background-image:  url(../../images/notice/lccinfo_ico01_jjp.png); }
#info_jjp #pagelinkbox a{ color:#242424; }
#info_jjp #pagelinkbox a:hover { color:#242424; }
#info_jjp #pagelinkbox a:visited { color:#242424; }
#info_jjp .textcolorB{ color:#242424; }
#info_jjp .textcolorN{ color:#FE5815; }
#info_jjp li{ background-repeat: no-repeat; padding-left: 18px; line-height: 1.5em; }
@media (min-width: 768px) {
	#info_jjp h2{  padding:0 !important; background-image:url(../../images/notice/lccinfo_h2bg_jjp.png) !important; }
	#info_jjp h2>span{ display: none;}
	#info_jjp h2>img{ display: inline;}

	#info_jjp #pagelinkbox ul{ width: 720px; }
	#info_jjp #pagelinkbox li{ float:left; width: 340px; }

	#info_jjp li img{ vertical-align: top; }
}

/* ご注意ページ　バニラエア */
#info_vnl h2{ background: none repeat scroll 0 0 #039DE4; color: #242424; }
#info_vnl #pagelinkbox{ border:solid 1px #959595; background-image:url(../../images/notice/lccinfo_bg_vnl.png); }
#info_vnl #pagelinkbox li{ background-image:  url(../../images/notice/lccinfo_ico01_vnl.png); }
#info_vnl #pagelinkbox a{ color:#242424; }
#info_vnl #pagelinkbox a:hover { color:#242424; }
#info_vnl #pagelinkbox a:visited { color:#242424; }
#info_vnl .textcolorB{ color:#242424; }
#info_vnl .textcolorN{ color:#039DE4; }
#info_vnl li{ background-repeat: no-repeat; padding-left: 18px; line-height: 1.5em; }
@media (min-width: 768px) {
	#info_vnl h2{  padding:0 !important; background-image:url(../../images/notice/lccinfo_h2bg_vnl.png) !important; }
	#info_vnl h2>span{ display: none;}
	#info_vnl h2>img{ display: inline;}

	#info_vnl #pagelinkbox ul{ width: 720px; }
	#info_vnl #pagelinkbox li{ float:left; width: 340px; }

	#info_vnl li img{ vertical-align: top; }
}
/* LCC那覇空港 */
#lcc_airport { margin: 0 auto 0; text-align: left; }
#lcc_airport h2{ }
#lcc_airport p.print { display: none; }
#lcc_airport img.w100 { width: 100%; }
@media (min-width: 768px) {
	#lcc_airport { width:680px; }
	#lcc_airport h2{ padding-left:30px; background-image:url(../../images/notice/lccinfo_h2bg.png); color: #000000; background-repeat: no-repeat;line-height: 42px; }
	#lcc_airport p.print{ display: block; float:right; margin-bottom:10px; }
	#lcc_airport img.w100{ width: auto; }
}

/*
 * 汎用CSS
 */

/* 共通テーブル */
.bs-table thead { display: none; }
.bs-table thead > tr > th { background: none repeat scroll 0 0 #e6e6e6; }
.bs-table tbody > tr > th { background: none repeat scroll 0 0 #e6e6e6; }
.bs-table th { display: none; padding: 0; }
.bs-table td { display: block; padding: 0; border: solid 1px #CCCCCC; font-size: 14px; }
.bs-table.bs-table-thshow th {  display: block; }
.bs-table td.cell-w20 { background: none repeat scroll 0 0 #e6e6e6; font-weight: bold; }
@media (min-width: 768px) {
	.bs-table thead { display: table-header-group; }
	.bs-table th { display: table-cell; vertical-align: middle; border: solid 1px #CCCCCC; }
	.bs-table td { display: table-cell; }
	.bs-table.bs-table-thshow th { display: table-cell; width: 20%; }
}

/* 入力用　テーブル */
.input-table { width: 100%; border-radius: 5px; border-collapse:separate; border-spacing:0; border-right: none; border-bottom: none; border-top: 1px solid #C3C3C3; border-left: 1px solid #C3C3C3; font-size: 1em; line-height: 1.5; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; }
.input-table th,.input-table td { padding: 0.3em; border-right:1px solid #C3C3C3; border-bottom:1px solid #C3C3C3; }
.input-table th { background-color:#E6E6E6; }
.input-table td { text-align: left; }
.input-table p { margin-bottom: 0 ;}

/* 一覧用　テーブル */
.list-table { width: 100%; border-radius: 5px; border-collapse:separate; border-spacing:0; border-right: none; border-bottom: none; border-top: 1px solid #C3C3C3; border-left: 1px solid #C3C3C3; line-height: 1.3; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; }
.list-table th,.list-table td { font-size: 1.2em; border-right:1px solid #C3C3C3; border-bottom:1px solid #C3C3C3; }
.list-table th {   }
.list-table td { padding: 3px; }

/* 汎用　画像 */
img.w100{ width: 100%; height: auto; }
@media (min-width: 768px) {
	img.w100{ width: auto; }
}

/* テーブルセル */
.cell-w13 { display: block; }
.cell-w20 { display: block; }
.cell-w25 { display: block; }
.cell-w33 { display: block; }
.cell-w50 { display: block; }
.cell-w66 { display: block; }
.cell-w75 { display: block; }
.cell-w80 { display: block; }
.blk-none { display: none !important; }
.inl-none { display: none !important; }
.cell-none { display: none !important; }

/* スマホで表示 */
.inline-rev { display: inline !important; }
.block-rev { display: block !important; }

@media (min-width: 768px) {
	/* テーブルセル */
	.cell-w13 { width: 13%; display: table-cell; }
	.cell-w20 { width: 20%; display: table-cell; }
	.cell-w25 { width: 25%; display: table-cell; }
	.cell-w33 { width: 33%; display: table-cell; }
	.cell-w50 { width: 50%; display: table-cell; }
	.cell-w66 { width: 66%; display: table-cell; }
	.cell-w75 { width: 75%; display: table-cell; }
	.cell-w80 { width: 80%; display: table-cell; }
	.blk-none { display: block !important; }
	.inl-none { display: inline !important; }
	.cell-none { display: table-cell !important; }

	.inline-rev { display: none !important; }
	.block-rev { display: none !important; }
}

/******************************************/

/* ヘッダー */
.navbar-toggle { background-color: #960c40; border: 1px solid #960c40; }
.navbar-toggle .icon-bar { background-color: #ffffff; }


/* エラー結果 */
#error { border:solid 1px #F00; width:100%; margin:0 auto 10px; font-size:14px; }
#error_title { padding:3px;font-size:1em;color:#FFF;background-color:#F00;border:0; }
#error p { padding:3px;font-size:1em;color:#F00; }

@media (min-width: 992px) {
	#error { width: 880px; }
}
/* 会員登録フォーム */
#entry .radio-button { padding: 0.3em 1em; }

@media (max-width: 768px) {
	#view-select .flex-box > div.flex-com {
		width: 20%;
		border: solid 1px #999;
		border-radius: 3px;
		overflow: hidden;
		text-align: center;
	}
	#view-select .flex-box > div.flex-com img {
		margin: 0 5px 0;
	}
	#view-select .flex-box > div.flex-com span {
		display: none;
	}

	#view-select .flex-box > div.flex-comment {
		display: none;
	}
}