:root{
--font-color-btn-link:#666;
--font-color-placeholder:#949494;
--font-color-base-secondary:#222;
--font-num:Arial;
}
.j_air-lp #two_column_right{
margin-top:25px;
}
.j_air-lp #one_column{
margin-top:25px;
}
#faq_Box h2{
padding:0 0 0 24px;
height:33px;
line-height:33px;
font-size:117%;
background:url(/element/j_air_on/shared/images/title_bg01_001.png?x=201408270001) no-repeat left -1px #fff;
border-bottom:solid 1px #d6d6d6;
border-top:1px solid #f7f7f7;
margin:35px 0 19px;
}
#popularCity_Area dt{
background:#f7f7f7;
color:#666;
padding:3px 8px;
width:714px;
margin-bottom:15px;
font-size:110%;
font-weight:bold;
}
#popularCity_Area dt span{
font-size:80%;
padding-right:3px;
clear:both;
}
#popularCity_Area dd{
margin-bottom:10px;
overflow:hidden;
}
#popularCity_Area dd:after{
content:".";
display:block;
clear:both;
height:0px;
visibility:hidden;
}
#popularCity_Area dd a{
display:block;
float:left;
border-left:1px solid #ccc;
margin:0 0 5px -1px;
padding:0 10px;
}
#popularCity_Area dd a{
width:147px;
}

/* airline(LCC) pages common ****************************************************************************************************/
/* title and subtitle **********************************************************************/
/*h2*/
h2.ttl{
position:relative;
margin-bottom:14px;
padding:8px 0 5px 12px;
font-size:24px;
border-top:solid 1px #d6d6d6;
border-bottom:solid 2px #d6d6d6;
-webkit-box-shadow:rgb(255, 255, 255) 0px -1px 0px 0px inset;
box-shadow:rgb(255, 255, 255) 0px -1px 0px 0px inset;
background:#f7f7f7;
line-height:38px;
}
h2.ttl > img{
margin:0 15px 0 0;
border:solid 1px #d6d6d6;
}

/*h3*/
.sttl{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 19px;
padding:7px 12px;
border-bottom:solid 1px #d7d7d7;
height:36px;
color:#333333;
background-color:#f6f6f6;
font-size:17px;
}
.sttl > .sup{
position:absolute;
right:5px;
top:9px;
text-align:right;
font-size:13px;
font-weight:normal;
}
.commonTitle_simple_a{
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:20px 0 19px;
padding:7px 12px;
border-bottom:solid 1px #d7d7d7;
height:36px;
color:#333333;
background-color:#f6f6f6;
font-size:17px;
}

/*h4*/
.caption{
margin-bottom:7px;
padding:6px 0 4px 10px;
color:#333;
background:#f7f7f7;
}

/* tab **********************************************************************/
.tab{
position:relative;
z-index:1;
display:table;
width:100%;
line-height:1;
overflow:hidden;
}
.tab > li{
display:table-cell;
*display:inline;
*zoom:1;
text-align:center;
vertical-align:bottom;
}
.tab > li > a{
display:block;
margin-left:-1px;
padding:12px 0;
*padding:12px 2px;
color:#333;

/*font-size:13px;*/
white-space:nowrap;
text-decoration:none;
border-radius:4px 4px 0 0;
border:1px solid #b0b0b0;
background-color:#f5f5f5;
min-height:42px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
vertical-align:middle;
}
.tab > li:first-child > a{
margin-left:0;
}
.tab > li > a:hover{
background:#fff;
}
.tab > li.active > a{
padding-bottom:13px;
font-weight:bold;
background:#fff;
border-bottom:none;
}
.tab.tab-fix{
table-layout:fixed;
}
.tab.tab-auto{
table-layout:auto;
}

/*.tab.fs14 > li > a{font-size:14px;}
.tab.fs16 > li > a{font-size:16px;}*/
/* tabcnt **********************************************************************/
.tabcnt{
position:relative;
z-index:0;
margin-top:-1px;
border:solid 1px #b0b0b0;
display:none;
}
.tabcnt.active{
display:block;
}
.tabcnt ul > li{
display:inline-block;
}
.tabcnt ul > li a{
color:#555;
}
.tabcnt ul > li a:link,
.tabcnt ul > li a:visited,
.tabcnt ul > li a:hover,
.tabcnt ul > li a:active{
color:#555;
}

