:root{
--font-color-btn-link:#666; /* for legacy page */
--font-color-placeholder:#9e9e9e;
}

/* local override
---------------------------------- */
/* cmn-notice-list
---------------------------------- */
main .cmn-notice-list{
margin-bottom:14px;
}
.select-content .cmn-notice-list{
color:#fff;
}

/* .cmn-ad-bnr
-------------------------------- */
/* top header bnr */
/* .form-box-idx + .act_ad_manage .cmn-ad-bnr{
padding-top:12px;
padding-bottom:12px;
} */
/* top footer bnr */
.select-content .act_ad_manage .cmn-ad-bnr{
padding-bottom:0;
}

/* list header bnr */
main .search-result-card + .act_ad_manage .cmn-ad-bnr{
padding-top:12px;
padding-bottom:0;
}

/* list footer bnr */
.card-container .act_ad_manage .cmn-ad-bnr{
padding-bottom:0;
}
.card-container .act_ad_manage.cmn-ad-bnr-hidden + .cmn-notice-list{
margin-top:0;
}
.card-container >div:first-child.act_ad_manage .cmn-ad-bnr{
padding-top:4px;
}
.search-result-container + .card-container >:first-child.act_ad_manage{
margin-top:-28px !important;
}
.search-result-container + .card-container >:first-child.act_ad_manage.cmn-ad-bnr-hidden + .cmn-notice-list{
margin-top:-28px;
}
.search-result-container + .card-container >:first-child.cmn-notice-list{
margin-top:-28px !important;
}

/* for return AD HIDE
---------------------------------- */
.flight.return .cmn-ad-bnr-sticky{
display:none;
}

/* for android app
---------------------------------- */
.is-app-android .pseudo .pseudo-footer .pseudo-sticky{
padding-bottom:57px;
}
.is-app-android .form-box-idx .form-submit-container{
padding-bottom:57px;
}
.is-app-android .box-sticky{
padding-bottom:57px;
}

/* for ios
---------------------------------- */
.is-ios [role=page],
.is-ios [role=dialog],
.is-ios [data-role=dialog],
.is-ios [data-role=page]{
display:none;
}
.is-ios [role=page].pseudo,.is-ios [role=dialog].pseudo,.is-ios [data-role=dialog].pseudo,.is-ios [data-role=page].pseudo{
display:none;
}
.is-ios [role=page].page-active,
.is-ios [role=dialog].page-active,
.is-ios [data-role=dialog].page-active,
.is-ios [data-role=page].page-active{
display:block;
}
.is-ios [role=page].page-active.pseudo,.is-ios [role=dialog].page-active.pseudo,.is-ios [data-role=dialog].page-active.pseudo,.is-ios [data-role=page].page-active.pseudo{
display:-webkit-box;
display:flex;
}
.is-ios .mod-modal-container[role="dialog"].is-active{
display:block;
}

/* cmn-seo-link-hdg color override
---------------------------------- */
.carousel-card-container .cmn-seo-link-hdg{
color:#fff;
background-color:#444;
font-weight:normal;
}

/* for Old TOP Filter START
-------------------------------------- */
.hdg-l2-01 .dept{
position:relative;
}
.hdg-l2-01 .dept:after{
display:inline-block;
position:relative;
bottom:1px;
margin-right:3px;
margin-left:5px;
width:15px;
height:9px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-01-white.svg) 0 50% no-repeat;
background-size:100%;
content:"";
vertical-align:middle;
}
.hdg-l2-01 .dept-02{
position:relative;
padding-right:14px;
}
.hdg-l2-01 .dept-02:after{
display:block;
position:absolute;
top:0;
right:6px;
width:1px;
height:100%;
background-color:#b8b7b7;
content:"";
}
.box-notice-03{
margin:15px 10px;
padding:10px;
border:1px solid #aaa;
}
.box-notice-03 > :last-child{
margin-bottom:0;
}
.box-notice-03 .box-notice-03-hdg{
margin-bottom:5px;
font-size:13px;
}
.box-notice-03 p{
margin:0 0 15px;
font-size:12px;
}
.box-filter .fltr-air ul{
margin-top:0;
}
.box-filter .fltr-air li{
display:-webkit-box;
display:flex;
padding:8px 0;
border-top:1px solid #e5e5e5;
width:100%;
table-layout:fixed;
-webkit-box-align:center;
align-items:center;
}
.box-filter .fltr-air .vendor-chk label{
box-sizing:border-box;
display:inline-block;
padding-right:2px;
padding-left:20px;
width:22px;
margin-right:10px;
}
.box-filter .fltr-air .vendor-chk label span{
overflow:hidden;
display:block;
padding-top:14px;
width:0;
height:0;
}
.box-filter .fltr-air .vendor-chk{
display:table-cell;
padding-left:15px;
padding-right:19px;
vertical-align:middle;
}
.box-filter .fltr-air > span{
display:table-cell;
vertical-align:top;
}
.box-filter .fltr-air .vendor-name{
-webkit-box-flex:1;
flex:1;
}
.box-filter .fltr-air .vendor-name > span{
display:block;
font-size:13px;
line-height:1.2;
}
.box-filter .fltr-air .vendor-name > span:first-child{
padding-bottom:5px;
}
.box-filter .fltr-price-type .checkbox-custom label input[type="checkbox"] + span:before{
top:13px;
}
.box-filter .fltr-price-type-item{
padding:10px;
}
.box-filter .fltr-price-type-item > :first-child.output-sup{
padding-top:0;
}
.box-filter .fltr-price-type-item + .fltr-price-type-item{
border-top:1px solid #e5e5e5;
}
.box-filter .fltr-price-type-item .outpu-sup-02{
display:block;
font-weight:bold;
font-size:12px;
}
.box-filter .fltr-price-range{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:15px 20px;
}
.box-filter .fltr-price-range label{
display:table-cell;
}
.box-filter .fltr-price-range label.select-custom{
-webkit-box-flex:1;
flex:1;
}
.box-filter .fltr-price-range label:not(.select-custom){
text-align:center;
}
.box-filter .fltr-price-range span{
margin:0 9px;
}
.box-filter .fltr-seat{
padding:15px 20px;
}
.box-filter .fltr-seat + .box-notice-03{
margin-top:5px;
}
.box-filter .output-add{
font-size:12px;
}
.box-filter .output-add .output-notes{
display:block;
margin-top:5px;
}
.box-filter .output-add .output-notes.mark{
margin-left:1em;
text-indent:-1em;
}
.box-filter .fltr-num .tbl-th{
position:relative;
}
.box-filter .fltr-num .tbl-th .cmn-tip-btn{
position:absolute;
top:10px;
right:8px;
margin-right:0;
}
.box-filter .fltr-num .output{
padding:5px 10px 10px;
}
.box-filter .fltr-num .output li{
margin-bottom:10px;
}
.box-filter .fltr-time{
padding:15px 20px;
}
.box-filter .fltr-time ul{
margin-top:0;
}
.box-filter .fltr-time li{
display:inline-block;
font-size:15px;
}
.box-filter .fltr-time ul label{
padding-right:40px;
}
.box-filter .fltr-time .radio-custom label > span:before{
margin-top:-10px;
}
.box-filter .fltr-time .radio-custom input[type="radio"]:checked + span:after{
margin-top:-6px;
}
.box-filter .fltr-time-range{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.box-filter .fltr-time-range ul{
display:block;
}
.box-filter .fltr-time-range .select-custom{
-webkit-box-flex:1;
flex:1;
}
.box-filter .fltr-time-range span{
margin:0 9px;
}
.box-filter .box-filter-col .box-filter-cell{
display:table;
width:100%;
table-layout:fixed;
}
.box-filter .box-filter-col .box-filter-cell:not(:first-child){
border-top:1px solid #e5e5e5;
}
.box-filter .box-filter-col .box-filter-cell div{
box-sizing:border-box;
display:table-cell;
padding-left:10px;
width:50px;
vertical-align:middle;
font-weight:bold;
font-size:12px;
}
.box-filter .fltr-area .tbl-btn{
font-size:16px;
}

/* for Old TOP Filter END
-------------------------------------- */
/* for AGT MODAL
---------------------------------- */
html{
min-height:100vh;
}

/* only background control
---------------------------------- */
.is-bg-active-01{
background-color:#f2f2f2 !important;
}

/* for App Pages
-------------------------------------- */
.cmn-app.is-loading-sticky-active{
/* margin-top:45px; */
}

/* btn-previous-page
-------------------------------------- */
.btn-previous-page{
border-bottom:1px solid #ddd;
margin:0px;
}
.btn-previous-page a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
padding:10px 0;
height:40px;
text-align:center;
color:var(--font-color-btn-link);
font-size:14px;
background-color:#fff;
box-sizing:border-box;
}
.btn-previous-page a:before{
content:"";
display:inline-block;
margin-right:8px;
width:16px;
height:16px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-prev.svg) no-repeat 0 0;
}

/* for Google App
----------------------------------------------------------------- */
.support-app-google .sticky-box{
padding-bottom:105px;
}
.support-app-google .form-box-idx .form-submit-container,
.support-app-google .box-sticky{
padding-bottom:105px;
}
.support-app-google .calendar-sticky-box{
padding-bottom:105px;
}
.support-app-google .select-toggle-container{
padding-bottom:105px;
}
.support-app-google .select-toggle-container.active{
padding-bottom:105px;
}
.support-app-google .lyt-sticky{
padding-bottom:180px;
}
.support-app-google .str-pseudo.lyt-sticky{
padding-bottom:180px;
}
.support-app-google .str-container.lyt-sticky{
padding-bottom:180px;
}
.support-app-google [data-role=page].lyt-sticky.lyt-calendar{
padding-bottom:212px;
}
.support-app-google .str-pseudo:not([class*="lyt-sticky"]) .box-filter{
padding-bottom:105px;
}

/* State
------------------------------------------------ */
body.is-loading-sticky-active .loading-progressbar{
display:-webkit-box;
display:flex;
}
body.is-loading-sticky-active .is-navi-fixed-01 .search-result-sup{
top:45px;
}
body.is-loading-sticky-active .is-navi-fixed-01.is-navi-fixed-02 .search-result-item-header{
top:75px;
}
body.is-loading-sticky-active .is-navi-fixed-02 .search-result-item-header{
top:45px;
}
.is-navi-fixed-01{
margin-top:28px;
}
.is-navi-fixed-01.is-navi-fixed-02{
margin-top:53px;
}
.is-navi-fixed-01.is-navi-fixed-02 .search-result-item-header{
position:fixed;
top:28px;
left:0;
width:100%;
z-index:1;
margin:0;
box-shadow:0px 2px 4px rgba(65,65,65,.63);
}
.is-navi-fixed-01.is-navi-fixed-02 .search-result-item-header ul{
border-bottom:none;
}
.is-navi-fixed-02{
margin-top:28px;
}
.is-navi-fixed-02 .search-result-item-header{
position:fixed;
top:0;
left:0;
width:100%;
z-index:1;
margin:0;
box-shadow:0px 2px 4px rgba(65,65,65,.63);
}
.is-navi-fixed-02 .search-result-item-header ul{
border-bottom:none;
}

/* lyt-page for FAQ pages
----------------------------------------------------------------- */
.lyt-page{
padding:0 10px;
}
.lyt-page .cmn-tip-container{
margin:0 -10px -10px;
padding-bottom:10px;
}
.lyt-page .cmn-tip-container .cmn-tip-hdg-faq{
background-color:#777;
}
.lyt-page .cmn-tip-container strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* main
------------------------------------------------ */
main{
position:relative;
}
main + .act_ad_manage{
padding:0 10px;
}

/* banner local styles
------------------------------------------------ */
.search-result-company-item + .act_ad_manage .cmn-ad-bnr{
margin:0 -10px;
padding:15px 10px;
border-top:4px solid #666;
}
.search-result-item + .act_ad_manage .cmn-ad-bnr{
margin:0 -18px;
padding:15px 0;
}

/* ----------------------------------------------------------------
  Page Control
----------------------------------------------------------------- */
[role=page],
[role=dialog],
[data-role=dialog],
[data-role=page]{
position:absolute;
top:0;
left:-100%;
overflow:hidden;
z-index:-1;
width:100%;
height:100%;
opacity:0;
box-sizing:border-box;
}
[role=page].page-active,
[role=dialog].page-active,
[data-role=dialog].page-active,
[data-role=page].page-active{
z-index:1;
position:relative;
top:0;
left:0;
overflow:auto;
width:auto;
height:auto;
box-sizing:border-box;
opacity:1;
}
[role=dialog].page-active.pseudo{
z-index:10;
position:fixed;
top:0;
left:0;
overflow:auto;
display:-webkit-box;
display:flex;
background-color:#fff;
opacity:1;
width:100%;

/* height: 100%; */
height:100svh;
box-sizing:border-box;
}
[role=dialog].page-active.pseudo.is-layer-top{
z-index:102;
}

/* FOR GOTO PSEUDO */
[role=dialog].is-active{
z-index:1;
position:relative;
top:0;
left:0;
overflow:auto;
width:auto;
height:auto;
min-height:100%;
box-sizing:border-box;
opacity:1;
}
[role=dialog].is-active .pseudo-header{
position:relative;
}
[role=dialog].is-active .pseudo-header.pseudo-header-sticky{
position:fixed;
top:0;
left:0;
width:100%;
}
[role=dialog].is-active .pseudo-header .pseudo-header-hdg{
padding-top:10px;
font-size:16px;
display:block;
text-align:center;
font-weight:bold;
}
[role=dialog].is-active .pseudo-header .pseudo-header-btn-close,
[role=dialog].is-active .pseudo-header .pseudo-header-btn-prev{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element_sp/j_air_on/shared/images/icon-close-wht.svg) no-repeat 50% 50%;
background-size:16px 16px;
}

/* sticky-box
----------------------------------------------- */
.sticky-box{
box-sizing:border-box;
position:fixed;
bottom:0;
left:10px;
z-index:1;
margin:0 -10px;
padding:10px 10px;
width:100%;
background-color:rgba(0, 0, 0, .7);
}

/* ----------------------------------------------------------------
  Notes
----------------------------------------------------------------- */
/* notes
---------------------------------- */
.notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:8px 0 0;
padding:0;
display:block;
}
.notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.notes .aster > span{
margin-right:.4em;
}

/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error-result
----------------------------------------------- */
.error-result{
margin:30px 0;
text-align:center;
}
.error-result .br{
display:inline-block;
}
.error-result .error-result-btn{
box-sizing:border-box;
display:table;
margin:30px auto 0;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
min-width:210px;
color:var(--font-color-btn-link);
background-color:#fff;
text-align:center;
font-weight:bold;
font-size:13px;
}

/* .error
----------------------------------------------- */
.error{
margin:25px 0;
}
.error.error-branch{
margin:0 -10px;
padding:12px;
}
.error.error-branch > :first-child{
margin-top:0;
}
.error .error-catch{
margin-top:10px;
text-align:center;
}
.error .error-catch strong{
color:var(--cmn-font-color-red);
}
.error .error-catch.error-catch-left{
text-align:left;
}
.error p{
margin:0;
}
.error .error-box{
margin:10px 0;
padding:10px;
border:1px solid #e5e5e5;
}
.error .error-box > :last-child{
margin-bottom:0;
}
.error .error-desc{
text-align:center;
}
.error .error-desc.error-desc-left{
text-align:left;
}
.error .error-att{
margin-top:30px;
padding:10px;
border:1px solid #ccc;
}
.error .error-att-catch{
text-align:center;
font-weight:bold;
}
.error .error-att-notes .indent{
text-indent:-1em;
margin-left:1em;
}
.error .error-att-notes-add{
font-size:11px;
}
.error .error-att-notes-add .indent{
text-indent:-1em;
margin-left:1em;
}
.error-container{
margin:32px 0 132px;
}
.error-container .error-catch{
margin:10px 0;
font-size:16px;
}
.error-container p{
margin:0;
font-size:12px;
}
.error-container .error-text{
font-size:14px;
}
.error-container .error-align-c,
.error-container #errMsg{
text-align:center;
}
.error-container strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.error-container .btn{
display:table;
margin:20px auto 0;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
min-width:55%;
color:var(--cmn-font-color-base);
background-color:#fff;
text-align:center;
font-size:14px;
font-weight:normal;
}

/* shared-url-container
------------------------------------------------ */
.shared-url-container{
width:240px;
margin:15px auto -20px;
}
.shared-url-container .shared-url-sns{
width:184px;
margin:0 auto;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
}
.shared-url-container .shared-url-sns button{
display:block;
width:40px;
height:0;
padding-top:40px;
overflow:hidden;
line-height:2;
border:none;
background:none;
background-size:100%;
}
.shared-url-container .shared-url-sns button.shared-url-btn-line{
background:url(/element_sp/w_air/shared/images/icon-sns-line.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url-sns button.shared-url-btn-fb{
background:url(/element_sp/w_air/shared/images/icon-sns-fb.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url-sns button.shared-url-btn-tw{
background:url(/element_sp/w_air/shared/images/icon-sns-tw.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url{
margin-top:15px;
}
.shared-url-container .shared-url > li:not(:first-child){
margin-top:10px;
}
.shared-url-container .shared-url .shared-url-copy{
font-size:11px;
display:block;
text-align:center;
margin-top:7px;
}
.shared-url-container .shared-url button{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
border:1px solid #bfbfbf;
background:none;
border-radius:4px;
width:100%;
text-align:left;
font-size:13px;
color:var(--font-color-btn-link);
height:36px;
padding-left:40px;
background-size:100%;
}
.shared-url-container .shared-url button::before{
position:absolute;
left:11px;
top:50%;
content:"";
display:block;
}
.shared-url-container .shared-url button.shared-url-btn-mail::before{
margin-top:-6px;
width:18px;
height:12px;
background:url(/element_sp/w_air/shared/images/icon-mail.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url button.shared-url-btn-sms::before{
margin-top:-8px;
width:18px;
height:16px;
background:url(/element_sp/w_air/shared/images/icon-sms.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url button.shared-url-btn-copy::before{
margin-top:-8px;
width:15px;
height:19px;
background:url(/element_sp/w_air/shared/images/icon-copy.svg) 0 0 no-repeat;
}

/* cmn-tip-btn
------------------------------------------------ */
.cmn-tip-btn{
margin:0 3px;
}

/* mod-num
------------------------------------------------ */
.mod-num{
font-family:Arial;
}

/* .mod-br
---------------------------------- */
.mod-br{
display:block;
}
.mod-br-sp{
display:none;
}

@media screen and (max-width: 360px){
.mod-br-sp{
display:block;
}
}

/* ---------------------------------------
  Modules
---------------------------------------- */
/* mod-lined
---------------------------------------- */
.mod-lined{
background:-webkit-linear-gradient( left, #92ccf4,#92ccf4) no-repeat 0 100%;
background:linear-gradient( 90deg, #92ccf4,#92ccf4) no-repeat 0 100%;
background-size:100% 1px;
}

/* mod-external
---------------------------------------- */
.mod-external{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin:0 2px;
padding-top:10px;
width:10px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}

/* mod-shared-btn
---------------------------------------- */
.mod-shared-btn{
display:block;
overflow:hidden;
padding-top:20px;
border:none;
width:16px;
height:0;
background:none;
background:url(/element_sp/j_air_on/shared/images/icon-shared.svg) top center no-repeat;
line-height:2;
}

/* mod-radio-custom
------------------------------------------------ */
.mod-radio-custom{
display:inline-block;
vertical-align:middle;
position:relative;
padding-left:22px;
padding-top:8px;
padding-bottom:8px;
}
.mod-radio-custom >label{
display:inline;
}
.mod-radio-custom input[type="radio"]{
display:none;
}
.mod-radio-custom .mod-radio-custom-inner{
display:inline;
}
.mod-radio-custom .mod-radio-custom-inner::before{
content:"";
width:15px;
height:11px;
position:absolute;
left:0;
top:14px;
}
.mod-radio-custom input[type=radio]:checked + .mod-radio-custom-inner::before{
background:url(/element_sp/j_air_on/shared/images/icon-form-checked.svg) top left no-repeat;
}

/* --------------------------------

---------------------------------- */
/* mod-modal-container
---------------------------------- */
body.is-mod-modal-fixed{
position:fixed;
left:0;
}
body.is-loading-sticky-active .modal-agt-info{
/* padding-top:30px; */
}
.mod-modal-container[role="dialog"].is-active{
background-color:transparent;
z-index:1;
position:fixed;
z-index:10;
top:0;
left:0;
overflow:auto;
width:auto;
height:auto;
min-height:100%;
box-sizing:border-box;
opacity:1;
}
.mod-modal-container[role="dialog"] .mod-modal-layer{
position:fixed;
top:0;
left:0;
background-color:rgba(2,2,2,.7);
height:100vh;
width:100%;
z-index:1;
}
.mod-modal-container[role="dialog"] .mod-modal-close-btn{
display:block;
width:40px;
height:36px;
position:absolute;
top:-36px;
right:0;
text-indent:-9999px;
border:none;
padding:0;
background:url(/element_sp/shared/images/modal/btn-close.svg) 50% 50% no-repeat;
background-size:20px;
z-index:1;
}
.mod-modal{
position:fixed;
top:0;
left:0;
width:calc(100% - 20px);
height:calc(100% - 44px);
margin:44px 10px 0px;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
color:var(--cmn-font-clor-base);
box-sizing:border-box;
z-index:2;
}
.mod-modal::after{
position:absolute;
content:"";
display:block;
top:40px;
width:100%;
height:25%;
background:#fff;
}
.mod-modal .mod-modal-header{
background-color:#222;
border-radius:5px 5px 0 0;
min-height:42px;
padding:12px;
box-sizing:border-box;
color:#fff;
z-index:2;
}
.mod-modal .mod-modal-header a{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}
.mod-modal .mod-modal-header-link{
font-size:12px;
text-align:right;

}
.mod-modal .mod-modal-content{
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
z-index:2;
}
.mod-modal .mod-modal-content .mod-modal-content-inner{
border-radius:5px;
background-color:#fff;
margin-bottom:20px;
padding:16px 16px 16px;
min-height:20%;
}

/* loading-sticky
----------------------------------------------- */
body.is-loading-sticky-fixed .loading-progressbar{
display:-webkit-box;
display:flex;
position:fixed;
top:0;
left:0;
width:100%;
z-index:110;
padding:8px 10px;
height:30px;
}
body.is-loading-sticky-fixed .loading-progressbar .bar{
border:none;
}
body.is-loading-sticky-fixed .loading-progressbar .loading-dots i{
/* background-color:#fff; */
}
body.is-loading-sticky-fixed .is-search-item-fixed .loading-progressbar{
background-color:transparent;
color:var(--cmn-font-color-base);
}
body.is-loading-sticky-fixed .is-search-item-fixed .loading-progressbar .loading-dots i{
background-color:var(--cmn-font-color-base);
}
body.is-loading-sticky-fixed .is-search-item-fixed .search-item-fixed-container{
padding-top:25px;
}
body.is-loading-sticky-fixed .is-search-item-fixed .search-item-fixed-container .search-filter-item{
display:none;
}

/* .loading-progressbar
----------------------------------------------- */
.loading-progressbar{
display:none;
box-sizing:border-box;
font-size:12px;
padding:0 4px 8px;
line-height:1;
-webkit-box-align:center;
align-items:center;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
gap:0 8px;
color:var(--cmn-font-color-base);
}
.loading-progressbar .bar{
border:1px solid #ddd;
overflow:hidden;
-webkit-box-flex:1;
flex:1;
background-color:#fff;
}
.loading-progressbar .bar span{
display:block;
color:transparent;
height:4px;
overflow:hidden;
background:-webkit-linear-gradient(left, #57a2ef 0%, #3dc6ef 90%);
background:linear-gradient(to right, #57a2ef 0%, #3dc6ef 90%);
}

/* .loading-dots
----------------------------------------------- */

@-webkit-keyframes loading-dots{
to{
width:16px;
}
}

@keyframes loading-dots{
to{
width:16px;
}
}
.loading-dots{
margin:0 0 0 3px;
display:inline-block;
width:12px;
position:relative;
white-space:nowrap;
vertical-align:baseline;
}
.loading-dots > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:3px;
width:0;
height:1px;
white-space:nowrap;
overflow:hidden;
-webkit-animation:loading-dots steps(4, end) 1.5s infinite;
animation:loading-dots steps(4, end) 1.5s infinite;
}
.loading-dots i{
border-radius:50%;
min-width:1px;
width:1px;
height:1px;
background-color:var(--cmn-font-color-base);
}

/* modal-agt-info
---------------------------------- */
.modal-agt-info{
font-size:12px;
}
.modal-agt-info .modal-agt-info-header{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.modal-agt-info .modal-agt-info-header .modal-agt-info-header-btn{
padding:3px 4px 0;
border:1px solid #ccc;
border-radius:4px;
color:var(--cmn-font-color-base);
line-height:1.15;
text-align:center;
font-size:12px;
text-decoration:none;
}
.modal-agt-info .modal-agt-info-header .modal-agt-info-header-btn > span{
display:block;
}
.modal-agt-info .modal-agt-info-icon-blank{
margin-left:4px;
padding-top:11px;
overflow:hidden;
display:inline-block;
height:0;
line-height:2;
position:relative;
top:2px;
width:12px;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
}
.modal-agt-info .modal-agt-info-msg{
text-align:center;
margin-top:42px;
}
.modal-agt-info .modal-agt-info-hdg{
line-height:1.25;
-webkit-box-flex:1;
flex:1;
font-size:16px;
}
.modal-agt-info .modal-agt-info-hdg > span{
display:block;
font-size:14px;
font-weight:normal;
}
.modal-agt-info .modal-agt-info-inqury{
display:table;
font-size:12px;
margin-top:8px;
}
.modal-agt-info .modal-agt-info-link{
margin:8px 0 0 auto;
display:table;
}
.modal-agt-info .modal-agt-info-list{
margin-top:12px;
line-height:calc(17 / 12);
font-size:12px;
}
.modal-agt-info .modal-agt-info-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}
.modal-agt-info .modal-agt-info-list > li:not(:first-child){
margin-top:8px;
}
.modal-agt-info .modal-agt-info-list > li > div:first-child{
padding-right:21px;
width:5.5em;
position:relative;
white-space:nowrap;
}
.modal-agt-info .modal-agt-info-list > li > div:first-child::before{
content:":";
display:block;
position:absolute;
top:0;
right:11px;
}
.modal-agt-info .modal-agt-info-list > li > div:last-child{
-webkit-box-flex:1;
flex:1;
overflow:hidden;
}
.modal-agt-info .modal-agt-info-list > li em,
.modal-agt-info .modal-agt-info-list > li strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.modal-agt-info .modal-agt-info-list .modal-agt-info-block{
display:block;
margin-top:4px;
}
.modal-agt-info .modal-agt-info-list .modal-agt-info-link-notes{
display:inline-block;
position:relative;
padding-left:16px;
}
.modal-agt-info .modal-agt-info-list .modal-agt-info-link-notes::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}
.modal-agt-info .modal-agt-info-list .modal-agt-info-list-link{
display:inline-block;
}
.modal-agt-info .modal-agt-info-list .modal-agt-info-list-sup{
display:inline-block;
}
.modal-agt-info .modal-agt-info-list .modal-agt-info-list-overflow a{
display:-webkit-box;
display:flex;
}
.modal-agt-info .modal-agt-info-list .modal-agt-info-list-overflow .cmn-dashed{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.modal-agt-info .modal-agt-info-tgl-container{
display:flow-root;
}
.modal-agt-info .modal-agt-info-tgl-container[aria-expanded="true"] .modal-agt-info-tgl-trigger{
display:none;
}
.modal-agt-info .modal-agt-info-tgl-container[aria-expanded="true"] .modal-agt-info-tgl-item{
display:block;
}
.modal-agt-info .modal-agt-info-tgl-container[aria-expanded="false"] .modal-agt-info-tgl-trigger{
display:block;
}
.modal-agt-info .modal-agt-info-tgl-container[aria-expanded="false"] .modal-agt-info-tgl-item{
display:none;
}
.modal-agt-info .modal-agt-info-tgl-container .modal-agt-info-tgl-trigger{
display:inline-block;
font-size:12px;
float:right;
border:none;
background:none;
padding:0 12px 0 0;
margin:8px 0 0 0;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-down.svg);
background-position:100% center;
background-repeat:no-repeat;
background-size:7px 5px;
}
.modal-agt-info .modal-agt-info-tgl-container .modal-agt-info-tgl-item{
clear:right;
}
.modal-agt-info .modal-agt-info-tgl-container .modal-agt-info-tgl-item .cmn-agt-info-list-separate{
margin-top:8px;
}

/* modal-agt-info-review
---------------------------------- */
.modal-agt-info .modal-agt-info-review{
margin-top:28px;
border:1px solid #ddd;
line-height:calc(17 / 12);
}
.modal-agt-info .modal-agt-info-review em{
color:var(--cmn-font-color-red);
}
.modal-agt-info .modal-agt-info-review .modal-agt-info-review-hdg{
font-size:14px;
padding:3px 8px 2px;
font-weight:normal;
}
.modal-agt-info .modal-agt-info-review .modal-agt-info-review-item{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
border-top:1px solid #ddd;
font-size:14px;
}
.modal-agt-info .modal-agt-info-review .modal-agt-info-review-item > div:last-child{
-webkit-box-flex:1;
flex:1;
padding:8px;
}
.modal-agt-info .modal-agt-info-review .modal-agt-info-review-guide{
padding:8px;
border-top:1px dotted #ddd;
font-size:14px;
}
.modal-agt-info .modal-agt-info-review .modal-agt-info-review-icon{
position:relative;
display:block;
width:52px;
height:0;
margin:0 auto;
line-height:2;
overflow:hidden;
padding-top:20px;
}
.modal-agt-info .modal-agt-info-review .modal-agt-info-review-icon::before{
position:absolute;
top:0;
left:50%;
content:"";
display:block;
width:20px;
height:20px;
margin-left:-5px;
background-repeat:no-repeat;
background-size:100%;
}
.modal-agt-info .modal-agt-info-review .modal-agt-info-review-icon.review-02::before{
background-image:url(/element/shared/images/icon/icon-agt-review-02.svg);
}
.modal-agt-info .modal-agt-info-review .modal-agt-info-review-icon.review-03::before{
background-image:url(/element/shared/images/icon/icon-agt-review-03.svg);
}
.modal-agt-info .modal-agt-info-hdg-l4{
margin-top:12px;
font-size:12px;
line-height:calc(17 / 12);
font-weight:normal;
}
.modal-agt-info .modal-agt-info-hdg-l5{
font-size:12px;
line-height:calc(17 / 12);
margin-top:8px;
font-weight:normal;
}
.modal-agt-info .modal-agt-info-hdg-l5::before,
.modal-agt-info .modal-agt-info-hdg-l5::after{
content:"---";
display:inline-block;
color:#949494;
}
.modal-agt-info .modal-agt-info-hdg-l5::before{
margin-right:4px;
}
.modal-agt-info .modal-agt-info-hdg-l5::after{
margin-left:4px;
}
.modal-agt-info .modal-agt-info-note-02 li{
margin-top:4px;
text-indent:-1.4em;
margin-left:1.4em;
font-size:12px;
line-height:calc(17 / 12);
}
.modal-agt-info .modal-agt-info-note-02 li .mark{
margin-right:.4em;
}

/* modal-agt-dtl-info-toggle-container
---------------------------------- */
.modal-agt-info .ticket-detail-info-toggle-container .ticket-detail-info-toggle-item{
display:none;
margin-bottom:-12px;
}
.modal-agt-info .ticket-detail-info-toggle-container .ticket-detail-info-toggle-trigger{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
border:none;
background:none;
margin:-12px 0;
padding:12px 20px 12px 0;
line-height:1;
min-height:46px;
text-align:left;
position:relative;
width:100%;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 55% no-repeat;
background-size:12px auto;
}
.modal-agt-info .ticket-detail-info-toggle-container .ticket-detail-info-toggle-trigger[aria-expanded="true"]{
background:url(/element/shared/images/icon/icon-chevron-up.svg) 100% 55% no-repeat;
background-size:12px auto;
}
.modal-agt-info .ticket-detail-info-toggle-container .ticket-detail-info-toggle-trigger[aria-expanded="true"] .ticket-dtl-info-sup{
display:none;
}
.modal-agt-info .ticket-detail-info-toggle-container.is-active .ticket-detail-info-toggle-item{
display:block;
}

/* modal-agt-dtl-info-content
---------------------------------- */
.modal-agt-info .ticket-detail-info-content-header{
margin-top:16px;
}
.modal-agt-info .ticket-detail-info-content-header .ticket-detail-info-hdg{
font-size:14px;
margin-top:16px;
font-weight:normal;
}
.modal-agt-info .ticket-detail-info-content{
padding:0px 12px 0 12px;
margin-top:8px;
border:1px solid #e5e5e5;
border-radius:4px;
outline:none;
overflow:hidden;
}
.modal-agt-info .ticket-detail-info-content.is-active{
display:block;
}
.modal-agt-info .ticket-detail-info-content >:first-child{
border-top:none;
}
.modal-agt-info .ticket-detail-info-content .ticket-detail-info-content-header{
text-align:center;
margin:0 0 -1px;
overflow:hidden;
background-color:#fff;
position:relative;
}
.modal-agt-info .ticket-detail-info-content .ticket-detail-info-content-header .ticket-detail-info-hdg{
font-weight:bold;
}
.modal-agt-info .ticket-dtl-info-container{
border-top:1px solid #ddd;
padding-top:12px;
padding-bottom:12px;
line-height:1.42;
margin-top:-1px;
}
.modal-agt-info .ticket-dtl-info-container.ticket-detail-info-toggle-container{
padding-bottom:0;
}
.modal-agt-info .ticket-dtl-info-container.ticket-detail-info-toggle-container.is-active{
padding-bottom:24px;
}
.modal-agt-info .ticket-dtl-info-container .ticket-dtl-info-header{
padding:12px 0;
margin-top:-12px;
box-sizing:border-box;
}
.modal-agt-info .ticket-dtl-info-container .ticket-dtl-info-hdg-container{
display:-webkit-box;
display:flex;
-webkit-box-flex:1;
flex:1;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;

}
.modal-agt-info .ticket-dtl-info-container .ticket-dtl-info-hdg-container .ticket-dtl-info-hdg{
margin-right:12px;
font-size:12px;
font-weight:normal;
white-space:nowrap;
}
.modal-agt-info .ticket-dtl-info-container .ticket-dtl-info-hdg-container .ticket-dtl-info-sup{
display:block;
font-size:12px;
vertical-align:middle;
margin:-12px 0;
line-height:calc(15 / 12);
padding:8px 0;
text-align:right;
}
.modal-agt-info .ticket-dtl-info-container .ticket-dtl-info-hdg-container .ticket-dtl-info-sup .ticket-dtl-info-sup-item{
display:-webkit-box;
display:flex;
}
.modal-agt-info .ticket-dtl-info-container .ticket-dtl-info-hdg-container .ticket-dtl-info-sup .ticket-dtl-info-sup-item span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.modal-agt-info .ticket-dtl-info-container .ticket-dtl-info-hdg-container .ticket-dtl-info-sup em,
.modal-agt-info .ticket-dtl-info-container .ticket-dtl-info-hdg-container .ticket-dtl-info-sup strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.modal-agt-info .ticket-dtl-info-desc{
font-size:12px;
}
.modal-agt-info .ticket-dtl-info-desc > div >:first-child{
margin-top:0 !important;
}
.modal-agt-info .ticket-dtl-info-desc >:first-child{
margin-top:0 !important;
}
.modal-agt-info .ticket-dtl-info-desc p{
margin:8px 0 0 0;
}
.modal-agt-info .ticket-dtl-info-desc strong{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.modal-agt-info .ticket-dtl-info-desc .ticket-dtl-info-hdg-01{
font-size:12px;
margin-top:8px;
line-height:1.42;
}
.modal-agt-info .ticket-dtl-info-desc .ticket-dtl-info-hdg-02{
font-size:12px;
line-height:calc(17 / 12);
margin-top:8px;
font-weight:normal;
line-height:1.42;
}
.modal-agt-info .ticket-dtl-info-desc .ticket-dtl-info-hdg-02::before,
.modal-agt-info .ticket-dtl-info-desc .ticket-dtl-info-hdg-02::after{
content:"---";
display:inline-block;
color:#949494;
}
.modal-agt-info .ticket-dtl-info-desc .ticket-dtl-info-hdg-02::before{
margin-right:4px;
}
.modal-agt-info .ticket-dtl-info-desc .ticket-dtl-info-hdg-02::after{
margin-left:4px;
}
.modal-agt-info .ticket-dtl-info-desc .ticket-dtl-info-list{
margin:0;

}
.modal-agt-info .ticket-dtl-info-desc .ticket-dtl-info-list li{
font-size:12px;
text-indent:-1.4em;
margin-left:1.4em;
margin-top:4px;
}
.modal-agt-info .ticket-dtl-info-desc .ticket-dtl-info-list li .mark-dot{
margin-right:.4em;
}
.modal-agt-info .ticket-dtl-info-desc .ticket-dtl-info-list li strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.modal-agt-info .ticket-detail-info-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}
.modal-agt-info .ticket-detail-info-list li{
line-height:1;
}
.modal-agt-info .ticket-detail-info-list li:not(:last-child){
margin-right:8px;
}
.modal-agt-info .ticket-detail-info-list li em{
color:var(--cmn-font-color-red);
}
.modal-agt-info .ticket-detail-info-list button{
margin:0;
padding:0 0 0 12px;
border:none;
color:var(--cmn-font-color-base);
position:relative;
line-height:1.25;
background:none;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-down.svg);
background-position:0 49%;
background-size:8px auto;
background-repeat:no-repeat;
font-size:12px;
text-align:left;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-align:center;
align-items:center;
white-space:nowrap;
}
.modal-agt-info .ticket-detail-info-list button >em{
display:inline-block;
}
.modal-agt-info .ticket-detail-info-list button > span{
display:inline-block;
}
.modal-agt-info .ticket-detail-info-list button[aria-selected="true"]{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-up.svg);
}
.modal-agt-info .ticket-detail-info-list button[aria-selected="true"]::before{
content:"";
display:block;
width:12px;
height:6px;
position:absolute;
bottom:-10px;
left:calc(50% - 4px);
background:url(/element_sp/j_air_on/shared/images/icon-balloon-arrow.svg) no-repeat 100% 0;
}
.modal-agt-info .ticket-detail-info-notes{
margin:0;
}
.modal-agt-info .ticket-detail-info-notes li{
font-size:12px;
text-indent:-1.4em;
margin-left:1.4em;
line-height:1.42;
}
.modal-agt-info .ticket-detail-info-notes li:not(:first-child){
margin-top:8px;
}
.modal-agt-info .ticket-detail-info-notes li .mark-dot{
margin-right:.4em;
}
.modal-agt-info .ticket-detail-info-notes li em,
.modal-agt-info .ticket-detail-info-notes li strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

@media screen and (max-width: 320px){
.modal-agt-info .ticket-dtl-info-container .ticket-dtl-info-hdg-container{
-webkit-box-pack:justify;
justify-content:space-between;
}
.modal-agt-info .ticket-detail-info-toggle-container .ticket-detail-info-toggle-trigger{
padding-right:26px;
}
}

/* ----------------------------------------------------------------
  Loading
----------------------------------------------------------------- */
/* loading
----------------------------------------------------------------- */

@-webkit-keyframes loading{
0%{
-webkit-transform:rotate(0) scale(1, 1) translateY(0);
transform:rotate(0) scale(1, 1) translateY(0);
}
100%{
-webkit-transform:rotate(360deg) scale(1, 1) translateY(0);
transform:rotate(360deg) scale(1, 1) translateY(0);
}
}

@keyframes loading{
0%{
-webkit-transform:rotate(0) scale(1, 1) translateY(0);
transform:rotate(0) scale(1, 1) translateY(0);
}
100%{
-webkit-transform:rotate(360deg) scale(1, 1) translateY(0);
transform:rotate(360deg) scale(1, 1) translateY(0);
}
}
.icon-loading{
overflow:hidden;
display:block;
margin:10px auto 0;
width:40px;
height:40px;
text-indent:-9999px;
color:transparent;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
-webkit-animation:loading 1s infinite linear;
animation:loading 1s infinite linear;
-webkit-user-select:none;
user-select:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.icon-loading.loading-s{
width:25px;
height:25px;
}

/* loading
------------------------------------------------ */
.loading{
position:relative;
padding:30px 0 40px;
border-radius:3px;
text-align:center;
}
.loading .loading-label{
margin:0 0 5px;
}

/* .loading-modal
----------------------------------------------- */
.loading-modal{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, .6);
z-index:101;
}
.loading-modal .loading-spinner{
padding-bottom:0;
}
.loading-modal .loading-modal-inner{
padding:10px 20px 8px;
position:absolute;
border-radius:8px;
bottom:50%;
right:50%;
-webkit-transform:translate(50%,50%);
transform:translate(50%,50%);
background-color:#fff;
font-weight:bold;
width:82px;
box-sizing:border-box;
text-align:center;
}
.loading-modal .loading-modal-inner .cmn-loading-spinner{
margin:0 auto 10px;
}

/* loading-spinner
---------------------------------- */
.loading-spinner{
padding-bottom:10000px;
text-align:center;
}
.loading-spinner .cmn-loading-spinner{
margin-top:40px;
}

/* search-result-loading-spinner
---------------------------------- */
.search-result-loading-spinner{
padding-bottom:500px;
text-align:center;
}
.search-result-loading-spinner .cmn-loading-spinner{
margin-top:40px;
}
.search-result-loading-spinner .loading-spinner-catch{
font-weight:bold;
}

/* ----------------------------------------------------------------
  Form Modules
----------------------------------------------------------------- */
/* .radio-custom
------------------------------------------------*/
.radio-custom input[type="radio"]{
display:none;
}
.radio-custom input[type="radio"]:checked + span:before{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-on.svg);
}
.radio-custom label{
display:-webkit-box;
display:flex;
position:relative;
-webkit-box-align:center;
align-items:center;
padding-left:28px;
min-height:20px;
}
.radio-custom label > span:before{
position:absolute;
top:50%;
left:0;
margin-top:-10px;
width:20px;
height:20px;
background-image:url(/element_sp/shared/images/icon/icon-form-radio.svg);
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
content:"";
}

/* .checkbox-custom
------------------------------------------------*/
.checkbox-custom input[type="checkbox"]{
display:none;
}
.checkbox-custom input[type="checkbox"] + span::before{
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-10px;
width:20px;
height:20px;
background:url(/element_sp/shared/images/icon/icon-form-checkbox.svg) top left no-repeat;
background-size:100% auto;
content:"";
}
.checkbox-custom input[type="checkbox"]:checked + span::before{
width:20px;
height:20px;
background:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg) top left no-repeat;
background-size:100% auto;
}
.checkbox-custom label{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
position:relative;
padding-left:28px;
min-height:20px;
vertical-align:middle;
}
.checkbox-custom label > span{
display:-webkit-inline-box;
display:inline-flex;
vertical-align:middle;
font-size:15px;
line-height:1;
}
.checkbox-custom.is-disabled label input[type="checkbox"] + span::before{
background:url(/element_sp/shared/images/icon/icon-form-checkbox-disabled.svg) top left no-repeat;
}

/* .checkbox-custom-02
------------------------------------------------*/
.checkbox-custom-02 input[type="checkbox"]{
display:none;
}
.checkbox-custom-02 input[type="checkbox"] + span::before{
display:block;
position:absolute;
top:50%;
right:0;
margin-top:-10px;
width:20px;
height:20px;
background:url(/element_sp/shared/images/icon/icon-form-checkbox.svg) top left no-repeat;
background-size:100% auto;
content:"";
}
.checkbox-custom-02 input[type="checkbox"]:checked + span::before{
width:20px;
height:20px;
background:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg) top left no-repeat;
background-size:100% auto;
}
.checkbox-custom-02 label{
display:block;
-webkit-box-align:center;
align-items:center;
position:relative;
padding-right:28px;
min-height:20px;
vertical-align:middle;
}
.checkbox-custom-02 label > span{
display:-webkit-inline-box;
display:inline-flex;
vertical-align:middle;
font-size:15px;
line-height:1;
}
.checkbox-custom-02.is-disabled label input[type="checkbox"] + span::before{
background:url(/element_sp/shared/images/icon/icon-form-checkbox-disabled.svg) top left no-repeat;
}

/* .select-custom
----------------------------------------------- */
.select-custom{
box-sizing:border-box;
display:block;
position:relative;
border-radius:3px;
background-color:#fff;
}
.select-custom:before{
display:block;
display:inline-block;
position:absolute;
top:50%;
right:11px;
margin:0;
margin-top:-3px;
border-width:7px 6px 0 6px;
border-style:solid;
border-color:#888 transparent transparent transparent;
width:0;
height:0;
content:"";
}
.select-custom select{
box-sizing:border-box;
display:block;
position:relative;
margin:0;
padding:5px 20px 5px 10px;
border:1px solid #999;
border-radius:4px;
width:100%;
min-height:44px;
color:var(--cmn-font-color-base);
background:transparent;
font-size:16px;
-webkit-appearance:none;
-moz-appearance:none;
}
.select-custom select option:disabled{
color:#cccccc;
}

/* .text-custom
----------------------------------------------- */
.text-custom{
box-sizing:border-box;
padding:10px;
border:1px solid #999;
border-radius:3px;
width:100%;
}
.text-custom::-webkit-input-placeholder{
color:var(--font-color-placeholder);
}

/* form-switch
---------------------------------- */
.form-switch label{
display:-webkit-inline-box;
display:inline-flex;
}
.form-switch label input{
display:none;
}
.form-switch .form-switch-item{
position:relative;
width:32px;
}
.form-switch .form-switch-track{
position:absolute;
top:50%;
margin-top:-5px;
width:100%;
height:10px;
z-index:-1;
border-radius:7px;
background-color:#ccc;
}
.form-switch .form-switch-thumb{
position:absolute;
left:0;
top:50%;
margin-top:-8px;
width:16px;
height:16px;
border-radius:50%;
}
.form-switch input:checked + .form-switch-thumb{
right:0;
left:auto;
}

/* form-slider
---------------------------------- */
.form-slider{
margin-top:8px;
}
.form-slider .form-slider-switch{
display:-webkit-box;
display:flex;
}
.form-slider .form-slider-switch li{
width:80px;
}
.form-slider .form-slider-item{
margin:20px 0 15px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.form-slider .form-slider-min{
margin-right:4px;
padding-right:20px;
}
.form-slider .form-slider-max{
margin-left:4px;
padding-left:20px;
}
.form-slider .form-slider-rail{
position:relative;
width:100%;
height:2px;
background-color:#e5e5e5;
}
.form-slider .form-slider-rail .form-slider-track{
cursor:pointer;
position:absolute;
top:0;
height:2px;
background-color:#338cd5;
}
.form-slider .form-slider-rail .form-slider-thumb{
display:block;
position:absolute;
top:50%;
margin-top:-15px;
margin-left:-16px;
width:28px;
height:28px;
border-radius:50%;
overflow:hidden;
background-color:#fff;
border:2px solid #fff;
box-shadow:0 0 0 2px #338cd5 inset;
box-sizing:border-box;
}
.form-slider .form-slider-rail .max{
float:right;
}

/* form-slider-wide
---------------------------------- */
.form-slider-wide{
margin-top:20px;
}
/* margin-right:18px; */
.form-slider-wide .form-slider-header{
display:-webkit-box;
display:flex;
}
.form-slider-wide .form-slider-header .form-slider-sup{
margin-right:33px;
}
.form-slider-wide .form-slider-header .form-slider-sup .form-slider-sup-tag{
margin-left:12px;
}
.form-slider-wide .form-slider-switch{
display:-webkit-box;
display:flex;
}
.form-slider-wide .form-slider-switch li{
width:80px;
}
.form-slider-wide .form-slider-item{
position:relative;
margin:20px 30px 0 15px;
padding-bottom:30px;
}
.form-slider-wide .form-slider-min{
margin-right:4px;
position:absolute;
left:0;
bottom:0;
}
.form-slider-wide .form-slider-max{
margin-left:4px;
position:absolute;
right:0;
bottom:0;
}
.form-slider-wide .form-slider-rail{
position:relative;
width:100%;
height:2px;
background-color:#e5e5e5;
}
.form-slider-wide .form-slider-rail .form-slider-track{
cursor:pointer;
position:absolute;
top:0;
height:2px;
background-color:#338cd5;
}
.form-slider-wide .form-slider-rail .form-slider-thumb{
display:block;
position:absolute;
top:50%;
margin-top:-15px;
margin-left:-16px;
width:28px;
height:28px;
border-radius:50%;
overflow:hidden;
background-color:#fff;
border:2px solid #fff;
box-shadow:0 0 0 2px #338cd5 inset;
box-sizing:border-box;
}
.form-slider-wide .form-slider-rail .max{
float:right;
}

/* ----------------------------------------------------------------
  Headings
----------------------------------------------------------------- */
/* .hdg-l1-container
----------------------------------------------- */
.hdg-l1-container{
box-sizing:border-box;
display:-webkit-box;
display:flex;
position:relative;
-webkit-box-align:center;
align-items:center;
margin:-10px -10px 0;
border-bottom:1px solid #bbb;
min-height:45px;
background:#fff;
}
.hdg-l1-container .hdg-l1{
box-sizing:border-box;
flex:1;
padding:7px 10px;
text-align:left;
font-weight:bold;
font-size:16px;
line-height:1.2;
-webkit-box-flex:1;
}
.hdg-l1-container .hdg-l1 small{
display:inline-block;
vertical-align:middle;
font-size:13px;
line-height:1.1;
}

/* lyt-sticky
------------------------------------------------ */
.str-container.lyt-sticky{
padding-bottom:67px;
}

/* str-pseudo > hdg-l1-container
------------------------------------------------ */
.str-pseudo.lyt-sticky{
padding-bottom:67px;
}
.str-pseudo p{
margin:10px 0;
}
.str-pseudo strong{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.str-pseudo .tip-link-list{
text-align:right;
margin-top:10px;
}
.str-pseudo .tip-link-list a{
display:inline-block;
color:var(--font-color-btn-link);
font-size:13px;
}
.str-pseudo .tip-link-list a::before{
display:inline-block;
margin:-3px 5px 0 0;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#555;
width:5px;
height:5px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.str-pseudo .tip-list-num{
margin:10px 0 10px 20px;
}
.str-pseudo .tip-list-num li{
list-style-type:decimal;
}
.str-pseudo .hdg-l1-container{
padding:8px 55px;
margin:-10px -10px 0;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:45px;
box-sizing:border-box;
position:relative;
background-color:#111;
}
.str-pseudo .hdg-l1-container .hdg-l1-inner{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}
.str-pseudo .hdg-l1-container .hdg-l1{
padding:0;
font-size:16px;
font-weight:bold;
text-align:center;
}
.str-pseudo .hdg-l1-container .btn-hdg,
.str-pseudo .hdg-l1-container .pseudo-header-btn-close{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element_sp/j_air_on/shared/images/icon-close-wht.svg) no-repeat 50% 50%;
background-size:16px 16px;
}

/* cmn-faq-page > hdg-l1-container
------------------------------------------------ */
main .cmn-faq-page{
margin:-10px;
}
.cmn-faq-page{
position:relative;
}
.cmn-faq-page p{
margin:10px 0;
}
.cmn-faq-page .pseudo-wording{
margin:10px 0;
}
.cmn-faq-page.is-fixed .hdg-l1-container{
position:fixed;
width:100%;
top:0;
}
.cmn-faq-page.is-fixed .hdg-l1{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.cmn-faq-page.is-fixed .cmn-tip-container{
padding-top:55px;
}
.cmn-faq-page .hdg-l1-container{
padding:8px 55px;
margin:0 -10px 0;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:45px;
box-sizing:border-box;
position:relative;
background-color:#111;
}
.cmn-faq-page .hdg-l1-container .hdg-l1-inner{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}
.cmn-faq-page .hdg-l1-container .hdg-l1{
padding:0;
font-size:16px;
font-weight:bold;
text-align:center;
}
.cmn-faq-page .hdg-l1-container .btn-hdg,
.cmn-faq-page .hdg-l1-container .pseudo-header-btn-close{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element_sp/j_air_on/shared/images/icon-close-wht.svg) no-repeat 50% 50%;
background-size:16px 16px;
}
.cmn-faq-page .cmn-tip-link-list-01{
margin:0 -10px;
}

/* cmn-faq-page > hdg-l1-container
------------------------------------------------ */
.pseudo-hdg-01{
font-weight:normal;
margin-top:16px;
font-size:14px;
}
.pseudo-hdg-01::before{
display:inline-block;
content:"";
background-color:#333;
width:11px;
height:11px;
margin-right:2px;
}
.pseudo-hdg-01 + p{
margin-top:0;
}
.pseudo-hdg-01 + p.pseudo-desc{
margin-top:0;
}
.pseudo-hdg-l2{
margin:-1px -10px 0;
padding:7px 10px;
color:#fff;
background-color:#888;
font-size:14px;
}

/* pseudo-hdg-l2-02
------------------------------------------------ */
.pseudo-hdg-l2-02{
margin:0 -10px 15px;
padding:8px 10px;
background-color:#f5f5f5;
}

/* .pseudo-hdg-l2-01
----------------------------------------------- */
.pseudo-hdg-l2-01{
margin:10px 0 3px;
padding-left:15px;
position:relative;
font-weight:normal;
}
.pseudo-hdg-l2-01::before{
content:"";
display:block;
width:10px;
height:10px;
background-color:#333;
position:absolute;
top:.45em;
left:0;
}
.pseudo-hdg-l3-01{
margin-top:24px;
padding-bottom:8px;
border-bottom:1px solid #e5e5e5;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.pseudo-hdg-l3-01 + .pseudo-note-list{
margin-top:8px;
}
.pseudo-note-hdg{
margin:20px 0 0;
font-size:14px;
font-weight:normal;
}
.pseudo-note-hdg + p{
margin-top:4px;
}
.pseudo-note-hdg .mark{
margin-right:4px;
}
.pseudo-note-list{
margin-top:12px;
margin-bottom:0;
}
.pseudo-note-list li{
position:relative;
margin-left:1.3em;
text-indent:-1.3em;
font-size:12px;
line-height:1.45;
color:var(--cmn-font-color-gray);
}
.pseudo-note-list li:not(:first-child){
margin-top:8px;
}
.pseudo-note-list li .mark{
margin-right:4px;
}
.pseudo-notice{
margin-top:-10px;
}
.pseudo-notice li{
position:relative;
padding-left:1em;
font-size:11px;
line-height:1.45;
}
.pseudo-notice li::before{
content:"\203b";
position:absolute;
left:0;
top:0;
}
.pseudo-icon-external{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:2px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}
.pseudo-info-link{
color:var(--font-color-btn-link);
text-decoration:underline;
}
.pseudo-info-list-01{
margin:0;
}
.pseudo-info-list-01 > li{
text-indent:-1em;
margin-left:1em;
}
.pseudo-info-list-01 > li em{
color:var(--cmn-font-color-red);
}

@media screen and (max-width: 320px){
.pseudo-info-list-03 li.branch +li a > span{
display:inline;
}
.pseudo-info-list-03 li a >span{
display:block;
}
}

/* for pseudo-content goto page
----------------------------------------------- */
.pseudo-content[role="dialog"]{
padding:0 10px 10px;
display:none;
}
.pseudo-content[role="dialog"].lyt-sticky{
padding-bottom:70px;
}
.pseudo-content[role="dialog"].is-active{
display:block;
}
.pseudo-content[role="dialog"] strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* --------------------------------*/
/* PSEUDO NEW UI
---------------------------------- */
/* .pseudo
----------------------------------------------- */
.pseudo{
height:100%;
position:fixed;
top:0;
left:0;
margin:0;
padding:0;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
color:var(--cmn-font-color-base);
}
.pseudo strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.pseudo .pseudo-content{
margin:0;
padding:0 10px 16px;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
}
.pseudo .pseudo-content > :first-child{
margin-top:0;
}
.pseudo .pseudo-footer .pseudo-sticky{
position:static;
margin:0;
padding:10px;
box-sizing:border-box;
background-color:rgba(0, 0, 0, .7);
}
.pseudo .pseudo-footer-error{
position:relative;
}
.pseudo .pseudo-footer-error-inner{
color:#fff;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:100%;
text-align:center;
font-weight:bold;
}
.pseudo .pseudo-footer-error-inner .br{
display:block;
}

/* pseudo-header-hdg
---------------------------------- */
.pseudo-header-hdg{
padding:8px 55px;
margin:0;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:45px;
box-sizing:border-box;
position:relative;
background-color:#111;
}
.pseudo-header-hdg .pseudo-hdg{
padding:0;
box-sizing:border-box;
font-size:16px;
font-weight:bold;
text-align:center;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

/* pseudo-header-btn-prev
---------------------------------- */
.pseudo .pseudo-header-btn-prev{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element/shared/images/icon/icon-chevron-left-wht.svg) no-repeat 15px 50%;
background-size:9px auto;
}

/* pseudo-header-btn-close
---------------------------------- */
.pseudo .pseudo-header-btn-close{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element_sp/j_air_on/shared/images/icon-close-wht.svg) no-repeat 50% 50%;
background-size:16px 16px;
}

/* pseudo-header-btn-clear
---------------------------------- */
.pseudo .pseudo-header-btn-clear{
margin:0;
padding:0;
border:1px solid #999;
border-radius:3px;
color:#ccc;
width:44px;
height:23px;
position:absolute;
bottom:50%;
right:10px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background-color:transparent;
font-size:12px;
padding-top:2px;
}

/* .pseudo-sticky-btn-list
----------------------------------------------- */
.pseudo .pseudo-sticky-btn-list{
margin:0 0 0 -10px;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
box-sizing:border-box;

}
.pseudo .pseudo-sticky-btn-list .cmn-loading-spinner-dot-wht{
margin:0 0 0 8px;
display:inline-block;
width:12px;
height:12px;
}
.pseudo .pseudo-sticky-btn-list li{
margin-left:10px;
}
.pseudo .pseudo-sticky-btn-list li .br{
display:block;
}
.pseudo .pseudo-sticky-btn-list li:first-child:last-child{
margin:0 auto;
max-width:80%;
min-width:60%;
-webkit-box-flex:0;
flex:none;
}
.pseudo .pseudo-sticky-btn-list li:first-child:not(:last-child){
-webkit-box-flex:1;
flex:1;
}
.pseudo .pseudo-sticky-btn-list li:last-child{
-webkit-box-flex:1;
flex:1;
}
.pseudo .pseudo-sticky-btn-list .cv-filter{
box-sizing:border-box;
display:block;
color:#fff;
background-color:var(--cmn-btn-color);
padding:4px 12px;
border:none;
border-radius:4px;
width:100%;
height:100%;
min-height:44px;
line-height:1.25;
font-size:16px;
}
.pseudo .pseudo-sticky-btn-list .cv-filter .cv-filter-inner{
font-size:16px;
}
.pseudo .pseudo-sticky-btn-list .cv-filter .cv-filter-inner span{
font-size:12px;
display:block;
}
.pseudo .pseudo-sticky-btn-list .cv-filter:disabled{
box-shadow:none;
text-shadow:none;
opacity:.4;
color:var(--cmn-btn-color);
}
.pseudo .pseudo-sticky-btn-list .prev-filter{
box-sizing:border-box;
display:block;
color:#fff;
background-color:#78ae0e;
padding:4px 12px;
border:none;
border-radius:4px;
width:100%;
height:100%;
min-height:44px;
line-height:1.25;
font-size:16px;
}
.pseudo .pseudo-sticky-btn-list .prev-filter:disabled{
background-color:#d5d5d5;
box-shadow:none;
text-shadow:none;
}
.pseudo .pseudo-sticky-btn-list .cv-reserve{
box-sizing:border-box;
display:block;
color:#fff;
background-color:var(--cmn-btn-color);
padding:4px 12px;
border:none;
border-radius:4px;
width:100%;
height:100%;
min-height:44px;
line-height:1.25;
font-size:16px;
}
.pseudo .pseudo-sticky-btn-list .cv-reserve:disabled{
box-shadow:none;
text-shadow:none;
opacity:.4;
}

/* pseudo-toggle-container
---------------------------------- */
.pseudo .pseudo-toggle-container.is-active .pseudo-toggle-trigger{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.pseudo .pseudo-toggle-container.is-active .pseudo-toggle-item{
display:block;
}
.pseudo .pseudo-toggle-container .pseudo-toggle-trigger{
position:absolute;
text-indent:-9999px;
height:100%;
width:100%;
top:0;
left:0;
border:none;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 50% no-repeat;
background-size:12px auto;
padding:0;
}
.pseudo .pseudo-toggle-container .pseudo-toggle-item{
display:none;
}

/* ----------------------------------------------------------------
  .pseudo-covid19
----------------------------------------------------------------- */
.cmn-tip-container .pseudo-covid19{
margin-top:-10px;
}

/* .pseudo-covid19-list
----------------------------------------------- */
.pseudo-covid19-list{
margin-top:10px;
}
.pseudo-covid19-list > li:not(:first-child){
margin-top:7px;
}
.pseudo-covid19-list > li.branch span{
display:inline-block;
}

/* .pseudo-covid19-link-list
----------------------------------------------- */
.pseudo-covid19-link-list{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-pack:justify;
justify-content:space-between;
margin:0;
}
.pseudo-covid19-link-list > li{
width:49%;
}
.pseudo-covid19-link-list > li.branch{
width:100%;
}
.pseudo-covid19-link-list > li.branch span{
display:inline-block;
}
.pseudo-covid19-link-list > li.branch + li{
width:100%;
}
.pseudo-covid19-link-list a{
color:var(--font-color-btn-link);
text-decoration:underline;
}
.pseudo-covid19-link-list a span{
display:inline-block;
text-decoration:underline;
}
.pseudo-covid19-link-list p{
margin:0;
}
.pseudo-covid19-link-list p span{
display:inline-block;
}

/* .pseudo-covid19-toggle
----------------------------------------------- */
.pseudo-covid19-toggle{
margin:0 -10px;
}

/* .pseudo-covid19-toggle-hook
----------------------------------------------- */
.pseudo-covid19-toggle-hook{
padding:9px 10px;
border:none;
border-top:1px solid #e5e5e5;
display:block;
width:100%;
text-align:left;
font-size:14px;
font-weight:bold;
background:#f5f5f5 url(/element/shared/images/icon/icon-chevron-down.svg) calc(100% - 10px) 50% no-repeat;
background-size:12px;
}
.pseudo-covid19-toggle > li.is-active .pseudo-covid19-toggle-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .pseudo-covid19-toggle-content
----------------------------------------------- */
.pseudo-covid19-toggle-content{
padding:10px;
display:none;
}
.pseudo-covid19-toggle > li.is-active .pseudo-covid19-toggle-content{
display:block;
}
.pseudo-covid19-toggle-content a{
color:var(--font-color-btn-link);
text-decoration:underline;
}

/* .pseudo-covid19-toggle-content-list
----------------------------------------------- */
.pseudo-covid19-toggle-content-list{
margin:10px 0;
border-bottom:1px solid #ccc;
font-size:13px;
}
.pseudo-covid19-toggle-content-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}
.pseudo-covid19-toggle-content-list > li > div{
padding:5px 0;
border-top:1px solid #ccc;
}
.pseudo-covid19-toggle-content-list > li > div:first-child{
padding-right:10px;
border-right:1px solid #ccc;
width:5em;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.pseudo-covid19-toggle-content-list > li > div:last-child{
padding-left:10px;
-webkit-box-flex:1;
flex:1;
}
.pseudo-covid19-toggle-content-list em{
color:var(--cmn-font-color-red);
}

/* pseudo-filter-container
---------------------------------- */
.pseudo-filter-container >:first-child{
margin-top:0;
}
.pseudo-filter-container .pseudo-filter-toggle-container.is-selected .pseudo-filter-selected{
display:inline-block;
}
.pseudo-filter-container .pseudo-filter-toggle-container.is-active .pseudo-filter-selected{
display:none;
}
.pseudo-filter-container .pseudo-filter-toggle-container.is-active .pseudo-filter-clear-btn{
display:block;
}
.pseudo-filter-container .pseudo-filter-toggle-container.is-active .pseudo-filter-toggle-trigger{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.pseudo-filter-container .pseudo-filter-toggle-container.is-active .pseudo-filter-toggle-item{
display:block;
}
.pseudo-filter-container .pseudo-filter-toggle-container .pseudo-filter-clear-btn{
position:absolute;
right:36px;
display:none;
background:none;
border:1px solid #bbb;
padding:0;
border-radius:3px;
font-size:12px;
width:58px;
height:22px;
z-index:1;
}
.pseudo-filter-container .pseudo-filter-toggle-container .pseudo-filter-toggle-header{
position:relative;
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.pseudo-filter-container .pseudo-filter-toggle-container .pseudo-filter-toggle-trigger{
position:absolute;
text-indent:-9999px;
height:100%;
width:100%;
top:0;
right:0;
border:none;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 50% no-repeat;
background-size:12px auto;
padding:0;
}
.pseudo-filter-container .pseudo-filter-toggle-container .pseudo-filter-toggle-item{
display:none;
padding:0 0 16px 26px;
}
.pseudo-filter-container .pseudo-filter-toggle-container .pseudo-filter-toggle-item >:first-child{
margin-top:0;
}
.pseudo-filter-container .pseudo-filter-selected{
display:none;
margin-left:12px;
width:12px;
height:0;
padding-top:9px;
line-height:2;
overflow:hidden;
background:url(/element_sp/j_air_on/shared/images/icon-selected.svg) top left no-repeat;
}
.pseudo-filter-container .pseudo-filter-item{
position:relative;
border-bottom:1px solid #e5e5e5;
}
.pseudo-filter-container .pseudo-filter-ex-btn{
background:none;
border:1px solid #bbb;
padding:0 4px;
border-radius:3px;
font-size:12px;
min-width:70px;
height:22px;
}
.pseudo-filter-container .pseudo-filter-hdg-01{
font-size:14px;
font-weight:bold;
}
.pseudo-filter-container .pseudo-filter-hdg-02{
font-size:14px;
font-weight:normal;
margin-left:-26px;
margin-top:16px;
}
.pseudo-filter-container .pseudo-filter-hdg-container{
font-size:14px;
font-weight:normal;
}
.pseudo-filter-container .pseudo-filter-list-header{
display:-webkit-box;
display:flex;
}
.pseudo-filter-container .pseudo-filter-list-header > div:first-child{
-webkit-box-flex:1;
flex:1;
}
.pseudo-filter-container .pseudo-filter-list-header > div:last-child{
padding:0 9px 0 28px;
}
.pseudo-filter-container .pseudo-filter-list-header .pseudo-filter-list-header-sup{
text-align:center;
}
.pseudo-filter-container .pseudo-filter-list{
margin-top:16px;
margin-right:12px;
}
.pseudo-filter-container .pseudo-filter-list .checkbox-custom-02 label > span{
line-height:calc(20 / 14);
font-size:14px;
}
.pseudo-filter-container .pseudo-filter-list >li:not(:first-child){
margin-top:16px;
}
.pseudo-filter-container .pseudo-filter-list >li .cmn-tip-caution-btn{
margin-left:4px;
}
.pseudo-filter-container .pseudo-filter-list-branch .pseudo-filter-agt-info{
font-size:0;
}
.pseudo-filter-container .pseudo-filter-list-branch .pseudo-filter-agt-info li{
display:inline-block;
font-size:12px;
}
.pseudo-filter-container .pseudo-filter-list-branch .pseudo-filter-agt-info li:not(:last-child)::after{
content:"/";
display:inline-block;
margin:0 4px;
}
.pseudo-filter-container .pseudo-filter-list-branch .pseudo-filter-list-item{
display:-webkit-box;
display:flex;
}
.pseudo-filter-container .pseudo-filter-list-branch .pseudo-filter-list-item .pseudo-filter-list-label{
-webkit-box-flex:1;
flex:1;
}
.pseudo-filter-container .pseudo-filter-list-branch .checkbox-custom-02 label{
width:20px;
overflow:hidden;
box-sizing:border-box;
}
.pseudo-filter-container .pseudo-filter-list-branch .checkbox-custom-02 label > span{
overflow:hidden;
display:block;
padding-top:14px;
width:0;
height:0;
}
.pseudo-filter-container .pseudo-filter-double{
margin-top:16px;

}
.pseudo-filter-container .pseudo-filter-double .pseudo-filter-double-list >li{
display:-webkit-box;
display:flex;
}
.pseudo-filter-container .pseudo-filter-double .pseudo-filter-double-list >li:not(:first-child){
margin-top:16px;
}
.pseudo-filter-container .pseudo-filter-double .pseudo-filter-double-list >li .checkbox-custom{
box-sizing:border-box;
}
.pseudo-filter-container .pseudo-filter-double .pseudo-filter-double-list >li .checkbox-custom.is-disabled label input[type="checkbox"] + span::before{
display:none;
}
.pseudo-filter-container .pseudo-filter-double .pseudo-filter-double-list >li .checkbox-custom:last-child{
padding:0 13px 0 36px;
}
.pseudo-filter-container .pseudo-filter-double .pseudo-filter-double-list >li .checkbox-custom label{
padding-left:20px;
}
.pseudo-filter-container .pseudo-filter-double .pseudo-filter-double-list >li .checkbox-custom label span{
overflow:hidden;
display:block;
padding-top:14px;
width:0;
height:0;
}
.pseudo-filter-container .pseudo-filter-double .pseudo-filter-double-list .pseudo-filter-double-desc{
margin-right:12px;
padding-top:1px;
-webkit-box-flex:1;
flex:1;
word-break:break-all;
font-size:14px;
line-height:calc(20 / 14);
}
.pseudo-filter-container .pseudo-filter-double .pseudo-filter-double-guide{
color:var(--cmn-font-color-gray);
margin:12px -84px 0 0;
}
.pseudo-filter-container .pseudo-filter-double .pseudo-filter-double-guide li{
text-indent:-1.4em;
margin-left:1.4em;
font-size:12px;
line-height:calc(17 / 12);
}
.pseudo-filter-container .pseudo-filter-double .pseudo-filter-double-guide .mark{
margin-right:.4em;
}
.pseudo-filter-container .pseudo-filter-double .pseudo-filter-double-guide-class{
display:-webkit-box;
display:flex;
font-size:0;
}
.pseudo-filter-container .pseudo-filter-double .pseudo-filter-double-guide-class >span{
text-indent:0;
font-size:12px;
line-height:calc(17 / 12);
}
.pseudo-filter-container .pseudo-filter-double .pseudo-filter-double-guide-class >span:first-child{
position:relative;
width:34px;
padding-right:9px;
margin-right:4px;
box-sizing:border-box;
white-space:nowrap;
}
.pseudo-filter-container .pseudo-filter-double .pseudo-filter-double-guide-class >span:first-child::after{
position:absolute;
top:-1px;
right:0;
content:":";
display:inline-block;
}
.pseudo-filter-container .pseudo-filter-double .pseudo-filter-double-guide-class >span:last-child{
-webkit-box-flex:1;
flex:1;
}
.pseudo-filter-container .pseudo-filter-guide{
margin-top:12px;
}
.pseudo-filter-container .pseudo-filter-guide > p{
margin-top:4px;
font-size:12px;
}
.pseudo-filter-container .pseudo-filter-notes{
margin-top:8px;
color:var(--cmn-font-color-gray);
}
.pseudo-filter-container .pseudo-filter-notes > li{
font-size:12px;
text-indent:-1.45em;
margin-left:1.45em;
}
.pseudo-filter-container .pseudo-filter-notes > li .mark{
margin-right:4px;
}
.pseudo-filter-container .pseudo-filter-notes > li .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.pseudo-filter-container .pseudo-filter-route-switch{
display:-webkit-box;
display:flex;
}
.pseudo-filter-container .pseudo-filter-route-switch >li a{
color:var(--cmn-font-color-base);
}
.pseudo-filter-container .pseudo-filter-switch{
margin:12px 12px 14px 0;
padding-bottom:9px;
display:-webkit-box;
display:flex;
border-bottom:1px solid #e5e5e5;
}
.pseudo-filter-container .pseudo-filter-switch > li{
-webkit-box-flex:1;
flex:1;
}
.pseudo-filter-container .pseudo-filter-switch .radio-custom{
height:100%;
display:-webkit-box;
display:flex;
}
.pseudo-filter-container .pseudo-filter-switch .radio-custom input[type="radio"]:checked + span::after{
content:"";
display:block;
width:20px;
height:7px;
position:absolute;
bottom:-10px;
left:calc(50% - 4px);
background:url(/element_sp/j_air_on/shared/images/icon-balloon-arrow.svg) no-repeat 100% 0;
}

@media screen and (max-width: 320px){
.pseudo-filter-container .pseudo-filter-switch > li:first-child{
width:45%;
-webkit-box-flex:0;
flex:none;
}
}

/* pseudo-filter-chips
---------------------------------- */
.pdeudo-filter-chips-container{
background-color:rgba(0,0,0,.7);
padding:0;
}
.pseudo-filter-chips{
position:relative;
}
.pseudo-filter-chips::before,
.pseudo-filter-chips::after{
top:0;
content:"";
display:block;
position:absolute;
width:20px;
height:100%;
z-index:2;
pointer-events:none;
}
.pseudo-filter-chips::before{
display:none;
left:0;
background:-webkit-linear-gradient(right, rgba(77, 77, 77, 0) 0%, #4d4d4d 100%);
background:linear-gradient(to left, rgba(77, 77, 77, 0) 0%, #4d4d4d 100%);
}
.pseudo-filter-chips::after{
right:0;
background:-webkit-linear-gradient(left, rgba(77, 77, 77, 0) 0%, #4d4d4d 100%);
background:linear-gradient(to right, rgba(77, 77, 77, 0) 0%, #4d4d4d 100%);
}
.pseudo-filter-chips.is-start::before{
display:none;
}
.pseudo-filter-chips.is-end::after{
display:none;
}
.pseudo-filter-chips .pseudo-filter-chips-inner{
max-width:100%;
display:block;
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
box-sizing:border-box;
}
.pseudo-filter-chips .pseudo-filter-chips-inner::-webkit-scrollbar{
display:none;
}
.pseudo-filter-chips .pseudo-filter-chips-list{
white-space:nowrap;
margin:0;
font-size:0;
}
.pseudo-filter-chips .pseudo-filter-chips-list > li{
display:-webkit-inline-box;
display:inline-flex;
position:relative;
background-color:#e1e1e1;
border-radius:3px;
margin-top:12px;
margin-left:8px;
}
.pseudo-filter-chips .pseudo-filter-chips-list > li:last-child{
margin-right:8px;
}
.pseudo-filter-chips .pseudo-filter-chips-list > li .pseudo-filter-chips-list-btn{
display:inline-block;
color:var(--cmn-font-color-base);
font-size:12px;
padding:5px 4px 2px 8px;
line-height:1;
min-height:22px;
box-sizing:border-box;
}
.pseudo-filter-chips .pseudo-filter-chips-list > li .pseudo-filter-chips-list-btn-del{
background:none;
width:23px;
height:0;
padding-top:21px;
overflow:hidden;
line-height:2;
border:none;
margin-left:-4px;
}
.pseudo-filter-chips .pseudo-filter-chips-list > li .pseudo-filter-chips-list-btn-del::before{
position:absolute;
top:50%;
margin-top:-3px;
right:8px;
content:"";
display:block;
width:7px;
height:7px;
background:url(/element_sp/j_air_on/shared/images/icon-close.svg) 0 0 no-repeat;
background-size:100%;
}

/* pseudo-guide-container
---------------------------------- */
.pseudo-guide-container >:first-child.pseudo-desc{
margin-top:16px;
}
.pseudo-guide-container .pseudo-guide-content + .pseudo-guide-content{
border-top:1px solid #e5e5e5;
}
.pseudo-guide-container .pseudo-guide-header{
position:relative;
min-height:45px;
padding-top:12px;
display:-webkit-box;
display:flex;
box-sizing:border-box;
}
.pseudo-guide-container .pseudo-guide-header + .pseudo-guide-item{
padding-top:0;
}
.pseudo-guide-container .pseudo-guide-item{
padding:16px 0 12px;
line-height:1.5;
}
.pseudo-guide-container .pseudo-guide-item > :first-child{
margin-top:0;
}
.pseudo-guide-container .pseudo-guide-desc{
margin-top:12px;
}

/* pseudo-desc
---------------------------------- */
.pseudo .pseudo-desc{
margin-top:20px;
}
.pseudo .pseudo-desc em{
color:var(--cmn-font-color-red);
}

/* pseudo-notes
---------------------------------- */
.pseudo .pseudo-notes{
margin:8px 0 0 0;
}
.pseudo .pseudo-notes >li{
text-indent:-1.4em;
margin-left:1.4em;
color:var(--cmn-font-color-gray);
font-size:12px;
}
.pseudo .pseudo-notes >li:not(:first-child){
margin-top:4px;
}
.pseudo .pseudo-notes >li .mark{
margin-right:.4em;
}

/* pseudo-def-list
---------------------------------- */
.pseudo .pseudo-def-list{
margin-top:-8px !important;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
font-size:14px;
line-height:1.42;
}
.pseudo .pseudo-def-list .link-filter{
border-bottom:1px solid #92ccf4;
}
.pseudo .pseudo-def-list .icon-baggage-on{
position:relative;
display:inline-block;
width:15px;
height:0;
padding-top:15px;
overflow:hidden;
line-height:2;
background-image:url(/element/j_air_on/shared/images/icon-baggage-on.svg);
background-position:center 0;
background-size:9px 15px;
background-repeat:no-repeat;
vertical-align:middle;
top:-1px;
}
.pseudo .pseudo-def-list .icon-baggage-off{
position:relative;
display:inline-block;
width:15px;
height:0;
padding-top:15px;
overflow:hidden;
line-height:2;
background-image:url(/element/j_air_on/shared/images/icon-baggage.svg);
background-position:center 0;
background-repeat:no-repeat;
background-size:9px 15px;
vertical-align:middle;
top:-1px;
}
.pseudo .pseudo-def-list .icon-eco{
display:inline-block;
width:28px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element/j_air_on/shared/images/icon-eco.svg) no-repeat 0 0;
background-size:28px 12px;
vertical-align:middle;
position:relative;
top:0;
}
.pseudo .pseudo-def-list .icon-wifi{
display:inline-block;
width:15px;
height:0;
padding-top:15px;
overflow:hidden;
line-height:2;
background:url(/element/j_air_on/shared/images/icon-wifi.svg) no-repeat 0 0;
background-size:15px 15px;
vertical-align:middle;
position:relative;
top:0;
}
.pseudo .pseudo-def-list em{
color:var(--cmn-font-color-red);
}
.pseudo .pseudo-def-list dt{
margin-top:8px;
position:relative;
width:77px;
padding-right:20px;
box-sizing:border-box;
}
.pseudo .pseudo-def-list dt::after{
content:":";
display:block;
position:absolute;
right:12px;
top:0;
}
.pseudo .pseudo-def-list dt.is-branch{
width:auto;
padding-right:9px;
}
.pseudo .pseudo-def-list dt.is-branch::after{
right:3px;
}
.pseudo .pseudo-def-list dt.is-branch + dd{
width:calc(100% - 25px);
}
.pseudo .pseudo-def-list dd{
margin-top:8px;
width:calc(100% - 77px);
box-sizing:border-box;
}

/*
---------------------------------- */
.pseudo .pseudo-list-num{
margin:20px 0 10px 20px;
}
.pseudo .pseudo-list-num li{
list-style-type:decimal;
}

/* hdg-l1-02
------------------------------------------------ */
.hdg-l1-02-container{
margin:-10px -10px 0;
}
.hdg-l1-02-container .hdg-l1-02-inr{
box-sizing:border-box;
padding:10px;
min-height:42px;
}
.hdg-l1-02-container .hdg-l1-02-inr:after{
display:block;
clear:both;
content:"";
}
.hdg-l1-02-container .hdg-l1-02{
overflow:hidden;
margin-top:2px;
vertical-align:top;
font-weight:bold;
font-size:15px;
line-height:1.3;
}
.hdg-l1-02-container .hdg-l1-02-logo{
position:relative;
float:left;
margin-right:10px;
width:42px;
height:22px;
vertical-align:top;
}

/* .hdg-l2-01
----------------------------------------------- */
.hdg-l2-01{
padding:6px 10px;
color:#fff;
background-color:#888;
font-size:15px;
}
.hdg-l2-01 b:after{
display:inline-block;
margin-left:4px;
content:":";
}
.hdg-l2-01 span{
display:inline-block;
}

/* .hdg-l2-02
----------------------------------------------- */
.hdg-l2-02{
margin:0 -10px;
padding:8px 10px;
box-sizing:border-box;
color:#fff;
background:#444;
font-weight:normal;
font-size:14px;
line-height:1;
}
.hdg-l2-02-notes{
font-size:11px;
color:var(--cmn-font-color-gray);
margin:0 -10px;
padding:7px 10px;
}
.hdg-l2-02 small{
display:block;
font-weight:normal;
font-size:10px;
}

/* .hdg-l2-05
----------------------------------------------- */
.hdg-l2-05{
margin:0 -10px;
padding:8px 10px 6px;
color:var(--cmn-font-color-base);
background-color:#777;
color:#fff;
font-size:14px;
}
.hdg-l2-05-notes{
font-size:11px;
color:var(--font-color-btn-link);
border-bottom:1px solid #e5e5e5;
margin:0 -10px;
padding:7px 10px;
}

/* ----------------------------------------------------------------
  Icon
----------------------------------------------------------------- */
/* icon-required
------------------------------------------------ */
.icon-required{
margin-left:2px;
padding-top:7px;
vertical-align:middle;
overflow:hidden;
display:inline-block;
width:7px;
height:0;
position:relative;
top:-1px;
background:url(/element_sp/shared/images/icon/icon-required-asterisk.svg) 0 0 no-repeat;
}

/* icon-blank
------------------------------------------------ */
.icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:3px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}

/* icon-baggage
------------------------------------------------ */
.icon-baggage{
display:inline-block;
width:15px;
height:0;
padding-top:15px;
overflow:hidden;
line-height:2;
vertical-align:middle;
position:relative;
background-image:url(/element/j_air_on/shared/images/icon-baggage.svg);
background-position:center 0;
background-repeat:no-repeat;
background-size:9px 15px;
position:relative;
top:-1px;
}

/* ----------------------------------------------------------------
  Box
----------------------------------------------------------------- */
/* box-03
----------------------------------------------------------------- */
.box-03{
margin:0 -10px;
background-color:#fff;
}
.box-03 + .cmn-tip-hdg-faq{
margin-top:-1px;
}

/* box-notice
----------------------------------------------------------------- */
.box-notice{
margin:5px 0;
padding:5px;
border:1px solid #c9c9c9;
background-color:#f5f5f5;
font-size:10px;
}
.box-notice span{
display:block;
}
.box-notice p{
margin:0;
}
.box-notice p b{
color:var(--cmn-font-color-red);
}

/* .box-sticky
----------------------------------------------- */
.box-sticky{
box-sizing:border-box;

/* position:fixed; */
position:static;
bottom:0;
z-index:3;
margin:0 -10px;
padding:10px;
width:100%;
color:#fff;
background-color:rgba(0, 0, 0, .7);
font-weight:bold;
}
[data-role=page].page-active .box-sticky{
position:fixed;
}
.box-sticky > :first-child{
margin-top:0;
margin-bottom:0;
}

/* box-filter
----------------------------------------------------------------- */
.box-filter{
margin:0 -10px;
}
.box-filter select{
color:var(--font-color-placeholder);
}
.box-filter .set-query select{
color:var(--cmn-font-color-base);
}
.box-filter .box-filter-submit-container{
padding:15px 10px 30px;
}
.box-filter + .tab-navi{
border-top:1px solid #bbb;
}
.box-filter .fltr-price-type-item{
padding:10px;
}
.box-filter .fltr-price-type-item > :first-child.output-sup{
padding-top:0;
}
.box-filter .fltr-price-type-item + .fltr-price-type-item{
border-top:1px solid #e5e5e5;
}
.box-filter .fltr-price-type-item .outpu-sup-02{
display:block;
font-weight:bold;
font-size:12px;
}
.box-filter .box-filter-col .box-filter-cell{
display:table;
width:100%;
table-layout:fixed;
}
.box-filter .box-filter-col .box-filter-cell:not(:first-child){
border-top:1px solid #e5e5e5;
}
.box-filter .box-filter-col .box-filter-cell div{
box-sizing:border-box;
display:table-cell;
padding-left:10px;
width:50px;
vertical-align:middle;
font-weight:bold;
font-size:12px;
}
.box-filter .fltr-area .tbl-btn{
font-size:16px;
}
.box-filter .tbl-btn .set-query{
color:var(--cmn-font-color-base);
}
.box-filter .fltr-date .set-query .tbl-btn > span{
font-weight:bold;
}
.box-filter .fltr-date-chk .output{
display:block;
padding:10px;
}
.box-filter .fltr-date-chk .output .checkbox-custom + .output-sup-02{
margin-top:7px;
}
.box-filter .fltr-date-chk .output .output-sup-02{
display:block;
margin-bottom:2px;
font-weight:bold;
font-size:12px;
}
.box-filter .fltr-date-chk .output .checkbox-custom label{
display:block;
}
.box-filter .fltr-date-chk .output .checkbox-custom span{
padding-top:4px;
font-size:12px;
}
.box-filter .set-container > span > b{
display:inline-block;
padding-right:5px;
vertical-align:top;
font-size:12px;
font-weight:normal;
float:left;
}
.box-filter .set-container > span > b:after{
display:inline-block;
margin-left:4px;
content:":";
vertical-align:top;
}
.box-filter .set-container > .set-query > b{
font-weight:bold;
}
.box-filter .set-container > span{
display:block;
margin-top:3px;
vertical-align:middle;
font-size:0;
}
.box-filter .set-container > span:first-child{
margin-top:0;
}
.box-filter .set-container > span > span{
display:block;
white-space:normal;
word-break:break-all;
font-size:13px;
overflow:hidden;
}
.box-filter .set-query .set-container > span > span{
font-weight:bold;
}
.box-filter .set-container > span > span > span{
display:inline-block;
}
.box-filter .set-container > span > span > b{
margin-right:7px;
}
.box-filter .output-add{
font-size:12px;
}
.box-filter .output-add .output-notes{
display:block;
margin-top:5px;
}
.box-filter .output-add .output-notes.mark{
margin-left:1em;
text-indent:-1em;
}
.box-filter .fltr-num .output{
padding:5px 10px 10px;
}
.box-filter .fltr-num .output li{
margin-bottom:10px;
}

/* set-num-age
------------------------------------------------ */
/*.box-filter .fltr-num*/
.box-filter .fltr-num ul{
margin:0;
}
.box-filter .fltr-num ul li{
margin-bottom:5px;
}
.box-filter .fltr-num ul li:last-child{
margin-bottom:0;
}
.box-filter .list-filter > li.fltr-num > b{
padding-top:38px;
vertical-align:top;
}
.box-filter .fltr-num .set-num-sum{
position:relative;
}
.box-filter .fltr-num .set-num-sum .output-sup-container{
position:relative;
}
.box-filter .fltr-num .set-num-sum .output-sup-02{
display:block;
margin:0 0 2px;
font-weight:bold;
font-size:12px;
}
.box-filter .fltr-num .set-num-sum .output-sup-02:nth-child(2){
width:108px;
position:absolute;
right:0;
top:0;
}
.box-filter .fltr-num .set-num-sum .output-sup-02 small{
font-weight:normal;
font-size:10px;
}
.box-filter .fltr-num .set-num-sum .output-item{
display:block;
padding-right:116px;
}
.box-filter .fltr-num .set-num-sum .output-item select{
padding-left:5px;
border:1px solid #bbb;
color:var(--cmn-font-color-base);
}
.box-filter .fltr-num .set-num-sum .btn-set-num{
box-sizing:border-box;
display:block;
position:absolute;
right:0;
bottom:0;
padding:6px 5px;
border:1px solid #bbb;
border-radius:4px;
width:109px;
height:44px;
color:var(--cmn-font-color-base);
background-color:#fff;
font-size:16px;

}
.box-filter .fltr-num .set-num-sum .btn-set-num::before{
display:inline-block;
position:absolute;
top:50%;
right:10px;
margin-top:-4px;
width:11px;
height:11px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 center no-repeat transparent;
background-size:100%;
content:"";
vertical-align:middle;
}
.box-filter .fltr-num.active .set-num-sum .btn-set-num::before{
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 0 no-repeat;
}
.box-filter .fltr-num .set-num-unit{
display:none;
margin:10px 0;
border-radius:4px;
background-color:#fff;
}
.box-filter .fltr-num.active .set-num-unit{
display:block;
margin-left:50px;
}
.box-filter .fltr-num .set-num-unit li{
display:table;
width:100%;
table-layout:fixed;
}
.box-filter .fltr-num .set-num-unit li .output-sup-02{
box-sizing:border-box;
display:table-cell;
margin:0;
padding-right:5px;
vertical-align:middle;
font-weight:bold;
font-size:12px;
}
.box-filter .fltr-num .set-num-unit li .output-sup-02 small{
display:block;
margin-top:-2px;
font-weight:normal;
font-size:10px;
}
.box-filter .fltr-num .set-num-unit li .output-item{
display:table-cell;
width:109px;
}
.box-filter .fltr-num .set-num-unit li .output-item select{
padding-left:5px;
border:1px solid #bbb;
color:var(--cmn-font-color-base);
}
.box-filter .fltr-num .set-num-link{
font-size:12px;
}

/* .box-filter .list-link
------------------------------------------------ */
.box-filter .list-link a{
padding:15px 30px;
font-size:15px;
}
.box-filter .list-link li a:after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#bfbfbf;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* pseudo-change-container tabs-container
---------------------------------- */
.pseudo-change-container .tabs-container{
position:relative;
margin:0 -10px;
background-color:#fff;
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
}
.pseudo-change-container .tabs-container .tabs-list{
display:-webkit-box;
display:flex;
}
.pseudo-change-container .tabs-container .tabs-list >li{
line-height:1;
}
.pseudo-change-container .tabs-container .tabs-list >li button{
background:none;
border:none;
position:relative;
display:block;
padding:12px 10px 10px;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1.35;
height:47px;
}
.pseudo-change-container .tabs-container .tabs-list >li button::after{
position:relative;
top:6px;
content:"";
display:block;
width:100%;
height:2px;
background-color:transparent;
}
.pseudo-change-container .tabs-container .tabs-list >li button[aria-selected="true"]::after{
background-color:#222;
}
.pseudo-change-container .tabs-container .tabs-list >li.is-disabled button{
color:#ccc;
}

/* pseudo-change-container box-filter-change
---------------------------------- */
.pseudo-change-container .box-filter-change{
border-bottom:1px solid #e5e5e5;
}
.pseudo-change-container .box-filter-change.form-single .fltr-date .tbl-btn span{
font-size:16px;
}
.pseudo-change-container .box-filter-change .tbl-01{
border:none;
}
.pseudo-change-container .box-filter-change .tbl-01 tr:not(:last-child) th,
.pseudo-change-container .box-filter-change .tbl-01 tr:not(:last-child) td{
border:none;
border-bottom:1px solid #e5e5e5;
}
.pseudo-change-container .box-filter-change .tbl-01 th,
.pseudo-change-container .box-filter-change .tbl-01 td{
padding:12px 0;
}
.pseudo-change-container .box-filter-change .tbl-01 th{
width:61px;
background-color:transparent;
font-weight:normal;
}
.pseudo-change-container .box-filter-change .tbl-01 td{
padding-left:4px;
}
.pseudo-change-container .box-filter-change .tbl-btn{
border:1px solid #999;
border-radius:4px;
font-size:16px;
min-height:44px;
max-height:51px;
box-sizing:border-box;
padding:3px 20px 2px 12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.pseudo-change-container .box-filter-change .tbl-btn:after{
right:8px;
}
.pseudo-change-container .box-filter-change .tbl-btn .set-query{
color:var(--cmn-font-color-base);
}
.pseudo-change-container .box-filter-change .box-filter-col .box-filter-cell{
position:relative;
}
.pseudo-change-container .box-filter-change .box-filter-col .box-filter-cell:not(:first-child){
margin-top:8px;
}
.pseudo-change-container .box-filter-change .box-filter-col .box-filter-cell .tbl-btn{
padding-left:57px;
}
.pseudo-change-container .box-filter-change .box-filter-col .box-filter-cell > div{
position:absolute;
left:9px;
top:50%;
margin-top:-.8em;
font-size:12px;
}
.pseudo-change-container .box-filter-change .box-filter-oneway{
border-bottom:1px solid #e5e5e5;
}
.pseudo-change-container .box-filter-change .fltr-date .tbl-btn span{
font-size:14px;
line-height:1;
}
.pseudo-change-container .box-filter-change .fltr-date .tbl-btn span + span{
margin-top:2px;
}
.pseudo-change-container .box-filter-change .fltr-date .set-container > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.pseudo-change-container .box-filter-change .fltr-date .set-container > span b{
display:block;
width:45px;
font-weight:normal;
}
.pseudo-change-container .box-filter-change .fltr-date .set-container > span.set-query > span{
font-size:14px;
}
.pseudo-change-container .box-filter-change .fltr-date .set-container > span.set-query b{
font-size:12px;
}
.pseudo-change-container .box-filter-change .fltr-num th{
padding-top:33px;
vertical-align:top;
position:relative;
}
.pseudo-change-container .box-filter-change .fltr-num th .cmn-tip-btn{
position:absolute;
right:4px;
top:33px;
}
.pseudo-change-container .box-filter-change .fltr-num .set-num-sum{
position:relative;
}
.pseudo-change-container .box-filter-change .fltr-num .set-num-sum .output-sup-container{
position:relative;
}
.pseudo-change-container .box-filter-change .fltr-num .set-num-sum .output-sup-02{
display:block;
margin:0 0 2px;
font-size:12px;
}
.pseudo-change-container .box-filter-change .fltr-num .set-num-sum .output-sup-02:nth-child(2){
width:calc(50% - 4px);
position:absolute;
right:0;
top:0;
}
.pseudo-change-container .box-filter-change .fltr-num .set-num-sum .output-sup-02 small{
font-size:12px;
}
.pseudo-change-container .box-filter-change .fltr-num .set-num-sum .output-item{
display:block;
padding-right:50%;
box-sizing:border-box;
margin-right:4px;
}
.pseudo-change-container .box-filter-change .fltr-num .set-num-sum .output-item select{
padding-left:5px;
border:1px solid #999;
color:var(--cmn-font-color-base);
}
.pseudo-change-container .box-filter-change .fltr-num .set-num-sum .btn-set-num{
box-sizing:border-box;
display:block;
position:absolute;
right:0;
bottom:0;
padding:6px 5px;
border:1px solid #999;
border-radius:4px;
width:calc(50% - 4px);
height:44px;
box-sizing:border-box;
color:var(--cmn-font-color-base);
font-size:16px;
}
.pseudo-change-container .box-filter-change .fltr-num .set-num-sum .btn-set-num::before{
display:inline-block;
position:absolute;
top:50%;
right:10px;
margin-top:-4px;
width:11px;
height:11px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 center no-repeat transparent;
background-size:100%;
content:"";
vertical-align:middle;
}
.pseudo-change-container .box-filter-change .fltr-num .set-num-unit{
display:none;
margin:10px 0;
border-radius:4px;
background-color:#fff;
}
.pseudo-change-container .box-filter-change .fltr-num .set-num-unit li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.pseudo-change-container .box-filter-change .fltr-num .set-num-unit li:not(:first-child){
margin-top:8px;
}
.pseudo-change-container .box-filter-change .fltr-num .set-num-unit li .output-sup-02{
-webkit-box-flex:1;
flex:1;
box-sizing:border-box;
font-size:12px;
}
.pseudo-change-container .box-filter-change .fltr-num .set-num-unit li .output-sup-02 small{
display:block;
margin-top:-2px;
font-size:12px;
}
.pseudo-change-container .box-filter-change .fltr-num .set-num-unit li .output-item{
width:calc(50% - 4px);
}
.pseudo-change-container .box-filter-change .fltr-num .set-num-unit li .output-item select{
padding-left:5px;
border:1px solid #999;
color:var(--cmn-font-color-base);
}
.pseudo-change-container .box-filter-change .fltr-num.active .set-num-sum .btn-set-num::before{
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 0 no-repeat;
}
.pseudo-change-container .box-filter-change .fltr-num.active .set-num-unit{
display:block;
}

/* box-spec
----------------------------------------------------------------- */
.box-spec{
margin-top:12px;
padding:8px 12px;
border-radius:3px;
background-color:#fff;
color:var(--cmn-font-color-base);
}

/* spec-list
---------------------------------- */
.spec-list{
margin:0;
font-size:0;
}
.spec-list li{
display:-webkit-box;
display:flex;
}
.spec-list .spec-sup{
font-size:12px;
line-height:calc(17 / 12);
white-space:nowrap;
}
.spec-list .spec-sup::after{
content:":";
display:inline-block;
margin:0 8px 0 4px;
}
.spec-list .spec-route{
font-size:0;
margin:0;
}
.spec-list .spec-route li{
display:inline-block;
font-size:12px;
line-height:calc(17 / 12);
}
.spec-list .spec-route li:not(:first-child)::before{
content:"";
margin:0 4px;
display:inline-block;
width:13px;
height:7px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-route.svg) 0 0 no-repeat;
background-size:12px;
}
.spec-list .spec-date{
font-size:12px;
line-height:calc(17 / 12);
margin-left:12px;
-webkit-box-flex:1;
flex:1;
}

/* spec-filter
---------------------------------- */
.spec-filter{
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
-webkit-box-pack:end;
justify-content:flex-end;
}
.spec-filter >div:first-child{
-webkit-box-flex:1;
flex:1;
}
.spec-filter >div:last-child:not(:first-child){
width:70px;
padding-left:10px;
box-sizing:border-box;
}
.spec-filter .btn-filter{
position:relative;
right:-4px;
box-sizing:border-box;
display:block;
padding:4px 0 0;
border:none;
border:1px solid #bbb;
border-radius:3px;
width:60px;
height:24px;
color:var(--cmn-font-color-base);
background:none;
text-align:center;
font-size:12px;
line-height:calc(17 / 12);
}
.spec-filter .spec-filter-list{
font-size:0;
margin:8px 0 0 0;
}
.spec-filter .spec-filter-list li{
font-size:12px;
line-height:calc(17 / 12);
display:inline-block;
}
.spec-filter .spec-filter-list li:not(:last-child)::after{
content:"\FF0F";
display:inline-block;
}

/* spec-organic
---------------------------------- */
.spec-organic{
border:1px solid #e30707;
padding:12px;
margin-top:8px;
}
.spec-organic .spec-organic-desc{
margin:0;
font-size:14px;
text-align:center;
}
.spec-organic .spec-organic-action{
text-align:center;
}
.spec-organic .spec-organic-action ul{
margin:8px -4px 0;
display:-webkit-inline-box;
display:inline-flex;
}
.spec-organic .spec-organic-action ul li{
-webkit-box-flex:1;
flex:1;
margin:0 4px;
}
.spec-organic .spec-organic-action button{
font-size:14px;
min-width:124px;
height:24px;
text-align:center;
margin:0;
padding:0;
background:none;
border:1px solid #bbb;
border-radius:3px;
}

/* .search-result-header
----------------------------------------------- */
.search-result-header{
border-top:1px solid #00428e;
background:#00428e url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size:100% auto;
margin:-11px -10px 0;
padding:0 10px 12px;;
}

/* .search-result-header-category
----------------------------------------------- */
.search-result-header .search-result-header-category{
margin:12px 0 -4px;
color:#fff;
line-height:1.35;
text-shadow:0 1px 0 rgb(0 0 0 / 50%);
font-size:16px;
}
.search-result-header .search-result-header-summary{
margin:8px 0 -4px;
font-size:14px;
color:#fff;
}
.search-result-header .link-internal-01{
margin-top:10px;
margin-bottom:4px;
}
.search-result-header .search-result-header-content .search-result-header-category{
display:inline;
}
.search-result-header .search-result-header-content .search-result-header-link{
float:right;
font-size:12px;
margin-top:3px;
line-height:1.2;
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}
.search-result-header .search-result-header-content::after{
content:"";
display:table;
clear:both;
}

/* search-result-header-tools
---------------------------------- */
.search-result-header .search-result-header-tools{
margin-top:8px;
}

/* search-result-header-row
---------------------------------- */
.search-result-header .search-result-header-row{
display:-webkit-box;
display:flex;
margin-top:8px;
margin-right:-10px;
}
.search-result-header .search-result-header-row >div:first-child{
min-width:87px;
margin-right:12px;
}
.search-result-header .search-result-header-row >div:last-child{
-webkit-box-flex:1;
flex:1;
overflow:hidden;
}

/* search-filter
---------------------------------- */
.search-result-header .search-item-btn{
display:block;
position:relative;
background:none;
border:none;
border-radius:4px;
background-color:#fff;
padding:1px 4px 3px;
font-size:14px;
color:var(--cmn-font-color-base);
border:1px solid #ccc;
min-width:87px;
height:29px;
box-sizing:border-box;
}
.search-result-header .search-item-btn .cnt{
font-size:12px;
}
.search-result-header .search-item-btn::before{
content:"";
display:inline-block;
margin-right:4px;
width:10px;
height:10px;
background:url(/element_sp/j_air_on/shared/images/icon-filter.svg) 0 0 no-repeat;
}
.search-result-header .is-unselected .search-item-btn::after{
display:none;
}

/* search-sorter
---------------------------------- */
.search-result-desc .search-sorter{
text-align:right;
position:relative;
}
.search-result-desc .search-sorter[aria-expanded="true"] .search-sorter-item{
display:block;
}
.search-result-desc .search-sorter[aria-expanded="true"] .search-sorter-layer{
display:block;
}
.search-result-desc .search-sorter .search-sorter-layer{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:transparent;
z-index:2;
}
.search-result-desc .search-sorter .search-item-sorter-header{
position:relative;
}
.search-result-desc .search-sorter .search-item-sorter-header .serch-item-sorter-close{
position:absolute;
right:-16px;
top:-24px;
height:60px;
z-index:1;
}
.search-result-desc .search-sorter .search-item-sorter-header .serch-item-sorter-close button{
margin:0;
padding:12px;
border:none;
background:none;
}
.search-result-desc .search-sorter .search-item-sorter-header .serch-item-sorter-close button span{
display:block;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_air_on/shared/images/icon-close-gry.svg) top left no-repeat;
}
.search-result-desc .search-sorter .search-sorter-item{
display:none;
position:relative;
}
.search-result-desc .search-sorter .search-sorter-item::before{
position:absolute;
top:4px;
left:50%;
margin-left:-7px;
content:"";
display:inline-block;
width:14px;
height:14px;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
z-index:1;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.search-result-desc .search-sorter .search-sorter-item::after{
position:absolute;
top:4px;
left:50%;
margin-left:-9px;
margin-top:-3px;
content:"";
display:inline-block;
width:0;
height:0;
border-bottom:10px solid #fff;
border-left:10px solid transparent;
border-right:10px solid transparent;
z-index:3;
}
.search-result-desc .search-sorter .search-sorter-item .search-sorter-item-inner{
position:absolute;
right:0;
margin-top:9px;
text-align:left;
width:130%;
max-width:calc(100vw - 20px);
padding:24px 16px 12px;
box-sizing:border-box;
border-radius:3px;
background:#fff;
z-index:3;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.search-result-desc .search-sorter .search-sorter-label{
font-size:14px;
font-weight:bold;
line-height:calc(21/14);
}
.search-result-desc .search-sorter .search-sorter-list{
font-size:14px;
margin:0;
}
.search-result-desc .search-sorter .search-sorter-btn{
display:block;
text-align:center;
padding:0 8px;
height:34px;
width:193px;
background:#fff;
border:1px solid #bbb;
border-radius:17px;
color:var(--cmn-font-color-base);
font-size:14px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.search-result-desc .search-sorter .search-sorter-btn::before{
content:"";
display:inline-block;
position:relative;
top:-2px;
width:15px;
height:13px;
background:url(/element_sp/j_air_on/shared/images/icon-form-sort.svg) no-repeat 0 0;
background-size:15px auto;
vertical-align:middle;
margin-right:4px;
}

/* search-chips
---------------------------------- */
.search-result-header .search-chips{
position:relative;
}
.search-result-header .search-chips .search-chips-inner{
max-width:100%;
display:block;
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
box-sizing:border-box;
}
.search-result-header .search-chips .search-chips-inner::-webkit-scrollbar{
display:none;
}
.search-result-header .search-chips .search-chips-list{
white-space:nowrap;
margin:0;
font-size:0;
display:inline-block;
}
.search-result-header .search-chips .search-chips-list > li{
display:-webkit-inline-box;
display:inline-flex;
position:relative;
background-color:#fff;
border-radius:3px;
margin-right:8px;
}
.search-result-header .search-chips .search-chips-list > li:last-child{
margin-right:10px;
}
.search-result-header .search-chips .search-chips-list > li .search-chips-list-btn{
display:inline-block;
color:#fff;
font-size:14px;
padding:8px 8px;
line-height:1;
height:29px;
box-sizing:border-box;
}
.search-result-header .search-chips .search-chips-list > li .search-chips-list-btn > span{
--cmn-dashed-color:var(--cmn-font-color-link);
--cmn-dashed-font-color:var(--cmn-font-color-link);
}
.search-result-header .search-chips .search-chips-list > li .search-chips-list-btn-del{
display:inline-block;
background:none;
margin-left:-8px;
width:27px;
height:0;
padding-top:29px;
overflow:hidden;
line-height:2;
border:none;
}
.search-result-header .search-chips .search-chips-list > li .search-chips-list-btn-del::before{
position:absolute;
top:50%;
margin-top:-3px;
right:8px;
content:"";
display:block;
width:9px;
height:9px;
background:url(/element_sp/j_air_on/shared/images/icon-close.svg) 0 0 no-repeat;
background-size:100%;
}

/* search-result-board
---------------------------------- */
.search-result-container .search-result-board{
margin:0 -8px;
padding:0 10px;
}

/* search-result-desc
---------------------------------- */
.search-result-container .search-result-desc{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
}
.search-result-container .search-result-desc .search-result-desc-text{
font-size:14px;
line-height:calc(17/14);
vertical-align:middle;
}
.search-result-container .search-result-desc .search-result-desc-text .search-result-desc-date{
margin-right:3px;
display:inline-block;
position:relative;
line-height:calc(17/14);
}

@media screen and (max-width: 320px){
.search-result-container .search-result-desc .search-result-desc-text >span{
display:block;
}
}

/* search-result-filter
---------------------------------- */
.search-result-container .search-result-filter{
position:relative;
margin-top:12px;
}
.search-result-container .search-result-filter.branch .search-result-filter-book{
position:absolute;
right:0;
top:-3px;
width:82px;
}
.search-result-container .search-result-filter.branch .search-result-filter-book .checkbox-custom label span{
display:inline-block;
font-size:12px;
line-height:calc(17 / 12);
}
.search-result-container .search-result-filter.branch .search-result-filter-row{
padding-right:94px;
}
.search-result-container .search-result-filter-footer{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin-top:8px;
margin-bottom:-8px;
}
.search-result-container .search-result-filter-footer .search-result-desc-info{
position:relative;
padding-right:18px;
font-size:12px;
display:block;
text-align:right;
}
.search-result-container .search-result-filter-footer .search-result-desc-info .cmn-tip-btn{
position:absolute;
right:0;
top:50%;
margin-top:-8px;
margin-right:0;
}
.search-result-container .search-result-filter-row{
display:-webkit-box;
display:flex;
padding-right:0;
}
.search-result-container .search-result-filter-row > div{
box-sizing:border-box;
width:auto;
}
.search-result-container .search-result-filter-row > div:first-child{
padding-right:4px;
width:81px;
}
.search-result-container .search-result-filter-row > div:nth-child(2){
padding-right:4px;
min-width:30%;
-webkit-box-flex:1;
flex:1;
max-width:140px;
}
.search-result-container .search-result-filter-row > div:last-child{
width:89px;
}
.search-result-container .is-defined .search-result-easy-btn > span{
color:var(--cmn-btn-color);
}
.search-result-container .is-unselected.is-defined .search-result-easy-btn > span{
color:var(--cmn-btn-color);
}
.search-result-container .is-unselected .search-result-filter-btn span{
color:var(--cmn-font-color-base);
}
.search-result-container .is-unselected .search-result-easy-btn{
border:1px solid #ccc;
}
.search-result-container .is-unselected .search-result-easy-btn span{
color:var(--cmn-font-color-base);
}
.search-result-container .search-result-filter-btn{
border:1px solid #ccc;
background:none;
background-color:#fff;
border-radius:19px;
padding:8px 20px 8px 8px;
box-sizing:border-box;
height:34px;
width:100%;
font-size:12px;
text-align:left;
position:relative;
color:var(--cmn-font-color-base);
}
.search-result-container .search-result-filter-btn::after{
display:block;
position:absolute;
right:8px;
top:50%;
margin-top:-3px;
width:4px;
height:7px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-next-02.svg) 0 0 no-repeat;
background-size:100%;
content:"";
}
.search-result-container .search-result-filter-btn > span{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
line-height:1;
color:var(--cmn-font-color-base);
}
.search-result-container .search-result-easy-btn{
border:1px solid var(--cmn-btn-color);
background:none;
background-color:#fff;
border-radius:4px;
padding:6px 19px 6px 8px;
box-sizing:border-box;
height:26px;
width:100%;
font-size:12px;
text-align:left;
position:relative;
color:var(--cmn-font-color-base);
}
.search-result-container .search-result-easy-btn::after{
position:absolute;
right:8px;
top:50%;
margin-top:-2px;
content:"";
display:block;
border-top:4px solid #222;
border-left:4px solid transparent;
border-right:4px solid transparent;
}
.search-result-container .search-result-easy-btn > span{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
line-height:1;
color:var(--cmn-font-color-base);
}
.search-result-container .search-result-remarks{
-webkit-box-flex:1;
flex:1;
text-align:right;
font-size:0;
}
.search-result-container .search-result-remarks .search-result-remarks-sup{
display:inline-block;
font-size:12px;
line-height:calc(17/12);
}
.search-result-container .search-result-remarks .search-result-remarks-sup >span{
display:inline-block;
}
.search-result-container .search-result-remarks .search-result-remarks-sup >span:not(:last-child)::after{
content:"/";
display:inline-block;
margin:0 4px;
}

@media screen and (max-width: 359px){
.search-result-container .search-result-filter-row{
padding-right:0;
}
.search-result-container .search-result-filter.branch .search-result-filter-book{
position:static;
width:auto;
text-align:right;
margin-top:8px;
}
.search-result-container .search-result-filter.branch .search-result-filter-book .checkbox-custom label span{
margin-top:1px;
}
.search-result-container .search-result-filter.branch .search-result-filter-row{
padding-right:0;
}
.search-result-container .search-result-filter.branch .search-result-remarks{
position:static;
text-align:right;
}
.search-result-container .search-result-filter.branch .search-result-remarks span{
display:inline;
}
}

/* search-selector
---------------------------------- */
.search-result-container .search-result-filter-airline .search-selector-item-inner{
min-width:240px;
left:0;
}
.search-result-container .search-result-filter-option .search-selector-item-inner{
width:300px;
right:50%;
-webkit-transform:translateX(58%);
transform:translateX(58%);
}
.search-result-container .search-result-filter-agt .search-selector-item-inner{
width:270px;
right:97%;
-webkit-transform:translateX(50%);
transform:translateX(50%);
}

@media screen and (max-width: 320px){
.search-result-container .search-result-filter-option .search-selector-item-inner{
-webkit-transform:translateX(50%);
transform:translateX(50%);
}
.search-result-container .search-result-filter-agt .search-selector-item-inner{
right:0;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}

/* search-selector
---------------------------------- */
.search-result-container .search-selector{
text-align:right;
position:relative;
}
.search-result-container .search-selector[aria-expanded="true"] .search-selector-item{
display:block;
}
.search-result-container .search-selector[aria-expanded="true"] .search-selector-layer{
display:block;
}
.search-result-container .search-selector[aria-expanded="true"] .search-selector-trigger:after{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.search-result-container .search-selector-layer{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:transparent;
z-index:3;
}
.search-result-container .search-selector-item{
display:none;
position:relative;
}
.search-result-container .search-selector-item::before{
position:absolute;
top:4px;
left:50%;
margin-left:-7px;
content:"";
display:inline-block;
width:14px;
height:14px;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
z-index:1;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.search-result-container .search-selector-item::after{
position:absolute;
top:4px;
left:50%;
margin-left:-9px;
margin-top:-3px;
content:"";
display:inline-block;
width:0;
height:0;
border-bottom:10px solid #fff;
border-left:10px solid transparent;
border-right:10px solid transparent;
z-index:3;
}
.search-result-container .search-selector-item-inner{
position:absolute;
min-width:178px;
margin-top:9px;
text-align:left;
padding:20px 16px;
box-sizing:border-box;
border-radius:3px;
background:#fff;
z-index:3;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.search-result-container .search-selector-item-inner >:first-child{
margin-top:0;
}

/* serch-selector-footer
---------------------------------- */
.search-result-container .serch-selector-footer{
margin-top:16px;
}
.search-result-container .serch-selector-action{
display:-webkit-box;
display:flex;
width:184px;
margin:0 auto;
}
.search-result-container .serch-selector-action li{
-webkit-box-flex:1;
flex:1;
margin:0 6px;
}
.search-result-container .serch-selector-btn{
width:100%;
background:none;
border:none;
padding:0;
font-size:14px;
border-radius:4px;
background-color:var(--cmn-btn-color);
color:#fff;
height:32px;
}
.search-result-container .serch-selector-btn-cancel{
width:100%;
background:none;
border:none;
padding:0;
font-size:14px;
border-radius:4px;
border:1px solid #bbbbbb;
height:32px;
}

/* search-selector-header
---------------------------------- */
.search-result-container .search-selector-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
margin-top:16px;
flex-wrap:wrap;
}
.search-result-container .search-selector-header .search-selector-hdg-container{
width:100%;
margin-bottom:16px;
}
.search-result-container .search-selector-header > div:first-child{
-webkit-box-flex:1;
flex:1;
}
.search-result-container .search-selector-hdg{
font-size:14px;
font-weight:bold;
}
.search-result-container .search-selector-clear-btn{
background:none;
border:1px solid #bbb;
padding:0;
border-radius:3px;
font-size:12px;
width:58px;
height:22px;
margin-left:12px;
}

/* search-selector-switch
---------------------------------- */
.search-result-container .search-selector-switch{
width:268px;
margin:16px 0 0 0;
padding-bottom:9px;
display:-webkit-box;
display:flex;
border-bottom:1px solid #e5e5e5;
}
.search-result-container .search-selector-switch > li:first-child{
width:128px;
}
.search-result-container .search-selector-switch > li:last-child{
-webkit-box-flex:1;
flex:1;
}
.search-result-container .search-selector-switch .radio-custom{
height:100%;
display:-webkit-box;
display:flex;
}
.search-result-container .search-selector-switch .radio-custom input[type="radio"]:checked + span::after{
content:"";
display:block;
width:20px;
height:7px;
position:absolute;
bottom:-10px;
left:calc(50% - 4px);
background:url(/element_sp/j_air_on/shared/images/icon-balloon-arrow.svg) no-repeat 100% 0;
}

/* search-selector-ex-btn
---------------------------------- */
.search-result-container .search-selector-ex-btn{
background:none;
border:1px solid #bbb;
padding:0 4px;
border-radius:3px;
font-size:12px;
min-width:70px;
height:22px;
}

/* search-selector-list
---------------------------------- */
.search-result-container .search-selector-list{
margin-top:16px;
}
.search-result-container .search-selector-list .checkbox-custom-02 label > span{
line-height:calc(20 / 14);
font-size:14px;
}
.search-result-container .search-selector-list >li:not(:first-child){
margin-top:16px;
}
.search-result-container .search-selector-list >li .cmn-tip-caution-btn{
margin-left:4px;
}

/* search-selector-list-branch
---------------------------------- */
.search-result-container .search-selector-list-branch .search-selector-agt-info{
font-size:0;
margin:0;
}
.search-result-container .search-selector-list-branch .search-selector-agt-info li{
display:inline-block;
font-size:12px;
}
.search-result-container .search-selector-list-branch .search-selector-agt-info li:not(:last-child)::after{
content:"/";
display:inline-block;
margin:0 4px;
}
.search-result-container .search-selector-list-branch .search-selector-list-item{
display:-webkit-box;
display:flex;
}
.search-result-container .search-selector-list-branch .search-selector-list-item .search-selector-list-label{
-webkit-box-flex:1;
flex:1;
word-break:break-all;
}
.search-result-container .search-selector-list-branch .checkbox-custom-02 label{
width:20px;
overflow:hidden;
box-sizing:border-box;
}
.search-result-container .search-selector-list-branch .checkbox-custom-02 label > span{
overflow:hidden;
display:block;
padding-top:14px;
width:0;
height:0;
}

/* search-selector-double-list
---------------------------------- */
.search-result-container .search-selector-double-sup{
width:85px;
font-size:14px;
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
margin-right:-2px;
margin-bottom:-2px;
}
.search-result-container .search-selector-double-sup > span{
white-space:nowrap;
}
.search-result-container .search-selector-double-sup > span:first-child:not(:last-child){
margin-right:30px;
}
.search-result-container .search-selector-double-list{
margin:12px 0 0 0;
}
.search-result-container .search-selector-double-list >li{
display:-webkit-box;
display:flex;
}
.search-result-container .search-selector-double-list >li:not(:first-child){
margin-top:16px;
}
.search-result-container .search-selector-double-list >li .checkbox-custom{
width:20px;
box-sizing:border-box;
}
.search-result-container .search-selector-double-list >li .checkbox-custom.is-disabled label input[type="checkbox"] + span::before{
display:none;
}
.search-result-container .search-selector-double-list >li .checkbox-custom:not(:last-child){
margin-right:38px;
}
.search-result-container .search-selector-double-list >li .checkbox-custom:last-child{
margin-right:2px;
}
.search-result-container .search-selector-double-list >li .checkbox-custom label{
padding-left:20px;
}
.search-result-container .search-selector-double-list >li .checkbox-custom label span{
overflow:hidden;
display:block;
padding-top:14px;
width:0;
height:0;
}
.search-result-container .search-selector-double-list .search-selector-double-desc{
padding-top:1px;
-webkit-box-flex:1;
flex:1;
word-break:break-all;
font-size:14px;
padding-right:8px;
}

/* search-selector-double-guide
---------------------------------- */
.search-result-container .search-selector-double-guide{
color:var(--cmn-font-color-gray);
margin:12px -90px 0 0;
}
.search-result-container .search-selector-double-guide li{
text-indent:-1.4em;
margin-left:1.4em;
font-size:12px;
line-height:calc(17 / 12);
}
.search-result-container .search-selector-double-guide .mark{
margin-right:.4em;
}
.search-result-container .serch-selector-guide-class{
display:-webkit-box;
display:flex;
font-size:0;
}
.search-result-container .serch-selector-guide-class >span{
text-indent:0;
font-size:12px;
line-height:calc(17 / 12);
}
.search-result-container .serch-selector-guide-class >span:first-child{
position:relative;
width:35px;
padding-right:9px;
margin-right:4px;
box-sizing:border-box;
white-space:nowrap;
}
.search-result-container .serch-selector-guide-class >span:first-child::after{
position:absolute;
top:-1px;
right:0;
content:":";
display:inline-block;
}
.search-result-container .serch-selector-guide-class >span:last-child{
-webkit-box-flex:1;
flex:1;
}

/* search-result
------------------------------------------------ */
.search-result{
position:relative;
margin:0 -10px;
padding:12px 8px;
color:var(--cmn-font-color-base);
}
.search-result >:first-child{
margin-top:0;
}
.search-result .loading{
padding-bottom:600px;
}

/* search-result-num
------------------------------------------------ */
.search-result .search-result-link{
display:inline-block;
float:right;
margin-top:-2px;
margin-right:-3px;
color:#fff;
vertical-align:middle;
text-align:right;
font-size:10px;
line-height:1;
}
.search-result .search-result-link span{
position:relative;
top:2px;
}
.search-result .search-result-definition:before{
display:inline-block;
position:relative;
top:8px;
margin:0 1px 0 0;
content:"=";
vertical-align:top;
}
.search-result-add{
margin:6px 0;
}
.search-result-notes-list li{
position:relative;
padding-left:20px;
font-size:10px;
}
.search-result-notes-list li em{
color:var(--cmn-font-color-red);
}
.search-result-notes-list li::before{
position:absolute;
top:1px;
left:0;
content:"";
display:inline-block;
width:16px;
height:14px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) top left no-repeat;
}

/* search-result-container
------------------------------------------------ */
.search-result-container{
position:relative;
margin:0 -10px;
padding:10px 8px 28px;
background-color:#e5e5e5;
color:var(--cmn-font-color-base);
}
.search-result-container .loading{
padding-bottom:600px;
}

/* search-result-card-toggle-container
---------------------------------- */
.search-result-card-toggle-container.is-active .search-result-card-toggle-item{
display:block;
}
.search-result-card-toggle-container.is-active .search-result-card-toggle-trigger::before{
top:-2px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-01-up.svg);
}
.search-result-card-toggle-container .search-result-card-toggle-item{
display:none;
}
.search-result-card-toggle-container .search-result-card-toggle-trigger{
background:none;
border:none;
padding:0;
font-size:12px;
line-height:calc(17/12);
letter-spacing:-.04em;
}
.search-result-card-toggle-container .search-result-card-toggle-trigger::before{
position:relative;
top:-1px;
content:"";
width:8px;
height:5px;
display:inline-block;
margin-right:4px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-01-down.svg);
}

/* search-result-card
---------------------------------- */
.search-result-card{
background-color:#fff;
padding:8px 8px 8px;
margin-top:12px;
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
}

/* flt-header-row
---------------------------------- */
.search-result-card .flt-header-row{
display:-webkit-box;
display:flex;
}
.search-result-card .flt-header-row .flt-more-btn{
position:absolute;
bottom:0;
}
.search-result-card .flt-header-row >div{
box-sizing:border-box;
}
.search-result-card .flt-header-row >div:first-child{
position:relative;
-webkit-box-flex:1;
flex:1;
padding-bottom:29px;
}
.search-result-card .flt-header-row >div:last-child{
width:156px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-pack:justify;
justify-content:space-between;
}
.search-result-card .flt-header-row >div .flt-header-row-header{
width:100%;
}
.search-result-card .flt-header-row >div .flt-header-row-footer{
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}

/* flt-oparated
---------------------------------- */
.search-result-card .flt-oparated::after{
content:"";
display:table;
clear:both;
}
.search-result-card .flt-oparated .flt-tag{
float:left;
width:47px;
margin-right:8px;
}
.search-result-card .flt-oparated .flt-sup{
float:left;
padding-top:4px;
width:116px;
}
.search-result-card .flt-oparated .flt-logo{
width:47px;
height:20px;
display:table-cell;
vertical-align:middle;
box-sizing:border-box;
}
.search-result-card .flt-oparated .flt-logo img{
max-width:47px;
max-height:20px;
vertical-align:middle;
}

/* flt-mark,flt-number,flt-code,flt-alliance
---------------------------------- */
.search-result-card .flt-mark{
display:block;
font-size:12px;
line-height:1;
text-align:center;
margin-top:1px;
padding:3px 0;
width:44px;
height:17px;
box-sizing:border-box;
}
.search-result-card .flt-mark.flt-mark-02{
background-color:#eaeaea;
}
.search-result-card .flt-mark.flt-mark-03{
background-color:#eaeaea;
}
.search-result-card .flt-number{
margin-top:3px;
line-height:1;
}
.search-result-card .flt-code{
font-size:0;
margin-right:4px;
display:inline-block;
word-break:break-all;
}
.search-result-card .flt-code >span{
font-size:12px;
line-height:calc(17/12);
display:inline-block;
}
.search-result-card .flt-code >span:not(:last-child)::after{
content:"/";
display:inline-block;
margin:0 .3em;
}
.search-result-card .flt-alliance{
display:inline-block;
font-size:12px;
line-height:calc(17/12);
margin-right:4px;
}
.search-result-card .flt-eco{
display:inline-block;
width:28px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element/j_air_on/shared/images/icon-eco.svg) no-repeat 0 0;
background-size:28px 12px;
vertical-align:middle;
position:relative;
top:0;
}
.search-result-card .flt-wifi{
display:inline-block;
width:14px;
height:0;
padding-top:10px;
overflow:hidden;
line-height:2;
background:url(/element/j_air_on/shared/images/icon-wifi.svg) no-repeat 0 0;
background-size:14px 10px;
vertical-align:middle;
position:relative;
top:-1px;
margin-right:4px;
}

/* flt-route
---------------------------------- */
.search-result-card .flt-route{
display:-webkit-box;
display:flex;
margin:0;
width:100%;
}
.search-result-card .flt-route li{
box-sizing:border-box;
-webkit-box-flex:1;
flex:1;
}
.search-result-card .flt-route li:first-child{
padding-right:16px;
}
.search-result-card .flt-route li:first-child .flt-time{
position:relative;
}
.search-result-card .flt-route li:first-child .flt-time::after{
display:block;
position:absolute;
top:50%;
right:-12px;
margin-top:-4px;
width:13px;
height:7px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-route-long.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
}
.search-result-card .flt-route li .flt-time{
display:block;
font-size:18px;
line-height:calc(20/18);
}
.search-result-card .flt-route li .flt-time a{
color:var(--cmn-font-color-base);
background:-webkit-linear-gradient( left, #92ccf4,#92ccf4) no-repeat 0 100%;
background:linear-gradient( 90deg, #92ccf4,#92ccf4) no-repeat 0 100%;
background-size:100% 1px;
}
.search-result-card .flt-route li .flt-airport{
display:block;
font-size:12px;
line-height:calc(15/12);
white-space:nowrap;
text-align:center;
}
.search-result-card .flt-route li .flt-airport a{
color:var(--cmn-font-color-base);
background:-webkit-linear-gradient( left, #92ccf4,#92ccf4) no-repeat 0 100%;
background:linear-gradient( 90deg, #92ccf4,#92ccf4) no-repeat 0 100%;
background-size:100% 1px;
}

/* flt-dtl
---------------------------------- */
.flight.return .search-result-card .flt-dtl > div{
line-height:1;
}
.flight.return .search-result-card .flt-dtl > div > a{
padding-top:8px;
padding-bottom:17px;
margin-bottom:-17px;
}
.flight.return .search-result-card .flt-rcmd{
margin-top:8px;
}
.search-result-card .flt-dtl{
display:-webkit-box;
display:flex;
width:calc(100% + 8px);
margin:-8px -8px 0 0;
}
.search-result-card .flt-dtl > div{
line-height:1;
}
.search-result-card .flt-dtl > div > a{
position:relative;
display:block;
color:var(--cmn-font-color-base);
box-sizing:border-box;
padding:8px 21px 4px 0;
}
.search-result-card .flt-dtl > div:first-child{
padding-top:8px;
}
.search-result-card .flt-dtl > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.search-result-card .flt-dtl .flt-price-list{
margin:0;
font-size:12px;
}
.search-result-card .flt-dtl .flt-price-list > li{
line-height:1;
min-height:23px;
box-sizing:border-box;
text-align:right;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.search-result-card .flt-dtl .flt-price-list > li .flt-price-tag{
width:20px;
color:var(--cmn-font-color-gray);
font-size:10px;
line-height:calc(12/10);
margin:0 4px;
}
.search-result-card .flt-dtl .flt-price-list > li .flt-price{
-webkit-box-flex:1;
flex:1;
white-space:nowrap;
text-align:right;
color:var(--cmn-btn-color);

}
.search-result-card .flt-dtl .flt-price-list > li .flt-price::after{
display:block;
position:absolute;
top:12px;
right:8px;
width:9px;
height:14px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-next-blue.svg) 0 0 no-repeat;
background-size:100%;
content:"";
}
.search-result-card .flt-dtl .flt-price-list > li .flt-price.flt-price-best{
color:var(--cmn-font-color-red);
}
.search-result-card .flt-dtl .flt-price-list > li .flt-price.flt-price-best::after{
display:block;
position:absolute;
top:12px;
right:8px;
width:9px;
height:14px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-next-red.svg) 0 0 no-repeat;
background-size:100%;
content:"";
}
.search-result-card .flt-dtl .flt-price-list > li .flt-price-unit{
position:relative;
display:inline-block;
font-size:12px;
}
.search-result-card .flt-dtl .flt-price-list > li .flt-price-unit > span{
font-size:10px;
position:absolute;
display:block;
width:12px;
right:0px;
top:2px;
}
.search-result-card .flt-dtl .flt-price-list .flt-price-round .mod-num{
font-size:18px;
font-weight:bold;
line-height:calc(20/18);
}
.search-result-card .flt-dtl .flt-dtl-btn{
background:none;
border:1px solid #bbb;
border-radius:3px;
font-size:12px;
color:var(--cmn-font-color-base);
width:32px;
height:23px;
padding:3px 0 2px;
line-height:1;
}

/* flt-dtl-remarks
---------------------------------- */
.search-result-card .flt-dtl-remarks{
margin-top:4px;
margin-right:7px;
}
.search-result-card .flt-dtl-remarks > div{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
font-size:12px;
width:100%;
}

/* flt-airline
---------------------------------- */
.search-result-card .flt-airline{
width:100%;
margin-top:4px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
font-size:12px;
line-height:calc(17/12);
}
.search-result-card .flt-airline a{
color:var(--cmn-font-color-base);
}
.search-result-card .flt-type-class{
margin:4px 0 0 0;
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:calc(17/12);
}
.search-result-card .flt-type-class li{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
}
.search-result-card .flt-type-class li .cmn-tip-info-btn{
margin-left:4px;
}
.search-result-card .flt-type-class .mark{
margin-right:.4em;
}
.search-result-card .flt-airline-notes-link{
color:var(--cmn-font-color-base);
}
.search-result-card .flt-airline-notes{
margin:4px 0 0 0;
font-size:0;
}
.search-result-card .flt-airline-notes li{
font-size:12px;
display:inline-block;
line-height:1;
}
.search-result-card .flt-airline-notes li:not(:first-child)::before{
content:"/";
margin:0 4px;
}

/* flt-rcmd
---------------------------------- */
.search-result-card .flt-rcmd{
width:100%;
margin-right:-4px;
margin-top:12px;
text-align:right;
}
.search-result-card .flt-rcmd-more-btn{
background:none;
border:none;
font-size:12px;
border:1px solid #bbb;
border-radius:4px;
padding:1px 8px;
margin:0;
height:21px;
line-height:1;
}
.search-result-card .flt-rcmd-btn{
width:100%;
padding:4px 5px 6px;
border-radius:4px;
border:1px solid #bbb;
background-color:#fff;
}
.search-result-card .flt-rcmd-item{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
margin-top:2px;
}
.search-result-card .flt-rcmd-item .flt-rcmd-sup{
font-size:12px;
}
.search-result-card .flt-rcmd-list{
margin:0;
-webkit-box-flex:1;
flex:1;
margin-right:5px;
}
.search-result-card .flt-rcmd-list li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
}
.search-result-card .flt-rcmd-list .flt-rcmd-tag{
margin-left:8px;
font-size:10px;
white-space:nowrap;
}
.search-result-card .flt-rcmd-list .flt-rcmd-tag em{
color:var(--cmn-font-color-red);
}
.search-result-card .flt-rcmd-list .flt-rcmd-price{
-webkit-box-flex:1;
flex:1;
text-align:right;
font-size:12px;
}
.search-result-card .flt-rcmd-list .flt-rcmd-price-unit span{
font-size:10px;
position:relative;
}
.search-result-card .flt-rcmd-list .flt-rcmd-price-best{
color:var(--cmn-font-color-red);
}
.search-result-card .flt-rcmd-list .flt-rcmd-price-best .flt-rcmd-price-unit span{
color:var(--cmn-font-color-base);
}
.search-result-card .flt-rcmd-more{
width:100%;
text-align:right;
line-height:1;
font-size:12px;
line-height:calc(17/12);
text-align:left;
}
.search-result-card .flt-rcmd-more .flt-rcmd-more-sup{
font-size:10px;
line-height:calc(14/12);
margin-top:2px;
}
.search-result-card .flt-rcmd-more .flt-rcmd-more-sup .mod-num{
font-size:12px;
margin-left:4px;
}
.search-result-card .flt-rcmd-more .flt-rcmd-more-sup .flt-rcmd-more-price-unit{
font-size:12px;
}
.search-result-card .flt-rcmd-more .flt-rcmd-more-sup .flt-rcmd-more-price-unit span{
font-size:10px;
margin-left:4px;
}

/* flt-type
---------------------------------- */
.search-result-card .flt-type-content a{
display:inline-block;
color:var(--cmn-font-color-base);
margin-right:8px;
}
.search-result-card .flt-type-content .cmn-tip-btn{
margin-left:0;
margin-right:0;
}
.search-result-card .flt-type{
margin:2px 0 0 0;
font-size:0;
line-height:1;
}
.search-result-card .flt-type > li{
margin-top:2px;
font-size:12px;
line-height:calc(17/12);
display:inline;
border-bottom:1px solid #92ccf4;
}
.search-result-card .flt-type > li:not(:last-child)::after{
content:"/";
display:inline;
margin:0 .45em;
}
.search-result-card .flt-type-baggage-on{
position:relative;
top:-1px;
display:inline-block;
width:9px;
height:0;
padding-top:15px;
overflow:hidden;
line-height:2;
vertical-align:top;
position:relative;
background-image:url(/element/j_air_on/shared/images/icon-baggage-on.svg);
background-position:center 0;
background-size:9px 15px;
background-repeat:no-repeat;
position:relative;
}
.search-result-card .flt-type-baggage-off{
position:relative;
top:-1px;
display:inline-block;
width:9px;
height:0;
padding-top:15px;
overflow:hidden;
line-height:2;
vertical-align:top;
position:relative;
background-image:url(/element/j_air_on/shared/images/icon-baggage.svg);
background-position:center 0;
background-repeat:no-repeat;
background-size:9px 15px;
position:relative;
}

/* flt-item
---------------------------------- */
.flt-item{
margin-top:8px;
}
.flt-item.is-active .flt-item-list > li:nth-child(n + 3){
display:block;
}
.flt-item.is-active .flt-item-more-btn::before{
top:-2px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-01-up.svg);
}
.flt-item .flt-item-list{
margin:0;
}
.flt-item .flt-item-list >li{
padding:8px 8px 8px;
border-top:1px solid #e5e5e5;
}
.flt-item .flt-item-list >li:nth-child(n + 4){
display:none;
}
.flt-item .flt-item-list-container{
position:relative;
border-bottom:1px solid #e5e5e5;
margin:0 -8px;
}
.flt-item .flt-item-list-row{
display:-webkit-box;
display:flex;
}
.flt-item .flt-item-list-row > div{
box-sizing:border-box;
}
.flt-item .flt-item-list-row > div:first-child{
-webkit-box-flex:1;
flex:1;
padding-top:4px;
padding-right:8px;
}
.flt-item .flt-item-list-row > div:last-child{
width:156px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-pack:justify;
justify-content:space-between;
}
.flt-item .flt-item-list-row > div .flt-header-row-header{
width:100%;
}
.flt-item .flt-item-list-row > div .flt-header-footer{
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}
.flt-item .flt-item-list-row > div .flt-header-row-footer{
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}
.flt-item .flt-type{
margin-top:-2px;
}
.flt-item .flt-item-more-btn{
background:none;
border:none;
width:100%;
font-size:12px;
padding:12px 8px;
color:var(--cmn-font-color-base);
line-height:1;
height:38px;
margin-bottom:-4px;
}
.flt-item .flt-item-more-btn::before{
position:relative;
top:-1px;
content:"";
width:8px;
height:5px;
display:inline-block;
margin-right:4px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-01-down.svg);
}

/* flt-select-toggle-container
---------------------------------- */
.flt-select-toggle-container.is-active .flt-select-toggle-trigger::before{
margin-top:-1px;
background-image:url(/element/shared/images/icon/icon-chevron-down-wht.svg);
}
.flt-select-toggle-container.is-active .flt-select-toggle-item{
display:block;
}
.flt-select-toggle-container .flt-select-toggle-trigger{
-webkit-box-flex:1;
flex:1;
padding-left:17px;
background:none;
border:none;
color:#fff;
text-align:left;
font-size:0;
position:relative;
}
.flt-select-toggle-container .flt-select-toggle-trigger::before{
position:absolute;
display:block;
top:50%;
left:0;
margin-top:-2px;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-up-wht.svg);
content:"";
vertical-align:middle;
background-size:12px 7px;
background-repeat:no-repeat;
line-height:1;
}
.flt-select-toggle-container .flt-select-toggle-item{
display:none;
}

/* flt-select-container
---------------------------------- */
.str-container.is-flt-select-fixed{
padding-bottom:125px;
}
.flt-select-container{
box-sizing:border-box;
position:fixed;
bottom:0;
left:0;
z-index:2;
padding:4px 8px;
width:100%;
background-color:#444;
border-radius:0;
}
.flt-select-container.is-top-layer{
z-index:99999;
}
.flt-select-container .flt-select-row{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
color:#fff;
}
.flt-select-container .flt-select-row .flt-select-action{
white-space:nowrap;
}
.flt-select-container .flt-select-sup{
display:inline-block;
font-size:12px;
min-height:22px;
padding-top:3px;
box-sizing:border-box;
}
.flt-select-container .flt-select-sup >span{
margin-right:8px;
}
.flt-select-container .flt-select-sup-date{
font-size:14px;
display:inline-block;
}
.flt-select-container .flt-select-action-btn{
font-size:12px;
padding:1px 0 0 0;
margin-right:4px;
height:22px;
width:92px;
border-radius:3px;
background:none;
border:1px solid #fff;
color:#fff;
}
.flt-select-container .flt-select-btn{
font-size:12px;
padding:1px 0 0 0;
height:22px;
width:60px;
border-radius:3px;
background:none;
border:1px solid #fff;
color:#fff;
}
.flt-select-container .flt-select{
margin-top:4px;
padding:6px 8px;
margin-bottom:4px;
background-color:#fff;
}

/* flt-select-container > flt-select-header
---------------------------------- */
.flt-select-container .flt-select-header-row{
display:-webkit-box;
display:flex;
}
.flt-select-container .flt-select-header-row >div{
box-sizing:border-box;
}
.flt-select-container .flt-select-header-row >div:first-child{
position:relative;
-webkit-box-flex:1;
flex:1;
}
.flt-select-container .flt-select-header-row >div:last-child{
width:155px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-pack:justify;
justify-content:space-between;
}
.flt-select-container .flt-select-header-row >div .flt-header-row-header{
width:100%;
}
.flt-select-container .flt-select-header-row >div .flt-header-row-footer{
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}

/* flt-select-container > flt-oparated
---------------------------------- */
.flt-select-container .flt-oparated::after{
content:"";
display:table;
clear:both;
}
.flt-select-container .flt-oparated .flt-tag{
float:left;
width:47px;
margin-right:8px;
}
.flt-select-container .flt-oparated .flt-sup{
float:left;
padding-top:4px;
width:116px;
}
.flt-select-container .flt-oparated .flt-logo{
width:47px;
height:20px;
display:table-cell;
vertical-align:middle;
box-sizing:border-box;
}
.flt-select-container .flt-oparated .flt-logo img{
max-width:47px;
max-height:20px;
vertical-align:middle;
}

/* flt-select-container > flt-mark,flt-number,flt-code,flt-alliance
---------------------------------- */
.flt-select-container .flt-mark{
display:block;
font-size:12px;
line-height:1;
text-align:center;
margin-top:1px;
padding:3px 0;
width:44px;
height:17px;
box-sizing:border-box;
}
.flt-select-container .flt-mark.flt-mark-02{
background-color:#eaeaea;
}
.flt-select-container .flt-mark.flt-mark-03{
background-color:#eaeaea;
}
.flt-select-container .flt-number{
margin-top:3px;
line-height:1;
}
.flt-select-container .flt-code{
font-size:0;
display:inline-block;
word-break:break-all;
margin-right:4px;
}
.flt-select-container .flt-code >span{
font-size:12px;
line-height:calc(17/12);
display:inline-block;
}
.flt-select-container .flt-code >span:not(:last-child)::after{
content:"/";
display:inline-block;
margin:0 .3em;
}
.flt-select-container .flt-alliance{
display:inline-block;
font-size:12px;
line-height:calc(17/12);
margin-right:4px;
}
.flt-select-container .flt-eco{
display:inline-block;
width:28px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element/j_air_on/shared/images/icon-eco.svg) no-repeat 0 0;
background-size:28px 12px;
vertical-align:middle;
position:relative;
top:0;
}
.flt-select-container .flt-wifi{
display:inline-block;
width:14px;
height:0;
padding-top:10px;
overflow:hidden;
line-height:2;
background:url(/element/j_air_on/shared/images/icon-wifi.svg) no-repeat 0 0;
background-size:14px 10px;
vertical-align:middle;
position:relative;
top:-1px;
margin-right:4px;
}

/* flt-select-container > flt-route
---------------------------------- */
.flt-select-container .flt-route{
display:-webkit-box;
display:flex;
margin:0;
width:100%;
}
.flt-select-container .flt-route li{
box-sizing:border-box;
-webkit-box-flex:1;
flex:1;
}
.flt-select-container .flt-route li:first-child{
padding-right:12px;
}
.flt-select-container .flt-route li:first-child .flt-time{
position:relative;
}
.flt-select-container .flt-route li:first-child .flt-time::after{
display:block;
position:absolute;
top:50%;
right:-10px;
margin-top:-4px;
width:13px;
height:7px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-route-long.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
}
.flt-select-container .flt-route li .flt-time{
display:block;
font-size:18px;
line-height:calc(20/18);
}
.flt-select-container .flt-route li .flt-time a{
color:var(--cmn-font-color-base);
background:-webkit-linear-gradient( left, #92ccf4,#92ccf4) no-repeat 0 100%;
background:linear-gradient( 90deg, #92ccf4,#92ccf4) no-repeat 0 100%;
background-size:100% 1px;
}
.flt-select-container .flt-route li .flt-airport{
display:block;
font-size:12px;
line-height:calc(15/12);
white-space:nowrap;
text-align:center;
}
.flt-select-container .flt-route li .flt-airport a{
color:var(--cmn-font-color-base);
background:-webkit-linear-gradient( left, #92ccf4,#92ccf4) no-repeat 0 100%;
background:linear-gradient( 90deg, #92ccf4,#92ccf4) no-repeat 0 100%;
background-size:100% 1px;
}

/* flt-select-container > flt-dtl
---------------------------------- */
.flt-select-container .flt-dtl{
display:-webkit-box;
display:flex;
width:100%;
}
.flt-select-container .flt-dtl > div{
line-height:1;
}
.flt-select-container .flt-dtl > div > a{
position:relative;
display:block;
color:var(--cmn-font-color-base);
padding-right:15px;
box-sizing:border-box;
}
.flt-select-container .flt-dtl > div > a::after{
display:block;
position:absolute;
top:50%;
right:1px;
margin-top:-5px;
width:6px;
height:11px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-next.svg) 0 0 no-repeat;
background-size:100%;
content:"";
}
.flt-select-container .flt-dtl > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.flt-select-container .flt-dtl .flt-price-list{
margin:0;
font-size:12px;
}
.flt-select-container .flt-dtl .flt-price-list > li{
line-height:1;
min-height:23px;
box-sizing:border-box;
text-align:right;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.flt-select-container .flt-dtl .flt-price-list > li .flt-price{
-webkit-box-flex:1;
flex:1;
white-space:nowrap;
text-align:right;
}
.flt-select-container .flt-dtl .flt-price-list > li .flt-price.flt-price-best{
color:var(--cmn-font-color-red);
}
.flt-select-container .flt-dtl .flt-price-list > li .flt-price-unit{
position:relative;
display:inline-block;
font-size:12px;
}
.flt-select-container .flt-dtl .flt-price-list > li .flt-price-unit > span{
font-size:10px;
position:absolute;
display:block;
width:12px;
right:0px;
top:2px;
}
.flt-select-container .flt-dtl .flt-price-list .flt-price-round .mod-num{
font-size:18px;
font-weight:bold;
line-height:calc(20/18);
}
.flt-select-container .flt-dtl .flt-dtl-btn{
background:none;
border:1px solid #bbb;
border-radius:3px;
font-size:12px;
color:var(--cmn-font-color-base);
width:32px;
height:23px;
padding:3px 0 2px;
line-height:1;
}

/* flt-select-container > flt-airline
---------------------------------- */
.flt-select-container .flt-airline{
width:100%;
margin-top:4px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
font-size:12px;
line-height:calc(17/12);
}
.flt-select-container .flt-airline a{
color:var(--cmn-font-color-base);
}
.flt-select-container .flt-airline-notes-link{
color:var(--cmn-font-color-base);
}
.flt-select-container .flt-airline-notes{
margin:4px 0 0 0;
font-size:12px;
}
.flt-select-container .flt-airline-notes li{
font-size:12px;
display:inline-block;
line-height:1;
}
.flt-select-container .flt-airline-notes li:not(:first-child)::before{
content:"/";
margin:0 4px;
}
.flt-select-container .flt-type-class{
margin:4px 0 0 0;
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:calc(17/12);
}
.flt-select-container .flt-type-class li{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
}
.flt-select-container .flt-type-class li .cmn-tip-info-btn{
margin-left:4px;
}
.flt-select-container .flt-type-class .mark{
margin-right:.4em;
}

/* flt-select-container > flt-type
---------------------------------- */
.flt-select-container .flt-type{
margin:2px 0 0 0;
font-size:0;
line-height:1;
}
.flt-select-container .flt-type > li{
margin-top:2px;
font-size:12px;
line-height:calc(17/12);
display:inline-block;
}
.flt-select-container .flt-type > li a{
color:var(--cmn-font-color-base);
border-bottom:1px solid #92ccf4;
}
.flt-select-container .flt-type > li .cmn-tip-info-btn{
margin-left:4px;
}
.flt-select-container .flt-type > li:not(:last-child)::after{
content:"/";
display:inline-block;
margin:0 .45em;
}
.flt-select-container .flt-type-baggage-on{
position:relative;
top:-1px;
display:inline-block;
width:9px;
height:0;
padding-top:15px;
overflow:hidden;
line-height:2;
vertical-align:top;
position:relative;
background-image:url(/element/j_air_on/shared/images/icon-baggage-on.svg);
background-position:center 0;
background-size:9px 15px;
background-repeat:no-repeat;
position:relative;
}
.flt-select-container .flt-type-baggage-off{
position:relative;
top:-1px;
display:inline-block;
width:9px;
height:0;
padding-top:15px;
overflow:hidden;
line-height:2;
vertical-align:top;
position:relative;
background-image:url(/element/j_air_on/shared/images/icon-baggage.svg);
background-position:center 0;
background-repeat:no-repeat;
background-size:9px 15px;
position:relative;
}

/* ticket-type
------------------------------------------------ */
.ticket-type .ticket-type-txt{
display:-webkit-box;
display:flex;
box-sizing:border-box;
padding-right:25px;
width:100%;
color:var(--font-color-btn-link);
font-size:9px;
-webkit-box-align:center;
align-items:center;
}
.ticket-type .ticket-type-txt .ticket-type-txt-ellipsis{
overflow:hidden;
display:inline-block;
text-overflow:ellipsis;
white-space:nowrap;
vertical-align:top;
}
.ticket-type .ticket-type-txt .ticket-type-txt-item{
letter-spacing:-.4em;
white-space:nowrap;
vertical-align:top;
position:relative;
top:-1px;
}
.ticket-type .ticket-type-txt .ticket-type-txt-etc{
letter-spacing:normal;
position:relative;
white-space:nowrap;
vertical-align:top;
font-size:10px;
}
.ticket-type .ticket-type-txt .ticket-type-txt-etc .mod-tap{
display:inline-block;
position:relative;
width:15px;
}
.ticket-type .ticket-type-txt .ticket-type-txt-etc .mod-tap .mod-tap-area{
position:absolute;
top:-22px;
left:-13px;
padding:10px;
z-index:1;
}
.ticket-type .ticket-type-txt .cmn-tip-btn{
position:relative;
vertical-align:middle;
}

@media screen and (max-width: 320px){
.ticket-type .ticket-type-txt{
padding-right:15px;
}
}
.ticket-type .ticket-type-icon{
margin-left:2px;
margin-top:-2px;
display:inline-block;
line-height:0;
-webkit-box-flex:1;
flex:1;
white-space:nowrap;
text-align:right;
}

/* ticket-detail-container
---------------------------------- */
.ticket-detail-container{
padding-top:12px;
}

/* ticket-detail-notes
------------------------------------------------ */
.ticket-detail-container .ticket-detail-notes{
margin-top:8px;
margin-bottom:0;
}
.ticket-detail-container .ticket-detail-notes li{
position:relative;
margin-left:1.3em;
text-indent:-1.3em;
font-size:12px;
line-height:1.45;
color:var(--cmn-font-color-gray);
}
.ticket-detail-container .ticket-detail-notes li:not(:first-child){
margin-top:8px;
}
.ticket-detail-container .ticket-detail-notes li .mark{
margin-right:4px;
}

/* ticket-dtl-toggle-container
------------------------------------------------
*/
.ticket-detail-container .ticket-dtl-toggle-container .ticket-dtl-toggle-header{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
margin-top:8px;
width:100%;
}
.ticket-detail-container .ticket-dtl-toggle-container .ticket-dtl-toggle-item{
display:none;
}
.ticket-detail-container .ticket-dtl-toggle-container .ticket-dtl-toggle-trigger{
display:-webkit-box;
display:flex;
border:none;
background:none;
font-size:12px;
padding:0 0 0 13px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-down.svg);
background-position:0 4px;
background-repeat:no-repeat;
background-size:7px 5px;
line-height:1;
white-space:nowrap;
position:relative;
margin:0;
}
.ticket-detail-container .ticket-dtl-toggle-container.is-active .ticket-dtl-toggle-item{
display:block;
border:1px solid #e5e5e5;
border-radius:4px;
padding:12px 8px 8px;
margin-left:-81px;
}
.ticket-detail-container .ticket-dtl-toggle-container.is-active .ticket-dtl-toggle-trigger{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-up.svg);
background-position:0 2px;
padding-bottom:8px;
position:relative;

}
.ticket-detail-container .ticket-dtl-toggle-container.is-active .ticket-dtl-toggle-trigger::after{
content:"";
display:block;
width:20px;
height:7px;
position:absolute;
bottom:-1px;
left:calc(50% - 4px);
background:url(/element_sp/j_air_on/shared/images/icon-balloon-arrow.svg) no-repeat 100% 0;
}

/* ticket-simple-toggle-container
------------------------------------------------
*/
.ticket-detail-container .ticket-simple-toggle-container .ticket-simple-toggle-header{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
margin-top:8px;
}
.ticket-detail-container .ticket-simple-toggle-container .ticket-simple-toggle-item{
display:none;
}
.ticket-detail-container .ticket-simple-toggle-container .ticket-simple-toggle-trigger{
display:-webkit-box;
display:flex;
border:none;
background:none;
font-size:12px;
padding:0 0 0 13px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-down.svg);
background-position:0 4px;
background-repeat:no-repeat;
background-size:7px 5px;
line-height:1;
white-space:nowrap;
position:relative;
margin:0;
}
.ticket-detail-container .ticket-simple-toggle-container.is-active .ticket-simple-toggle-item{
display:block;
margin-left:-81px;
}
.ticket-detail-container .ticket-simple-toggle-container.is-active .ticket-simple-toggle-trigger{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-up.svg);
background-position:0 2px;
}

/* ticket-dtl-toggle-container
------------------------------------------------
*/
.ticket-detail-container .ticket-detail-info-toggle-container .ticket-detail-info-toggle-item{
display:none;
margin-bottom:-12px;
}
.ticket-detail-container .ticket-detail-info-toggle-container .ticket-detail-info-toggle-item > :first-child{
margin-top:0;
}
.ticket-detail-container .ticket-detail-info-toggle-container .ticket-detail-info-toggle-trigger{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
border:none;
background:none;
margin:-12px 0;
padding:12px 26px 12px 0;
line-height:1;
min-height:46px;
text-align:left;
position:relative;
width:100%;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 55% no-repeat;
background-size:12px auto;
}
.ticket-detail-container .ticket-detail-info-toggle-container .ticket-detail-info-toggle-trigger[aria-expanded="true"]{
background:url(/element/shared/images/icon/icon-chevron-up.svg) 100% 55% no-repeat;
background-size:12px auto;
}
.ticket-detail-container .ticket-detail-info-toggle-container .ticket-detail-info-toggle-trigger[aria-expanded="true"] .ticket-dtl-info-sup{
display:none;
}
.ticket-detail-container .ticket-detail-info-toggle-container.is-active .ticket-detail-info-toggle-item{
display:block;
}

/* ticket-detail-split
---------------------------------- */
.ticket-detail-container .ticket-detail-split{
border:none;
border-top:1px dotted #ebebeb;
}

/* ticket-detail-desc
------------------------------------------------ */
.ticket-detail-container .ticket-detail-desc >:first-child{
margin-top:0;
}
.ticket-detail-container .ticket-detail-desc p{
margin:8px 0 0 0;
font-size:12px;
}
.ticket-detail-container .ticket-detail-desc p strong{
font-weight:normal;
color:var(--cmn-font-color-red);
}

/* ticket-detail-list
------------------------------------------------ */
.ticket-detail-container .ticket-detail-list{
font-size:12px;
margin:0;
}
.ticket-detail-container .ticket-detail-list >li{
display:-webkit-box;
display:flex;
}
.ticket-detail-container .ticket-detail-list >li:not(:first-child){
margin-top:8px;
}
.ticket-detail-container .ticket-detail-list >li em,
.ticket-detail-container .ticket-detail-list >li strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.ticket-detail-container .ticket-detail-list >li > div:first-child{
position:relative;
padding-right:8px;
margin-right:12px;
height:100%;
width:69px;
box-sizing:border-box;
}
.ticket-detail-container .ticket-detail-list >li > div:first-child::after{
content:":";
display:block;
position:absolute;
right:0;
top:-1px;
}
.ticket-detail-container .ticket-detail-list >li > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.ticket-detail-container .ticket-detail-list .ticket-detail-list-row{
margin-top:8px;
margin-left:-81px;
}

/* ticket-detail-payment-list
------------------------------------------------ */
.ticket-detail-container .ticket-detail-payment-sup{
display:inline-block;
margin-right:4px;
}
.ticket-detail-container .ticket-detail-payment-guide{
color:var(--cmn-font-color-gray);
display:block;
margin:0;
}
.ticket-detail-container .ticket-detail-payment-guide >li{
display:-webkit-inline-box;
display:inline-flex;
}
.ticket-detail-container .ticket-detail-payment-guide .mark{
margin-right:.3em;
}
.ticket-detail-container .ticket-detail-payment-guide .cmn-tip-btn{
margin-left:4px;
}

/* ticket-detail-list-desc
------------------------------------------------ */
.ticket-detail-container .ticket-detail-list-desc p{
margin:0;
}
.ticket-detail-container .ticket-detail-list-desc strong{
font-weight:normal;
color:var(--cmn-font-color-red);
}

/* ticket-detail-list-notes
------------------------------------------------ */
.ticket-detail-container .ticket-detail-list-notes{
font-size:12px;
display:block;
margin-top:5px;
}
.ticket-detail-container .ticket-detail-list-notes .icon-blank{
margin-left:4px;
}
.ticket-detail-container .ticket-detail-list-notes a{
color:var(--cmn-font-color-base);
}
.ticket-detail-container .ticket-detail-list-notes-02{
margin:0;
}
.ticket-detail-container .ticket-detail-list-notes-02 > li{
color:var(--cmn-font-color-gray);
text-indent:-1.4em;
margin-left:1.4em;
}
.ticket-detail-container .ticket-detail-list-notes-02 > li:not(:first-child){
margin-top:8px;
}
.ticket-detail-container .ticket-detail-list-notes-02 > li .mark{
margin-right:.4em;
}

/* ticket-detail-list-notice
------------------------------------------------ */
.ticket-detail-container .ticket-detail-list-notice{
margin:0;
}
.ticket-detail-container .ticket-detail-list-notice li{
text-indent:-1em;
margin-left:1em;
color:var(--font-color-btn-link);
font-size:12px;
}

/* ticket-dtl-list
------------------------------------------------ */
.ticket-detail-container .ticket-dtl-list{
margin:12px 0 0 0;
font-size:0;
}
.ticket-detail-container .ticket-dtl-list.ticket-dtl-list-split{
padding-top:12px;
border-top:1px solid #ebebeb;
}
.ticket-detail-container .ticket-dtl-list .cmn-tip-btn{
margin-left:0;
}
.ticket-detail-container .ticket-dtl-list > li{
display:-webkit-box;
display:flex;
font-size:12px;
line-height:calc(17 /12);
}
.ticket-detail-container .ticket-dtl-list > li:not(:first-child){
margin-top:8px;
}
.ticket-detail-container .ticket-dtl-list > li em{
color:var(--cmn-font-color-red);
}
.ticket-detail-container .ticket-dtl-list > li em a{
--cmn-dashed-font-color:var(--cmn-font-color-red);
--cmn-dashed-color:var(--cmn-font-color-red);
}
.ticket-detail-container .ticket-dtl-list > li >div:first-child > span{
position:relative;
padding-right:8px;
margin-right:12px;
display:-webkit-box;
display:flex;
height:100%;
width:81px;
box-sizing:border-box;
white-space:nowrap;
}
.ticket-detail-container .ticket-dtl-list > li >div:first-child > span::after{
content:":";
display:block;
position:absolute;
right:0;
top:-1px;
}
.ticket-detail-container .ticket-dtl-list > li >div:last-child{
-webkit-box-flex:1;
flex:1;
}
.ticket-detail-container .ticket-dtl-list .ticket-type{
margin-top:6px;
}
.ticket-detail-container .ticket-dtl-list-block{
font-size:0;
position:relative;
padding-right:50px;
margin-top:-6px;
}
.ticket-detail-container .ticket-dtl-list-block .ticket-filter-link{
position:absolute;
right:0;
top:0;
}
.ticket-detail-container .ticket-dtl-list-block .ticket-filter-link a{
color:var(--cmn-font-color-base);
border-bottom:1px solid #92ccf4;
}
.ticket-detail-container .ticket-dtl-list-block > span{
display:inline-block;
margin-top:6px;
font-size:12px;
line-height:calc(17 / 12);
margin-right:.5em;
}
.ticket-detail-container .ticket-dtl-list-block > span a{
color:var(--cmn-font-color-base);
border-bottom:1px solid #92ccf4;
}
.ticket-detail-container .ticket-sch-list{
font-size:0;
margin:0;
}
.ticket-detail-container .ticket-sch-list > li{
display:inline-block;
font-size:12px;
line-height:calc(17 / 12);
margin-top:6px;
}
.ticket-detail-container .ticket-sch-list > li a{
color:var(--cmn-font-color-base);
border-bottom:1px solid #92ccf4;
}
.ticket-detail-container .ticket-sch-list > li > span:not(:first-child){
margin-left:.5em;
}
.ticket-detail-container .ticket-sch-list > li:not(:first-child){
margin-left:1em;
}
.ticket-detail-container .ticket-dtl-agt{
font-size:0;
}
.ticket-detail-container .ticket-dtl-agt .ticket-dtl-agt-name{
display:inline-block;
font-size:12px;
margin-right:1em;
}
.ticket-detail-container .ticket-dtl-note{
display:block;
color:var(--font-color-btn-link);
font-size:12px;
margin:0;
}
.ticket-detail-container .ticket-dtl-note em{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.ticket-detail-container .ticket-dtl-note em a::before{
content:"";
display:inline-block;
vertical-align:bottom;
width:0;
height:calc(18px + 6px);
}
.ticket-detail-container .ticket-dtl-note > li{
text-indent:-1.4em;
margin-left:1.4em;
}
.ticket-detail-container .ticket-dtl-note > li:not(:first-child){
margin-top:10px;
}
.ticket-detail-container .ticket-dtl-note > li .mark{
margin-right:.4em;
}
.ticket-detail-container .ticket-dtl-agt-info{
font-size:0;
margin:0;
}
.ticket-detail-container .ticket-dtl-agt-info li{
display:inline-block;
font-size:12px;
color:var(--cmn-font-color-gray);
}
.ticket-detail-container .ticket-dtl-agt-info li em{
color:var(--cmn-font-color-red);
}
.ticket-detail-container .ticket-dtl-agt-info li > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.ticket-detail-container .ticket-dtl-agt-info li:not(:last-child)::after{
content:"/";
display:inline-block;
margin:0 4px;
}
.ticket-detail-container .ticket-detail-note{
margin:0;
}
.ticket-detail-container .ticket-detail-note li{
position:relative;
margin-left:1.3em;
text-indent:-1.3em;
font-size:12px;
line-height:1.45;
color:var(--cmn-font-color-gray);
}
.ticket-detail-container .ticket-detail-note li:not(:first-child){
margin-top:8px;
}
.ticket-detail-container .ticket-detail-note li .mark{
margin-right:4px;
}

/* ticket-rcmd-list
------------------------------------------------ */
.ticket-detail-container .ticket-rcmd-list{
margin:8px 0 0 0;
font-size:0;
}
.ticket-detail-container .ticket-rcmd-list > li{
display:-webkit-box;
display:flex;
font-size:12px;
line-height:calc(17 / 12);
}
.ticket-detail-container .ticket-rcmd-list > li:not(:first-child){
margin-top:8px;
}
.ticket-detail-container .ticket-rcmd-list > li em{
color:var(--cmn-font-color-red);
}
.ticket-detail-container .ticket-rcmd-list > li >div:first-child > span{
position:relative;
padding-right:9px;
margin-right:12px;
display:-webkit-box;
display:flex;
height:100%;
width:70px;
box-sizing:border-box;
white-space:nowrap;
}
.ticket-detail-container .ticket-rcmd-list > li >div:first-child > span::after{
content:":";
display:block;
position:absolute;
right:0;
top:-1px;
}
.ticket-detail-container .ticket-rcmd-list > li >div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* ticket-fare-type
------------------------------------------------ */
.ticket-detail-container .ticket-fare-type{
box-sizing:border-box;
overflow:hidden;
white-space:nowrap;
display:-webkit-inline-box;
display:inline-flex;
max-width:100%;
padding-right:4px;
margin:0;
}
.ticket-detail-container .ticket-fare-type li{
display:inline-block;
font-size:12px;
box-sizing:border-box;
}
.ticket-detail-container .ticket-fare-type li:not(:last-child){
position:relative;
padding-right:10px;
}
.ticket-detail-container .ticket-fare-type li:not(:last-child)::after{
position:absolute;
content:"/";
top:0;
right:4px;
display:block;
}
.ticket-detail-container .ticket-fare-type li:not([class*="ticket-fare-type-overflow"]){
white-space:nowrap;
}
.ticket-detail-container .ticket-fare-type li span{
display:block;
}
.ticket-detail-container .ticket-fare-type .ticket-fare-type-overflow{
max-width:100%;
display:block;
overflow:hidden;
}
.ticket-detail-container .ticket-fare-type .ticket-fare-type-overflow span{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display:block;
}
.ticket-detail-container .ticket-fare-type .ticket-fare-type-overflow span em{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display:block;
}

/* ticket-payment-list
------------------------------------------------ */
.ticket-payment-list-container{
margin-top:10px;
}
.ticket-payment-list{
margin:0;
}
.ticket-payment-list > li{
display:-webkit-box;
display:flex;
font-size:11px;
}
.ticket-payment-list > li:not(:first-child){
margin-top:8px;
}
.ticket-payment-list > li >div:first-child > span{
position:relative;
width:53px;
margin-right:5px;
display:-webkit-box;
display:flex;
height:100%;
box-sizing:border-box;
}
.ticket-payment-list > li >div:first-child > span::after{
content:":";
display:block;
position:absolute;
right:0;
top:1px;
}
.ticket-payment-list > li >div:last-child{
-webkit-box-flex:1;
flex:1;
}
.ticket-payment-list .list-paytype{
margin:0;
}
.ticket-payment-list .list-credit{
display:inline-block;
margin:0;
vertical-align:middle;
font-size:0;
line-height:1;
}
.ticket-payment-list .list-credit > li{
display:inline-block;
margin:0 1px;
}
.ticket-payment-list .list-credit > li img{
max-height:10px;
}

/* ticket-price-info
------------------------------------------------ */
.ticket-price-info{
display:-webkit-box;
display:flex;
position:relative;
-webkit-box-align:start;
align-items:flex-start;
}
.ticket-price-info .ticket-detail{
padding:5px 0;
width:30px;
}
.ticket-price-info .ticket-price-link{
display:block;
-webkit-box-flex:1;
flex:1;
padding:0 25px 0 5px;
color:var(--cmn-font-color-base);
text-align:right;
}

@media screen and (max-width: 320px){
.ticket-price-info .ticket-price-link{
padding-right:15px;
}
}
.ticket-price-info .ticket-price-link .ticket-price-link-inr{
display:block;
float:right;
}
.ticket-price-info .ticket-price-link .ticket-price-link-inr .ticket-detail-unit-add{
margin:0;
}
.ticket-price-info .ticket-price-link .ticket-price-link-inr .ticket-cheapest{
display:block;
margin-top:-3px;
text-align:left;
line-height:1;
}
.ticket-price-info .ticket-price-link .ticket-price-link-inr:after{
display:table;
clear:both;
content:"";
}
.ticket-price-info .ticket-price-link::after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

@media screen and (max-width: 320px){
.ticket-price-info .ticket-price-link::after{
right:5px;
}
}
.ticket-price-info .ticket-price{
display:block;
position:relative;
text-align:right;
word-break:break-all;
font-size:12px;
line-height:1;
}
.ticket-price-info .ticket-price.ticket-price-best{
color:var(--cmn-font-color-base);
}
.ticket-price-info .ticket-price .ticket-price-num{
font-weight:bold;
font-size:21px;
}
.ticket-price-info .ticket-sup{
display:block;
margin-left:-10px;
color:var(--font-color-btn-link);
font-size:10px;
line-height:1.3;
}
.ticket-price-info .ticket-sup .ticket-sup-num{
font-size:11px;

}

/* ticket-list For Toggle Inner
------------------------------------------------ */
.search-result-item-list .ticket-list{
margin:0;
background-color:#fff;
}
.search-result-item-list .ticket-list li{
/* overflow:hidden; */
border-bottom:2px solid #e5e5e5;
}
.search-result-item-list .ticket-list li:last-child{
border-bottom:none;
}
.search-result-item-list .ticket-list .ticket-info{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
}
.search-result-item-list .ticket-list .ticket-info .track-tag{
-webkit-box-flex:1;
flex:1;
}
.search-result-item-list .ticket-list .ticket-info .ticket-info-inr{
padding:7px 0;
width:190px;
position:relative;
}
.search-result-item-list .ticket-list .ticket-info .ticket-info-inr >a{
display:block;
}
.search-result-item-list .ticket-list .ticket-info .ticket-info-inr .mod-ticket-info-tap-area{
position:absolute;
top:0;
right:0;
width:80px;
height:100%;
}

@media screen and (max-width: 320px){
.search-result-item-list .ticket-list .ticket-info .ticket-info-inr{
width:147px;
}
}

/* search-result-toggle-container
------------------------------------------------ */
.search-result-toggle-container .btn-search-result-toggle{
box-sizing:border-box;
display:block;
padding:5px;
width:100%;
height:26px;
color:var(--font-color-btn-link);
font-size:10px;
position:absolute;
bottom:0;
}

@media screen and (max-width: 320px){
.search-result-toggle-container .btn-search-result-toggle{
padding-left:5px;
padding-right:5px;
}
}
.search-result-toggle-container .btn-search-result-toggle > span{
display:inline-block;
padding-left:13px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-down.svg);
background-position:0 5px;
background-repeat:no-repeat;
background-size:8px 5px;
}
.search-result-toggle-container.active .search-result-toggle-item{
display:block;
}
.search-result-toggle-container.active .btn-search-result-toggle span{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-up.svg);
}
.search-result-toggle-container .search-result-toggle-item{
display:none;
}

/* search-result-toggle-company-container
------------------------------------------------ */
.search-result-toggle-company-container .ticket-price-header{
position:relative;
}
.search-result-toggle-company-container .ticket-price-header .search-result-toggle-btn-container{
display:block;
position:absolute;
bottom:0;
left:0;
width:100%;
color:var(--font-color-btn-link);
font-size:10px;
}
.search-result-toggle-company-container .ticket-price-header .search-result-toggle-btn-container span{
box-sizing:border-box;
display:block;
padding:4px 0;
height:25px;
background-color:#fff;
text-align:center;
}
.search-result-toggle-company-container .ticket-price-header .search-result-toggle-btn-container span::before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:4px;
width:12px;
height:12px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-size:12px 12px;
background-repeat:no-repeat;
content:"";
vertical-align:middle;
}
.search-result-toggle-company-container > .search-result-toggle-item{
display:none;
margin:0 -10px;
padding:10px 5px 0;
background-color:#f3f3f3;
box-shadow:inset 0px 5px 5px -3px rgba(0, 0, 0, .2);
}
.search-result-toggle-company-container > .search-result-toggle-item:after{
display:table;
content:"";
}
.search-result-toggle-company-container > .search-result-toggle-btn-container{
overflow:hidden;
display:none;
position:relative;
margin:0 -10px;
background-color:#f3f3f3;
}
.search-result-toggle-company-container > .search-result-toggle-btn-container a{
box-sizing:border-box;
display:block;
padding:0 10px;
height:25px;
background-color:#fff;
text-align:center;
}
.search-result-toggle-company-container > .search-result-toggle-btn-container a span{
display:inline-block;
margin-top:5px;
color:var(--font-color-btn-link);
vertical-align:top;
font-size:10px;
}
.search-result-toggle-company-container.active .ticket-price-header > a{
padding-bottom:8px;
}
.search-result-toggle-company-container.active .ticket-price-header .search-result-toggle-btn-container{
display:none;
}
.search-result-toggle-company-container.active > .search-result-toggle-item{
display:block;
}
.search-result-toggle-company-container.active > .search-result-toggle-btn-container{
display:block;
margin-top:0;
padding:5px 0 10px;
box-shadow:none;
}
.search-result-toggle-company-container.active > .search-result-toggle-btn-container a{
position:relative;
margin:0 auto;
border:1px solid #bbb;
border-radius:3px;
width:105px;
height:35px;
background-color:#fff;
}
.search-result-toggle-company-container.active > .search-result-toggle-btn-container a span{
margin-top:10px;
}
.search-result-toggle-company-container.active > .search-result-toggle-btn-container a span::before{
bottom:2px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
display:inline-block;
position:relative;
margin-right:4px;
width:12px;
height:12px;
background-size:100%;
background-position:0 center;
background-repeat:no-repeat;
content:"";
vertical-align:middle;
}

/* .search-result-company
------------------------------------------------ */
.search-result-company{
margin:0 -10px;
padding:0 10px;
border-bottom:4px solid #666;
background-color:#f3f3f3;
}
.search-result-company .search-result-item{
margin:5px 1px;
padding:0 5px;
border-bottom:none;
border-top:none;
background-color:#fff;
box-shadow:0px 0px 2px 1px rgba(0, 0, 0, .2);
}
.search-result-company .search-result-item-header{
margin:0;
}
.search-result-company .search-result-item-header ul{
border-bottom:none;
background-color:#cdcdcd;
}
.search-result-company .ticket-summary .ticket-summary-item{
padding-left:0;
padding-bottom:20px;
}
.search-result-company .search-result-toggle-container .btn-search-result-toggle{
padding-top:0;
padding-left:0;
height:20px;
}

/* ticket-price-header
------------------------------------------------ */
.ticket-price-header{
display:-webkit-box;
display:flex;
margin:0 -10px;
padding:9px 8px;
border-top:4px solid #666;
color:var(--cmn-font-color-base);
background-color:#fff;
}
.ticket-price-header > a{
display:-webkit-box;
display:flex;
-webkit-box-flex:1;
flex:1;
margin:-9px -8px;
padding:9px 8px 25px;
color:var(--cmn-font-color-base);
background-color:#fff;
}
.ticket-price-header .ticket-logo{
display:table-cell;
width:47px;
vertical-align:top;
}
.ticket-price-header .ticket-agt-sup{
display:table-cell;
word-break:break-all;
}
.ticket-price-header .ticket-agt-sup .ticket-agt-name{
display:block;
font-weight:bold;
font-size:15px;
line-height:1.2;
}
.ticket-price-header .airline-vacancy{
display:block;
clear:both;
margin:3px 0;
line-height:1;
}
.ticket-price-header .airline-vacancy > span{
box-sizing:border-box;
padding:1px 5px;
min-width:90px;
color:var(--font-color-btn-link);
background-color:#f1f1f1;
text-align:center;
white-space:nowrap;
font-size:10px;
line-height:1;
}
.ticket-price-header .airline-vacancy > span  span:before{
display:inline-block;
margin:0 3px;
content:":";
}
.ticket-price-header .ticket-total-price{
display:-webkit-box;
display:flex;
-webkit-box-flex:1;
flex:1;
-webkit-box-pack:end;
justify-content:flex-end;
}
.ticket-price-header .ticket-total-price .ticket-total-price-sup{
display:block;
padding-top:5px;
min-width:42px;
}
.ticket-price-header .ticket-total-price .ticket-total-price-sum{
display:block;
}
.ticket-price-header .ticket-total-price .ticket-cheapest{
display:block;
margin-bottom:1px;
line-height:1;
}
.ticket-price-header .ticket-total-price .ticket-total-num{
display:block;
font-size:10px;
line-height:1;
}
.ticket-price-header .ticket-total-price .ticket-price{
display:inline-block;
font-size:12px;
line-height:1;
}
.ticket-price-header .ticket-total-price .ticket-price .ticket-price-num{
font-weight:bold;
font-size:20px;

}
.ticket-price-header .ticket-total-price .ticket-price.ticket-price-best{
color:var(--cmn-font-color-red);
}
.ticket-price-header .ticket-total-price .ticket-sup{
display:block;
text-align:right;
font-size:10px;
line-height:1;
}

/* ticket-notes-toggle-container
------------------------------------------------ */
.ticket-notes-toggle-container.active .ticket-notes-item{
display:block;
}
.ticket-notes-toggle-container .ticket-notes-item{
display:none;
margin-top:5px;
padding:10px 5px;
background-color:#fff5f5;
font-size:10px;
}
.ticket-notes-toggle-container .ticket-notes-item .em{
color:var(--cmn-font-color-red);
}
.ticket-notes-toggle-container .ticket-notes-item span{
display:block;
margin-top:10px;
}
.ticket-notes-toggle-container .ticket-notes-item .ticket-notes{
margin-bottom:-10px;
}
.ticket-notes-toggle-container .ticket-notes-item .ticket-notes-btn{
margin-top:5px;
text-align:right;
}
.ticket-notes-toggle-container .ticket-notes-item .ticket-notes-btn button{
border:none;
color:var(--font-color-btn-link);
background:none;
font-size:10px;
}
.ticket-notes-toggle-container .ticket-notes-item .ticket-notes-btn button:before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:4px;
width:12px;
height:12px;
background:url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 0 50% no-repeat;
background-size:100%;
content:"";
vertical-align:middle;
}

/* toggle-container
------------------------------------------------ */
.toggle-container{
margin:0 -10px;
}
.toggle-container.active .toggle-item{
display:block;
}
.toggle-container.active .toggle-btn > span{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.toggle-container .toggle-item{
display:none;
}
.toggle-container .toggle-btn{
box-sizing:border-box;
display:block;
padding-top:11px;
border:none;
width:100%;
height:42px;
color:var(--cmn-font-color-base);
background:none;
text-align:center;
font-size:14px;
border-top:1px solid #e5e5e5;
}
.toggle-container .toggle-btn > span{
display:inline-block;
position:relative;
padding-left:15px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 center no-repeat;
background-size:11px;
}

/* box-collapse
----------------------------------------------------------------- */
.box-collapse .box-collapse-item{
display:none;
}
.box-collapse .btn-collapse{
padding:5px 10px;
border:none;
width:100%;
color:var(--font-color-btn-link);
background:none;
font-weight:bold;
font-size:10px;
line-height:1.2;
}
.box-collapse .btn-collapse:before{
display:inline-block;
margin-right:5px;
border-radius:3px;
width:14px;
height:14px;
background-color:#666;
content:"";
vertical-align:middle;
}
.box-collapse .btn-collapse span{
display:inline-block;
position:relative;
}
.box-collapse .btn-collapse span:before{
display:block;
position:absolute;
top:5px;
left:-16px;
width:8px;
height:2px;
background-color:#fff;
content:"";
}
.box-collapse .btn-collapse span:after{
display:block;
position:absolute;
top:2px;
left:-13px;
width:2px;
height:8px;
background-color:#fff;
content:"";
}
.box-collapse.active .box-collapse-item{
display:block;
}
.box-collapse.active .btn-collapse span:after{
display:none;
}

/* box-collapse-02
----------------------------------------------------------------- */
.box-collapse-02 .box-collapse-item{
display:none;
}
.box-collapse-02 .box-collapse-item.list-link a{
padding-left:42px;
}
.box-collapse-02 .btn-collapse-container{
position:relative;
}
.box-collapse-02 .btn-collapse-container .btn-collapse{
overflow:hidden;
position:absolute;
top:0;
border:none;
width:100%;
height:100%;
background:none;
text-indent:-9999px;
}
.box-collapse-02 .btn-collapse-container .btn-collapse::before{
position:absolute;
top:17px;
right:10px;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
content:"";
}
.box-collapse-02 .btn-collapse-container .hdg-collapse{
padding:12px 30px 11px 10px;
border:none;
border-bottom:1px solid #e5e5e5;
color:var(--cmn-font-color-base);
background:none;
font-weight:normal;
font-size:14px;
line-height:1.2;
}
.box-collapse-02.active > .btn-collapse-container .btn-collapse::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.box-collapse-02.active .box-collapse-item{
display:block;
}
.box-collapse-02.active .box-collapse-item.list-link-02 li a{
padding-left:25px;
}
.box-collapse-02.disabled .hdg-collapse{
color:#ccc;
}
.box-collapse-02.disabled .btn-collapse::before{
opacity:.3;
}

/* box-collapse-03
----------------------------------------------------------------- */
.box-collapse-03-container{
border-bottom:1px solid #e5e5e5;
margin-top:-1px;
}
.box-collapse-03-container.box-collapse-03-branch-01{
font-size:14px;
}
.box-collapse-03-container.box-collapse-03-branch-01 .box-collapse-03 > .box-collapse-item.list-link a{
font-size:14px;
}
.box-collapse-03 > .box-collapse-item{
display:none;
margin:0;
}
.box-collapse-03 > .box-collapse-item.list-link a{
padding-left:34px;
font-size:14px;
}
.box-collapse-03 > .btn-collapse-container{
position:relative;
}
.box-collapse-03 > .btn-collapse-container .hdg-collapse{
box-sizing:border-box;
padding:10px 30px 9px 10px;
border-top:1px solid #e5e5e5;
font-weight:normal;
font-size:14px;
line-height:1.3;
}
.box-collapse-03 > .btn-collapse-container .btn-collapse{
display:block;
overflow:hidden;
position:absolute;
top:0;
border:none;
width:100%;
height:100%;
text-indent:-9999px;
box-sizing:border-box;
background:none;
}
.box-collapse-03 > .btn-collapse-container .btn-collapse::before{
content:"";
display:block;
position:absolute;
right:10px;
top:17px;
width:16px;
height:10px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-04-down-l.svg) 0 0 no-repeat;
}
.box-collapse-03.active > .box-collapse-item{
display:block;
}
.box-collapse-03.active > .btn-collapse-container .btn-collapse::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.box-collapse-03 .box-collapse-item .btn-collapse-container .hdg-collapse{
border-top:none;
}
.box-collapse-03 .box-collapse-03 .hdg-collapse{
padding-left:34px;
border-bottom:none;
}
.box-collapse-03 .box-collapse-03 .box-collapse-item.list-link a{
padding-left:58px;
}
.box-collapse-03 .box-collapse-03 .box-collapse-item.list-link li:last-child{
border-bottom:none;
}

/* box-lowprice
----------------------------------------------------------------- */
.box-lowprice{
margin:0 -10px;
padding:0 0 20px;
background-color:#fff;
}
.box-lowprice p{
margin-bottom:0;
padding:0 10px;
}

/* box-service
----------------------------------------------------------------- */
.box-service{
margin:0 -10px;
padding:0 10px;
}
.box-service p{
margin:0 0 10px;
font-size:13px;
}
.box-service [class*="ico-service"]{
margin:0 -10px 10px;
padding:5px 10px;
border-bottom:1px solid #e5e5e5;
background-color:#f5f5f5;
font-size:13px;
}
.box-service [class*="ico-service"]:before{
display:inline-block;
position:relative;
top:-1px;
margin-right:5px;
width:18px;
height:18px;
background-position:0 50%;
background-size:100%;
background-size:100%;
background-repeat:no-repeat;
content:"";
vertical-align:middle;
}
.box-service .ico-service-baggage:before{
background-image:url(/element_sp/j_air_on/shared/images/icon-bag.png);
}
.box-service .ico-service-flight:before{
background-image:url(/element_sp/j_air_on/shared/images/icon-service.png);
}
.box-service .ico-service-seat:before{
background-image:url(/element_sp/j_air_on/shared/images/icon-seat.png);
}

/* box-access
------------------------------------------------ */
.box-access{
margin:0 -10px;
}
.box-access .tbl-02 thead th:first-child{
width:90px;
}

/* box-checkin-counter
------------------------------------------------ */
.box-checkin-counter{
margin:0 -10px;
}
.box-checkin-counter .tbl-02 thead th:first-child{
width:100px;
}
.box-checkin-counter .tbl-02 tbody td{
padding:0;
}
.box-checkin-counter .tbl-02 tbody td a{
box-sizing:border-box;
display:-webkit-box;
display:flex;
position:relative;
-webkit-box-align:center;
align-items:center;
padding:4px 10px;
height:100%;
color:var(--cmn-font-color-base);
}

/* box-checkin-time
------------------------------------------------ */
.box-checkin-time{
margin:0 -10px;
}
.box-checkin-time .tbl-02 thead th:first-child{
width:80px;
}

/* box-notfound
------------------------------------------------ */
.box-notfound-container .box-notfound{
margin-top:20px;
padding:10px;
border:1px solid #e5e5e5;
font-size:13px;
text-align:left;
}
.box-notfound-container .txt-notfound{
margin:30px 0 -10px;
font-weight:bold;
font-size:13px;
line-height:1.3;
text-align:left;
}
.box-notfound-container .box-notfound .list-hint,
.box-notfound-container .box-notfound .list-hint ul{
margin:0;
}
.box-notfound-container .box-notfound .list-hint > li{
margin-bottom:10px;
}
.box-notfound-container .box-notfound .list-hint > li:last-child{
margin-bottom:0;
}
.box-notfound-container .box-notfound .list-hint ul li{
position:relative;
padding-left:14px;
line-height:1.4;
}
.box-notfound-container .box-notfound .list-hint ul li:before{
display:block;
position:absolute;
top:3px;
left:0;
width:10px;
height:10px;
background:#333;
content:"";
}
.box-notfound-container .box-notfound .list-hint .hint{
display:block;
position:relative;
padding-left:14px;
line-height:1.3;
}
.box-notfound-container .box-notfound .list-hint .hint:before{
display:block;
position:absolute;
top:0;
left:0;
content:"\2192";
}

/* air-item
----------------------------------------------------------------- */
.air-item{
display:table;
position:relative;
margin:0 -10px;
padding:15px 9px 0;
width:100%;
}
.air-item .air-item-01{
display:table-cell;
position:relative;
padding-left:55px;
vertical-align:middle;
word-break:break-all;
letter-spacing:-.08em;
line-height:1.3;
}
.air-item .air-item-01 .img-logo{
position:absolute;
top:50%;
left:0;
margin-top:-15px;
}
.air-item .air-item-02{
display:table-cell;
width:150px;
vertical-align:middle;
text-align:right;
word-break:break-all;
letter-spacing:-.08em;
}
.air-item .air-item-02 .price{
display:inline-block;
color:var(--cmn-font-color-base);
vertical-align:middle;
font-size:12px;
line-height:1.1;
}
.air-item .air-item-02 .price b{
font-size:21px;

}
.air-item.best-price .price{
color:var(--cmn-font-color-red);
}

/* flight-item
----------------------------------------------------------------- */
.flight-item{
display:-webkit-box;
display:flex;
position:relative;
-webkit-box-align:center;
align-items:center;
padding:5px 23px 5px 5px;
}
.flight-item .flight-info-01{
-webkit-box-flex:1;
flex:1;
}
.flight-item .flight-info-02{
-webkit-box-flex:1;
flex:1;
}
.flight-item:after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
border-right:2px solid #333;
border-bottom:2px solid #333;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* select-item
----------------------------------------------------------------- */
.select-item{
display:-webkit-box;
display:flex;
position:relative;
-webkit-box-align:top;
align-items:top;
padding:0 5px 5px;
}
.select-item .flight-info-01{
-webkit-box-flex:3;
flex:3;
}
.select-item .flight-info-01 .img-logo{
top:7px;
margin:0;
margin-top:-15px;
}
.select-item .flight-info-02{
-webkit-box-flex:2.8;
flex:2.8;
}

/* agt-item
----------------------------------------------------------------- */
.agt-item{
margin:0 -10px;
padding:0 10px;
}
.agt-item .agt-info-item{
margin-top:5px;
line-height:1.4;
}
.agt-item .agt-info-item .agt-info-item-list-note{
font-size:11px;
color:var(--font-color-btn-link);
margin:0;
}
.agt-item .agt-info-item .agt-info-item-list-note em{
color:var(--cmn-font-color-red);
}
.agt-item .agt-info-item .agt-info-item-list-note.ic-01 li{
text-indent:-15px;
padding-left:15px;
}
.agt-item .agt-info-item .agt-info-item-list-note.ic-01 li::before{
content:"\0203B";
margin-right:4px;
}
.agt-item .agt-info-item .agt-info-item-list-note.ic-01 li strong{
font-weight:normal;
color:var(--cmn-font-color-red);
background:-webkit-linear-gradient(left, var(--cmn-font-color-red), var(--cmn-font-color-red) 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, var(--cmn-font-color-red), var(--cmn-font-color-red) 50%, transparent 50%, transparent 100%) repeat-x 0 100%; background-size:4px 1px;
}
.agt-item .agt-info-item .agt-info-item-remarks{
font-size:0;
vertical-align:middle;
}
.agt-item .agt-info-item .agt-info-item-remarks .agt-info-item-remarks-desc{
display:inline-block;
position:relative;
top:-1px;
font-size:11px;
color:var(--font-color-btn-link);
vertical-align:middle;
}
.agt-item .agt-info-item .agt-info-item-remarks .agt-info-item-remarks-desc .cmn-tip-caution-btn-icon{
margin-left:4px;
}
.agt-item .agt-info-item .agt-info-item-remarks .agt-info-mark{
display:block;
vertical-align:middle;
font-size:11px;
color:var(--font-color-btn-link);
position:relative;
top:-1px;
}
.agt-item .agt-info-item .agt-info-item-remarks .agt-info-mark strong{
font-weight:normal;
color:var(--cmn-font-color-red);
background:-webkit-linear-gradient(left, var(--cmn-font-color-red), var(--cmn-font-color-red) 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, var(--cmn-font-color-red), var(--cmn-font-color-red) 50%, transparent 50%, transparent 100%) repeat-x 0 100%; background-size:4px 1px;
}
.agt-item .agt-info-item .agt-info-item-list{
margin:0;
font-size:0;
}
.agt-item .agt-info-item .agt-info-item-list > li{
font-size:11px;
color:var(--font-color-btn-link);
display:inline-block;
}
.agt-item .agt-info-item .agt-info-item-list > li em{
color:var(--cmn-font-color-red);
}
.agt-item .agt-info-item .agt-info-item-list > li::before{
content:"/";
display:inline-block;
margin:0 3px;
}
.agt-item .agt-info-item .agt-info-item-list > li.agt-info-item-list-remarks{
display:inline-block;
}
.agt-item .agt-info-item .agt-info-item-list > li.agt-info-item-list-remarks >span{
display:inline-block;
}
.agt-item .agt-info-item .agt-info-item-list > li.agt-info-item-list-remarks >span:first-child::after{
content:":";
display:inline-block;
}
.agt-item .agt-info-item .agt-info-item-list .cmn-tip-caution-btn-icon{
margin-left:3px;
}
.agt-item .agt-info-item .agt-info-item-remarks .agt-info-item-list{
display:inline-block;
margin-left:2px;
vertical-align:middle;
}
.agt-col{
margin:0 -10px;
}
.agt-col .agt-price-summary-col{
display:-webkit-box;
display:flex;
padding:0 10px 10px;
}
.agt-col .agt-price-summary-col .agt-price-notes{
display:block;
margin-top:-5px;
color:var(--cmn-font-color-gray);
font-size:10px;
}
.agt-col .agt-price-summary-col .agt-price-summary-cell{
display:-webkit-box;
display:flex;
-webkit-box-flex:1;
flex:1;
}
.agt-col .agt-price-summary-col .agt-price-summary-cell:first-child{
margin-right:3px;
}
.agt-col .agt-price-summary-col .agt-price-summary-cell:last-child{
margin-left:3px;
}
.agt-col .agt-price-summary-col .agt-price-summary-cell .agt-price-unit{
-webkit-box-flex:1;
flex:1;
}
.agt-col .agt-price-summary-col .agt-price-summary-cell .agt-price-unit .agt-price-total-num{
display:block;
font-weight:bold;
font-size:11px;
padding-left:15px;
}
.agt-col .agt-price-summary-col .agt-price-summary-cell .agt-price-unit .agt-price{
display:block;
text-align:right;
font-size:12px;
}
.agt-col .agt-price-summary-col .agt-price-summary-cell .agt-price-unit .agt-price .agt-price-num{
font-size:15px;
line-height:1;
}
.agt-col .agt-price-summary-col .agt-price-detail{
display:block;
margin-left:10px;
}
.agt-col .agt-price-summary-col .agt-price-detail .btn-detail{
box-sizing:border-box;
display:table-cell;
float:right;
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:42px;
height:34px;
color:var(--font-color-btn-link);
background-color:#fff;
box-shadow:0 -1px 0 rgba(0, 0, 0, .15) inset;
vertical-align:middle;
text-align:center;
font-size:11px;
line-height:1.1;
}
.agt-col .agt-price-summary{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
padding:10px;
-webkit-box-align:start;
align-items:flex-start;
}
.agt-col .agt-price-summary .agt-price-notes{
display:block;
color:var(--font-color-btn-link);
font-size:11px;
width:100%;
margin:2px 0 0 0;
}
.agt-col .agt-price-summary .agt-price-notes > li{
text-indent:-1em;
margin-left:1em;
}
.agt-col .agt-price-summary .agt-col-info{
display:block;
-webkit-box-flex:1;
flex:1;
}
.agt-col .agt-price-summary .agt-col-info .agt-col-sup{
display:block;
font-size:10px;
}
.agt-col .agt-price-summary .agt-col-info .agt-col-sup .agt-provider{
display:block;
width:80px;
line-height:1;
margin-top:2px;
}
.agt-col .agt-price-summary .agt-col-info .agt-col-sup .cmn-tip-info-btn-icon{
position:relative;
top:1px;
margin-top:-2px;
margin-left:3px;
}
.agt-col .agt-price-summary .agt-col-logo{
line-height:1;
}
.agt-col .agt-price-summary .agt-price-unit{
display:-webkit-box;
display:flex;
text-align:right;
flex-wrap:wrap;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
width:280px;
}

@media screen and (max-width: 320px){
.agt-col .agt-price-summary .agt-price-unit{
width:225px;
}
}
.agt-col .agt-price-summary .agt-price-unit .agt-price-total-num{
font-weight:bold;
font-size:11px;
margin-left:12px;
text-align:right;
}
.agt-col .agt-price-summary .agt-price-unit .agt-price-total-num .cmn-tip-btn{
margin-right:0;
}
.flight-separate .agt-col .agt-price-summary .agt-price-unit .agt-price-total-num{
text-align:left;
}
.agt-col .agt-price-summary .agt-price-unit .agt-price{
font-size:11px;
margin-left:12px;
}
.agt-col .agt-price-summary .agt-price-unit .agt-price .agt-price-num{
font-weight:bold;
font-size:18px;

}
.agt-col .agt-price-summary .agt-price-unit .agt-price-detail{
display:block;
}
.agt-col .agt-price-summary .btn-detail{
box-sizing:border-box;
display:table-cell;
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:56px;
height:24px;
color:var(--font-color-btn-link);
background-color:#fff;
box-shadow:0 -1px 0 rgba(0, 0, 0, .15) inset;
vertical-align:middle;
text-align:center;
font-size:11px;
line-height:1.1;
}
.agt-col .agt-price-summary-total{
display:table;
border-bottom:2px solid #666;
width:100%;
table-layout:fixed;
}
.agt-col .agt-price-summary-total .agt-price-notes{
display:block;
margin-top:-5px;
color:var(--cmn-font-color-gray);
font-size:10px;
}
.agt-col .agt-price-summary-total .agt-col-logo{
display:table-cell;
width:60px;
vertical-align:top;
}
.agt-col .agt-price-summary-total .agt-price-unit{
display:table-cell;
padding:5px 10px;
text-align:right;
}
.agt-col .agt-price-summary-total .agt-price-unit .agt-price-total-num{
font-weight:bold;
font-size:12px;
}
.agt-col .agt-price-summary-total .agt-price-unit .agt-price{
font-size:13px;
}
.agt-col .agt-price-summary-total .agt-price-unit .agt-price .agt-price-num{
font-weight:bold;
font-size:22px;

}
.flight-separate{
border-bottom:4px solid #666;
}
.flight-separate .agt-toggle-container{
border-bottom:2px solid #666;
}
.flight-separate .agt-toggle-container .agt-toggle-item{
margin:0;
padding:0 0 10px;
}
.agt-toggle-container{
margin:0 -10px;
padding:0 10px;
border-bottom:6px solid #666;
}
.agt-toggle-container.active .agt-toggle-item-container .agt-toggle-item:not(:first-child){
display:block;
}
.agt-toggle-container .agt-toggle-item-container .agt-toggle-item:not(:first-child){
display:none;
}
.agt-toggle-container .agt-toggle-hdg{
margin-bottom:-5px;
padding-top:7px;
font-size:16px;
}
.agt-toggle-container .agt-toggle-item{
margin:0 -10px;
padding:0 10px 10px;
}
.agt-toggle-container.active .agt-toggle-item:not(:last-child){
border-bottom:4px solid #e5e5e5;
}
.agt-toggle-container .agt-toggle-btn{
margin-top:2px;
}
.agt-toggle-container .agt-toggle-btn a{
position:relative;
display:block;
margin:0 -10px;
padding:0 10px 5px 24px;
color:var(--font-color-btn-link);
font-size:11px;
}
.agt-toggle-container .agt-toggle-btn a::before{
position:absolute;
left:10px;
top:6px;
content:"";
display:block;
width:8px;
height:5px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-down.svg);
background-repeat:no-repeat;
background-size:100% auto;
}
.agt-toggle-container.active .agt-toggle-btn a::before{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-up.svg);
}
.agt-item .agt-btn{
margin-top:10px;
text-align:center;
}
.agt-item .agt-btn button{
box-sizing:border-box;
display:block;
position:relative;
margin:0 auto;
padding:0 10px;
border:none;
border-radius:4px;
width:210px;
height:37px;
color:#fff;
background-color:#78ae0e;
box-shadow:inset 0 -3px rgba(0, 0, 0, .22);
text-shadow:0 1px rgba(4, 0, 0, .1);
font-weight:bold;
font-size:14px;
}
.agt-item .agt-btn b{
font-size:14px;
}
.agt-item .agt-btn small{
font-size:11px;
margin-left:5px;
}
.agt-item .agt-btn-notes{
display:block;
margin-top:7px;
color:var(--font-color-btn-link);
letter-spacing:-.1em;
font-size:11px;
line-height:1.4;
}
.agt-item .agt-item-add .agt-item-add-notes{
display:block;
color:var(--font-color-btn-link);
font-size:10px;
margin-top:10px;
}
.agt-item .agt-item-add .agt-item-add-notes.mark{
display:block;
position:relative;
padding-left:20px;
}
.agt-item .agt-item-add .agt-item-add-notes.mark .icon-att{
position:absolute;
top:2px;
left:0;
}

/* selected-flight
------------------------------- */
.search-result-header .selected-flight{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
position:relative;
margin:10px 0;
min-height:119px;
box-shadow:0 2px 1px 0 rgba(0, 0, 0, .15);
-webkit-box-flex:1;
flex:1;
background-color:#fff;
border-radius:3px;

}
.search-result-header .selected-flight.selected-flight-set .selected-flight-item.flight-item-return::before{
height:76%;
}
.search-result-header .selected-flight .selected-flight-item{
position:relative;
padding:14px 10px 73px 10px;
width:50%;
box-sizing:border-box;

}
.search-result-header .selected-flight .selected-flight-item.flight-item-return{
padding-left:10px;
border-radius:0 3px 3px 0;
background-color:#fff;
}
.search-result-header .selected-flight .selected-flight-item.flight-item-return::before{
content:"";
display:block;
width:1px;
height:100%;
position:absolute;
background-color:#d9d9d9;
left:0;
top:0;
}
.search-result-header .selected-flight .selected-flight-item.off{
background-color:#f5f5f5;
}
.search-result-header .selected-flight .selected-flight-item .flight-info-01{
padding:0;
}
.search-result-header .selected-flight .selected-flight-item > b{
display:inline-block;
margin-right:4px;
padding:2px 5px 1px;
color:#fff;
background-color:#797979;
font-weight:bold;
font-size:10px;
line-height:1.2;
vertical-align:top;
}
.search-result-header .selected-flight .selected-flight-item .ticket-date{
font-weight:bold;
font-size:11px;
position:relative;
top:-4px;
vertical-align:middle;
}
.search-result-header .selected-flight .selected-flight-item .ticket-date .date-num{
font-size:13px;

}
.search-result-header .selected-flight .selected-flight-item .ticket-header{
position:relative;
line-height:1.2;
margin-right:-5px;
}
.search-result-header .selected-flight .selected-flight-item .ticket-name{
display:inline-block;
font-size:11px;
}
.search-result-header .selected-flight .selected-flight-item .ticket-code{
display:inline-block;
font-size:12px;

}
.search-result-header .selected-flight .selected-flight-item .ticket-alliance{
display:block;
font-size:9px;
color:var(--font-color-btn-link);
}
.search-result-header .selected-flight .selected-flight-item .ticket-date-change{
display:block;
font-size:12px;
}
.search-result-header .selected-flight .selected-flight-item .ticket-type{
display:block;
margin-top:5px;
font-size:12px;
}
.search-result-header .selected-flight .selected-flight-item .ticket-type .ticket-type-txt{
display:-webkit-box;
display:flex;
padding-right:0;
}
.search-result-header .selected-flight .selected-flight-item .ticket-type .ticket-type-txt .ticket-type-txt-ellipsis{
overflow:hidden;
display:inline-block;
text-overflow:ellipsis;
white-space:nowrap;
}
.search-result-header .selected-flight .selected-flight-btn-container{
box-sizing:border-box;
position:absolute;
bottom:10px;
left:0;
padding:0 10px;
width:100%;
}
.search-result-header .selected-flight .selected-flight-btn-container .selected-flight-btn{
display:block;
padding:2px 0;
background:none;
background-color:#fff;
font-size:10px;
border:1px solid #bbb;
border-radius:4px;
width:100%;
color:var(--cmn-font-color-base);
background:none;
background-color:#fff;
font-size:10px;
}

/* ticket-route
------------------------------- */
.search-result-header .ticket-route{
display:-webkit-box;
display:flex;
margin:0;
width:116px;
position:absolute;
bottom:37px;
}
.search-result-header .ticket-route li{
box-sizing:border-box;
-webkit-box-flex:1;
flex:1;
}
.search-result-header .ticket-route li:first-child .ticket-time{
position:relative;
padding-right:10px;
}
.search-result-header .ticket-route li:first-child .ticket-time::after{
display:block;
position:absolute;
top:50%;
right:3px;
margin-top:-3px;
width:8px;
height:6px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
}
.search-result-header .ticket-route .ticket-time{
display:block;
margin-top:2px;
font-size:18px;
color:var(--cmn-font-color-base);
line-height:1;
}
.search-result-header .ticket-route .ticket-airport{
display:block;
color:#555;
font-weight:bold;
font-size:9px;
line-height:1;
}

/* .payment-info
----------------------------------------------- */
.payment-info{
display:table;
table-layout:fixed;
width:100%;
background-color:#fff;
table-layout:fixed;
}
.payment-info .list-payment{
display:table;
margin:0;
table-layout:fixed;
width:100%;
border-collapse:collapse;
border:1px solid #ddd;
border-top:none;
font-size:11px;
}
.payment-info .list-payment > li{
display:table-cell;
text-align:center;

}
.payment-info .list-payment > li > b{
display:block;
padding:3px 0;
font-size:11px;
font-weight:normal;
background-color:#f5f5f5;
border-right:1px solid #ddd;
line-height:1.3;
}
.payment-info .list-payment > li > span{
display:block;
line-height:1.3;
padding:8px 0;
}
.payment-info .list-payment > li > span .cmn-tip-btn{
margin-right:0;
}
.payment-info .list-payment > li:first-child{
width:80px;
}
.payment-info .list-payment > li:first-child b{
position:relative;
margin-left:-1px;
}
.payment-info .list-payment > li:first-child >span{
padding:8px;
}
.payment-info .list-payment > li:first-child >span > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}
.payment-info .list-payment > li:first-child >span > span > span:first-child{
white-space:nowrap;
}
.payment-info .list-payment > li:first-child >span > span > span:last-child{
width:19px;
}
.payment-info .list-payment > li:first-child >span > span sup{
font-size:13px;
vertical-align:top;
position:relative;
top:0;
line-height:1;
}
.payment-info .list-payment > li:first-child >span > span .cmn-tip-info-btn{
position:relative;
top:-.5px;
margin-left:4px;
}
.payment-info .list-payment > li:nth-child(2){
width:90px;
}
.payment-info .list-payment > li:last-child b{
position:relative;
margin-right:-1px;
border-right:none;
}
.payment-info .list-payment .list-paytype{
display:block;
letter-spacing:-.4em;
text-align:left;
margin:0;
padding:8px 5px;
word-break:break-all;
}
.payment-info .list-payment .list-paytype > li{
display:block;
letter-spacing:normal;
line-height:1.2;
}
.payment-info .list-payment .list-paytype > li.payment-card{
display:block;
margin-left:0;

}
.payment-info .list-payment .payment-guide{
margin-bottom:2px;
}
.payment-info .list-payment .payment-guide > span{
display:inline-block;
}
.payment-info .list-payment .list-paytype > li:last-child{
margin-right:0;
}
.payment-info .list-payment .list-credit{
display:inline-block;
margin:0 0 2px;
vertical-align:middle;
font-size:0;
line-height:1;
}
.payment-info .list-payment .list-credit > li{
display:inline-block;
margin:0 1px;
}
.payment-info .list-payment .list-credit > li img{
max-height:10px;
}
.payment-info .notice-list{
margin:10px 0;
color:var(--font-color-btn-link);
}
.payment-info .notice-list > li{
margin-top:0;
font-size:10px;
}

/* .route-search
----------------------------------------------- */
.route-search p{
margin-bottom:5px;
font-weight:bold;
font-size:12px;
}
.route-search .route-search-form{
display:-webkit-box;
display:flex;
height:38px;
}
.route-search label{
display:-webkit-box;
display:flex;
-webkit-box-flex:1;
flex:1;
-webkit-box-align:center;
align-items:center;
padding-right:5px;
font-weight:bold;
font-size:13px;
}
.route-search label span{
display:block;
padding-right:5px;
}
.route-search label input[type="text"]{
-webkit-box-flex:1;
flex:1;
}
.route-search button{
display:block;
padding:0 5px;
border:none;
border-radius:6px;
width:75px;
height:38px;
color:#fff;
background-color:#444;
box-shadow:inset 0 -4px rgba(0, 0, 0, .25);
text-align:center;
text-align:center;
text-shadow:none;
font-weight:bold;
font-size:14px;
}

/* ----------------------------------------------------------------
  Btn
----------------------------------------------------------------- */
.btn{
display:table;
margin:20px auto 0;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
min-width:55%;
color:var(--font-color-btn-link);
background-color:#fff;
text-align:center;
font-weight:bold;
font-size:13px;
}

/* btn-01
-------------------------------------- */
.btn-01{
padding:7px;
border:1px solid #ccc;
border-radius:4px;
width:100%;
color:var(--cmn-font-color-base);
background:none;
background-color:#fff;
box-shadow:inset 0 -3px rgba(217, 217, 217, .58);
font-size:14px;
}

/* btn-02
-------------------------------------- */
.btn-02{
display:block;
padding:0 5px;
border:none;
border-radius:6px;
height:38px;
color:#fff;
background-color:#78ae0e;
box-shadow:inset 0 -4px rgba(0, 0, 0, .25);
text-align:center;
text-align:center;
text-shadow:1px 2px rgba(6, 0, 1, .1);
font-weight:bold;
font-size:16px;
line-height:38px;
}

/* .btn-main-01
----------------------------------------------- */
.btn-main-01{
display:block;
padding:5px 0 9px;
border:none;
border-radius:6px;
width:100%;
color:#fff;
background-color:#78ae0e;
box-shadow:0 -4px 0 #608c03 inset;
text-shadow:1px 2px 0px rgba(4, 0, 0, .1);
font-weight:bold;
font-size:20px;
line-height:1.55;
}

/* .btn-main-02
----------------------------------------------- */
.btn-main-02{
border:none;
border-radius:4px;
width:100%;
min-height:44px;
padding:0;
margin:0;
color:#fff;
background-color:#444;
text-align:center;
text-shadow:0 1px 0 rgba(4, 0, 0, .1);
font-size:16px;
}

/* btn-reset
-------------------------------------- */
.btn-reset{
padding:0 3px;
border:none;
border-radius:6px;
width:100%;
height:45px;
color:var(--cmn-font-color-base);
background:none;
background-color:#fff;
font-size:14px;
}

/* btn-reset-02
-------------------------------------- */
.btn-reset-02{
padding:0 3px;
border:1px solid #bbb;
border-radius:4px;
width:100%;
height:44px;
color:var(--cmn-font-color-base);
background:none;
background-color:#fff;
font-size:14px;
}

/* btn-search
-------------------------------------- */
.btn-search{
margin-top:20px;
padding:7px;
border:1px solid #ccc;
border-radius:4px;
width:100%;
color:var(--cmn-font-color-base);
background:none;
background-color:#fff;
box-shadow:inset 0 -3px rgba(217, 217, 217, .58);
font-size:14px;
}
.btn-search span:before{
display:inline-block;
margin-right:5px;
width:18px;
height:18px;
background:url(/element_sp/shared/images/sprite/sprite-icon-symbol.png) -239px -5px no-repeat;
background-size:366px;
content:"";
vertical-align:top;
}

/* btn-select
-------------------------------------- */
.btn-select{
position:relative;
-webkit-box-flex:1;
flex:1;
padding:8px 9px;
border:1px solid #adadad;
border-radius:3px;
width:100%;
min-height:37px;
color:var(--cmn-font-color-base);
background-color:#fff;
text-align:left;
font-weight:bold;
font-size:15px;
line-height:1.2;
}
.btn-select:after{
display:block;
position:absolute;
border-right:2.5px solid #888;
border-bottom:2.5px solid #888;
width:5px;
height:5px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.btn-select:after{
top:50%;
right:10px;
margin-top:-3px;
width:6px;
height:6px;
}

/* btn-container
------------------------------------------------ */
.btn-container{
display:-webkit-box;
display:flex;
margin:0 auto;
max-width:88%;
width:287px;
max-width:100%;
}
.btn-container li:first-child{
width:60px;
padding-right:8px;
}
.btn-container li:last-child{
-webkit-box-flex:1;
flex:1;
}
.btn-detail{
box-sizing:border-box;
display:table-cell;
padding:0;
border:1px solid #ccc;
border-radius:3px;
width:30px;
height:25px;
color:var(--font-color-btn-link);
background-color:#fff;
box-shadow:0 -1px 0 rgba(0, 0, 0, .15) inset;
vertical-align:middle;
text-align:center;
font-size:10px;
line-height:1.1;
}

/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* link-internal-01
----------------------------------------------------------------- */
.link-internal-01{
color:#fff;
text-align:right;
font-size:11px;
line-height:1.3;
}
.link-internal-01 span{
margin-left:-1em;
}

/* link-arrow
------------------------------------------------ */
.link-arrow{
position:relative;
padding-left:12px;
color:#555;
}
.link-arrow:before{
display:inline-block;
position:absolute;
top:6px;
left:0;
border:1px solid #767676;
border-bottom-width:0;
border-left-width:0;
width:5px;
height:5px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* list-notice-02
----------------------------------------------------------------- */
.list-notice-02{
color:var(--font-color-btn-link);
font-size:11px;
line-height:1.3;
}

/* list-notice-03
----------------------------------------------------------------- */
.list-notice-03{
display:block;
margin-left:1em;
color:var(--cmn-font-color-gray);
font-size:10px;
line-height:1.3;
}
.list-notice-03 span{
margin-left:-1em;
}

/* list-notice-04
----------------------------------------------------------------- */
.list-notice-04{
display:block;
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
}
.list-notice-04.notice-indent{
margin-left:1em;
}
.list-notice-04.notice-indent > span{
margin-left:-1em;
}

/* list-item
----------------------------------------------------------------- */
.list-item{
margin:0 -10px 15px;
border-top:2px solid #666;
}
.list-item > li{
border-bottom:2px solid #666;
}

/* list-air
----------------------------------------------------------------- */
.list-air{
margin:-10px -10px 15px;
}
.list-air > li{
padding:0 10px;
border-bottom:2px solid #666;
}
.list-air .list-item{
margin:0;
border-top:1px solid #666;
}
.list-air .list-item > li{
border-bottom:none;
}
.list-air .list-item .flight-item{
padding:3px 23px 3px 5px;
}

/* change color (going / return) */
.going .list-item a:before{
background-color:#389ab3;
}
.return .list-item a:before{
background-color:#f09d03;
}

/* list-01
----------------------------------------------------------------- */
.list-01{
margin:0;
}
.list-01 li{
margin-bottom:10px;
}
.list-01 li:last-child{
margin-bottom:0;
}

/*.list-01 li label{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}*/
.list-01 li label .img-logo{
padding-right:5px;
}
.list-01 li label .img-logo + input[type="checkbox"] + span{
padding-top:5px;
line-height:1.3;
}
.list-01 li label .img-logo + input[type="checkbox"] + span:before{
top:14px;
}
.list-01 li label .img-logo + input[type="checkbox"] + span:after{
top:15px;
}

/* list-03
------------------------------------------------ */
.list-03:after{
display:block;
clear:both;
content:"";
}
.list-03{
margin:10px 0 6px;
margin-left:-5px;
}
.list-03.col-03 li{
width:33%;
}
.list-03 li{
box-sizing:border-box;
display:table;
float:left;
margin-bottom:5px;
padding-left:5px;
width:25%;
}
.list-03 li a,
.list-03 li em{
box-sizing:border-box;
display:table-cell;
border-radius:3px;
width:100%;
height:40px;
vertical-align:middle;
text-align:center;
font-size:13px;
line-height:1.3;
}
.list-03 li a span,.list-03 li em span{
font-size:9px;
}
.list-03 li a{
border:1px solid #bbb;
color:var(--cmn-font-color-base);
}
.list-03 li em{
color:#fff;
background-color:#666;
font-weight:normal;
}

/* list-link
----------------------------------------------------------------- */
.list-link.list-link-branch-01 a,
.list-link.list-link-branch-01 .list-link-img a > :last-child{
font-size:14px;
}
.list-link{
margin:0;
}
.list-link .arrow{
margin:0 4px;
}
.list-link li{
border-top:1px solid #e5e5e5;
}
.list-link li > a{
display:block;
position:relative;
padding:12px 10px 12px 10px;
color:var(--cmn-font-color-base);
font-size:12px;
line-height:1.3;
}
.list-link a small{
font-size:12px;
}
.list-link .list-link-img a{
padding:12px 10px 12px 60px;
}
.list-link .list-link-img a > :first-child{
position:absolute;
top:8px;
left:10px;
}
.list-link .list-link-img a > :last-child{
font-size:14px;
}
.list-link .selected a{
cursor:default;
color:#ccc;
}
.list-link.list-link-type-03 li:last-child{
border-bottom:none;
}
.list-link .list-link-sup{
display:block;
}
.list-link .list-link-desc{
color:var(--font-color-btn-link);
}

/* .list-link-02
------------------------------------------------ */
.list-link-02{
margin:0;

}
.list-link-02 li{
border-bottom:1px solid #e5e5e5;
}
.list-link-02 li.disabled a{
color:#ccc;
}
.list-link-02 li a{
display:block;
padding:12px 10px 11px;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1.3;
}

/* list-info
----------------------------------------------------------------- */
.list-info{
margin:3px 0;
}
.list-info li{
border-top:1px solid #e5e5e5;
}
.list-info li:first-child{
border-top:none;
}
.list-info li a{
display:block;
position:relative;
padding:8px 0;
color:var(--cmn-font-color-base);
}
.list-info li a > b{
display:block;
margin-bottom:5px;
font-size:14px;
}
.list-info li a .list-info-item{
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
}
.list-info li a .list-info-item .list-info-desc{
-webkit-box-flex:1;
flex:1;
font-size:13px;
line-height:1.3;
}
.list-info li a .list-info-item .list-info-img{
display:block;
margin-right:10px;
width:97px;
line-height:1;
}
.list-info li a .list-info-item .list-info-img img{
vertical-align:top;
}
.list-info li a .list-info-item .list-info-sup{
display:block;
margin-bottom:4px;
font-weight:bold;
font-size:13px;
}

/* list-definition
----------------------------------------------------------------- */
.list-definition{
margin:10px 0;
}
.list-definition li{
font-size:0;
}
.list-definition li > :last-child{
display:inline-block;
position:relative;
vertical-align:middle;
font-size:13px;
}
.list-definition li > :last-child:before{
display:inline-block;
position:relative;
bottom:1px;
margin:0 2px;
content:"=";
}

/* ----------------------------------------------------------------
  Notice
----------------------------------------------------------------- */
/* notice-01
----------------------------------------------------------------- */
.notice-01{
color:var(--cmn-font-color-red);
}

/* notice-02
----------------------------------------------------------------- */
.notice-02{
font-size:12px;
line-height:1.4;
}

/* ---------------------------------------------------------------
  Table
------------------------------------------------------------------*/
/* tbl-01tbl-01
----------------------------------------------------------------- */
.tbl-01{
box-sizing:border-box;
margin:0;
border-collapse:collapse;
border-bottom:1px solid #d9d9d9;
width:100%;
table-layout:fixed;
display:table;
}
.tbl-01 .tbl-tr{
display:-webkit-box;
display:flex;
}
.tbl-01 .tbl-th,
.tbl-01 th{
box-sizing:border-box;
padding:10px;
border-top:1px solid #e5e5e5;
width:74px;
color:var(--cmn-font-color-base);
background-color:#f7f7f7;
text-align:left;
font-size:13px;
line-height:1.3;
}
.tbl-01 .tbl-th .cmn-tip-btn,.tbl-01 th .cmn-tip-btn{
position:relative;
top:-1px;
}
.tbl-01 .tbl-td,
.tbl-01 td{
padding:0;
border-top:1px solid #e5e5e5;
font-size:14px;
-webkit-box-flex:1;
flex:1;
}
.tbl-01 .tbl-btn{
display:block;
position:relative;
padding:13px 20px 13px 10px;
border:none;
width:100%;
height:100%;
color:var(--font-color-placeholder);
background:none;
text-align:left;
font-size:13px;
line-height:1.3;
min-height:44px;
}
.tbl-01 .tbl-btn::after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.tbl-01 .tbl-btn > b{
overflow:hidden;
display:block;
width:100%;
vertical-align:bottom;
text-overflow:ellipsis;
white-space:nowrap;
font-weight:normal;
color:var(--font-color-placeholder);

}
.tbl-01 .set-query .tbl-btn > b{
color:var(--cmn-font-color-base);
}
.tbl-01 .fltr-area-select .tbl-btn{
font-size:16px;
}
.tbl-01 .fltr-date small{
margin-right:4px;
font-size:14px;
}
.tbl-01 .fltr-date b span{
margin:0 4px;
font-size:18px;
}
.tbl-01 .fltr-date label{
display:block;
margin-left:10px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
}
.tbl-01 .fltr-date label span{
font-weight:bold;
font-size:13px;
}
.box-filter.form-single .tbl-01 .tbl-btn .set-container span > span{
font-size:16px;
}
.box-filter.form-single .tbl-01 .fltr-air .tbl-btn .set-container .set-query > span{
font-size:13px;
}
.box-filter.form-single .tbl-01 .fltr-date .tbl-btn{
font-size:16px;
}
.tbl-01 .fltr-pick{
font-size:12px;
}
.tbl-01 .output-sup{
display:block;
padding:7px 10px;
font-weight:bold;
font-size:12px;
}
.form-single .tbl-01 .output-sup{
padding-left:0;
}
.form-single .tbl-01 .output-list-col2{
margin-left:0;
}
.tbl-01 .output-sup a{
display:inline-block;
margin-left:4px;
}
.tbl-01 .output-list-col2{
margin:0 10px;
}
.tbl-01 .output-list-col2:after{
display:table;
clear:both;
content:"";
}
.tbl-01 .output-list-col2 > li{
float:left;
width:40%;
}
.tbl-01 .output-list-col2 > li:nth-child(2n+1){
width:60%;
}
.tbl-01 .output-list-col2 > li:first-child:last-child{
width:100%;
}
.tbl-01 .output-list-col2 > li .checkbox-custom{
display:block;
}
.tbl-01 .output-list-col2 > li .checkbox-custom.is-defined label span::before{
opacity:.25;
}
.tbl-01 .output-list-col2 > li .checkbox-custom label{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:24px;
font-weight:bold;
font-size:12px;
}
.tbl-01 .output-list-col2 > li .checkbox-custom label > span{
display:inline-block;
margin-top:1px;
vertical-align:middle;
font-weight:normal;
font-size:12px;
}
.tbl-01 .output-list-col2 > li .checkbox-custom label .type-sup{
display:inline-block;
padding-bottom:5px;
color:var(--cmn-font-color-gray);
font-weight:normal;
font-size:10px;
line-height:1.2;
}
.tbl-01 .output-list-col2 > li .checkbox-custom label .type-sup-inline{
display:inline;
padding-bottom:5px;
}
.tbl-01 .output-list-col2 > li .checkbox-custom label small{
display:inline-block;
font-size:12px;
line-height:1.1;
}
.box-filter-oneway{
overflow:hidden;
border-top:1px solid #e5e5e5;
position:relative;
padding-right:56px;
}
.box-filter-oneway .tbl-01{
float:left;
border-top:none;
border-right:1px solid #e5e5e5;
border-bottom:none;
}
.box-filter-oneway .btn-reverse{
border-radius:4px;
border:1px solid #ccc;
background-color:#fff;
width:29px;
height:0;
padding-top:42px;
overflow:hidden;
display:block;
position:absolute;
right:13px;
top:50%;
margin-top:-21px;
box-sizing:border-box;
}
.box-filter-oneway .btn-reverse::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;
}

/* tbl-02
----------------------------------------------------------------- */
.tbl-02{
margin:0;
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.tbl-02 thead tr > th:first-child{
box-sizing:border-box;
border-right:1px solid #e5e5e5;
width:75px;
}
.tbl-02 thead th{
padding:6px 5px;
border-bottom:1px solid #e5e5e5;
background-color:#f5f5f5;
text-align:center;
font-weight:bold;
font-size:12px;
}
.tbl-02 tbody th,
.tbl-02 tbody td{
box-sizing:border-box;
padding:4px 10px;
border-bottom:1px solid #e5e5e5;
height:45px;
word-break:break-all;
font-size:14px;
line-height:1.3;
}
.tbl-02 tbody th{
text-align:left;
font-weight:normal;
}
.tbl-02 tbody th a{
display:block;
width:100%;
line-height:1.3;
}
.tbl-02 tbody th a:before{
display:inline-block;
width:0;
height:100%;
content:"";
vertical-align:middle;
}
.tbl-02 tbody tr:last-child th,
.tbl-02 tbody tr:last-child td{
border-bottom:none;
}

/* tbl-lowprice
----------------------------------------------------------------- */
.tbl-lowprice{
margin:0;
border-collapse:collapse;
border-bottom:1px solid #e5e5e5;
width:100%;
table-layout:fixed;
}
.tbl-lowprice th{
padding:7px 10px;
}

/*.tbl-lowprice th.saturday{
background-color:#e7f2fe;
}
.tbl-lowprice th.holiday{
background-color:#fdeaee;
}*/
.tbl-lowprice th,
.tbl-lowprice td{
line-height:1.3;
}
.tbl-lowprice thead th{
border-bottom:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
background-color:#f5f5f5;
font-weight:bold;
font-size:13px;
}
.tbl-lowprice thead th > span{
display:block;
}
.tbl-lowprice thead th:first-child{
border-left:none;
width:auto;
}
.tbl-lowprice thead th:not(:first-child){
box-sizing:border-box;
width:125px;
}
.tbl-lowprice tbody tr:last-child th,
.tbl-lowprice tbody tr:last-child td{
border-bottom:none;
}
.tbl-lowprice tbody th{
border-bottom:1px solid #e5e5e5;
text-align:left;
font-weight:normal;
font-size:12px;
}
.tbl-lowprice tbody td{
border-bottom:1px solid #e5e5e5;
text-align:center;
}
.tbl-lowprice tbody td .tbl-lowprice-none{
color:#a5a5a5;
font-size:13px;
}
.tbl-lowprice tbody td a{
box-sizing:border-box;
display:flex;
display:-webkit-box;
position:relative;
-webkit-box-align:center;
align-items:center;
padding:0 5px 0 45px;
min-height:40px;
text-align:right;
font-size:12px;
-webkit-box-pack:end;
justify-content:flex-end;
}
.tbl-lowprice tbody td a .vendor-04{
position:absolute;
top:50%;
left:5px;
margin-top:-10px;
}
.tbl-lowprice tbody td a .price{
color:var(--cmn-font-color-red);
}
.tbl-lowprice tbody td a .price .price-num{
font-size:16px;

}

/* ---------------------------------------------------------------
  Navi
------------------------------------------------------------------*/
/* tab-nav-01
----------------------------------------------------------------- */
.tab-nav-01{
display:-webkit-box;
display:flex;
margin:0 -10px;
}
.tab-nav-01.tab-nav-01-branch-01{
margin-bottom:10px;
border-top:1px solid #bbb;
}
.tab-nav-01 li{
-webkit-box-flex:1;
flex:1;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
}
.tab-nav-01 li:first-child{
border-left:none;
}
.tab-nav-01 li a{
display:block;
padding:12px 0 11px;
color:var(--font-color-btn-link);
background-color:#f5f5f5;
text-align:center;
font-size:14px;
}
.tab-nav-01 li.active{
border-bottom:none;
}
.tab-nav-01 li.active a{
color:var(--cmn-font-color-base);
background-color:#fff;
font-weight:bold;
}

/* ---------------------------------------------------------------
  Icon
------------------------------------------------------------------*/
/* ico-em
------------------------------------------------ */
.ico-em{
display:inline-block;
padding:2px 3px 1px;
border-radius:4px;
color:#fff;
background-color:var(--cmn-font-color-red);
font-size:10px;
line-height:1.2;
}

/* icon-seat
------------------------------------------------ */
.icon-seat{
overflow:hidden;
display:inline-block;
margin-right:2px;
padding-top:12px;
width:12px;
height:0;
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
vertical-align:middle;
line-height:2;
}
.icon-seat.icon-seat-01{
background-image:url(/element_sp/j_air_on/shared/images/icon-seat-01.svg);
}
.icon-seat.icon-seat-02{
background-image:url(/element_sp/j_air_on/shared/images/icon-seat-02.svg);
}

/* icon-date
------------------------------------------------ */
.icon-date{
overflow:hidden;
display:inline-block;
padding-top:12px;
width:36px;
height:0;
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
vertical-align:middle;
line-height:2;
}
.icon-date.icon-date-01{
background-image:url(/element_sp/j_air_on/shared/images/icon-date-01.svg);
}
.icon-date.icon-date-02{
background-image:url(/element_sp/j_air_on/shared/images/icon-date-02.svg);
}

/* icon-cheapest
------------------------------------------------ */
.icon-cheapest{
overflow:hidden;
display:inline-block;
padding-top:9px;
width:27px;
height:0;
background-image:url(/element_sp/j_air_on/shared/images/icon-cheapest.svg);
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
vertical-align:middle;
line-height:2;
}

/* icon-att
------------------------------------------------ */
.icon-att{
overflow:hidden;
display:inline-block;
position:relative;
bottom:2px;
margin-right:3px;
padding-top:14px;
width:16px;
height:0;
color:#fff;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 50% no-repeat;
background-size:100%;
vertical-align:middle;
font-size:10px;
}
.icon-att.icon-right{
margin-right:0;
margin-left:4px;
}

/* ---------------------------------------------------------------
  Logo
------------------------------------------------------------------*/
.agt-container .vendor{
display:block;
width:100px;
margin:0 auto;
}
.agt-container .vendor >span{
border:none;
display:table-cell;
vertical-align:middle;
text-align:center;
width:100px;
height:60px;
box-sizing:border-box;
line-height:0;
}
.agt-container .vendor >span img{
max-width:100%;
max-height:100%;
}
.vendor-02{
display:inline-block;
}
.vendor-02 >span{
border:solid 1px #d8d8d8;
display:table-cell;
vertical-align:middle;
text-align:center;
width:52px;
height:27px;
box-sizing:border-box;
line-height:0;
}
.vendor-02 >span img{
max-width:100%;
max-height:100%;
}
.vendor-03{
display:inline-block;
}
.vendor-03 >span{
border:solid 1px #d8d8d8;
display:table-cell;
vertical-align:middle;
text-align:center;
width:52px;
height:27px;
box-sizing:border-box;
line-height:0;
}
.vendor-03 >span img{
max-width:100%;
max-height:100%;
}
.vendor-04{
display:inline-block;
}
.vendor-04 >span{
border:solid 1px #d8d8d8;
display:table-cell;
vertical-align:middle;
text-align:center;
width:42px;
height:22px;
box-sizing:border-box;
line-height:0;
background-color:#fff;
}
.vendor-04 >span img{
max-width:100%;
max-height:100%;
}
.vendor-05{
display:inline-block;
vertical-align:middle;
}
.vendor-05 >span{
border:solid 1px #d8d8d8;
display:table-cell;
vertical-align:middle;
text-align:center;
width:41px;
height:28px;
box-sizing:border-box;
line-height:0;
}
.vendor-05 >span img{
max-width:100%;
max-height:100%;
}

/* noResult_Area
----------------------------------------------------------------- */
.noResult_Area{
padding:32px 0 0 0;
}
.noResult_Area p > span{
display:block;
margin:20px 0 30px 0;
color:var(--cmn-font-color-base);
font-size:12px;
}
.noResult_Area .previous{
display:block;
margin:0 auto;
padding:.8em .5em;
border:solid 1px #b5b5b5;
border-radius:4px;
max-width:280px;
color:var(--cmn-font-color-base);
background:#fff;
background-image:linear-gradient(#fff, #f0f0f0);
background-image:-webkit-linear-gradient(#fff, #f0f0f0);
text-align:center;
font-size:14px;
line-height:1.1;
}
.noResult_Area .previous span{
padding:0 0 0 20px;
background:url(/element_sp/j_air_on/shared/images/item_ic02_001.png) no-repeat 3px center;
background-size:13px 16px;
}

/* form-search
----------------------------------------------------------------- */
.form-search{
margin:0 -10px;
padding:15px 10px 28px;
background-color:#fff;
}
.form-search > :last-child{
margin-bottom:0;
}
.form-search .checkbox-custom{
display:block;
margin-top:10px;
font-size:13px;
}
.form-search ul{
margin:0;
}
.form-search > ul > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin-bottom:10px;
}
.form-search > ul > li > :first-child{
margin-right:10px;
width:78px;
font-weight:bold;
font-size:13px;
}
.form-search > ul > li > :last-child{
-webkit-box-flex:1;
flex:1;
}
.form-search > ul > li:last-child{
margin-bottom:15px;
}

/* lowprice-update
----------------------------------------------------------------- */
.lowprice-update{
margin:8px 0;
color:var(--cmn-font-color-gray);
font-size:12px;
}

/* cap1
----------------------------------------------------------------- */
.cap1{
padding:0 10px;
color:var(--cmn-font-color-red);
}

/* --------------------------------
  Modal Modules
---------------------------------- */
/* ---------------------------------
  .cmn-modal modify
---------------------------------- */
/* .cmn-modal padding modify
---------------------------------- */
.cmn-modal .modal-info-area,
.cmn-modal .modal-info-area-02{
padding:24px 16px 20px;
}

/* ---------------------------------
  Menu Common Modules
---------------------------------- */
.simplemodal-container.is-modal-under > .simplemodal-overlay{
display:none !important;
}
.simplemodal-container.is-modal-hide{
z-index:-1;
}

/* modal-hdg
---------------------------------- */
.modal-hdg{
margin-bottom:16px;
font-size:16px;
font-weight:normal;
text-align:left;
}
.modal-hdg.modal-align-center{
text-align:center;
}

/* modal-wording
---------------------------------- */
.modal-wording{
text-align:left;
font-size:12px;
}

/* modal-flt-agt
---------------------------------- */
/* flt-agt
---------------------------------- */
.modal-flt-agt .flt-agt{
margin:-24px -16px -20px;
background-color:#f5f5f5;
border-radius:5px;
}

/* flt-agt-header
---------------------------------- */
.modal-flt-agt .flt-agt-header{
border-radius:5px 5px 0 0;
background:#fff;
padding:20px 15px 12px;
position:relative;
-webkit-filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, .2));
filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, .2));

}
.modal-flt-agt .flt-agt-header .flt-agt-header-list >li{
display:-webkit-box;
display:flex;
}
.modal-flt-agt .flt-agt-header .flt-agt-header-list >li:not(:first-child){
border-top:1px dotted #cccccc;
padding-top:8px;
margin-top:8px;
}
.modal-flt-agt .flt-agt-header .flt-agt-sup{
margin-right:12px;
}
.modal-flt-agt .flt-agt-header .flt-agt-sup .flt-agt-sup-label{
font-size:14px;
}
.modal-flt-agt .flt-agt-header .flt-agt-sup .flt-agt-sup-date{
font-size:12px;
}

/* flt-agt-content
---------------------------------- */
.modal-flt-agt .flt-agt-content{
padding:0px 16px 4px;
}

/* flt-tag,flt-number,flt-code,flt-alliance
---------------------------------- */
.modal-flt-agt .flt-tag{
position:relative;
top:-3px;
width:47px;
margin-bottom:4px;
margin-right:8px;
float:left;
}
.modal-flt-agt .flt-sup{
display:-webkit-box;
display:flex;
}
.modal-flt-agt .flt-logo{
width:47px;
height:20px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
background:#fff;
}
.modal-flt-agt .flt-logo img{
max-width:47px;
max-height:20px;
}
.modal-flt-agt .flt-mark{
display:block;
font-size:12px;
line-height:1;
text-align:center;
margin-top:2px;
padding:3px 0;
width:44px;
height:17px;
box-sizing:border-box;
}
.modal-flt-agt .flt-mark.flt-mark-02{
background-color:#eaeaea;
}
.modal-flt-agt .flt-mark.flt-mark-03{
background-color:#eaeaea;
}
.modal-flt-agt .flt-eco{
display:inline-block;
width:28px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element/j_air_on/shared/images/icon-eco.svg) no-repeat 0 0;
background-size:28px 12px;
vertical-align:middle;
position:relative;
top:-1px;
}
.modal-flt-agt .flt-number{
line-height:1;
}
.modal-flt-agt .flt-code{
font-size:0;
display:inline-block;
word-break:break-all;
margin-right:4px;
}
.modal-flt-agt .flt-code >span{
font-size:12px;
line-height:calc(17/12);
display:inline-block;
}
.modal-flt-agt .flt-code >span:not(:last-child)::after{
content:"/";
display:inline-block;
margin:0 .3em;
}
.modal-flt-agt .flt-alliance{
display:inline-block;
font-size:12px;
line-height:calc(17/12);
margin-right:4px;
}
.modal-flt-agt .flt-eco{
display:inline-block;
width:28px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element/j_air_on/shared/images/icon-eco.svg) no-repeat 0 0;
background-size:28px 12px;
vertical-align:middle;
position:relative;
top:1px;
}
.modal-flt-agt .flt-wifi{
display:inline-block;
width:14px;
height:0;
padding-top:10px;
overflow:hidden;
line-height:2;
background:url(/element/j_air_on/shared/images/icon-wifi.svg) no-repeat 0 0;
background-size:14px 10px;
vertical-align:middle;
position:relative;
top:0;
margin-right:4px;
}

/* flt-route
---------------------------------- */
.modal-flt-agt .flt-route{
display:-webkit-box;
display:flex;
margin:0;
width:100%;
}
.modal-flt-agt .flt-route li{
box-sizing:border-box;
-webkit-box-flex:1;
flex:1;
}
.modal-flt-agt .flt-route li:first-child{
padding-right:20px;
}
.modal-flt-agt .flt-route li:first-child .flt-time{
position:relative;
}
.modal-flt-agt .flt-route li:first-child .flt-time::after{
display:block;
position:absolute;
top:50%;
right:-16px;
margin-top:-4px;
width:13px;
height:7px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-route-long.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
}
.modal-flt-agt .flt-route li .flt-time{
display:block;
font-size:18px;
line-height:calc(20/18);
margin-top:2px;
}
.modal-flt-agt .flt-route li .flt-time a{
color:var(--cmn-font-color-base);
background:-webkit-linear-gradient( left, #92ccf4,#92ccf4) no-repeat 0 100%;
background:linear-gradient( 90deg, #92ccf4,#92ccf4) no-repeat 0 100%;
background-size:100% 1px;
}
.modal-flt-agt .flt-route li .flt-airport{
display:block;
font-size:12px;
line-height:calc(15/12);
white-space:nowrap;
text-align:center;
}

/* flt-agt-row
---------------------------------- */
.modal-flt-agt .flt-agt-row{
-webkit-box-pack:justify;
justify-content:space-between;
margin-top:16px;
}
.modal-flt-agt .flt-agt-row::after{
content:"";
display:table;
clear:both;
}

/* flt-agt-text
---------------------------------- */
.modal-flt-agt .flt-agt-text{
font-size:14px;
float:left;
}

/* flt-agt-remarks
---------------------------------- */
.modal-flt-agt .flt-agt-remarks{
font-size:12px;
float:right;
margin-top:2px;
}
.modal-flt-agt .flt-agt-remarks .flt-agt-remarks-sup{
font-size:12px;
line-height:calc(17 / 12);
}
.modal-flt-agt .flt-agt-remarks .flt-agt-remarks-sup >span{
display:inline-block;
}
.modal-flt-agt .flt-agt-remarks .flt-agt-remarks-sup >span:not(:last-child)::after{
content:"/";
display:inline-block;
margin:0 4px;
}

/* flt-agt-error
---------------------------------- */
.modal-flt-agt .flt-agt-error{
padding:20px 12px;
}
.modal-flt-agt .flt-agt-error .flt-agt-error-catch{
font-size:14px;
text-align:center;
}
.modal-flt-agt .flt-agt-error .flt-agt-error-desc{
text-align:left;
margin-top:8px;
font-size:14px;
}

/* flt-agt-list
---------------------------------- */
.modal-flt-agt .flt-type-sup{
font-size:12px;
margin-top:6px;
}
.modal-flt-agt .flt-type-sup > span{
display:inline-block;
}
.modal-flt-agt .flt-type-sup > span:first-child{
margin-right:8px;
}
.modal-flt-agt .flt-agt-list-item{
width:100%;
}
.modal-flt-agt .flt-agt-list-item > :first-child.flt-agt-item{
margin-top:4px;
}
.modal-flt-agt .flt-agt-list-row{
display:-webkit-box;
display:flex;
width:100%;
}
.modal-flt-agt .flt-agt-list-row > div{
box-sizing:border-box;
}
.modal-flt-agt .flt-agt-list-row > div:first-child{
-webkit-box-flex:1;
flex:1;
margin-right:12px;
overflow:hidden;
}
.modal-flt-agt .flt-agt-list-row > div:last-child{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-pack:justify;
justify-content:space-between;
}
.modal-flt-agt .flt-agt-list-row > div .flt-header-row-footer{
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}

/* flt-agt-list
---------------------------------- */
.modal-flt-agt .flt-agt-list{
margin-bottom:16px;
}
.modal-flt-agt .flt-agt-list >li{
background-color:#fff;
margin-top:8px;
padding:8px;
border-radius:6px;
box-shadow:0px 0px 2px rgba(0, 0, 0, .2);
}
.modal-flt-agt .flt-agt-list.flt-agt-list-oneline .flt-agt-list-row{
-webkit-box-align:center;
align-items:center;
}
.modal-flt-agt .flt-agt-list .flt-agt-dtl{
width:111px;
}
.modal-flt-agt .flt-agt-list .flt-agt-item{
display:-webkit-box;
display:flex;
margin-top:8px;
}
.modal-flt-agt .flt-agt-list .flt-agt-item .flt-agt-item-desc{
width:157px;
font-size:12px;
padding-right:12px;
line-height:calc(16 / 12);
box-sizing:border-box;
}
.modal-flt-agt .flt-agt-list .flt-agt-item >div:first-child{
-webkit-box-flex:1;
flex:1;
overflow:hidden;
padding-right:12px;
}
.modal-flt-agt .flt-agt-list .flt-agt-item >div:last-child{
/* width:111px; */
}

@media screen and (max-width: 360px){
.modal-flt-agt .flt-agt-list-item .flt-agt-item >div:first-child{
padding-right:4px;
}
.modal-flt-agt .flt-agt-list .flt-agt-dtl{
width:96px;
}
}

/* flt-agt-toggle-container
---------------------------------- */
.modal-flt-agt .flt-agt-item-footer{
margin-top:-1px;
}
.modal-flt-agt .flt-agt-toggle-container{
margin-top:8px;
}
.modal-flt-agt .flt-agt-toggle-container[aria-expanded="true"] .flt-agt-toggle-item{
display:block;
}
.modal-flt-agt .flt-agt-toggle-container[aria-expanded="true"] .flt-agt-toggle-trigger::after{
content:"";
display:block;
width:20px;
height:7px;
position:absolute;
bottom:-6px;
left:calc(50% - 4px);
background:url(/element_sp/j_air_on/shared/images/icon-balloon-arrow.svg) no-repeat 100% 0;
}
.modal-flt-agt .flt-agt-toggle-container[aria-expanded="true"] .flt-agt-toggle-trigger button{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-up.svg);
}
.modal-flt-agt .flt-agt-toggle-container[aria-expanded="true"] .flt-agt-toggle-row{
margin-bottom:6px;
}
.modal-flt-agt .flt-agt-toggle-container .flt-agt-toggle-row{
display:-webkit-box;
display:flex;
}
.modal-flt-agt .flt-agt-toggle-container .flt-agt-toggle-row > div:last-child{
width:85px;
align-self:flex-end;
}
.modal-flt-agt .flt-agt-toggle-container .flt-agt-toggle-item{
display:none;
padding:8px;
border:1px solid #e5e5e5;
border-radius:4px;
}
.modal-flt-agt .flt-agt-toggle-container .flt-agt-toggle-trigger{
margin-left:12px;
position:relative;
}
.modal-flt-agt .flt-agt-toggle-container .flt-agt-toggle-trigger button{
font-size:12px;
margin:0;
padding:0;
border:none;
background:none;
white-space:nowrap;
background:none;
border:none;
padding-left:12px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-down.svg);
background-position:0 4px;
background-repeat:no-repeat;
background-size:8px 5px;
line-height:1;
}

@media screen and (max-width: 320px){
.modal-flt-agt .flt-agt-toggle-container .flt-agt-toggle-trigger{
margin-left:4px;
}
}

/* flt-agt-select-list
---------------------------------- */
.modal-flt-agt .flt-agt-select-list >li{
display:-webkit-box;
display:flex;
font-size:12px;
}
.modal-flt-agt .flt-agt-select-list >li:not(:first-child){
margin-top:8px;
}
.modal-flt-agt .flt-agt-select-list >li > div:first-child{
width:32px;
margin-right:8px;
}
.modal-flt-agt .flt-agt-select-list >li > div:nth-child(2){
-webkit-box-flex:1;
flex:1;
overflow:hidden;
margin-right:4px;
align-self:center;
}
.modal-flt-agt .flt-agt-select-list >li > div:last-child{
width:102px;
}
.modal-flt-agt .flt-agt-select-list .flt-agt-select-price-item{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
margin-right:3px;
}
.modal-flt-agt .flt-agt-select-list .flt-agt-select-sup{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
font-size:12px;
line-height:calc(17/12);
}
.modal-flt-agt .flt-agt-select-list .flt-agt-select-btn{
background:none;
border:1px solid #bbb;
border-radius:3px;
font-size:12px;
color:var(--cmn-font-color-base);
width:32px;
height:23px;
padding:3px 0 2px;
line-height:1;
margin:0;
}

@media screen and (max-width: 360px){
.modal-flt-agt .flt-agt-select-list >li > div:last-child{
width:86px;
}
}

/* flt-agt-price-item
---------------------------------- */
.modal-flt-agt .flt-agt-price-item{
margin-right:12px;
display:-webkit-box;
display:flex;
font-size:12px;
}
.modal-flt-agt .flt-agt-price-item .flt-agt-price-sup{
width:25px;
}
.modal-flt-agt .flt-agt-price-item .flt-agt-price{
-webkit-box-flex:1;
flex:1;
text-align:right;
}

/* flt-dtl
---------------------------------- */
.modal-flt-agt .flt-dtl{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
align-self:stretch;
-webkit-box-pack:justify;
justify-content:space-between;
margin:-8px -8px 0 0;
width:165px;
}
.modal-flt-agt .flt-dtl > div{
line-height:1;
}
.modal-flt-agt .flt-dtl > div > a{
position:relative;
display:block;
color:var(--cmn-font-color-base);
box-sizing:border-box;
padding:8px 21px 0px 0;
}
.modal-flt-agt .flt-dtl > div:first-child{
width:32px;
padding-top:8px;
}
.modal-flt-agt .flt-dtl > div:nth-child(2){
-webkit-box-flex:1;
flex:1;
}
.modal-flt-agt .flt-dtl .flt-dtl-footer{
width:100%;
}
.modal-flt-agt .flt-dtl .flt-dtl-footer .flt-type-class{
text-align:right;
padding-right:8px;
margin-top:8px;
}
.modal-flt-agt .flt-dtl .flt-price-list{
margin:0;
font-size:12px;
}
.modal-flt-agt .flt-dtl .flt-price-list > li{
line-height:1;
min-height:23px;
box-sizing:border-box;
text-align:right;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.modal-flt-agt .flt-dtl .flt-price-list > li .flt-price{
-webkit-box-flex:1;
flex:1;
white-space:nowrap;
text-align:right;
color:var(--cmn-btn-color);
}
.modal-flt-agt .flt-dtl .flt-price-list > li .flt-price::after{
display:block;
position:absolute;
top:12px;
right:8px;
width:9px;
height:14px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-next-blue.svg) 0 0 no-repeat;
background-size:100%;
content:"";
}
.modal-flt-agt .flt-dtl .flt-price-list > li .flt-price.flt-price-best{
color:var(--cmn-font-color-red);
}
.modal-flt-agt .flt-dtl .flt-price-list > li .flt-price.flt-price-best::after{
display:block;
position:absolute;
top:12px;
right:8px;
width:9px;
height:14px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-next-red.svg) 0 0 no-repeat;
background-size:100%;
content:"";
}
.modal-flt-agt .flt-dtl .flt-price-list > li .flt-price-unit{
position:relative;
display:inline-block;
font-size:12px;
}
.modal-flt-agt .flt-dtl .flt-price-list > li .flt-price-unit > span{
font-size:10px;
position:absolute;
display:block;
width:12px;
right:0px;
top:2px;
}
.modal-flt-agt .flt-dtl .flt-price-list .flt-price-round .mod-num{
font-size:18px;
font-weight:bold;
line-height:calc(20/18);
}
.modal-flt-agt .flt-dtl .flt-dtl-btn{
background:none;
border:1px solid #bbb;
border-radius:3px;
font-size:12px;
color:var(--cmn-font-color-base);
width:32px;
height:23px;
padding:3px 0 2px;
line-height:1;
}

@media screen and (max-width: 320px){
.modal-flt-agt .flt-dtl{
width:135px;
}
.modal-flt-agt .flt-agt-list .flt-agt-item .flt-agt-item-desc{
width:135px;
}
}

/* flt-airline
---------------------------------- */
.modal-flt-agt .flt-airline{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
font-size:12px;
line-height:calc(17/12);
}
.modal-flt-agt .flt-airline a{
color:var(--cmn-font-color-base);
}
.modal-flt-agt .flt-airline-notes-link{
color:var(--cmn-font-color-base);
}
.modal-flt-agt .flt-airline-notes{
margin:4px 0 0 0;
font-size:0;
}
.modal-flt-agt .flt-airline-notes li{
font-size:12px;
display:inline-block;
line-height:1;
}
.modal-flt-agt .flt-airline-notes li::after{
content:"/";
margin:0 4px;
}
.modal-flt-agt .flt-airline-notes li:last-child::after{
display:none;
}

/* flt-type
---------------------------------- */
.modal-flt-agt .flt-type-special{
font-size:12px;
margin:2px 0 0;
}
.modal-flt-agt .flt-type-special .cmn-tip-info-btn{
margin-left:4px;
}
.modal-flt-agt .flt-type-content a{
display:inline-block;
color:var(--cmn-font-color-base);
margin-right:2px;
}
.modal-flt-agt .flt-type-content a .flt-type > li{
border-bottom:1px solid #92ccf4;
}
.modal-flt-agt .flt-type{
margin:2px 0 0 0;
font-size:0;
line-height:1;
}
.modal-flt-agt .flt-type > li{
margin-top:2px;
font-size:12px;
line-height:calc(17/12);
display:inline-block;
}
.modal-flt-agt .flt-type > li:not(:last-child)::after{
content:"/";
display:inline-block;
margin:0 .45em;
}
.modal-flt-agt .flt-type-class{
margin:4px 0 0 0;
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:calc(17/12);
}
.modal-flt-agt .flt-type-class li{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
}
.modal-flt-agt .flt-type-class li .cmn-tip-info-btn{
margin-left:4px;
}
.modal-flt-agt .flt-type-class .mark{
margin-right:.4em;
}
.modal-flt-agt .flt-type-baggage-on{
position:relative;
top:-1px;
display:inline-block;
width:9px;
height:0;
padding-top:15px;
overflow:hidden;
line-height:2;
vertical-align:top;
position:relative;
background-image:url(/element/j_air_on/shared/images/icon-baggage-on.svg);
background-position:center 0;
background-size:9px 15px;
background-repeat:no-repeat;
position:relative;
}
.modal-flt-agt .flt-type-baggage-off{
position:relative;
top:-1px;
display:inline-block;
width:9px;
height:0;
padding-top:15px;
overflow:hidden;
line-height:2;
vertical-align:top;
position:relative;
background-image:url(/element/j_air_on/shared/images/icon-baggage.svg);
background-position:center 0;
background-repeat:no-repeat;
background-size:9px 15px;
position:relative;
}

/* info-loading
------------------------------------------------ */
.cmn-modal .info-loading{
margin-top:15px;
}

/* modal-select ※form irregular
------------------------------------------------ */
.cmn-modal .detail-notes{
display:block;
margin-top:10px;
font-size:12px;
}

/* modal-select
------------------------------------------------ */
.cmn-modal.modal-select .modal-info-area{
padding:30px 15px 30px;
}
.cmn-modal.modal-select .cmn-info-btn{
box-sizing:border-box;
margin:0 auto;
width:210px;
height:37px;
}
.cmn-modal.modal-select .info-text-label{
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px solid #e9e9e9;
font-weight:bold;
font-size:13px;
}

/* modal-agent
------------------------------------------------ */
.cmn-modal.modal-agent .modal-info-area{
padding:30px 10px 30px;
}

/* modal-alert
------------------------------------------------ */
.modal-alert .modal-btn-box li:first-child{
-webkit-box-flex:1;
flex:auto;
width:35%;
}
.modal-alert .modal-btn-box li:nth-child(2){
-webkit-box-flex:1;
flex:auto;
width:65%;
}
.modal-alert .modal-btn-box .cmn-info-btn.is-disabled{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
padding:3px 10px 3px;
position:relative;
background:#d5d5d5;
background-color:transparent;
box-shadow:none;
text-shadow:none;
line-height:1.2;
border:1px solid #bbb;
color:#ccc;
font-size:12px;
}
.modal-alert .modal-btn-box .cmn-info-btn.is-disabled .icon-info-btn-loading{
overflow:hidden;
display:block;
width:20px;
height:20px;
margin-right:10px;
text-indent:-9999px;
color:transparent;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
-webkit-animation:loading 1s infinite linear;
animation:loading 1s infinite linear;
-webkit-user-select:none;
user-select:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.modal-alert .info-text p + p{
margin-top:15px;
}
.modal-alert .info-label{
text-align:center;
font-size:16px;
}
.modal-alert .info-label b{
font-weight:normal;
}
.modal-alert .info-label-02{
text-align:center;
font-weight:bold;
color:var(--cmn-font-color-red);
font-size:14px;
margin-bottom:20px;
}
.modal-alert .info-text .info-label-03{
margin-top:10px;
}
.modal-alert .info-text .info-label-03 + p{
margin-top:0;
}
.modal-alert .info-text .info-label-03 + ul{
margin-top:0;
}
.modal-alert .info-guide{
font-size:10px;
}
.modal-alert .info-att{
color:var(--cmn-font-color-red);
}
.modal-alert .info-notes{
font-size:12px;
}
.modal-alert .info-notes-sup{
display:block;
}
.modal-alert .info-notes-sup + span{
display:block;
padding:0 15px;
}
.modal-alert .info-notes-02{
font-size:12px;
}
.modal-alert .info-notes-list > li{
text-indent:-1em;
margin-left:1em;
}
.modal-alert .transfer-rcmd-sup{
font-size:12px;
font-weight:bold;
margin-bottom:3px;
}
.modal-alert .transfer-rcmd-route > li{
margin-left:1em;
}
.modal-alert .transfer-rcmd-route > li:before{
display:inline-block;
content:"・";
text-indent:-1em;
}
.modal-alert .transfer-rcmd-route .transfer-rcmd-route-offer{
color:var(--cmn-font-color-red);
font-weight:bold;
}
.modal-alert .transfer-rcmd-route .transfer-rcmd-route-arrow{
margin:0 5px;
}
.modal-alert .transfer-rcmd-notes{
font-size:12px;
margin-top:15px;
}
.modal-alert .transfer-rcmd-notes > li{
margin-top:15px;
}

/* .cmn-modal button modify
----------------------------------------------- */
.cmn-modal [class^="modal-btn-box"]{
margin:0 auto;
-webkit-box-pack:center;
justify-content:center;
}
.cmn-modal .info-text b{
font-size:16px;
font-weight:normal;
}
.cmn-modal .modal-btn-box li{
max-width:210px;
}
.cmn-modal [class^="modal-btn-box"] button{
padding:0;
box-sizing:border-box;
min-height:38px;
font-weight:normal;
font-size:14px;
}
.cmn-modal .cmn-cancel-btn{
color:var(--cmn-font-color-base);
}
.cmn-modal .cmn-info-btn{
box-shadow:none;
background-color:var(--cmn-btn-color);
}

/* modal-alert > agt-container
------------------------------------------------ */
.modal-alert .agt-container{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
margin-bottom:15px;
}
.modal-alert .agt-container .agt-logo{
display:block;
margin-right:8px;
}
.modal-alert .agt-container .agt-provider{
margin:10px 0;
color:var(--cmn-font-color-gray);
text-align:left;
font-size:11px;
}
.modal-alert .agt-container .agt-provider .agt-provider-logo{
display:block;
}
.modal-alert .agt-container .agt-provider img{
position:relative;
top:2px;
width:90px;
}

/* modal-action
------------------------------------------------ */
.modal-alert .modal-action .modal-action-btn-notes{
font-size:10px;
color:var(--cmn-font-color-base);
margin-top:8px;
}
.modal-alert .modal-action .modal-action-btn-notes .indent{
text-indent:1em;
margin-left:-1em;
}
.modal-alert .modal-action .modal-action-btn-list{
display:-webkit-box;
display:flex;
}
.modal-alert .modal-action .modal-action-btn-list li{
-webkit-box-flex:1;
flex:1;
}
.modal-alert .modal-action .modal-action-btn-list li:first-child:not(:last-child){
margin-right:5px;
}
.modal-alert .modal-action .modal-action-btn-list li:last-child:not(:first-child){
margin-left:5px;
}
.modal-alert .modal-action .modal-action-btn{
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:6px 5px 8px;
border:1px solid #bbb;
border-radius:5px;
width:100%;
height:44px;
color:var(--font-color-btn-link);
background:none;
background-color:#fff;
box-shadow:inset 0px -3px 0px 0px rgba(0, 0, 0, .2);
vertical-align:middle;
text-align:center;
font-weight:bold;
font-size:12px;
line-height:1.4;
-webkit-box-pack:center;
justify-content:center;
}

/* price-variation
------------------------------------------------ */
.modal-alert .price-variation .selected-flight{
display:-webkit-box;
display:flex;
position:relative;
margin:10px 0 15px;
}
.modal-alert .price-variation .selected-flight .selected-flight-item{
-webkit-box-flex:1;
flex:1;
position:relative;

}
.modal-alert .price-variation .selected-flight .selected-flight-item:last-child:not(:first-child){
padding-left:5px;
margin-left:5px;
border-left:1px dotted #ccc;
}
.modal-alert .price-variation .selected-flight .selected-flight-item.flight-item-oneside{
-webkit-box-flex:0;
flex:none;
width:250px;
margin:0 auto;
}
.modal-alert .price-variation .selected-flight .selected-flight-item.flight-item-oneside .ticket-route{
position:absolute;
right:0;
top:2px;
}
.modal-alert .price-variation .selected-flight .selected-flight-item.flight-item-oneside .ticket-header{
margin-top:3px;
padding-right:140px;
}
.modal-alert .price-variation .selected-flight .selected-flight-item.flight-item-oneside .ticket-type{
margin-top:3px;
}
.modal-alert .price-variation .selected-flight .selected-flight-item.flight-item-oneside .ticket-type .ticket-type-txt{
padding-right:0;
display:inline-block;
}
.modal-alert .price-variation .selected-flight .selected-flight-item.flight-item-oneside .ticket-type .ticket-type-txt .ticket-type-icon{
position:static;
display:inline-block;
vertical-align:middle;
float:none;
right:auto;
margin-left:4px;
margin-top:-2px;
}
.modal-alert .price-variation .selected-flight .selected-flight-item > b{
display:inline-block;
margin-right:4px;
padding:2px 5px;
background-color:#eee;
font-weight:normal;
font-size:10px;
line-height:1.2;
}
.modal-alert .price-variation .selected-flight .selected-flight-item .ticket-date{
font-weight:normal;
font-size:10px;
position:relative;
top:1px;
}
.modal-alert .price-variation .selected-flight .selected-flight-item .ticket-date .date-num{
font-size:11px;

}
.modal-alert .price-variation .selected-flight .selected-flight-item .ticket-header{
line-height:1.3;
}
.modal-alert .price-variation .selected-flight .selected-flight-item .ticket-name{
display:inline-block;
font-size:11px;
margin-right:3px;
}
.modal-alert .price-variation .selected-flight .selected-flight-item .ticket-code{
display:inline-block;
font-size:12px;

}
.modal-alert .price-variation .selected-flight .selected-flight-item .ticket-date-change{
display:block;
font-size:12px;
}
.modal-alert .price-variation .selected-flight .selected-flight-item .ticket-type{
display:block;
margin-bottom:2px;
}
.modal-alert .price-variation .selected-flight .ticket-type .ticket-type-txt{
position:relative;
padding-right:50px;
font-size:10px;
}
.modal-alert .price-variation .selected-flight .ticket-type .ticket-type-icon{
position:absolute;
top:1px;
right:0;
}
.modal-alert .price-variation .ticket-route{
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
margin:5px 0 0 0;
width:auto;
}
.modal-alert .price-variation .ticket-route li{
position:relative;
box-sizing:border-box;
-webkit-box-flex:0;
flex:none;
}
.modal-alert .price-variation .ticket-route li:first-child::after{
display:none;
display:block;
position:absolute;
bottom:4px;
right:6px;
width:8px;
height:6px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
}
.modal-alert .price-variation .ticket-route li:first-child .ticket-time{
position:relative;
padding-right:0;
}
.modal-alert .price-variation .ticket-route li:first-child .ticket-time:after{
display:none;
}
.modal-alert .price-variation .ticket-route .ticket-time{
display:block;
margin-top:2px;
font-size:15px;
line-height:1;
min-width:60px;
}
.modal-alert .price-variation .ticket-route .ticket-airport{
display:block;
color:var(--cmn-font-color-base);
font-weight:normal;
font-size:11px;
line-height:1.2;
margin-right:5px;
}

/* price-variation-block
------------------------------------------------ */
.modal-alert .price-variation-block{
border:1px solid #e5e5e5;
}
.modal-alert .price-variation-block .price-variation-label{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background-color:#f5f5f5;
padding:0 10px;
font-size:11px;
font-weight:bold;
min-height:20px;
box-sizing:border-box;
}
.modal-alert .price-variation-block .price-variation-item{
padding:10px;
}
.modal-alert .price-variation-block .price-variation-main{
text-align:center;
}
.modal-alert .price-variation-block .price-variation-main .font-num{
font-size:20px;
}
.modal-alert .price-variation-block .price-variation-main .price-variation-chg{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
}
.modal-alert .price-variation-block .price-variation-main .price-variation-chg-col{
font-size:12px;
}
.modal-alert .price-variation-block .price-variation-main .price-variation-chg-col:first-child{
padding-right:20px;
color:#a4a4a4;
text-align:right;
}
.modal-alert .price-variation-block .price-variation-main .price-variation-chg-col:last-child{
position:relative;
padding-left:20px;
color:var(--cmn-font-color-red);
text-align:left;
}
.modal-alert .price-variation-block .price-variation-main .price-variation-chg-col:last-child .font-num{
font-size:21px;
font-weight:bold;
}
.modal-alert .price-variation-block .price-variation-main .price-variation-chg-col:last-child::before{
display:inline-block;
position:absolute;
top:50%;
left:-8px;
margin-top:-6px;
width:17px;
height:12px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-03.svg) top left no-repeat;
background-size:17px 12px;
content:"";
}
.modal-alert .price-variation-block .price-variation-other{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}
.modal-alert .price-variation-block .price-variation-other .price-variation-other-sup{
font-size:10px;
}
.modal-alert .price-variation-block .price-variation-other .price-variation-other-sup::after{
content:":";
padding:0 3px;
display:inline;
}
.modal-alert .price-variation-block .price-variation-other .font-num{
font-size:12px;
}
.modal-alert .price-variation-block .price-variation-other .price-variation-chg{
display:-webkit-box;
display:flex;
}
.modal-alert .price-variation-block .price-variation-other .price-variation-chg-col{
font-size:10px;
}
.modal-alert .price-variation-block .price-variation-other .price-variation-chg-col:first-child{
padding-right:9px;
text-align:right;
}
.modal-alert .price-variation-block .price-variation-other .price-variation-chg-col:last-child{
position:relative;
padding-left:9px;
color:var(--cmn-font-color-red);
text-align:left;
}
.modal-alert .price-variation-block .price-variation-other .price-variation-chg-col:last-child .font-num{
font-weight:bold;
}
.modal-alert .price-variation-block .price-variation-other .price-variation-chg-col:last-child::before{
display:block;
position:absolute;
top:1px;
left:-5px;
content:"\2192";
color:var(--cmn-font-color-base);
}
.modal-alert .price-variation-block .price-variation-info{
font-size:10px;
margin-top:5px;
text-align:center;
}

/* .form-box-idx
----------------------------------------------*/
.form-box-idx{
position:relative;
margin:-10px -10px 0;
padding:12px 8px 0;
background:url(/element_sp/j_air_on/index/images/bg-cloud-01.png) no-repeat 0 0 / 100% auto, url(/element_sp/j_air_on/index/images/bg-form-idx-20240901.jpg) no-repeat 0 100% / 100% auto,#00428e;
}
.form-box-idx::after{
content:"";
display:block;
margin:0 -8px;
height:32px;

/* background: linear-gradient(rgba(66,74,87,0) 0%, rgba(66,74,87,1) 100%); */
}

/* form-box-idx-header
---------------------------------- */
.form-box-idx-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin-bottom:12px;
min-height:21px;
}
.form-box-idx-header .form-box-idx-header-link-ext{
font-size:14px;
position:relative;
line-height:1.2;
}
.form-box-idx-header .form-box-idx-header-link-ext a{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}
.form-box-idx-header .form-box-idx-header-link-history{
-webkit-box-flex:1;
flex:1;
text-align:right;
font-size:14px;
position:relative;
line-height:1.2;
}
.form-box-idx-header .form-box-idx-header-link-history a{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}

@media screen and (max-width: 320px){
.form-box-idx-header .form-box-idx-header-link-ext{
font-size:12px;
}
.form-box-idx-header .form-box-idx-header-link-history{
font-size:12px;
}
}
.form-box-inner{
box-sizing:border-box;
position:relative;
padding:12px 12px 60px;
border-radius:0 0 6px 6px;
background:rgba(255, 255, 255, .95);
}
.form-box-idx .hdg-l1{
margin-right:16px;
color:#fff;
text-shadow:0 1px 0 rgb(0 0 0 / 50%);
font-size:16px;
line-height:1.2;
}

/* form-box-inner
---------------------------------- */
.form-box-inner{
box-sizing:border-box;
position:relative;
padding:12px 12px 60px;
border-radius:0 0 6px 6px;
background:rgba(255, 255, 255, .95);
}

/* form-submit-container
------------------------------------------------ */
.form-box-inner .form-submit-container.is-static{
position:absolute;
padding:0 12px 16px;
border-top:none;
background:none;
}
.form-box-inner .form-submit-container{
box-sizing:border-box;
position:fixed;
bottom:0;
left:0;
z-index:1;
padding:12px 20px;
border-top:1px solid #ddd;
width:100%;
background-color:rgba(255, 255, 255, .8);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}

/* index-search-hdg-btn
------------------------------------------------ */
.form-box-inner .index-search-hdg-btn{
display:inline-block;
position:absolute;
top:11px;
right:5em;
padding-right:7px;
padding-left:12px;
color:#fff !important;
vertical-align:middle;
text-align:right;
white-space:nowrap;
font-size:12px;
}
.form-box-inner .index-search-hdg-btn:before{
display:block;
position:absolute;
top:3px;
left:0;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
width:7px;
height:7px;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.tab-navi-02{
display:-webkit-box;
display:flex;
margin:0 0 0 -6px;
}
.tab-navi-02 li{
box-sizing:border-box;
-webkit-box-flex:1;
flex:1;
padding-left:6px;
width:33%;
text-align:center;
line-height:1.3;
}
.tab-navi-02 li a{
box-sizing:border-box;
display:block;
padding:5px 0 0;
border-radius:6px 6px 0 0;
height:40px;
color:var(--cmn-font-color-base);
background-color:rgba(245, 245, 245, .8);
box-shadow:0 -2px 0 0 rgba(0, 0, 0, .08) inset;
font-size:16px;
line-height:31px;
}
.tab-navi-02 li.active a{
color:var(--cmn-font-color-base);
background:rgba(255, 255, 255, .95);
box-shadow:none;
}
.tab-navi-02 li.tab-open a{
line-height:1.3;
}

/* 1line=44px
------------------------------------------------ */
.form-box-inner .btn-filter{
position:relative;
padding:4px 20px 4px 5px;
border:1px solid #999;
border-radius:4px;
width:100%;
min-height:44px;
color:var(--font-color-placeholder);
background:none;
background-color:#fff;
text-align:left;
font-weight:normal;
font-size:16px;
line-height:1.3;
overflow:hidden;
}
.form-box-inner .btn-filter span{
overflow:hidden;
display:block;
vertical-align:bottom;
text-overflow:ellipsis;
white-space:nowrap;
line-height:1;
}
.form-box-inner .btn-filter small{
font-size:14px;
line-height:1;
}
.form-box-inner .btn-filter span small{
display:block;
}
.form-box-inner .btn-filter:after{
display:block;
position:absolute;
top:50%;
right:11px;
margin-top:-5px;
border-right:2px solid #a1a1a1;
border-bottom:2px solid #a1a1a1;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-box-inner .list-filter{
margin:0 0 20px;
}
.form-box-inner .list-filter > li{
box-sizing:border-box;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-align:center;
align-items:center;
}
.form-box-inner .list-filter > li:not(:first-child){
border-top:1px solid #ccc;
}
.form-box-inner .list-filter > li > b{
display:table-cell;
width:61px;
vertical-align:middle;
font-size:14px;
font-weight:normal;
line-height:1.3;
}
.form-box-inner .list-filter .output{
display:grid;
-webkit-box-flex:1;
flex:1;
padding:8px 0 8px 04px;
color:var(--cmn-font-color-base);
vertical-align:middle;
font-size:16px;
-webkit-box-align:center;
align-items:center;
}
.form-box-inner .list-filter .output .set-query{
color:var(--cmn-font-color-base);
}
.form-box-inner .filter-add{
border-bottom:1px solid #ddd;
padding:0 12px 8px;
margin:0 -12px;
}
.form-box-inner .list-filter .output-sup{
display:block;
margin-top:16px;
margin-bottom:0;
font-size:12px;
}
.form-box-inner .list-filter .output-sup a{
display:inline-block;
margin-left:4px;
}
.form-box-inner .list-filter .output-list-col2{
margin:-4px 0 0 0;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-align:center;
align-items:center;
width:100%;
}
.form-box-inner .list-filter .output-list-col2 > li{
margin-top:12px;
}
.form-box-inner .list-filter .output-list-col2 > li:first-child:last-child{
width:100%;
}
.form-box-inner .list-filter .output-list-col2 > li:nth-child(2n+1){
width:50%;
clear:left;
}
.form-box-inner .list-filter .output-list-col2 > li:nth-child(2n){
width:50%;
}
.form-box-inner .list-filter .output-list-col2 .checkbox-custom{
display:block;
}
.form-box-inner .list-filter .output-list-col2 .checkbox-custom.is-defined label span::before{
opacity:.25;
}
.form-box-inner .list-filter .output-list-col2 .checkbox-custom label{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:20px;
font-weight:bold;
font-size:12px;
}
.form-box-inner .list-filter .output-list-col2 .checkbox-custom label > span{
display:inline-block;
vertical-align:middle;
font-weight:normal;
font-size:12px;
line-height:1.2;
margin-top:3px;
}
.form-box-inner .list-filter .output-list-col2 .checkbox-custom label > span .type-sup{
display:block;
padding-bottom:5px;
font-weight:normal;
font-size:10px;
}
.form-box-inner .list-filter .output-list-col2 .checkbox-custom label > span .type-sup-inline{
display:inline;
}
.form-box-inner .list-filter .output-list-col2 .checkbox-custom label small{
display:inline-block;
font-size:12px;
line-height:1.1;
}
.form-box-inner .list-filter .output-list-col2 + .output-sup-02{
margin-top:12px;
padding-top:12px;
border-top:1px solid #ccc;
}
.form-box-inner .list-filter .output-sup-container{
position:relative;
}
.form-box-inner .list-filter .output-sup-02{
display:block;
font-size:12px;
}
.form-box-inner .list-filter .output-sup-02 small{
font-size:12px;
}
.form-box-inner .list-filter .output-sup-02:nth-child(2){
position:absolute;
right:0;
top:0;
width:108px;
}
.form-box-inner .set-container > span{
overflow:hidden;
}
.form-box-inner .set-container > span + span{
margin-top:4px;
}
.form-box-inner .set-container > span > b{
display:inline-block;
float:left;
padding-right:5px;
font-weight:normal;
font-size:12px;
}
.form-box-inner .set-container > span > b:after{
display:inline-block;
margin-left:4px;
content:":";
vertical-align:top;
position:relative;
top:-1px;
}
.form-box-inner .set-container > span{
display:block;
vertical-align:middle;
font-size:0;
}
.form-box-inner .set-container > span:first-child{
margin-top:0;
}
.form-box-inner .set-container > span > span{
overflow:hidden;
display:block;
text-overflow:clip;
white-space:normal;
word-break:break-all;
font-size:13px;
}

/* form-single
------------------------------------------------ */
.form-box-inner .form-single .set-container > span > span{
font-size:16px;
}
.form-box-inner .form-single .list-filter .set-price-type .output{
padding-left:4px;
}
.form-box-inner .form-single .list-filter .output-sup{
margin-top:12px;
}
.form-box-inner .form-single .list-filter .set-date-chk .checkbox-custom label span{
font-size:14px;
line-height:1.4;
}
.form-box-inner .form-single .set-air .output .set-query span{
font-size:14px;
}
.form-box-inner .set-container > span > span > span{
display:inline-block;
}
.form-box-inner .set-container > span > span > b{
margin-right:7px;
font-size:12px;
position:relative;
top:-1px;
font-weight:normal;
}
.form-box-inner .set-date .btn-filte,
.form-box-inner .set-price .btn-filte,
.form-box-inner .set-seet .btn-filte{
min-height:42px;
}
.form-box-inner .list-filter .set-date-chk .output{
min-height:50px;
}
.form-box-inner .list-filter .set-date-chk .output > :first-child{
margin-top:0;
}
.form-box-inner .list-filter .set-date-chk .checkbox-custom{
display:block;
}
.form-box-inner .list-filter .set-date-chk .checkbox-custom label{
display:block;
}
.form-box-inner .list-filter .set-date-chk .checkbox-custom label span{
display:inline-block;
font-weight:normal;
font-size:12px;
}
.form-box-inner .list-filter .set-price-type .output{
padding:12px 0 0 4px;
}
.form-box-inner .list-filter .set-price-type .output > :first-child{
margin-top:0;
}
.form-box-inner .list-filter .set-price-type .output-sup-02{
margin-left:-8px;
margin-bottom:-4px;
}
.form-box-inner .list-filter .set-price-type .checkbox-custom input[type="checkbox"]:checked + span:after{
top:10px;
}
.form-box-inner .filter-dest{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.form-box-inner .filter-dest .filter-dest-airline{
display:-webkit-box;
display:flex;
gap:16px;
margin-bottom:8px;
}
.form-box-inner .filter-dest ul{
-webkit-box-flex:1;
flex:1;
margin:0;
}
.form-box-inner .filter-dest .list-filter li{
border-top:none;
}
.form-box-inner .filter-dest .set-query .btn-filter span{
color:var(--cmn-font-color-base);
}
.form-box-inner .filter-dest .btn-filter span{
font-weight:normal;
}
.form-box-inner .filter-dest.filter-oneway{
overflow:hidden;
display:block;
padding-bottom:8px;
border-bottom:1px solid #ccc;
position:relative;
padding-right:30px;
}
.form-box-inner .filter-dest.filter-oneway .list-filter{
box-sizing:border-box;
display:block;
}
.form-box-inner .filter-dest.filter-oneway .list-filter li b{
padding-top:10px;
}
.form-box-inner .filter-dest.filter-oneway .list-filter li .output{
padding:8px 10px 0 4px;
}
.form-box-inner .filter-dest.filter-oneway .list-filter li:first-child b,
.form-box-inner .filter-dest.filter-oneway .list-filter li:first-child .output{
padding-top:0;
}
.form-box-inner .filter-dest.filter-oneway .btn-reverse{
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;
bottom:30px;
box-sizing:border-box;
}
.form-box-inner .filter-dest.filter-oneway .btn-reverse::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-box-inner .filter-dest.filter-round{
border-bottom:1px solid #ccc;
}
.form-box-inner .filter-dest.filter-round >ul >li:nth-child(2) .list-filter >li:first-child:not(:last-child){
margin-top:8px;
}
.form-box-inner .filter-dest.filter-round >ul >li:nth-child(2) .list-filter >li:first-child:not(:last-child){
margin-top:8px;
}
.form-box-inner .filter-dest.filter-round > ul > li{
box-sizing:border-box;
display:-webkit-box;
display:flex;
padding-bottom:8px;
border:none;
width:100%;
}
.form-box-inner .filter-dest.filter-round > ul > li > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
text-align:left;
font-size:14px;
-webkit-box-pack:start;
justify-content:flex-start;
width:49px;
}
.form-box-inner .filter-dest.filter-round > ul > li:first-child{
padding-top:0;
border-bottom:1px solid #ccc;
}
.form-box-inner .filter-dest.filter-round .list-filter li b{
font-size:12px;
font-weight:normal;
width:44px;
padding-right:4px;
}
.form-box-inner .filter-dest.filter-round .list-filter li .output{
padding:8px 0 0 0;
}
.form-box-inner .filter-dest.filter-round .list-filter li:last-child b{
padding-top:8px;
}
.form-box-inner .filter-dest.filter-round .list-filter li:first-child .output{
padding-top:0;
}

/* set-num-age
------------------------------------------------ */
.form-box-inner .set-num ul{
margin:0;
}
.form-box-inner .set-num ul li:last-child{
margin-bottom:0;
}
.form-box-inner .list-filter > li.set-airline .output-list-col2 .checkbox-custom label > span{
font-size:14px;
}
.form-box-inner .list-filter > li.set-num{
-webkit-box-align:start;
align-items:flex-start;
}
.form-box-inner .list-filter > li.set-num > b{
padding-top:38px;
position:relative;
}
.form-box-inner .list-filter > li.set-num > b .cmn-tip-btn{
position:absolute;
top:39px;
right:4px;
margin-right:0;
}
.form-box-inner .set-num .set-num-sum{
position:relative;
}
.form-box-inner .set-num .set-num-sum .output-item{
display:block;
padding-right:116px;
}
.form-box-inner .set-num .set-num-sum .output-item select{
padding-left:5px;
}
.form-box-inner .set-num .set-num-sum .btn-set-num{
box-sizing:border-box;
display:block;
position:absolute;
right:0;
bottom:0;
padding:9px 5px;
border:1px solid #999;
border-radius:4px;
width:109px;
height:44px;
color:var(--cmn-font-color-base);
background-color:#fff;
font-size:16px;

}
.form-box-inner .set-num .set-num-sum .btn-set-num::after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-2px;
width:11px;
height:11px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
background-size:100%;
content:"";
vertical-align:middle;
}
.form-box-inner .set-num.active .set-num-sum .btn-set-num::after{
margin-top:-4px;
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 0 no-repeat;
}
.form-box-inner .set-num .set-num-unit{
display:none;
margin:8px 0 0;
border-radius:4px;
}
.form-box-inner .set-num.active .set-num-unit{
display:block;
}
.form-box-inner .set-num .set-num-unit li{
display:table;
width:100%;
table-layout:fixed;
margin-top:8px;
}
.form-box-inner .set-num .set-num-unit li .output-sup-02{
box-sizing:border-box;
display:table-cell;
margin:0;
padding-right:5px;
vertical-align:middle;
}
.form-box-inner .set-num .set-num-unit li .output-sup-02 small{
display:block;
margin-top:-2px;
font-weight:normal;
}
.form-box-inner .set-num .set-num-unit li .output-item{
display:table-cell;
width:109px;
}
.form-box-inner .set-num .set-num-unit li .output-item select{
padding-left:5px;
}
.form-box-inner .set-num .set-num-link{
font-size:12px;
}

/* agent-select
------------------------------------------------ */
.agent-select .agent-rcmd{
margin-top:10px;
}

/* agent-rcmd-add
------------------------------------------------ */
.agent-select .agent-rcmd-add{
margin-top:3px;
}
.agent-select .agent-rcmd-add .agent-rcmd-notes{
color:var(--cmn-font-color-gray);
font-size:10px;
}
.agent-select .agent-rcmd-add .agent-rcmd-notes.mark{
display:block;
padding-left:1em;
line-height:1.4;
}
.agent-select .agent-rcmd-add .agent-rcmd-notes.mark:before{
display:inline-block;
content:"※";
text-indent:-1em;
}

/* agent-rcmd-item
------------------------------------------------ */
.agent-select .agent-rcmd-item{
position:relative;
padding:8px 10px 10px;
border:1px solid #ccc;
}
.agent-select .agent-rcmd-item::before{
display:block;
position:absolute;
top:-7px;
left:50%;
margin-left:-4px;
border:7px solid #ccc;
border-top:none;
border-right-color:transparent;
border-left-color:transparent;
width:0;
height:0;
content:"";
}
.agent-select .agent-rcmd-item::after{
display:block;
position:absolute;
top:-6px;
left:50%;
margin-left:-4px;
border:7px solid #fff;
border-top:none;
border-right-color:transparent;
border-left-color:transparent;
width:0;
height:0;
content:"";
}

/* agent-rcmd-action
------------------------------------------------ */
.agent-select .agent-rcmd-action{
display:table;
width:100%;
table-layout:fixed;
}
.agent-select .agent-rcmd-action .agent-rcmd-action-sup{
box-sizing:border-box;
display:table-cell;
padding-right:5px;
width:110px;
vertical-align:middle;
}
.agent-select .agent-rcmd-action .agent-rcmd-action-sup .agent-rcmd-action-label{
display:table;
width:100%;
table-layout:fixed;
}
.agent-select .agent-rcmd-action .agent-rcmd-action-sup .agent-rcmd-action-label > span{
display:table-cell;
font-size:10px;
}
.agent-select .agent-rcmd-action .agent-rcmd-action-sup .agent-rcmd-action-label > span:first-child{
width:58px;
}
.agent-select .agent-rcmd-action .agent-rcmd-btn-container{
display:table-cell;
}
.agent-select .agent-rcmd-action .agent-rcmd-btn-container .agent-rcmd-btn{
box-sizing:border-box;
display:block;
padding:4px 3px 0;
border:0;
border-radius:6px;
width:100%;
min-height:37px;
color:#fff;
background-color:#78ae0e;
box-shadow:inset 0 -4px rgba(0, 0, 0, .2);
text-align:center;
text-shadow:0 1px rgba(4, 0, 0, .1);
font-size:10px;
line-height:1.3;
}
.agent-select .agent-rcmd-action .agent-rcmd-btn-container .agent-rcmd-btn b{
font-weight:bold;
}
.agent-select .agent-rcmd-action .agent-rcmd-btn-container .agent-rcmd-btn span{
display:block;
padding-top:6px;
font-weight:bold;
font-size:13px;
}

/* agent-rcmd-label
------------------------------------------------ */
.agent-select .agent-rcmd-label{
margin:0 -5px;
padding:5px;
}
.agent-select .agent-rcmd-label > span{
display:block;
font-size:10px;
line-height:1.4;
}

/* agent-rcmd-list-add
------------------------------------------------ */
.agent-select .agent-rcmd-list-add{
margin:-3px 0 10px;
color:#555;
font-size:10px;
}
.agent-select .agent-rcmd-list-add .ticket-agt{
display:block;
margin-top:2px;
}
.agent-select .agent-rcmd-list-add .ticket-agt > span:after{
display:inline-block;
margin:0 2px;
content:":";
}

/* agent-rcmd-list
------------------------------------------------ */
.agent-select .agent-rcmd-list{
margin-bottom:8px;
}
.agent-select .agent-rcmd-list > li{
display:table;
margin-bottom:7px;
width:100%;
color:#555;
table-layout:fixed;
font-size:10px;
}
.agent-select .agent-rcmd-list .em{
color:var(--cmn-font-color-base);
font-weight:bold;
}
.agent-select .agent-rcmd-list .ticket-label{
display:table-cell;
width:27px;
}
.agent-select .agent-rcmd-list .ticket-label:after{
content:":";
margin-left:2px;
}
.agent-select .agent-rcmd-list .agent-rcmd-cell{
display:table-cell;
vertical-align:top;
}
.agent-select .agent-rcmd-list .agent-rcmd-cell-inr{
display:table;
width:100%;
table-layout:fixed;
}
.agent-select .agent-rcmd-list .ticket-info{
display:table-cell;
padding-right:5px;
}
.agent-select .agent-rcmd-list .ticket-info .ticket-type-txt{
position:relative;
margin-top:-1px;
padding-right:55px;
}
.agent-select .agent-rcmd-list .ticket-info .ticket-type-txt .ticket-type-icon{
position:absolute;
top:2px;
right:0;
}
.agent-select .agent-rcmd-list .ticket-price-info{
display:table-cell;
width:55px;
text-align:right;
}
.agent-select .agent-rcmd-list .ticket-price-info .ticket-price{
font-size:10px;
}
.agent-select .agent-rcmd-list .ticket-price-info .ticket-price .ticket-price-num{
font-size:12px;

}
.agent-select .agent-rcmd-list .ticket-agt{
display:block;
margin-top:2px;
line-height:1.4;
}
.agent-select .agent-rcmd-list .ticket-agt > span:after{
display:inline-block;
margin:0 2px;
content:":";
}
.agent-select .agent-select-item{
padding:0 10px 10px;
border:1px solid #ccc;
}
.agent-select .agent-select-add{
margin-bottom:10px;
}
.agent-select .agent-select-add .agent-select-notes{
display:block;
position:relative;
font-size:11px;
line-height:1.4;
}
.agent-select .agent-select-add .agent-select-notes.mark{
display:block;
padding-left:19px;
}
.agent-select .agent-select-add .agent-select-notes.mark .icon-att{
position:absolute;
top:0;
left:0;
}
.agent-select .agent-select-item .agent-select-label{
margin:0 -10px;
padding:7px 10px 10px;
background-color:#e5e5e5;
font-weight:bold;
font-size:12px;
line-height:1.4;
}
.agent-select .agent-select-item .agent-select-label b{
font-size:16px;
}
.agent-select .agent-select-item .agent-select-list{
margin-bottom:5px;
}
.agent-select .agent-select-item .agent-select-list li{
display:table;
border-bottom:1px solid #e9e9e9;
width:100%;
table-layout:fixed;
}
.agent-select .agent-select-item .agent-select-list li:last-child{
border-bottom:none;
}
.agent-select .agent-select-item .agent-select-list .ticket-logo{
display:table-cell;
padding:10px 0;
width:60px;
vertical-align:top;
}
.agent-select .agent-select-item .agent-select-list .ticket-label{
display:table-cell;
padding:15px 0 0;
width:30px;
vertical-align:top;
font-weight:bold;
font-size:12px;
line-height:1.3;
box-sizing:border-box;
}
.agent-select .agent-select-item .agent-select-list .ticket-info{
display:table-cell;
padding:15px 0 5px;
vertical-align:top;
font-size:10px;
}
.agent-select .agent-select-item .agent-select-list .ticket-info .ticket-type{
display:block;
}
.agent-select .agent-select-item .agent-select-list .ticket-info .ticket-type .ticket-type-txt{
position:relative;
padding-right:55px;
}
.agent-select .agent-select-item .agent-select-list .ticket-info .ticket-type .ticket-type-txt .ticket-type-icon{
position:absolute;
top:3px;
right:0;
}
.agent-select .agent-select-item .agent-select-list .ticket-info .ticket-price-info{
display:block;
padding:3px 0 0;
vertical-align:top;
text-align:right;
}
.agent-select .agent-select-item .agent-select-list .ticket-info .ticket-price-info .ticket-total-num{
display:inline-block;
margin-bottom:-2px;
vertical-align:middle;
font-size:11px;
}
.agent-select .agent-select-item .agent-select-list .ticket-info .ticket-price-info .ticket-price{
display:inline-block;
vertical-align:middle;
font-size:10px;
}
.agent-select .agent-select-item .agent-select-list .ticket-info .ticket-price-info .ticket-price .ticket-price-num{
font-weight:bold;
font-size:20px;

}
.agent-select .agent-select-item .agent-select-list .ticket-info .ticket-type .icon-baggage{
top:0;
}
.agent-select .agent-select-item .agent-select-btn-container{
margin:0 10px;
}
.agent-select .agent-select-item .agent-select-btn-container .agent-select-btn{
box-sizing:border-box;
display:block;
padding:8px 5px 0;
border:0;
border-radius:6px;
width:100%;
height:37px;
color:#fff;
background-color:#78ae0e;
box-shadow:inset 0 -4px rgba(0, 0, 0, .2);
text-align:center;
text-shadow:0 1px rgba(4, 0, 0, .1);
font-weight:bold;
font-size:11px;
line-height:1.3;
}
.agent-select .agent-select-item .agent-select-btn-container .agent-select-btn b{
font-size:14px;
}
.agent-select .agent-select-item .agent-select-btn-container .agent-select-btn span{
font-size:13px;
}
.agent-select .agent-select-item .agent-select-item-add{
margin-top:5px;
padding:0 5px;
font-size:10px;
}
.agent-select .agent-select-item .agent-select-item-add .agent-select-notes{
color:var(--cmn-font-color-gray);
line-height:1.3;
}
.agent-select .agent-select-item .agent-select-item-add .agent-select-notes.mark{
display:inline-block;
padding-left:1em;
}
.agent-select .agent-select-item .agent-select-item-add .agent-select-notes.mark:before{
display:inline-block;
content:"※";
text-indent:-1em;
}

/* agt-link-container NEW UI
---------------------------------- */
.agt-link-container{
padding-top:20px;

}
.agt-link-container .agt-link-sup{
font-size:16px;
text-align:center;
}
.agt-link-container .agt-link-desc-block{
border:1px solid #ddd;
padding:12px;
font-size:12px;
}
.agt-link-container .agt-link-desc-block strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.agt-link-container .agt-link-notes{
margin:0;
}
.agt-link-container .agt-link-notes li{
color:var(--cmn-font-color-gray);
margin-top:12px;
text-indent:-1.4em;
margin-left:1.4em;
font-size:12px;
line-height:calc(17 / 12);
}
.agt-link-container .agt-link-notes li .mark{
margin-right:.4em;
}
.agt-link-container .agt-link-notes li .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.agt-link{
margin:0 -10px;
padding:10px 10px 30px;
background-color:#fff;
}
.agt-link .agt-container{
margin-bottom:15px;
}
.agt-link .agt-container .agt-logo{
display:block;
margin:0 auto 10px;
width:180px;
}
.agt-link .agt-container .agt-sup{
display:block;
text-align:center;
font-weight:bold;
font-size:15px;
}
.agt-link .agt-container .agt-sup span{
display:inline-block;
}
.agt-link .agt-container .agt-price-note{
display:block;
margin-top:10px;
color:var(--cmn-font-color-red);
text-align:center;
font-size:12px;
}
.agt-link .agent-move-notes{
margin-bottom:15px;
font-size:14px;
}
.agt-link .agent-move-notes em{
color:var(--cmn-font-color-red);
font-weight:bold;
}
.agt-link .agt-link-btn{
box-sizing:border-box;
display:block;
position:relative;
margin:5px auto;
padding:8px 10px 7px;
border:none;
border-radius:4px;
color:#fff;
background-color:#78ae0e;
box-shadow:inset 0 -3px rgba(0, 0, 0, .22);
text-shadow:0 1px rgba(4, 0, 0, .1);
font-weight:bold;
font-size:14px;
}
.agt-link .agt-link-btn[disabled]{
background-color:#d5d5d5;
box-shadow:none;
text-shadow:none;
margin-top:15px;
}
.agt-link .agt-provider{
margin:10px 0;
color:var(--cmn-font-color-gray);
text-align:center;
font-size:11px;
}
.agt-link .agt-provider img{
position:relative;
top:2px;
margin-left:10px;
width:90px;
}
.agt-link .notes-box{
margin:20px 0;
padding:10px;
background-color:#fff5f5;
font-size:13px;
}
.agt-link .notes-box .notes-label{
display:block;
color:var(--cmn-font-color-red);
text-align:center;
font-weight:bold;
font-size:14px;
}
.agt-link .notes-box .notes-label:before,
.agt-link .notes-box .notes-label:after{
display:inline-block;
content:"\3010";
}
.agt-link .notes-box .notes-label:after{
content:"\3011";
}
.agt-link .notes-box .notes-list-01{
margin:10px 0 0;
}
.agt-link .notes-box .notes-list-01 li{
margin-bottom:5px;
line-height:1.4;
}
.agt-link .notes-box .notes-list-01 li:last-child{
margin-bottom:0;
}
.agt-link .notes-box .notes-list-01 li span{
color:var(--cmn-font-color-red);
}
.agt-link .notes-box .notes-list-01 li .notes-sup{
display:block;
color:var(--cmn-font-color-base);
font-weight:bold;
}
.agt-link .notes-box .notes-list-01 li.mark{
position:relative;
padding-left:1em;
}
.agt-link .notes-box .notes-list-01 li.mark:before{
display:block;
position:absolute;
top:0;
left:0;
content:"\203B";
}
.agt-link .notes-box .notes-list-01 em{
color:var(--cmn-font-color-red);
}
.agt-link .notes-box > :first-child{
margin-top:0;
}
.agt-link .notes-box .notes-list-02 li.mark{
margin-left:1em;
}
.agt-link .notes-box .notes-list-02 li.mark:before{
display:inline-block;
content:"\30FB";
text-indent:-1em;
}
.agt-link .agt-desc{
display:block;
padding:0 30px;
text-align:center;
font-size:13px;
}
.agt-link .submit_Area{
padding:0;
}
.agt-link .submit_Area button{
display:block;
margin:0 auto;
width:200px;
height:37px;
font-size:14px;
}
.agt-link .cont-number-form{
box-sizing:border-box;
display:inline-block;
margin:5px auto 20px auto;
padding:10px 10px 5px;
border:1px solid #e5e5e5;
width:100%;
text-align:left;
text-align:left;
}
.agt-link .cont-number-form .notice{
display:block;
margin-top:-5px;
margin-bottom:15px;
padding-left:1em;
font-size:13px;
line-height:1.4;
}
.agt-link .cont-number-form .notice span{
margin-left:-1em;
}
.agt-link .cont-number-form .notice b{
color:var(--cmn-font-color-red);
}
.agt-link .cont-number-form .notice-link{
display:block;
margin-top:10px;
}
.agt-link .cont-number-form dl{
margin:0;
}
.agt-link .cont-number-form dt{
margin-bottom:15px;
text-align:center;
font-weight:bold;
font-size:14px;
}
.agt-link .cont-number-form dd{
font-size:13px;
}
.agt-link .cont-number-form dd b{
font-weight:normal;
}
.agt-link .cont-number-form .cont-number{
display:block;
position:relative;
margin:0 auto 10px;
width:190px;
font-weight:bold;
font-size:14px;
}
.agt-link .cont-number-form .cont-number .text-number{
display:inline-block;
width:110px;
vertical-align:inherit;
vertical-align:middle;
}
.agt-link .cont-number-form .cont-number .text-number small{
font-weight:normal;
font-size:12px;
}
.agt-link .cont-number-form .cont-number:after{
display:block;
display:inline-block;
position:absolute;
top:50%;
right:11px;
margin:0;
margin-top:-3px;
border-width:6px 6px 0 6px;
border-style:solid;
border-color:#888 transparent transparent transparent;
width:0;
height:0;
content:"";
}
.agt-link .cont-number-form .cont-number select{
margin-right:4px;
padding:7px 5px;
border:1px solid #999;
border-radius:3px;
width:70px;
background-color:#fff;
font-weight:bold;
font-size:16px;
-webkit-appearance:none;
-moz-appearance:none;
}

/* .agt-info-hdg
------------------------------------------------ */
.agt-link .agt-info-hdg{
margin:20px -10px 0;
padding:5px 10px 0;
min-height:25px;
background-color:#eee;
background-repeat:no-repeat;
font-weight:normal;
font-size:14px;
}
.agt-link .agt-info-hdg[class*="icon-"]:before{
display:inline-block;
position:relative;
top:-2px;
margin-right:5px;
width:15px;
height:15px;
background-size:100% 100%;
background-position:center center;
content:"";
vertical-align:middle;
background-repeat:no-repeat;
}
.agt-link .agt-info-hdg.icon-attention:before{
background-image:url(/element/shared/images/icon/icon-caution-triangle.svg);
background-size:14px auto;
}
.agt-link .agt-info-hdg.icon-mail:before{
background-image:url(/element/shared/images/icon/ico-mail.svg);
}
.agt-link .agt-info-hdg.icon-option:before{
background-image:url(/element/shared/images/icon/icon-option.svg);
}
.agt-link .agt-info-hdg.icon-pc:before{
background-image:url(/element/shared/images/icon/icon-pc.svg);
}
.agt-link .agt-info-hdg.icon-sp:before{
background-image:url(/element/shared/images/icon/icon-sp.svg);
}

/* agent-info
------------------------------------------------ */
.agt-link .agent-info{
padding-bottom:30px;
}
.agt-link .agent-info .agent-info-label{
display:block;
margin-top:10px;
font-weight:bold;
font-size:13px;
}
.agt-link .agent-info .agent-info-label + .agent-info-list-03{
margin-top:5px;
}
.agt-link .agent-info .agent-info-list-03{
margin:10px 0 0 0;
}
.agt-link .agent-info .agent-info-list-03 + .agt-info-hdg{
margin-top:10px;
}
.agt-link .agent-info .agent-info-list-03 > li{
margin-bottom:2px;
font-size:13px;
}
.agt-link .agent-info .agent-info-list-03 > li.agent-info-list-indent{
margin-left:1em;
}
.agt-link .agent-info .agent-info-list-03 > li.agent-info-list-indent > span:first-child{
display:inline-block;
text-indent:-1em;
}
.agt-link .agent-info .agent-info-list-03 > li strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.agt-link .agent-info .agent-info-list-03 > li em{
font-weight:bold;
}

/* agent-info-add
------------------------------------------------ */
.agt-link .agent-info-add{
margin-top:20px;
padding:12px;
border:1px solid #dddddd;
}
.agt-link .agent-info-add .agent-info-add-hdg{
font-size:13px;
}
.agt-link .agent-info-add .agent-info-add-list{
margin:10px 0 0;
}
.agt-link .agent-info-add .agent-info-add-list li{
font-size:13px;
}
.agt-link .agent-info-add .agent-info-add-list li.agent-info-add-list-indent{
margin-left:1em;
}
.agt-link .agent-info-add .agent-info-add-list li.agent-info-add-list-indent > span:first-child{
display:inline-block;
text-indent:-1em;
}

/* btn-agt-link
------------------------------------------------ */
.btn-agt-link{
min-height:37px;
font-size:14px;
display:block;
padding:5px 0 9px;
border:none;
border-radius:6px;
width:100%;
color:#fff;
background-color:#78ae0e;
box-shadow:0 -4px 0 #608c03 inset;
text-align:center;
text-shadow:1px 2px 0 rgba(4, 0, 0, .1);
font-weight:bold;
line-height:1.55;
}
.btn-agt-link span{
display:inline-block;
}

/* tab-navi
------------------------------------------------- */
.tab-navi{
display:-webkit-box;
display:flex;
margin:0 -10px 10px;
}
.tab-navi.tab-navi-branch-01 li a,
.tab-navi.tab-navi-branch-01 li em{
font-size:14px;
}
.tab-navi li{
-webkit-box-flex:1;
flex:1;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
width:33%;
background-color:#f5f5f5;
text-align:center;
line-height:1.3;
}
.tab-navi li:first-child{
border-left:none;
}
.tab-navi li a,
.tab-navi li em{
box-sizing:border-box;
display:block;
padding:12px 0 0;
min-height:45px;
color:var(--font-color-btn-link);
font-size:17px;
}
.tab-navi li.active a,
.tab-navi li.active em{
color:var(--cmn-font-color-base);
}
.tab-navi li.active{
border-bottom:none;
background-color:#fff;
box-shadow:none;
font-weight:bold;
}

/* submit_Area
------------------------------------------------ */
.submit_Area{
margin:0 -10px;
padding:10px;
background-color:#fff;
}

/* btn-reload
-------------------------------------------------------------*/
.btn-reload{
padding:10px 10px;
border:1px solid #b8b8b8;
border-radius:.3em;
width:100%;
color:var(--cmn-font-color-base);
background:#fefefe;
background-image:-webkit-linear-gradient(#fefefe, #eee);
background-image:linear-gradient(#fefefe, #eee);
text-shadow:0 0 0 #333;
font-weight:bold;
font-size:16px;
}

/* cancel_Box
-------------------------------------------------------------*/
.cancel_Box{
display:-webkit-box;
display:flex;
}
.cancel_Box button:not(:first-child){
margin-left:10px;
}
.cancel_Box button.going,
.cancel_Box button.return{
display:block;
-webkit-box-flex:1;
flex:1;
padding:7px 0;
border:1px solid #b8b8b8;
border-radius:.3em;
background:#fefefe;
background-image:-webkit-linear-gradient(#fefefe, #eee);
background-image:linear-gradient(#fefefe, #eee);
box-shadow:0 1px 0 rgba(0, 0, 0, .3);
text-align:center;
font-weight:bold;
}
.cancel_Box button.going{
color:#1283a5;
}
.cancel_Box button.return{
color:#bc8417;
}
.cancel_Box .single{
width:100%;
}

/* select-ticket-info
------------------------------------------------ */
.select-ticket-info .ticket-summary-sup{
clear:both;
margin-top:2px;
}
.select-ticket-info .ticket-summary-sup .ticket-notes-att{
display:block;
padding-top:5px;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.select-ticket-info .ticket-summary-sup .ticket-notes-att.ticket-notes-att-right{
display:block;
text-align:right;
}
.select-ticket-info .ticket-summary .ticket-info .ticket-info-inr{
padding:0;
width:90px;
}
.select-ticket-info .ticket-summary .ticket-summary-item{
padding-top:0;
}
.select-ticket-info .ticket-summary .ticket-summary-item .ticket-summary-item-header{
display:-webkit-box;
display:flex;
}
.select-ticket-info .ticket-summary .ticket-summary-item .ticket-summary-item-header .ticket-summary-info{
margin-left:5px;
}
.select-ticket-info .ticket-type{
display:block;
}
.select-ticket-info .ticket-sup{
margin:0;
}
.select-ticket-info .ticket-footer{
margin:10px 0 -10px;
text-align:center;
}
.select-ticket-info .ticket-footer .ticket-footer-link{
font-weight:bold;
font-size:11px;
}

/* ----------------------------------------------------------------
  予約サイト選択
----------------------------------------------------------------- */
/* search-result-agt
------------------------------------------------ */
.search-result-agt{
margin:0 -10px;
padding:0 10px;
border-top:6px solid #666;
}
.search-result-agt .cmn-sns-list{
margin-top:0;
padding-top:15px;
border-top:none;
}
.search-result-agt + .cmn-sns-list{
margin-top:0;
padding-top:15px;
border-top:none;
}
.search-result-agt .search-result-agt-header{
margin:0 -10px;
padding:6px 10px;
background-color:#ddd;
font-size:11px;
}
.search-result-agt .search-result-agt-header span{
display:block;
text-align:right;
}
.search-result-agt .search-result-agt-add{
margin:0 -10px;
padding:10px 10px 0;
background-color:#ddd;
}
.search-result-agt .search-result-agt-add >:first-child{
margin-top:0;
}
.search-result-agt .search-result-agt-hdg{
display:block;
font-weight:bold;
font-size:11px;
}
.search-result-agt .search-result-agt-notes{
display:block;
font-size:11px;
line-height:1.4;
margin-top:5px;
color:var(--font-color-btn-link);
}
.search-result-agt .search-result-agt-notes em{
color:var(--cmn-font-color-red);
}
.search-result-agt .search-result-agt-notes.indent{
text-indent:-1em;
margin-left:1em;
}
.search-result-agt .search-result-agt-notes.mark{
position:relative;
padding-left:14px;
}
.search-result-agt .search-result-agt-notes.mark .icon-att{
position:absolute;
top:1px;
left:0;
}

/* flight-notes
------------------------------------------------ */
.flight-add{
margin:0 -10px 0;
padding:8px;
border-bottom:1px solid #e5e5e5;


}
.flight-add + .cmn-sns-list{
border-top:none;
}
.flight-add .ticket-rcmd-sup{
position:relative;
font-size:11px;
}
.flight-add .ticket-rcmd-sup em{
color:var(--cmn-font-color-red);
}
.flight-add .ticket-rcmd-sup .mod-num{
font-size:12px;
}
.flight-add .ticket-rcmd-sup .ticket-rcmd-info::after{
content:"";
display:table;
clear:both;
}
.flight-add .ticket-rcmd-sup .ticket-rcmd-info .ticket-rcmd-note{
display:inline-block;
font-size:11px;
color:var(--font-color-btn-link);
}
.flight-add .ticket-rcmd-sup .ticket-rcmd-info .ticket-rcmd-link{
font-size:11px;
text-align:right;
float:right;
}
.flight-add .ticket-rcmd-sup .ticket-rcmd-info .ticket-rcmd-link a{
color:var(--font-color-btn-link);
text-decoration:underline;
}
.flight-add .flight-notes{
display:block;
padding:10px;
font-size:11px;
line-height:1.4;
}

/* ticket-detail-content
---------------------------------- */
.ticket-detail-container .ticket-detail-content{
margin:0 -8px;
padding:0 8px;
}
.ticket-detail-container .ticket-detail-content >:first-child{
margin-top:0;
}
.ticket-detail-container .ticket-detail-header-row{
position:relative;
margin-top:12px;
}
.ticket-detail-container .ticket-detail-header-row::after{
content:"";
display:table;
clear:both;
}
.ticket-detail-container .ticket-detail-hdg{
font-size:12px;
float:left;
}
.ticket-detail-container .search-result-desc-info{
float:right;
font-size:12px;
}
.ticket-detail-container .search-result-desc-info .cmn-tip-btn{
margin-right:0;
margin-left:4px;
}

/* ticket-detail-content
---------------------------------- */
.ticket-detail-container .ticket-detail-rcmd{
text-align:center;
margin-top:16px;
}
.ticket-detail-container .ticket-detail-rcmd .flt-rcmd-btn{
background-color:#fff;
border:1px solid #bbbbbb;
border-radius:4px;
padding:0;
margin:0 auto;
min-height:28px;
padding:4px 8px 3px;
font-size:12px;
display:block;
}
.ticket-detail-container .ticket-detail-rcmd .flt-rcmd-btn .flt-rcmd-item{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
vertical-align:middle;
}
.ticket-detail-container .ticket-detail-rcmd .flt-rcmd-btn .flt-rcmd-list{
margin:0;
display:inline-block;
vertical-align:middle;
}
.ticket-detail-container .ticket-detail-rcmd .flt-rcmd-btn .flt-rcmd-more{
display:inline-block;
margin-right:12px;
vertical-align:middle;
}
.ticket-detail-container .ticket-detail-rcmd .flt-rcmd-btn .flt-rcmd-sup{
display:inline-block;
margin-right:12px;
vertical-align:middle;
}
.ticket-detail-container .ticket-detail-rcmd .flt-rcmd-btn .flt-rcmd-price.flt-rcmd-price-best{
color:var(--cmn-font-color-red);
}
.ticket-detail-container .ticket-detail-rcmd .flt-rcmd-btn .flt-rcmd-price .flt-rcmd-price-unit > span{
color:var(--cmn-font-color-base);
}

/* .ticket-summary
---------------------------------- */
.ticket-detail-container .ticket-summary{
position:relative;
margin:0 -8px 0;
padding:12px;
background-color:#fff;
box-shadow:0px 4px 6px -2px rgb(0 0 0 / 20%);
line-height:normal;
}
.ticket-detail-container .ticket-summary .ticket-summary-toggle-container:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ebebeb;
}
.pseudo-header .ticket-summary{
position:relative;
margin:0;
padding:12px;
background-color:#fff;
box-shadow:0px 4px 6px -2px rgb(0 0 0 / 20%);
line-height:normal;
}
.pseudo-header .ticket-summary .ticket-summary-toggle-container:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ebebeb;
}
.pseudo-header .ticket-summary-sup{
font-size:12px;
}
.pseudo-header .ticket-summary-sup > span::after{
content:"/";
display:inline-block;
margin:0 4px;
}
.pseudo-header .ticket-summary-sup > span:last-child::after{
display:none;
}
.pseudo-header .ticket-summary-sup .ticket-summary-arrow{
position:relative;
top:-2px;
}

/* ticket-card
---------------------------------- */
.ticket-detail-container .ticket-card{
margin-top:12px;
padding:8px;
border-radius:6px;
background-color:#fff;
box-shadow:0px 1px 4px rgb(0 0 0 / 30%);
}
.ticket-detail-container .ticket-card > :first-child{
margin-top:0;
}
.ticket-detail-container .ticket-card .ticket-card-item{
margin-top:8px;
}
.ticket-detail-container .ticket-card .ticket-detail-info-row{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
}
.ticket-detail-container .ticket-card .ticket-detail-info-row.branch .ticket-detail-info-list button{
min-height:28px;
}
.ticket-detail-container .ticket-card .ticket-detail-info-row.branch .ticket-detail-info-list li:not(:last-child){
margin-right:8px;
}
.ticket-detail-container .ticket-card .ticket-detail-cv-btn{
box-sizing:border-box;
display:block;
color:#fff;
background-color:var(--cmn-btn-color);
padding:5px 2px;
line-height:1;
border:none;
border-radius:4px;
width:100px;
min-height:28px;
font-size:14px;
margin:0;
}
.ticket-detail-container .ticket-card-hdg-contanier{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
}
.ticket-detail-container .ticket-card-hdg-contanier >div:last-child{
width:131px;
}
.ticket-detail-container .ticket-card-hdg-contanier .ticket-card-hdg{
font-size:16px;
font-weight:normal;
-webkit-box-flex:1;
flex:1;
}
.ticket-detail-container .ticket-card-hdg-contanier .ticket-card-hdg-sup{
font-size:12px;
margin-left:4px;
}
.ticket-detail-container .ticket-card-hdg-contanier .ticket-price-item{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
line-height:1;
margin-top:4px;
}
.ticket-detail-container .ticket-card-hdg-contanier .ticket-price-item .ticket-price-desc{
font-size:12px;
line-height:calc(16 /12);
}
.ticket-detail-container .ticket-card-hdg-contanier .ticket-price-item .ticket-price-desc .br{
display:block;
}
.ticket-detail-container .ticket-card-hdg-contanier .ticket-price-item .ticket-price-sup{
font-size:12px;
}
.ticket-detail-container .ticket-card-hdg-contanier .ticket-price-item .ticket-price-price{
font-size:12px;
}
.ticket-detail-container .ticket-card-hdg-contanier .ticket-price-item .ticket-price-price .mod-num{
font-size:16px;
font-weight:bold;
}

@media screen and (max-width: 360px){
.ticket-detail-container .ticket-card-hdg-contanier >div:last-child{
width:137px;
}
}

@media screen and (max-width: 320px){
.ticket-detail-container .ticket-card-hdg-contanier >div:last-child{
width:113px;
}
.ticket-detail-container .ticket-card-hdg-contanier .ticket-card-hdg-sup > span{
display:block;
}
}

/* ticket-card-block
---------------------------------- */
.ticket-detail-container .ticket-card-block{
margin-top:24px;
}

/* ticket-card-desc
---------------------------------- */
.ticket-detail-container .ticket-card-desc{
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
}
.ticket-detail-container .ticket-card-desc a{
color:var(--cmn-font-color-base);
border-bottom:1px solid #92ccf4;
}

/* .ticket-info-header, ticket-info-footer
------------------------------------------------ */
.ticket-detail-container .ticket-summary-sup{
font-size:12px;
}
.ticket-detail-container .ticket-summary-sup > span::after{
content:"/";
display:inline-block;
margin:0 4px;
}
.ticket-detail-container .ticket-summary-sup > span:last-child::after{
display:none;
}
.ticket-detail-container .ticket-summary-sup .ticket-summary-arrow{
position:relative;
top:-2px;
}
.ticket-detail-container .ticket-info-header{
display:-webkit-box;
display:flex;
}
.ticket-detail-container .ticket-info-header > div{
box-sizing:border-box;
}
.ticket-detail-container .ticket-info-header > div:first-child{
-webkit-box-flex:1;
flex:1;
}
.ticket-detail-container .ticket-info-header > div:last-child{
width:133px;
}
.ticket-detail-container .ticket-info-header .ticket-info-agt{
line-height:1.2;
margin-top:8px;
margin-bottom:6px;
max-width:133px;
}
.ticket-detail-container .ticket-info-header .ticket-info-agt a{
font-size:12px;
}
.ticket-detail-container .ticket-info-header .flt-airline-notes-link{
color:var(--cmn-font-color-base);
}
.ticket-detail-container .ticket-info-header .flt-airline-notes{
margin:4px 0 0 0;
font-size:0;
}
.ticket-detail-container .ticket-info-header .flt-airline-notes li{
font-size:12px;
display:inline-block;
line-height:1;
}
.ticket-detail-container .ticket-info-header .flt-airline-notes li::after{
content:"/";
margin:0 4px;
}
.ticket-detail-container .ticket-info-header .flt-airline-notes li:last-child::after{
display:none;
}
.ticket-detail-container .ticket-info-header .flt-type-class{
margin:4px 0 0 0;
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:calc(17/12);
}
.ticket-detail-container .ticket-info-header .flt-type-class li{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
}
.ticket-detail-container .ticket-info-header .flt-type-class li .cmn-tip-info-btn{
margin-left:4px;
}
.ticket-detail-container .ticket-info-header .flt-type-class .mark{
margin-right:.4em;
}
.ticket-detail-container .ticket-info-header .ticket-price-item{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
line-height:1;
margin-top:4px;

}
.ticket-detail-container .ticket-info-header .ticket-price-item .ticket-price-desc{
font-size:12px;
line-height:calc(16 /12);
}
.ticket-detail-container .ticket-info-header .ticket-price-item .ticket-price-desc .br{
display:block;
}
.ticket-detail-container .ticket-info-header .ticket-price-item .ticket-price-sup{
font-size:12px;
}
.ticket-detail-container .ticket-info-header .ticket-price-item .ticket-price-price{
font-size:12px;
}
.ticket-detail-container .ticket-info-header .ticket-price-item .ticket-price-price .mod-num{
font-size:16px;
font-weight:bold;
}
.ticket-detail-container .ticket-info-footer{
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
-webkit-box-pack:justify;
justify-content:space-between;
margin-top:8px;
}
.ticket-detail-container .ticket-info-footer > div:last-child{
white-space:nowrap;
}

@media screen and (max-width: 360px){
.ticket-detail-container .ticket-info-header > div:last-child{
width:137px;
}
}

@media screen and (max-width: 320px){
.ticket-detail-container .ticket-info-header > div:last-child{
width:113px;
}
.ticket-detail-container .ticket-info-header .ticket-info-agt{
width:112px;
}
}

/* .ticket-oparated, ticket-logo
------------------------------------------------ */
.ticket-detail-container .ticket-route{
display:-webkit-box;
display:flex;
margin:0;
}
.ticket-detail-container .ticket-route li{
-webkit-box-flex:1;
flex:1;
line-height:1;
}
.ticket-detail-container .ticket-route li:last-child .ticket-time{
display:block;
}
.ticket-detail-container .ticket-route li:first-child{
padding-right:21px;
}
.ticket-detail-container .ticket-route li:first-child .ticket-time::after{
display:block;
position:absolute;
top:50%;
right:-17px;
margin-top:-4px;
width:13px;
height:7px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-route-long.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
}
.ticket-detail-container .ticket-route .ticket-time{
font-size:18px;
line-height:1;
position:relative;
width:100%;
box-sizing:border-box;
}
.ticket-detail-container .ticket-route .ticket-time a{
color:var(--cmn-font-color-base);
border-bottom:1px solid #92ccf4;
}
.ticket-detail-container .ticket-route .ticket-airport{
display:block;
font-size:12px;
color:var(--cmn-font-color-base);
white-space:nowrap;
}
.ticket-detail-container .ticket-oparated{
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
flex-wrap:wrap;
width:175px;
}
.ticket-detail-container .ticket-oparated .ticket-tag{
width:47px;
}
.ticket-detail-container .ticket-oparated .ticket-sup{
margin-left:8px;
margin-top:6px;
box-sizing:border-box;
}
.ticket-detail-container .ticket-oparated .ticket-oparated-footer{
width:100%;
}
.ticket-detail-container .ticket-oparated .ticket-oparated-notes{
margin:0;
}
.ticket-detail-container .ticket-oparated .ticket-oparated-notes li{
color:var(--cmn-font-color-gray);
margin-top:4px;
text-indent:-1.4em;
margin-left:1.4em;
font-size:12px;
line-height:calc(17 / 12);
}
.ticket-detail-container .ticket-oparated .ticket-oparated-notes li .mark{
margin-right:.4em;
}
.ticket-detail-container .ticket-number{
vertical-align:middle;
line-height:1;
margin-top:4px;
}
.ticket-detail-container .ticket-logo{
width:47px;
height:20px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
}
.ticket-detail-container .ticket-logo img{
max-width:47px;
max-height:20px;
}
.ticket-detail-container .ticket-mark{
display:block;
font-size:12px;
line-height:1;
text-align:center;
margin:1px auto 0;
padding:3px 0;
width:44px;
height:17px;
box-sizing:border-box;
}
.ticket-detail-container .ticket-mark.ticket-mark-02{
background-color:#eaeaea;
}
.ticket-detail-container .ticket-mark.ticket-mark-03{
background-color:#eaeaea;
}
.ticket-detail-container .ticket-code{
font-size:0;
display:inline-block;
word-break:break-all;
margin-right:4px;
}
.ticket-detail-container .ticket-code >span{
font-size:12px;
line-height:calc(17/12);
display:inline-block;
}
.ticket-detail-container .ticket-code >span:not(:last-child)::after{
content:"/";
display:inline-block;
margin:0 .3em;
}
.ticket-detail-container .ticket-alliance{
display:inline-block;
font-size:12px;
line-height:calc(17/12);
margin-right:5px;
}
.ticket-detail-container .flt-eco{
display:inline-block;
width:28px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element/j_air_on/shared/images/icon-eco.svg) no-repeat 0 0;
background-size:28px 12px;
vertical-align:middle;
position:relative;
top:0;
}
.ticket-detail-container .flt-wifi{
display:inline-block;
width:14px;
height:0;
padding-top:10px;
overflow:hidden;
line-height:2;
background:url(/element/j_air_on/shared/images/icon-wifi.svg) no-repeat 0 0;
background-size:14px 10px;
vertical-align:middle;
position:relative;
top:-1px;
margin-right:4px;
}
.ticket-detail-container .ticket-type-container{
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
}
.ticket-detail-container .ticket-type-content a{
display:inline-block;
color:var(--cmn-font-color-base);
}
.ticket-detail-container .ticket-type-content a .ticket-type >li{
border-bottom:1px solid #92ccf4;
}
.ticket-detail-container .ticket-type{
margin:2px 0 0 0;
font-size:0;
line-height:1;
display:inline-block;
}
.ticket-detail-container .ticket-type > li{
margin-top:2px;
font-size:12px;
line-height:calc(17/12);
display:inline;
}
.ticket-detail-container .ticket-type > li:not(:last-child)::after{
content:"/";
display:inline;
margin:0 .45em;
}
.ticket-detail-container .ticket-type-class{
font-size:12px;
display:block;
margin-top:6px;
}
.ticket-detail-container .ticket-type-class .cmn-tip-info-btn{
margin-left:4px;
}
.ticket-detail-container .ticket-type-baggage-on{
position:relative;
top:-1px;
display:inline-block;
width:9px;
height:0;
padding-top:15px;
overflow:hidden;
line-height:2;
vertical-align:top;
position:relative;
background-image:url(/element/j_air_on/shared/images/icon-baggage-on.svg);
background-position:center 0;
background-size:9px 15px;
background-repeat:no-repeat;
position:relative;
}
.ticket-detail-container .ticket-type-baggage-off{
position:relative;
top:-1px;
display:inline-block;
width:15px;
height:0;
padding-top:15px;
overflow:hidden;
line-height:2;
vertical-align:top;
position:relative;
background-image:url(/element/j_air_on/shared/images/icon-baggage.svg);
background-position:center 0;
background-repeat:no-repeat;
background-size:9px 15px;
position:relative;
}

/* .ticket-tbl
------------------------------------------------ */
.ticket-detail-container .ticket-tbl-header{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
font-size:12px;
margin-right:6px;
}
.ticket-detail-container .ticket-tbl-header-sup >span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.ticket-detail-container .ticket-tbl-list{
margin-top:4px;
margin-bottom:0;
font-size:12px;
}
.ticket-detail-container .ticket-tbl-list li{
display:-webkit-box;
display:flex;
}
.ticket-detail-container .ticket-tbl-list li >div{
line-height:1;
}
.ticket-detail-container .ticket-tbl-list li >div:first-child{
width:50px;
box-sizing:border-box;
}
.ticket-detail-container .ticket-tbl-list li >div:last-child{
position:relative;
-webkit-box-flex:1;
flex:1;
word-break:break-all;
}
.ticket-detail-container .ticket-tbl-list li >div:last-child::before{
content:"";
display:block;
width:2px;
height:calc(100% - 5px);            position:absolute;
top:6px;
left:-11px;
background-color:#898989;
}
.ticket-detail-container .ticket-tbl-list li >div:last-child::after{
content:"";
display:block;
width:10px;
height:10px;
border-radius:50%;
position:absolute;
top:1px;
left:-15px;
border:2px solid #898989;
box-sizing:border-box;
background-color:#fff;
}
.ticket-detail-container .ticket-tbl-list li.ticket-tbl-end >div:last-child::before{
display:none;
}
.ticket-detail-container .ticket-tbl-list li.ticket-tbl-branch{
display:block;
padding-left:20px;
}
.ticket-detail-container .ticket-tbl-list li.ticket-tbl-branch >div:first-child{
width:100%;
}
.ticket-detail-container .ticket-tbl-list li.ticket-tbl-branch >div:last-child::before{
display:none;
}
.ticket-detail-container .ticket-tbl-list li.ticket-tbl-branch >div:last-child::after{
display:none;
}
.ticket-detail-container .ticket-tbl-list .ticket-tbl-desc{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:12px 0;
}
.ticket-detail-container .ticket-tbl-list .ticket-tbl-code{
margin-right:4px;
}
.ticket-detail-container .ticket-tbl-list .ticket-tbl-alliance{
margin-right:4px;
}
.ticket-detail-container .ticket-tbl-list .ticket-tbl-transit{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
background-color:#f5f5f5;
padding:4px 7px;
margin:4px 0;
}

/* ticket-detail-tbl-container
------------------------------------------------ */
.ticket-detail-tbl-container{
margin-top:12px;
}
.ticket-detail-tbl-container .pseudo-hdg-01{
margin-top:30px;
}
.ticket-detail-tbl-container > :first-child{
margin-top:0;
}

/* tbl-ticket-detail
------------------------------------------------ */
.tbl-ticket-detail{
margin:0;
width:100%;
border-collapse:collapse;
table-layout:fixed;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
}
.tbl-ticket-detail + .tbl-ticket-detail{
margin-top:4px;
}
.tbl-ticket-detail th,
.tbl-ticket-detail td{
padding:1px 8px;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
box-sizing:border-box;
}
.tbl-ticket-detail th{
font-size:12px;
font-weight:normal;
text-align:left;
box-sizing:border-box;
width:150px;
}
.tbl-ticket-detail td{
text-align:right;
font-size:12px;
}
.tbl-ticket-detail .tbl-num{
font-size:14px;
}
.tbl-ticket-detail .tbl-ticket-detail-header{
width:40px;
padding:0 6px;
}
.tbl-ticket-detail .tbl-ticket-detail-sub th{
background-color:none;
}

@media screen and (max-width: 320px){
.tbl-ticket-detail .br{
display:block;
}
.tbl-ticket-detail th{
width:125px;
}
}

/* tbl-ticket-detail-sum
----------------------------------- */
.tbl-ticket-detail-sum{
margin:10px 0 0 0;
width:100%;
border-collapse:collapse;
table-layout:fixed;
}
.tbl-ticket-detail-sum tr:first-child th,
.tbl-ticket-detail-sum tr:first-child td{
padding-top:0;
}
.tbl-ticket-detail-sum tr:first-child th .tbl-num,.tbl-ticket-detail-sum tr:first-child td .tbl-num{
font-size:16px;
font-weight:bold;
}
.tbl-ticket-detail-sum th,
.tbl-ticket-detail-sum td{
padding-top:4px;
font-size:12px;
font-weight:normal;
text-align:left;
box-sizing:border-box;
line-height:1;
}
.tbl-ticket-detail-sum th{
font-size:12px;
width:156px;
}
.tbl-ticket-detail-sum td{
text-align:right;
}
.tbl-ticket-detail-sum .tbl-num{
font-size:14px;
}
.tbl-ticket-detail-sum .tbl-num-unit{
font-size:12px;
}
.tbl-ticket-detail-sum .tbl-num-unit > span{
margin-left:4px;
font-size:10px;
}
.tbl-ticket-detail-sum .tbl-ticket-detail-sum-header .tbl-num{
font-size:16px;
}
.tbl-ticket-detail-sum .tbl-ticket-detail-sum-rcmd .tbl-num{
font-size:16px;
}
.tbl-ticket-detail-sum .tbl-ticket-detail-sum-rcmd .tbl-num-unit{
font-size:12px;
}

/* tbl-ticket-detail-footer
----------------------------------- */
.tbl-ticket-detail-footer{
margin:8px 0 0 0;
width:100%;
border-collapse:collapse;
table-layout:fixed;
border-top:1px solid #ddd;
}
.tbl-ticket-detail-footer th,
.tbl-ticket-detail-footer td{
padding:1px 8px;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
box-sizing:border-box;
}
.tbl-ticket-detail-footer th{
font-size:12px;
font-weight:normal;
text-align:left;
box-sizing:border-box;
width:190px;
}
.tbl-ticket-detail-footer td{
border-right:1px solid #ddd;
text-align:right;
font-size:12px;
}
.tbl-ticket-detail-footer .tbl-num{
font-size:14px;
}

/* tbl-ticket-detail-notes
----------------------------------- */
.tbl-ticket-detail-notes{
color:var(--cmn-font-color-gray);
margin-bottom:0;
}
.tbl-ticket-detail-notes > li{
margin-top:8px;
position:relative;
padding-left:1.25em;
font-size:12px;
}
/* line-height: calc(17 / 12); */
.tbl-ticket-detail-notes > li .mark{
display:block;
position:absolute;
top:0;
left:0;
}
.tbl-ticket-detail-notes strong,
.tbl-ticket-detail-notes em{
font-weight:normal;
color:var(--cmn-font-color-red);
}

/* tbl-ticket-detail-toggle-container
---------------------------------- */
.tbl-ticket-detail-toggle-container.is-active .tbl-ticket-detail-toggle-trigger{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-up.svg);
}
.tbl-ticket-detail-toggle-container.is-active .tbl-ticket-detail-toggle-item{
display:block;
}
.tbl-ticket-detail-toggle-container .tbl-ticket-detail-toggle-trigger{
padding:0;
background:none;
border:none;
font-size:12px;
padding-left:13px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-down.svg);
background-position:0 7px;
background-repeat:no-repeat;
background-size:8px 5px;
}
.tbl-ticket-detail-toggle-container .tbl-ticket-detail-toggle-item{
display:none;
}
.tbl-ticket-detail-toggle-container .tbl-ticket-detail-toggle-header{
text-align:right;
}

/* btn-ticket-detail
------------------------------------------------ */
.btn-ticket-detail .btn-main-01{
display:block;
margin:0 auto;
padding-top:4px;
width:225px;
height:47px;
font-size:11px;
}
.btn-ticket-detail .btn-main-01 span{
display:block;
margin-top:-2px;
font-size:14px;
}

/* ext-container
------------------------------------------------ */
.ext-container{
padding:0 0 50px;
font-size:13px;
}
.ext-container .ext-hdg{
padding:3px 10px;
margin:0 -10px;
background-color:#eee;
font-size:14px;
}
.ext-container .ext-notes{
margin-bottom:0;
}
.ext-container .ext-notes .mark{
display:inline-block;
margin-left:1em;
text-indent:-1em;
}
.ext-container .ext-tbl{
margin-top:5px;
border-collapse:collapse;
border-top:1px solid #c9c9c9;
border-right:1px solid #c9c9c9;
width:100%;
table-layout:fixed;
font-size:12px;
}
.ext-container .ext-tbl th,
.ext-container .ext-tbl td{
padding:5px;
border-bottom:1px solid #c9c9c9;
border-left:1px solid #c9c9c9;
}
.ext-container .ext-tbl th{
font-size:11px;
}
.ext-container .ext-tbl thead th{
background-color:#eee;
}
.ext-container .ext-tbl thead th:first-child{
box-sizing:border-box;
width:80px;
}
.ext-container .ext-tbl tbody th{
text-align:left;
}

/* exam-label
------------------------------------------------ */
.exam-label{
display:block;
font-size:13px;
}
.exam-label span{
background-color:#eee;
}

/* exam-box
------------------------------------------------ */
.exam-box{
position:relative;
margin:15px 5px 20px;
padding:0 15px 10px;
border:1px solid #cdcdcd;
font-size:12px;
}
.exam-box:before,
.exam-box:after{
position:absolute;
top:-12px;
left:89px;
border:10px solid #cdcdcd;
border-top:none;
border-right-color:transparent;
border-bottom-width:12px;
border-left-color:transparent;
content:"";
}
.exam-box:after{
margin-top:1px;
border-bottom-color:#fff;
}
.exam-box > b{
display:block;
margin:10px -5px 0;
padding:0 1px;
}
.exam-box > span b{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.exam-box .exam-notes{
display:block;
color:var(--cmn-font-color-red);
line-height:1.3;
}

/* related-box
------------------------------------------------ */
.related-box-01{
padding:40px 0 0;
}
.related-box-01 .cmn-tip-toggle-container{
margin-bottom:0;
}
.related-box-02{
margin-top:0;
padding-bottom:30px;
}
.related-box-02 .cmn-tip-toggle-container{
margin-bottom:0;
}

/* low-price-list
----------------------------------------------------------------- */
.lowprice-list{
border-bottom:1px solid #e5e5e5;
}
.lowprice-list ul{
margin:0 0 -1px 0;
}
.lowprice-list ul:after{
display:block;
clear:both;
content:"";
}
.lowprice-list li{
box-sizing:border-box;
float:left;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
width:50%;
}
.lowprice-list li:nth-child(2n){
border-right:none;
}
.lowprice-list li > div{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
align-items:center;
min-height:45px;
}
.lowprice-list li > div .date{
display:table-cell;
margin-left:10px;
color:var(--cmn-font-color-base);
vertical-align:middle;
text-align:center;
font-size:11px;
}
.lowprice-list li > div .date .date-num{
display:block;
margin-bottom:-3px;
font-size:14px;
}
.lowprice-list li > div .price{
text-align:right;
font-size:12px;
-webkit-box-flex:1;
flex:1;
}
.lowprice-list li > div .price a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
padding-right:10px;
color:var(--cmn-font-color-red);
min-height:45px;
box-sizing:border-box;
}
.lowprice-list li > div .price .price-num{
font-size:16px;

}
.lowprice-list li > div .lowprice-list-none{
color:#a5a5a5;
font-size:13px;
-webkit-box-pack:center;
justify-content:center;
display:-webkit-box;
display:flex;
}
.lowprice-hdg{
position:relative;
padding:5px 10px;
border-bottom:1px solid #e5e5e5;
background-color:#f5f5f5;
font-size:13px;
}

/* .box-airline-desc
------------------------------------------------ */
.box-airline-desc{
padding-bottom:10px;
font-size:13px;
}
.box-airline-desc > :first-child{
margin-top:0;
}

/* .regist-flow
------------------------------------------------ */
.regist-flow{
margin:4px 0 0;
}
.regist-flow .regist-flow-item{
display:-webkit-box;
display:flex;
width:100%;
-webkit-box-align:end;
align-items:flex-end;
}
.regist-flow .regist-flow-item .regist-flow-item-col{
box-sizing:border-box;
}
.regist-flow .regist-flow-item .regist-flow-item-col:first-child{
-webkit-box-flex:1;
flex:1;
}
.regist-flow .regist-flow-item .regist-flow-item-col:last-child{
padding-left:10px;
width:33%;
}
.regist-flow .regist-flow-item .regist-flow-item-col:last-child:nth-child(1){
padding-left:0;
}
.regist-flow .regist-flow-item .regist-flow-item-col:last-child:nth-child(1) .regist-flow-list li:last-child:after{
display:none;
}
.regist-flow .regist-flow-label{
position:relative;
display:block;
text-align:center;
font-size:12px;
padding-bottom:1px;
border-bottom:1px solid #9d9c9c;
margin:0 5px 8px;
}
.regist-flow .regist-flow-label span{
display:block;
margin:0 -5px 2px;
line-height:1.3;
}
.regist-flow .regist-flow-label:before{
position:absolute;
left:-4px;
bottom:-4px;
content:"";
display:block;
border-top:3px solid transparent;
border-bottom:4px solid transparent;
border-right:5px solid #9d9c9c;
}
.regist-flow .regist-flow-label:after{
position:absolute;
right:-4px;
bottom:-4px;
content:"";
display:block;
border-top:3px solid transparent;
border-bottom:4px solid transparent;
border-left:5px solid #9d9c9c;
}
.regist-flow .regist-flow-list{
display:-webkit-box;
display:flex;
}
.regist-flow .regist-flow-list li{
-webkit-box-flex:1;
flex:auto;
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
height:45px;
margin-left:10px;
border:1px solid #898989;
}
.regist-flow .regist-flow-list li:first-child{
margin-left:0;
}
.regist-flow .regist-flow-list li.regist-flow-em{
background-color:#eee;
}
.regist-flow .regist-flow-list li:after{
content:"";
display:block;
position:absolute;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:4px solid #898989;
top:50%;
margin-top:-4px;
right:-8px;
}
.regist-flow .regist-flow-list li:first-child:last-child:after{
display:none;
}
.regist-flow .regist-flow-list li > span{
display:block;
width:100%;
text-align:center;
font-size:11px;
line-height:1.2;
}
.regist-flow .regist-flow-list li small{
font-size:10px;
}

/* regist-flow-footer
------------------------------------------------ */
.regist-flow-footer{
margin-top:8px;
}
.regist-flow-footer .regist-flow-footer-hdg{
color:var(--cmn-font-color-red);
}
.regist-flow-footer .regist-flow-footer-hdg .mark{
display:none;
margin-right:.4em;
}
.regist-flow-footer .regist-flow-footer-desc{
display:block;
font-size:12px;
margin:0;
}
.regist-flow-footer .regist-flow-footer-desc .ticket-detail-notes-sup{
display:block;
}

/* transfer-rcmd
------------------------------------------------ */
.transfer-rcmd .box-notfound{
font-size:14px;
}
.transfer-rcmd .transfer-rcmd-route{
margin:0;
}
.transfer-rcmd .transfer-rcmd-route >li{
margin-left:1em;
}
.transfer-rcmd .transfer-rcmd-route >li:before{
content:"・";
display:inline-block;
text-indent:-1em;
}
.transfer-rcmd .transfer-rcmd-route >li .transfer-rcmd-route-arrow{
margin:0 5px;
}

/* transfer-rcmd-add
------------------------------------------------ */
.transfer-rcmd-add{
margin-top:15px;
}
.transfer-rcmd-add .transfer-rcmd-notes{
margin:0;
}
.transfer-rcmd-add .transfer-rcmd-notes >li{
margin-left:1em;
margin-bottom:7px;
}
.transfer-rcmd-add .transfer-rcmd-notes >li:last-child{
margin-bottom:0;
}
.transfer-rcmd-add .transfer-rcmd-notes >li:before{
content:"・";
display:inline-block;
text-indent:-1em;
}

/* ticket-detail-item-branch for round
------------------------------------------------ */
.ticket-info .ticket-detail-unit-add{
margin-right:5px;
font-size:9px;
text-align:left;
display:block;
color:var(--cmn-font-color-base);
}
.ticket-info .ticket-detail-unit-add .ticket-detail-unit-notes b{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.ticket-info .ticket-detail-unit{
display:-webkit-box;
display:flex;
position:relative;
margin:-3px 5px 3px -4px;
border:1px solid #dcdcdc;
padding:2px 0 3px 3px;
background-color:#fff;
box-shadow:0px 2px 2px -1px rgba(0, 0, 0, .2);
}
.ticket-info .ticket-detail-unit::before{
display:block;
position:absolute;
bottom:-11px;
right:26px;
border-top:9px solid #cccccc;
border-right:9px solid transparent;
border-left:9px solid transparent;
content:"";
}
.ticket-info .ticket-detail-unit::after{
display:block;
position:absolute;
bottom:-9px;
right:26px;
border-top:9px solid #fff;
border-right:9px solid transparent;
border-left:9px solid transparent;
content:"";
-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.1));
filter:drop-shadow(0 1px 1px rgba(0,0,0,.1));
}
.ticket-info .ticket-detail-unit .ticket-detail-unit-col .ticket-type{
margin-bottom:0;
margin-right:3px;
}
.ticket-info .ticket-detail-unit .ticket-detail-unit-col .ticket-type .ticket-type-txt{
display:block;
padding:0;
}
.ticket-info .ticket-detail-unit .ticket-detail-unit-col .ticket-type .ticket-type-txt .ticket-type-txt-ellipsis{
max-width:90px;
}
.ticket-info .ticket-detail-unit .ticket-detail-unit-col .ticket-type .ticket-type-icon{
display:block;
}
.ticket-info .ticket-detail-unit .ticket-detail-unit-col .ticket-type-unit-col-inr{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
}
.ticket-info .ticket-detail-unit .ticket-detail-unit-col .ticket-type-unit-col-inr .ticket-type-icon{
line-height:0;
}
.ticket-info .ticket-detail-unit .ticket-detail-unit-col:first-child{
position:relative;
-webkit-box-align:center;
align-items:center;
padding-right:3px;
-webkit-box-flex:1;
flex:1;
border-right:1px dotted #ccc;
}
.ticket-info .ticket-detail-unit .ticket-detail-unit-col:last-child{
display:-webkit-box;
display:flex;
width:34px;
box-sizing:border-box;
-webkit-box-align:center;
align-items:center;
}
.ticket-info .ticket-detail-unit .ticket-detail-unit-price{
text-align:right;
display:block;
font-size:10px;
color:var(--cmn-font-color-base);
-webkit-box-flex:1;
flex:1;
white-space:nowrap;
}
.ticket-info .ticket-detail-unit .ticket-detail-unit-price b{
font-weight:normal;
font-size:13px;

}
.ticket-info .ticket-detail-unit .ticket-price-fee-sup{
color:var(--cmn-font-color-base);
position:relative;
font-size:10px;
display:inline-block;
line-height:1.2;
text-align:left;
}
.ticket-info .ticket-detail-unit .ticket-price-fee-sup span{
display:block;
margin-top:-2px;
padding-left:2px;
white-space:nowrap;
}
.ticket-info .ticket-detail-unit .ticket-price-fee-sup span::before{
display:inline-block;
content:"+";
font-size:13px;
}

@media screen and (max-width: 320px){
.ticket-info .ticket-detail-unit{
margin-left:-12px !important;
}
.search-result-header .selected-flight .selected-flight-item .ticket-code{
font-size:11px;
position:relative;
top:-1px;
}
}

/* flt-dtl-container
---------------------------------- */
.flt-dtl-container{
background-color:#e5e5e5;
margin:0 -10px -10px;
padding:0 8px 10px;
}
.flt-dtl-container .flt-dtl-header{
padding:0 8px 8px;
background-color:#004c9a;
}
.flt-dtl-container .flt-dtl-header-row{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin-bottom:8px;
}
.flt-dtl-container .flt-dtl-header-row > div:first-child{
-webkit-box-flex:1;
flex:1;
}
.flt-dtl-container .flt-dtl-header-action{
display:-webkit-box;
display:flex;
}
.flt-dtl-container .flt-dtl-header-action > div:last-child{
margin-left:4px;
}
.flt-dtl-container .dlt-dtl-shared-btn{
display:block;
overflow:hidden;
padding-top:19px;
border:none;
width:20px;
height:0;
background:none;
background:url(/element_sp/j_air_on/shared/images/icon-shared.svg) top center no-repeat;
line-height:2;
}
.flt-dtl-container .dlt-dtl-clear-btn{
font-size:12px;
padding:1px 4px 0;
height:22px;
min-width:60px;
border-radius:3px;
background:none;
border:1px solid #fff;
color:#fff;
}
.flt-dtl-container .dlt-dtl-clear-btn em{
font-weight:bold;
}
.flt-dtl-container .flt-dtl-header-hdg{
color:#fff;
font-weight:bold;
font-size:14px;
line-height:1.35;
}
.flt-dtl-container .flt-select-content{
background-color:#fff;
padding:8px;
}
.flt-dtl-container .flt-select-content.flt-select-return{
border-top:1px solid #ccc;
}

/*
flt-dtl-container > flt-select-info-item
flt-dtl-container > flt-info-list
---------------------------------- */
.flt-dtl-container .ticket-detail-info-content{
display:none;
padding:0px 12px 0 12px;
margin:9px 4px 4px;
border:1px solid #e5e5e5;
border-radius:4px;
outline:none;
}
.flt-dtl-container .ticket-detail-info-content.is-active{
display:block;
}
.flt-dtl-container .ticket-detail-info-content >:first-child{
border-top:none;
}
.flt-dtl-container .ticket-dtl-info-container{
border-top:1px solid #ddd;
padding-top:12px;
padding-bottom:12px;
line-height:1.42;
}
.flt-dtl-container .ticket-dtl-info-container.ticket-detail-info-toggle-container{
padding-bottom:0;
}
.flt-dtl-container .ticket-dtl-info-container.ticket-detail-info-toggle-container.is-active{
padding-bottom:24px;
}
.flt-dtl-container .ticket-dtl-info-container .ticket-dtl-info-header{
padding:12px 0;
margin-top:-12px;
box-sizing:border-box;
}
.flt-dtl-container .ticket-dtl-info-container .ticket-dtl-info-hdg-container{
display:-webkit-box;
display:flex;
-webkit-box-flex:1;
flex:1;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
}
.flt-dtl-container .ticket-dtl-info-container .ticket-dtl-info-hdg-container .ticket-dtl-info-hdg{
margin-right:12px;
font-size:12px;
font-weight:bold;
white-space:nowrap;
}
.flt-dtl-container .ticket-dtl-info-container .ticket-dtl-info-hdg-container .ticket-dtl-info-sup{
display:block;
font-size:12px;
vertical-align:middle;
margin:-12px 0;
line-height:calc(15 / 12);
padding:8px 0;
text-align:right;
}
.flt-dtl-container .ticket-dtl-info-container .ticket-dtl-info-hdg-container .ticket-dtl-info-sup .ticket-dtl-info-sup-item{
display:-webkit-box;
display:flex;
}
.flt-dtl-container .ticket-dtl-info-container .ticket-dtl-info-hdg-container .ticket-dtl-info-sup .ticket-dtl-info-sup-item span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.flt-dtl-container .ticket-dtl-info-container .ticket-dtl-info-hdg-container .ticket-dtl-info-sup em,
.flt-dtl-container .ticket-dtl-info-container .ticket-dtl-info-hdg-container .ticket-dtl-info-sup strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.flt-dtl-container .ticket-dtl-info-item + .ticket-dtl-info-item{
margin-top:16px;
}
.flt-dtl-container .ticket-dtl-info-item .ticket-dtl-info-item-hdg{
font-size:12px;
margin-bottom:8px;
line-height:1.42;
}
.flt-dtl-container .ticket-dtl-info-desc{
font-size:12px;
}
.flt-dtl-container .ticket-dtl-info-desc >:first-child{
margin-top:0 !important;
}
.flt-dtl-container .ticket-dtl-info-desc p{
margin:8px 0 0 0;
}
.flt-dtl-container .ticket-dtl-info-desc strong{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.flt-dtl-container .ticket-dtl-info-desc .ticket-dtl-info-hdg-01{
font-size:12px;
margin-top:8px;
line-height:1.42;
}
.flt-dtl-container .ticket-dtl-info-desc .ticket-dtl-info-hdg-02{
font-size:12px;
line-height:calc(17 / 12);
margin-top:8px;
font-weight:normal;
line-height:1.42;
}
.flt-dtl-container .ticket-dtl-info-desc .ticket-dtl-info-hdg-02::before,
.flt-dtl-container .ticket-dtl-info-desc .ticket-dtl-info-hdg-02::after{
content:"---";
display:inline-block;
color:#949494;
}
.flt-dtl-container .ticket-dtl-info-desc .ticket-dtl-info-hdg-02::before{
margin-right:4px;
}
.flt-dtl-container .ticket-dtl-info-desc .ticket-dtl-info-hdg-02::after{
margin-left:4px;
}
.flt-dtl-container .ticket-dtl-info-desc .ticket-dtl-info-list{
margin:0;

}
.flt-dtl-container .ticket-dtl-info-desc .ticket-dtl-info-list li{
font-size:12px;
text-indent:-1.4em;
margin-left:1.4em;
margin-top:4px;
}
.flt-dtl-container .ticket-dtl-info-desc .ticket-dtl-info-list li .mark-dot{
margin-right:.4em;
}
.flt-dtl-container .ticket-dtl-info-desc .ticket-dtl-info-list li strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.flt-dtl-container .ticket-detail-info-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}
.flt-dtl-container .ticket-detail-info-list li{
line-height:1;
}
.flt-dtl-container .ticket-detail-info-list li:not(:last-child){
margin-right:16px;
}
.flt-dtl-container .ticket-detail-info-list li em{
color:var(--cmn-font-color-red);
}
.flt-dtl-container .ticket-detail-info-list button{
margin:0;
padding:0 0 0 12px;
border:none;
color:var(--cmn-font-color-base);
position:relative;
line-height:1.25;
background:none;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-down.svg);
background-position:0 49%;
background-size:8px auto;
background-repeat:no-repeat;
font-size:12px;
text-align:left;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-align:center;
align-items:center;
white-space:nowrap;
}
.flt-dtl-container .ticket-detail-info-list button >em{
display:inline-block;
}
.flt-dtl-container .ticket-detail-info-list button > span{
display:inline-block;
}
.flt-dtl-container .ticket-detail-info-list button[aria-selected="true"]{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-up.svg);
}
.flt-dtl-container .ticket-detail-info-list button[aria-selected="true"]::before{
content:"";
display:block;
width:12px;
height:6px;
position:absolute;
bottom:-10px;
left:calc(50% - 4px);
background:url(/element_sp/j_air_on/shared/images/icon-balloon-arrow.svg) no-repeat 100% 0;
}
.flt-dtl-container .ticket-detail-info-notes{
margin:0;
}
.flt-dtl-container .ticket-detail-info-notes li{
font-size:12px;
text-indent:-1.4em;
margin-left:1.4em;
line-height:1.42;
}
.flt-dtl-container .ticket-detail-info-notes li:not(:first-child){
margin-top:8px;
}
.flt-dtl-container .ticket-detail-info-notes li .mark-dot{
margin-right:.4em;
}
.flt-dtl-container .ticket-detail-info-notes li em,
.flt-dtl-container .ticket-detail-info-notes li strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

@media screen and (max-width: 320px){
.flt-dtl-container .ticket-dtl-info-container .ticket-dtl-info-hdg-container{
-webkit-box-pack:justify;
justify-content:space-between;
}
}

/*
flt-dtl-container > flt-select-action-btn
---------------------------------- */
.flt-dtl-container .flt-select-action{
margin-top:12px;
}
.flt-dtl-container .flt-select-action-btn{
box-sizing:border-box;
display:block;
margin:0 auto;
color:#fff;
background-color:var(--cmn-btn-color);
padding:4px 12px;
border:none;
border-radius:4px;
width:50%;
min-height:44px;
line-height:1.25;
font-size:16px;
}

/* flt-dtl-container > flt-select-row
---------------------------------- */
.flt-dtl-container .flt-select-row{
position:relative;
padding-right:98px;
}
.flt-dtl-container .flt-select-sup{
display:inline-block;
font-size:12px;
min-height:22px;
padding-top:3px;
box-sizing:border-box;
}
.flt-dtl-container .flt-select-sup-date{
font-size:12px;
}
.flt-dtl-container .flt-select-sup-date::before{
content:":";
display:inline-block;
margin:0 4px;
}
.flt-dtl-container .flt-select-btn{
font-size:12px;
position:absolute;
right:0;
top:0;
padding:1px 4px 0;
height:22px;
min-width:60px;
border-radius:3px;
background:none;
border:1px solid #ccc;
background-color:#fff;
}
.flt-dtl-container .flt-select-btn em{
color:var(--cmn-font-color-red);
}
.flt-dtl-container .flt-select{
margin-top:4px;

/* padding:6px 8px; */
background-color:#fff;
}

/* flt-dtl-container > flt-select-header-row
---------------------------------- */
.flt-dtl-container .flt-select-header-row{
display:-webkit-box;
display:flex;
}
.flt-dtl-container .flt-select-header-row >div{
box-sizing:border-box;
}
.flt-dtl-container .flt-select-header-row >div:first-child{
position:relative;
-webkit-box-flex:1;
flex:1;
}
.flt-dtl-container .flt-select-header-row >div:last-child{
width:155px;
}
.flt-dtl-container .flt-select-header-row >div .flt-header-row-header{
width:100%;
}

/* flt-dtl-container > flt-select-header-row
---------------------------------- */
.flt-dtl-container .flt-select-item{
margin-top:8px;
}
.flt-dtl-container .flt-select-item-row{
display:-webkit-box;
display:flex;
}
.flt-dtl-container .flt-select-item-row >div{
box-sizing:border-box;
}
.flt-dtl-container .flt-select-item-row >div:first-child{
position:relative;
-webkit-box-flex:1;
flex:1;
overflow:hidden;
margin-right:8px;
}
.flt-dtl-container .flt-select-item-row >div:last-child{
width:180px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-pack:justify;
justify-content:space-between;
}

/* search-item-fixed-container
------------------------------------------------ */
.is-search-item-fixed .search-item-fixed-container{
display:block;
position:fixed;
top:0;
left:0;
z-index:100;
}
.search-item-fixed-container{
display:none;
padding:8px 10px;
background-color:#e5e5e5;
-webkit-filter:drop-shadow(0px 2px 6px rgba(0, 0, 0, .4));
filter:drop-shadow(0px 2px 6px rgba(0, 0, 0, .4));
width:100%;
box-sizing:border-box;
}

/* search-result-header-tools
---------------------------------- */
.search-item-fixed-container .search-result-header-tools{
margin-top:6px;
}

/* search-result-header-row
---------------------------------- */
.search-item-fixed-container .search-result-header-row-01{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.search-item-fixed-container .search-result-header-row-01 .checkbox-custom label{
padding-left:24px;
}
.search-item-fixed-container .search-result-header-row-01 .checkbox-custom label > span{
font-size:12px;
line-height:1.3;
white-space:nowrap;
}
.search-item-fixed-container .search-result-header-row-01 >div:first-child{
width:100px;
margin-right:10px;
}
.search-item-fixed-container .search-result-header-row-01 >div:last-child,
.search-item-fixed-container .search-result-header-row-01 >div:nth-child(2):last-child{
margin-left:auto;
}
.search-item-fixed-container .search-result-header-row-01 >div:nth-child(2):last-child .search-sorter .search-sorter-btn{
max-width:193px;
}
.search-item-fixed-container .search-result-header-row-02{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.search-item-fixed-container .search-result-header-row-02 >div:first-child{
-webkit-box-flex:1;
flex:1;
margin-right:8px;
}
.search-item-fixed-container .search-result-header-row-02 >div:last-child{
-webkit-box-flex:1;
flex:1;
}

@media screen and (max-width: 320px){
.search-item-fixed-container .search-result-header-row-01 >div:last-child{
min-width:127px;
}
}

/* search-filter-item
---------------------------------- */
.search-item-fixed-container .search-filter-item{
font-size:12px;
line-height:calc(17 / 12);
}
.search-item-fixed-container .search-filter-item .search-item-num{
display:block;
}
.search-item-fixed-container .search-filter-item .search-item-date{
margin-left:12px;
}

/* search-result-filter-book
---------------------------------- */
.search-item-fixed-container .search-result-filter-book{
margin-right:10px;
width:76px;
box-sizing:border-box;
}
.search-item-fixed-container .search-result-filter-book .checkbox-custom label{
padding-left:24px;
}
.search-item-fixed-container .search-result-filter-book .checkbox-custom label >span{
display:inline-block;
font-size:12px;
line-height:calc(17 / 12);
white-space:nowrap;
}
.search-item-fixed-container .search-result-filter-book .checkbox-custom label >span > span > span{
display:block;
}
.search-item-fixed-container .search-result-remarks{
width:92px;
}
.search-item-fixed-container .search-result-remarks .search-result-remarks-sup{
font-size:12px;
line-height:calc(17 / 12);
}
.search-item-fixed-container .search-result-remarks .search-result-remarks-sup >span{
display:block;
}

@media screen and (max-width: 360px){
.search-item-fixed-container .search-result-header-row-01 >div:first-child{
margin-right:4px;
}
.search-item-fixed-container .search-result-filter-book{
margin-right:4px;
}
}

/* search-item-btn
---------------------------------- */
.search-item-fixed-container .search-item-btn{
display:block;
position:relative;
background:none;
border:none;
border-radius:4px;
background-color:#fff;
padding:1px 8px 3px;
font-size:14px;
color:var(--cmn-font-color-base);
border:1px solid #ccc;
min-width:100px;
height:30px;
box-sizing:border-box;
}
.search-item-fixed-container .search-item-btn .cnt{
font-size:12px;
margin-left:3px;
}
.search-item-fixed-container .search-item-btn::before{
content:"";
display:inline-block;
margin-right:4px;
width:10px;
height:10px;
background:url(/element_sp/j_air_on/shared/images/icon-filter.svg) 0 0 no-repeat;
}

/* search-sorter
---------------------------------- */
.search-item-fixed-container .search-sorter{
display:inline-block;
position:relative;
}
.search-item-fixed-container .search-sorter[aria-expanded="true"] .search-sorter-item{
display:block;
}
.search-item-fixed-container .search-sorter[aria-expanded="true"] .search-sorter-layer{
display:block;
}
.search-item-fixed-container .search-sorter .search-sorter-layer{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background-color:transparent;
z-index:2;
}
.search-item-fixed-container .search-sorter .search-item-sorter-header{
position:relative;
}
.search-item-fixed-container .search-sorter .search-item-sorter-header .serch-item-sorter-close{
position:absolute;
right:-16px;
top:-24px;
height:60px;
z-index:1;
}
.search-item-fixed-container .search-sorter .search-item-sorter-header .serch-item-sorter-close button{
margin:0;
padding:12px;
border:none;
background:none;
}
.search-item-fixed-container .search-sorter .search-item-sorter-header .serch-item-sorter-close button span{
display:block;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_air_on/shared/images/icon-close-gry.svg) top left no-repeat;
}
.search-item-fixed-container .search-sorter .search-sorter-item{
display:none;
position:relative;
}
.search-item-fixed-container .search-sorter .search-sorter-item::before{
position:absolute;
top:4px;
left:50%;
margin-left:-7px;
content:"";
display:inline-block;
width:14px;
height:14px;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
z-index:1;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.search-item-fixed-container .search-sorter .search-sorter-item::after{
position:absolute;
top:4px;
left:50%;
margin-left:-9px;
margin-top:-3px;
content:"";
display:inline-block;
width:0;
height:0;
border-bottom:10px solid #fff;
border-left:10px solid transparent;
border-right:10px solid transparent;
z-index:3;
}
.search-item-fixed-container .search-sorter .search-sorter-item .search-sorter-item-inner{
position:absolute;
right:0;
margin-top:9px;
text-align:left;
width:250px;
max-width:calc(100vw - 25px);
padding:24px 16px 12px;
box-sizing:border-box;
border-radius:3px;
background:#fff;
z-index:3;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.search-item-fixed-container .search-sorter .search-sorter-label{
font-size:14px;
font-weight:bold;
line-height:calc(21/14);
}
.search-item-fixed-container .search-sorter .search-sorter-list{
font-size:14px;
margin:0;
}
.search-item-fixed-container .search-sorter .search-sorter-btn{
text-align:center;
padding:0 8px;
height:34px;
max-width:calc(100vw - 210px);
border-radius:17px;
background:#fff;
border:none;
color:var(--cmn-font-color-base);
font-size:14px;
border:1px solid #bbb;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.search-item-fixed-container .search-sorter .search-sorter-btn::before{
content:"";
display:inline-block;
position:relative;
top:-1px;
width:15px;
height:13px;
background:url(/element_sp/j_air_on/shared/images/icon-form-sort.svg) no-repeat 0 0;
background-size:15px auto;
vertical-align:middle;
margin-right:5px;
}

@media screen and (max-width: 360px){
.search-item-fixed-container .search-sorter .search-sorter-btn{
max-width:calc(100vw - 195px);
}
}

/*
---------------------------------- */
/* .secondary-bg
----------------------------------------------- */
.secondary-bg{
margin:-11px -10px 0;
padding:0 10px 10px;
border-top:1px solid #2a2a2a;
background:#2a2a2a url(/element_sp/shared/images/frame/bg-secondary.jpg) repeat 0 0;
background-size:100% auto;

}
.secondary-bg .ticket-summary{
color:var(--cmn-font-color-base);
position:relative;
margin:0 -10px -10px;
padding:12px;
background-color:#fff;
box-shadow:0px 4px 6px -2px rgb(0 0 0 / 20%);
line-height:normal;
}
.secondary-bg .ticket-summary .ticket-summary-toggle-container:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ebebeb;
}
.secondary-bg .ticket-summary-sup{
font-size:12px;
}
.secondary-bg .ticket-summary-sup > span::after{
content:"/";
display:inline-block;
margin:0 4px;
}
.secondary-bg .ticket-summary-sup > span:last-child::after{
display:none;
}
.secondary-bg .ticket-summary-sup .ticket-summary-arrow{
position:relative;
top:-2px;
}

/* link-history-back
---------------------------------- */
a.link-history-back{
width:100%;
margin:0 0 -1px;
padding:6px 0 2px 30px;
border-bottom:1px solid rgb(255 255 255 /.45);
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
min-height:45px;
position:relative;
line-height:1.35;
text-align:left;
font-size:16px;
}
a.link-history-back::before{
content:"";
display:block;
width:16px;
height:16px;
position:absolute;
top:50%;
left:6px;
margin-top:-8px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-prev.svg) no-repeat 0 0;
-webkit-filter:brightness(0) invert(1);
filter:brightness(0) invert(1);
}

/* secondary-header
---------------------------------- */
.cmn-app .is-ticket-detail-header-fixed{
overflow:hidden;
}
.cmn-app .is-ticket-detail-header-fixed main{
background-color:#f2f2f2;
min-height:100vh;
}
.cmn-app .is-ticket-detail-header-fixed .cmn-info{
display:block;
}
.cmn-app .is-ticket-detail-header-fixed.is-ticket-detail-header-fixed-app .cmn-info{
display:none;
}
.is-ticket-detail-header-fixed .secondary-bg{
position:fixed;
top:0;
left:0;
z-index:100;
width:100%;
margin:0;
box-sizing:border-box;
}
.is-ticket-detail-header-fixed .secondary-bg .secondary-header{
/* margin:0; */
}
.is-ticket-detail-header-fixed .secondary-bg .ticket-summary{
/* margin:0; */
}
.is-ticket-detail-header-fixed .cmn-info{
display:none;
}
.is-ticket-detail-header-fixed .flt-dtl-container{
margin-top:-10px;
}

/* secondary-header
---------------------------------- */
.secondary-header{
position:relative;
margin:0 -10px;
background-color:#111;
min-height:45px;
color:#fff;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
flex-wrap:wrap;
padding:8px 55px 8px 40px;
}
.secondary-header.branch{
padding-left:12px;
}
.secondary-header .secondary-header-inner{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
align-items:center;
padding:0 12px;
margin-right:-55px;
}
.secondary-header .secondary-header-inner > div:first-child{
-webkit-box-flex:1;
flex:1;
}
.secondary-header .secondary-header-hdg{
font-weight:bold;
font-size:16px;
line-height:1;
}
.secondary-header .secondary-header-btn-prev{
position:absolute;
left:0;
top:0;
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:40px;
height:45px;
margin-right:-12px;
background:url(/element/shared/images/icon/icon-chevron-left-wht.svg) no-repeat 15px 50%;
background-size:9px auto;
}
.secondary-header .secondary-header-btn-close{
position:absolute;
left:0;
top:0;
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:40px;
height:44px;
margin-right:-8px;
background:url(/element_sp/j_air_on/shared/images/icon-close-wht.svg) no-repeat 12px 50%;
background-size:16px 16px;
}
.secondary-header .secondary-header-btn-clear{
background:none;
border:1px solid #fff;
border-radius:3px;
color:#fff;
margin-left:16px;
font-size:12px;
height:22px;
}
.secondary-header .secondary-header-btn-clear em{
font-weight:bold;
}

/* sticky-container
---------------------------------- */
.str-container.is-sticky-footer-fixed{
padding-bottom:64px;
}
.sticky-footer{
box-sizing:border-box;
position:fixed;
bottom:0;
left:0;
z-index:2;
padding:10px 0;
width:100%;
background-color:rgba(0, 0, 0, .7);
}
.sticky-footer-btn-list{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
box-sizing:border-box;
margin:0 auto;
max-width:80%;
min-width:60%;
}
.sticky-footer-btn-list .cmn-loading-spinner-dot-wht{
margin:0 0 0 8px;
display:inline-block;
width:12px;
height:12px;
}
.sticky-footer-btn-list li{
-webkit-box-flex:1;
flex:1;
}
.sticky-footer-btn-list li .br{
display:block;
}
.sticky-footer-btn-list li:first-child:last-child{
margin:0 auto;
}
.sticky-footer-btn-list li:first-child:not(:last-child){
margin-right:5px;
}
.sticky-footer-btn-list li:last-child{
margin-left:5px;
}
.sticky-footer-btn-list .cv-filter{
box-sizing:border-box;
display:block;
color:#fff;
background-color:var(--cmn-btn-color);
padding:4px 12px;
border:none;
border-radius:4px;
width:100%;
height:100%;
min-height:44px;
line-height:1.25;
font-size:16px;
}
.sticky-footer-btn-list .cv-filter .cv-filter-inner{
font-size:16px;
}
.sticky-footer-btn-list .cv-filter .cv-filter-inner span{
font-size:12px;
display:block;
}
.sticky-footer-btn-list .cv-filter:disabled{
box-shadow:none;
text-shadow:none;
opacity:.4;
color:var(--cmn-btn-color);
}

/* important-info-link */
.important-info{
background-color:#fff;
border-radius:4px;
margin-top:10px;
box-shadow:0px 2px 1px rgba(0, 0, 0, .15);
}
.important-info .important-info-link{
box-sizing:border-box;
position:relative;
min-height:32px;
color:var(--font-color-btn-link);
font-size:11px;
padding:7px 20px 7px 30px;
display:block;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 10px 10px no-repeat ;
background-size:14px 12px;
font-weight:bold;
}
.important-info .important-info-link::after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);

}

/* important-info-02
------------------------------------------------ */
.important-info-02{
margin:10px 0 0;
border-radius:4px;
box-shadow:0px 2px 1px rgba(0, 0, 0, .15);
box-sizing:border-box;
background-color:#fff;
}
.important-info-02 .important-info-link{
padding:7px 20px 7px 30px;
color:var(--font-color-btn-link);
box-sizing:border-box;
display:block;
min-height:32px;
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 10px center no-repeat ;
background-size:14px 12px;
font-size:11px;
font-weight:bold;
}
.important-info-02 .important-info-link::after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.important-info-02.branch{
margin:-10px -10px 10px;
padding:10px;
border-radius:0;
box-shadow:none;
background-color:#004c99;
}
.important-info-02 .important-info-link{
border-radius:4px;
box-shadow:0px 2px 1px rgba(0, 0, 0, .15);
background-color:#fff;
}

/* important-info-03
------------------------------------------------ */
.important-info-03{
margin:0 -10px;
box-sizing:border-box;
background-color:#fff;
}
.important-info-03 .important-info-link{
padding:7px 20px 7px 30px;
color:var(--font-color-btn-link);
display:block;
min-height:32px;
box-sizing:border-box;
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 10px center no-repeat ;
background-size:14px 12px;
font-size:11px;
font-weight:bold;
}
.important-info-03 .important-info-link::after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* SEO airport for List page
---------------------------------- */
.card-content{
margin:0 -10px;
}
.card-content .card-header-hdg{
padding:8px 10px;
box-sizing:border-box;
color:#fff;
background:#444;
font-weight:normal;
font-size:14px;
line-height:1;
}
.card-content .card-header-notes{
font-size:11px;
color:var(--font-color-btn-link);
padding:7px 10px;
}
.card-content .card-header-notes p{
margin:0;
}

/* faq-list for List page
---------------------------------- */
.card-content .faq-list{
margin:0;
}
.card-content .faq-list .faq-toggle-container.is-active .faq-toggle-item{
display:block;
}
.card-content .faq-list .faq-toggle-container.is-active .faq-toggle-trigger::after{
margin-top:-6px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg) 0 0 no-repeat;
}
.card-content .faq-list .faq-toggle-container .faq-toggle-item{
display:none;
}
.card-content .faq-list .faq-toggle-container .faq-toggle-trigger{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin:0;
padding:0;
background:none;
border:none;
text-align:left;
font-size:12px;
font-weight:normal;
width:100%;
}
.card-content .faq-list .faq-toggle-container .faq-toggle-trigger::after{
content:"";
display:block;
position:absolute;
right:0px;
top:50%;
margin-top:-4px;
width:16px;
height:10px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-04-down-l.svg) 0 0 no-repeat;
}
.card-content .faq-list li{
padding:0 10px;
font-size:12px;
border-top:1px solid #e5e5e5;
}
.card-content .faq-list li p{
margin:0;
}
.card-content .faq-list li em{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.card-content .faq-list li .question{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
position:relative;
padding:4px 30px 4px 23px;
min-height:50px;
box-sizing:border-box;
}
.card-content .faq-list li .question h3{
font-weight:normal;
}
.card-content .faq-list li .question button{
display:block;
background:none;
border:none;
padding:0;
margin:0;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent:-9999px;
overflow:hidden;
}
.card-content .faq-list li .question::before{
position:absolute;
content:"";
display:block;
left:0;
top:50%;
margin-top:-8px;
width:11px;
height:15px;
background:url(/element_sp/j_air_on/shared/images/icon-faq-q.svg) 0 0 no-repeat;
background-size:100% auto;
}
.card-content .faq-list li .answer{
position:relative;
padding-left:23px;
padding-bottom:12px;
}
.card-content .faq-list li .answer p:not(:first-child){
margin:8px 0 0;
}
.card-content .faq-list li .answer::after{
content:"";
display:table;
clear:both;
}
.card-content .faq-list li .answer::before{
position:absolute;
content:"";
display:block;
left:0;
top:2px;
width:11px;
height:15px;
background:url(/element_sp/j_air_on/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:100% auto;
}
.card-content .faq-list li .faq-modified{
float:right;
color:#9e9e9e;
font-size:12px;
margin-top:8px;
}
.card-content .faq-list li .faq-modified > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}

/* airline-list
---------------------------------- */
.airline-list{
margin:0;
}
.airline-list > li{
border-bottom:1px solid #e5e5e5;
padding:8px 0;
}
.airline-list > li a{
display:block;
color:var(--cmn-font-color-base);
padding:0 10px;
}
.airline-list .airline-list-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:14px;
}
.airline-list .airline-list-header .logo{
display:-webkit-box;
display:flex;
width:43px;
height:22px;
border:1px solid #e8e8e8;
background-color:#fff;
margin-right:8px;
}
.airline-list .airline-list-header .logo img{
object-fit:contain;
}
.airline-list .airline-list-desc{
display:none;
}
.airline-list .airline-list-desc p{
margin:0;
}

/* select-content
---------------------------------- */
.select-content{
position:relative;
margin:0 -10px -10px;
padding:12px 8px 10px;
background-color:rgb(66,74,87);
}
.select-content.is-app{
padding:0 0 10px 0;
margin-bottom:-10px;
overflow:hidden;
background-color:#e5e5e5;
}
.select-content.is-app .cmn-notice-list{
color:var(--cmn-font-clor-base);
margin-left:10px;
margin-right:10px;
}
.select-content.is-app::after{
position:relative;
content:"";
display:block;
width:1px;
height:1px;
margin-bottom:-2px;
}
.select-content.is-app .act_ad_manage .cmn-ad-bnr{
padding-left:10px;
padding-right:10px;
margin-bottom:20px;
}
.select-content.is-app .card-container .card-content{
margin-top:12px !important;
margin:12px 8px 0;
}
.select-content .card-container{
margin:0;
padding:0;
background:none;
}
.select-content .card-container .card-content{
padding:12px;
margin-top:12px;
background-color:#fff;
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
overflow:hidden;
position:relative;
}
.select-content .card-container .card-content .card-item{
background:none;
box-shadow:none;
padding:0;
border-radius:0;
overflow:visible;
}
.select-content .card-container .card-content .card-header-notes{
margin-bottom:0;
margin-top:8px;
}
.select-content .card-container .card-content.card-cheapest .card-footer-notes,.select-content .card-container .card-content.card-cheapest-02 .card-footer-notes{
font-size:14px;
color:var(--cmn-font-clor-base);
}
.select-content .card-container .card-content.card-news-list,
.select-content .card-container .card-content.card-faq,
.select-content .card-container .card-content.card-seo-select{
padding-bottom:0;
}
.select-content .card-container .card-content.card-news-list .card-item-footer-link{
font-size:14px;
}
.select-content .card-container .card-content.card-airline-info{
padding-bottom:0;
}
.select-content .card-container .card-content.card-airline-info .airline-list >li:first-child{
padding-top:0;
}
.select-content .card-container .card-content.card-tgl-container{
margin-top:12px;
}
.select-content .card-container .card-content.card-tgl-container.is-active .card-tgl-item{
display:block;
}
.select-content .card-container .card-content.card-tgl-container.is-active .card-tgl-trigger{
padding-bottom:12px;
margin-bottom:0;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg);
}
.select-content .card-container .card-content.card-tgl-container .card-tgl-item{
display:none;
padding-bottom:0;
}
.select-content .card-container .card-content.card-tgl-container .card-tgl-trigger{
cursor:pointer;
margin:-12px;
padding:12px 32px 12px 12px;
border-radius:6px;
outline:none;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-down-l.svg);
background-position:calc(100% - 16px) center;
background-repeat:no-repeat;
background-size:16px 10px;
}
.select-content .card-container .carousel-card-container{
padding:12px 12px 0;
margin-top:12px;
background-color:#fff;
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
overflow:hidden;
position:relative;
}
.select-content .card-container .cmn-seo-link{
margin-top:0;
}
.select-content .card-container .cmn-seo-link-toggle{
background:none;
box-shadow:none;
margin:0 -12px;
padding:0;
border-radius:0;
overflow:visible;
}
.select-content .card-container .area-tab-container .area-tab-nav-container .area-tab-nav{
border-bottom:none;
box-shadow:0 2px 2px rgba(0, 0, 0, .2);
}
.select-content .card-container .area-tab-container .area-tab-content{
padding-top:12px;
}
.select-content .card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav{
border-bottom:none;
box-shadow:0 2px 2px rgba(0, 0, 0, .2);
}
.select-content .card-container .faq-list{
border-top:1px solid #e5e5e5;
}

/* -------------------------------
 SEO
---------------------------------- */
/* card-container
---------------------------------- */
.card-container{
margin:0 -10px -10px;
padding:16px 8px 10px;
background:#e5e5e5;
position:relative;
}
.card-container >:first-child{
margin-top:0 !important;
}
.card-container::before{
content:"";
width:100%;
height:1px;
display:block;
}
.card-container .card-header{
margin-bottom:12px;
margin-bottom:8px;
}
.card-container .card-header .card-header-notes{
margin-bottom:0;
position:relative;
}
.card-container .card-header + .faq-list{
margin:-12px 0 0;
}
.card-container .card-header-hdg{
color:var(--cmn-font-color-base);
padding:0;
display:inline-block;
font-size:18px;
font-weight:normal;
margin-right:4px;
line-height:calc(21 / 16);
background-color:transparent;
}
.card-container .card-header-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:8px 0 0;
padding:0;
display:inline-block;
border:none;
}
.card-container .card-header-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.card-container .card-header-notes .aster > span{
margin-right:.4em;
}
.card-container .card-footer{
margin-top:8px;
text-align:right;
font-size:0;
}
.card-container .card-footer >div{
display:inline-block;
font-size:12px;
}
.card-container .card-footer >div + div{
margin-top:8px;
margin-left:12px;
}
.card-container .lowprice-update{
display:block;
color:var(--cmn-font-color-gray);
font-size:12px;
vertical-align:middle;
margin:8px 0 -4px;
}
.card-container .card-desc{
font-size:12px;
}
.card-container .card-desc > :first-child{
margin-top:0;
}
.card-container .card-desc + .card-desc{
margin-top:16px;
}
.card-container .card-desc + .card-desc .card-hdg-02{
border-top:1px solid #ddd;
padding-top:12px;
}
.card-container .card-desc p{
margin:0;
}
.card-container .card-desc p + p{
margin-top:8px;
}
.card-container .card-desc +.list-link{
margin-top:8px;
}
.card-container .card-desc-list{
margin:8px 0 0;
}
.card-container .card-desc-list:first-child{
margin-top:0;
}
.card-container .card-desc-list >li{
text-indent:-1em;
margin:0 0 0 1em;
}
.card-container .card-desc-list >li:not(:first-child){
margin-top:6px;
}
.card-container .card-desc-list .desc-sup{
margin-bottom:4px;
}
.card-container .card-desc-list .desc-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:4px 0 0;
padding:0;
display:block;
border:none;
}
.card-container .card-desc-list .desc-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.card-container .card-desc-list .desc-notes .aster > span{
margin-right:.4em;
}
.card-container .card-desc-kv-list{
display:grid;
grid-template-columns:auto 1fr;
font-size:12px;
gap:6px 0;
margin:12px 0 0 0;
}
.card-container .card-desc-kv-list > li{
display:grid;
grid-column:span 2;

/* for safari15 fail-safe */
grid-template-columns:auto 1fr;
grid-template-columns:subgrid;
gap:0 12px;
line-height:1.3;
}
.card-container .card-desc-kv-list .key{
min-width:75px;
position:relative;
}
.card-container .card-desc-kv-list .key::after{
position:absolute;
content:":";
display:block;
right:-6px;
top:-1px;
}
.card-container .card-desc-item >:first-child{
margin-top:0;
}
.card-container .card-desc-item + .card-desc-item{
margin-top:12px;
}
.card-container .card-hdg-01{
font-size:14px;
font-weight:normal;
}
.card-container .card-hdg-02{
margin-top:16px;
margin-bottom:8px;
font-weight:bold;
font-size:12px;
}
.card-container .card-hdg-03{
margin:8px 0;
padding:3px 5px;
font-weight:normal;
background-color:#f5f5f5;
font-weight:normal;
}
.card-container .card-hdg-04{
margin:8px 0 4px;
font-weight:normal;
text-indent:-1em;
margin-left:1em;
}
.card-container .card-hdg-04::before{
content:"\30FB";
}
.card-container .card-hdg-04 + p{
margin-top:4px;
}
.card-container .card-hdg-05{
font-size:12px;
margin:12px 0 4px;
}
.card-container .card-hdg-06{
font-size:12px;
font-weight:normal;
}
.card-container .card-hdg-06 + .flight-info-list-02{
margin-top:8px;
}
.card-container .card-dtl-desc{
margin-bottom:12px;
}
.card-container .card-list-inline{
margin:0;
}
.card-container .card-list-inline >li{
position:relative;
margin-right:20px;
font-size:14px;
padding-left:14px;
}
.card-container .card-list-inline >li a{
color:var(--font-color-btn-link);
}
.card-container .card-list-inline >li::before{
position:absolute;
top:0;
left:0;
content:"・";
display:inline-block;
}
.card-container .card-list-inline >li:not(:first-child){
margin-top:8px;
}
.card-container .card-list-inline-02{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
margin:4px 0 0;
}
.card-container .card-list-inline-02 >li{
width:calc(100% / 3);
padding-right:12px;
font-size:14px;
box-sizing:border-box;
margin-top:4px;
}
.card-container .card-list-inline-02 >li a{
color:var(--cmn-font-color-link);
}
.card-container .card-list-inline-03{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
margin:8px 0 0 0;
}
.card-container .card-list-inline-03 >li{
margin-right:20px;
font-size:14px;
margin-top:4px;
}
.card-container .card-list-inline-03 >li a{
color:var(--cmn-font-color-link);
}
.card-container .card-footer-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
text-align:left;
display:block;
}
.card-container .card-footer-notes li:not(:first-child){
margin-top:4px;
}
.card-container .card-footer-notes p{
margin:0;
}
.card-container .card-footer-notes p +p{
margin-top:4px;
}
.card-container .card-footer-notes .aster{
text-indent:-1.4em;
margin-left:1.4em;
}
.card-container .card-footer-notes .aster > span{
margin-right:.4em;
}

/* card-sub-container
---------------------------------- */
.card-container .card-sub-container{
background-color:#444;
margin:28px -8px 0;
padding:0 8px;

}
.card-container .card-sub-container::before{
content:"";
display:block;
width:100%;
height:1px;
position:relative;
top:-1px;
}
.card-container .card-sub-container .card-content.card-airline-info .card-item{
padding-top:4px;
padding-bottom:4px;
}
.card-container .card-sub-container .card-content .card-item{
border-radius:0;
margin:0 -8px;
box-shadow:none;
}
.card-container .card-sub-container .card-header-hdg{
color:#fff;
}

/* card-content
---------------------------------- */
.card-container .card-content{
margin:28px 0 0 0;
padding:0;
font-size:12px;
}
.card-container .card-content .card-item{
padding:12px;
background-color:#fff;
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
overflow:hidden;
position:relative;
z-index:1;
}
.card-container .card-content .card-item.is-branch{
padding:0;
margin:0;
box-shadow:none;
background-color:transparent;
}
.card-container .card-content .card-item p:not(.aster){
margin:0;
}
.card-container .card-content .card-item p:not(.aster).lowprice-update{
margin-bottom:8px;
}
.card-container .card-content .card-item p:not(.aster) + p{
margin-top:8px;
}
.card-container .card-content .card-item p:not(.aster).card-guide{
font-size:14px;
font-weight:bold;
margin-top:16px;
margin-bottom:16px;
}
.card-container .card-content .card-item ul + p:not(.aster){
margin-top:8px;
}
.card-container .card-content .card-item > .area-tgl:first-child{
margin:-13px 0;
}
.card-container .card-content .card-item .card-desc-indent{
margin-left:1em;
}
.card-container .card-content .card-item .card-desc-indent + p,
.card-container .card-content .card-item .card-desc-indent + ul{
margin-top:8px;
}
.card-container .card-content .card-item-footer{
border-top:1px solid #e5e5e5;
padding-top:12px;
margin-bottom:12px;
}
.card-container .card-content .card-item-footer::after{
content:"";
display:table;
clear:both;
}
.card-container .card-content .card-item-footer .card-item-footer-link{
float:right;
}
.card-container .card-content .card-header-notes{
margin-bottom:8px;
margin-top:0;
}
.card-container .card-content .card-header-notes + .card-hdg-02{
margin-top:0;
}
.card-container .card-content .card-header-notes + .box-collapse-03-container{
margin-top:0;
}
.card-container .card-content .card-item-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:4px 0 0;
padding:0;
display:inline-block;
border:none;
}
.card-container .card-content .card-item-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.card-container .card-content .card-item-notes .aster > span{
margin-right:.4em;
}
.card-container .card-content .card-item-footer-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:16px 0 0;
padding:0;
display:inline-block;
border:none;
}
.card-container .card-content .card-item-footer-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.card-container .card-content .card-item-footer-notes .aster > span{
margin-right:.4em;
}

/* card-content-footer
---------------------------------- */
.card-container .card-content-footer .card-link-more{
margin:12px 0 0 auto;
display:-webkit-box;
display:flex;
width:-webkit-fit-content;
width:fit-content;
font-size:14px;
line-height:1.35;
}
.card-container .card-content-footer .card-content-footer-desc{
margin:8px 0 0 auto;
font-size:14px;
}
.card-container .card-content-footer .card-content-footer-desc.is-right{
text-align:right;
}

/* local card-item
---------------------------------- */
.card-container .card-content.card-cheapest p{
font-size:14px;
}
.card-container .card-content.card-ranking-hotel .card-item{
margin:-4px -8px;
}
.card-container .card-content.card-pref-rentacar .card-footer,.card-container .card-content.card-pref-tour .card-footer,.card-container .card-content.card-pref-optional .card-footer{
margin-top:20px;
}
.card-container .card-content.card-area-summary .card-hdg-05{
margin-top:16px;
margin-bottom:0;
}
.card-container .card-content.card-area-summary .card-hdg-04{
margin-top:8px;
margin-bottom:0;
}
.card-container .card-content.card-lowprice-cal .daily-list{
margin-bottom:20px;
border-bottom:1px solid #e5e5e5;
}
.card-container .card-content.card-price-compare .card-item{
padding-top:4px;
padding-bottom:4px;
}
.card-container .card-content.card-timetable .card-item{
padding-bottom:4px;
}
.card-container .card-content.card-lowprice{
margin-top:0;
}
.card-container .card-content.card-cheapest-airline .card-item{
padding-top:4px;
padding-bottom:4px;
}
.card-container .card-content.card-flight-info .flight-info-list-02{
margin-top:12px;
}
.card-container .card-content.card-cheapest-other .card-item{
padding-top:0;
}
.card-container .card-content.card-seo{
padding-bottom:0;
}
.card-container .card-content.card-seo .card-item{
padding-top:0;
padding-bottom:0;
}
.card-container .card-content.card-seo .card-item .card-header-notes{
padding-top:12px;
margin-bottom:12px;
}
.card-container .card-content.card-seo .card-item .box-collapse-03-container{
border-bottom:none;
}
.card-container .card-content.card-travelko-info .card-desc + .card-desc + .card-desc{
margin-top:8px;
}
.card-container .card-content.card-pref-route .card-item{
padding-bottom:0;
}
.card-container .card-content.card-pref-route .list-link > li:first-child{
border-top:none;
}
.card-container .card-content.card-pref-airline-list .card-item{
padding-top:0;
padding-bottom:0;
}
.card-container .card-content.card-pref-airline-list .card-item .list-link{
margin-top:-1px;
}
.card-container .card-content.card-pref-prefecture .card-item{
padding-bottom:0;
}
.card-container .card-content.card-airline-list .card-item{
padding-bottom:0;
}
.card-container .card-content.card-faq .card-item{
padding-top:0;
padding-bottom:0;
}

/* card-tgl-container
---------------------------------- */
.card-container .card-content:not(.card-tgl-container) + .card-tgl-container{
margin-top:16px;
}
.card-container .card-content.card-tgl-container{
position:relative;
border-top:1px solid #ccc;
margin-top:0;
}
.card-container .card-content.card-tgl-container::after{
position:absolute;
bottom:-1px;
left:0;
content:"";
width:100%;
height:1px;
background:#ccc;
}
.card-container .card-content.card-tgl-container.is-active{
z-index:1;
border-top:1px solid transparent;
}
.card-container .card-content.card-tgl-container.is-active::after{
display:none;
}
.card-container .card-content.card-tgl-container.is-active .card-tgl-item{
display:block;
}
.card-container .card-content.card-tgl-container.is-active .card-tgl-trigger{
padding-bottom:16px;
margin-bottom:0;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg);
}
.card-container .card-content.card-tgl-container .card-tgl-item{
display:none;
padding-bottom:16px;
}
.card-container .card-content.card-tgl-container .card-tgl-trigger{
cursor:pointer;
margin:0;
padding:12px 32px 12px 0;
outline:none;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-down-l.svg);
background-position:calc(100% - 16px) center;
background-repeat:no-repeat;
background-size:16px 10px;
}

/* toggle-text for all visible
---------------------------------- */
._card-container .toggle-text .toggle-text-intro{
display:none;
}
._card-container .toggle-text .toggle-text-btn,
._card-container .toggle-text .toggle-text-full{
display:block;
}
._card-container .toggle-text .toggle-text-intro-more{
padding:0;
color:#a4a4a4;
display:inline-block;
}
._card-container .toggle-text .toggle-text-intro-more::before{
margin:0 3px;
content:"...";
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:bottom;
}
._card-container .toggle-text .toggle-text-btn{
margin:8px 0 0 auto;
padding:0 0 0 16px;
border:none;
display:-webkit-box;
display:flex;
position:relative;
background:0 0;
font-size:12px;
}
._card-container .toggle-text .toggle-text-btn::before{
content:"";
display:block;
width:11px;
height:7px;
overflow:hidden;
position:absolute;
bottom:50%;
left:0;
opacity:.6;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg) 0 0 no-repeat;
}
._card-container .toggle-text.is-active .toggle-text-intro{
display:none;
}
._card-container .toggle-text.is-active .toggle-text-btn{
display:none;
}
._card-container .toggle-text.is-active .toggle-text-full{
display:block;
}

/* toggle-text tgle
---------------------------------- */
.card-container .toggle-text .toggle-text-full{
display:none;
}
.card-container .toggle-text .toggle-text-intro-more{
padding:0;
color:#a4a4a4;
display:inline-block;
}
.card-container .toggle-text .toggle-text-intro-more::before{
margin:0 3px;
content:"...";
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:bottom;
}
.card-container .toggle-text .toggle-text-btn{
margin:8px 0 0 auto;
padding:0 0 0 16px;
border:none;
display:-webkit-box;
display:flex;
position:relative;
background:0 0;
font-size:12px;
}
.card-container .toggle-text .toggle-text-btn::before{
content:"";
display:block;
width:11px;
height:7px;
overflow:hidden;
position:absolute;
bottom:50%;
left:0;
opacity:.6;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg) 0 0 no-repeat;
}
.card-container .toggle-text.is-active .toggle-text-intro{
display:none;
}
.card-container .toggle-text.is-active .toggle-text-full{
display:block;
}

/* airline-list
---------------------------------- */
.card-container .airline-list{
margin:-4px 0 -4px;
}
.card-container .airline-list > li{
padding:8px 0;
border-bottom:none;
}
.card-container .airline-list > li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.card-container .airline-list > li a{
padding:0;
color:var(--cmn-font-color-base);
}
.card-container .airline-list .airline-list-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:14px;
margin-bottom:8px;
}
.card-container .airline-list .airline-list-header .logo{
display:-webkit-box;
display:flex;
width:43px;
height:22px;
border:1px solid #e8e8e8;
background-color:#fff;
margin-right:8px;
}
.card-container .airline-list .airline-list-header .logo img{
object-fit:contain;
}
.card-container .airline-list .airline-list-desc{
display:block;
font-size:12px;
}
.card-container .airline-list .airline-list-desc p{
margin:0;
}

/* access-list
---------------------------------- */
.card-container .access-list{
margin:12px 0 0;
}
.card-container .access-list > li{
border:1px solid #e5e5e5;
border-radius:4px;
padding:12px 8px;
}
.card-container .access-list > li:not(:first-child){
margin-top:8px;
}
.card-container .access-list > li .access-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
}
.card-container .access-list > li .access-header-hdg{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
padding-left:22px;
font-size:14px;
font-weight:bold;
height:17px;
line-height:1;
}
.card-container .access-list > li .access-header-hdg.is-airplane{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-position:0 0;
background-repeat:no-repeat;
background-size:17px 17px;
}
.card-container .access-list > li .access-header-hdg.is-bus{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-position:0 0;
background-repeat:no-repeat;
background-size:17px 17px;
}
.card-container .access-list > li .access-header-desc{
font-size:12px;
}
.card-container .access-list > li .access-header-desc p{
margin:0;
}
.card-container .access-list > li .access-price{
font-size:12px;
line-height:1;
}
.card-container .access-list > li .access-price .access-price-num{
font-size:18px;
}
.card-container .access-list > li .access-price .access-price-num b{
font-weight:bold;
}
.card-container .access-list > li .access-desc{
margin-top:8px;
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
}
.card-container .access-list > li .access-desc-list{
margin:0;
}
.card-container .access-list > li .access-desc-list li{
display:-webkit-box;
display:flex;
}
.card-container .access-list > li .access-desc-list li:not(:first-child){
margin-top:4px;
}
.card-container .access-list > li .access-desc-list li > span:first-child{
width:30px;
}
.card-container .access-list > li .access-desc-list li > span:last-child{
-webkit-box-flex:1;
flex:1;
word-break:break-all;
word-wrap:break-word;
line-height:1.3;
padding-top:3px;
padding-right:8px;
}
.card-container .access-list > li .access-desc-list .access-desc-list-sup{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
border:1px solid #bbb;
margin-right:8px;
font-size:14px;
width:30px;
height:23px;
box-sizing:border-box;
}
.card-container .access-list > li .access-price-action{
padding-top:8px;
}
.card-container .access-list > li .access-price-action button{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background:none;
border:none;
padding:0;
margin:0;
background-color:var(--cmn-btn-color);
font-size:14px;
color:#fff;
border-radius:4px;
padding:6px 8px;
height:33px;
width:116px;
}

/* access-list-02
---------------------------------- */
.card-container .access-list-02{
margin:8px 0 0;
}
.card-container .access-list-02 + .card-hdg-06{
margin-top:20px;
}
.card-container .access-list-02 > li a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
position:relative;
color:var(--cmn-font-color-base);
padding-right:20px;
}
.card-container .access-list-02 > li a > div:first-child{
-webkit-box-flex:1;
flex:1;
}
.card-container .access-list-02 > li a::after{
display:block;
position:absolute;
top:50%;
margin-top:-7px;
right:0;
width:9px;
height:14px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-next.svg) 0 0 no-repeat;
background-size:9px 14px;
content:"";
}
.card-container .access-list-02 > li .access-header-hdg{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
padding-left:22px;
font-size:12px;
height:15px;
line-height:1;
}
.card-container .access-list-02 > li .access-header-hdg.is-bus{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-position:4px 0;
background-repeat:no-repeat;
background-size:12px 15px;
}
.card-container .access-list-02 > li .access-header-desc{
font-size:12px;
width:65px;
text-align:right;
}
.card-container .access-list-02 > li .access-header-desc p{
margin:0;
}
.card-container .access-list-02 > li .access-price{
font-size:12px;
line-height:1;
}
.card-container .access-list-02 > li .access-sup{
line-height:1.2;
margin-bottom:1px;
display:block;
}
.card-container .access-list-02 > li .access-desc{
margin-top:2px;
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
}
.card-container .access-list-02 > li .access-desc-list{
margin:4px 0 -4px 0;
}
.card-container .access-list-02 > li .access-desc-list li{
display:-webkit-inline-box;
display:inline-flex;
margin-right:16px;
margin-bottom:4px;
}
.card-container .access-list-02 > li .access-desc-list li > span:last-child{
-webkit-box-flex:1;
flex:1;
word-break:break-all;
word-wrap:break-word;
line-height:1.3;
padding-top:3px;
}
.card-container .access-list-02 > li .access-desc-list .access-desc-list-sup{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
border:1px solid #bbb;
margin-right:8px;
font-size:12px;
width:24px;
height:19px;
box-sizing:border-box;
padding-top:2px;
}
.card-container .access-list-02 > li .access-price-action{
padding-top:8px;
}
.card-container .access-list-02 > li .access-price-action button{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background:none;
border:none;
padding:0;
margin:0;
background-color:var(--cmn-btn-color);
font-size:14px;
color:#fff;
border-radius:4px;
padding:6px 8px;
height:33px;
width:116px;
}

/* .list-link
---------------------------------- */
.card-container .list-hdg{
margin-bottom:8px;
}

/* .list-link
---------------------------------- */
.card-container .list-link >li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding-top:8px;
padding-bottom:8px;
min-height:42px;
box-sizing:border-box;
}
.card-container .list-link >li .box-collapse-03{
margin-top:-8px;
margin-bottom:-8px;
}
.card-container .list-link >li > a:not(.btn-collapse){
display:inline-block;
padding:0;
margin:0;
min-height:auto;
}
.card-container .list-link >li > a:not(.btn-collapse) .arrow{
display:contents;
}
.card-container .list-link >li.list-link-img a{
padding:0px 12px 0px 50px;
}
.card-container .list-link >li.list-link-img a >span:first-child{
top:-2px;
left:0;
}
.card-container .list-link >li .list-link{
padding-top:8px;
padding-bottom:16px;
}
.card-container .list-link >li .list-link > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:auto;
padding:0;
box-sizing:border-box;
border:none;
}
.card-container .list-link >li .list-link > li:not(:first-child){
margin:16px 0 0 0;
}
.card-container .list-link >li .list-link > li > a{
display:inline-block;
padding:0;
min-height:auto;
}
.card-container .list-link.list-link-branch-01 >li:last-child{
border-bottom:0;
}
.card-container .list-link .selected a{
cursor:default;
color:#ccc;
}
.card-container .list-link.list-link-type-01{
border-top:none;
}
.card-container .list-link.list-link-type-01 + .list-hdg{
margin-top:16px;
}
.card-container .list-link.list-link-type-03 li:last-child{
border-bottom:none;
}
.card-container .list-link .list-link-sup{
display:block;
margin-bottom:4px;
font-weight:bold;
}
.card-container .list-link .list-link-desc{
color:var(--font-color-btn-link);
}

/* .select-area-container
------------------------------------------------ */
.card-container .select-area-container{
position:relative;
margin:0 -12px;
}
.card-container .select-area-container .select-area-inner{
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
margin-top:-4px;
box-shadow:0px 2px 2px #00000033;
margin-bottom:16px;
}
.card-container .select-area-container .select-area-inner::-webkit-scrollbar{
display:none;
}
.card-container .select-area-container::before,
.card-container .select-area-container::after{
top:0;
content:"";
display:block;
position:absolute;
width:12px;
height:100%;
z-index:2;
pointer-events:none;
}
.card-container .select-area-container::before{
left:0px;
background:-webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #fff 100%);
background:linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.card-container .select-area-container::after{
right:0px;
background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.card-container .select-area-container.is-start::before{
display:none;
}
.card-container .select-area-container.is-end::after{
display:none;
}
.card-container .select-area-container .select-area-list{
display:-webkit-inline-box;
display:inline-flex;
white-space:nowrap;
margin:0;
font-size:0;
}
.card-container .select-area-container .select-area-list >li{
padding:0 8px;
display:inline-block;
}
.card-container .select-area-container .select-area-list >li:first-child{
padding-left:12px;
}
.card-container .select-area-container .select-area-list >li:last-child{
padding-right:12px;
}
.card-container .select-area-container .select-area-list >li.is-active a{
position:relative;
}
.card-container .select-area-container .select-area-list >li.is-active a::after{
content:"";
display:block;
position:absolute;
bottom:0;
left:0;
width:100%;
height:2px;
background-color:#222;
}
.card-container .select-area-container .select-area-list a{
display:block;
font-size:14px;
padding:6px 0;
color:var(--cmn-font-color-base);
}

/* .lowprice-list
---------------------------------- */
.card-container .lowprice-list{
width:100%;
table-layout:fixed;
border-collapse:collapse;
margin:0;
font-size:14px;
border-bottom:1px solid #e5e5e5;
}
.card-container .lowprice-list thead th{
background-color:#f5f5f5;
}
.card-container .lowprice-list thead th:first-child{
width:67px;
}
.card-container .lowprice-list thead th:not(:first-child){
border-left:1px solid #e5e5e5;
}
.card-container .lowprice-list th,
.card-container .lowprice-list td{
font-weight:normal;
padding:6px 12px;
text-align:center;
border-bottom:1px solid #e5e5e5;
box-sizing:border-box;
}
.card-container .lowprice-list a{
color:var(--cmn-font-color-link);
display:block;
}
.card-container .lowprice-list a .date{
color:var(--cmn-font-color-gray);
margin-left:8px;
}

/* lowprice-airline-list
---------------------------------- */
.card-container .lowprice-airline-list{
width:100%;
margin:12px 0;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}
.card-container .lowprice-airline-list .no-result-txt{
text-align:center;
font-size:12px;
margin:8px 0;
}
.card-container .lowprice-airline-list .thead{
background-color:#f7f7f7;
}
.card-container .lowprice-airline-list .thead div{
padding-top:3px;
padding-bottom:3px;
}
.card-container .lowprice-airline-list >li{
display:-webkit-box;
display:flex;
border-top:1px solid #e5e5e5;
}
.card-container .lowprice-airline-list >li > div{
padding:8px 12px;
font-size:12px;
vertical-align:top;
text-align:left;
}
.card-container .lowprice-airline-list >li > div:first-child{
width:75px;
}
.card-container .lowprice-airline-list >li > div:last-child{
display:-webkit-box;
display:flex;
-webkit-box-flex:1;
flex:1;
-webkit-box-align:center;
align-items:center;
}
.card-container .lowprice-airline-list >li > div:last-child:not(:first-child){
border-left:1px solid #e5e5e5;
}
.card-container .lowprice-airline-list .sup{
font-size:12px;
line-height:1;
margin-left:8px;
}
.card-container .lowprice-airline-list .route{
font-size:0;
margin:0;
}
.card-container .lowprice-airline-list .route >li{
font-size:12px;
line-height:calc(16 / 12);
display:inline;
}
.card-container .lowprice-airline-list .route >li:first-child::after{
content:"\2015";
margin:0 3px;
line-height:1;
}
.card-container .lowprice-airline-list .flight{
-webkit-box-flex:1;
flex:1;
}
.card-container .lowprice-airline-list .flight-txt{
font-size:12px;
position:relative;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.card-container .lowprice-airline-list .flight-number{
font-size:12px;
display:-webkit-box;
display:flex;
}
.card-container .lowprice-airline-list .flight-number > span:first-child::after{
content:":";
margin:0 4px;
}
.card-container .lowprice-airline-list .flight-time{
margin:0;
font-size:12px;
line-height:calc(16 / 12);
}
.card-container .lowprice-airline-list .flight-time > li{
display:-webkit-box;
display:flex;
margin-top:4px;
}
.card-container .lowprice-airline-list .flight-time > li > span:first-child{
white-space:nowrap;
margin-right:8px;
}
.card-container .lowprice-airline-list .list-air-item .list-air-pic span{
box-sizing:border-box;
display:-webkit-box;
display:flex;
width:52px;
height:20px;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
border:1px solid #e8e8e8;
margin-right:8px;
}
.card-container .lowprice-airline-list .list-air-item .list-air-desc{
padding-top:4px;
line-height:1.2;
font-size:12px;
display:block;
}
.card-container .lowprice-airline-list .list-air-item .list-air-desc > span{
display:block;
margin-top:4px;
}

/* .flight-info-list
---------------------------------- */
.card-container .flight-info-list{
width:100%;
table-layout:fixed;
border-collapse:collapse;
font-size:12px;
border-top:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
margin:0;
}
.card-container .flight-info-list th,
.card-container .flight-info-list td{
font-weight:normal;
padding:6px 12px;
text-align:center;
border-bottom:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
box-sizing:border-box;
text-align:left;
}
.card-container .flight-info-list th{
background-color:#f5f5f5;
width:125px;
line-height:1.3;
}
.card-container .flight-info-list a{
color:var(--cmn-btn-color);
display:block;
}

/* .flight-info-list-02
---------------------------------- */
.card-container .flight-info-list-02{
width:100%;
border-collapse:collapse;
table-layout:fixed;
border-spacing:0;
margin:0;
border-top:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
box-sizing:border-box;
}
.card-container .flight-info-list-02 li{
display:-webkit-box;
display:flex;
border-bottom:1px solid #e5e5e5;
}
.card-container .flight-info-list-02 li:empty{
border-bottom:none;
}
.card-container .flight-info-list-02 li >div{
padding:7px 12px;
font-size:12px;
}
.card-container .flight-info-list-02 li >div:first-child{
border-right:1px solid #e5e5e5;
text-align:left;
font-weight:normal;
width:125px;
background-color:#f7f7f7;
}
.card-container .flight-info-list-02 li >div:last-child{
-webkit-box-flex:1;
flex:1;
}
.card-container .flight-info-list-02 a{
color:var(--cmn-btn-color);
margin-right:8px;
}

/* .airport-info
---------------------------------- */
.card-container .airport-info{
margin-top:-4px;
}
.card-container .airport-info + .airport-info{
margin-top:13px;
}
.card-container .airport-info .airport-info-hdg{
margin-bottom:7px;
font-size:13px;
}
.card-container .airport-info .airport-info-desc{
margin-bottom:8px;
font-size:12px;
}
.card-container .airport-info .airport-info-desc p{
margin:0;
}
.card-container .airport-info .airport-info-desc p:not(:first-child){
margin-top:8px;
}

/* airport-info-list
---------------------------------- */
.card-container .airport-info-list{
width:100%;
border-collapse:collapse;
table-layout:fixed;
border-spacing:0;
border:1px solid #e5e5e5;
margin:12px 0 0 0;

}
.card-container .airport-info-list th,
.card-container .airport-info-list td{
padding:8px 12px;
border-top:1px solid #e5e5e5;
font-size:12px;
}
.card-container .airport-info-list th{
border-right:1px solid #e5e5e5;
text-align:left;
font-weight:normal;
}
.card-container .airport-info-list thead th{
text-align:left;
background-color:#f7f7f7;
}
.card-container .airport-info-list thead th:first-child{
width:125px;
}
.card-container .airport-info-list tbody tr:first-child th,
.card-container .airport-info-list tbody tr:first-child td{
border-top:none;
}

/* airport-info-list-02
---------------------------------- */
.card-container .airport-info-list-02{
width:100%;
border-collapse:collapse;
table-layout:fixed;
border-spacing:0;
margin:12px 0 0 0;
border-top:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
box-sizing:border-box;
}
.card-container .airport-info-list-02 li{
display:-webkit-box;
display:flex;
border-bottom:1px solid #e5e5e5;
}
.card-container .airport-info-list-02 li >div{
padding:7px 12px;
font-size:12px;
}
.card-container .airport-info-list-02 li >div:first-child{
border-right:1px solid #e5e5e5;
text-align:left;
font-weight:normal;
width:115px;
}
.card-container .airport-info-list-02 li >div:last-child{
-webkit-box-flex:1;
flex:1;
}
.card-container .airport-info-list-02 li.theader{
text-align:left;
background-color:#f7f7f7;
border-bottom:none;
}

/* airline-info-list
---------------------------------- */
.card-container .airline-info-list{
width:100%;
border-collapse:collapse;
table-layout:fixed;
border-spacing:0;
margin:8px 0 0;
border-top:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
box-sizing:border-box;
}
.card-container .airline-info-list >li{
display:-webkit-box;
display:flex;
border-bottom:1px solid #e5e5e5;
}
.card-container .airline-info-list >li >div{
padding:7px 12px;
font-size:12px;
}
.card-container .airline-info-list >li >div:first-child{
border-right:1px solid #e5e5e5;
text-align:left;
font-weight:normal;
width:90px;
background-color:#f7f7f7;
}
.card-container .airline-info-list >li >div:last-child{
-webkit-box-flex:1;
flex:1;
}
.card-container .airline-info-list >li >div:last-child >:first-child{
margin-top:0;
}
.card-container .airline-info-list a{
color:var(--cmn-btn-color);
display:block;
}
.card-container .airline-info-list .desc-sup{
display:block;
margin-top:8px;
}
.card-container .airline-info-list .desc-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:4px 0 0;
padding:0;
display:block;
border:none;
}
.card-container .airline-info-list .desc-notes > li{
margin-top:4px;
}
.card-container .airline-info-list .desc-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.card-container .airline-info-list .desc-notes .aster > span{
margin-right:.4em;
}
.card-container .airline-info-list .desc-list{
margin:4px 0 0;
}
.card-container .airline-info-list .desc-list >li{
text-indent:-1em;
margin:0 0 0 1em;
line-height:1.3;
}
.card-container .airline-info-list .desc-list >li:not(:first-child){
margin-top:4px;
}

/* airline-info-list-notes
---------------------------------- */
.card-container .airline-info-list-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:6px 0 0;
padding:0;
display:inline-block;
border:none;
}
.card-container .airline-info-list-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.card-container .airline-info-list-notes .aster > span{
margin-right:.4em;
}

/* airline-info-list-02
---------------------------------- */
.card-container .airline-info-list-02{
width:100%;
border-collapse:collapse;
table-layout:fixed;
border-spacing:0;
margin:8px 0 0;
border-top:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
box-sizing:border-box;
}
.card-container .airline-info-list-02 li{
display:-webkit-box;
display:flex;
border-bottom:1px solid #e5e5e5;
}
.card-container .airline-info-list-02 li >div{
padding:7px 12px;
font-size:12px;
}
.card-container .airline-info-list-02 li >div:first-child{
border-right:1px solid #e5e5e5;
text-align:left;
font-weight:normal;
width:120px;
}
.card-container .airline-info-list-02 li >div:last-child{
-webkit-box-flex:1;
flex:1;
}
.card-container .airline-info-list-02 li.theader{
text-align:left;
background-color:#f7f7f7;
border-bottom:none;
}

/* .list-info
---------------------------------- */
.card-container .list-info{
margin:12px 0 0;
}
.card-container .list-info li:not(:first-child){
border-top:1px solid #e5e5e5;
margin-top:8px;
padding-top:8px;
}
.card-container .list-info li a{
display:block;
position:relative;
padding:0;
color:var(--cmn-font-color-base);
}
.card-container .list-info li a > b{
display:block;
margin-bottom:5px;
font-size:14px;
}
.card-container .list-info li a .list-info-item{
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
}
.card-container .list-info li a .list-info-item .list-info-desc{
-webkit-box-flex:1;
flex:1;
font-size:12px;
line-height:1.3;
}
.card-container .list-info li a .list-info-item .list-info-desc p{
margin:0;
}
.card-container .list-info li a .list-info-item .list-info-img{
display:block;
margin-right:10px;
width:97px;
line-height:1;
}
.card-container .list-info li a .list-info-item .list-info-img img{
vertical-align:top;
}
.card-container .list-info li a .list-info-item .list-info-sup{
display:block;
margin-bottom:4px;
font-weight:bold;
font-size:12px;
}

/* .faq-list
---------------------------------- */
.card-container .faq-list{
margin:0;
}
.card-container .faq-list .faq-toggle-container.is-active .faq-toggle-item{
display:block;
}
.card-container .faq-list .faq-toggle-container.is-active .faq-toggle-trigger::after{
margin-top:-6px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg) 0 0 no-repeat;
}
.card-container .faq-list .faq-toggle-container .faq-toggle-item{
display:none;
}
.card-container .faq-list .faq-toggle-container .faq-toggle-trigger{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin:0;
padding:0;
background:none;
border:none;
text-align:left;
font-size:12px;
font-weight:normal;
width:100%;
}
.card-container .faq-list .faq-toggle-container .faq-toggle-trigger::after{
content:"";
display:block;
position:absolute;
right:4px;
top:50%;
margin-top:-4px;
width:16px;
height:10px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-04-down-l.svg) 0 0 no-repeat;
}
.card-container .faq-list li{
padding:0;
font-size:12px;
border-top:1px solid #e5e5e5;
}
.card-container .faq-list li:first-child{
border-top:none;
}
.card-container .faq-list li em{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.card-container .faq-list li .question{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
position:relative;
padding-left:23px;
padding-right:30px;
min-height:50px;
}
.card-container .faq-list li .question h3{
font-weight:normal;
}
.card-container .faq-list li .question button{
display:block;
background:none;
border:none;
padding:0;
margin:0;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent:-9999px;
overflow:hidden;
}
.card-container .faq-list li .question::before{
position:absolute;
content:"";
display:block;
left:0;
top:50%;
margin-top:-8px;
width:11px;
height:15px;
background:url(/element_sp/j_air_on/shared/images/icon-faq-q.svg) 0 0 no-repeat;
background-size:100% auto;
}
.card-container .faq-list li .answer{
position:relative;
padding-left:23px;
padding-bottom:12px;
}
.card-container .faq-list li .answer p:not(:first-child){
margin:8px 0 0;
}
.card-container .faq-list li .answer::before{
position:absolute;
content:"";
display:block;
left:0;
top:2px;
width:11px;
height:15px;
background:url(/element_sp/j_air_on/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:100% auto;
}

/* .box-collapse-03-container
---------------------------------- */
.card-container .box-collapse-03-container .box-collapse-03{
width:100%;
}
.card-container .box-collapse-03-container .box-collapse-03 > .box-collapse-item{
display:none;
margin:0;
}
.card-container .box-collapse-03-container .box-collapse-03 > .box-collapse-item.list-link li{
margin-left:24px;
}
.card-container .box-collapse-03-container .box-collapse-03 > .box-collapse-item.list-link a{
padding-left:0;
}
.card-container .box-collapse-03-container .box-collapse-03 > .box-collapse-item.list-link a.btn-collapse::before{
top:17px;
right:6px;
width:12px;
height:7px;
}
.card-container .box-collapse-03-container .box-collapse-03 > .btn-collapse-container{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
padding:8px 24px 8px 0;
min-height:42px;
font-weight:normal;
font-size:14px;
line-height:1.3;
border-top:1px solid #e5e5e5;
margin-top:-1px;
}
.card-container .box-collapse-03-container .box-collapse-03 > .btn-collapse-container > .hdg-collapse{
font-weight:normal;
font-size:14px;
line-height:1.3;
border:none;
padding:0;
position:relative;
z-index:1;
}
.card-container .box-collapse-03-container .box-collapse-03 > .btn-collapse-container > .btn-collapse{
display:block;
overflow:hidden;
position:absolute;
top:0;
border:none;
width:100%;
height:100%;
text-indent:-9999px;
box-sizing:border-box;
background:none;
}
.card-container .box-collapse-03-container .box-collapse-03 > .btn-collapse-container > .btn-collapse::before{
content:"";
display:block;
position:absolute;
right:4px;
top:17px;
width:16px;
height:10px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-04-down-l.svg) 0 0 no-repeat;
}
.card-container .box-collapse-03-container .box-collapse-03.active > .box-collapse-item{
display:block;
}
.card-container .box-collapse-03-container .box-collapse-03.active > .btn-collapse-container .btn-collapse::before{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg);
}

/* toggle-container
---------------------------------- */
.card-container .toggle-container{
margin:0;
}
.card-container .toggle-container .list-link{
margin-top:-1px;
}
.card-container .toggle-container.active .toggle-item{
display:block;
}
.card-container .toggle-container.active .toggle-btn > span{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.card-container .toggle-container .toggle-item{
display:none;
}
.card-container .toggle-container .toggle-btn{
box-sizing:border-box;
display:block;
padding-top:11px;
border:none;
width:100%;
height:42px;
color:var(--cmn-font-color-base);;
background:none;
text-align:center;
font-size:14px;
border-top:1px solid #e5e5e5;
}
.card-container .toggle-container .toggle-btn > span{
display:inline-block;
position:relative;
padding-left:15px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 center no-repeat;
background-size:11px auto;
}

/* .carousel-card-container
---------------------------------- */
.card-container .cmn-seo-link{
padding:0;
margin:28px 0 0;
background-color:transparent;
}
.card-container .cmn-seo-link .cmn-seo-link-list-thumb{
width:72px;
height:54px;
}
.card-container .cmn-seo-link-toggle-active,
.card-container .cmn-seo-link-toggle{
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
background-color:#fff;
margin-top:12px;
}
.card-container .cmn-seo-link-toggle-active .cmn-seo-link-list,.card-container .cmn-seo-link-toggle .cmn-seo-link-list{
padding:4px 12px;
}
.card-container .cmn-seo-link-toggle-active .cmn-seo-link-list li a,.card-container .cmn-seo-link-toggle .cmn-seo-link-list li a{
border-bottom:none;
border-top:1px solid #e5e5e5;
}
.card-container .cmn-seo-link-toggle-active .cmn-seo-link-list li:first-child a,.card-container .cmn-seo-link-toggle .cmn-seo-link-list li:first-child a{
border-top:none;
}
.card-container .cmn-seo-link-toggle-btn{
margin-left:0;
margin-right:0;
width:calc(100%);
}
.card-container .cmn-seo-link-hdg{
padding:0;
margin:0;
color:var(--cmn-font-color-base);
font-size:18px;
font-weight:normal;
background-color:transparent;
}

/* grand-tab-container
---------------------------------- */
.card-container .grand-tab-container{
position:relative;
background-color:#d5d5d5;
margin:0 -8px;
padding:16px 8px 16px;
}
.card-container .grand-tab-container.is-static{
padding-top:1px;
padding-bottom:0;
background-color:#f5f5f5;
}
.card-container .grand-tab-container.is-static .grand-tab-nav-container{
display:none;
}
.card-container .grand-tab-container.is-static .grand-tab-content{
display:block;
}
.card-container .grand-tab-container.is-static .area-tgl-container .area-tgl-trigger{
display:none;
}
.card-container .grand-tab-container.is-static .area-tgl-container .area-tgl-item{
display:block;
}
.card-container .grand-tab-container .grand-tab-nav-container{
margin:0 -8px 0;
position:relative;
}
.card-container .grand-tab-container .grand-tab-nav-container::after{
content:"";
position:absolute;
right:0;
top:0;
height:100%;
width:20px;
background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #d5d5d5 100%);
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #d5d5d5 100%);
}
.card-container .grand-tab-container .grand-tab-nav-container.is-end::after{
display:none;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav{
overflow:hidden;
overflow-x:auto;
scrollbar-width:none;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav::-webkit-scrollbar{
display:none;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list{
display:-webkit-box;
display:flex;
white-space:nowrap;
margin:0;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li{
display:-webkit-inline-box;
display:inline-flex;
margin:0;
padding:0 8px;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li:first-child{
padding-left:8px;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li:last-child{
padding-right:8px;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li.is-active a{
pointer-events:none;
font-weight:bold;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li.is-active a::after{
content:"";
display:block;
width:100%;
height:2px;
background-color:#444;
position:absolute;
bottom:0;
left:0;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
text-align:center;
width:100%;
height:25px;
background:none;
border:none;
padding:0 0 6px;
margin:0;
position:relative;
font-size:16px;
line-height:1.2;
color:var(--cmn-font-color-base);
box-sizing:border-box;
}
.card-container .grand-tab-container .grand-tab-content{
display:none;
position:relative;
}
.card-container .grand-tab-container .grand-tab-content.is-active{
display:block;
}

/* child-tab-container
---------------------------------- */
.card-container .child-tab-container{
margin-top:8px;
}
.card-container .child-tab-container.is-static .child-tab-nav-list{
display:none;
}
.card-container .child-tab-container.is-static .child-tab-content{
display:block;
}
.card-container .child-tab-container .child-tab-nav-container{
position:relative;
margin:0 -12px;
}
.card-container .child-tab-container .child-tab-nav-container::after{
content:"";
position:absolute;
right:0;
top:0;
height:100%;
width:20px;
background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.card-container .child-tab-container .child-tab-nav-container.is-end::after{
display:none;
}
.card-container .child-tab-container .child-tab-nav{
overflow:hidden;
overflow-x:scroll;
}
.card-container .child-tab-container .child-tab-nav::-webkit-scrollbar{
display:none;
}
.card-container .child-tab-container .child-tab-nav .child-tab-nav-list{
display:-webkit-box;
display:flex;
white-space:nowrap;
gap:0 4px;
margin:0 0 8px;
}
.card-container .child-tab-container .child-tab-nav .child-tab-nav-list li{
display:-webkit-inline-box;
display:inline-flex;
}
.card-container .child-tab-container .child-tab-nav .child-tab-nav-list li:first-child{
padding-left:12px;
}
.card-container .child-tab-container .child-tab-nav .child-tab-nav-list li:last-child{
padding-right:12px;
}
.card-container .child-tab-container .child-tab-nav .child-tab-nav-list li.is-active a{
cursor:default;
pointer-events:none;
border:1px solid #222;
}
.card-container .child-tab-container .child-tab-nav .child-tab-nav-list li a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
border-radius:50px;
font-size:12px;
padding:0 12px;
height:30px;
color:var(--cmn-font-color-base);
border:1px solid #cccccc;
}
.card-container .child-tab-container .child-tab-content{
display:none;
}
.card-container .child-tab-container .child-tab-content.is-active{
display:block;
}

/* card-nav-list
---------------------------------- */
.card-container .card-nav-list{
display:-webkit-box;
display:flex;
margin:12px 0 8px;
gap:0 16px;
font-size:14px;
}
.card-container .card-nav-list .checkbox-custom,
.card-container .card-nav-list .radio-custom{
font-size:14px;
}
.card-container .card-nav-list .checkbox-custom label,.card-container .card-nav-list .radio-custom label{
padding-left:24px;
}
.card-container .card-nav-list .checkbox-custom label > span,.card-container .card-nav-list .radio-custom label > span{
line-height:1;
}

/* area-tab-container
---------------------------------- */
.card-container .area-tab-container{
position:relative;
margin:0;
}
.card-container .area-tab-container.is-static .area-tab-nav-container{
display:none;
}
.card-container .area-tab-container.is-static .area-tab-content{
display:block;
}
.card-container .area-tab-container.is-static .area-tab-header{
padding-top:0;
}
.card-container .area-tab-container .card-content{
margin-top:28px;
}
.card-container .area-tab-container .card-content .card-item{
padding:0;
box-shadow:none;
border-radius:0;
}
.card-container .area-tab-container .area-tab-nav-container{
margin:0 -12px;
position:relative;
}
.card-container .area-tab-container .area-tab-nav-container::after{
content:"";
position:absolute;
right:0;
top:0;
height:calc(100% - 1px);
width:20px;
background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.card-container .area-tab-container .area-tab-nav-container.is-end::after{
display:none;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav{
overflow:hidden;
overflow-x:auto;
scrollbar-width:none;
border-bottom:1px solid #e5e5e5;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav::-webkit-scrollbar{
display:none;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list{
display:-webkit-box;
display:flex;
white-space:nowrap;
margin:0;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li{
display:-webkit-inline-box;
display:inline-flex;
margin:0;
padding:0 8px;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li:first-child{
padding-left:12px;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li:last-child{
padding-right:12px;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a{
pointer-events:none;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a::after{
content:"";
display:block;
width:100%;
height:2px;
background-color:#444;
position:absolute;
bottom:0;
left:0;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
text-align:center;
width:100%;
background:none;
border:none;
padding:3px 0 8px;
margin:0;
position:relative;
font-size:14px;
line-height:1.2;
color:var(--cmn-font-color-base);
box-sizing:border-box;
}
.card-container .area-tab-container .area-tab-header{
padding:16px 0 0;
}
.card-container .area-tab-container .area-tab-content{
display:none;
}
.card-container .area-tab-container .area-tab-content >:first-child:not(.flight-info-list-02){
border-top:none;
}
.card-container .area-tab-container .area-tab-content.is-active{
display:block;
}
.card-container .area-tab-container .area-tab-content .no-result-txt{
padding-top:12px;
padding-bottom:8px;
}
.card-container .area-tab-container .area-tab-loading{
min-height:300px;
}
.card-container .area-tab-container .area-tab-loading .cmn-loading-spinner{
margin-top:20px;
}

/* area-tab-container-02
---------------------------------- */
.card-container .area-tab-container-02{
position:relative;
margin:0;
}
.card-container .area-tab-container-02.is-static .area-tab-nav-container{
display:none;
}
.card-container .area-tab-container-02.is-static .area-tab-content{
display:block;
}
.card-container .area-tab-container-02.is-static .area-tab-header{
padding-top:0;
}
.card-container .area-tab-container-02 .card-content{
margin-top:28px;
}
.card-container .area-tab-container-02 .card-content .card-item{
padding:0;
box-shadow:none;
border-radius:0;
}
.card-container .area-tab-container-02 .area-tab-nav-container{
margin:0 -12px;
position:relative;
}
.card-container .area-tab-container-02 .area-tab-nav-container::after{
content:"";
position:absolute;
right:0;
top:0;
height:calc(100% - 1px);
width:20px;
background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.card-container .area-tab-container-02 .area-tab-nav-container.is-end::after{
display:none;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav{
overflow:hidden;
overflow-x:auto;
scrollbar-width:none;
border-bottom:1px solid #e5e5e5;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav::-webkit-scrollbar{
display:none;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-list{
display:-webkit-box;
display:flex;
white-space:nowrap;
margin:0;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-list li{
display:-webkit-inline-box;
display:inline-flex;
margin:0;
padding:0 8px;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-list li:first-child{
padding-left:12px;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-list li:last-child{
padding-right:12px;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a{
pointer-events:none;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a::after{
content:"";
display:block;
width:100%;
height:2px;
background-color:#444;
position:absolute;
bottom:0;
left:0;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
text-align:center;
width:100%;
background:none;
border:none;
padding:3px 0 8px;
margin:0;
position:relative;
font-size:14px;
line-height:1.2;
color:var(--cmn-font-color-base);
box-sizing:border-box;
}
.card-container .area-tab-container-02 .area-tab-header{
padding:16px 0 0;
}
.card-container .area-tab-container-02 .area-tab-content{
display:none;
overflow:hidden;
margin-top:4px;
}
.card-container .area-tab-container-02 .area-tab-content .select-list-container{
margin-top:-1px;
}
.card-container .area-tab-container-02 .area-tab-content >:first-child{
border-top:none;
}
.card-container .area-tab-container-02 .area-tab-content.is-active{
display:block;
}
.card-container .area-tab-container-02 .area-tab-content .no-result-txt{
padding-top:12px;
padding-bottom:8px;
}
.card-container .area-tab-container-02 .area-tab-loading{
min-height:300px;
}
.card-container .area-tab-container-02 .area-tab-loading .cmn-loading-spinner{
margin-top:20px;
}

/* area-tgl-container
---------------------------------- */
.card-container .area-tgl .area-tgl-container{
border-top:1px solid #e5e5e5;
margin-top:-1px;
}
.card-container .area-tgl .area-tgl-container.is-active{
border-bottom:none;
}
.card-container .area-tgl .area-tgl-container.is-active .area-tgl-item{
display:block;
}
.card-container .area-tgl .area-tgl-container.is-active .area-tgl-trigger{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg);
}
.card-container .area-tgl .area-tgl-container:last-child.is-active .area-tgl-item{
padding-bottom:12px;
}
.card-container .area-tgl .area-tgl-container .area-tgl-item{
display:none;
padding-bottom:16px;
}
.card-container .area-tgl .area-tgl-container .area-tgl-item > :first-child{
margin-top:0;
}
.card-container .area-tgl .area-tgl-container .area-tgl-header{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:42px;
padding:4px 16px 4px 0;
box-sizing:border-box;
}
.card-container .area-tgl .area-tgl-container .area-tgl-header .area-tgl-hdg{
font-size:14px;
font-weight:normal;
}
.card-container .area-tgl .area-tgl-container .area-tgl-trigger{
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
display:block;
background:none;
width:100%;
height:100%;
text-indent:-9999px;
overflow:hidden;
border:none;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-down-l.svg);
background-position:calc(100% - 4px) center;
background-repeat:no-repeat;
background-size:16px auto;
margin:0;
}

/* link-tgl-container
----------------------------------------------------------------- */
.card-container .link-tgl-container ul{
margin:0;
}
.card-container .link-tgl-container ul li{
border-top:1px solid #f1f1f1;
}
.card-container .link-tgl-container .link-tgl > .link-tgl-header{
display:-webkit-box;
display:flex;
position:relative;
}
.card-container .link-tgl-container .link-tgl > .link-tgl-header.is-branch >div{
padding-right:44px;
}
.card-container .link-tgl-container .link-tgl > .link-tgl-header.is-branch .link-tgl-trigger{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.card-container .link-tgl-container .link-tgl > .link-tgl-header > div{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
height:100%;
align-items:center;
min-height:45px;
}
.card-container .link-tgl-container .link-tgl > .link-tgl-header .link-tgl-trigger{
min-height:45px;
width:44px;
position:relative;
display:-webkit-box;
display:flex;
width:100%;
height:100%;
background:none;
border:none;
padding:0;
margin:0;
text-indent:-9999px;
overflow:hidden;
width:44px;
}
.card-container .link-tgl-container .link-tgl > .link-tgl-header .link-tgl-trigger::before{
position:absolute;
right:0;
top:18px;
content:"";
width:16px;
height:10px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-down-l.svg);
background-position:center center;
background-size:100% auto;
background-repeat:no-repeat;
}
.card-container .link-tgl-container .link-tgl > .link-tgl-item{
display:none;
padding-left:20px;
}
.card-container .link-tgl-container .link-tgl.is-active > .link-tgl-item{
display:block;
}
.card-container .link-tgl-container .link-tgl.is-active > .link-tgl-header > .link-tgl-trigger::before{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg);
}

/* select-list
---------------------------------- */
.card-container .select-list{
margin:0 0 -1px 0;
background-color:#fff;
border-top:1px solid #e5e5e5;
}
.card-container .select-list + .card-hdg-02{
margin-top:20px;
}
.card-container .select-list >li{
border-bottom:1px solid #e5e5e5;
}
.card-container .select-list >li > a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
position:relative;
padding:8px 20px 8px 0;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1.3;
box-sizing:border-box;
min-height:42px;
}
.card-container .select-list >li >ul{
margin-left:24px;
}
.card-container .select-list >li >ul .select-list-tgl-container > .select-list-tgl-link .select-list-tgl-trigger{
background-position:calc(100% - 6px) center;
background-size:12px 7px;
}
.card-container .select-list .key{
text-align:left;
}
.card-container .select-list .price{
font-size:14px;
text-align:right;
white-space:nowrap;
margin-left:4px;
}
/* & .airline{
    display: flex;
    align-items: center;
    & .airline-logo{
      display: flex;
      width: 42px;
      height: 22px;
      box-sizing: border-box;
      border: solid 1px #d8d8d8;
      background-color: #fff;
      margin-right:4px;
      & img{
        max-height:100%;
        max-width: 100%;
        object-fit: contain;
      }
    }
    & .airline-sup{
      flex:1;
      font-size:14px;
    }
  } */
.card-container .select-list .select-list-tgl-container .is-disabled > .select-list-tgl-trigger{
opacity:.5;
pointer-events:none;
}
.card-container .select-list .select-list-tgl-container .is-disabled > .select-list-tgl-link{
opacity:.5;
pointer-events:none;
}
.card-container .select-list .select-list-tgl-container.is-active > .select-list-tgl-item{
display:block;
}
.card-container .select-list .select-list-tgl-container.is-active > .select-list-tgl-trigger{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg);
}
.card-container .select-list .select-list-tgl-container.is-active > .select-list-tgl-link .select-list-tgl-trigger{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg);
}
.card-container .select-list .select-list-tgl-container > .select-list-tgl-link{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
font-size:14px;
padding:8px 22px 8px 0;
min-height:42px;
box-sizing:border-box;
line-height:1.3;
}
.card-container .select-list .select-list-tgl-container > .select-list-tgl-link a{
position:relative;
z-index:1;
color:var(--cmn-font-color-base);
}
.card-container .select-list .select-list-tgl-container > .select-list-tgl-link .select-list-tgl-trigger{
position:absolute;
background:none;
border:none;
text-indent:-99999px;
margin:0;
padding:0;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-down-l.svg);
background-position:calc(100% - 4px) center;
background-size:16px auto;
background-repeat:no-repeat;
}
.card-container .select-list .select-list-tgl-container > .select-list-tgl-item{
display:none;
}
.card-container .select-list .select-list-tgl-container > .select-list-tgl-trigger{
min-height:42px;
-webkit-box-align:center;
align-items:center;
background:none;
border:none;
padding:8px 28px 8px 0;
margin:0;
width:100%;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-down-l.svg);
background-position:calc(100% - 4px) center;
background-size:16px auto;
background-repeat:no-repeat;
font-size:14px;
line-height:1.3;
text-align:left;
}

/* select-list-child
---------------------------------- */
.card-container .select-list-child{
margin:4px 0 16px 0;
}
.card-container .select-list-child >li:not(:first-child){
margin-top:16px;
}
.card-container .select-list-child .price{
font-size:14px;
text-align:right;
white-space:nowrap;
margin-left:6px;
}
.card-container .select-list-child .airline{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.card-container .select-list-child .airline .airline-logo{
display:-webkit-box;
display:flex;
width:42px;
height:22px;
box-sizing:border-box;
border:solid 1px #d8d8d8;
background-color:#fff;
margin-right:4px;
}
.card-container .select-list-child .airline .airline-logo img{
max-height:100%;
max-width:100%;
object-fit:contain;
}
.card-container .select-list-child .airline .airline-sup{
-webkit-box-flex:1;
flex:1;
font-size:14px;
}

/* daily-list
---------------------------------- */
.card-container .daily-list{
margin:0;
background-color:#fff;

}
.card-container .daily-list >li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
position:relative;
padding:8px 0px;
color:var(--cmn-font-color-base);
font-size:12px;
box-sizing:border-box;
}
.card-container .daily-list >li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.card-container .daily-list >li > div:first-child{
-webkit-box-flex:1;
flex:1;
}
.card-container .daily-list >li > div:last-child{
width:130px;
text-align:right;
}
.card-container .daily-list >li > div:last-child a{
position:relative;
display:block;
padding-right:20px;
color:var(--cmn-font-color-base);
}
.card-container .daily-list >li > div:last-child a::after{
display:block;
position:absolute;
top:50%;
margin-top:-4px;
right:0;
width:9px;
height:14px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-next.svg) 0 0 no-repeat;
background-size:9px 14px;
content:"";
}
.card-container .daily-list >li > a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
position:relative;
padding:8px 20px 8px 0;
color:var(--cmn-font-color-base);
font-size:12px;
box-sizing:border-box;
width:100%;
}
.card-container .daily-list >li > a::after{
display:block;
position:absolute;
top:50%;
margin-top:-4px;
right:0;
width:9px;
height:14px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-next.svg) 0 0 no-repeat;
background-size:9px 14px;
content:"";
}
.card-container .daily-list >li > a > div:first-child{
-webkit-box-flex:1;
flex:1;
}
.card-container .daily-list >li > a > div:last-child{
width:110px;
text-align:right;
}
.card-container .daily-list .airline{
display:-webkit-box;
display:flex;
}
.card-container .daily-list .airline > a{
display:-webkit-box;
display:flex;
}
.card-container .daily-list .airline .airline-logo{
display:-webkit-box;
display:flex;
width:42px;
height:22px;
box-sizing:border-box;
border:solid 1px #d8d8d8;
background-color:#fff;
margin-right:4px;
}
.card-container .daily-list .airline .airline-logo img{
max-height:100%;
max-width:100%;
object-fit:contain;
}
.card-container .daily-list .airline .airline-sup{
margin-top:2px;
font-size:12px;
}
.card-container .daily-list .sup{
display:block;
margin-top:4px;
}
.card-container .daily-list .date{
display:block;
}
.card-container .daily-list .price{
display:block;
}
.card-container .daily-list .price >span{
margin-left:4px;
}

/* compare-list
---------------------------------- */
.card-container .compare-list{
margin:0;
background-color:#fff;
}
.card-container .compare-list >li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
position:relative;
padding:8px 0px;
color:var(--cmn-font-color-base);
font-size:12px;
box-sizing:border-box;
}
.card-container .compare-list >li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.card-container .compare-list >li > div:first-child{
-webkit-box-flex:1;
flex:1;
}
.card-container .compare-list >li > div:last-child{
width:130px;
text-align:right;
}
.card-container .compare-list >li > div:last-child a{
position:relative;
display:block;
padding-right:20px;
color:var(--cmn-font-color-base);
}
.card-container .compare-list >li > div:last-child a::after{
display:block;
position:absolute;
top:50%;
margin-top:-4px;
right:0;
width:9px;
height:14px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-next.svg) 0 0 no-repeat;
background-size:9px 14px;
content:"";
}
.card-container .compare-list >li > a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
position:relative;
padding:8px 20px 8px 0;
color:var(--cmn-font-color-base);
font-size:12px;
box-sizing:border-box;
width:100%;
}
.card-container .compare-list >li > a::after{
display:block;
position:absolute;
top:50%;
margin-top:-4px;
right:0;
width:9px;
height:14px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-next.svg) 0 0 no-repeat;
background-size:9px 14px;
content:"";
}
.card-container .compare-list >li > a > div:first-child{
-webkit-box-flex:1;
flex:1;
}
.card-container .compare-list >li > a > div:last-child{
width:110px;
text-align:right;
}
.card-container .compare-list .airline{
display:-webkit-box;
display:flex;
}
.card-container .compare-list .airline > a{
display:-webkit-box;
display:flex;
}
.card-container .compare-list .airline .airline-logo{
display:-webkit-box;
display:flex;
width:42px;
height:22px;
box-sizing:border-box;
border:solid 1px #d8d8d8;
background-color:#fff;
margin-right:4px;
}
.card-container .compare-list .airline .airline-logo img{
max-height:100%;
max-width:100%;
object-fit:contain;
}
.card-container .compare-list .airline .airline-sup{
margin-top:2px;
font-size:12px;
}
.card-container .compare-list .sup{
display:block;
margin-top:4px;
}
.card-container .compare-list .date{
display:block;
}
.card-container .compare-list .price{
display:block;
}
.card-container .compare-list .price >span{
margin-left:4px;
}

/* timetable-list
---------------------------------- */
.card-container .timetable-list{
margin:4px 0 0 0;
background-color:#fff;
}
.card-container .timetable-list >li{
padding:8px 0px;
color:var(--cmn-font-color-base);
font-size:12px;
box-sizing:border-box;
}
.card-container .timetable-list >li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.card-container .timetable-list >li .timetable-list-item{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
position:relative;
padding:0 20px 0 0;
color:var(--cmn-font-color-base);
font-size:12px;
box-sizing:border-box;
width:100%;
}
.card-container .timetable-list .airline{
width:42px;
margin-right:28px;
}
.card-container .timetable-list .airline .airline-logo{
display:-webkit-box;
display:flex;
width:42px;
height:22px;
box-sizing:border-box;
border:solid 1px #d8d8d8;
background-color:#fff;
margin-right:4px;
}
.card-container .timetable-list .airline .airline-logo img{
max-height:100%;
max-width:100%;
object-fit:contain;
}
.card-container .timetable-list .route{
-webkit-box-flex:1;
flex:1;

}
.card-container .timetable-list .route .route-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 16px;
}
.card-container .timetable-list .route .route-list .area{
font-size:12px;
text-align:center;
line-height:1.2;
}
.card-container .timetable-list .route .route-list .time{
font-size:14px;
text-align:center;
line-height:1.2;
}
.card-container .timetable-list .route .route-list .route-oneway{
width:12px;
height:7px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-route.svg) 0 0 no-repeat;
background-size:12px;
text-indent:-9999px;
overflow:hidden;
}
.card-container .timetable-list .desc > a{
display:block;
color:var(--cmn-font-color-base);
}
.card-container .timetable-list .desc > a::after{
display:block;
position:absolute;
top:50%;
margin-top:-5px;
right:0;
width:9px;
height:14px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-next.svg) 0 0 no-repeat;
background-size:9px 14px;
content:"";
}
.card-container .timetable-list .desc .desc-sup{
font-size:14px;
}
.card-container .timetable-list .desc .price{
font-size:12px;
}
.card-container .timetable-list .desc .price .price-num{
font-size:14px;
}

/* card-item-tgl-container
---------------------------------- */
.card-container .card-item-tgl-container.is-active .card-item-tgl-item{
display:block;
}
.card-container .card-item-tgl-container.is-active .card-item-tgl-trigger span::before{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg);
}
.card-container .card-item-tgl-container .card-item-tgl-item{
display:none;
}
.card-container .card-item-tgl-container .card-item-tgl-item .select-list{
border-top:none;
}
.card-container .card-item-tgl-container .card-item-tgl-item .card-desc{
margin-top:16px;
border-top:1px solid #ddd;
padding-top:12px;
}
.card-container .card-item-tgl-container .card-item-tgl-trigger{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background:none;
border:none;
padding:12px 0 12px;
margin:0;
width:100%;
font-size:14px;
}
.card-container .card-item-tgl-container .card-item-tgl-trigger span::before{
content:"";
display:inline-block;
margin-right:4px;
width:12px;
height:7px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-down-l.svg);
background-position:0 0;
background-repeat:no-repeat;
background-size:16px auto;
}

/* card-item-desc-tgl-container
---------------------------------- */
.card-container .card-item-desc-tgl-container.is-active .card-item-desc-tgl-item{
display:block;
}
.card-container .card-item-desc-tgl-container.is-active .card-item-desc-tgl-trigger{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-up.svg);
}
.card-container .card-item-desc-tgl-container .card-item-desc-tgl-item{
display:none;
}
.card-container .card-item-desc-tgl-container .card-item-desc-tgl-trigger{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background:none;
border:none;
margin:0 0 0 auto;
padding:0 0 0 12px;
font-size:14px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-down.svg);
background-position:0 center;
background-repeat:no-repeat;
background-size:7px 5px;
}

/* summary-item
---------------------------------- */
.card-container .summary-item .summary-item-list{
margin:0;
}
.card-container .summary-item .summary-item-list >li{
position:relative;
padding-left:1em;
}
.card-container .summary-item .summary-item-list >li::after{
content:"・";
display:block;
position:absolute;
left:0;
top:0;
}
.card-container .summary-item .summary-item-list >li:not(:first-child){
margin-top:8px;
}
.card-container .summary-item .summary-item-list >li .sup a{
text-decoration:none;
}
.card-container .summary-item .summary-item-list >li .desc{
margin-top:4px;
}

/* list-tgl-container
---------------------------------- */
.card-container .list-tgl-contaner::after{
content:"";
display:table;
clear:both;
}
.card-container .list-tgl-contaner.is-active .list-tgl-item{
display:-webkit-box;
display:flex;
}
.card-container .list-tgl-contaner.is-active .list-tgl-block-item{
display:block;
}
.card-container .list-tgl-contaner.is-active .list-tgl-trigger span::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.card-container .list-tgl-contaner.is-active .list-tgl-trigger-btn::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.card-container .list-tgl-contaner .list-tgl-item{
display:none;
}
.card-container .list-tgl-contaner .list-tgl-block-item{
display:none;
}
.card-container .list-tgl-contaner .list-tgl-trigger{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background:none;
border:none;
padding:12px 0 12px;
margin:0 0 -12px;
width:100%;
font-size:14px;
}
.card-container .list-tgl-contaner .list-tgl-trigger span::before{
content:"";
display:inline-block;
position:relative;
top:-2px;
margin-right:4px;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 0;
background-repeat:no-repeat;
background-size:12px auto;
}
.card-container .list-tgl-contaner .list-tgl-trigger-btn{
background:none;
border:none;
padding:0;
margin:0;
font-size:12px;
-webkit-font-feature-settings:"palt";
font-feature-settings:"palt";
text-align:right;
float:right;
}
.card-container .list-tgl-contaner .list-tgl-trigger-btn::before{
position:relative;
top:-1px;
content:"";
display:inline-block;
margin-right:4px;
width:8px;
height:5px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 0;
background-repeat:no-repeat;
background-size:8px auto;
}

/* area-summary-list
---------------------------------- */
.card-container .area-summary-list{
margin:8px 0;
}
.card-container .area-summary-list >li{
position:relative;
padding-left:16px;
}
.card-container .area-summary-list >li:not(:first-child){
margin-top:8px;
}
.card-container .area-summary-list >li::before{
display:block;
content:"\30FB";
position:absolute;
left:0;
top:1px;
}
.card-container .area-summary-list >li .detail{
margin-top:4px;
}
.card-container .area-summary-list >li .detail > span{
margin-right:4px;
}

/* box-access
---------------------------------- */
.card-container .box-access{
margin:0;
line-height:0;
}

/* route-search
---------------------------------- */
.card-container .route-search{
margin:12px 0 0;
}
.card-container .route-search > p{
font-weight:normal;
}
.card-container .route-search .route-search-form{
height:27px;
box-sizing:border-box;
margin-top:4px;
}
.card-container .route-search .route-search-form .text-custom{
border-radius:4px;
border-color:#999;
padding:5px 8px;
height:27px;
font-size:16px;
line-height:1;
}
.card-container .route-search .route-search-form .text-custom::-webkit-input-placeholder{
color:var(--font-color-placeholder);
font-size:12px;
}
.card-container .route-search .route-search-form > button{
display:block;
background:none;
border:none;
padding:5px 0;
margin:0;
border-radius:4px;
background-color:#444;
color:#fff;
font-weight:normal;
font-size:12px;
height:27px;
width:64px;
box-shadow:none;
}

/* info-list
---------------------------------- */
.card-container .info-list{
margin:0;
}
.card-container .info-list >li{
padding-bottom:8px;
}
.card-container .info-list >li .info-list-item{
display:-webkit-box;
display:flex;
gap:0 8px;
color:var(--cmn-font-clor-base);
}
.card-container .info-list >li:not(:first-child){
padding-top:8px;
border-top:1px solid #ebebeb;
}
.card-container .info-list >li:last-child{
padding-bottom:0;
}
.card-container .info-list .info-list-pic{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
height:54px;
width:72px;
overflow:hidden;
}
.card-container .info-list .info-list-pic img{
width:100%;
height:100%;
object-fit:cover;
}
.card-container .info-list .info-list-pic.mod-noimg img{
width:70px;
height:auto;
object-fit:contain;
}
.card-container .info-list .info-list-desc{
font-size:12px;
-webkit-box-flex:1;
flex:1;
}
.card-container .info-list .info-list-desc p{
margin:0;
}

/* card-graph
---------------------------------- */
.card-container .card-graph img{
width:100%;
height:auto;
}

/* appeal-list
---------------------------------- */
.card-container .appeal-content{
position:relative;
}
.card-container .appeal-content::after{
content:"";
display:table;
clear:both;
}
.card-container .appeal-content .appeal-word{
font-size:16px;
text-align:center;
font-weight:normal;
}
.card-container .appeal-content .appeal-list{
margin:8px 0 0;
}
.card-container .appeal-content .appeal-list > li:not(:first-child){
margin-top:8px;
}
.card-container .appeal-content .appeal-list > li img{
max-height:55px;
width:auto;
margin:0 auto;
display:block;
}
.card-container .appeal-content .appeal-link{
float:right;
margin-top:8px;
}

/* guide-flow-list
---------------------------------- */
.card-container .guide-flow-list{
border-top:1px solid rgba(229, 229, 229, .8);
padding-top:12px;
margin:0 0 4px;
}
/* margin-top:-2px; */
.card-container .guide-flow-list > li:not(:first-child){
margin-top:24px;
}
.card-container .guide-flow-list .guide-flow-sup{
position:relative;
font-size:14px;
font-weight:bold;
padding-left:20px;
margin-bottom:8px;
}
.card-container .guide-flow-list .guide-flow-sup .num{
position:absolute;
top:0;
left:0;
}
.card-container .guide-flow-list .guide-flow-pic{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
}
.card-container .guide-flow-list .guide-flow-pic img{
vertical-align:top;
max-width:313px;

/*
      image-rendering: -webkit-optimize-contrast;
      -webkit-backface-visibility: hidden; */
}

/* swiper-ranking
---------------------------------- */
.card-container .swiper-ranking .swiper{
padding:0 0 0 8px;
}

/* swiper-ranking-hotel
---------------------------------- */
.card-container .swiper-ranking-hotel{
margin:0;
}
.card-container .swiper-ranking-hotel >li{
display:-webkit-box;
display:flex;
height:auto;
}
.card-container .swiper-ranking-hotel >li:first-child{
margin-left:-4px;
}
.card-container .swiper-ranking-hotel >li > div,
.card-container .swiper-ranking-hotel >li >a{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
border-radius:6px;
color:var(--cmn-font-color-base);
margin:4px;
box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-sizing:border-box;
position:relative;
overflow:hidden;
background-color:#fff;
}
.card-container .swiper-ranking-hotel .swiper-ranking-item a{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-align:start;
align-items:flex-start;
min-height:144px;
color:var(--cmn-font-color-base);
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:100px;
height:132px;
border-radius:0 0 6px;
align-self:stretch;
overflow:hidden;
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic img{
width:100%;
height:100%;
object-fit:cover;
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic .guard{
position:absolute;
top:0;
left:0;
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic.mod-noimg{
border-right:1px solid #eee;
border-bottom:1px solid #eee;
background-color:#fcfcfc;
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic.mod-noimg img{
width:80px;
height:auto;
object-fit:contain;
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic .swiper-ranking-rank{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
width:20px;
height:26px;
position:absolute;
top:0;
left:8px;
padding-top:5px;
line-height:1;
background:url(/element/j_air_on/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
background-size:22px 26px;
box-sizing:border-box;
font-size:14px;
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic .swiper-ranking-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
box-sizing:border-box;
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic .swiper-ranking-cap >span{
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255,255,255,.6);
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic .swiper-ranking-cap a{
color:rgba(255, 255, 255, .6);
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic .swiper-ranking-cap a:hover{
text-decoration:none;
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic .swiper-ranking-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:-webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.card-container .swiper-ranking-hotel .swiper-ranking-desc{
-webkit-box-flex:1;
flex:1;
padding:12px 12px 0;
}
.card-container .swiper-ranking-hotel .swiper-ranking-hdg{
font-size:16px;
line-height:calc(21 / 16);
font-weight:normal;
color:var(--cmn-font-color-link);
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
height:41px;
line-height:1.3;
}
.card-container .swiper-ranking-hotel .swiper-ranking-text{
font-size:12px;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
.card-container .swiper-ranking-hotel .swiper-ranking-text p{
margin:0;
}
.card-container .swiper-ranking-hotel .swiper-ranking-footer{
width:100%;
padding:12px;
}
.card-container .swiper-ranking-hotel .select-tags{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
margin-top:3px;
font-size:12px;
}
.card-container .swiper-ranking-hotel .price{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
align-items:center;
font-size:12px;
}
.card-container .swiper-ranking-hotel .price .price-sup{
margin-right:10px;
}
.card-container .swiper-ranking-hotel .price .price-dtl .price-num{
font-size:16px;
margin-left:3px;
}

/* seo-card-cheapest
---------------------------------- */
.card-container .seo-card-cheapest{
margin-bottom:12px;
}
.card-container .seo-card-cheapest p{
font-size:14px;
}
.card-container .seo-card-cheapest .select-custom{
margin-top:12px;
}
.card-container .seo-card-cheapest .select-custom select{
min-height:44px;
}
.card-container .seo-card-cheapest .seo-card-cheapest-filter{
margin:16px 0 12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:4px 12px;
font-size:14px;
}

/* .seo-card-cheapest-tbl
----------------------------------- */
.card-container .seo-card-cheapest-tbl{
margin-top:12px;
padding:0 8px;
position:relative;
font-size:14px;

}
.card-container .seo-card-cheapest-tbl::before{
content:"";
display:block;
width:8px;
height:48px;
overflow:hidden;
position:absolute;
top:0;
left:0;
background-color:#f5f5f5;
}
.card-container .seo-card-cheapest-tbl::after{
content:"";
display:block;
width:8px;
height:48px;
overflow:hidden;
position:absolute;
top:0;
left:0;
background-color:#f5f5f5;
left:auto;
right:0;
}
.card-container .seo-card-cheapest-tbl table{
border-collapse:collapse;
border-spacing:0;
width:100%;
text-align:right;
margin:0;
}
.card-container .seo-card-cheapest-tbl table caption{
height:0;
overflow:hidden;
position:absolute;
}
.card-container .seo-card-cheapest-tbl table th,
.card-container .seo-card-cheapest-tbl table td{
padding:8px 0;
font-weight:normal;
line-height:1.2;
}
.card-container .seo-card-cheapest-tbl table th{
text-align:left;
}
.card-container .seo-card-cheapest-tbl table thead th{
padding:0;
border-bottom:none;
width:calc((100% - 88px) / 3);
height:48px;
background-color:#f5f5f5;
text-align:center;
}
.card-container .seo-card-cheapest-tbl table thead tr > th:first-child{
width:88px;
padding-left:0;
text-align:left;
}
.card-container .seo-card-cheapest-tbl table thead tr > th:last-child{
padding-right:0;
}
.card-container .seo-card-cheapest-tbl table tbody th,
.card-container .seo-card-cheapest-tbl table tbody td{
padding:12px 0;
border-bottom:1px solid transparent;
position:relative;
}
.card-container .seo-card-cheapest-tbl table tbody th::after,
.card-container .seo-card-cheapest-tbl table tbody td::after{
content:"";
display:block;
width:100%;
height:1px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
background-color:#ddd;
}
.card-container .seo-card-cheapest-tbl table tbody th::after{
width:calc(100% + 8px);
left:-8px;
}
.card-container .seo-card-cheapest-tbl table tbody tr > td:last-child::after{
width:calc(100% + 8px);
left:auto;
right:-8px;
}
.card-container .seo-card-cheapest-tbl.seo-cheapest-data-tbl-toggle table tr:nth-child(n + 4){
display:none;
}
.card-container .seo-card-cheapest-tbl.seo-cheapest-data-tbl-toggle .seo-cheapest-data-tbl-toggle-btn{
margin-top:8px;
}
.card-container .seo-card-cheapest-tbl.seo-cheapest-data-tbl-toggle .seo-cheapest-data-tbl-toggle-btn button{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background:none;
border:none;
margin:0 0 0 auto;
padding:0 0 0 12px;
font-size:14px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-down.svg);
background-position:0 center;
background-repeat:no-repeat;
background-size:7px 5px;
}
.card-container .seo-card-cheapest-tbl.seo-cheapest-data-tbl-toggle.is-active .seo-cheapest-data-tbl-toggle-btn button{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-up.svg);
}
.card-container .seo-card-cheapest-tbl.seo-cheapest-data-tbl-toggle.is-active table tr:nth-child(n + 4){
display:table-row;
}
.card-container .card-cheapest-02 .seo-card-cheapest-tbl{
padding:0;
margin-top:0;
position:relative;
font-size:14px;

}
.card-container .card-cheapest-02 .seo-card-cheapest-tbl::before,
.card-container .card-cheapest-02 .seo-card-cheapest-tbl::after{
display:none;
}
.card-container .card-cheapest-02 .seo-card-cheapest-tbl table{
border-collapse:collapse;
border-spacing:0;
width:100%;
text-align:right;
margin:0;
}
.card-container .card-cheapest-02 .seo-card-cheapest-tbl table caption{
height:0;
overflow:hidden;
position:absolute;
}
.card-container .card-cheapest-02 .seo-card-cheapest-tbl table th,
.card-container .card-cheapest-02 .seo-card-cheapest-tbl table td{
padding:8px 0;
font-weight:normal;
line-height:1.2;
}
.card-container .card-cheapest-02 .seo-card-cheapest-tbl table th{
text-align:left;
}
.card-container .card-cheapest-02 .seo-card-cheapest-tbl table thead th{
padding:0;
border-bottom:none;
width:calc((100% - 88px) / 3);
height:48px;
background-color:transparent;
border-bottom:1px solid #ddd;
text-align:center;
}
.card-container .card-cheapest-02 .seo-card-cheapest-tbl table thead tr > th:first-child{
width:88px;
padding-left:0;
text-align:left;
}
.card-container .card-cheapest-02 .seo-card-cheapest-tbl table thead tr > th:last-child{
padding-right:0;
}
.card-container .card-cheapest-02 .seo-card-cheapest-tbl table tbody th,
.card-container .card-cheapest-02 .seo-card-cheapest-tbl table tbody td{
padding:12px 0;
border-bottom:1px solid transparent;
position:relative;
}
.card-container .card-cheapest-02 .seo-card-cheapest-tbl table tbody th::after,
.card-container .card-cheapest-02 .seo-card-cheapest-tbl table tbody td::after{
content:"";
display:block;
width:100%;
height:1px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
background-color:#ddd;
}
.card-container .card-cheapest-02 .seo-card-cheapest-tbl table tbody th::after{
width:100%;
left:0;
}
.card-container .card-cheapest-02 .seo-card-cheapest-tbl table tbody tr > td:last-child::after{
width:100%;
left:auto;
right:0;
}
.card-container .card-cheapest-02 .seo-card-cheapest-tbl table tbody td{
text-align:center;
}
.card-container .card-cheapest-02 .seo-card-cheapest-tbl table tbody td > span > a{
display:inline-block;
min-width:65px;
text-align:right;
}

/* review
---------------------------------- */
.review .user{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.review .user > span:first-child{
margin:0 2px;
color:rgba(0, 0, 0, 0);
display:block;
width:10px;
height:10px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-review-5.svg) no-repeat 0 0;
background-size:auto 10px;
}
.review .user > span:last-child{
margin-left:4px;
position:relative;
top:1px;
}

/* review-list
---------------------------------- */
.review-list{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 16px;
margin:0;
}

/* attention
---------------------------------- */
.attention ul{
font-size:14px;
margin:12px 0 0;
}
.attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}
.attention ul a{
padding-left:22px;
color:var(--cmn-font-color-base);
display:block;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
}

/* ----------------------------------------------------------------
  NEWS
----------------------------------------------------------------- */
.news ul{
margin-top:12px;
margin-bottom:0;
}
.news ul > li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}
.news ul > li:last-child{
padding-bottom:12px;
}
.news ul a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.news ul a > div{
font-size:14px;
line-height:1.42;
}
.news ul a > span{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
font-size:12px;
}
.news ul a > span [class^=tag]{
color:#fff;
min-width:76px;
line-height:1;
text-align:center;
font-size:10px;
padding-top:4px;
}
.news ul a > span > span{
height:16px;
box-sizing:border-box;
}
.news ul a > span .tag-publish,
.news ul a > span .tag-w{
background-color:#48c2e6;
}
.news ul a > span .tag-press,
.news ul a > span .tag-j{
background-color:#8db955;
}
.news ul a > span .tag-other{
background-color:#bca446;
}

/*--------------------------------
 .lp-list LOCAL MODULES
---------------------------------- */
/* search-fixed-container
--------------------------------------------- */
.is-search-fixed .lp-container .search-fixed-container{
display:block;
position:fixed;
top:0;
left:0;
z-index:100;
}
.is-loading-sticky-active .lp-container .search-fixed-container{
padding-top:52px;
}
.lp-container .search-fixed-container{
background-color:#f5f5f5;
padding:12px;
display:none;
-webkit-filter:drop-shadow(0px 2px 6px rgba(0, 0, 0, .5));
filter:drop-shadow(0px 2px 6px rgba(0, 0, 0, .5));
width:100%;
box-sizing:border-box;
}

/* search-toggle-container
------------------------------- */
.lp-container .search-toggle-container.is-active .search-toggle-item{
display:block;
}
.lp-container .search-toggle-container.is-active .search-toggle-header .search-toggle-trigger{
display:none;
}
.lp-container .search-toggle-container .search-toggle-header{
display:block;

}
.lp-container .search-toggle-container .search-toggle-header .search-toggle-trigger{
width:100%;
text-align:center;
margin-top:8px;
}
.lp-container .search-toggle-container .search-toggle-header .search-toggle-trigger button{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:100%;
background:none;
border:none;
background-color:#fff;
border-radius:0 0 4px 4px;
border:1px solid #ccc;
border-radius:4px;
font-size:14px;
min-height:41px;
}
.lp-container .search-toggle-container .search-toggle-header .search-toggle-trigger button::before{
position:relative;
top:1px;
content:"";
display:inline-block;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:left center;
background-repeat:no-repeat;
background-size:100%;
margin-right:4px;
}
.lp-container .search-toggle-container .search-toggle-header .main-header-hdg{
font-size:14px;
margin:0;
}
.lp-container .search-toggle-container .search-toggle-header .main-header-hdg .arrow{
margin:0 4px;
position:relative;
top:-1px;
}
.lp-container .search-toggle-container .search-toggle-header .main-header-sup{
margin:0;
font-size:16px;
line-height:1;
}
.lp-container .search-toggle-container .search-toggle-header .main-header-price{
color:var(--cmn-font-color-red);
margin-right:4px;
}
.lp-container .search-toggle-container .search-toggle-header .main-header-price strong{
font-size:24px;
margin:0 0 0 4px;
}
.lp-container .search-toggle-container .search-toggle-header .main-header-price-sup{
font-size:14px;
margin-left:3px;
}
.lp-container .search-toggle-container .search-toggle-item{
width:100%;
display:none;
}
.lp-container .search-toggle-container .search-toggle-item .search-toggle-trigger{
width:100%;
left:0;
bottom:-19px;
position:absolute;
text-align:center;
}
.lp-container .search-toggle-container .search-toggle-item .search-toggle-trigger button{
width:60px;
display:inline-block;
background:none;
border:none;
background-color:#f5f5f5;
border-radius:0 0 4px 4px;
vertical-align:top;
}
.lp-container .search-toggle-container .search-toggle-item .search-toggle-trigger button span{
overflow:hidden;
height:0;
padding-top:16px;
display:block;
line-height:2;
}
.lp-container .search-toggle-container .search-toggle-item .search-toggle-trigger button::after{
content:"";
position:absolute;
top:2px;
left:50%;
margin-left:-7px;
width:14px;
height:0;
padding-top:9px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-02-up.svg) top left no-repeat;
background-size:14px auto;
}
.lp-container .search-toggle-container .box-filter-container{
margin-top:8px;
border-radius:4px;
border:1px solid #ccc;
position:relative;
overflow:hidden;
background-color:#fff;
}
.lp-container .search-toggle-container .tabs-container{
position:relative;
background-color:#fff;
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
}
.lp-container .search-toggle-container .tabs-container .tabs-list{
display:-webkit-box;
display:flex;
margin:0;
}
.lp-container .search-toggle-container .tabs-container .tabs-list >li{
line-height:1;
}
.lp-container .search-toggle-container .tabs-container .tabs-list >li button{
background:none;
border:none;
position:relative;
display:block;
padding:12px 10px 9px;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1.35;
height:44px;
}
.lp-container .search-toggle-container .tabs-container .tabs-list >li button::after{
position:relative;
top:4px;
content:"";
display:block;
width:100%;
height:2px;
background-color:transparent;
}
.lp-container .search-toggle-container .tabs-container .tabs-list >li button[aria-selected="true"]::after{
background-color:#222;
}
.lp-container .search-toggle-container .tabs-container .tabs-list >li.is-disabled button{
color:#ccc;
}

/* .main-header
---------------------------------- */
/* .lp-container.lp-list .main-header */
.lp-container .main-header{
margin-top:12px;
border-radius:4px;
background-color:#fff;
}
.lp-container .main-header .main-header-col{
padding:12px;
}
.lp-container .main-header .main-header-hdg{
text-align:center;
font-weight:normal;
font-size:18px;
}
.lp-container .main-header .main-header-hdg .arrow{
margin:0 4px;
position:relative;
top:-1px;
}
.lp-container .main-header .main-header-sup{
margin:0;
text-align:center;
font-size:16px;
line-height:1;
}
.lp-container .main-header .main-header-price{
color:var(--cmn-font-color-red);
}
.lp-container .main-header .main-header-price strong{
font-size:24px;
margin:0 0 0 4px;
}
.lp-container .main-header .main-header-price-sup{
font-size:14px;
margin-left:3px;
}
.lp-container .main-header .main-header-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:8px 0 0 0;
}
.lp-container .main-header .main-header-notes.branch li{
text-align:left;
}
.lp-container .main-header .main-header-notes li{
text-align:center;
}
.lp-container .main-header .main-header-notes .aster{
text-indent:-1.4em;
margin-left:1.4em;
}
.lp-container .main-header .main-header-notes .aster > span{
margin-right:.4em;
}
.lp-container .main-header .box-filter-container{
background-color:#fff;
margin-top:12px;
}
.lp-container .main-header .tabs-container{
position:relative;
background-color:#fff;
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
}
.lp-container .main-header .tabs-container .tabs-list{
display:-webkit-box;
display:flex;
margin:0;
}
.lp-container .main-header .tabs-container .tabs-list >li{
line-height:1;
}
.lp-container .main-header .tabs-container .tabs-list >li button{
background:none;
border:none;
position:relative;
display:block;
padding:12px 10px 9px;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1.35;
height:44px;
}
.lp-container .main-header .tabs-container .tabs-list >li button::after{
position:relative;
top:4px;
content:"";
display:block;
width:100%;
height:2px;
background-color:transparent;
}
.lp-container .main-header .tabs-container .tabs-list >li button[aria-selected="true"]::after{
background-color:#222;
}
.lp-container .main-header .tabs-container .tabs-list >li.is-disabled button{
color:#ccc;
}

/* .main-header-02
---------------------------------- */
.lp-container.lp-list .main-header-02{
margin-top:12px;
}
.lp-container.lp-list .main-header-02 .tab-navi-02 li.active a{
background-color:#fff;
}
.lp-container.lp-list .main-header-02 .form-box-inner{
background-color:#fff;
padding-bottom:76px;
}
.lp-container.lp-list .main-header-02 .form-box-inner .list-filter{
margin-bottom:0;
}
.lp-container.lp-list .main-header-02 .form-box-inner .list-filter .output{
padding-top:0;
}
.lp-container.lp-list .main-header-02 .form-box-inner .list-filter > li.set-num > b{
padding-top:28px;
}
.lp-container.lp-list .main-header-02 .form-box-inner .list-filter > li.set-num > b .cmn-tip-btn{
top:30px;
}
.lp-container.lp-list .main-header-02 .form-box-inner .list-filter > li:not(:first-child){
border-top:none;
}
.lp-container.lp-list .main-header-02 .form-box-inner .filter-dest .list-filter{
margin-bottom:0;
}
.lp-container.lp-list .main-header-02 .form-box-inner .filter-dest .list-filter > li:not(:first-child){
border-top:none;
}
.lp-container.lp-list .main-header-02 .form-box-inner .filter-dest.filter-round{
border-bottom:none;
}
.lp-container.lp-list .main-header-02 .form-box-inner .filter-dest.filter-round ul >li:first-child{
border-bottom:none;

/* padding-bottom: 0; */
}
.lp-container.lp-list .main-header-02 .form-box-inner .filter-dest.filter-round .list-filter li b{
width:61px;
vertical-align:middle;
font-size:14px;
font-weight:normal;
line-height:1.3;
padding-top:3px;
}
.lp-container.lp-list .main-header-02 .form-box-inner .filter-dest.filter-oneway{
border-bottom:none;
}
.lp-container.lp-list .main-header-02 .form-box-inner .filter-dest.filter-oneway .list-filter li .output{
padding:8px 10px 0 4px;
}

/* form-tgl-container
---------------------------------- */
/* .lp-container.lp-list .form-tgl-container */
.lp-container .form-tgl-container{
background-color:#fff;
border-top:1px solid #e5e5e5;
border-radius:0 0 4px 4px;
}
.lp-container .form-tgl-container.is-active .form-tgl-item{
display:block;
}
.lp-container .form-tgl-container.is-active .form-tgl-trigger{
border-top:1px solid #e5e5e5;
}
.lp-container .form-tgl-container.is-active .form-tgl-trigger::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.lp-container .form-tgl-container .box-filter-container{
margin-top:0;
}
.lp-container .form-tgl-container .form-tgl-item{
display:none;
}
.lp-container .form-tgl-container .form-tgl-trigger{
cursor:pointer;
width:100%;
padding:8px 0 8px 0;
border-radius:0 0 4px 4px;
outline:none;
display:block;
background:none;
border:none;
}
.lp-container .form-tgl-container .form-tgl-trigger::before{
position:relative;
top:1px;
content:"";
display:inline-block;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:left center;
background-repeat:no-repeat;
background-size:100%;
margin-right:4px;
}

/* .box-filter-change
---------------------------------- */
/* .lp-container.lp-list .box-filter-change */
.lp-container .box-filter-change{
padding:4px 12px 12px;
}
.lp-container .box-filter-change .tbl-01{
border:none;
}
.lp-container .box-filter-change .tbl-01 .tbl-tr{
-webkit-box-align:center;
align-items:center;
}
.lp-container .box-filter-change .tbl-01 th,
.lp-container .box-filter-change .tbl-01 td,
.lp-container .box-filter-change .tbl-01 .tbl-th,
.lp-container .box-filter-change .tbl-01 .tbl-td{
padding:8px 0 0;
border:none;
overflow:hidden;
}
.lp-container .box-filter-change .tbl-01 th,
.lp-container .box-filter-change .tbl-01 .tbl-th{
width:61px;
background-color:transparent;
font-weight:normal;
}
.lp-container .box-filter-change .tbl-01 td,
.lp-container .box-filter-change .tbl-01 .tbl-td{
padding-left:4px;
}
.lp-container .box-filter-change .tbl-btn{
border:1px solid #999;
border-radius:4px;
font-size:16px;
min-height:44px;
max-height:51px;
box-sizing:border-box;
padding:2px 20px 2px 12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.lp-container .box-filter-change .tbl-btn:after{
right:8px;
}
.lp-container .box-filter-change .tbl-btn .set-query{
color:var(--cmn-font-color-base);
}
.lp-container .box-filter-change .box-filter-col .box-filter-cell{
position:relative;
}
.lp-container .box-filter-change .box-filter-col .box-filter-cell:not(:first-child){
margin-top:8px;
}
.lp-container .box-filter-change .box-filter-col .box-filter-cell .tbl-btn{
/* padding-left:57px; */
}
.lp-container .box-filter-change .box-filter-col .box-filter-cell > div{
position:absolute;
left:9px;
top:50%;
margin-top:-.7em;
font-size:12px;
}
.lp-container .box-filter-change .box-filter-oneway{
border:none;
}
.lp-container .box-filter-change .fltr-date .tbl-btn span{
font-size:14px;
line-height:1;
}
.lp-container .box-filter-change .fltr-date .tbl-btn span + span{
margin-top:2px;
}
.lp-container .box-filter-change .fltr-date .set-container > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.lp-container .box-filter-change .fltr-date .set-container > span b{
display:block;
width:45px;
font-weight:normal;
}
.lp-container .box-filter-change .fltr-date .set-container > span.set-query > span{
font-size:14px;
}
.lp-container .box-filter-change .fltr-date .set-container > span.set-query b{
font-size:12px;
}
.lp-container .box-filter-change .fltr-num th{
padding-top:37px;
vertical-align:top;
position:relative;
}
.lp-container .box-filter-change .fltr-num th .cmn-tip-btn{
position:absolute;
right:0;
margin-right:4px;
top:37px;
}
.lp-container .box-filter-change .fltr-num .set-num-sum{
position:relative;
}
.lp-container .box-filter-change .fltr-num .set-num-sum .output-sup-container{
position:relative;
}
.lp-container .box-filter-change .fltr-num .set-num-sum .output-sup-02{
display:block;
margin:0 0 2px;
font-size:12px;
}
.lp-container .box-filter-change .fltr-num .set-num-sum .output-sup-02:nth-child(2){
width:calc(50% - 4px);
position:absolute;
right:0;
top:0;
}
.lp-container .box-filter-change .fltr-num .set-num-sum .output-sup-02 small{
font-size:12px;
}
.lp-container .box-filter-change .fltr-num .set-num-sum .output-item{
display:block;
padding-right:50%;
box-sizing:border-box;
margin-right:4px;
}
.lp-container .box-filter-change .fltr-num .set-num-sum .output-item select{
padding-left:5px;
border:1px solid #999;
color:var(--cmn-font-color-base);
}
.lp-container .box-filter-change .fltr-num .set-num-sum .btn-set-num{
box-sizing:border-box;
display:block;
position:absolute;
right:0;
bottom:0;
padding:9px 5px;
border:1px solid #999;
border-radius:4px;
width:calc(50% - 4px);
height:44px;
box-sizing:border-box;
color:var(--cmn-font-color-base);
font-size:16px;
}
.lp-container .box-filter-change .fltr-num .set-num-sum .btn-set-num::before{
display:inline-block;
position:absolute;
top:50%;
right:10px;
margin-top:-2px;
width:11px;
height:11px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
background-size:100%;
content:"";
vertical-align:middle;
}
.lp-container .box-filter-change .fltr-num .set-num-unit{
display:none;
margin:10px 0;
border-radius:4px;
background-color:#fff;
}
.lp-container .box-filter-change .fltr-num .set-num-unit li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.lp-container .box-filter-change .fltr-num .set-num-unit li:not(:first-child){
margin-top:8px;
}
.lp-container .box-filter-change .fltr-num .set-num-unit li .output-sup-02{
-webkit-box-flex:1;
flex:1;
box-sizing:border-box;
font-size:12px;
}
.lp-container .box-filter-change .fltr-num .set-num-unit li .output-sup-02 small{
display:block;
margin-top:-2px;
font-size:12px;
}
.lp-container .box-filter-change .fltr-num .set-num-unit li .output-item{
width:calc(50% - 4px);
}
.lp-container .box-filter-change .fltr-num .set-num-unit li .output-item select{
padding-left:5px;
border:1px solid #999;
color:var(--cmn-font-color-base);
}
.lp-container .box-filter-change .fltr-num.active .set-num-sum .btn-set-num::before{
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 0 no-repeat;
}
.lp-container .box-filter-change .fltr-num.active .set-num-unit{
display:block;
}

/* spec-list
---------------------------------- */
.lp-container.lp-list .spec-list >li:not(:first-child){
margin-top:8px;
padding-top:8px;
border-top:1px solid #e5e5e5;
}
.lp-container.lp-list .spec-list .spec-date{
margin-left:8px;
width:81px;
}
.lp-container.lp-list .spec-list .spec-price{
font-size:12px;
line-height:calc(17 / 12);
margin-left:4px;
text-align:right;
white-space:nowrap;
}
.lp-container.lp-list .spec-list .spec-price .label{
font-size:12px;
display:block;
text-align:right;
}
.lp-container.lp-list .spec-list .spec-price .price{
font-size:18px;
font-weight:bold;
color:var(--cmn-font-color-red);
line-height:1;
}
.lp-container.lp-list .spec-list .spec-price .unit{
font-size:12px;
}

/*
 .box-filter-submit-container
 .btn-main-02
 .btn-reset-02
---------------------------------- */
.lp-container .box-filter-submit-container{
padding-bottom:12px;
}
.lp-container .btn-main-02{
border:none;
border-radius:4px;
width:100%;
min-height:44px;
padding:0;
margin:0;
color:#fff;
background-color:#444;
text-align:center;
font-size:16px;
}
.lp-container .btn-reset-02{
padding:0 3px;
border:1px solid #bbb;
border-radius:4px;
width:100%;
height:44px;
color:var(--cmn-font-color-base);
background:none;
background-color:#fff;
font-size:14px;
}

/* .price-calendar
---------------------------------- */
.lp-container.lp-list .price-calendar{
background-color:#fff;
margin:0 -10px;
padding:16px 10px 12px;
border-bottom:1px solid #e5e5e5;
}
.lp-container.lp-list .price-calendar + .card-container{
padding-top:16px;
}
.lp-container.lp-list .price-calendar .calendar-container{
margin:0;
padding-bottom:0;
border-bottom:none;
}
.lp-container.lp-list .price-calendar .calendar{
margin-bottom:0;
}
.lp-container.lp-list .price-calendar .calendar tr > td:nth-child(1) a,
.lp-container.lp-list .price-calendar .calendar tr > td.holiday:nth-child(7) a,
.lp-container.lp-list .price-calendar .calendar tr > td.holiday a{
color:var(--cmn-font-color-gray);
}
.lp-container.lp-list .price-calendar .calendar tr{
border-bottom:1px solid #e5e5e5;
}
.lp-container.lp-list .price-calendar .calendar thead th{
padding-bottom:8px;
}
.lp-container.lp-list .price-calendar .calendar td > div a{
padding:0;
height:auto;
color:var(--cmn-font-color-gray);
}
.lp-container.lp-list .price-calendar .calendar td.disabled a{
outline:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.lp-container.lp-list .price-calendar .calendar td.disabled .price-item{
color:#ccc;
}
.lp-container.lp-list .price-calendar .calendar .price-status-cheapest-oneway a::before{
display:none;
}
.lp-container.lp-list .price-calendar .calendar .price-status-cheapest-oneway .price-item > span::before{
padding:1px 3px;
display:block;
position:absolute;
left:50%;
-webkit-transform:translate(-50%);
transform:translate(-50%);
width:77%;
height:17px;
border:1px solid rgba(277,7,7,.4);
border-radius:50%;
content:"";
}
.lp-container.lp-list .price-calendar .calendar .price-status-blank-oneway a::before{
display:none;
}
.lp-container.lp-list .price-calendar .calendar .price-status-blank-oneway .price-item > span::before{
content:"";
position:absolute;
top:8px;
left:50%;
margin-left:-5px;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background-image:url(/element/j_air_on/shared/images/icon-zoom.svg);
background-repeat:no-repeat;
background-size:100%;
}
.lp-container.lp-list .price-calendar .calendar .price-status-blank-outward a::before,.lp-container.lp-list .price-calendar .calendar .price-status-blank-return a::before{
display:none;
}
.lp-container.lp-list .price-calendar .calendar .price-status-blank-return .return > span::before{
content:"";
position:absolute;
top:5px;
left:50%;
margin-left:-5px;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background-image:url(/element/j_air_on/shared/images/icon-zoom.svg);
background-repeat:no-repeat;
background-size:100%;
}
.lp-container.lp-list .price-calendar .calendar .price-status-blank-outward .outward > span::before{
content:"";
position:absolute;
top:5px;
left:50%;
margin-left:-5px;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background-image:url(/element/j_air_on/shared/images/icon-zoom.svg);
background-repeat:no-repeat;
background-size:100%;
}
.lp-container.lp-list .price-calendar .calendar .price-status-cheapest-outward a::before,.lp-container.lp-list .price-calendar .calendar .price-status-cheapest-return a::before{
display:none;
}
.lp-container.lp-list .price-calendar .calendar .price-status-cheapest-outward .outward > span::before{
z-index:2;
display:block;
position:absolute;
bottom:1px;
left:6%;
width:89%;
height:17px;
border:1px solid rgba(277,7,7,.4);
border-radius:50%;
content:"";
}
.lp-container.lp-list .price-calendar .calendar .price-status-cheapest-return .return > span::before{
z-index:2;
display:block;
position:absolute;
bottom:1px;
left:6%;
width:89%;
height:17px;
border:1px solid rgba(277,7,7,.4);
border-radius:50%;
content:"";
}
.lp-container.lp-list .price-calendar .calendar .price-item.oneway{
font-size:11px;
}
.lp-container.lp-list .price-calendar .calendar .price-item.outward,
.lp-container.lp-list .price-calendar .calendar .price-item.return{
font-size:11px;
height:21px;
}
.lp-container.lp-list .price-calendar .calendar .price-item > a{
color:var(--cmn-font-color-gray);
}
.lp-container.lp-list .price-calendar .calendar .price-item >span{
height:100%;
position:relative;
padding-top:1px;
padding-bottom:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
font-size:11px;
line-height:1;
}
.lp-container.lp-list .price-calendar .cal-header-status{
margin:0;
text-align:right;
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
color:var(--cmn-font-color-gray);
}
.lp-container.lp-list .price-calendar .cal-header-status ul{
margin:0;
}
.lp-container.lp-list .price-calendar .cal-header-status li{
vertical-align:middle;
font-size:10px;
margin-bottom:3px;
margin-left:8px;
}
.lp-container.lp-list .price-calendar .cal-header-status li.cal-header-status-cheapest::before{
content:"";
position:relative;
top:-2px;
display:inline-block;
width:calc(32px/2);
height:calc(22px/2);
border:1px solid rgba(277,7,7,.4);
border-radius:50%;
box-sizing:border-box;
vertical-align:middle;
}
.lp-container.lp-list .price-calendar .cal-header-status li.cal-define-status-search::before{
position:relative;
top:-2px;
display:inline-block;
width:12px;
height:12px;
margin:0 1px 0 3px;
background-image:url(/element/j_air_on/shared/images/icon-zoom.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
vertical-align:middle;
}
.lp-container.lp-list .price-calendar .cal-header-status li.cal-header-status-guide{
margin-left:12px;
}
.lp-container.lp-list .price-calendar .cal-header-status li.cal-header-status-guide ul{
margin:0;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container{
text-align:center;
position:relative;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-hdg{
font-size:18px;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-sup{
display:-webkit-box;
display:flex;
margin:-4px auto 0;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
font-size:12px;
font-weight:bold;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-sup .cal-header-label{
font-size:12px;
font-weight:bold;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-sup .cal-header-label::after{
content:":";
display:inline-block;
margin:0 4px;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-sup .cal-header-price{
font-size:12px;
font-weight:bold;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-sup .cal-header-price strong{
font-size:14px;
color:var(--cmn-font-color-red);
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-list{
font-size:12px;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
margin:0;
line-height:1;
gap:0 12px;
margin-bottom:12px;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-list .cal-header-label{
font-size:12px;
font-weight:bold;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-list .cal-header-label::after{
content:":";
display:inline-block;
margin:0 4px;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-list .cal-header-price{
font-size:12px;
font-weight:bold;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-list .cal-header-price strong{
font-size:14px;
color:var(--cmn-font-color-red);
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-nav{
margin:0;

}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-nav li{
position:absolute;
top:0;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-nav li.is-disabled{
opacity:.5;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-nav button{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background:none;
border:none;
padding:0;
margin:0;
border:1px solid #bbb;
border-radius:4px;
padding:4px 12px;
height:33px;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-nav button::after{
position:absolute;
top:50%;
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);
content:"";
display:block;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-nav .cal-header-nav-prev{
left:0;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-nav .cal-header-nav-prev button{
padding-left:26px;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-nav .cal-header-nav-prev button::after{
left:12px;
border-right:6px solid #888;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-nav .cal-header-nav-next{
right:0;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-nav .cal-header-nav-next button{
padding-right:26px;
}
.lp-container.lp-list .price-calendar .cal-header-hdg-container .cal-header-nav .cal-header-nav-next button::after{
right:12px;
border-left:6px solid #888;
}
.lp-container.lp-list .price-calendar .cal-footer{
margin-top:12px;
}
.lp-container.lp-list .price-calendar .cal-footer-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
}
.lp-container.lp-list .price-calendar .cal-footer-notes li:not(:first-child){
margin-top:4px;
}
.lp-container.lp-list .price-calendar .cal-footer-notes p{
margin:0;
}
.lp-container.lp-list .price-calendar .cal-footer-notes .aster{
text-indent:-1.4em;
margin-left:1.4em;
}
.lp-container.lp-list .price-calendar .cal-footer-notes .aster > span{
margin-right:.4em;
}

/* .price-calendar.is-branch
---------------------------------- */
.lp-container .price-calendar-v2.is-branch{
border-bottom:none;
}
.lp-container .price-calendar-v2.is-branch .cal-header-status{
margin:0;
text-align:right;
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
color:var(--cmn-font-color-gray);
margin-bottom:12px;
}
.lp-container .price-calendar-v2.is-branch .cal-header-status ul{
margin:0;
}
.lp-container .price-calendar-v2.is-branch .cal-header-status li{
vertical-align:middle;
font-size:10px;
margin-bottom:0;
margin-left:8px;
}
.lp-container .price-calendar-v2.is-branch .cal-header-status li.cal-header-status-cheapest::before{
content:"";
position:relative;
top:-2px;
display:inline-block;
width:calc(32px/2);
height:calc(22px/2);
border:1px solid rgba(277,7,7,.4);
border-radius:50%;
box-sizing:border-box;
vertical-align:middle;
}
.lp-container .price-calendar-v2.is-branch .cal-header-status li.cal-define-status-search::before{
position:relative;
top:-2px;
display:inline-block;
width:12px;
height:12px;
margin:0 1px 0 3px;
background-image:url(/element/j_air_on/shared/images/icon-zoom.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
vertical-align:middle;
}
.lp-container .price-calendar-v2.is-branch .cal-header-status li.cal-header-status-guide{
margin-left:12px;
}
.lp-container .price-calendar-v2.is-branch .cal-header-status li.cal-header-status-guide ul{
margin:0;
}
.lp-container .price-calendar-v2.is-branch .cal-header-hdg-container{
margin-bottom:12px;
text-align:center;
position:relative;
}
.lp-container .price-calendar-v2.is-branch .cal-header-hdg-container .cal-header-hdg{
font-weight:normal;
}
.lp-container .price-calendar-v2.is-branch .cal-header-hdg-container .cal-header-sup .cal-header-price{
font-weight:normal;
}
.lp-container .price-calendar-v2.is-branch .cal-header-hdg-container .cal-header-nav button{
background:none;
border:none;
padding:0;
margin:0;
border:1px solid #bbb;
border-radius:4px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
padding:4px 8px;
height:42px;
width:80px;
font-size:14px;
}
.lp-container .price-calendar-v2.is-branch .cal-header-hdg-container .cal-header-nav button::after{
display:none;
}
.lp-container .price-calendar-v2.is-branch .cal-header-hdg-container .cal-header-nav button .month{
line-height:1;
}
.lp-container .price-calendar-v2.is-branch .cal-header-hdg-container .cal-header-nav button .price{
width:100%;
font-size:12px;
line-height:1;
margin-top:4px;
}
.lp-container .price-calendar-v2.is-branch .cal-header-hdg-container .cal-header-nav .cal-header-nav-prev button,.lp-container .price-calendar-v2.is-branch .cal-header-hdg-container .cal-header-nav .cal-header-nav-next button{
padding:0;
}

/* .price-calendar-v2
---------------------------------- */
.lp-container .price-calendar-v2{
background-color:#fff;
margin:0 -10px;
padding:16px 10px 20px;
border-bottom:1px solid #e5e5e5;
}
.lp-container .price-calendar-v2 + .card-container{
padding-top:16px;
}
.lp-container .price-calendar-v2 caption{
height:0;
overflow:hidden;
position:absolute;
}
.lp-container .price-calendar-v2 .calendar-container{
margin:0;
padding-bottom:0;
border-bottom:none;
}
.lp-container .price-calendar-v2 .calendar{
margin-bottom:0;
}
.lp-container .price-calendar-v2 .calendar tr > td:nth-child(1) a,
.lp-container .price-calendar-v2 .calendar tr > td.holiday:nth-child(7) a,
.lp-container .price-calendar-v2 .calendar tr > td.holiday a{
color:var(--cmn-font-color-gray);
}
.lp-container .price-calendar-v2 .calendar tr{
border-bottom:1px solid #e5e5e5;
}
.lp-container .price-calendar-v2 .calendar thead th{
padding-bottom:8px;
}
.lp-container .price-calendar-v2 .calendar td{
position:relative;
height:47px;
padding:0;
box-sizing:border-box;
}
.lp-container .price-calendar-v2 .calendar td a{
padding:0;
}
.lp-container .price-calendar-v2 .calendar td .price-date{
position:absolute;
top:3px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
font-size:12px;
color:var(--cmn-font-color-gray);
}
.lp-container .price-calendar-v2 .calendar td .price-item{
position:absolute;
bottom:4px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
font-size:12px;
color:var(--cmn-font-color-link);
}
.lp-container .price-calendar-v2 .calendar td.disabled a{
outline:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.lp-container .price-calendar-v2 .calendar td.disabled .price-date,
.lp-container .price-calendar-v2 .calendar td.disabled .price-item{
color:#ccc;
}
.lp-container .price-calendar-v2 .calendar td.disabled:nth-child(1) .price-date,
.lp-container .price-calendar-v2 .calendar td.disabled:nth-child(1) .price-item,
.lp-container .price-calendar-v2 .calendar td.disabled.holiday .price-date,
.lp-container .price-calendar-v2 .calendar td.disabled.holiday .price-item{
color:#ccc;
}
.lp-container .price-calendar-v2 .calendar td:nth-child(1) .price-date,.lp-container .price-calendar-v2 .calendar td.holiday .price-date{
color:var(--cmn-font-color-red);
}
.lp-container .price-calendar-v2 .calendar td.price-status-cheapest .price-item::before{
padding:1px 3px;
display:block;
position:absolute;
top:-1px;
left:50%;
-webkit-transform:translate(-50%);
transform:translate(-50%);
width:90%;
height:15px;
border:1px solid rgba(277,7,7,.4);
border-radius:50%;
content:"";
}
.lp-container .price-calendar-v2 .calendar td.price-status-blank .price-item::before{
content:"";
position:absolute;
bottom:4px;
left:50%;
-webkit-transform:translate(-50%);
transform:translate(-50%);
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background-image:url(/element/j_air_on/shared/images/icon-zoom.svg);
background-repeat:no-repeat;
background-size:100%;
}
.lp-container .price-calendar-v2 .cal-header-status{
margin:0;
text-align:right;
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
color:var(--cmn-font-color-gray);
}
.lp-container .price-calendar-v2 .cal-header-status ul{
margin:0;
display:-webkit-box;
display:flex;
}
.lp-container .price-calendar-v2 .cal-header-status li{
vertical-align:middle;
font-size:10px;
margin-bottom:3px;
margin-left:8px;
}
.lp-container .price-calendar-v2 .cal-header-status li.cal-header-status-cheapest::before{
content:"";
position:relative;
top:-2px;
display:inline-block;
width:calc(32px/2);
height:calc(22px/2);
border:1px solid rgba(277,7,7,.4);
border-radius:50%;
box-sizing:border-box;
vertical-align:middle;
}
.lp-container .price-calendar-v2 .cal-header-status li.cal-define-status-search::before{
position:relative;
top:-2px;
display:inline-block;
width:12px;
height:12px;
margin:0 1px 0 3px;
background-image:url(/element/j_air_on/shared/images/icon-zoom.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
vertical-align:middle;
}
.lp-container .price-calendar-v2 .cal-header-status li.cal-header-status-guide{
margin-left:12px;
}
.lp-container .price-calendar-v2 .cal-header-status li.cal-header-status-guide ul{
margin:0;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container{
text-align:center;
position:relative;
min-height:45px;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-hdg{
font-size:18px;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-sup{
display:-webkit-box;
display:flex;
margin:-4px auto 0;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
font-size:12px;
font-weight:bold;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-sup .cal-header-label{
font-size:12px;
font-weight:bold;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-sup .cal-header-label::after{
content:":";
display:inline-block;
margin:0 4px;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-sup .cal-header-price{
font-size:12px;
font-weight:bold;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-sup .cal-header-price strong{
font-size:14px;
color:var(--cmn-font-color-red);
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-list{
font-size:12px;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
margin:0;
line-height:1;
gap:0 12px;
margin-bottom:12px;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-list .cal-header-label{
font-size:12px;
font-weight:bold;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-list .cal-header-label::after{
content:":";
display:inline-block;
margin:0 4px;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-list .cal-header-price{
font-size:12px;
font-weight:bold;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-list .cal-header-price strong{
font-size:14px;
color:var(--cmn-font-color-red);
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-nav{
margin:0;

}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-nav li{
position:absolute;
top:0;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-nav li.is-disabled{
opacity:.5;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-nav button{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background:none;
border:none;
padding:0;
margin:0;
border:1px solid #bbb;
border-radius:4px;
padding:4px 12px;
height:33px;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-nav button::after{
position:absolute;
top:50%;
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);
content:"";
display:block;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-nav .cal-header-nav-prev{
left:0;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-nav .cal-header-nav-prev button{
padding-left:26px;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-nav .cal-header-nav-prev button::after{
left:12px;
border-right:6px solid #888;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-nav .cal-header-nav-next{
right:0;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-nav .cal-header-nav-next button{
padding-right:26px;
}
.lp-container .price-calendar-v2 .cal-header-hdg-container .cal-header-nav .cal-header-nav-next button::after{
right:12px;
border-left:6px solid #888;
}
.lp-container .price-calendar-v2 .cal-footer{
margin-top:12px;
}
.lp-container .price-calendar-v2 .cal-footer-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
}
.lp-container .price-calendar-v2 .cal-footer-notes li:not(:first-child){
margin-top:4px;
}
.lp-container .price-calendar-v2 .cal-footer-notes p{
margin:0;
}
.lp-container .price-calendar-v2 .cal-footer-notes .aster{
text-indent:-1.4em;
margin-left:1.4em;
}
.lp-container .price-calendar-v2 .cal-footer-notes .aster > span{
margin-right:.4em;
}

/* search-result-container
---------------------------------- */
.lp-container.lp-list .search-result-container{
padding-top:16px;
}