: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-note{
color:#555;
font-size:12px;
}
.form-search-index .form-search-index-note.numbers{
margin-bottom:5px;
margin-left:272px;
}
.form-search-index .form-search-index-note > span{
display:block;
line-height:1.3;
}
.form-search-index .form-search-index-note > span.mark{
position:relative;
padding-left:1em;
}
.form-search-index .form-search-index-note > span.mark:before{
display:block;
position:absolute;
top:0;
left:0;
content:"\203b";
}
.form-search-index .form-search-index-inner{
position:relative;
padding:20px 15px 10px;
background-color:#f6f6f6;
}
.form-search-index input[type="text"]{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:5px;
border:1px solid #bebebe;
min-height:34px;
}
.form-search-index input[type="checkbox"],
.form-search-index input[type="radio"]{
position:relative;
bottom:1px;
margin:0 3px 0 5px;
vertical-align:middle;
}
.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;
}
.form-search-index .form-search-index-hdg .icon-required{
position:absolute;
top:50%;
right:5px;
margin-top:-8px;
}
.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:11px;
}
.form-search-index .form-search-index-hdg .cmn-tip-btn{
position:absolute;
top:50%;
right:3.4em;
margin-top:-6px;
}
.form-search-index .form-search-index-hdg.no-tip-btn{
padding-right:5px;
}
.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-notes{
display:inline-block;
margin-left:1em;
color:var(--cmn-font-color-base);
text-indent:-1em;
font-size:11px;
}
.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 .form-search-index-item-col > .form-search-index-item.outward,
.form-search-index .form-search-index-item-col > .form-search-index-item.return{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0 15px 0;
border:1px solid #ccc;
border-top:none;
width:435px;
}
.form-search-index .form-search-index-item-col > .form-search-index-item.return{
float:right;
}
.form-search-index .form-search-index-item-col > .form-search-index-item.return.disabled{
position:relative;
}
.form-search-index .form-search-index-item-col > .form-search-index-item.return.disabled:after{
display:block;
position:absolute;
top:0;
left:-1px;
z-index:1;
border:1px solid #f6f6f6;
width:100%;
height:100%;
background-color:#f6f6f6;
content:"";
opacity:.7;
}
.form-search-index .form-search-index-item-col > .form-search-index-item .form-search-index-item-hdg{
margin:0 -15px 5px;
padding:5px;
color:#fff;
background-color:#448cc8;
text-align:center;
font-weight:normal;
}
.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 .attention-balloon{
display:block;
position:absolute;
top:16px;
right:210px;
padding:5px 10px;
border-radius:5px;
color:#fff;
background-color:#555;
font-size:12px;
}
.form-search-index .form-search-index-exec .attention-balloon:before{
display:block;
display:block;
position:absolute;
top:18px;
left:-5px;
width:10px;
height:10px;
background-color:#555;
content:"";
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.form-search-index .form-search-index-exec:before{
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;
width:0;
height:0;
content:"";
}
.form-search-index .form-search-index-exec:after{
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;
border-top-color:#f6f6f6;
width:0;
height:0;
content:"";
}
.form-search-index .form-search-index-exec .form-search-index-exec-num{
display:inline-block;
margin-right:30px;
vertical-align:middle;
}
.form-search-index .form-search-index-exec .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 .form-search-index-exec-btn{
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;
}
.form-search-index .form-search-index-exec .form-search-index-exec-btn:active,
.form-search-index .form-search-index-exec .form-search-index-exec-btn:hover,
.form-search-index .form-search-index-exec .form-search-index-exec-btn:focus{
background-color:#67a700;
}
.form-search-index .form-search-index-destination{
padding-right:38px;
position:relative;
}
.form-search-index .form-search-index-destination .form-search-index-reverse-btn{
border-radius:4px;
border:1px solid #ccc;
background-color:#fff;
width:29px;
height:0;
padding-top:42px;
overflow:hidden;
display:block;
position:absolute;
right:0;
top:50%;
margin-top:-21px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-index .form-search-index-destination .form-search-index-reverse-btn::after{
content:"";
display:block;
width:17px;
height:20px;
background-image:url(/element/j_air_on/shared/images/icon-change.svg);
background-repeat:no-repeat;
position:absolute;
top:11px;
left:5px;
}
.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-custom-select{
min-width:100px;
}
.form-search-index .form-search-index-item input[type="text"]{
margin:0;
}
.form-search-index .form-search-index-item .form-search-index-label{
font-size:12px;
}
.form-search-index .form-search-index-item .form-search-index-label small{
color:var(--cmn-font-color-base);
font-size:11px;
}
.form-search-index .form-search-index-item .form-search-index-keyword{
display:block;
position:relative;
}
.form-search-index .form-search-index-item .form-search-index-keyword input[type="text"]{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-right:35px;
width:100%;
}
.form-search-index .form-search-index-item .form-search-index-keyword .input-reset-btn{
overflow:hidden;
display:block;
position:absolute;
top:0;
right:0;
padding:0;
border:none;
width:35px;
height:34px;
color:rgba(51, 51, 51, 0);
background:none;
cursor:pointer;
}
.form-search-index .form-search-index-item .form-search-index-keyword .input-reset-btn span{
overflow:hidden;
display:block;
display:block;
position:absolute;
top:50%;
right:7px;
margin-top:-10px;
padding-top:20px;
border:none;
border-radius:50%;
width:20px;
height:0;
color:rgba(51, 51, 51, 0);
background-color:#808080;
line-height:2;
}
.form-search-index .form-search-index-item .form-search-index-keyword .input-reset-btn span:before{
display:block;
position:absolute;
top:50%;
left:4px;
margin-top:-3px;
border-top:2px solid #fff;
border-right:2px solid #fff;
width:4px;
height:4px;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.form-search-index .form-search-index-item .form-search-index-keyword .input-reset-btn span:after{
display:block;
position:absolute;
top:50%;
right:4px;
margin-top:-3px;
border-top:2px solid #fff;
border-left:2px solid #fff;
width:4px;
height:4px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-search-index .form-search-index-item.ticket-type{
margin-top:-15px;
margin-bottom:-10px;
}
.form-search-index .form-search-index-item.ticket-type .form-search-index-hdg{
margin-top:0;
padding-left:0;
border:none;
color:#555;
background:none;
text-align:left;
overflow:hidden;
}
.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;
color:var(--cmn-font-color-base);
cursor:pointer;
}
.form-search-index .form-search-index-item.ticket-type > .form-search-index-item-cell:first-child{
width:115px;
}
.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 .form-custom-select{
width:100%;
}
.form-search-index .form-search-index-item.desti .form-custom-select{
width:100%;
}
.form-search-index .form-search-index-item.date{
position:relative;
}
.form-search-index .form-search-index-item.date input[type="text"]{
width:100%;
cursor:pointer;
}
.form-search-index .form-search-index-item.date img{
position:absolute;
top:5px;
right:9px;
}
.form-search-index .form-search-index-item.date .form-custom-select{
width:216px;
}
.form-search-index .form-search-index-item.date label{
display:block;
margin-top:5px;
color:var(--cmn-font-color-base);
cursor:pointer;
}
.form-search-index .form-search-index-item.time{
margin-top:5px;
}
.form-search-index .form-search-index-item.time ul li{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
padding-top:8px;
min-height:33px;
}
.form-search-index .form-search-index-item.time ul li label{
color:var(--cmn-font-color-base);
cursor:pointer;
}
.form-search-index .form-search-index-item.time ol li{
display:inline-block;
}
.form-search-index .form-search-index-item.time ol li:last-child{
position:relative;
padding-left:13px;
}
.form-search-index .form-search-index-item.time ol li:last-child:before{
display:block;
position:absolute;
top:5px;
left:-3px;
width:13px;
content:"\ff5e";
}
.form-search-index .form-search-index-item.price ol li{
display:inline-block;
}
.form-search-index .form-search-index-item.price ol li:last-child{
position:relative;
padding-left:13px;
}
.form-search-index .form-search-index-item.price ol li:last-child:before{
display:block;
position:absolute;
top:5px;
left:-3px;
width:13px;
content:"\ff5e";
}
.form-search-index .form-search-index-item.genre-item{
overflow:hidden;
display:block;
width:auto;
}
.form-search-index .form-search-index-item.genre-item ul{
overflow:hidden;
}
.form-search-index .form-search-index-item.genre-item ul li{
-webkit-box-sizing:border-box;
box-sizing:border-box;
float:left;
padding-left:7px;
width:50%;
}
.form-search-index .form-search-index-item.numbers{
margin-bottom:7px;
overflow:hidden;
}
.form-search-index .form-search-index-item.numbers > .form-search-index-item-cell:first-child{
width:130px;
}
.form-search-index .form-search-index-item.numbers ul{
margin-left:-12px;
}
.form-search-index .form-search-index-item.numbers ul li{
float:left;
margin-left:12px;
}
.form-search-index .form-search-index-item.numbers .form-custom-select{
min-width:51px;
height:32px;
border:none;
border-left:1px solid #bebebe;
}
.form-search-index .form-search-index-item.numbers select{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
width:55px;
height:32px;
vertical-align:top;
}
.form-search-index .form-search-index-item.numbers label{
display:inline-table;
border:1px solid #bebebe;
}
.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-right:none;
border-radius:2px 0 0 2px;
width:110px;
height:32px;
background-color:#fff;
vertical-align:middle;
font-size:12px;
}
.form-search-index .form-search-index-item.numbers label .form-search-label small{
display:block;
margin-top:-4px;
color:var(--cmn-font-color-base);
font-size:11px;
}
.form-search-index .form-search-index-item.numbers .adult .form-search-label{
width:73px;
}
.form-search-index .form-search-index-item.numbers .child .form-search-label{
width:81px;
}
.form-search-index .form-search-index-item.payment > .form-search-index-item-cell:first-child{
width:130px;
}
.form-search-index .form-search-index-item.payment > .form-search-index-item-cell:last-child{
vertical-align:middle;
}
.form-search-index .form-search-index-item.payment > .form-search-index-item-cell > ul{
margin-left:8px;
}
.form-search-index .form-search-index-item.payment > .form-search-index-item-cell > ul >li{
display:inline-block;
margin-right:24px;
}
.form-search-index .form-search-index-ext{
display:block;
margin:10px -15px 0;
}
.form-search-index .form-search-pickey-toggle-container.active .form-search-pickey-toggle-item{
display:block;
position:relative;
}
.form-search-index .form-search-pickey-toggle-container.active .form-search-pickey-toggle-btn::before{
top:10px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.form-search-index .form-search-pickey-toggle-container.active .form-search-picked-list{
display:none;
}
.form-search-index .form-search-pickey-toggle-container .form-search-pickey-toggle-item{
display:none;
padding:0 15px 10px 32px;
}
.form-search-index .form-search-pickey-toggle-container .form-search-pickey-toggle-btn-container{
display:table;
border-top:1px solid #ccc;
width:100%;
table-layout:fixed;
}
.form-search-index .form-search-pickey-toggle-container .form-search-pickey-toggle-btn{
display:table-cell;
position:relative;
padding:7px 10px 7px 33px;
border:none;
color:var(--font-color-btn-link);
background:none;
text-align:left;
font-size:12px;
}
.form-search-index .form-search-pickey-toggle-container .form-search-pickey-toggle-btn .icon-required{
margin:0;
margin-left:4px;
position:relative;
top:-1px;
line-height:1.25;
}
.form-search-index .form-search-pickey-toggle-container .form-search-pickey-toggle-btn::before{
display:block;
position:absolute;
top:11px;
left:15px;
width:11px;
height:11px;
content:"";
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 center;
background-repeat:no-repeat;
background-size:100%;
}
.form-search-index .form-search-picky-sup{
display:block;
margin-bottom:5px;
font-size:12px;
}
.form-search-index .form-search-picky-faq{
display:inline-block;
font-size:11px;
}
.form-search-index .form-search-picked-list{
display:table-cell;
padding-right:15px;
padding-bottom:5px;
width:50%;
text-align:right;
letter-spacing:-.4em;
}
.form-search-index .form-search-picked-list li{
display:inline-block;
margin:2px 0 2px 5px;
vertical-align:middle;
letter-spacing:normal;
}
.form-search-index .form-search-picked-list li .logo{
display:table-cell;
border:1px solid #bebebe;
width:50px;
height:17px;
background-color:#fff;
vertical-align:middle;
text-align:center;
}
.form-search-index .form-search-picked-list li .logo img{
min-width:35px;
max-height:13px;
vertical-align:middle;
}
.form-search-index .form-search-picked-list li > span{
display:block;
position:relative;
padding-right:15px;
cursor:pointer;
}
.form-search-index .form-search-picked-list li > span button{
overflow:hidden;
display:block;
position:absolute;
top:4px;
right:0;
padding:12px 0 0 0;
border:none;
width:12px;
height:0;
background:none;
background-color:#999;
vertical-align:middle;
line-height:2;
}
.form-search-index .form-search-picked-list li > span button:before{
overflow:hidden;
display:block;
position:absolute;
bottom:50%;
left:2px;
width:8px;
height:2px;
background-color:#fff;
content:"";
-webkit-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.form-search-index .form-search-picked-list li > span button:after{
overflow:hidden;
display:block;
position:absolute;
bottom:50%;
left:12px;
left:5px;
width:2px;
height:8px;
background-color:#fff;
content:"";
-webkit-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.form-search-index .form-search-picky-list{
margin-left:-4px;
margin-right:5px;
display:inline-block;
}
.form-search-index .form-search-picky-list li{
display:inline-block;
margin-bottom:5px;
margin-left:4px;
}
.form-search-index .form-search-picky-list li.is-active .form-search-btn{
border:none;
color:#fff;
background-color:#888;
-webkit-box-shadow:none;
box-shadow:none;
}
.form-search-index .form-search-picky-list li .form-search-btn{
display:table-cell;
min-width:84px;
min-height:30px;
vertical-align:middle;
text-align:center;
font-size:11px;
}
.form-search-index .form-search-picky-list li .form-search-btn .logo img{
max-width:54px;
max-height:17px;
vertical-align:middle;
}
.form-search-index .form-search-picky-list li .form-search-btn[disabled]{
opacity:.55;
}
.form-search-index .form-search-picky-col{
overflow:hidden;
}
.form-search-index .form-search-picky-col > li li{
display:inline-block;
margin-right:5px;
}
.form-search-index .form-search-picky-col > li li label{
color:var(--cmn-font-color-base);
cursor:pointer;
}
.form-search-index .form-search-picky-col > li .limited-seat-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:8px;
margin-top:8px;
}
.form-search-index .form-search-picky-col > li .limited-seat-list li{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
margin-right:0;
padding-left:15px;
width:calc(40% - 8px);
line-height:1;
}
.form-search-index .form-search-picky-col > li .limited-seat-list li.odd{
width:calc(60% - 8px);
}
.form-search-index .form-search-picky-col > li .limited-seat-list li input{
margin-left:-15px;
}
.form-search-index .form-search-picky-col > li .limited-seat-list .type-sup{
display:inline-block;
margin-top:3px;
font-size:11px;
}
.form-search-index .form-search-picky-col > li .limited-seat-list .type-sup-inline{
display:inline;
}
.form-search-index .form-search-picky-col > li:first-child{
float:left;
width:45%;
}
.form-search-index .form-search-picky-col > li:last-child{
overflow:hidden;
padding-left:15px;
border-left:1px solid #ccc;
}