/* airlines **********************************************************************/
.airlines{
overflow:hidden;
}
.list-airlines{
overflow:hidden;
letter-spacing:-.4em;
}
.list-airlines > li{
width:170px;
letter-spacing:normal;
display:inline-block;
word-break:break-all;
word-wrap:break-word;
vertical-align:top;
}
.list-airlines > li > a > .logo,
.list-airlines > li > a > .name{
display:block;
}
.list-airlines > li > a > .logo > img{
border:solid 1px #cfcfcf;
}
.list-airlines > li > a > .name{
font-weight:bold;
margin:0 0 7px;
}

/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
label{
cursor:pointer;
}
.disabled label{
cursor:default;
}

/* .form-box
----------------------------------------------- */
.form-box-container{
overflow:hidden;
}
.form-box-01{
float:left;
width:50%;
padding:10px 25px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-box-01.type-depart{
background:#edfaff;
border-right:1px solid #ccc;
}
.form-box-01.type-return{
background:#fffaeb;
}
.form-box-01.disabled{
-ms-filter:"alpha(opacity=20)";
opacity:.2;
background:#f7f7f7;
}
.form-box-01 .form-chkbox{
font-size:11px;
margin-top:-3px;
padding-left:90px;
}
.form-box-01 .form-chkbox input[type="checkbox"]{
margin:0 5px 2px 0;
vertical-align:middle;
}

/* .tbl-search-form
----------------------------------------------- */
.hdg-search-form{
font-size:16px;
font-weight:bold;
}
.tbl-search-form{
width:100%;
}
.tbl-search-form th{
font-size:10px;
text-align:left;
width:84px;
}
.tbl-search-form th img{
vertical-align:middle;
margin:0 0 1px 3px;
}
.tbl-search-form td{
padding:4px 0;
}
.tbl-search-form .ui-datepicker-trigger{
vertical-align:bottom;
margin-top:-7px;
}

/* .submit_Area
----------------------------------------------- */
.submit_Area{
text-align:center;
padding-bottom:12px;
}

/* .form-list
----------------------------------------------- */
.form-list{
overflow:hidden;
}
.form-list dt,
.form-list dd{
margin-top:10px;
}
.form-list dt:first-child,
.form-list dt:first-child + dd{
margin-top:0;
}
.form-list dt{
float:left;
clear:left;
width:70px;
padding-right:.1em;
color:#555;
font-weight:bold;
font-size:11px;
}
.form-list dd{
margin-left:70px;
}
#ticketType_List{
padding:8px 15px;
background-color:#f7f7f7;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#ticketType_List .hdg-tickettype{
float:left;
color:#555;
font-size:11px;
padding-right:.1em;
}
#ticketType_List input[type="radio"]{
margin:0 5px 2px 0;
vertical-align:middle;
}

