@charset "utf-8";
:root{
--font-color-btn-link:#666;
--font-color-placeholder:#949494;
--font-color-base-secondary:#222;
--font-num:Arial;
}

/* .form-search-index
----------------------------------------------- */
.form-search-index{
padding:0 20px 25px;
background-color:rgba(16, 92, 169, .6);
}
.form-search-index .form-search-index-inner{
position:relative;
padding:20px 15px 20px;
background-color:#f6f6f6;
}
.form-search-index .form-search-index-select{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:5px;
border:1px solid #bebebe;
min-width:100px;
min-height:34px;
vertical-align:top;
}
.form-search-index .form-search-index-item-col{
overflow:hidden;
}
.form-search-index .form-search-index-item-col .form-search-index-item{
float:left;
}

/* form-search-index-utility
---------------------------------- */
.form-search-index-utility{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:absolute;
top:8px;
right:12px;
font-size:11px;
}
.form-search-index-utility > li:not(:last-child){
margin-right:15px;
}
.form-search-index-utility span{
--cmn-dashed-font-color:#666;
display:inline-block;
}
.form-search-index-utility .form-search-index-utility-reset{
padding:0 0 0 12px;
border:none;
background:url(/element/w_air_on/shared/images/icon/icon-close-01.svg) 0 50% no-repeat;
background-size:8px 8px;
font-size:11px;
}
.form-search-index-utility .form-search-index-utility-history{
padding-left:14px;
display:inline-block;
background:url(/element/w_air_on/shared/images/icon/icon-history.svg) 0 50% no-repeat;
background-size:10px 10px;
text-decoration:none;
}
.form-search-index .form-search-index-hdg{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table;
position:relative;
padding:2px 5px 1px 10px;
border-radius:2px 0 0 2px;
width:100%;
height:34px;
color:#fff;
background-color:#015eaa;
vertical-align:middle;
line-height:1.25;
overflow:hidden;
}
.form-search-index .form-search-index-hdg > h2{
display:table-cell;
vertical-align:middle;
font-weight:normal;
font-size:12px;
}
.form-search-index .form-search-index-hdg > h2 .sup{
display:block;
font-size:10px;
}
.form-search-index .form-search-index-hdg .cmn-tip-btn{
position:absolute;
top:50%;
right:3.1em;
margin-top:-6px;
}
.form-search-index .form-search-index-hdg .icon-required{
position:absolute;
top:50%;
right:5px;
margin-top:-8px;
}
.form-search-index .form-search-index-item{
display:table;
margin-top:9px;
width:100%;
}
.form-search-index .form-search-index-item > .form-search-index-item-cell{
display:table-cell;
position:relative;
vertical-align:top;
}
.form-search-index .form-search-index-item > .form-search-index-item-cell:before{
overflow:hidden;
display:block;
position:absolute;
top:0;
left:0;
z-index:1;
width:1px;
height:34px;
background-color:#015eaa;
content:"";
}
.form-search-index .form-search-index-item > .form-search-index-item-cell:first-child{
width:140px;
}
.form-search-index .form-search-index-item > .form-search-index-item-cell:first-child:before{
display:none;
}
.form-search-index .form-search-index-item > .form-search-index-item-cell input[type="text"],
.form-search-index .form-search-index-item > .form-search-index-item-cell input[type="search"]{
margin:0;
}
.form-search-index .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01{
float:left;
margin-left:5px;
position:relative;
}
.form-search-index .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01:before,
.form-search-index .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01:after{
display:table;
content:"";
}
.form-search-index .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01:after{
clear:both;
}
.form-search-index .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01 .form-search-index-item-01-cell{
display:block;
float:left;
}
.form-search-index .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01 .form-search-index-item-01-cell:before{
display:none;
}
.form-search-index .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01 .form-search-index-item-01-cell:first-child{
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-right:-1px;
padding:7px 10px;
border:1px solid #bebebe;
width:auto;
min-height:34px;
font-size:11px;
}
.form-search-index .form-search-index-item select{
min-width:100px;
vertical-align:top;
color:var(--cmn-font-color-base);
}
.form-search-index .form-search-index-item input[type="text"],
.form-search-index .form-search-index-item input[type="search"]{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:5px;
border:1px solid #bebebe;
min-height:34px;
}
.form-search-index .form-search-index-item .form-search-label{
font-size:11px;
}
.form-search-index .form-search-index-item .form-search-label small{
font-size:11px;
width:100px;
}
.form-search-index .form-search-index-item .date-select-box{
display:block;
position:relative;
}
.form-search-index .form-search-index-item .date-select-box input[type="text"]{
padding-right:30px;
padding-left:30px;
}
.form-search-index .form-search-index-item .date-select-box .btn-back,
.form-search-index .form-search-index-item .date-select-box .btn-next{
overflow:hidden;
position:absolute;
top:0;
padding-top:31px;
border:none;
border:1px solid #bebebe;
width:25px;
height:0;
background:none;
line-height:2;
}
.form-search-index .form-search-index-item .date-select-box .btn-back:before,
.form-search-index .form-search-index-item .date-select-box .btn-next:before{
position:absolute;
top:50%;
margin-top:-6px;
border:7px solid #bebebe;
border-top-color:transparent;
border-bottom-color:transparent;
content:"";
}
.form-search-index .form-search-index-item .date-select-box .btn-back{
left:0;
border-left:none;
}
.form-search-index .form-search-index-item .date-select-box .btn-back:before{
left:7px;
border-left:none;
}
.form-search-index .form-search-index-item .date-select-box .btn-next{
right:23px;
border-right:none;
}
.form-search-index .form-search-index-item .date-select-box .btn-next:before{
left:9px;
border-right:none;
}
.form-search-index .form-search-index-item.ticket-type{
margin-top:-15px;
margin-bottom:-5px;
}
.form-search-index .form-search-index-item.ticket-type .form-search-index-hdg{
margin-top:0;
padding-left:0;
border:none;
color:var(--cmn-font-color-base);
background:none;
text-align:left;
}
.form-search-index .form-search-index-item.ticket-type .form-search-index-hdg h2{
font-weight:bold;
}
.form-search-index .form-search-index-item.ticket-type > .form-search-index-item-cell{
vertical-align:middle;
}
.form-search-index .form-search-index-item.ticket-type > .form-search-index-item-cell label{
margin-left:7px;
cursor:pointer;
color:var(--cmn-font-color-base);
}
.form-search-index .form-search-index-item.ticket-type > .form-search-index-item-cell label input[type="radio"]{
margin-right:4px;
position:relative;
top:1px;
}
.form-search-index .form-search-index-item.ticket-type > .form-search-index-item-cell label .cmn-tip-btn{
margin-left:-5px;
}
.form-search-index .form-search-index-item.ticket-type > .form-search-index-item-cell:before{
display:none;
}
.form-search-index .form-search-index-item.departure select{
width:240px;
}
.form-search-index .desti .form-search-price-cal{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
right:0;
bottom:297px;
z-index:1;
padding:8px 20px 8px 8px;
border-width:3px;
border-style:solid;
border-color:#0d4c8f;
border-radius:2px;
width:250px;
background-color:#fff;
-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, .1);
box-shadow:0 4px 4px 0 rgba(0, 0, 0, .1);
line-height:1.2;
}
.form-search-index .desti .form-search-price-cal .form-search-price-cal-btn{
overflow:hidden;
display:block;
position:absolute;
top:3px;
right:3px;
padding-top:16px;
border-radius:50%;
width:16px;
height:0;
background-color:#777;
line-height:2;
}
.form-search-index .desti .form-search-price-cal .form-search-price-cal-btn:before{
overflow:hidden;
display:block;
position:absolute;
top:6px;
left:3px;
width:10px;
height:2px;
background-color:#fff;
content:"";
-webkit-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.form-search-index .desti .form-search-price-cal .form-search-price-cal-btn:after{
overflow:hidden;
display:block;
position:absolute;
top:-2px;
left:7px;
width:2px;
height:10px;
background-color:#fff;
content:"";
-webkit-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.form-search-index .desti .form-search-keyword input[type="text"],
.form-search-index .desti .form-search-keyword input[type="search"]{
overflow:hidden;
padding-right:28px;
width:100%;
text-overflow:ellipsis;
background-color:#fff;
}
.form-search-index .desti .desti-list{
margin-top:9px;
margin-left:-4px;
}
.form-search-index .desti .desti-list > li{
-webkit-box-sizing:border-box;
box-sizing:border-box;
float:left;
margin-bottom:5px;
margin-left:5px;
width:32.6%;
min-height:122px;
background-color:#fff;
}
.form-search-index .form-search-index-item.desti .desti-list > li a{
display:block;
padding:4px 10px 4px 9px;
color:var(--cmn-font-color-base);
background-color:#bfd5ef;
font-weight:normal;
font-size:12px;
}
.form-search-index .form-search-index-item.desti .desti-list > li a:link,
.form-search-index .form-search-index-item.desti .desti-list > li a:visited,
.form-search-index .form-search-index-item.desti .desti-list > li a:hover,
.form-search-index .form-search-index-item.desti .desti-list > li a:active{
color:var(--cmn-font-color-base);
}
.form-search-index .form-search-index-item.desti .desti-list > li a:before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:.5em;
border-top:1px solid #666;
border-right:1px solid #666;
width:4px;
height:4px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.form-search-index .desti .desti-list > li ul{
margin:5px 10px;
}
.form-search-index .desti .desti-list > li ul::after{
content:"";
display:table;
clear:both;
}
.form-search-index .desti .desti-list > li ul li{
float:left;
width:50%;
font-size:12px;
margin-top:3px;
}
.form-search-index .desti .desti-list > li ul li label{
color:var(--cmn-font-color-base);
cursor:pointer;
height:1px;
}
.form-search-index .desti .desti-list > li ul li input[type="radio"]{
margin-right:4px;
position:relative;
top:2px;
}
.form-search-index .desti .desti-list > li.asia li:nth-child(2n){
width:65%;
}
.form-search-index .desti .desti-list > li.asia li:nth-child(2n+1){
width:35%;
}
.form-search-index .desti .desti-list > li.america li:nth-child(2n){
width:55%;
}
.form-search-index .desti .desti-list > li.america li:nth-child(2n+1){
width:45%;
}
.form-search-index .desti .desti-list > li.oceania li{
width:100%;
}
.form-search-index .desti .desti-list > li.africa li{
width:100%;
}
.form-search-index-item.desti .desti-list > li.other{
display:block;
clear:both;
width:100%;
min-height:inherit;
background:none;
margin-bottom:0;
}
.form-search-index-item.desti .desti-list > li.other b{
display:block;
padding:4px 10px 4px 9px;
color:var(--cmn-font-color-base);
background-color:#bfd5ef;
vertical-align:middle;
font-weight:normal;
font-size:12px;
width:129px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
}
.form-search-index-item.desti .desti-list > li.other b,
.form-search-index-item.desti .desti-list > li.other ul{
display:table-cell;
}
.form-search-index-item.desti .desti-list > li.other ul{
margin-bottom:0;
vertical-align:middle;
}
.form-search-index-item.desti .desti-list > li.other ul li{
margin-left:-2px;
margin-top:0;
width:148px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-index-item.desti .desti-list > li.other ul li span.form-custom-select{
width:100%;
min-width:inherit;
}
.form-search-index-item.desti .desti-list > li.other ul li.wide{
margin-left:-2px;
width:160px;
position:relative;
}
.form-search-index-item.desti .desti-list > li.other ul li select{
width:100%;
}
.form-search-index-item.desti .link-01 a,
.form-search-index-item.desti .link-01 a:link,
.form-search-index-item.desti .link-01 a:visited,
.form-search-index-item.desti .link-01 a:hover,
.form-search-index-item.desti .link-01 a:active{
color:#555;
font-size:11px;
}
.form-search-index .form-search-index-item.date .btn-price-matrix{
position:absolute;
top:0;
right:0;
width:160px;
}
.form-search-index .form-search-index-item.date .btn-price-matrix.active a{
color:var(--font-color-btn-link);
background-color:#fff;
pointer-events:auto;
overflow:hidden;
}
.form-search-index .form-search-index-item.date .btn-price-matrix.active a:link,
.form-search-index .form-search-index-item.date .btn-price-matrix.active a:visited,
.form-search-index .form-search-index-item.date .btn-price-matrix.active a:hover,
.form-search-index .form-search-index-item.date .btn-price-matrix.active a:active{
color:var(--font-color-btn-link);
text-decoration:none;
}
.form-search-index .form-search-index-item.date .btn-price-matrix.active a:before{
border-color:#6b6b6b;
}
.form-search-index .form-search-index-item.date .btn-price-matrix a{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:relative;
padding:11px 5px 0 20px;
border:1px solid #bebebe;
border-radius:2px;
height:34px;
color:#ccc;
background-color:#e9e9e9;
font-size:11px;
line-height:1.2;
pointer-events:none;
overflow:hidden;
}
.form-search-index .form-search-index-item.date .btn-price-matrix a:before{
display:inline-block;
position:absolute;
top:50%;
left:8px;
margin-top:-4px;
border-right:1px solid #ababab;
border-bottom:1px solid #ababab;
width:5px;
height:5px;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.form-search-index .form-search-index-item.date ol{
float:left;
}
.form-search-index .form-search-index-item.date ol > li{
display:inline-block;
vertical-align:top;
}
.form-search-index .form-search-index-item.date ol > li > span{
display:block;
position:relative;
}
.form-search-index .form-search-index-item.date ol > li .form-search-label{
display:inline-block;
position:absolute;
top:8px;
left:10px;
border:none;
height:auto;
background:none;
}
.form-search-index .form-search-index-item.date ol > li:last-child{
position:relative;
padding-left:26px;
}
.form-search-index .form-search-index-item.date ol > li:last-child:before{
display:block;
position:absolute;
top:6px;
left:5px;
width:13px;
content:"\ff5e";
}
.form-search-index .form-search-index-item.date ol > li img{
position:absolute;
top:50%;
margin-top:-12px;
right:9px;
}
.form-search-index .form-search-index-item.date .date-count{
float:left;
margin:7px 0 0 5px;
}
.form-search-index .form-search-index-item.date input[type="text"]{
padding-left:100px;
padding-right:30px;
width:280px;
vertical-align:top;
cursor:pointer;
}
.form-search-index .form-search-index-item.date input[type="text"]:disabled{
background-color:#e9e9e9;
}
.form-search-index .form-search-index-item.date .date-going input[type="text"]{
padding-left:82px;
width:257px;
}
.form-search-index .form-search-index-item.date .date-select-box input[type="text"]{
padding-left:120px;
}
.form-search-index .form-search-index-item.date .date-select-box .form-search-label{
left:30px;
}
.form-search-index .form-search-index-item.date .link-01{
margin-top:5px;
font-size:11px;
}
.form-search-index .form-search-index-item.date .link-01 a,
.form-search-index .form-search-index-item.date .link-01 a:link,
.form-search-index .form-search-index-item.date .link-01 a:visited,
.form-search-index .form-search-index-item.date .link-01 a:hover,
.form-search-index .form-search-index-item.date .link-01 a:active{
color:var(--font-color-btn-link);
}
.form-search-index .form-search-index-item.numbers{
margin-top:4px;
margin-bottom:-5px;
}
.form-search-index .form-search-index-item.numbers .form-search-notes{
margin-top:3px;
}
.form-search-index .form-search-index-item.numbers .form-search-notes .cmn-tip-info-btn{
position:relative;
top:-1px;
}
.form-search-index .form-search-index-item.numbers ul{
margin-left:-5px;
}
.form-search-index .form-search-index-item.numbers ul:after{
display:block;
clear:both;
content:"";
}
.form-search-index .form-search-index-item.numbers ul li{
float:left;
margin-left:5px;
}
.form-search-index .form-search-index-item.numbers select{
display:table-cell;
min-width:30px;
vertical-align:top;
}
.form-search-index .form-search-index-item.numbers label{
display:inline-table;
}
.form-search-index .form-search-index-item.numbers label .form-search-label{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
padding:0 10px;
border:1px solid #bebebe;
border-right:none;
width:120px;
height:32px;
background-color:#fff;
vertical-align:middle;
}
.form-search-index .form-search-index-item.numbers label .form-search-label small{
display:block;
margin-top:-4px;
}
.form-search-index .form-search-index-item.numbers label.adult .form-search-label{
width:52px;
}
.form-search-index .form-search-index-item.numbers label.child .form-search-label{
width:88px;
}
.form-search-index .form-search-index-item.numbers label.baby-01 .form-search-label{
width:100px;
}
.form-search-index .form-search-index-item.numbers label.baby-01 .form-search-label{
width:90px;
}
.form-search-index .form-search-index-item.seat-class{
width:444px;
vertical-align:top;
}
.form-search-index .form-search-index-item.seat-class .form-custom-select{
width:100%;
}
.form-search-index .form-search-index-item.genre-item .form-search-notes{
position:relative;
top:2px;
}
.form-search-index .form-search-index-item.genre-item{
overflow:hidden;
display:block;
margin-left:6px;
width:auto;
}
.form-search-index .form-search-index-item.genre-item ul{
overflow:hidden;
margin-left:4px;
margin-right:8px;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
vertical-align:top;
}
.form-search-index .form-search-index-item.genre-item ul li{
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-search-index .form-search-index-item.genre-item ul li label{
display:block;
}
.form-search-index .form-search-index-item.genre-item label input[type="checkbox"]{
display:none;
}
.form-search-index .form-search-index-item.genre-item label input[type="checkbox"]:checked + .form-search-btn{
border:none;
color:#fff;
background-color:#a7a7a7;
-webkit-box-shadow:none;
box-shadow:none;
}
.form-search-index .form-search-index-item.genre-item .form-search-btn{
display:table-cell;
padding:5px 5px 4px;
width:120px;
height:34px;
vertical-align:middle;
text-align:center;
font-size:11px;
line-height:1.3;
}
.form-search-index .flight-section{
margin-top:9px;
}
.form-search-index .flight-section + .flight-section{
margin-top:5px;
}
.form-search-index .flight-section-btn-del{
position:relative;
float:left;
margin:6px 0 0 5px;
padding:4px 10px 3px 20px;
border:none;
color:var(--font-color-btn-link);
background-color:transparent;
font-size:11px;
}
.form-search-index .flight-section-btn-del:before{
overflow:hidden;
display:block;
position:absolute;
top:0;
bottom:0;
left:5px;
margin:auto 0;
width:11px;
height:11px;
content:"";
background:url(/element/w_air_on/shared/images/icon/icon-close-square.svg) 0 0 no-repeat;
}
.form-search-index .flight-section-btn-del > span{
display:block;
}
.form-search-index .flight-section-date{
margin-left:5px;
}
.form-search-index .flight-section-date img{
position:absolute;
top:50%;
margin-top:-12px;
right:9px;
}
.form-search-index .flight-section-date input[type="text"]{
width:176px;
font-size:12px;
padding-right:30px;
}
.form-search-index .form-search-keyword input[type="text"],
.form-search-index .form-search-keyword input[type="search"]{
overflow:hidden;
padding-right:28px;
width:173px;
text-overflow:ellipsis;
font-size:12px;
background-color:#fff;
}
.form-search-index .flight-section .form-search-suggest-item,
.form-search-index .flight-section .suggest{
width:480px;
}
.form-search-index .form-search-index-exec{
position:relative;
padding:20px 10px 10px;
background-color:#fff;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .3) inset;
box-shadow:0 1px 2px rgba(0, 0, 0, .3) inset;
text-align:center;
font-size:15px;
}
.form-search-index .form-search-index-exec:before{
display:block;
display:block;
position:absolute;
top:0;
left:50%;
margin:0 0 0 -20px;
border-width:10px 20px 0 20px;
border-style:solid;
border-color:rgba(0, 0, 0, .28) transparent transparent transparent;
width:0;
height:0;
content:"";
}
.form-search-index .form-search-index-exec:after{
display:block;
display:block;
position:absolute;
top:-1px;
left:50%;
margin:0 0 0 -20px;
border-width:10px 20px 0 20px;
border-style:solid;
border-color:rgba(0, 0, 0, .28) transparent transparent transparent;
border-top-color:#f6f6f6;
width:0;
height:0;
content:"";
}
.form-search-index .form-search-index-exec-num{
display:inline-block;
margin-right:30px;
vertical-align:middle;
}
.form-search-index .form-search-index-exec-num b{
display:inline-block;
margin:0 5px;
min-width:4em;
color:var(--cmn-font-color-base);
vertical-align:middle;
text-align:right;
font-size:25px;
}
.form-search-index .form-search-index-exec-btn{
padding:5px;
border:none;
border-radius:4px;
min-width:8.5em;
color:#fff;
background-color:var(--cmn-btn-color);
-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;
}
.form-search-index .form-search-index-exec-btn:active,
.form-search-index .form-search-index-exec-btn:hover,
.form-search-index .form-search-index-exec-btn:focus{
background-color:#67a700;
}