/*.extraFilter_Box .toggle-container
----------------------------------------------------------------- */
.extraFilter_Box .toggle-container{
padding:5px;
border-top:1px solid #c4c4c4;
}
.exfilter-container{
display:table;
width:100%;
}
.exfilter-container > *{
display:table-cell;
}
.exfilter-btn{
position:relative;
white-space:nowrap;
font-size:10px;
display:block;
}
.exfilter-btn:before{
content:"";
position:absolute;
left:0;
top:50%;
margin-top:-7px;
width:12px;
height:12px;
background-color:#888;
border-radius:2px;
}
.exfilter-btn > span{
padding-left:19px;
}
.exfilter-btn > *:before{
content:"";
position:absolute;
left:2px;
top:50%;
margin-top:-2px;
width:8px;
height:2px;
background-color:#fff;
}
.exfilter-btn > *:after{
content:"";
position:absolute;
left:5px;
top:50%;
margin-top:-5px;
width:2px;
height:8px;
background-color:#fff;
}
#form_Col .schedule_Box .extraFilter_Box dt.exfilter-btn:before{
left:5px;
}
#form_Col .schedule_Box .extraFilter_Box dt.exfilter-btn > *:before{
left:7px;
}
#form_Col .schedule_Box .extraFilter_Box dt.exfilter-btn > *:after{
left:10px;
}
.extraFilter_Box .toggle-container.active .toggle-btn > *:after,
.extraFilter_Box .exfilter-btn.active > *:after{
display:none;
}
.exfilter-item{
padding-left:19px;
}
.exfilter-hdg{
margin-top:5px;
font-size:11px;
}
.exfilter-list{
text-align:right;
letter-spacing:-.4em;
}
.exfilter-list > li{
display:inline-block;
letter-spacing:normal;
font-size:10px;
margin-left:8px;
}
.exfilter-list a{
color:#333;
}
.exfilter-list a:after{
content:"";
display:inline-block;
margin-left:3px;
width:10px;
height:10px;
background:url(/element/j_air_on/shared/images/ps01_001.png) no-repeat -1px -121px;
vertical-align:middle;
}
.exfilter-list-02 > li{
float:left;
padding-right:30px;
font-size:11px;
}
.exfilter-list-02 > li > label{
position:relative;
padding-left:18px;
}
.exfilter-list-02 > li > label > input[type="checkbox"]{
position:absolute;
left:0;
top:2px;
margin:0;
}
[class^="exfilter-list"] > li img{
vertical-align:middle;
border:1px solid #ccc;
margin:1px 0;
}
.exfilter-list-02:before,
.exfilter-list-02:after{
content:"";
display:table;
}
.exfilter-list-02:after{
clear:both;
}
.unspec{
text-align:right;
color:#808080;
}
.extraFilter_Box .toggle-container.active .exfilter-list,
.extraFilter_Box .toggle-container.active .unspec{
display:none;
}

/* ----------------------------------------------------------------
.area-list-02
----------------------------------------------------------------- */
.descriptionTxt_Area dd .area-list-02 li{
display:block;
float:none;
border-right:none;
}

/* ----------------------------------------------------------------
  Toggle
----------------------------------------------------------------- */
.toggle-container > .toggle-item{
display:none;
}
.toggle-container.active > .toggle-item{
display:block;
}
.toggle-container.active > .toggle-btn span:after{
display:none;
}

/* ----------------------------------------------------------------
  List
----------------------------------------------------------------- */
/* .list-inline
----------------------------------------------- */
.list-inline{
letter-spacing:-.4em;
}
.list-inline li{
letter-spacing:normal;
display:inline-block;
vertical-align:top;
padding-left:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .list-inline.branch(with arrow)
----------------------------------------------- */
.list-inline.branch li{
position:relative;
padding:0 27px;
margin-top:12px;
}
.list-inline.branch li:before{
content:"";
position:absolute;
top:3px;
left:20px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:3px;
height:3px;
border:3px solid transparent;
border-left:3px solid #666;
}

/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* .link-01
----------------------------------------------- */
.link-01{
position:relative;
padding-left:8px;
}
.link-01:before{
content:"";
position:absolute;
top:50%;
left:0px;
margin-top:-2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:3px;
height:3px;
border:3px solid transparent;
border-left:3px solid #666;
}

/* ----------------------------------------------------------------
  SEO
----------------------------------------------------------------- */
/* main_Col SEO
----------------------------------------------- */
.descriptionTxt_Area{
padding:69px 0 0 0;
text-align:left;
width:730px;
clear:both;
}
.descriptionTxt_Area dt{
background-color:#eeeeee;
color:#333;
font-size:109.4%;
font-weight:bold;
padding:.4em 0 .4em 14px;
}
.descriptionTxt_Area dd{
background-color:#fafafa;
color:#333;
font-size:93.75%;
line-height:1.5;
padding:0 15px 21px 15px;
width:700px;
}
.descriptionTxt_Area.whole dd{
width:700px;
padding:10px 15px 0 15px;
}
.descriptionTxt_Area dd ul:after{
content:".";
display:block;
clear:both;
height:0px;
visibility:hidden;
}
.descriptionTxt_Area dd li{
border-right:solid 1px #cccccc;
float:left;
line-height:1.1;
margin:0 0 .25em 0;
word-break:keep-all;
}
.descriptionTxt_Area dd li:last-child{
border:none;
}
.descriptionTxt_Area dd li a{
margin:0 15px 0 15px;
}
.descriptionTxt_Area.whole dd th{
width:7.8em;
vertical-align:top;
font-weight:bold;
text-align:left;
}
.descriptionTxt_Area.whole dd td{
padding:0 0 10px 0;
}
.descriptionTxt_Area dd .allArea:after{
content:".";
display:block;
clear:both;
height:0px;
visibility:hidden;
}
.descriptionTxt_Area dd .allArea{
margin:6px 0 0 0;
}
.descriptionTxt_Area dd .allArea dt{
clear:both;
float:left;
background-color:#fafafa;
color:#666;
line-height:1.1;
padding:0 0 0 15px;
width:75px;
}
.descriptionTxt_Area dd .allArea dd{
float:left;
border-right:solid 1px #cccccc;
font-size:100%;
line-height:1.1;
padding:0;
width:auto;
}
.descriptionTxt_Area dd .allArea dd a{
margin:0 15px 0 15px;
}
.descriptionTxt_Area dd .allArea dd:last-child{
border-right:none;
}

/* sub_Col SEO
----------------------------------------------- */
.contentInfo_SideBox.rightCity{
margin-bottom:15px;
}
.contentInfo_SideBox.rightCity dt{
padding:10px 0 9px;
border-top:2px solid #777;
border-bottom:1px solid #dddddd;
color:#333333;
font-weight:bold;
font-size:13px;
}
.contentInfo_SideBox.rightCity .poplularCity_SideBox dd{
padding:0 0 0px 0;
width:208px;
}
.contentInfo_SideBox.rightCity.rightCity dd ul li{
line-height:2;
}
.contentInfo_SideBox.rightCity.rightCity dd ul li ul li{
line-height:1.2;
}
.contentInfo_SideBox.rightCity dd ul li a{
display:block;
color:#555;
font-size:12px;
position:relative;
padding:6px 0 5px 17px;
}
.contentInfo_SideBox.rightCity dd ul li ul li.selected{
background:#ededed;
padding:6px 0 5px 17px;
}
.contentInfo_SideBox.rightCity dd ul li ul{
margin-bottom:5px;
}
.contentInfo_SideBox.rightCity dd ul li.opened,
.contentInfo_SideBox.rightCity dd ul li.closed{
border-bottom:1px dotted #ccc;
}
.contentInfo_SideBox.rightCity dd ul li.opened >a,
.contentInfo_SideBox.rightCity dd ul li.closed >a{
padding:8px 0 8px 17px;
}
.contentInfo_SideBox.rightCity dd ul li.opened >a:before{
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
background-repeat:no-repeat;
background-size:100%;
position:absolute;
top:14px;
left:0;
content:"";
display:inline-block;
width:11px;
height:11px;
}
.contentInfo_SideBox.rightCity dd ul li.closed >a:before{
background-image:url(/element/shared/images/icon/icon-toggle-plus.svg);
background-repeat:no-repeat;
background-size:100%;
position:absolute;
top:14px;
left:0;
content:"";
display:inline-block;
width:11px;
height:11px;
}

/* Side Banner ?
----------------------------------------------- */
.otheBanner_Area{
margin:0;
width:210px;
padding-bottom:10px;
}
.otheBanner_Area em img{
display:none;
}
.otheBanner_Area ul{
padding:0 5px;
width:200px;
height:auto;
text-align:center;
}
.otheBanner_Area li{
padding:0 0 8px 0;
width:200px;
}
.otheBanner_Area li img,
.otheBanner_Area li object,
.otheBanner_Area li embed{
display:block;
margin:0 auto;
vertical-align:middle;
}

/* ----------------------------------------------------------------
    common
----------------------------------------------------------------- */
/* .icon-blank
----------------------------------------------- */
.icon-blank{
margin-top:-1px;
vertical-align:middle;
}

/* .article-writer
----------------------------------------------- */
.article-writer{
cursor:pointer;
}

/* margin/padding Control
----------------------------------------------- */
.m-top-0{
margin-top:0 !important;
}
.m-right-0{
margin-right:0 !important;
}
.m-bottom-0{
margin-bottom:0 !important;
}
.m-left-0{
margin-left:0 !important;
}
.p-top-0{
padding-top:0 !important;
}
.p-right-0{
padding-right:0 !important;
}
.p-bottom-0{
padding-bottom:0 !important;
}
.p-left-0{
padding-left:0 !important;
}
.m-top-5{
margin-top:5px !important;
}
.m-right-5{
margin-right:5px !important;
}
.m-bottom-5{
margin-bottom:5px !important;
}
.m-left-5{
margin-left:5px !important;
}
.p-top-5{
padding-top:5px !important;
}
.p-right-5{
padding-right:5px !important;
}
.p-bottom-5{
padding-bottom:5px !important;
}
.p-left-5{
padding-left:5px !important;
}
.m-top-10{
margin-top:10px !important;
}
.m-right-10{
margin-right:10px !important;
}
.m-bottom-10{
margin-bottom:10px !important;
}
.m-left-10{
margin-left:10px !important;
}
.p-top-10{
padding-top:10px !important;
}
.p-right-10{
padding-right:10px !important;
}
.p-bottom-10{
padding-bottom:10px !important;
}
.p-left-10{
padding-left:10px !important;
}
.m-top-15{
margin-top:15px !important;
}
.m-right-15{
margin-right:15px !important;
}
.m-bottom-15{
margin-bottom:15px !important;
}
.m-left-15{
margin-left:15px !important;
}
.p-top-15{
padding-top:15px !important;
}
.p-right-15{
padding-right:15px !important;
}
.p-bottom-15{
padding-bottom:15px !important;
}
.p-left-15{
padding-left:15px !important;
}
.m-top-20{
margin-top:20px !important;
}
.m-right-20{
margin-right:20px !important;
}
.m-bottom-20{
margin-bottom:20px !important;
}
.m-left-20{
margin-left:20px !important;
}
.p-top-20{
padding-top:20px !important;
}
.p-right-20{
padding-right:20px !important;
}
.p-bottom-20{
padding-bottom:20px !important;
}
.p-left-20{
padding-left:20px !important;
}
.m-top-25{
margin-top:25px !important;
}
.m-right-25{
margin-right:25px !important;
}
.m-bottom-25{
margin-bottom:25px !important;
}
.m-left-25{
margin-left:25px !important;
}
.p-top-25{
padding-top:25px !important;
}
.p-right-25{
padding-right:25px !important;
}
.p-bottom-25{
padding-bottom:25px !important;
}
.p-left-25{
padding-left:25px !important;
}
.m-top-30{
margin-top:30px !important;
}
.m-right-30{
margin-right:30px !important;
}
.m-bottom-30{
margin-bottom:30px !important;
}
.m-left-30{
margin-left:30px !important;
}
.p-top-30{
padding-top:30px !important;
}
.p-right-30{
padding-right:30px !important;
}
.p-bottom-30{
padding-bottom:30px !important;
}
.p-left-30{
padding-left:30px !important;
}

/* Width
----------------------------------------------- */
.w-5{
width:5% !important;
}
.w-10{
width:10% !important;
}
.w-15{
width:15% !important;
}
.w-20{
width:20% !important;
}
.w-25{
width:25% !important;
}
.w-30{
width:30% !important;
}
.w-35{
width:35% !important;
}
.w-40{
width:40% !important;
}
.w-45{
width:45% !important;
}
.w-50{
width:50% !important;
}
.w-55{
width:55% !important;
}
.w-60{
width:60% !important;
}
.w-65{
width:65% !important;
}
.w-70{
width:70% !important;
}
.w-75{
width:75% !important;
}
.w-80{
width:80% !important;
}
.w-85{
width:85% !important;
}
.w-90{
width:90% !important;
}
.w-95{
width:95% !important;
}
.w-100{
width:100% !important;
}

/* Align Control
----------------------------------------------- */
.left,
table.left th,
table.left td,
thead.left > tr > *,
tbody.left > tr > *{
text-align:left !important;
}
.center,
table.center th,
table.center td,
thead.center > tr > *,
tbody.center > tr > *{
text-align:center !important;
}
.right,
table.right th,
table.right td,
thead.right > tr > *,
tbody.right > tr > *{
text-align:right !important;
}
.middle,
table.middle th,
table.middle td,
thead.middle > tr > *,
tbody.middle > tr > *{
vertical-align:middle !important;
}

/* lp override
------------------------------------------------ */
.j_air-lp .mod-02{
margin-top:50px;
margin-bottom:5px;
border-top:3px solid #0d3f78;
}
.j_air-lp .mod-02 .mod-02-hdg{
color:#333333;
font-size:20px;
}

/* company-info
------------------------------------------------ */
.company-info{
margin-top:20px;
}
.company-info p{
margin-bottom:20px;
}

/* lowestprice **********************************************************************/
.lowestprice{
overflow:hidden;
}
.lowestprice >:first-child{
margin-top:0;
}
.lowestprice > .sup{
text-align:right;
}
.list-price{
margin:0 -10px;
}
.list-price > table{
width:100%;
border-collapse:separate;
border:none;
border-spacing:10px 5px;
}
.list-price th,
.list-price td{
width:20%;
font-size:14px;
white-space:nowrap;
}
.list-price th{
padding:3px 0;
border-radius:3px;
}
.list-price th.section{
font-weight:normal;
font-size:12px;
background:#f8f8f8;
}
.list-price th.direction{
padding:6px 10px 5px 10px;
font-weight:normal;
text-align:left;
max-width:200px;
background:#f0f0f0;
white-space:normal;
}
.list-price th.weekday,
.list-price th.sunday,
.list-price th.saturday,
.list-price th.holiday{
font-size:15px;
}
.list-price th.weekday{
background:#f0f0f0;
}
.list-price th.saturday{
color:#0099ff;
background:#e1f1ff;
}
.list-price th.sunday,
.list-price th.holiday{
color:var(--cmn-font-color-red);
background:#ffe3e8;
}
.list-price td > a,
.list-price td > .empty{
display:block;
position:relative;
padding:3px 6px 5px;
border-width:1px;
border-style:solid;
border-color:rgb(196, 196, 196);
border-radius:4px;
height:25px;
color:var(--cmn-font-color-red);
background-color:rgb(255, 255, 255);
-webkit-box-shadow:inset 0px -2px 0px 0px rgba(0, 0, 0, .15);
box-shadow:inset 0px -2px 0px 0px rgba(0, 0, 0, .15);
text-align:center;
}
.list-price td > .empty{
display:block;
padding:6px 6px 2px 6px;
border:1px solid #e0e0e0;
height:25px;
color:var(--cmn-font-color-gray);
background-color:#fafafa;
text-align:center;
font-weight:bold;
font-size:16px;
border-radius:4px;
cursor:default;
-webkit-box-shadow:none;
box-shadow:none;
}
.list-price td > a > strong{
font-size:19px;
font-family:Verdana;
}

/* search **********************************************************************/
.searchbox{
padding:10px 30px;
background:#f7f7f7;
overflow:hidden;
position:relative;
}
.searchbox .hdg{
font-weight:bold;
font-size:12px;
width:9.5em;
display:inline-block;
margin-right:5px;
position:relative;
}
.searchbox .hdg .icon-required{
line-height:1;
margin:0;
position:absolute;
right:0;
top:2px;
}
.searchbox .inputarea{
float:left;
width:81%;
}
.searchbox .inputarea input[type="radio"]{
position:relative;
top:2px;
margin:0 5px 0 0;
}
.searchbox .inputarea > div{
margin:.5em 0;
width:100%;
}
.searchbox .type > label{
margin:0 1em 0 0;
cursor:pointer;
}
.searchbox .area,
.searchbox .date{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.searchbox .area > .area-col,
.searchbox .date > .date-col{
position:relative;
width:50%;
}
.searchbox .area > .area-col label,.searchbox .date > .date-col label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.searchbox .area > .area-col .form-custom-select,.searchbox .date > .date-col .form-custom-select{
width:215px;
}
.searchbox .date > .date-col{
position:relative;
}
.searchbox .date > .date-col .ui-datepicker-trigger{
position:absolute;
top:5px;
left:289px;
}
.searchbox .date .date-col input{
padding:2px 4px;
width:215px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
cursor:pointer;
border:1px solid #bebebe;
height:34px;
}
.btn-search a{
position:absolute;
display:block;
padding:5px;
border:none;
border-radius:4px;
min-width:8.5em;
color:#fff;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
font-weight:bold;
font-size:20px;
width:170px;
height:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
bottom:17px;
right:30px;
}
.btn-search a:hover{
background-color:#67a700;
text-decoration:none;
}

/* route **********************************************************************/
.tab > li > a{
font-size:15px;
}
.tabcnt{
padding:15px 30px 19px;
}
.tabcnt > .list-route + .caption{
margin:7px 0;
}
.tabcnt > .list-more + .caption{
margin:17px 0 7px;
}

/* .list-route{
padding:0 0 0 10px;
} */
.list-route li{
margin:0 1em .5em 0;
}

/* .btn-route-more
------------------------------------------------ */
.btn-route-more{
position:relative;
margin-bottom:10px;
overflow:hidden;
}
.btn-route-more a{
color:#555;
position:relative;
display:block;
padding-left:17px;
}
.btn-route-more a:before{
content:"";
display:inline-block;
position:absolute;
width:11px;
height:11px;
left:0;
top:4px;
background-image:url(/element/shared/images/icon/icon-toggle-plus.svg);
background-repeat:no-repeat;
background-size:100%;
}
.btn-route-more .icon{
display:none;
}
.list-more{
padding:7px 0 0;
}
.list-more.open .btn-route-more a:before{
content:"";
display:inline-block;
position:absolute;
width:11px;
height:11px;
left:0;
top:4px;
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
background-repeat:no-repeat;
background-size:100%;
}
.list-more.close > .list-route{
display:none;
}
.list-more.open > .list-route{
display:block;
}

/* service **********************************************************************/
.service{
overflow:hidden;
}
.service h3.sttl{
margin-bottom:10px;
}
.list-service{
overflow:hidden;
margin:0 -2.24%;
}
.list-service > li{
float:left;
width:28.85%;
margin:0 2.24%;
}
.list-service > li > dl > dt{
position:relative;
margin:0 0 5px;
padding:0 0 0 37px;
font-size:18px;
font-weight:bold;
color:#579605;
line-height:35px;
border-bottom:solid 1px #aaa;
background:url(/element/j_air_on/airline/images/icon_service.png) no-repeat;
}
.list-service > .baggage > dl > dt{
background-position:2px 5px;
}
.list-service > .inflight > dl > dt{
background-position:2px -30px;
}
.list-service > .seat > dl > dt{
background-position:2px -70px;
}
.list-servicedd > dl > dd{
padding:0 3px;
}

/* checkin **********************************************************************/
.checkin{
overflow:hidden;
}
.list-checkin{
width:48%;
}
.list-checkin.left{
float:left;
}
.list-checkin.right{
float:right;
}
.list-checkin > table{
table-layout:fixed;
width:100%;
text-align:left;
}
.list-checkin .airport{
width:25.7%;
padding:0 0 0 10px;
}
.list-checkin .terminal,
.list-checkin .time{
width:74.3%;
}
.list-checkin th.airport,
.list-checkin th.terminal,
.list-checkin th.time{
color:#666;
font-size:14px;
background:#f7f7f7;
}
.list-checkin td.airport{
color:#3c3c3c;
font-size:15px;
font-weight:bold;
vertical-align:top;
padding:1px 0 0 10px;
}
.list-checkin td.terminal,
.list-checkin td.time{
padding:1px 0 0 0;
}
.list-checkin td.terminal a,
.list-checkin td.time a{
position:relative;

/* margin:0 0 0 10px;
padding:0 0 0 7px; */
}

/* others **********************************************************************/
.others{
overflow:hidden;
}
.list-others{
overflow:hidden;
margin:0 -1.34%;
}
.list-others > li{
float:left;
width:220px;
margin:0 1.34%;
}
.list-others > li > a > strong{
display:block;
font-size:16px;
white-space:nowrap;
letter-spacing:-.08em;
}
.list-others > li > a > img{
border:solid 1px #ccc;
}
.list-others > li > p{
color:#333;
}
.list-others > li > a > p,
.list-others > li > a:hover > p{
text-decoration:none;
}

/* airlines **********************************************************************/
.list-airlines{
margin:0 -12px 0 -11px;
}
.list-airlines > li{
margin:0 12px 10px 11px;
}