@charset "utf-8";
:root{
--font-color-btn-link:#666;
--font-color-placeholder:#9e9e9e;
--font-num:Arial;
}

/* local override
---------------------------------- */
/* cmn-notice-list
---------------------------------- */
main .cmn-notice-list{
margin-bottom:14px;
}
.select-content >:first-child.act_ad_manage.cmn-ad-bnr-hidden + .cmn-notice-list{
margin-top:4px;
}
.select-content >:first-child.cmn-notice-list{
margin-top:4px;
}
.select-content.is-app >div:first-child.act_ad_manage.cmn-ad-bnr-hidden + .cmn-notice-list{
margin-top:4px;
}

/* .cmn-ad-bnr
-------------------------------- */
/* top header bnr */
.form-box-idx + .act_ad_manage .cmn-ad-bnr{
padding:2px 0;
}

/* top footer bnr */
.card-container + .act_ad_manage .cmn-ad-bnr{
padding-top:20px;
padding-bottom:0;
}

/* list (and kata) header bnr */
.search-area + .act_ad_manage .cmn-ad-bnr{
padding:1px 0;
margin:0 -10px;
}

/* list middle bnr */
.flt-item-02 + .act_ad_manage .cmn-ad-bnr{
margin:0 -10px;
border-top:6px solid #666;
padding:0;

}
.tab-flight .flt-item .act_ad_manage{
border-top:none;
}
.tab-flight .flt-item .act_ad_manage .cmn-ad-bnr{
margin:0;
border-top:6px solid #666;
padding:12px 10px;
}

/* list middle bnr for kata */
.tab-flight .flt-item > li.act_ad_manage .cmn-ad-bnr{
padding:0;

/* border-top:none; */
}

/* list footer bnr */
.select-content >div:first-child.act_ad_manage{
margin-top:4px;
}
.select-content >div:first-child.act_ad_manage .cmn-ad-bnr{
padding-top:0;
padding-bottom:0;
}

/* cmn-seo-link-hdg
---------------------------------- */
.cmn-seo-link .cmn-seo-link-hdg{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:35px;
box-sizing:border-box;
margin:0 -10px;
padding:8px 10px;
color:#fff;
line-height:1;
background-color:#444;
font-size:14px;
font-weight:normal;
}

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

/* for is-loading-sticky-fixed
---------------------------------- */
body.is-loading-sticky-fixed .loading-progressbar{
position:fixed;
top:0;
left:0;
width:100%;
z-index:3;
background-color:rgba(0,0,0,.8);
color:#fff;
padding:8px 10px;
height:31px;
}
body.is-loading-sticky-fixed .loading-progressbar .bar{
border:none;
}
body.is-loading-sticky-fixed .loading-progressbar .loading-dots i{
background-color:#fff;
}

/* for w_air review modal - zantei
---------------------------------- */
.cmn-agt-info-hdg{
margin-bottom:8px;
line-height:1.25;
font-size:16px;
font-weight:normal;
}
.cmn-agt-info-review{
border:1px solid #f2f2f2;
}
.cmn-agt-info-review .cmn-agt-info-review-hdg{
padding:3px 4px 4px;
background-color:#f2f2f2;
font-weight:normal;
}
.cmn-agt-info-review .cmn-agt-info-review-item{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
flex-wrap:wrap;
padding:10px 5px;
line-height:1.3;
}
.cmn-agt-info-review .cmn-agt-info-review-item .cmn-agt-info-review-item-col:first-child{
display:-webkit-box;
display:flex;
}
.cmn-agt-info-review .cmn-agt-info-review-item .cmn-agt-info-review-item-col:nth-child(2){
-webkit-box-flex:1;
flex:1;
font-size:14px;
}
.cmn-agt-info-review .cmn-agt-info-review-item .cmn-agt-info-review-item-col em{
color:var(--cmn-font-color-red);
font-weight:bold;
}
.cmn-agt-info-review .cmn-agt-info-review-icon{
width:50px;
margin-right:10px;
padding-right:5px;
border-right:1px solid #e5e5e5;
box-sizing:border-box;
display:grid;
place-items:center;
position:relative;
}
.cmn-agt-info-review .cmn-agt-info-review-icon::before{
content:"";
display:block;
width:20px;
height:20px;
margin:0 auto 3px;
background-repeat:no-repeat;
background-size:100%;
}
.cmn-agt-info-review .cmn-agt-info-review-icon.review-01{
border:none;
padding:0;
margin:0;
width:auto;
}
.cmn-agt-info-review .cmn-agt-info-review-icon.review-01::before{
display:none;
}
.cmn-agt-info-review .cmn-agt-info-review-icon.review-02::before{
background-image:url(/element/shared/images/icon/icon-agt-review-02.svg);
}
.cmn-agt-info-review .cmn-agt-info-review-icon.review-03::before{
background-image:url(/element/shared/images/icon/icon-agt-review-03.svg);
}
.cmn-agt-info-prop-container{
overflow:hidden;
}
.cmn-agt-info-prop{
display:block;
margin-top:3px;
margin-left:-11px;
line-height:1.3;
font-size:10px;
}
.cmn-agt-info-prop::after{
content:"";
display:table;
clear:both;
}
.cmn-agt-info-prop + .cmn-agt-info-prop{
margin-top:0;
}
.cmn-agt-info-prop li{
float:left;
display:inline-block;
font-size:11px;
}
.cmn-agt-info-prop li::before{
display:inline-block;
content:"\FF0F";
}
.cmn-agt-info-prop li.cmn-agt-info-prop-break{
clear:left;
}
.cmn-agt-info-prop li .cmn-agt-info-prop-sup::after{
display:inline-block;
margin:0 3px;
content:":";
}
.cmn-agt-info-prop li em{
color:var(--cmn-font-color-red);
font-weight:bold;
}
.cmn-agt-info-note-03{
margin-top:8px;
color:var(--cmn-font-color-base);
font-size:14px;
word-break:break-all;
line-height:1.4;
}
.cmn-agt-info-note-03 em{
color:var(--cmn-font-color-red);
font-weight:bold;
}
.cmn-agt-info-hdg-l4{
margin-top:10px;
font-size:12px;
}
.cmn-agt-info-note-02{
color:var(--cmn-font-color-base);
word-break:break-all;
}
.cmn-agt-info-note-02 > li{
padding-left:1em;
text-indent:-1em;
}
.cmn-agt-info-btn{
margin:16px auto 0;
padding:3px 8px;
border:1px solid #bbb;
border-radius:4px;
color:var(--cmn-font-color-base);
display:block;
min-width:70%;
min-height:34px;
background-color:#fff;
font-size:12px;
}
.cmn-agt-info-btn::before{
margin-right:3px;
content:"";
display:inline-block;
width:15px;
height:15px;
vertical-align:text-top;
opacity:.65;
background:url(/element/shared/images/icon/icon-balloon.svg) 0 0 no-repeat;
background-size:100% auto;
}
.cmn-agt-info-btn > span{
display:inline-block;
}

/* for w_air local-agt-info
---------------------------------- */
.local-agt-info-review{
border:1px solid #f2f2f2;
}
.local-agt-info-review .local-agt-info-review-hdg{
padding:3px 4px 4px;
background-color:#f2f2f2;
font-weight:normal;
}
.local-agt-info-review .local-agt-info-review-item{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
flex-wrap:wrap;
padding:10px 5px;
line-height:1.3;
}
.local-agt-info-review .local-agt-info-review-item .local-agt-info-review-item-col:first-child{
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
margin-right:10px;
padding-right:5px;
border-right:1px solid #e5e5e5;
width:50px;
}
.local-agt-info-review .local-agt-info-review-item .local-agt-info-review-item-col:nth-child(2){
-webkit-box-flex:1;
flex:1;
font-size:14px;
}
.local-agt-info-review .local-agt-info-review-item .local-agt-info-review-item-col em{
color:var(--cmn-font-color-red);
font-weight:bold;
}
.local-agt-info-review .local-agt-info-review-icon{
display:block;
font-size:10px;
text-align:center;
-webkit-box-flex:1;
flex:1;
}
.local-agt-info-review .local-agt-info-review-icon::before{
content:"";
display:block;
width:20px;
height:20px;
margin:0 auto 3px;
background-repeat:no-repeat;
background-size:100%;
}
.local-agt-info-review .local-agt-info-review-icon.review-02::before{
background-image:url(/element/shared/images/icon/icon-agt-review-02.svg);
}
.local-agt-info-review .local-agt-info-review-icon.review-03::before{
background-image:url(/element/shared/images/icon/icon-agt-review-03.svg);
}
.local-agt-info-prop-container{
overflow:hidden;
}
.local-agt-info-prop{
display:block;
margin-top:3px;
margin-left:-11px;
line-height:1.3;
font-size:10px;
}
.local-agt-info-prop::after{
content:"";
display:table;
clear:both;
}
.local-agt-info-prop + .local-agt-info-prop{
margin-top:0;
}
.local-agt-info-prop li{
float:left;
display:inline-block;
font-size:11px;
}
.local-agt-info-prop li::before{
display:inline-block;
content:"\FF0F";
}
.local-agt-info-prop li.local-agt-info-prop-break{
clear:left;
}
.local-agt-info-prop li .local-agt-info-prop-sup::after{
display:inline-block;
margin:0 3px;
content:":";
}
.local-agt-info-prop li em{
color:var(--cmn-font-color-red);
font-weight:bold;
}
.local-agt-info-note-03{
margin-top:8px;
color:var(--cmn-font-color-base);
font-size:14px;
word-break:break-all;
line-height:1.4;
}
.local-agt-info-note-03 em{
color:var(--cmn-font-color-red);
font-weight:bold;
}
.local-agt-info-hdg-l4{
margin-top:10px;
font-size:12px;
}
.local-agt-info-note-02{
color:var(--cmn-font-color-base);
word-break:break-all;
}
.local-agt-info-note-02 > li{
padding-left:1em;
text-indent:-1em;
}

/* for KATAKATA app
---------------------------------- */
.str-container.is-flt-select-fixed{
padding-bottom:302px !important;
}
.str-container.is-flt-select-fixed .select-content.is-app{
margin-bottom:-302px;
padding-bottom:302px;
}

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

/* for ios
---------------------------------- */
.is-ios [role=dialog],
.is-ios [data-role=dialog],
.is-ios [data-role=page]{
display:none;
}
.is-ios [role=dialog]::after,.is-ios [data-role=dialog]::after,.is-ios [data-role=page]::after{
content:"";
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:1px;
}
.is-ios [role=dialog].pseudo-branch,.is-ios [data-role=dialog].pseudo-branch,.is-ios [data-role=page].pseudo-branch{
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;
overflow-x:hidden;
}
.is-ios [role=page].page-active.pseudo-branch,.is-ios [role=dialog].page-active.pseudo-branch,.is-ios [data-role=dialog].page-active.pseudo-branch,.is-ios [data-role=page].page-active.pseudo-branch{
display:-webkit-box;
display:flex;
}

/* for special information
---------------------------------- */
.special-info{
background-color:rgba(0,76,154,.5);
text-align:center;
padding:8px 6px;
margin-bottom:10px;
border-radius:4px;
font-size:12px;
line-height:calc(17 / 12);
}
.special-info ul{
margin:0;
}
.special-info a .cmn-dashed{
--cmn-dashed-font-color:#fff;
--cmn-dashed-color:#fff;
}

/* special-info-nav
---------------------------------- */
.special-info-nav{
margin:0 -10px;
}
.special-info-nav a{
display:block;
font-size:12px;
color:var(--cmn-font-color-base);
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 10px 11px no-repeat #fff;
background-size:14px 12px;
padding:9px 10px 8px 28px;
min-height:36px;
box-sizing:border-box;
}

/* .pseudo-special-info
---------------------------------- */
.pseudo-special-info[data-role=page].page-active{
height:100%;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
color:var(--cmn-font-color-base);
}
.pseudo-special-info .pseudo-special-info-content{
margin:0;
padding:16px 10px 20px;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
color:var(--cmn-font-color-base);
}
.pseudo-special-info .pseudo-special-info-content > :first-child{
margin-top:0 !important;
}
.pseudo-special-info .pseudo-special-info-header-hdg{
padding:8px 10px 8px 40px;
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-special-info .pseudo-special-info-header-hdg h2{
padding:0;
box-sizing:border-box;
font-size:16px;
font-weight:bold;
text-align:center;
-webkit-box-flex:1;
flex:1;
}
.pseudo-special-info .pseudo-special-info-header-hdg .pseudo-header-hdg-inquiry{
margin-left:4px;
padding-left:12px;
border-left:1px solid #999;
}
.pseudo-special-info .pseudo-special-info-header-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/w_air/shared/images/icon-pse-close-wht.svg) no-repeat 12px 50%;
background-size:16px 16px;
}
.pseudo-special-info .special-info-point{
font-size:12px;
line-height:calc(18 / 12);
}
.pseudo-special-info .special-info-sup{
font-size:12px;
margin:0;
}
.pseudo-special-info .special-info-desc{
margin-top:8px;
}
.pseudo-special-info .special-info-desc p{
margin-top:4px;
font-size:12px;
line-height:calc(18 / 12);
}
.pseudo-special-info .special-info-desc p:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-hdg-l3{
font-size:18px;
line-height:calc(21 / 18);
}
.pseudo-special-info .special-info-hdg-l4{
margin-top:24px;
font-size:16px;
margin-right:5px;
display:inline-block;
vertical-align:bottom;
}
.pseudo-special-info .special-info-hdg-sup{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
vertical-align:bottom;
margin-bottom:2px;
font-size:12px;
color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-hdg-sup >span{
margin-right:4px;
}
.pseudo-special-info .special-info-tabs{
margin:8px -10px 16px;
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
overflow:hidden;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-inr{
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-inr::-webkit-scrollbar{
display:none;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-list{
display:-webkit-box;
display:flex;
white-space:nowrap;
margin:0;
font-size:0;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-list >li.is-active button::after{
background-color:var(--cmn-font-color-base);
}
.pseudo-special-info .special-info-tabs .special-info-tabs-list >li button{
position:relative;
background:none;
border:none;
margin:0;
display:block;
padding:11px 12px 10px;
color:var(--cmn-font-color-base);
font-size:14px;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-list >li button::after{
position:relative;
top:5px;
content:"";
display:block;
width:100%;
height:2px;
background-color:transparent;
}
.pseudo-special-info .special-info-tabs-content .special-info-status{
margin-top:12px;
}
.pseudo-special-info .special-info-status{
margin-top:24px;
}
.pseudo-special-info .special-info-status.branch{
margin-top:12px;
}
.pseudo-special-info .special-info-status .special-info-status-list{
font-size:0;
}
.pseudo-special-info .special-info-status .special-info-status-list > li{
font-size:12px;
display:inline-block;
}
.pseudo-special-info .special-info-status .special-info-status-list > li:not(:first-child){
margin-left:12px;
}
.pseudo-special-info .special-info-note-list{
margin-top:8px;
margin-bottom:0;
}
.pseudo-special-info .special-info-note-list li{
display:-webkit-inline-box;
display:inline-flex;
font-size:12px;
line-height:calc(17 / 12);
color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-note-list li:not(:first-child){
margin-top:4px;
}
.pseudo-special-info .special-info-note-list li > span{
margin-right:4px;
}
.pseudo-special-info .special-info-note-list li .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-guide > li{
display:-webkit-box;
display:flex;
font-size:12px;
}
.pseudo-special-info .special-info-guide > li:not(:first-child){
margin-top:8px;
}
.pseudo-special-info .special-info-guide > li > span:first-child{
position:relative;
padding-right:13px;
}
.pseudo-special-info .special-info-guide > li > span:first-child::after{
position:absolute;
top:2px;
right:4px;
content:":";
display:block;
}
.pseudo-special-info .special-info-link{
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
}
.pseudo-special-info .special-info-link.right{
text-align:right;
}
.pseudo-special-info .special-info-icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:4px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}
.pseudo-special-info .special-info-tgl{
margin-top:8px;
}
.pseudo-special-info .special-info-tgl .special-info-tgl-item{
display:none;
margin-top:8px;
padding-bottom:4px;
}
.pseudo-special-info .special-info-tgl .special-info-tgl-item >:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-tgl .special-info-tgl-hook{
display:inline-block;
cursor:pointer;
margin:0;
padding:0 0 0 13px;
border:none;
background:none;
background-image:url(/element_sp/w_air/shared/images/icon-arrow-01-down.svg);
background-position:0 7px;
background-repeat:no-repeat;
background-size:8px 5px;
font-size:12px;
font-weight:normal;
}
.pseudo-special-info .special-info-tgl[aria-expanded=true] .special-info-tgl-item{
display:block;
}
.pseudo-special-info .special-info-tgl[aria-expanded=true] .special-info-tgl-hook{
background-position:0 6px;
background-image:url(/element_sp/w_air/shared/images/icon-arrow-01-up.svg);
}
.pseudo-special-info .special-info-dtl-tgl .special-info-dtl-tgl-item{
display:none;
margin-bottom:12px;
}
.pseudo-special-info .special-info-dtl-tgl .special-info-dtl-tgl-item >:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-dtl-tgl .special-info-dtl-tgl-hook{
margin:0;
padding:8px 20px 8px 0;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 50% no-repeat;
background-size:12px 7px;
font-weight:normal;
cursor:pointer;
font-size:16px;
border-bottom:1px solid #e5e5e5;
line-height:calc(20 / 16);
}
.pseudo-special-info .special-info-dtl-tgl[aria-expanded=true] + .special-info-tbl-note-list{
margin-top:-4px;
}
.pseudo-special-info .special-info-dtl-tgl[aria-expanded=true] .special-info-dtl-tgl-item{
display:block;
}
.pseudo-special-info .special-info-dtl-tgl[aria-expanded=true] .special-info-dtl-tgl-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
border-bottom:none;
}
.pseudo-special-info .special-info-summary-tbl{
width:100%;
border-collapse:collapse;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
margin-top:8px;
}
.pseudo-special-info .special-info-summary-tbl th{
font-size:12px;
font-weight:normal;
padding:8px;
background-color:#f5f5f5;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.pseudo-special-info .special-info-summary-tbl td{
font-size:12px;
padding:8px;
text-align:center;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.pseudo-special-info .special-info-tbl{
margin-top:8px;
width:100%;
border-collapse:collapse;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
}
.pseudo-special-info .special-info-tbl th{
font-size:12px;
font-weight:normal;
background-color:#f5f5f5;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
text-align:left;
padding:8px 6px 8px 8px;
width:100px;
box-sizing:border-box;
}
.pseudo-special-info .special-info-tbl td{
padding:8px;
font-size:12px;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.pseudo-special-info .special-info-tbl td >:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-tbl-list{
margin:4px 0 0;
}
.pseudo-special-info .special-info-tbl-list li{
display:-webkit-box;
display:flex;
font-size:12px;
line-height:calc(17 / 12);
}
.pseudo-special-info .special-info-tbl-list li:not(:first-child){
margin-top:4px;
}
.pseudo-special-info .special-info-tbl-note-list{
margin:8px 0 0;
}
.pseudo-special-info .special-info-tbl-note-list li{
display:-webkit-box;
display:flex;
font-size:12px;
line-height:calc(17 / 12);
color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-tbl-note-list li:not(:first-child){
margin-top:4px;
}
.pseudo-special-info .special-info-tbl-note-list li > span{
margin-right:4px;
white-space:nowrap;
}
.pseudo-special-info .special-info-tbl-note-list li .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-tbl-note-list .special-info-tbl-list{
margin-top:4px;
}

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

  AB TEST

-----------------------------------------------
------------------ */
.search-area .search-area-item .pattern-a.serch-area-flt-dtl-btn{
position:relative;
display:none;
top:auto;
right:auto;
margin-top:0;
margin-bottom:-5px;
padding:7px 3px 6px;
border:none;
border-top:1px solid #ccc;
border-radius:0;
width:100%;
height:auto;
color:var(--cmn-font-color-link);
background:none;
box-shadow:none;
vertical-align:top;
text-align:center;
font-size:12px;
}

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

  01. Modules

----------------------------------------------------------------- */
/* for Google App
----------------------------------------------------------------- */
.support-app-google .form-box-idx .form-submit-container,
.support-app-google .lp-container .form-submit-container,
.support-app-google .sticky-box{
padding-bottom:105px;
}
.support-app-google .calendar-sticky-box{
padding-bottom:105px;
}
.support-app-google .selected-container{
padding-bottom:105px;
}
.support-app-google .selected-container.active{
padding-bottom:105px;
}
.support-app-google [data-role=page].str-pseudo,
.support-app-google [data-role=page].lyt-sticky{
padding-bottom:180px;
}
.support-app-google [data-role=page].lyt-sticky.lyt-calendar{
padding-bottom:212px;
}

/* for App Modules
----------------------------------------------------------------- */
.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:#555;
font-size:14px;
background-color:#fff;
box-sizing:border-box;
}
.btn-previous-page a:before{
content:"";
display:inline-block;
border-left:1px solid #555;
border-top:1px solid #555;
width:8px;
height:8px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
vertical-align:middle;
margin-right:5px;
position:relative;
top:-1px;
}

/* ----------------------------------------------------------------
  Icon
----------------------------------------------------------------- */
/* icon-eco
---------------------------------- */
.icon-eco{
display:inline-block;
width:28px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element/w_air_on/shared/images/icon/icon-eco.svg) no-repeat 0 0;
background-size:28px 12px;
vertical-align:middle;
position:relative;
top:0;
}

/* icon-tip-info
------------------------------------------------ */
.icon-tip-info{
overflow:hidden;
box-sizing:border-box;
display:inline-block;
position:relative;
top:-2px;
margin-left:2px;
padding:0;
width:15px;
height:15px;
color:rgba(0, 0, 0, 0) !important;
background:url(/element/shared/images/icon/icon-tip-info.svg) 0 0 no-repeat;
background-size:15px;
vertical-align:middle;
line-height:1;
cursor:pointer;
-webkit-user-select:none;
user-select:none;
}

/* 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-meal{
display:-webkit-inline-box;
display:inline-flex;
text-indent:-9999px;
overflow:hidden;
width:10px;
height:11px;
background:url(/element_sp/w_air/shared/images/icon-meal.svg) top left no-repeat;
background-size:100% auto;
}
.icon-wifi{
display:-webkit-inline-box;
display:inline-flex;
text-indent:-9999px;
overflow:hidden;
width:13px;
height:9px;
background:url(/element_sp/w_air/shared/images/icon-wifi.svg) top left no-repeat;
background-size:100% auto;
}
.icon-movie{
display:-webkit-inline-box;
display:inline-flex;
text-indent:-9999px;
overflow:hidden;
width:10px;
height:9px;
background:url(/element_sp/w_air/shared/images/icon-movie.svg) top left no-repeat;
background-size:100% auto;
}
.icon-power{
display:-webkit-inline-box;
display:inline-flex;
text-indent:-9999px;
overflow:hidden;
width:9px;
height:11px;
background:url(/element_sp/w_air/shared/images/icon-power.svg) top left no-repeat;
background-size:100% auto;
}

/* ----------------------------------------------------------------
  initialize
----------------------------------------------------------------- */
/* .str-pseudo - NEW tpl
---------------------------------- */
.str-pseudo.pseudo-branch .pseudo-header .hdg-l1-container{
margin:0;
}
.str-pseudo.pseudo-branch .pseudo-header .hdg-l1{
overflow:hidden;
width:100px;
}
.str-pseudo.pseudo-branch .pseudo-header .hdg-l1.is-ellipsis{
max-width:100%;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.str-pseudo.pseudo-branch .pseudo-header .hdg-l1.is-ellipsis-multi{
max-width:100%;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
.str-pseudo.pseudo-branch .pseudo-content{
margin:0;
padding:0 10px 16px;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
}
.str-pseudo.pseudo-branch .pseudo-content >:first-child{
margin-top:16px;
}
.str-pseudo.pseudo-branch .pseudo-content p{
margin-top:8px;
}
.str-pseudo.pseudo-branch .pseudo-content p strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.str-pseudo.pseudo-branch .pseudo-footer .pseudo-sticky{
position:static;
margin:0;
padding:10px;
box-sizing:border-box;
background-color:#444;
}
.str-pseudo.pseudo-branch .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;
}
.str-pseudo.pseudo-branch .pseudo-sticky-btn-list .cmn-loading-spinner-dot-wht{
margin:0 0 0 8px;
display:inline-block;
width:12px;
height:12px;
}
.str-pseudo.pseudo-branch .pseudo-sticky-btn-list li{
margin-left:10px;
}
.str-pseudo.pseudo-branch .pseudo-sticky-btn-list li .br{
display:block;
}
.str-pseudo.pseudo-branch .pseudo-sticky-btn-list li:first-child:last-child{
margin:0 auto;
max-width:80%;
min-width:60%;
-webkit-box-flex:0;
flex:none;
}
.str-pseudo.pseudo-branch .pseudo-sticky-btn-list li:first-child:not(:last-child){
-webkit-box-flex:1;
flex:1;
}
.str-pseudo.pseudo-branch .pseudo-sticky-btn-list li:last-child{
-webkit-box-flex:1;
flex:1;
}
.str-pseudo.pseudo-branch .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;
}
.str-pseudo.pseudo-branch .pseudo-sticky-btn-list .cv-filter .cv-filter-inner{
font-size:16px;
}
.str-pseudo.pseudo-branch .pseudo-sticky-btn-list .cv-filter .cv-filter-inner span{
font-size:12px;
display:block;
}
.str-pseudo.pseudo-branch .pseudo-sticky-btn-list .cv-filter:disabled{
box-shadow:none;
text-shadow:none;
opacity:.4;
color:var(--cmn-btn-color);
}
.str-pseudo.pseudo-branch .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;
}
.str-pseudo.pseudo-branch .pseudo-sticky-btn-list .prev-filter:disabled{
background-color:#d5d5d5;
box-shadow:none;
text-shadow:none;
}
.str-pseudo.pseudo-branch .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;
}
.str-pseudo.pseudo-branch .pseudo-sticky-btn-list .cv-reserve:disabled{
box-shadow:none;
text-shadow:none;
opacity:.4;
}

/* pseudo-guide-content
---------------------------------- */
.str-pseudo.pseudo-branch .pseudo-guide-content{
padding-bottom:12px;
}
.str-pseudo.pseudo-branch .pseudo-guide-content.is-border{
border-top:1px solid #e5e5e5;
padding-top:12px;
}
.str-pseudo.pseudo-branch .pseudo-guide-content.is-border .pseudo-guide-header{
margin-top:-12px;
padding-top:12px;
}
.str-pseudo.pseudo-branch .pseudo-guide-content.is-block{
padding-bottom:24px;
}
.str-pseudo.pseudo-branch .pseudo-guide-content .pseudo-guide-header{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:0 0 12px;
}
.str-pseudo.pseudo-branch .pseudo-guide-content .pseudo-guide-item >:first-child{
margin-top:0;
}

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

/* pseudo-def-list
---------------------------------- */
.str-pseudo.pseudo-branch .pseudo-def-list{
margin-top:-8px !important;
display:grid;
grid-template-columns:auto 1fr;
font-size:14px;
line-height:1.42;
}
.str-pseudo.pseudo-branch .pseudo-def-list .code{
font-weight:bold;
}
.str-pseudo.pseudo-branch .pseudo-def-list .icon-car{
width:13px;
height:11px;
}
.str-pseudo.pseudo-branch .pseudo-def-list .icon-car::before{
width:13px;
height:11px;
background-size:13px auto;
-webkit-filter:brightness(.714);
filter:brightness(.714);
}
.str-pseudo.pseudo-branch .pseudo-def-list .icon-bus{
width:13px;
height:11px;
}
.str-pseudo.pseudo-branch .pseudo-def-list .icon-bus::before{
width:13px;
height:11px;
background-size:13px auto;
-webkit-filter:brightness(.714);
filter:brightness(.714);
}
.str-pseudo.pseudo-branch .pseudo-def-list dt{
margin-top:8px;
position:relative;
width:57px;
padding-right:20px;
box-sizing:border-box;
}
.str-pseudo.pseudo-branch .pseudo-def-list dt::after{
content:":";
display:block;
position:absolute;
right:12px;
top:0;
}
.str-pseudo.pseudo-branch .pseudo-def-list dt.is-branch{
width:auto;
padding-right:9px;
}
.str-pseudo.pseudo-branch .pseudo-def-list dt.is-branch::after{
right:3px;
}
.str-pseudo.pseudo-branch .pseudo-def-list dd{
margin-top:8px;
box-sizing:border-box;
}

/* .str-pseudo - OLD TPL
---------------------------------- */
.str-pseudo{
padding:0 10px 10px;
box-sizing:border-box;
}
.str-pseudo .hdg-l3{
background-color:#888;
}
.str-pseudo .pseudo-hdg-01{
margin-top:20px;
font-weight:bold;
font-size:14px;
}
.str-pseudo .cmn-tip-hdg-faq{
background-color:#888;
margin-top:16px;
}
.str-pseudo .pseudo-link-02{
margin-top:24px;
text-align:right;
}
.str-pseudo .pseudo-note-list{
margin-top:12px;
margin-bottom:0;
}
.str-pseudo .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);
}
.str-pseudo .pseudo-note-list li:not(:first-child){
margin-top:8px;
}
.str-pseudo .pseudo-note-list li .mark{
margin-right:4px;
}
.str-pseudo .pseudo-note-list-02{
margin-top:4px;
}
.str-pseudo .pseudo-note-list-02 li{
position:relative;
margin-left:1.3em;
text-indent:-1.3em;
line-height:1.45;
color:var(--cmn-font-color-gray);
}
.str-pseudo .pseudo-note-list-02 li:not(:first-child){
margin-top:8px;
}
.str-pseudo .pseudo-note-list-02 li .mark{
margin-right:4px;
}
.str-pseudo .pseudo-list{
margin-top:12px;
}
.str-pseudo .pseudo-list li{
position:relative;
padding-left:15px;
}
.str-pseudo .pseudo-list li:not(:first-child){
margin-top:4px;
}
.str-pseudo .pseudo-list li::before{
content:"\30FB";
display:block;
position:absolute;
left:0;
top:0;
}
.str-pseudo .pseudo-list-02{
margin-top:16px;
}
.str-pseudo .pseudo-list-02 li{
position:relative;
padding-left:15px;
}
.str-pseudo .pseudo-list-02 li:not(:first-child){
margin-top:8px;
}
.str-pseudo .pseudo-list-02 li::before{
content:"\30FB";
display:block;
position:absolute;
left:0;
top:0;
}
.str-pseudo .link-list-toggle .link-list-toggle-container > .link-list-toggle-btn{
font-size:14px;
border-bottom:1px solid #e9e9e9;
}
.str-pseudo .link-list-toggle .link-list-toggle-container a{
font-size:14px;
border-bottom:1px solid #e9e9e9;
}
.str-pseudo .cmn-tip-container{
margin:0 -10px;
padding-top:0;
line-height:1.4;
}
.str-pseudo .cmn-tip-container >:first-child{
margin-top:16px;
}
.str-pseudo .cmn-tip-container >:first-child.cmn-tip-hdg-faq{
margin-top:0;
}
.str-pseudo .cmn-tip-container p{
margin:8px 0 0;
}
.str-pseudo .cmn-tip-container p strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.str-pseudo .cmn-tip-container .cmn-tip-hdg-01 +p{
margin-top:0;
}
.str-pseudo .cmn-tip-container .pseudo-link-02{
margin-top:24px;
}
.str-pseudo .cmn-tip-container .tip-list{
margin-top:9px;
}
.str-pseudo .cmn-tip-container .tip-list > li{
padding-left:1em;
position:relative;
}
.str-pseudo .cmn-tip-container .tip-list > li:not(:first-child){
margin-top:3px;
}
.str-pseudo .cmn-tip-container .tip-list > li::before{
content:"\30fb";
position:absolute;
left:0;
top:0;
}
.str-pseudo .cmn-tip-container .tip-list-num{
margin:10px 0 10px 20px;
}
.str-pseudo .cmn-tip-container .tip-list-num li{
list-style-type:decimal;
}
.str-pseudo .cmn-tip-container .tip-link-list{
text-align:right;
}
.str-pseudo .cmn-tip-container .tip-link-list a{
color:var(--cmn-font-color-gray);
font-size:13px;
display:inline-block;
}
.str-pseudo .cmn-tip-container .tip-link-list a::before{
margin:-3px 5px 0 0;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#555;
content:"";
height:5px;
width:5px;
display:inline-block;
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.str-pseudo .cmn-tip-container .pseudo-guide-content{
padding-bottom:12px;
}
.str-pseudo .cmn-tip-container .pseudo-guide-content.is-border{
border-top:1px solid #e5e5e5;
padding-top:12px;
}
.str-pseudo .cmn-tip-container .pseudo-guide-content.is-border .pseudo-guide-header{
margin-top:-12px;
padding-top:12px;
}
.str-pseudo .cmn-tip-container .pseudo-guide-content.is-block{
padding-bottom:24px;
}
.str-pseudo .cmn-tip-container .pseudo-guide-content .pseudo-guide-header{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:0 0 12px;
}
.str-pseudo .cmn-tip-container .pseudo-guide-content .pseudo-guide-item >:first-child{
margin-top:0;
}
.str-pseudo .cmn-tip-container .pseudo-toggle-container[aria-expanded=true] .pseudo-toggle-trigger{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.str-pseudo .cmn-tip-container .pseudo-toggle-container[aria-expanded=true] .pseudo-toggle-item{
display:block;
}
.str-pseudo .cmn-tip-container .pseudo-toggle-container[aria-expanded=false] .pseudo-toggle-item{
display:none;
}
.str-pseudo .cmn-tip-container .pseudo-toggle-container .pseudo-toggle-trigger{
position:absolute;
text-indent:-9999px;
height:100%;
width:100%;
top:0;
left:0;
margin:0;
padding:0;
border:none;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 50% no-repeat;
background-size:12px auto;
}
.str-pseudo .cmn-tip-container .cmn-tip-link-list-01{
margin:0 -10px;
}

/* tip-tbl
------------------------------------------------ */
.str-pseudo .cmn-tip-container .tip-tbl{
display:table;
table-layout:fixed;
width:100%;
border-collapse:collapse;
border-top:1px solid #e5e5e5;
margin:5px 0 10px;
}
.str-pseudo .cmn-tip-container .tip-tbl .tbl-tr{
display:table-row;
}
.str-pseudo .cmn-tip-container .tip-tbl .tbl-th{
font-weight:normal;
background-color:#f5f5f5;
text-align:left;
width:75px;
font-size:12px;
}
.str-pseudo .cmn-tip-container .tip-tbl .tbl-th,
.str-pseudo .cmn-tip-container .tip-tbl .tbl-td{
display:table-cell;
padding:7px 10px;
border-bottom:1px solid #e5e5e5;
}

/* tip-infomation > cmn-tip-hdg-01
------------------------------------------------ */
.cmn-tip-container.tip-infomation .cmn-tip-hdg-01{
margin-top:10px;
}
.mod-number{
font-family:var(--font-num);
}
::-webkit-search-cancel-button{
-webkit-appearance:none;
}
.cmn-tip-btn{
margin:0 3px;
}
.cmn-faq-page .word{
display:inline-block;
}

/* ----------------------------------------------------------------
  Headings
----------------------------------------------------------------- */
/* .hdg-l1-container-full
----------------------------------------------- */
.hdg-l1-container.hdg-l1-container-full{
box-sizing:border-box;
display:-webkit-box;
display:flex;
position:relative;
-webkit-box-align:center;
align-items:center;
padding-left:10px;
margin:-10px -10px 0 -10px;
min-height:45px;
background-color:#fff;
border-bottom:1px solid #bbb;
color:var(--cmn-font-color-base);
}
.hdg-l1-container.hdg-l1-container-full .hdg-l1{
text-align:left;
}

/* hdg-l1-container
---------------------------------- */
.hdg-l1-container{
margin:0 -10px;
padding:8px 8px 8px 40px;
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;
border-bottom:none;
}
.hdg-l1-container .hdg-l1{
-webkit-box-flex:1;
flex:1;
padding:0;
box-sizing:border-box;
font-size:16px;
font-weight:bold;
text-align:center;
max-width:calc(100% - 40px);
}
.hdg-l1-container .hdg-l1.is-ellipsis{
max-width:100%;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.hdg-l1-container .hdg-l1.is-ellipsis-multi{
max-width:100%;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
.hdg-l1-container.branch .hdg-l1{
margin-right:60px;
}
.hdg-l1-container .pseudo-header-hdg-inquiry{
margin-left:4px;
padding-left:12px;
border-left:1px solid #999;
}
.hdg-l1-container .hdg-l1-inner{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
overflow:hidden;
}
.hdg-l1-container .btn-hdg{
position:absolute;
top:50%;
left:0;
margin:-22.5px 0 0 0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:40px;
height:45px;
margin-right:-8px;
background:url(/element_sp/w_air/shared/images/icon-pse-close-wht.svg) no-repeat 12px 50%;
background-size:16px 16px;
}
.hdg-l1-container .pseudo-header-btn-clear{
margin:0 0 0 4px;
padding:0;
border:1px solid #999;
border-radius:3px;
color:#ccc;
width:44px;
height:23px;
background-color:transparent;
font-size:12px;
white-space:nowrap;
}

/* main > .hdg-l1-container
---------------------------------- */
main > .hdg-l1-container{
margin-top:-10px;
}

/* hdg-l1-02
------------------------------------------------ */
.hdg-l1-02-container{
clear:both;
margin:-10px -10px 0;
}
.hdg-l1-02-container .hdg-l1-02-inr:after{
display:block;
clear:both;
content:"";
}
.hdg-l1-02-container .hdg-l1-02-inr{
box-sizing:border-box;
padding:12px 10px 10px;
min-height:42px;
display:-webkit-box;
display:flex;
}
.hdg-l1-02-container .hdg-l1-02{
overflow:hidden;
font-weight:normal;
font-size:16px;
line-height:1.3;
}
.hdg-l1-02-container .search-result-header-summary{
margin:0;
font-size:14px;
}
.hdg-l1-02-container span.hdg-l1-02-logo{
position:relative;
top:1px;
margin-right:10px;
width:24px;
}
.hdg-l1-02-container img.hdg-l1-02-logo{
width:24px;
height:15px;
}
.hdg-l1-02-container .hdg-l1-02-img{
text-align:center;
position:relative;
}
.hdg-l1-02-container .hdg-l1-02-img::before{
content:"";
display:block;
padding-top:16.66%;
}
.hdg-l1-02-container .hdg-l1-02-img img{
position:absolute;
width:100%;
top:0;
left:0;
bottom:0;
right:0;
display:block;
}
.hdg-l1-02-container.hdg-alliance .hdg-l1-02-inr{
padding-top:4px;
padding-bottom:0;
}
.hdg-l1-02-container.hdg-alliance .hdg-l1-02-logo{
display:inline-block;
position:relative;
top:3px;
float:left;
margin-right:10px;
width:27px;
height:auto;
vertical-align:bottom;
line-height:0;
}
.hdg-l1-02-container.hdg-alliance .hdg-l1-02-logo + .hdg-l1-02{
padding-top:7px;
}

/* hdg-l1-sub-container
------------------------------------------------ */
.cmn-info + img + main .hdg-l1-sub-container,
.cmn-info + img + .act_ad_manage + main .hdg-l1-sub-container,
.cmn-info + .act_ad_manage + main .hdg-l1-sub-container{
margin-top:-18px;
}
.hdg-l1-sub-container .hdg-l1-sub-inr{
display:-webkit-box;
display:flex;
margin-top:12px;
}
.hdg-l1-sub-container .hdg-l1-sub-inr .hdg-btn-close{
display:-webkit-box;
display:flex;
margin:0 0 -8px;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:30px;
height:18px;
background:url(/element_sp/w_air/shared/images/icon-pse-close-wht.svg) no-repeat 8px 50%;
background-size:12px 12px;
overflow:hidden;
}
.hdg-l1-sub-container .hdg-l1-sub-inr .hdg-l1{
margin-top:0;
}
.hdg-l1-sub-container .hdg-l1{
margin:12px 0 0;
color:#fff;
line-height:1.35;
text-shadow:0 1px 0 rgb(0 0 0 / 50%);
font-size:14px;
display:-webkit-box;
display:flex;
}

/* hdg-l2-01
------------------------------------------------ */
.hdg-l2-01{
position:relative;
box-sizing:border-box;
margin:0 -10px;
padding:6px 10px 6px;
min-height:35px;
color:#fff;
background-color:#666;
font-size:14px;
}
.hdg-l2-01 .hdg-l2-01-sup{
font-size:13px;
}
.hdg-l2-01 .hdg-l2-01-notes{
font-weight:normal;
font-size:14px;
position:absolute;
right:8px;
top:7px;
}
.hdg-l2-01 .hdg-l2-01-notes .aster{
margin-right:4px;
}

/* hdg-l2-05
------------------------------------------------ */
.hdg-l2-05{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:35px;
box-sizing:border-box;
margin:-1px -10px 0;
padding:8px 10px;
line-height:1.35;
color:#fff;
background-color:#444;
font-size:14px;
font-weight:normal;
box-sizing:border-box;
}
.hdg-l2-05 span{
font-size:13px;
}
.hdg-l2-05 a{
margin:-8px -10px;
padding:8px 10px;
color:#fff;
}
.hdg-l2-05 + .tab-navi li{
border-top:none;
}
.hdg-l2-05-notes{
font-size:12px;
color:var(--cmn-font-color-gray);
margin:0 -10px;
padding:12px 10px;
}
.hdg-l2-05-notes .indent{
isplay:inline-block;
margin-left:1.4em;
text-indent:-1.4em;
}
.hdg-l2-05-notes .indent .mark{
margin-right:4px;
}

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

/* hdg-l2-03
------------------------------------------------ */
.hdg-l2-03{
margin:0 -10px;
padding:5px 10px;
color:#fff;
background-color:#3e3e3e;
font-weight:bold;
font-size:12px;
}

/* hdg-l2-04
------------------------------------------------ */
.hdg-l2-04{
margin:0 -10px;
padding:10px;
color:#fff;
background-color:#666;
font-weight:bold;
font-size:14px;
line-height:1.1;
}

/* hdg-l2-06
------------------------------------------------ */
.hdg-l2-06{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:35px;
box-sizing:border-box;
margin:0 -10px;
padding:8px 10px;
line-height:1.35;
color:#fff;
background-color:#444;
font-size:14px;
font-weight:normal;
}
.hdg-l2-06-notes{
font-size:12px;
color:var(--cmn-font-color-gray);
border-bottom:1px solid #e5e5e5;
margin:0 -10px;
padding:12px 10px;
}
.hdg-l2-06-notes .indent{
display:inline-block;
margin-left:1.4em;
text-indent:-1.4em;
}
.hdg-l2-06-notes .indent .mark{
margin-right:4px;
}

/* hdg-l3
------------------------------------------------ */
.hdg-l3{
padding:9px 10px 8px;
color:#fff;
background-color:#666;
font-size:15px;
line-height:1.2;
}

/* hdg-l3-01
------------------------------------------------ */
.hdg-l3-01{
margin:0 -10px;
padding:5px 10px;
border-bottom:1px solid #e5e5e5;
color:var(--cmn-font-color-base);
background-color:#f5f5f5;
font-weight:bold;
font-size:13px;
}
.box-01 .hdg-l3-01{
margin:0;
}

/* ----------------------------------------------------------------
  Paragraph
----------------------------------------------------------------- */
/* .direct-flight-info
----------------------------------------------- */
.direct-flight-info{
position:relative;
margin:15px 0 15px;
padding:10px 5px 10px 5px;
border:2px solid #999;
font-size:13px;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
}
.direct-flight-info b{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.direct-flight-info p{
position:relative;
margin:0;
padding-left:13px;
max-width:300px;
margin:0 auto;
}
.direct-flight-info p::before{
position:absolute;
left:0;
top:2px;
content:"";
display:block;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 50% 50% no-repeat;
background-size:100%;
vertical-align:middle;
}
.direct-flight-info a{
overflow:hidden;
display:block;
position:absolute;
top:5px;
right:5px;
padding-top:14px;
width:14px;
height:0;
background:url(/element_sp/shared/images/icon/icon-close.svg) 50% 50% no-repeat;
background-size:100%;
line-height:2;
}

/* under-info
------------------------------------------------ */
.under-info{
margin:0;
padding:10px;
border-top:none;
font-size:12px;
}
.under-info + .under-info{
margin-top:-15px;
}

/* under-notice
------------------------------------------------ */
.under-notice{
text-align:left;
margin:0;
padding:10px;
color:var(--font-color-btn-link);
}
.under-notice li{
font-size:11px;
line-height:1.4;
}
.under-notice li.under-notice-indent{
margin-left:1em;
text-indent:-1em;
}
.txt-notice{
color:var(--cmn-font-color-red);
}

/* ----------------------------------------------------------------
  List
----------------------------------------------------------------- */
/* .list-01
----------------------------------------------- */
.list-01{
margin:0 -10px -1px;
overflow:hidden;
}
.list-01.branch-font li a{
font-size:14px;
}
.list-01.branch-border > li:last-child{
border-bottom:none;
}
.list-01 > li a{
box-sizing:border-box;
display:block;
position:relative;
padding:12px 10px 0 10px;
min-height:42px;
color:var(--cmn-font-color-base);
background-color:#fff;
font-size:14px;
line-height:1.4;
border-bottom:1px solid #e5e5e5;
}
.list-01 .list-01{
margin:0;
}
.list-01 .list-01 .list-01 li{
padding-left:30px;
}
.toggle-item .list-01{
border-top:1px solid #e5e5e5;
}

/* list-03
------------------------------------------------ */
.list-03:after{
display:block;
clear:both;
content:"";
}
.list-03{
margin:12px 0 7px;
margin-left:-5px;
}
.list-03 li{
box-sizing:border-box;
display:table;
float:left;
margin-bottom:5px;
padding-left:5px;
width:33.3%;
}
.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:12px;
line-height:1.3;
}
.list-03 li a{
border:1px solid #bbb;
color:var(--cmn-font-color-base);
}
.list-03 li a:link,
.list-03 li a:visited,
.list-03 li a:hover,
.list-03 li a:active{
color:var(--cmn-font-color-base);
}
.list-03 li em{
color:#fff;
background-color:#666;
font-weight:normal;
}
.pop-city .toggle .list-03{
margin-top:-15px;
}

/* list-link
----------------------------------------------------------------- */
.list-link{
margin:0;
background-color:#fff;
}
.list-link li{
border-top:1px solid #e5e5e5;
}
.list-link a{
display:block;
position:relative;
padding:14px 10px 10px;
min-height:42px;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1.3;
box-sizing:border-box;
}
.list-link .list-link-img a{
padding:12px 10px 12px 60px;
}
.list-link .list-link-img a > :first-child{
position:absolute;
top:9px;
left:10px;
}
.list-link .list-link-img a > :last-child{
font-weight:bold;
font-size:13px;
}
.list-link .selected a:before{
position:absolute;
top:13px;
left:8px;
width:15px;
height:16px;
background:url(/element_sp/w_air/shared/images/icon-check-01.png) top left no-repeat;
background-size:100%;
content:"";
}
.list-link.list-link-type-01{
border-top:1px solid #e5e5e5;
}
.list-link.list-link-type-03 li:last-child{
border-bottom:none;
}
.list-link .list-link-sup{
display:block;
margin-bottom:4px;
font-weight:bold;
font-size:13px;
}
.list-link .list-link-desc{
color:var(--cmn-font-color-base);
font-size:13px;
}

/* list-air
------------------------------------------------ */
.list-air{
margin:0 -10px;
}
.list-air li:after{
display:block;
clear:both;
content:"";
}
.list-air li{
border-bottom:1px solid #e5e5e5;
}
.list-air li a{
box-sizing:border-box;
display:block;
position:relative;
padding:10px 20px 10px 10px;
height:42px;
color:var(--cmn-font-color-base);
font-size:14px;
}
.list-air li:last-child{
border-bottom:none;
}
.list-air li .list-air-pic{
float:left;
width:77px;
}
.list-air li .list-air-pic span{
box-sizing:border-box;
display:table-cell;
border:1px solid #d8d8d8;
width:67px;
height:22px;
vertical-align:middle;
text-align:center;
}
.list-air li .list-air-pic span img{
display:block;
max-width:67px;
max-height:22px;
vertical-align:middle;
}
.list-air li .list-air-desc{
overflow:hidden;
display:block;
}

/* .list-sch
----------------------------------------------- */
.list-sch{
margin:0;
}
.list-sch::after{
content:"";
display:table;
clear:both;
}
.list-sch > li{
position:relative;
font-size:12px;
}
.list-sch > li:last-child:before{
display:none;
}
.list-sch > li:last-child .sch-required-01 .sch-sub .ico-add{
position:relative;
right:5px;
top:-3px;
left:auto;
text-align:center;
}
.list-sch > li::after{
display:block;
position:absolute;
top:3px;
left:89px;
border:2px solid #898989;
border-radius:50%;
width:10px;
height:10px;
background-color:#fff;
content:"";
box-sizing:border-box;
}
.list-sch > li::before{
position:absolute;
top:10px;
left:92px;
border-right:2px solid #898989;
width:1px;
height:100%;
content:"";
}
.list-sch > li .sch-required-01{
display:-webkit-box;
display:flex;
}
.list-sch > li .sch-required-01 .sch-sub{
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
flex-wrap:wrap;
position:relative;
padding-right:20px;
width:105px;
vertical-align:top;
text-align:right;
}
.list-sch > li .sch-required-01 .sch-sub b{
display:inline-block;
font-weight:normal;
vertical-align:middle;
margin-left:3px;
}
.list-sch > li .sch-required-01 .sch-sub .ico-add{
display:block;
text-align:center;
position:absolute;
left:26%;
top:12px;
}
.list-sch > li .sch-required-01 .sch-desc{
padding-top:2px;
word-break:break-all;
line-height:1.3;
-webkit-box-flex:1;
flex:1;
}
.list-sch > li .sch-required-01 .sch-desc .sch-desc-air-code{
vertical-align:middle;
margin-right:3px;
}
.list-sch > li .sch-required-01 .sch-desc .sch-desc-undecided{
position:relative;
top:-8px;
}
.list-sch > li .sch-required-01 .sch-desc b{
font-weight:normal;
margin-right:3px;
}
.list-sch > li .sch-required-02{
display:table;
width:100%;
table-layout:fixed;
}
.list-sch > li .sch-required-02 .sch-sub{
box-sizing:border-box;
display:table-cell;
position:relative;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
vertical-align:middle;
text-align:right;
width:105px;
}
.list-sch > li .sch-required-02 .sch-desc{
display:table-cell;
word-break:break-all;
position:relative;
padding:10px 0;
vertical-align:middle;
width:100%;
}
.list-sch > li .sch-required-02 .sch-desc .alliance-logo{
top:-2px;
position:relative;
}
.list-sch > li .sch-required-02 .sch-desc .icon-eco{
margin-left:4px;
}
.list-sch > li .sch-required-02 .sch-desc .sch-desc-flt-code{
margin-left:3px;
}
.list-sch > li .sch-required-02 .sch-desc .sch-desc-transit-bus{
display:block;
padding-left:15px;
position:relative;
margin-top:4px;
}
.list-sch > li .sch-required-02 .sch-desc .sch-desc-transit-bus .icon-transit{
position:absolute;
left:0;
top:0;
display:inline-block;
width:13px;
height:0;
padding-top:13px;
overflow:hidden;
line-height:2;
}
.list-sch > li .sch-required-02 .sch-desc .sch-desc-transit-bus .icon-bus::before{
position:absolute;
left:0;
top:4px;
content:"";
display:block;
width:13px;
height:11px;
background-image:url(/element_sp/w_air/shared/images/icon-bus-gray.svg);
background-repeat:no-repeat;
background-size:13px auto;
}
.list-sch > li .sch-required-02 .sch-desc .sch-desc-undecided{
position:relative;
top:-8px;
left:5px;
}
.list-sch > li .sch-required-02 .sch-desc .sch-desc-info{
display:block;
margin-top:-15px;
}
.list-sch > li .sch-required-02 .sch-desc b{
display:inline-block;
font-weight:normal;
}
.list-sch > li .sch-required-02 .sch-desc b .ico-transit-01{
top:-1px;
margin-left:0;
}
.list-sch > li .sch-required-02 .sch-desc b .sch-desc-transit{
margin-right:8px;
}
.list-sch > li .sch-required-02 .sch-desc .sch-desc-att{
display:block;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 50% 50%;
background-position:0px 2px;
background-size:14px 12px;
background-repeat:no-repeat;
padding-left:20px;
margin-top:2px;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-notes{
display:block;
font-weight:normal;
color:var(--cmn-font-color-gray);
}
.list-sch > li .sch-required-02 .sch-desc .carrier-info{
display:block;
line-height:1.3;
margin-top:2px;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-info::after{
content:"";
display:table;
clear:both;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-info .carrier-link-external{
display:block;
text-align:right;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-info .carrier-link-internal{
display:block;
position:absolute;
right:0;
bottom:-1px;
font-weight:normal;
color:#555;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-info-notes{
display:block;
margin-top:2px;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-seat-class{
display:inline-block;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-seat-class + .cmn-tip-caution-btn,
.list-sch > li .sch-required-02 .sch-desc .carrier-seat-class .cmn-tip-caution-btn{
margin-left:4px;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-seat-class.carrier-seat-class-att::before{
position:relative;
top:-1px;
display:inline-block;
margin-right:2px;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
vertical-align:middle;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-baggage-rules{
display:block;
margin-top:3px;
font-size:12px;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-baggage-rules > span{
display:-webkit-box;
display:flex;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-baggage-rules > span > span:first-child{
white-space:nowrap;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-baggage-rules > span > span:first-child::after{
content:":";
margin:0 2px 0 3px;
display:inline-block;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-baggage-rules > span > span:last-child{
-webkit-box-flex:1;
flex:1;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-seat-att{
position:relative;
padding-left:20px;
display:block;
font-size:12px;
margin-top:3px;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-seat-att::before{
display:block;
position:absolute;
top:0;
left:0;
vertical-align:middle;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
}
.list-sch > li .sch-required-02 .sch-desc .carrier-seat-note{
position:relative;
padding-left:15px;
display:block;
font-size:12px;
margin-top:3px;
color:var(--cmn-font-color-gray);
}
.list-sch > li .sch-required-02 .sch-desc .carrier-seat-note::before{
display:block;
position:absolute;
top:0;
left:0;
vertical-align:middle;
width:16px;
height:14px;
content:"\203B";
}
.list-sch > li .sch-required-02 .sch-desc .carrier-seat-note:has(>em)::before{
color:var(--cmn-font-color-red);
}
.list-sch > li .sch-required-02 .sch-desc .carrier-seat-note em{
color:var(--cmn-font-color-red);
}
.list-sch > li .sch-required-02 .sch-desc .carrier-seat-note .cmn-tip-info-btn,
.list-sch > li .sch-required-02 .sch-desc .carrier-seat-note .cmn-tip-caution-btn{
margin-left:3px;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-link-external{
display:block;
text-align:right;
margin-top:3px;
}
.list-sch > li .sch-required-02 .sch-desc .carrier-link-internal{
display:block;
position:absolute;
right:0;
bottom:-1px;
font-weight:normal;
}
.list-sch > li.sch-transit::before{
border-right-style:dotted;
}

/* sch-container
------------------------------------------------ */
.sch-container .sch-item{
padding:8px 10px 10px;
border-radius:6px;
border:1px solid #bbb;
}
.sch-container .sch-item .sch-header{
display:-webkit-box;
display:flex;
margin-bottom:7px;
}
.sch-container .sch-item .sch-header > div:first-child{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.sch-container .sch-item .sch-header > div:last-child{
-webkit-box-flex:1;
flex:1;
text-align:right;
}
.sch-container .sch-item .sch-header .sch-header-hdg{
font-size:14px;
font-weight:normal;
margin-right:12px;
}
.sch-container .sch-item .sch-header .sch-header-req{
font-size:12px;
padding-top:1px;
}
.sch-container .sch-item .sch-header .sch-header-note{
font-size:12px;
color:var(--cmn-font-color-gray);
}
.sch-container .sch-stay-item{
padding:5px 10px;
margin:5px 0;
border-radius:6px;
border:1px solid #bbb;
font-size:12px;
}
.sch-container .sch-stay-item .sch-stay-header{
min-height:27px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.sch-container .sch-stay-item .sch-stay-header .sch-stay-header-hdg{
font-weight:normal;
white-space:nowrap;
margin-right:10px;
}

/* .sch-list - NEW
----------------------------------------------- */
.sch-list{
margin:0;
}
.sch-list::after{
content:"";
display:table;
clear:both;
}
.sch-list > li{
position:relative;
font-size:12px;
}
.sch-list > li:last-child:before{
display:none;
}
.sch-list > li:last-child .sch-required-01 .sch-sub .ico-add{
position:relative;
right:5px;
top:-3px;
left:auto;
text-align:center;
}
.sch-list > li::after{
display:block;
position:absolute;
top:3px;
left:89px;
border:2px solid #898989;
border-radius:50%;
width:10px;
height:10px;
background-color:#fff;
content:"";
box-sizing:border-box;
}
.sch-list > li::before{
position:absolute;
top:10px;
left:92px;
border-right:2px solid #898989;
width:1px;
height:100%;
content:"";
}
.sch-list > li .sch-required-01{
display:-webkit-box;
display:flex;
}
.sch-list > li .sch-required-01 .sch-sub{
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
flex-wrap:wrap;
position:relative;
padding-right:20px;
width:105px;
vertical-align:top;
text-align:right;
}
.sch-list > li .sch-required-01 .sch-sub b{
display:inline-block;
font-weight:normal;
vertical-align:middle;
margin-left:3px;
}
.sch-list > li .sch-required-01 .sch-sub .ico-add{
display:block;
text-align:center;
position:absolute;
left:26%;
top:12px;
}
.sch-list > li .sch-required-01 .sch-desc{
padding-top:2px;
word-break:break-all;
line-height:1.3;
-webkit-box-flex:1;
flex:1;
}
.sch-list > li .sch-required-01 .sch-desc .sch-desc-air-code{
vertical-align:middle;
margin-right:3px;
}
.sch-list > li .sch-required-01 .sch-desc .sch-desc-undecided{
position:relative;
top:-8px;
}
.sch-list > li .sch-required-01 .sch-desc b{
font-weight:normal;
margin-right:3px;
}
.sch-list > li .sch-required-02{
display:table;
width:100%;
table-layout:fixed;
}
.sch-list > li .sch-required-02 .sch-sub{
box-sizing:border-box;
display:table-cell;
position:relative;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
vertical-align:middle;
text-align:right;
width:105px;
}
.sch-list > li .sch-required-02 .sch-sub .font-num{
font-family:var(--font-num);
}
.sch-list > li .sch-required-02 .sch-desc{
display:table-cell;
word-break:break-all;
position:relative;
padding:10px 0;
vertical-align:middle;
width:100%;
}
.sch-list > li .sch-required-02 .sch-desc .alliance-logo{
top:-2px;
position:relative;
}
.sch-list > li .sch-required-02 .sch-desc .icon-eco{
margin-left:4px;
}
.sch-list > li .sch-required-02 .sch-desc .sch-desc-flt-code{
margin-left:3px;
}
.sch-list > li .sch-required-02 .sch-desc .sch-desc-transit-bus{
display:block;
padding-left:15px;
position:relative;
margin-top:4px;
}
.sch-list > li .sch-required-02 .sch-desc .sch-desc-transit-bus .icon-transit{
position:absolute;
left:0;
top:0;
display:inline-block;
width:13px;
height:0;
padding-top:13px;
overflow:hidden;
line-height:2;
}
.sch-list > li .sch-required-02 .sch-desc .sch-desc-transit-bus .icon-bus::before{
position:absolute;
left:0;
top:3px;
content:"";
display:block;
width:13px;
height:11px;
background-image:url(/element_sp/w_air/shared/images/icon-bus-gray.svg);
background-repeat:no-repeat;
background-size:13px auto;
}
.sch-list > li .sch-required-02 .sch-desc .sch-desc-undecided{
position:relative;
top:-8px;
left:5px;
}
.sch-list > li .sch-required-02 .sch-desc .sch-desc-info{
display:block;
margin-top:-15px;
}
.sch-list > li .sch-required-02 .sch-desc b{
display:inline-block;
font-weight:normal;
}
.sch-list > li .sch-required-02 .sch-desc b .ico-transit-01{
top:-1px;
margin-left:0;
}
.sch-list > li .sch-required-02 .sch-desc b .sch-desc-transit{
margin-right:8px;
}
.sch-list > li .sch-required-02 .sch-desc .sch-desc-att{
display:block;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 50% 50%;
background-position:0 2px;
background-size:14px 12px;
background-repeat:no-repeat;
padding-left:20px;
margin-top:2px;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-notes{
display:block;
font-weight:normal;
color:var(--cmn-font-color-gray);
}
.sch-list > li .sch-required-02 .sch-desc .carrier-info{
display:block;
line-height:1.3;
margin-top:2px;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-info::after{
content:"";
display:table;
clear:both;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-info .carrier-link-internal{
position:relative;
display:inline-block;
float:right;
margin-left:3px;
margin-top:0;
color:var(--cmn-dashed-color);
padding-right:18px;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-info .carrier-link-internal .cmn-tip-caution-btn-icon{
position:absolute;
right:0;
top:-1px;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-info .carrier-link-external{
display:inline-block;
float:right;
margin-left:3px;
margin-top:0;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-info .carrier-link-external a{
position:relative;
font-weight:normal;
color:var(--font-color-btn-link);
padding-right:15px;
font-size:12px;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-info .carrier-link-external a::after{
position:absolute;
top:1px;
right:0;
content:"";
display:inline-block;
width:11px;
height:12px;
background:url(/element/shared/images/icon/icon-external.svg);
margin-left:3px;
background-repeat:no-repeat;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-info-notes{
display:block;
margin-top:2px;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-seat-class{
display:inline-block;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-seat-class + .cmn-tip-caution-btn,
.sch-list > li .sch-required-02 .sch-desc .carrier-seat-class .cmn-tip-caution-btn{
margin-left:4px;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-seat-class.carrier-seat-class-att::before{
position:relative;
top:-1px;
display:inline-block;
margin-right:2px;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
vertical-align:middle;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-baggage-rules{
display:block;
margin-top:3px;
font-size:12px;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-baggage-rules > span{
display:-webkit-box;
display:flex;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-baggage-rules > span > span:first-child{
white-space:nowrap;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-baggage-rules > span > span:first-child::after{
content:":";
margin:0 2px 0 3px;
display:inline-block;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-baggage-rules > span > span:last-child{
-webkit-box-flex:1;
flex:1;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-seat-att{
position:relative;
padding-left:20px;
display:block;
font-size:12px;
margin-top:3px;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-seat-att::before{
display:block;
position:absolute;
top:0;
left:0;
vertical-align:middle;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
}
.sch-list > li .sch-required-02 .sch-desc .carrier-seat-note{
position:relative;
padding-left:15px;
display:block;
font-size:12px;
margin-top:3px;
color:var(--cmn-font-color-gray);
}
.sch-list > li .sch-required-02 .sch-desc .carrier-seat-note::before{
display:block;
position:absolute;
top:0;
left:0;
vertical-align:middle;
width:16px;
height:14px;
content:"\203B";
}
.sch-list > li .sch-required-02 .sch-desc .carrier-seat-note:has(>em)::before{
color:var(--cmn-font-color-red);
}
.sch-list > li .sch-required-02 .sch-desc .carrier-seat-note em{
color:var(--cmn-font-color-red);
}
.sch-list > li .sch-required-02 .sch-desc .carrier-seat-note .cmn-tip-info-btn,
.sch-list > li .sch-required-02 .sch-desc .carrier-seat-note .cmn-tip-caution-btn{
margin-left:3px;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-link-external{
display:block;
text-align:right;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-link-internal{
display:block;
position:absolute;
right:0;
bottom:-1px;
font-weight:normal;
color:var(--cmn-dashed-color);
}
.sch-list > li .sch-required-02 .sch-desc .carrier-tgl-container{
display:block;
margin-top:4px;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-tgl-container[aria-expanded=true] .carrier-tgl-item{
display:block;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-tgl-container[aria-expanded=true] .carrier-tgl-trigger{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.sch-list > li .sch-required-02 .sch-desc .carrier-tgl-container[aria-expanded=false] .carrier-tgl-item{
display:none;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-tgl-container .carrier-tgl-header{
display:-webkit-box;
display:flex;
margin-bottom:4px;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-tgl-container .carrier-tgl-header >span:first-child{
-webkit-box-flex:1;
flex:1;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-tgl-container .carrier-tgl-header >span:last-child{
width:100px;
position:static;
text-align:right;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-tgl-container .carrier-tgl-header >span:last-child a{
display:block;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-tgl-container .carrier-tgl-item{
background-color:#f5f5f5;
border-radius:4px;
padding:12px 8px;
margin-top:2px;
position:relative;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-tgl-container .carrier-tgl-item::before{
position:absolute;
top:-5px;
left:28px;
content:"";
display:block;
width:11px;
height:6px;
background-color:#f5f5f5;
-webkit-clip-path:polygon(50% 0%, 0% 100%, 100% 100%);
clip-path:polygon(50% 0%, 0% 100%, 100% 100%);
}
.sch-list > li .sch-required-02 .sch-desc .carrier-tgl-container .carrier-tgl-trigger{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
background:none;
border:none;
padding:0 0 0 14px;
margin:0;
background:url(/element/shared/images/icon/icon-chevron-down.svg) left 6px no-repeat;
background-size:8px 6px;
font-size:12px;
}
.sch-list > li .sch-required-02 .sch-desc .carrier-tgl-container .carrier-tgl-trigger >span{
display:inline-block;
}
.sch-list > li .amenity-list li{
display:grid;
grid-template-columns:85px 1fr;
padding-left:20px;
gap:8px 0;
background-repeat:no-repeat;
background-position:0 0;
background-size:14px 14px;
}
.sch-list > li .amenity-list li:not(:first-child){
margin-top:8px;
}
.sch-list > li .amenity-list li .pc-br{
display:block;
}
.sch-list > li .amenity-list li .sp-br{
display:none;
}
.sch-list > li .amenity-list li > span:last-child{
text-align:right;
}
.sch-list > li .amenity-list li > span > span{
display:inline-block;
}
.sch-list > li .amenity-list li > span > span::after{
content:"";
display:inline-block;
}
.sch-list > li .amenity-list li.amenity-equipment{
background-image:url(/element_sp/w_air/shared/images/icon-airplane.svg);
grid-template-columns:55px 1fr;
}
.sch-list > li .amenity-list li.amenity-seat{
background-image:url(/element_sp/w_air/shared/images/icon-seat.svg);
}
.sch-list > li .amenity-list li.amenity-meal{
background-image:url(/element_sp/w_air/shared/images/icon-meal.svg);
}
.sch-list > li .amenity-list li.amenity-wifi{
background-image:url(/element_sp/w_air/shared/images/icon-wifi.svg);
background-position:0 2px;
}
.sch-list > li .amenity-list li.amenity-entertainment{
background-image:url(/element_sp/w_air/shared/images/icon-movie.svg);
}
.sch-list > li .amenity-list li.amenity-power{
background-image:url(/element_sp/w_air/shared/images/icon-power.svg);
}
.sch-list > li.sch-transit::before{
border-right-style:dotted;
}

/* @media screen and (max-width: 320px){
  .sch-list > li .amenity-list li{
    & > span{
      & >span{
        display: block;
      }
    }
  }
} */

@media screen and (max-width: 320px){
.sch-list > li .amenity-list li{
grid-template-columns:52px 1fr;
}
.sch-list > li .amenity-list li .pc-br{
display:none;
}
.sch-list > li .amenity-list li .sp-br{
display:block;
}
.sch-list > li .amenity-list li.amenity-wifi{
grid-template-columns:62px 1fr;
}
.sch-list > li .amenity-list li > span{
display:block;
}
.sch-list > li .amenity-list li > span:first-child > span{
display:inline;
}
.sch-list > li .amenity-list li > span >span{
display:block;
}
}

/* .list-def-code
----------------------------------------------- */
.list-def-code{
margin:0;
font-size:11px;
}
.list-def-code li{
display:inline-block;
margin-right:10px;
line-height:1.3;
}
.list-def-code b{
display:inline-block;
font-weight:bold;
}
.list-def-code b:after{
display:inline-block;
margin:0 3px;
content:"=";
}

/* .list-def-icon
----------------------------------------------- */
.list-def-icon{
margin:0;
letter-spacing:-.02em;
font-size:10px;
}
.list-def-icon li{
margin-top:5px;
}
.list-def-icon b{
display:inline-block;
font-weight:normal;
}
.list-def-icon b:after{
display:inline-block;
content:"=";
margin-right:3px;
position:relative;
top:-1px;
}
.list-def-icon b .ico-transit-01{
margin-left:0;
position:relative;
top:-2px;
}
.list-def-icon b .ico-transit-04{
margin-left:0;
position:relative;
top:-1px;
}
.list-def-icon b .icon-eco{
margin-left:0;
position:relative;
top:-1.5px;
margin-right:4px;
}

/* .list-agt
----------------------------------------------- */
.list-agt >li{
position:relative;
margin-top:5px;
padding:10px;
border-radius:6px;
background:#fff;
box-shadow:0px 1px 6px rgba(0, 0, 0, .16);
}

/* list-agt-item-inr-top
------------------------------------------------ */
.list-agt .list-agt-item-inr-top{
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
flex-wrap:wrap;
padding:0 0 10px;
width:100%;
color:var(--cmn-font-color-base);
box-sizing:border-box;
}
.list-agt .list-agt-item-inr-top .list-agt-item-add{
width:100%;
display:block;
}

/* agt-name
------------------------------------------------ */
.list-agt .list-agt-item-inr-top .cmn-tip-caution-btn{
margin-left:2px;
position:relative;
top:1px;
}
.list-agt .list-agt-item-inr-top >.agt-name{
-webkit-box-flex:1;
flex:1;
}
.list-agt .list-agt-item-inr-top >.agt-name >span{
display:block;
color:var(--cmn-font-color-base);
font-size:12px;
font-weight:bold;
line-height:1.3;
}
.list-agt .list-agt-item-inr-top .agt-name-notes{
font-size:10px;
margin:0;
}

/* vacancy
------------------------------------------------ */
.list-agt .list-agt-item-inr-top .vacancy{
display:-webkit-box;
display:flex;
position:relative;
padding-right:25px;
margin-right:-10px;
-webkit-box-pack:end;
justify-content:flex-end;
}
.list-agt .list-agt-item-inr-top .vacancy:after{
display:block;
position:absolute;
border-right:2px solid #555;
border-bottom:2px solid #555;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
top:50%;
right:10px;
margin-top:-6px;
width:8px;
height:8px;
}
.list-agt .list-agt-item-inr-top .vacancy .vacancy-info{
display:block;
position:relative;
font-size:10px;
margin-top:5px;
width:22px;
margin-right:5px;
}
.list-agt .list-agt-item-inr-top .vacancy .vacancy-info .vacancy-num{
text-align:center;
font-size:10px;
line-height:1.2;
float:right;
}
.list-agt .list-agt-item-inr-top .vacancy .vacancy-info .vacancy-num span{
display:block;
}

/* agt-info
------------------------------------------------ */
.list-agt .list-agt-item-inr-top .agt-info{
line-height:1;
-webkit-box-flex:1;
flex:1;
}
.list-agt .list-agt-item-inr-top .agt-info .list-agt-item-notes{
font-size:10px;
margin:2px 0 0 0;
}
.list-agt .list-agt-item-inr-top .agt-info .list-agt-item-notes li{
line-height:1.2;
}
.list-agt .list-agt-item-inr-top .agt-info .list-agt-item-notes li span{
display:inline-block;
}
.list-agt .list-agt-item-inr-top .agt-info .list-agt-item-notes li b{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.list-agt .list-agt-item-inr-top .agt-info .agt-info-link{
font-size:10px;
line-height:1.3;
color:var(--cmn-font-color-base);
}
.list-agt .list-agt-item-inr-top .agt-info .agt-info-link span{
text-decoration:underline;
}
.list-agt .list-agt-item-inr-top .agt-info .agt-info-link strong{
text-decoration:underline;
font-weight:normal;
color:var(--cmn-font-color-red);
}
.list-agt .list-agt-item-inr-top .agt-info .agt-info-link strong.cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-red);
--cmn-dashed-color:rgba(233,57,57,.6);
}
.list-agt .btn-price-detail{
display:inline-block;
margin-top:5px;
padding:1px 0 0;
color:var(--font-color-btn-link);
border:1px solid #bbb;
border-radius:3px;
width:28px;
height:25px;
background-color:#fff;
box-shadow:0 -1px 0 #bbb inset;
vertical-align:top;
text-align:center;
font-size:10px;
}
.list-agt .price{
display:block;
position:relative;
text-align:right;
}
.list-agt .price .list-agt-tag{
display:block;
font-size:11px;
width:100%;
}
.list-agt .price .list-agt-tag .font-num{
font-family:var(--font-num);
font-size:12px;
}
.list-agt .price .list-agt-tag .list-agt-tag-sup{
color:var(--font-color-btn-link);
text-align:right;
display:block;
line-height:1;
}
.list-agt .price .list-agt-tag .list-agt-tag-sup .cmn-tip-btn{
position:relative;
top:1px;
margin-right:0;
}
.list-agt .price .list-agt-tag .list-agt-tag-sup .list-agt-tag-cashless-icon{
display:inline-block;
width:15px;
height:0;
padding-top:10px;
line-height:2;
overflow:hidden;
background:url(/element/shared/images/icon/icon-cashless.svg) top left no-repeat;
margin-right:3px;
position:relative;
top:1px;
}
.list-agt .price:after{
display:block;
clear:both;
content:"";
}
.list-agt .price >a{
display:inline-block;
margin-right:-25px;
margin-left:4px;
padding-right:25px;
color:var(--cmn-font-color-base);
vertical-align:top;
}
.list-agt .price .price-amount{
display:block;
color:var(--cmn-font-color-base);
text-align:right;
font-size:10px;
}
.list-agt .price .price-amount strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.list-agt .price .price-amount small{
display:block;
margin-top:-5px;
color:var(--cmn-font-color-base);
font-weight:normal;
font-size:10px;
}
.list-agt .price .text-lang,
.list-agt .price .text-seat{
display:inline;
}
.list-agt .price strong{
vertical-align:middle;
font-size:12px;
}
.list-agt .price b{
margin:0 0 0 3px;
font-weight:bold;
font-size:17px;
font-family:var(--font-num);
}
.list-agt .price b .pcInfo{
display:block;
margin:3px 0 0 0;
padding-left:.6em;
color:var(--cmn-font-color-red);
text-align:left;
text-indent:-.6em;
font-weight:normal;
font-size:90%;
}

/* content-info-agt-footer
------------------------------------------------ */
.list-agt .content-info-agt-footer{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;

/* margin-top:6px; */
margin-top:3px;

}
.list-agt .content-info-agt-footer .content-info-footer-link{
margin:0;
}
.list-agt .content-info-agt-footer .content-info-footer-link >li{
font-size:10px;
}
.list-agt .content-info-agt-footer .content-info-footer-link >li .cmn-tip-btn{
position:relative;
top:2px;
left:-1px;
}
.list-agt .content-info-agt-footer .content-info-agt-link{
display:block;
text-align:right;
}
.list-agt .content-info-agt-footer .content-info-agt-link a{
position:relative;
color:var(--font-color-btn-link);
font-size:10px;
padding-left:9px;
}
.list-agt .content-info-agt-footer .content-info-agt-link a::before{
display:inline-block;
position:absolute;
top:4px;
left:0;
border:1px solid #666;
border-bottom-width:0;
border-left-width:0;
width:4px;
height:4px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* content-info-agt
------------------------------------------------ */
.list-agt .content-info-agt{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
position:relative;
padding:7px 0 0;
border-top:1px dotted #ccc;
}
.list-agt .content-info-agt > div{
box-sizing:border-box;
}
.list-agt .content-info-agt > div:first-child{
width:47%;
border-right:1px dotted #ccc;
}
.list-agt .content-info-agt > div:first-child .content-info-agt-inr >ul{
padding-right:2px;
}
.list-agt .content-info-agt > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.list-agt .content-info-agt > div:last-child .content-info-agt-inr >ul{
padding-left:6px;
}
.list-agt .content-info-agt > div .content-info-agt-inr{
min-height:10px;
display:block;
}
.list-agt .content-info-agt > div .content-info-agt-list{
margin:0;
font-size:10px;
}
.list-agt .content-info-agt > div .content-info-agt-list > li{
position:relative;
display:table;
-webkit-box-align:center;
align-items:center;
line-height:1.2;
margin-bottom:3px;
}
.list-agt .content-info-agt > div .content-info-agt-list > li .cmn-tip-btn{
position:relative;
margin-left:3px;
top:1px;
}
.list-agt .content-info-agt > div .content-info-agt-list > li >div{
position:relative;
display:table-cell;
}
.list-agt .content-info-agt > div .content-info-agt-list > li > div:last-child em{
color:var(--cmn-font-color-red);
}
.list-agt .content-info-agt > div .content-info-agt-list > li > div:last-child >span{
display:inline-block;
}
.list-agt .content-info-agt > div .content-info-agt-list > li > div:first-child{
box-sizing:border-box;
font-weight:normal;
font-size:10px;
white-space:nowrap;
position:relative;
}
.list-agt .content-info-agt > div .content-info-agt-list > li > div:first-child:has(+ div),
.list-agt .content-info-agt > div .content-info-agt-list > li > div:first-child:has(+ span){
white-space:nowrap;
min-width:41px;
}
.list-agt .content-info-agt > div .content-info-agt-list > li > div:first-child:has(+ div)::after,.list-agt .content-info-agt > div .content-info-agt-list > li > div:first-child:has(+ span)::after{
content:":";
display:inline-block;
margin-right:3px;
margin-left:3px;
position:relative;
top:-1px;
}
.list-agt .content-info-agt > div .content-info-agt-list > li .cmn-tip-btn{
position:relative;
top:1px;
}

/* content-info-flt
------------------------------------------------ */
.list-agt .content-info-flt{
display:-webkit-box;
display:flex;
position:relative;
padding:7px 0;
border-top:1px dotted #ccc;
}
.list-agt .content-info-flt > div{
box-sizing:border-box;
}
.list-agt .content-info-flt > div:first-child{
width:47%;
}
.list-agt .content-info-flt > div:first-child .content-info-inr >ul{
padding-right:2px;
}
.list-agt .content-info-flt > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.list-agt .content-info-flt > div:last-child .content-info-flt-inr >ul{
padding-left:6px;
border-left:1px dotted #ccc;
}
.list-agt .content-info-flt > div .content-info-flt-inr{
min-height:10px;
display:block;
}
.list-agt .content-info-flt > div .content-info-flt-list{
margin:0;
font-size:10px;
}
.list-agt .content-info-flt > div .content-info-flt-list .content-info-flt-notes{
display:block;
position:relative;
padding-left:14px;
color:var(--cmn-font-color-gray);
}
.list-agt .content-info-flt > div .content-info-flt-list .content-info-flt-notes::before{
display:block;
position:absolute;
top:0;
left:0;
vertical-align:middle;
width:16px;
height:14px;
content:"\203B";
}
.list-agt .content-info-flt > div .content-info-flt-list .content-info-flt-notes:has(>em)::before{
color:var(--cmn-font-color-red);
}
.list-agt .content-info-flt > div .content-info-flt-list .content-info-flt-notes em{
color:var(--cmn-font-color-red);
}
.list-agt .content-info-flt > div .content-info-flt-list .content-info-flt-notes .cmn-tip-info-btn,
.list-agt .content-info-flt > div .content-info-flt-list .content-info-flt-notes .cmn-tip-caution-btn{
margin-left:4px;
}
.list-agt .content-info-flt > div .content-info-flt-list .cmn-tip-btn,
.list-agt .content-info-flt > div .content-info-flt-list .cmn-tip-info-btn,
.list-agt .content-info-flt > div .content-info-flt-list .cmn-tip-caution-btn{
position:relative;
top:-1px;
margin-left:3px;
vertical-align:middle;
}
.list-agt .content-info-flt > div .content-info-flt-list > li{
display:-webkit-box;
display:flex;
box-sizing:border-box;
position:relative;
flex-wrap:wrap;
}
.list-agt .content-info-flt > div .content-info-flt-list > li > div.is-flex{
width:100%;
}
.list-agt .content-info-flt > div .content-info-flt-list > li > div em{
color:var(--cmn-font-color-red);
}
.list-agt .content-info-flt > div .content-info-flt-list > li > div span{
display:inline-block;
}
.list-agt .content-info-flt > div .content-info-flt-list > li > div:first-child{
display:inline-block;
box-sizing:border-box;
font-weight:normal;
font-size:10px;
position:relative;
}
.list-agt .content-info-flt > div .content-info-flt-list > li > div:first-child:has(+ div),
.list-agt .content-info-flt > div .content-info-flt-list > li > div:first-child:has(+ span){
white-space:nowrap;
width:60px;
padding-right:6px;
}
.list-agt .content-info-flt > div .content-info-flt-list > li > div:first-child:has(+ div)::after,.list-agt .content-info-flt > div .content-info-flt-list > li > div:first-child:has(+ span)::after{
content:":";
display:block;
position:absolute;
right:3px;
top:0;
}
.list-agt .content-info-flt > div .content-info-flt-link{
text-align:right;
display:block;
}
.list-agt .content-info-flt > div .content-info-flt-link a{
position:relative;
color:var(--font-color-btn-link);
font-size:10px;
padding-left:9px;
}
.list-agt .content-info-flt > div .content-info-flt-link a::before{
display:inline-block;
position:absolute;
top:4px;
left:0;
border:1px solid #666;
border-bottom-width:0;
border-left-width:0;
width:4px;
height:4px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* list-payment
------------------------------------------------ */
.list-agt .content-info-agt .list-payment{
display:block;
margin:0;
}
.list-agt .content-info-agt .list-payment .payment-card{
display:block;
position:relative;
}
.list-agt .content-info-agt .list-payment .payment-card .card-block{
display:block;
margin-bottom:8px;
}
.list-agt .content-info-agt .list-payment .payment-card .card-block .cmn-tip-btn{
position:relative;
top:2px;
margin:0 0 0 4px;
}
.list-agt .content-info-agt .list-payment .payment-card .payment-notes{
margin:2px 0 0 -47px;
display:block;
color:var(--cmn-font-color-gray);
}
.list-agt .content-info-agt .list-payment .payment-card .payment-notes > li{
text-indent:-1em;
margin-left:1em;
}
.list-agt .content-info-agt .list-payment .cmn-tip-caution-btn{
margin-left:4px;
position:relative;
top:1px;
}
.list-agt .content-info-agt .list-payment > li{
display:inline-block;
letter-spacing:-.04em;

}
.list-agt .content-info-agt .list-payment > li span{
display:inline-block;
}
.list-agt .content-info-agt .list-payment > li.disabled{
color:#ccc;
display:none;
}
.list-agt .content-info-agt .list-payment > li.payment-card + .disabled + li::before{
display:none;
}
.list-agt .content-info-agt .list-payment > li.payment-card + li + li::before{
color:#555;
content:"/";
display:inline-block;
}

/* list-credit
------------------------------------------------ */
.list-agt .content-info-agt .list-credit{
display:inline-block;
margin:2px 0 0 0;
vertical-align:top;
font-size:0;

}
.list-agt .content-info-agt .list-credit li{
display:inline-block;
margin:0 1px 1px 0;
}
.list-agt .content-info-agt .list-credit li img{
max-height:10px;
}

/* .list-ariline
----------------------------------------------- */
.list-ariline{
margin:10px -10px 0;
}
.list-ariline .list-ariline-desc{
padding:0 10px;
}
.list-ariline .list-ariline-desc > span{
display:block;
color:var(--cmn-font-color-base);
font-size:11px;
line-height:1.3;
}
.list-ariline .list-ariline-desc .list-airline-guide{
margin-top:5px;
font-size:11px;
line-height:1.3;
}
.list-ariline .list-ariline-desc .list-airline-guide >li{
display:-webkit-box;
display:flex;
font-weight:bold;
}
.list-ariline .list-ariline-desc .list-airline-guide >li:not(:first-child){
margin-top:3px;
}
.list-ariline .list-ariline-desc .list-airline-guide >li span:first-child{
white-space:nowrap;
}
.list-ariline .list-ariline-desc .list-airline-guide >li span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.list-ariline table{
border-collapse:collapse;
border-top:1px solid #c1c1c1;
width:100%;
table-layout:fixed;
font-weight:bold;
}
.list-ariline th{
padding:6px 1px 5px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
width:25%;
background:#eee;
vertical-align:middle;
text-align:center;
font-weight:normal;
font-size:12px;
}
.list-ariline th:first-child{
border-left:none;
width:82.5px;
color:var(--cmn-font-color-red);
background-color:#fdf6f6;
position:relative;
padding-left:35px;
box-sizing:border-box;
}
.list-ariline th:first-child::before{
display:inline-block;
position:absolute;
top:8px;
left:5px;
margin-right:6px;
border:1px solid rgba(277,7,7,.4);
border-radius:50%;
width:23px;
height:10px;
content:"";
vertical-align:middle;
}
.list-ariline th:first-child::after{
content:"\FF1A";
display:inline-block;
position:absolute;
left:29px;
top:50%;
margin-top:-9px;
}
.list-ariline td{
padding:0;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
vertical-align:middle;
text-align:center;
font-size:9px;
}
.list-ariline td a{
display:block;
padding-right:6px;
color:var(--cmn-font-color-link);
text-decoration:none;
}
.list-ariline td a span{
display:block;
text-align:right;
font-weight:normal;
font-size:10px;
}
.list-ariline td a span b{
font-weight:bold;
font-size:12px;
font-family:var(--font-num);
}
.list-ariline td.low-price{
position:relative;
}
.list-ariline td.low-price::after{
position:absolute;
content:"";
display:block;
top:17%;
left:2%;
width:95%;
height:60%;
border:1px solid rgba(277,7,7,.4);
border-radius:50%;
}
.list-ariline td:first-child{
border-left:none;
text-align:center;
}
.list-ariline td:first-child a{
padding:2px 1px 4px;
text-decoration:none;
}
.list-ariline td:first-child a b{
display:block;
color:var(--cmn-font-color-base);
text-align:center;
font-weight:normal;
font-size:10px;
line-height:1.2;
}
.list-ariline td:first-child a img{
max-width:65px;
vertical-align:top;
}
.list-ariline td:first-child >span{
min-height:40px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
font-size:12px;
}

/* .list-option
----------------------------------------------- */
.list-option li{
padding:0 10px;
border-bottom:1px solid #e5e5e5;
}
.list-option li:last-child{
border-bottom:none;
}
.list-option li .checkbox-custom{
box-sizing:border-box;
padding-top:10px;
padding-bottom:10px;
min-height:44px;
font-size:14px;
}
.list-option li .radio-custom{
box-sizing:border-box;
padding-top:12px;
padding-bottom:12px;
min-height:44px;
font-size:14px;
}
.list-option li ul li{
padding-left:25px;
}
.list-option li ul li .radio-custom{
box-sizing:border-box;
padding-top:12px;
padding-bottom:12px;
min-height:50px;
font-size:14px;
}
.list-option li ul li:last-child{
border-bottom:none;
}
.list-option .list-option-col2 >span{
position:relative;
}
.list-option .list-option-col2 >span:first-child{
display:inline-block;
box-sizing:border-box;
width:100%;
position:relative;
padding-right:95px;
font-size:14px;
padding-left:50px;
}
.list-option .list-option-col2 >span:first-child .site-info-primary{
display:block;
font-size:12px;
color:var(--cmn-font-color-gray);
margin-top:4px;
}
.list-option .list-option-col2 >span:first-child .site-info-primary >span:not(:last-child):after{
content:"\FF0F";
display:inline-block;
margin-left:1px;
}
.list-option .list-option-col2 >span:first-child .site-info-primary .cmn-tip-caution-btn{
margin-left:4px;
}
.list-option .list-option-col2 >span:first-child .site-info-primary +.site-info{
margin-top:0px;
}
.list-option .list-option-col2 >span:first-child .site-info{
display:block;
text-indent:0;
margin-top:4px;

}
.list-option .list-option-col2 >span:first-child .site-info >span{
display:inline-block;
font-size:12px;
color:var(--cmn-font-color-gray);
margin-right:1px;
line-height:1.4;
}
.list-option .list-option-col2 >span:first-child .site-info >span:not(:last-child):after{
content:"\FF0F";
display:inline-block;
margin-left:1px;
}
.list-option .list-option-col2 >span:first-child .site-info .cmn-tip-caution-btn{
position:relative;
top:-1px;
margin-left:3px;
}
.list-option .list-option-col2 >span:first-child img{
margin-right:10px;
position:absolute;
top:2px;
left:0;
}
.list-option .list-option-col2 >span:first-child:last-child{
padding-right:0;
}
.list-option .list-option-col2 >span:first-child img{
display:inline-block;
width:40px;
height:auto;
vertical-align:top;
}
.list-option .list-option-col2 >span:last-child:not(:first-child){
display:block;
position:absolute;
top:4px;
right:0;
width:100px;
text-align:right;
}

/* list-option-02
------------------------------------------------ */
.list-option-02{
margin-bottom:7px;
}
.list-option-02 >li{
padding:0 10px;
}
.list-option-02 li label{
box-sizing:border-box;
padding:13px 10px 12px 25px;
min-height:44px;
font-size:14px;
}
.list-option-02 li .radio-custom{
box-sizing:border-box;
padding:10px 10px 9px 25px;
min-height:44px;
font-size:14px;
}
.list-option-02 li ul{
margin-left:25px;
}

/* .list-airport
------------------------------------------------ */
.list-airport-toggle-container.active .list-airport-toggle-item{
display:block;
}
.list-airport-toggle-container.active .list-airport-toggle-btn::after{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.list-airport-toggle-container .list-airport-toggle-item{
display:none;
}
.list-airport-toggle-container .list-airport-toggle-item a{
padding-left:34px;
}
.list-airport-toggle-container .list-airport-toggle-btn::after{
display:block;
position:absolute;
top:15px;
right:10px;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 50%;
background-repeat:no-repeat;
background-size:11px 11px;
content:"";
}
.list-airport{
margin:0 -10px;
}
.list-airport.is-branch{
margin-bottom:100px;
}
.list-airport a{
box-sizing:border-box;
display:-webkit-box;
display:flex;
position:relative;
-webkit-box-align:center;
align-items:center;
padding:5px 25px 5px 10px;
min-height:40px;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1.3;
border-bottom:1px solid #e5e5e5;
}
.list-airport a .list-airport-sup{
margin-right:3px;
display:inline-block;
}
.list-airport a .list-airport-number{
display:inline-block;
color:var(--cmn-font-color-gray);
font-size:11px;
margin-right:3px;
}
.list-airport a .list-airport-name{
display:inline-block;
font-size:11px;
}

/* .list-airport-area
------------------------------------------------ */
.list-airport-area{
margin:0 -10px;
}
.list-airport-area li{
border-bottom:1px solid #e5e5e5;
}
.list-airport-area a{
box-sizing:border-box;
display:-webkit-box;
display:flex;
position:relative;
-webkit-box-align:center;
align-items:center;
padding:5px 25px 5px 10px;
min-height:40px;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1.3;
}
.list-airport-area a::after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#888;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* ----------------------------------------------------------------
    link
----------------------------------------------------------------- */
/* .link-history-back
----------------------------------------------- */
/* link-history-back
---------------------------------- */
a.link-history-back{
margin:0 0 -1px;
padding:4px 0 4px 15px;
border-bottom:1px solid #000;
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{
margin-top:-3px;
content:"";
display:block;
width:12px;
height:7px;
position:absolute;
top:50%;
left:0;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
background:url(/element/shared/images/icon/icon-chevron-up-wht.svg) no-repeat 0 0;
}

/* .link-history-back{
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:5px;
border-bottom:1px solid #e2e2e2;
min-height:40px;
color:#555;
background-color:#f5f5f5;
font-size:14px;
line-height:1.35;
-webkit-box-pack:center;
justify-content:center;
}

main > .link-history-back{
margin:-10px -10px 10px;
}

.link-history-back > span{
display:inline-block;
position:relative;
padding-left:10px;
}

.link-history-back > span::before{
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#555;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
} */
/* link-arrow
------------------------------------------------ */
.link-arrow{
display:block;
position:relative;
}
.link-arrow:after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
border:2px solid #fff;
border-bottom-width:0;
border-left-width:0;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

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

/* ----------------------------------------------------------------
  Navigation
----------------------------------------------------------------- */
/* .tab-nav-flight
----------------------------------------------- */
.tab-nav-flight{
display:-webkit-box;
display:flex;
margin:0 -10px 15px;
padding:0 10px;
-webkit-box-pack:justify;
justify-content:space-between;
}
.tab-nav-flight li{
flex:1;
-webkit-box-flex:1;
}
.tab-nav-flight li.going a,
.tab-nav-flight li.going em{
border-right:none;
border-radius:3px 0 0 3px;
}
.tab-nav-flight li.return a,
.tab-nav-flight li.return em{
border-left:none;
border-radius:0 3px 3px 0;
}
.tab-nav-flight li a,
.tab-nav-flight li em{
display:block;
padding:10px 0;
border-right:1px solid #aaa;
border-left:1px solid #aaa;
color:var(--cmn-font-color-base);
background-color:#fff;
text-align:center;
font-weight:bold;
font-size:12px;
}
.tab-nav-flight li a{
border:1px solid #bbb;
color:var(--cmn-font-color-base);
background-color:#f5f5f5;
}
.tab-nav-flight li em{
border:1px solid #666;
color:#fff;
background-color:#666;
}

/* .tab-nav-flight-03-container
----------------------------------------------- */
.tab-nav-flight-03-container{
position:relative;
margin:0 -10px;
padding:8px 102px 8px 10px;
background-color:#444;
color:#fff;
box-shadow:0px 2px 4px rgba(0, 0, 0, .2);
}
.tab-nav-flight-03-container .tab-nav-flight-03{
display:-webkit-box;
display:flex;
margin:0;
padding-bottom:4px;
padding-right:8px;
gap:0 16px;
overflow:hidden;
overflow-x:scroll;
}
.tab-nav-flight-03-container .tab-nav-flight-03::-webkit-scrollbar{
display:none;
}
.tab-nav-flight-03-container .tab-nav-flight-03.is-branch{
gap:0 16px;
}
.tab-nav-flight-03-container .tab-nav-flight-03 >li a,
.tab-nav-flight-03-container .tab-nav-flight-03 >li em{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
color:#fff;
padding:4px 0;
height:30px;
font-size:12px;
line-height:1.35;
text-align:center;
white-space:nowrap;
}
.tab-nav-flight-03-container .tab-nav-flight-03 >li.active a::after,.tab-nav-flight-03-container .tab-nav-flight-03 >li.active em::after{
position:absolute;
bottom:-4px;
left:0;
content:"";
display:block;
width:100%;
height:2px;
background-color:#fff;
}
.tab-nav-flight-03-container .btn-nav-dp{
position:absolute;
right:10px;
top:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:3px 5px;
background-color:#666666;
border:1px solid #999999;
border-radius:4px;
font-size:12px;
line-height:1.35;
color:#fff;
width:92px;
height:40px;
text-align:center;
box-sizing:border-box;
}

@media screen and (max-width: 360px){
.tab-nav-flight-03-container .tab-nav-flight-03{
gap:0 12px;
}
}

/* .tab-flight
----------------------------------------------- */
.tab-flight{
position:relative;
margin:0 -10px;
padding:0 10px;
background-color:#fff;
}
.tab-flight .flt-info{
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #d9d9d9;
}
.tab-flight .btn-07{
margin-bottom:0;
}
.tab-flight .flt-item > li:first-child >a:first-child{
border-top:none;
}
.tab-flight .flt-item > li{
display:block;
position:relative;
border-top:6px solid #666;
}
.tab-flight.going .flt-item > li.active + li,
.tab-flight.return .flt-item > li.active + li{
border-top:none;
}
.tab-flight.going .flt-item > li.active{
border-top:6px solid #389ab3;
border-bottom:6px solid #389ab3;
}
.tab-flight.going .flt-item > li.active:before{
display:block;
position:absolute;
top:0;
left:0;
width:5px;
height:100%;
background-color:#389ab3;
content:"";
}
.tab-flight.going .flt-item > li.active:after{
display:block;
position:absolute;
top:0;
right:0;
width:5px;
height:100%;
background-color:#389ab3;
content:"";
}
.tab-flight.return .flt-item > li.active{
border-top:6px solid #f09d03;
border-bottom:6px solid #f09d03;
}
.tab-flight.return .flt-item > li.active:before{
display:block;
position:absolute;
top:0;
left:0;
width:5px;
height:100%;
background-color:#f09d03;
content:"";
}
.tab-flight.return .flt-item > li.active:after{
display:block;
position:absolute;
top:0;
right:0;
width:5px;
height:100%;
background-color:#f09d03;
content:"";
}
.tab-flight.return .flt-item > li.active + li a:first-child{
border-top:none;
}

/* .tab-flight-container
----------------------------------------------- */
.tab-flight-container{
margin:0 -10px;
padding:0 10px;
background-color:#fff;
}
.tab-flight-container .loading-progressbar{
padding-top:10px;
}
.tab-flight-container .tab-flight-add-01{
padding:10px 0;
}
.tab-flight-container .tab-flight-add-01 .tab-flight-notes{
color:#555;
font-size:12px;
}
.tab-flight-container .tab-flight-add-01 .tab-flight-sort{
display:block;
}
.tab-flight-container .tab-flight-add-01 .tab-flight-sort select{
width:100%;
font-weight:bold;
}
.tab-flight-container .tab-flight-add-02{
padding:15px 0;
}
.tab-flight-container .tab-flight-add-02 .tab-flight-sort{
display:block;
}
.tab-flight-container .tab-flight-add-02 .tab-flight-sort select{
width:100%;
}
.tab-flight-container .tab-flight-add-03{
padding:0 0 12px;
}
.tab-flight-container .tab-flight-add-03 .toggle-item{
margin-bottom:0;
}

/* tab-navi
------------------------------------------------- */
.tab-navi{
position:relative;
display:-webkit-box;
display:flex;
margin:0 -10px 10px;
border-bottom:1px solid #bbb;
}
.tab-navi li{
-webkit-box-flex:1;
flex:1;
background-color:#f5f5f5;
text-align:center;
line-height:1.3;
position:relative;
border-top:1px solid #bbb;
}
.tab-navi li:not(:last-child){
border-right:1px solid #bbb;
}
.tab-navi li:last-child:first-child{
border-right:1px solid #bbb;
}
.tab-navi li a{
color:var(--cmn-font-color-base);
}
.tab-navi li a,
.tab-navi li em{
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:5px 3px 4px;
min-height:45px;
color:var(--font-color-btn-link);
text-align:center;
font-size:14px;
-webkit-box-pack:center;
justify-content:center;
font-weight:normal;
}
.tab-navi li.active{
border-bottom:none;
background-color:#fff;
box-shadow:none;
}
.tab-navi li.active::before{
content:"";
width:100%;
height:1px;
background-color:#fff;
position:absolute;
left:0;
bottom:-1px;
}
.tab-navi li.active a,
.tab-navi li.active em{
color:var(--cmn-font-color-base);
}
.tab-navi li.is-disabled{
display:none;
}
.tab-navi li.tab-round{
box-shadow:none;
}
.tab-navi li small{
display:block;
font-weight:normal;
font-size:11px;
}

/* tab-container
------------------------------------------------- */
.tab-container{
overflow:hidden;
position:relative;
margin:0 -10px;
padding:0 10px;
}
.tab-container .tab-content{
margin:0 -10px;
}

/* tab-content
------------------------------------------------- */
.tab-content{
display:none;
margin-bottom:15px;
}
.tab-content > :first-child{
margin-top:0;
}
.tab-content.active{
display:block;
}

/* -----------------------------------------------------------------------------*/
/* kakunin */
.active .tab-content{
display:block;
}

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

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

/* .btn-02
----------------------------------------------- */
.btn-02{
display:block;
margin:15px 0;
padding:10px 5px 8px;
border:none;
border:1px solid rgb(187, 187, 187);
border-style:solid;
border-radius:3px;
width:100%;
background-color:#fff;
box-shadow:inset 0 -2px 0 0 rgba(187, 187, 187, 1);
font-size:14px;
}

/* .btn-03
----------------------------------------------- */
.btn-03{
box-sizing:border-box;
display:block;
position:relative;
margin:5px 0;
padding:6px 10px 9px;
border:none;
border-radius:4px;
width:100%;
color:#fff;
background-color:var(--cmn-btn-color);
font-weight:normal;
font-size:14px;
text-align:center;
vertical-align:middle;
}
.btn-03 .cmn-loading-spinner-dot-wht{
margin-top:0;
margin-bottom:0;
width:18px;
height:18px;
}

/* .btn-05
----------------------------------------------- */
.btn-05{
position:relative;
margin:0;
padding:5px 5px;
border:1px solid #bbb;
border-radius:3px;
min-width:84px;
color:#555;
background-color:#fff;
text-align:center;
font-weight:bold;
font-size:14px;
}

/* .btn-06
----------------------------------------------- */
.btn-06{
display:block;
margin:0 auto;
padding:7px 12px 9px;
border:none;
border-radius:4px;
color:#fff;
background-color:var(--cmn-btn-color);
font-weight:normal;
font-size:16px;
text-align:center;
min-height:42px;
width:100%;
}

/* .btn-10
----------------------------------------------- */
.btn-10{
position:relative;
position:absolute;
padding:0 12px 0 25px;
border-width:1px;
border-style:solid;
border-color:rgb(187, 187, 187);
border-radius:3px;
min-height:35px;
color:#555;
background-color:#fff;
box-shadow:inset 0 -2px 0 0 rgba(187, 187, 187, 1);
font-weight:bold;
font-size:13px;
}
.btn-10:after{
display:block;
position:absolute;
top:50%;
left:10px;
margin-top:-6px;
border-right:2px solid #555;
border-bottom:2px solid #555;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* btn-11
-------------------------------------- */
.btn-11{
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:#555;
background:none;
background-color:#fff;
box-shadow:inset 0px -3px 0px 0px rgba(0, 0, 0, .2);
vertical-align:middle;
text-align:center;
font-size:13px;
font-weight:bold;
line-height:1.4;
-webkit-box-pack:center;
justify-content:center;
}

/* btn-sub
------------------------------------------------ */
.btn-sub{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
text-align:center;
margin:0;
padding:0 3px;
border-radius:4px;
width:132px;
min-height:43px;
background:none;
background-color:#777;
color:#fff;
font-size:12px;
}

/* btn-reset
------------------------------------------------ */
.btn-reset{
margin:0;
padding:0 3px;
border:none;
border-radius:4px;
width:100%;
min-height:42px;
height:100%;
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-add-section
----------------------------------------------- */
.btn-add-section{
margin:5px 0 20px;
padding-top:6px;
padding-bottom:7px;
color:var(--cmn-font-color-base);
font-weight:normal;
font-size:13px;
}
.btn-add-section span{
display:inline-block;
padding-left:18px;
background:url(/element/shared/images/icon/icon-toggle-plus-circle.svg) 0 50% no-repeat;
background-size:14px 14px;
vertical-align:middle;
}

/* .btn-search
----------------------------------------------- */
.btn-search{
box-sizing:border-box;
display:block;
position:relative;
margin:0;
padding:6px 20px 5px 8px;
border:none;
border:1px solid #bbb;
border-radius:4px;
width:100%;
min-height:38px;
color:var(--font-color-placeholder);
background:none;
background-color:#fff;
text-align:left;
font-size:16px;
line-height:1.3;
}
.btn-search span{
display:block;
}
.btn-search span small{
display:block;
font-size:13px;
}
.btn-search:after{
display:block;
position:absolute;
top:50%;
right:11px;
margin-top:-5px;
border-right:2px solid #949494;
border-bottom:2px solid #949494;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.btn-search label{
padding:7px 5px;
font-size:16px;
}

/* .btn-date
----------------------------------------------- */
.btn-date{
padding-right:5px;
border:1px solid #adadad;
border-top-color:#999;
border-radius:3px;
width:100%;
background:none;
background-color:#fff;
box-shadow:inset 0 1px 3px #bbb;
font-size:12px;
}
.btn-date:after{
display:none;
}
.btn-date b{
font-weight:normal;
}
.btn-date[disabled]{
opacity:.4;
}

/* .btn-clear-txt
----------------------------------------------- */
.btn-clear-txt{
overflow:hidden;
display:block;
position:relative;
padding-top:38px;
border:none;
width:30px;
height:0;
background:none;
box-shadow:none;
line-height:2;
}
.btn-clear-txt:before{
display:block;
position:absolute;
top:11px;
left:5px;
width:15px;
height:15px;
background:url(/element_sp/shared/images/icon/icon-del.svg) 50% 50% no-repeat;
content:"";
background-size:14px;
}

/* .btn-tel
----------------------------------------------- */
.btn-tel{
display:block;
position:relative;
padding:15px 20px 15px 30px;
color:#555;
text-align:center;
font-weight:bold;
font-size:17px;
}
.btn-tel:before{
display:block;
position:absolute;
top:50%;
left:5px;
margin-top:-12px;
width:17px;
height:23px;
background:url(/element_sp/w_air/shared/images/icon_tel01_001.png) 0 0 no-repeat;
background-size:100%;
content:"";
}
.btn-tel:after{
display:block;
position:absolute;
top:50%;
right:8px;
margin-top:-5px;
border-right:3px solid #a1a1a1;
border-bottom:3px solid #a1a1a1;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .btn-price-detail
----------------------------------------------- */
.btn-price-detail{
display:block;
padding:3px 2px;
border:solid 1px #bbb;
border-radius:3px;
color:var(--cmn-font-color-base);
background:#fff;
box-shadow:#e1e0e0 0 -2px 0 0 inset;
font-size:11px;
}

/* btn-container
------------------------------------------------ */
.btn-container{
margin:0 auto;
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-pack:center;
justify-content:center;
gap:0 8px;

/* min-width: calc((100% + 20px) * .6); */
/* max-width: calc((100% + 20px) * .8); */
width:calc((100% + 20px) * .8);
}
.btn-container > li:first-child:last-child{
min-width:calc(75%);
}
.btn-container > li:first-child:not(:last-child){
-webkit-box-flex:0;
flex:none;
width:60px;
}
.btn-container > li:last-child:not(:first-child){
-webkit-box-flex:1;
flex:1;
}

/* ----------------------------------------------------------------
    table
----------------------------------------------------------------- */
/* tbl-price
----------------------------------------------- */
.tbl-price-container{
margin:0 -10px;
}
.tbl-price-container .price-add{
padding:0 10px 10px;
}
.tbl-price-container .price-add .under-info{
display:block;
padding:0;
line-height:1.4;
}
.tbl-price-container .tbl-price-add{
padding:10px;
}
.tbl-price-container .tbl-price-add .tbl-price-notes{
display:block;
font-size:12px;
line-height:1.3;
color:var(--font-color-btn-link);
}
.tbl-price-container .tbl-price-add .tbl-price-notes.mark{
position:relative;
margin-left:1em;
text-indent:-1em;
}
.tbl-price-container .price-info{
padding:10px;
font-size:13px;
}
.tbl-price-container .price-info .price-info-text{
text-align:center;
line-height:1.4;
}
.tbl-price{
display:table;
margin:8px 0;
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.tbl-price .tbl-tr{
display:table-row;
}
.tbl-price .tbl-th,
.tbl-price .tbl-td{
display:table-cell;
padding:3px 0;
font-weight:normal;
font-size:13px;
}
.tbl-price .tbl-th{
padding-left:10px;
text-align:left;
}
.tbl-price .tbl-td{
padding-right:10px;
width:8em;
text-align:right;
line-height:1.2;
}
.tbl-price .tbl-td > span{
display:block;
position:relative;
font-size:14px;
}
.tbl-price .tbl-td > span:before{
display:block;
position:absolute;
top:0;
left:-10px;
content:":";
}
.tbl-price .tbl-td > span .price-num{
font-size:16px;
font-family:var(--font-num);
}
.tbl-price .tbl-td > span .cnt-num{
font-size:16px;
font-family:var(--font-num);
}
.tbl-price .tbl-price-subtotal .tbl-th,
.tbl-price .tbl-price-subtotal .tbl-td{
font-weight:bold;
}
.tbl-price .tbl-price-subtotal .tbl-td span{
font-weight:normal;
}
.tbl-price .tbl-price-subtotal .tbl-td span .price-num{
font-weight:bold;
}

/* ----------------------------------------------------------------
  Box
----------------------------------------------------------------- */
/* .box-filter-02
----------------------------------------------- */
.box-filter-02{
box-sizing:border-box;
position:relative;
margin-top:12px;
padding:12px 60px 12px 12px;
border-radius:3px;
min-height:96px;
background-color:#fff;
box-shadow:0 2px 1px 0 rgba(0, 0, 0, .15);
color:var(--cmn-font-color-base);
}
.box-filter-02 .filter-route{
overflow:hidden;
margin-bottom:5px;
}
.box-filter-02 .filter-route .filter-route-item > div{
margin-bottom:7px;
padding-bottom:7px;
border-bottom:1px solid #ddd;
}
.box-filter-02 .filter-route .filter-route-item > div:last-child{
margin-bottom:0;
padding-bottom:0;
border-bottom:none;
}
.box-filter-02 .filter-route .filter-route-item > div .filter-date{
padding-left:40px;
}
.box-filter-02 .filter-route .filter-route-item > div .filter-date .filter-date-sup{
color:#555;
font-size:11px;
}
.box-filter-02 .filter-route .filter-route-hdg{
overflow:hidden;
display:block;
font-weight:bold;
font-size:14px;
line-height:1.3;
}
.box-filter-02 .filter-route .filter-catch{
display:block;
float:left;
margin-right:4px;
width:35px;
}
.box-filter-02 .filter-route .filter-catch b{
display:block;
width:33px;
height:15px;
color:#fff;
background-color:#797979;
text-align:center;
font-size:10px;
line-height:15px;
}
.box-filter-02 .filter-route .ico-route{
overflow:hidden;
display:inline-block;
position:relative;
bottom:1px;
margin:0 4px;
padding-top:8px;
width:15px;
height:0;
background:url(/element_sp/w_air/shared/images/icon-arrow-round.svg) 0 0 no-repeat;
background-size:100%;
vertical-align:middle;
line-height:1;
}
.box-filter-02 .filter-route .ico-route.single{
background:url(/element_sp/w_air/shared/images/icon-arrow-oneway.svg) 0 0 no-repeat;
}
.box-filter-02.filter-oneway .filter-route .ico-route,
.box-filter-02.filter-open .filter-route .ico-route{
background:url(/element_sp/w_air/shared/images/icon-arrow-oneway.svg) 0 0 no-repeat;
}
.box-filter-02 .filter-date{
margin-bottom:3px;
}
.box-filter-02 .filter-date .date-num{
font-family:var(--font-num);
}
.box-filter-02 .filter-date ul{
display:-webkit-box;
display:flex;
margin:0;
}
.box-filter-02 .filter-date ul > li{
position:relative;
line-height:1.2;
}
.box-filter-02 .filter-date ul > li:nth-child(2n){
padding-left:15px;
}
.box-filter-02 .filter-date ul > li:nth-child(2n):before{
position:absolute;
top:16px;
left:5px;
content:"-";
}
.box-filter-02 .filter-words{
margin-left:-10px;
font-size:12px;
line-height:1.2;
}
.box-filter-02 .filter-words > span{
display:inline-block;
margin-left:10px;
}
.box-filter-02 .btn-filter{
box-sizing:border-box;
display:inline-block;
position:absolute;
top:10px;
right:10px;
padding:4px 10px 0;
border:none;
border:1px solid #bbb;
border-radius:4px;
width:48px;
height:42px;
color:var(--cmn-font-color-base);
background:none;
box-shadow:inset 0 -3px 0 0 #d9d9d9;
text-align:center;
font-size:12px;
line-height:1.3;
}

/* .box-intro
----------------------------------------------- */
.box-intro{
position:relative;
margin:0 -10px 12px;
padding:12px 4px ;
box-shadow:0 0 6px rgba(0,0,0,.3);
}
.box-intro .flt-item{
margin:0 auto;
width:310px;
}
.box-intro .flt-item .flt-info{
margin:0 auto;
padding-bottom:0;
border-bottom:none;
-webkit-box-align:end;
align-items:flex-end;
}
.box-intro .flt-item .flt-term-bottom{
display:block;
min-height:14px;
padding-top:1px;
position:relative;
}
.box-intro .flt-item.sch-item-transit-01 .flt-term .flt-term-bottom::before{
position:absolute;
top:-9px;
left:50%;
margin-left:-4px;
content:"";
display:block;
width:5px;
height:5px;
background-color:#fff;
border:2px solid #aaa;
border-radius:50%;
z-index:1;
}
.box-intro .flt-item.sch-item-transit-02 .flt-term .flt-term-bottom::before{
position:absolute;
top:-9px;
left:35%;
content:"";
display:block;
width:5px;
height:5px;
background-color:#fff;
border:2px solid #aaa;
border-radius:50%;
z-index:1;
}
.box-intro .flt-item.sch-item-transit-02 .flt-term .flt-term-bottom::after{
position:absolute;
top:-9px;
right:35%;
content:"";
display:block;
width:5px;
height:5px;
background-color:#fff;
border:2px solid #aaa;
border-radius:50%;
z-index:1;
}
.box-intro .flt-term-top{
position:relative;
min-height:19px;
padding:4px 0 5px;
margin-bottom:2px;
height:50%;
vertical-align:bottom;
line-height:1.3;
box-sizing:border-box;
}
.box-intro .flt-term-top:first-child{
margin-top:0;
height:50%;
}
.box-intro .flt-term-top > span{
display:block;
}
.box-intro .flt-term-top .flt-term-transit{
margin-left:4px;
}
.box-intro .flt-term-top .flt-term-transit .icon-car,
.box-intro .flt-term-top .flt-term-transit .icon-bus{
margin-left:2px;
}
.box-intro .flt-airport{
font-size:14px;
width:auto;
min-height:33px;
margin-bottom:5px;
}
.box-intro .flt-airport small{
font-size:11px;
}
.box-intro .flt-airport b{
font-size:13px;
}

/* .box-intro-02
----------------------------------------------- */
.box-intro-02{
position:relative;
margin:0 -10px;
padding:8px 140px 8px 15px;
border-bottom:1px solid #d9d9d9;
background-color:#fff;
}
.box-intro-02 p{
display:block;
margin:-4px 0 00;
color:var(--cmn-font-color-base);
font-size:10px;
}
.box-intro-02 p b{
display:block;
margin-bottom:-3px;
color:var(--cmn-font-color-red);
font-weight:normal;
font-size:17px;
}
.box-intro-02 p b small{
margin-right:3px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:11px;
}
.box-intro-02 p b span{
font-size:14px;
}
.box-intro-02 button{
position:absolute;
top:50%;
right:10px;
margin-top:-18px;
}
.box-intro-02 .price{
font-weight:bold;
font-size:19px;
font-family:var(--font-num);
}

/* ticket-header-container
------------------------------------------------ */
.ticket-header-container{
margin:0 -10px;
padding:0 10px;
margin-bottom:10px;
}
.ticket-header-container .ticket-header{
display:-webkit-box;
display:flex;
margin:0 -10px;
padding:10px;
margin-bottom:10px;
box-shadow:0 0 6px rgba(0,0,0,.3);
}
.ticket-header-container .ticket-header .ticket-header-sup{
-webkit-box-flex:1;
flex:1;
display:grid;
-webkit-box-align:center;
align-items:center;
}
.ticket-header-container .ticket-header .ticket-header-sup > span{
font-weight:bold;
font-size:12px;
}
.ticket-header-container .ticket-header .ticket-header-sup .flt-label{
display:block;
font-weight:normal;
font-size:12px;
}
.ticket-header-container .ticket-header .ticket-header-detail{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
width:180px;
}
.ticket-header-container .ticket-header .ticket-header-detail >div:first-child{
width:30px;
padding-top:3px;
margin-right:10px;
}
.ticket-header-container .ticket-header .ticket-header-detail >div:last-child{
text-align:right;
}
.ticket-header-container .ticket-header .ticket-header-detail .ticket-header-detail-price{
color:var(--cmn-font-color-red);
font-size:12px;
}
.ticket-header-container .ticket-header .ticket-header-detail .ticket-header-detail-price .font-num{
font-weight:bold;
font-size:20px;
}
.ticket-header-container .ticket-header .ticket-header-detail .ticket-header-detail-sup{
font-size:12px;
display:inline-block;
}
.ticket-header-container .ticket-header .ticket-header-detail .ticket-header-detail-note{
display:block;
font-size:12px;
}
.ticket-header-container .ticket-header .ticket-header-detail .ticket-header-detail-btn{
width:30px;
height:24px;
padding:1px 0;
background:none;
border-radius:3px;
border:1px solid #bbb;
box-shadow:inset 0 -2px 0 0 rgba(187, 187, 187, 1);
font-size:12px;
line-height:1;
background-color:#fff;
}
.ticket-header-container .ticket-header-att{
position:relative;
padding-left:18px;
margin-bottom:5px;
font-size:12px;
}
.ticket-header-container .ticket-header-att::before{
content:"";
display:block;
position:absolute;
left:0;
top:2px;
width:14px;
height:12px;
vertical-align:top;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
}
.ticket-header-container .ticket-header-notes >li{
font-size:12px;
margin-left:1em;
}
.ticket-header-container .ticket-header-notes >li::before{
text-indent:-1em;
content:"\30FB";
display:inline-block;
}
.ticket-header-container .ticket-header-notes >li:not(:first-child){
margin-top:3px;
}
.ticket-header-container .ticket-header-notes >li em{
color:var(--cmn-font-color-red);
}

/* .sch-add
----------------------------------------------- */
.sch-add{
margin-top:12px;
padding:0 0 12px;
}
.sch-add .sch-add-guide >li{
font-size:12px;
}
.sch-add .sch-add-notes{
font-size:12px;
margin:0;
}
.sch-add .sch-add-notes .cmn-tip-btn{
position:relative;
top:1px;
}

/* sticky-sch
------------------------------------------------ */
.sticky-sch{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.sticky-sch >div:first-child{
width:165px;
color:#fff;
margin-right:10px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}
.sticky-sch >div:last-child{
-webkit-box-flex:1;
flex:1;
text-align:right;
}
.sticky-sch .sticky-sch-sup{
font-size:12px;
margin-top:2px;
}
.sticky-sch .sticky-sch-note{
display:block;
font-size:12px;
text-align:right;
width:100%;
}
.sticky-sch .sticky-sch-price{
font-size:12px;
-webkit-box-flex:1;
flex:1;
text-align:right;
}
.sticky-sch .sticky-sch-price .font-num{
font-size:20px;
font-weight:bold;
}
.sticky-sch .sticky-sch-btn{
display:block;
padding:8px 3px 7px;
min-height:42px;
border:none;
border-radius:4px;
width:100%;
color:#fff;
background-color:var(--cmn-btn-color);
text-align:center;
font-weight:normal;
font-size:16px;
}

/* box-schedule
---------------------------------- */
.box-schedule .sch-item{
padding:8px;
border:1px solid #bbb;
border-radius:6px;
}

/* .box-schedule
----------------------------------------------- */
.box-schedule-container{
margin:0 -10px;
padding:10px 10px 15px;
background-color:#e5e5e5;
}
.box-schedule-container .sch-add{
margin-bottom:0;
}
.box-schedule-container .box-schedule{
position:relative;
margin-top:10px;
padding:10px;
background-color:#fff;
}
.box-schedule-container > :first-child{
margin-top:0;
}
.box-schedule .schedule-header-container{
position:relative;
margin-bottom:10px;
border-bottom:1px solid #e1e1e1;
overflow:hidden;
}
.box-schedule .schedule-header-container .schedule-header{
padding:0 0 5px;
}
.box-schedule .schedule-header-container .schedule-header h2{
display:inline-block;
margin-right:5px;
vertical-align:bottom;
font-size:16px;
}
.box-schedule .schedule-header-container .schedule-header .schedule-time{
display:inline-block;
vertical-align:middle;
font-weight:bold;
font-size:14px;
position:relative;
top:-1px;
}
.box-schedule .schedule-header-container .schedule-header .schedule-time-info{
display:inline-block;
vertical-align:middle;
font-size:11px;
position:relative;
top:-2px;
}
.box-schedule .schedule-header-container .btn-schedule{
position:absolute;
top:-3px;
right:0;
margin-bottom:10px;
padding:5px 12px 5px 5px;
border:none;
color:#555;
background:none;
background-size:14px;
font-size:11px;
}
.box-schedule .schedule-header-container .btn-schedule:after{
display:block;
position:absolute;
top:50%;
right:2px;
margin-top:-4px;
border:1px solid #8e8e8e;
border-bottom-width:0;
border-left-width:0;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.box-schedule .schedule-notes{
display:block;
margin:10px 0;
font-size:10px;
line-height:1.3;
}
.box-schedule .schedule-notes > span{
display:block;
}
.box-schedule .schedule-notes > span.mark{
padding-left:1em;
text-indent:-1em;
}
.box-schedule .flt-item{
margin:0;
margin-left:0;
}
.box-schedule .flt-airport{
font-size:14px;
}
.box-schedule .flt-airport small{
font-size:11px;
}
.box-schedule .flt-airport b{
font-size:16px;
}

/* box-schedule
------------------------------------------------ */
.box-schedule .sch-notes{
margin:15px 0;
padding:0 10px;
color:var(--cmn-font-color-base);
}
.box-schedule .sch-notes >ul{
margin:0;
}
.box-schedule .sch-notes >ul li{
font-size:12px;
}
.box-schedule .sch-notes >ul li:not(:first-child){
margin-top:3px;
}
.box-schedule .sch-notes >ul li .sch-notes-key{
color:var(--cmn-font-color-red);
}
.box-schedule .sch-notes >ul li.sch-notes-indent{
text-indent:-1em;
margin-left:1em;
}

/* sch-notes
------------------------------------------------ */
.box-schedule-container .sch-notes{
color:var(--cmn-font-color-base);
margin:10px 0 0;
}
.box-schedule-container .sch-notes >ul{
margin:0;
}
.box-schedule-container .sch-notes >ul li{
font-size:12px;
}
.box-schedule-container .sch-notes >ul li:not(:first-child){
margin-top:3px;
}
.box-schedule-container .sch-notes >ul li .sch-notes-key{
color:var(--cmn-font-color-red);
}
.box-schedule-container .sch-notes >ul li .sch-notes-key.font-num{
font-family:var(--font-num);
}
.box-schedule-container .sch-notes >ul li.sch-notes-indent{
text-indent:-1em;
margin-left:1em;
}

/* .box-branch
----------------------------------------------- */
.box-branch{
margin:0 -10px;
}
.box-branch .cmn-sns-list{
margin:0;
padding:15px 0;
background-color:#fff;
}

/* box-collapse-03
----------------------------------------------------------------- */
.box-collapse-03-container{
margin:0 -10px;
border-bottom:1px solid #e5e5e5;
}
.box-collapse-03 > .box-collapse-item{
display:none;
margin:0;
}
.box-collapse-03 > .box-collapse-item.list-link a{
padding-left:34px;
}
.box-collapse-03 > .box-collapse-item.level-02 .hdg-collapse{
padding-left:34px;
}

/* .box-collapse-03 > .box-collapse-item .box-collapse-03 > .btn-collapse-container .btn-collapse::before{
width:12px;
height:7px;
background-size: 12px 7px;
right:6px;
} */
.box-collapse-03 > .btn-collapse-container{
position:relative;
}
.box-collapse-03 > .btn-collapse-container .btn-collapse-link > .hdg-collapse{
padding:0;
}
.box-collapse-03 > .btn-collapse-container .btn-collapse-link > .hdg-collapse a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
width:100%;
box-sizing:border-box;
min-height:42px;
}
.box-collapse-03 > .btn-collapse-container .btn-collapse-link .btn-collapse{
width:30px;
top:0;
right:0;
}
.box-collapse-03 > .btn-collapse-container .hdg-collapse{
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:8px 30px 8px 10px;
border-top:1px solid #e5e5e5;
width:100%;
font-weight:normal;
font-size:14px;
line-height:1.3;
min-height:42px;
}
.box-collapse-03 > .btn-collapse-container .btn-collapse{
overflow:hidden;
position:absolute;
top:0;
border:none;
width:100%;
height:100%;
background:none;
text-indent:-9999px;
}
.box-collapse-03 > .btn-collapse-container .btn-collapse::before{
content:"";
display:block;
position:absolute;
right:12px;
top:17px;
width:16px;
height:10px;
background:url(/element_sp/w_air/shared/images/icon-arrow-01-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_sp/w_air/shared/images/icon-arrow-01-up-l.svg);
}

/* box-collapse-04
----------------------------------------------------------------- */
.box-collapse-04-container{
margin:0 -10px;
}
.box-collapse-04 .box-collapse-item{
display:none;
}
.box-collapse-04.active .box-collapse-item{
display:block;
}
.box-collapse-04 .btn-collapse-container{
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}
.box-collapse-04 .btn-collapse{
box-sizing:border-box;
display:block;
padding-top:10px;
height:42px;
color:var(--font-color-btn-link);
text-align:center;
font-size:13px;
}
.box-collapse-04 .btn-collapse:before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:4px;
content:"";
vertical-align:middle;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 11px;
}
.box-collapse-04.active .btn-collapse:before{
bottom:2px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* search-area
------------------------------------------------ */
.search-area{
position:relative;
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-area .search-area-guide{
font-size:10px;
margin:0;
color:#fff;
}
.search-area .search-area-item{
position:relative;
color:var(--cmn-font-color-base);
padding:2px 0 5px;
margin-top:8px;
border-radius:3px;
background-color:#fff;
box-shadow:0 2px 1px 0 rgba(0, 0, 0, .15);
}
.search-area .search-area-item .search-area-footer{
text-align:center;
font-size:10px;
padding-bottom:5px;
margin-top:-2px;
}
.search-area .search-area-item .search-area-footer p{
margin:0;
}
.search-area .search-area-item .search-area-footer p em{
color:var(--cmn-font-color-red);
}
.search-area .search-area-item .serch-area-flt-dtl-btn{
position:absolute;
right:6px;
top:1px;
display:block;
margin-top:5px;
padding:0 3px;
border:1px solid #bbb;
border-radius:3px;
height:18px;
width:72px;
color:var(--font-color-btn-link);
background-color:#fff;
box-shadow:0 -1px 0 #bbb inset;
vertical-align:top;
text-align:center;
font-size:10px;
}
.search-area .search-area-item .flt-item-header{
display:-webkit-box;
display:flex;
padding:3px 0 0 0;
margin:0 10px -5px;
-webkit-box-align:center;
align-items:center;
}
.search-area .search-area-item .flt-item-header:first-child{
padding-right:75px;
}
.search-area .search-area-item .flt-item-header .flt-item-header-sup{
font-size:11px;
margin-top:3px;
margin-right:10px;
white-space:nowrap;
}
.search-area .search-area-item .flt-item-header .flt-item-header-logo{
margin-right:5px;
}
.search-area .search-area-item .flt-item-header .flt-item-header-logo > span{
display:table-cell;
width:42px;
height:20px;
text-align:center;
vertical-align:middle;
line-height:1;
}
.search-area .search-area-item .flt-item-header .flt-item-header-logo > span > img{
vertical-align:middle;
max-width:42px;
max-height:20px;
image-rendering:-webkit-optimize-contrast;
}
.search-area .search-area-item .flt-item-header .flt-item-airline{
display:-webkit-box;
display:flex;
font-size:11px;
overflow:hidden;

}
.search-area .search-area-item .flt-item-header .flt-item-airline .flt-item-airline-name{
display:-webkit-box;
display:flex;
padding-top:3px;
overflow:hidden;
-webkit-box-align:center;
align-items:center;
}
.search-area .search-area-item .flt-item-header .flt-item-airline .flt-item-airline-name .flt-item-airline-name-sup{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-right:4px;
}
.search-area .search-area-item .flt-item-header .flt-item-airline .flt-item-airline-name .alliance-logo{
top:0;
position:relative;
margin-left:0;
margin-right:8px;
}
.search-area .search-area-item .flt-item-header .flt-item-airline .flt-item-airline-name .flt-item-airline-info{
color:#949494;
white-space:nowrap;
margin-right:4px;
}
.search-area .search-area-item .flt-item-header .flt-item-airline .flt-item-airline-label{
line-height:1;
}
.search-area .search-area-item .flt-item-header .flt-item-airline .flt-item-airline-label .icon-eco{
top:5px;
}
.search-area .search-area-item .flt-item-header .flt-item-airline .flt-item-airline-sup{
-webkit-box-flex:1;
flex:1;
white-space:nowrap;
padding-top:3px;
margin-right:4px;
}
.search-area .search-area-item .flt-item-header .flt-item-airline .flt-item-airline-sup::before{
content:"+";
display:inline-block;
margin:0 4px 0 0;
}
.search-area .search-area-item .flt-plan-tbl .box-schedule + .flt-item-header{
border-top:1px dotted #ccc;
}
.search-area .search-area-item .flt-plan-tbl .tbl-tr + .flt-item-header{
border-top:1px dotted #ccc;
}
.search-area .search-area-item .flt-plan-tbl .tbl-th{
padding-left:7px;
width:40px;
font-size:11px;
text-align:left;
box-sizing:border-box;
vertical-align:middle;
height:100%;
font-weight:bold;
}
.search-area .search-area-item .flt-plan-tbl .flt-info{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:end;
align-items:flex-end;
border-bottom:none;
padding:8px 0 3px;
margin:0 auto;
width:290px;
box-sizing:border-box;
}
.search-area .search-area-item .flt-plan-tbl .flt-term{
position:relative;
margin:0;
font-size:11px;
width:134px;
}
.search-area .search-area-item .flt-plan-tbl .flt-term::before,
.search-area .search-area-item .flt-plan-tbl .flt-term::after{
display:none;
}
.search-area .search-area-item .flt-plan-tbl .flt-term + .flt-airport{
text-align:right;
}
.search-area .search-area-item .flt-plan-tbl .flt-term + .flt-airport > span small{
right:0;
}
.search-area .search-area-item .flt-plan-tbl .flt-term .flt-term-top{
position:relative;
min-height:19px;
padding:4px 0 5px;
margin-bottom:2px;
height:50%;
vertical-align:bottom;
line-height:1.3;
box-sizing:border-box;
}
.search-area .search-area-item .flt-plan-tbl .flt-term .flt-term-top > span{
display:block;
}
.search-area .search-area-item .flt-plan-tbl .flt-term .flt-term-top > span > span{
margin-left:4px;
}
.search-area .search-area-item .flt-plan-tbl .flt-term .flt-term-top::before{
position:absolute;
content:"";
display:block;
width:calc(100% - 6px);
height:2px;
background-color:#ccc;
bottom:0;
left:3px;
}
.search-area .search-area-item .flt-plan-tbl .flt-term .flt-term-top::after{
display:block;
position:absolute;
right:3px;
bottom:-4px;
border-width:5px 0 5px 5px;
border-style:solid;
border-color:transparent transparent transparent #aaa;
width:0;
height:0;
content:"";
}
.search-area .search-area-item .flt-plan-tbl .flt-term .flt-term-top .flt-term-transit .icon-car,
.search-area .search-area-item .flt-plan-tbl .flt-term .flt-term-top .flt-term-transit .icon-bus{
margin-left:2px;
}
.search-area .search-area-item .flt-plan-tbl .flt-term .flt-term-bottom{
display:block;
min-height:14px;
padding-top:1px;
position:relative;
}
.search-area .search-area-item .flt-plan-tbl .flt-term .cmn-tip-info-btn,
.search-area .search-area-item .flt-plan-tbl .flt-term .cmn-tip-caution-btn{
position:relative;
top:0;
margin-left:3px;
}
.search-area .search-area-item .flt-plan-tbl .flt-item{
margin:0;
overflow:hidden;

}
.search-area .search-area-item .flt-plan-tbl .flt-item.sch-item-transit-01 .flt-term .flt-term-bottom::before{
position:absolute;
top:-7px;
left:50%;
margin-left:-4px;
content:"";
display:block;
width:3px;
height:3px;
background-color:#fff;
border:2px solid #ccc;
border-radius:50%;
z-index:1;
}
.search-area .search-area-item .flt-plan-tbl .flt-item.sch-item-transit-02 .flt-term .flt-term-bottom::before{
position:absolute;
top:-7px;
left:35%;
content:"";
display:block;
width:3px;
height:3px;
background-color:#fff;
border:2px solid #ccc;
border-radius:50%;
z-index:1;
}
.search-area .search-area-item .flt-plan-tbl .flt-item.sch-item-transit-02 .flt-term .flt-term-bottom::after{
position:absolute;
top:-7px;
right:35%;
content:"";
display:block;
width:3px;
height:3px;
background-color:#fff;
border:2px solid #ccc;
border-radius:50%;
}
.search-area .search-area-item .flt-plan-tbl .flt-airport{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
width:68px;
min-height:38px;
box-sizing:border-box;
}
.search-area .search-area-item .flt-plan-tbl .flt-airport b{
font-size:13px;
}
.search-area .search-area-item .flt-plan-tbl .flt-airport .time-num{
font-size:15px;
line-height:1;
}
.search-area .search-area-item .flt-plan-tbl .flt-airport .flt-undecided{
font-size:11px;
display:block;
line-height:1.1;
}
.search-area .search-area-item .flt-plan-tbl .flt-airport > span{
position:relative;
margin-top:-10px;
padding-top:12px;
box-sizing:border-box;
font-size:13px;
}
.search-area .search-area-item .flt-plan-tbl .flt-airport > span small{
font-size:11px;
top:-2px;
min-width:auto;
position:absolute;
}
.search-area .search-area-item .flt-plan-tbl .flt-airport > span small .date-num{
font-size:11px;
}
.search-area .search-area-header{
position:relative;
padding-right:35px;
}
.search-area .search-area-header .search-area-header-inr{
display:-webkit-box;
display:flex;
margin-top:12px;
}
.search-area .search-area-header .search-area-header-inr .hdg-btn-close{
display:-webkit-box;
display:flex;
margin:0 0 -8px;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:30px;
height:18px;
background:url(/element_sp/w_air/shared/images/icon-pse-close-wht.svg) no-repeat 8px 50%;
background-size:12px 12px;
overflow:hidden;
}
.search-area .search-area-header .search-area-header-inr .search-area-hdg{
margin-top:0;
}
.search-area .search-area-shared{
position:absolute;
top:0;
right:10px;
}
.search-area .search-area-shared button{
background:none;
border:none;
width:20px;
height:0;
padding-top:19px;
overflow:hidden;
line-height:2;
background:url(/element_sp/w_air/shared/images/icon-shared.svg) top center no-repeat;
}
.search-area .search-area-hdg{
margin:12px 0 0;
color:#fff;
line-height:1.35;
text-shadow:0 1px 0 rgb(0 0 0 / 50%);
font-size:16px;
display:-webkit-box;
display:flex;
}
.search-area .search-area-hdg .search-area-hdg-sup::after{
content:":";
display:inline-block;
margin:0 3px;
}
.search-area .search-result-header-summary{
margin:4px 0 -4px;
font-size:14px;
color:#fff;
}
.search-area .search-area-add{
margin-bottom:-4px;
padding-top:10px;
padding-bottom:4px;
}
.search-area .search-area-notes{
display:block;
text-align:right;
font-size:12px;
color:#fff;
}
.search-area .search-area-notes a{
text-decoration:none;
}
.search-area .search-area-notes a .cmn-dashed{
--cmn-font-color-base:#fff;
--cmn-dashed-color:#fff;
}
.search-area .search-area-notes a{
margin-right:4px;
}
.search-area .cmn-tip-btn{
position:relative;
top:1px;
margin:0 0 0 4px;
}
.search-area .search-area-header-content::after{
content:"";
display:table;
clear:both;
}
.search-area .search-area-header-content .search-area-hdg{
display:inline;
}
.search-area .search-area-header-content .search-area-header-link{
float:right;
font-size:12px;
margin-top:3px;
line-height:1.2;
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}

/* result-container
------------------------------------------------ */
.result-container{
margin:0 -10px -29px;
padding:10px 10px 20px;
background-color:#e5e5e5;
}
.result-container .loading-progressbar{
padding-top:0;
padding-bottom:8px;
margin-top:-2px;
}
.result-container .result-hdg{
font-size:14px;
}
.result-container .result-toggle-container{
position:relative;
margin:5px 0 10px;
padding:7px 10px;
border-radius:6px;
background:#fff;
box-shadow:0px 1px 6px rgba(0, 0, 0, .16);
}
.result-container .result-toggle-container.is-active .result-toggle-item{
display:block;
}
.result-container .result-toggle-container .result-toggle-item{
display:none;
padding:7px 0;
}
.result-container .result-toggle-container .result-toggle-btn{
margin:-7px -10px;
}
.result-container .result-toggle-container .result-toggle-btn button{
padding:7px 10px;
position:relative;
font-size:12px;
background:none;
border:none;
display:block;
width:100%;
text-align:left;
box-sizing:border-box;
}
.result-container .result-toggle-container .result-toggle-btn button::after{
position:absolute;
top:50%;
margin-top:-5px;
right:10px;
content:"";
display:block;
width:5px;
height:5px;
border-bottom:2px solid #999;
border-right:2px solid #999;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.result-container .result-toggle-container .result-toggle-btn.is-caution button{
padding-left:30px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 50% 50%;
background-position:12px 9px;
background-size:14px 12px;
background-repeat:no-repeat;
}
.result-container .result-toggle-container .result-toggle-notice{
font-size:12px;
margin:0;
}
.result-container .result-toggle-container .result-toggle-notice > li{
text-indent:-1em;
margin-left:1em;
}
.result-container .result-toggle-container .result-toggle-notice > li:not(:first-child){
margin-top:4px;
}
.result-container .result-toggle-container .result-toggle-link{
text-align:right;
font-size:12px;
}

/* site-header
---------------------------------- */
.site-header{
position:relative;
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;
}

/* ----------------------------------------------------------------
    notice
----------------------------------------------------------------- */
/* .notes
----------------------------------------------- */
.notes{
margin:10px 0;
padding:5px;
background-color:#eee;
}
.notes p{
margin:0;
font-size:11px;
}

/* .notes-02
----------------------------------------------- */
.notes-02{
display:block;
margin-top:3px;
padding-left:1em;
font-size:12px;
line-height:1.4;
color:#777;
}
.notes-02 span:first-child{
display:inline-block;
text-indent:-1em;
}

/* .error
----------------------------------------------- */
.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(--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-weight:normal;
font-size:14px;
}
.error{
margin:25px 0 70px;
}
.error .error-catch{
margin:10px 0;
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-catch + .btn{
margin-top:45px;
}

/* ----------------------------------------------------------------
    layout
----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Component
----------------------------------------------------------------- */
/* data-role=page
----------------------------------------------- */
[data-role=page],
[data-role=dialog]{
position:absolute;
top:0;
left:-100%;
overflow:hidden;
z-index:-1;
width:100%;
height:100%;
opacity:0;
box-sizing:border-box;
}
[data-role=page].str-container.page-active,[data-role=dialog].str-container.page-active{
z-index:1;
position:relative;
top:0;
left:0;
overflow:auto;
width:auto;
height:auto;
min-height:100%;
opacity:1;
}
[data-role=page].str-pseudo.pseudo-branch,[data-role=dialog].str-pseudo.pseudo-branch{
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);
}
[data-role=page].str-pseudo.page-active,[data-role=dialog].str-pseudo.page-active{
z-index:10;
position:fixed;
top:0;
left:0;
min-height:100dvh;
overflow:auto;
background-color:#fff;
opacity:1;
}
[data-role=page].str-pseudo.page-active.pseudo-branch,[data-role=dialog].str-pseudo.page-active.pseudo-branch{
height:100%;
}
[data-role=page].lyt-sticky{
padding-bottom:110px;
}
[data-role=page].lyt-matrix{
height:100%;
min-height:auto;
}
[data-role=page].page-b{
background-color:#fff;
}

/* 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:#444;
text-align:center;
}

/* ----------------------------------------------------------------
  Modal
----------------------------------------------------------------- */
.modal-container{
position:absolute;
top:35%;
left:0;
z-index:11;
width:100%;
height:0;
}
.modal-info-area-02 .info-text-hdg{
text-align:center;
margin-bottom:20px;
}
.modal-info-area-02 .info-dtl{
text-align:left;
margin-bottom:10px;
}
.modal-info-area-02 .info-notes{
text-align:left;
}
.modal-info-area-02 .info-notes li{
text-indent:-1em;
margin-left:1em;
}
.modal-info-area-02 .info-list{
text-align:left;
}
.modal-info-area-02 .info-list li{
text-indent:-1em;
margin-left:1em;
}
.modal-info-area-02 .info-list li::before{
content:"\30FB";
display:inline;
}

/* ----------------------------------------------------------------
  Icon
----------------------------------------------------------------- */
/* icon-blank
------------------------------------------------ */
.icon-blank{
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;
}

/* icon-bus
------------------------------------------------ */
.icon-bus{
display:inline-block;
position:relative;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
width:12px;
height:12px;
vertical-align:middle;
}
.icon-bus::before{
position:absolute;
left:0;
top:2px;
content:"";
display:block;
width:12px;
height:8px;
background-image:url(/element_sp/w_air/shared/images/icon-bus-gray.svg);
background-repeat:no-repeat;
background-size:12px auto;
}

/* icon-car
------------------------------------------------ */
.icon-car{
display:inline-block;
position:relative;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
width:12px;
height:10px;
vertical-align:middle;
}
.icon-car::before{
position:absolute;
left:0;
top:0;
content:"";
display:block;
width:12px;
height:10px;
background-image:url(/element_sp/w_air/shared/images/icon-car-gray.svg);
background-repeat:no-repeat;
background-size:12px auto;
}

/* ----------------------------------------------------------------
  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
------------------------------------------------ */
.icon-loading{
overflow:hidden;
display:block;
margin:10px auto;
width:25px;
height:25px;
color:transparent;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
text-align:center;
-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{
margin:40px 0 600px;
}
.agt-link .loading{
margin-top:15px;
}

/* .loading-icon
----------------------------------------------- */
.loading .loading-icon{
margin:10px auto;
width:40px;
height:40px;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
-webkit-animation:1s linear 0s infinite loading;
animation:1s linear 0s infinite loading;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

/* .loading-spinner
----------------------------------------------- */
.loading .loading-spinner{
font-size:12px;
text-align:center;
}
.loading .loading-spinner .cmn-loading-spinner{
margin-top:0;
margin-bottom:0;
}
.loading .loading-spinner > span{
font-size:16px;
line-height:calc(24 / 16);
font-weight:bold;
display:block;
margin-top:20px;
margin-bottom:4px;
}
.loading .loading-agt{
margin-top:28px;
font-size:12px;
text-align:center;
}
.loading .loading-agt >li{
margin-bottom:8px;
}
.loading .loading-agt-sup{
text-align:center;
font-size:12px;
}

/* .loading-progressbar
----------------------------------------------- */
.loading-progressbar{
box-sizing:border-box;
font-size:12px;
padding:8px 0 0;
line-height:1;
display:-webkit-box;
display:flex;
-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);
}

/* .loading-sticky-progressbar
----------------------------------------------- */
.loading-sticky .loading-sticky-progressbar{
margin-top:5px;
overflow:hidden;
background-color:#fff;
}
.loading-sticky .loading-sticky-progressbar > span{
display:block;
color:transparent;
-webkit-user-select:none;
user-select:none;
height:4px;
overflow:hidden;
background-color:#57a2ef;
}

/* .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;
}

/* ----------------------------------------------------------------
  Icon
----------------------------------------------------------------- */
/* ico-transit
---------------------------------------------- */
[class*="ico-transit-"]{
overflow:hidden;
display:inline-block;
position:relative;
margin:0 3px;
padding-top:11px;
width:14px;
height:0;
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
vertical-align:middle;
line-height:2;
}
.ico-transit-01{
width:13px;
padding-top:10px;
background-image:url(/element_sp/w_air/shared/images/icon-car-gray.svg);
}
.ico-transit-02{
top:-1px;
width:12px;
padding-top:10px;
background-image:url(/element_sp/w_air/shared/images/icon-car-gray.svg);
}
.ico-transit-03{
bottom:1px;
padding-top:14px;
width:11px;
background-image:url(/element_sp/w_air/shared/images/icon-cycle.svg);
}
.ico-transit-04{
width:13px;
padding-top:10px;
background-image:url(/element_sp/w_air/shared/images/icon-bus-gray.svg);
}

/* ico-add
---------------------------------------------- */
.ico-add{
display:inline-block;
margin:0 2px;
color:var(--cmn-font-color-red);
font-size:11px;
font-family:var(--font-num);
}

/* carrier-link-external
------------------------------------------------ */
.carrier-link-external a{
font-size:12px;
font-weight:normal;
}
.carrier-link-external a:link,
.carrier-link-external a:visited,
.carrier-link-external a:hover,
.carrier-link-external a:active{
color:#555;
}
.carrier-link-external a:after{
position:relative;
top:1px;
content:"";
display:inline-block;
width:12px;
height:11px;
background:url(/element/shared/images/icon/icon-external.svg) no-repeat;
margin-left:3px;
}

/* .flt-item
----------------------------------------------- */
.flt-item{
margin:0 -10px;
}
.flt-item > li > a{
display:block;
position:relative;
padding:7px 10px 0;
color:var(--cmn-font-color-base);
}
.flt-item > li >a:after{
display:block;
position:absolute;
top:50%;
right:12px;
border-right:2px solid #434343;
border-bottom:2px solid #434343;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.flt-item > li >a .flt-cariier-dtl{
padding:0 0 0 10px;
}
.flt-item .carrier-notes{
display:block;
padding-left:120px;
text-indent:-120px;
font-size:10px;
line-height:1.3;
}
.flt-item .carrier-notes b{
display:inline;
font-weight:normal;
}
.flt-item .flt-connect{
display:block;
margin:10px 0;
padding:3px 7px;
background-color:#f3f3f3;
font-size:12px;
}
.flt-item .flt-connect b{
display:inline-block;
margin-right:15px;
font-weight:normal;
}
.flt-item .flt-connect span:after{
display:inline-block;
margin:0 4px 0 7px;
content:":";
}

/* .flt-item-02
----------------------------------------------- */
.flt-item-02{
margin:0 -10px;
border-top:6px solid #666;
}

/* .flt-item-02 .flt-item
------------------------------------------------ */
.flt-item-02 >.flt-item{
overflow:hidden;
display:block;
position:relative;
margin:0;
padding:8px 25px 8px 10px;
background-color:#f5f5f5;
color:var(--cmn-font-color-base);
}
.flt-item-02 >.flt-item::after{
display:block;
position:absolute;
border-right:2px solid #555;
border-bottom:2px solid #555;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
top:50%;
right:10px;
margin-top:-4px;
width:8px;
height:8px;
}
.flt-item-02 >.flt-item .flt-dtl-item{
display:-webkit-box;
display:flex;
font-size:11px;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell:first-child{
box-sizing:border-box;
padding-right:7px;
-webkit-box-flex:1;
flex:1;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell:last-child{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-dtl-baggage{
line-height:1.2;
font-size:10px;
width:80px;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-dtl-baggage .flt-dtl-baggage-list{
text-align:right;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-dtl-baggage .flt-dtl-baggage-list > li{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-dtl-baggage .flt-dtl-baggage-list > li:not(:first-child){
margin-top:4px;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-dtl-baggage .flt-dtl-baggage-list span:first-child{
padding-right:9px;
position:relative;
white-space:nowrap;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-dtl-baggage .flt-dtl-baggage-list span:first-child::after{
position:absolute;
right:3px;
top:0;
content:":";
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-dtl-baggage .cmn-tip-btn{
top:1px;
position:relative;
margin-left:3px;
margin-right:0;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-dtl-baggage .cmn-tip-info-btn{
margin-left:3px;
position:relative;
top:0px;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-dtl-btn{
margin-left:5px;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-dtl-btn button{
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:30px;
height:25px;
color:#555;
background-color:#fff;
box-shadow:0 -1px 0 #bbb inset;
font-size:10px;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-price{
margin-left:5px;
-webkit-box-flex:1;
flex:1;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-price a{
display:block;
color:var(--cmn-font-color-base);
margin-right:-25px;
padding-right:25px;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-price .flt-price-sup{
display:inline-block;
font-size:10px;
margin-right:3px;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-price .flt-price-sup b{
font-weight:normal;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-price .flt-price-total{
display:inline-block;
font-weight:bold;
font-size:10px;
line-height:1.3;

}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-price .flt-price-total small{
font-weight:normal;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-price .flt-price-total.flt-price-total-em{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-price .flt-price-total .price-num{
font-weight:bold;
font-size:17px;
font-family:var(--font-num);
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-price .flt-price-total .price-num small{
font-size:12px;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-price .flt-price-note{
font-size:10px;
display:block;
margin-top:-3px;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .flt-name{
display:table-cell;
margin-top:7px;
font-weight:bold;
font-size:12px;
word-break:break-all;
line-height:1.3;
}
.flt-item-02 >.flt-item .flt-dtl-item >.flt-dtl-item-cell .alliance-logo{
display:inline-block;
position:relative;
}

@media screen and (max-width:320px){
.flt-item-02 > .flt-item .flt-dtl-item > .flt-dtl-item-cell .flt-dtl-baggage{
width:39px;
}
}

/* for OFF */
.flt-item-02 >.flt-item .flt-dtl{
display:-webkit-box;
display:flex;
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell:first-child{
box-sizing:border-box;
padding-right:7px;
width:79px;
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell:last-child{
-webkit-box-flex:1;
flex:1;
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell .flt-price{
margin-left:0;
line-height:1.2;
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell .flt-price .flt-price-sup b{
font-size:11px;
font-weight:bold;
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell .flt-price .flt-price-sup small{
margin-left:5px;
font-size:10px;
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell .flt-price .flt-price-total{
font-size:18px;
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell .flt-price .flt-price-total .price-num{
font-weight:bold;
font-size:20px;
font-family:var(--font-num);
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell .flt-add{
line-height:1.2;
display:block;
margin-top:-4px;
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell .flt-add .flt-add-note{
color:#555;
font-size:10px;
line-height:1.3;
margin-right:-10px;
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell .flt-add .flt-add-note.mark{
display:inline-block;
margin-left:1em;
text-indent:-1em;
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell .flt-logo{
display:block;
margin-bottom:5px;

}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell .flt-logo span{
box-sizing:border-box;
display:table-cell;
border:1px solid #bdbdbd;
width:70px;
height:25px;
background-color:#fff;
text-align:center;
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell .flt-logo span img{
max-width:70px;
max-height:25px;
vertical-align:middle;
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell .flt-dtl-summary{
display:table-cell;
height:30px;
vertical-align:middle;
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell .flt-dtl-summary .flt-name{
display:table-cell;
margin-top:7px;
font-weight:normal;
font-size:11px;
line-height:1.2;
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell .flt-dtl-summary .alliance-logo{
display:inline-block;
position:relative;
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell .flt-dtl-summary .carrier-notes{
display:block;
margin-top:2px;
font-size:10px;
}
.flt-item-02 >.flt-item .flt-dtl >.flt-dtl-cell .flt-dtl-summary .carrier-notes b{
display:block;
width:auto;
font-weight:normal;
}

/* .flt-item-02 .flt-plan
------------------------------------------------ */
.flt-item-02 .flt-plan{
padding:7px 7px 10px;
}
.flt-item-02 .flt-plan .flt-item-header{
display:-webkit-box;
display:flex;
padding:3px 0 0;
margin:0 10px -5px;
-webkit-box-align:center;
align-items:center;
}
.flt-item-02 .flt-plan .flt-item-header .flt-item-header-sup{
font-size:11px;
margin-top:3px;
margin-right:10px;
white-space:nowrap;
}
.flt-item-02 .flt-plan .flt-item-header .flt-item-header-logo{
margin-right:5px;
}
.flt-item-02 .flt-plan .flt-item-header .flt-item-header-logo > span{
display:table-cell;
width:42px;
height:20px;
text-align:center;
vertical-align:middle;
line-height:1;
}
.flt-item-02 .flt-plan .flt-item-header .flt-item-header-logo > span > img{
vertical-align:middle;
max-width:42px;
max-height:20px;
image-rendering:-webkit-optimize-contrast;
}
.flt-item-02 .flt-plan .flt-item-header .flt-item-airline{
display:-webkit-box;
display:flex;
font-size:11px;
-webkit-box-align:center;
align-items:center;
overflow:hidden;
}
.flt-item-02 .flt-plan .flt-item-header .flt-item-airline .flt-item-airline-name{
display:-webkit-box;
display:flex;
padding-top:3px;
overflow:hidden;
}
.flt-item-02 .flt-plan .flt-item-header .flt-item-airline .flt-item-airline-name .flt-item-airline-name-sup{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-right:4px;
}
.flt-item-02 .flt-plan .flt-item-header .flt-item-airline .flt-item-airline-name .alliance-logo{
top:-1px;
position:relative;
margin-right:8px;
margin-left:0;
}
.flt-item-02 .flt-plan .flt-item-header .flt-item-airline .flt-item-airline-name .flt-item-airline-info{
color:#949494;
white-space:nowrap;
margin-right:4px;
}
.flt-item-02 .flt-plan .flt-item-header .flt-item-airline .flt-item-airline-sup{
-webkit-box-flex:1;
flex:1;
white-space:nowrap;
padding-top:3px;
margin-right:4px;
}
.flt-item-02 .flt-plan .flt-item-header .flt-item-airline .flt-item-airline-sup::before{
content:"+";
display:inline-block;
margin:0 4px 0 0;
}
.flt-item-02 .flt-plan .flt-item-header .flt-item-airline .flt-item-airline-label{
line-height:1;
}
.flt-item-02 .flt-plan .flt-item-header .flt-item-airline .flt-item-airline-label .icon-eco{
top:1px;
}
.flt-item-02 .flt-plan .flt-plan-tbl-container{
margin:-7px -7px 0;
}
.flt-item-02 .flt-plan .flt-plan-tbl .tbl-tr + .box-schedule + .flt-item-header{
border-top:1px dotted #ccc;
}
.flt-item-02 .flt-plan .flt-plan-tbl .tbl-tr + .flt-item-header{
border-top:1px dotted #ccc;
}
.flt-item-02 .flt-plan .flt-plan-tbl .tbl-th{
padding-left:7px;
width:40px;
font-size:11px;
text-align:left;
box-sizing:border-box;
vertical-align:middle;
height:100%;
font-weight:bold;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-info{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:end;
align-items:flex-end;
border-bottom:none;
padding:7px 0 4px;
margin:0;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-term{
position:relative;
margin:0;
-webkit-box-flex:1;
flex:1;
font-size:11px;
box-sizing:border-box;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-term + .flt-airport{
text-align:right;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-term + .flt-airport >span small{
right:0;
min-width:auto;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-term::before,
.flt-item-02 .flt-plan .flt-plan-tbl .flt-term::after{
display:none;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-term .flt-term-top{
position:relative;
min-height:19px;
padding:4px 0 7px;
margin:0;
height:50%;
vertical-align:bottom;
line-height:1;
box-sizing:border-box;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-term .flt-term-top > span{
display:block;
margin:0 -6px;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-term .flt-term-top > span > span{
margin-left:4px;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-term .flt-term-top::before{
position:absolute;
content:"";
display:block;
width:calc(100% - 6px);
height:2px;
background-color:#ccc;
bottom:0;
left:3px;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-term .flt-term-top::after{
display:block;
position:absolute;
right:3px;
bottom:-4px;
border-width:5px 0 5px 5px;
border-style:solid;
border-color:transparent transparent transparent #aaa;
width:0;
height:0;
content:"";
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-term .flt-term-top .flt-term-transit .icon-car,
.flt-item-02 .flt-plan .flt-plan-tbl .flt-term .flt-term-top .flt-term-transit .icon-bus{
margin-left:2px;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-term .flt-term-bottom{
padding-top:1px;
display:block;
min-height:18px;
position:relative;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-term .cmn-tip-info-btn,
.flt-item-02 .flt-plan .flt-plan-tbl .flt-term .cmn-tip-caution-btn{
position:relative;
top:1px;
margin-left:3px;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-item{
margin:0;
overflow:hidden;
width:332px;
margin:0 auto;

}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-item.sch-item-transit-01 .flt-term .flt-term-bottom::before{
position:absolute;
top:-5px;
left:50%;
margin-left:-4px;
content:"";
display:block;
width:3px;
height:3px;
background-color:#fff;
border:2px solid #ccc;
border-radius:50%;
z-index:1;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-item.sch-item-transit-02 .flt-term .flt-term-bottom::before{
position:absolute;
top:-5px;
left:35%;
content:"";
display:block;
width:3px;
height:3px;
background-color:#fff;
border:2px solid #ccc;
border-radius:50%;
z-index:1;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-item.sch-item-transit-02 .flt-term .flt-term-bottom::after{
position:absolute;
top:-5px;
right:35%;
content:"";
display:block;
width:3px;
height:3px;
background-color:#fff;
border:2px solid #ccc;
border-radius:50%;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-airport{
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
width:77px;
min-height:38px;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-airport b{
font-size:13px;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-airport .time-num{
font-size:15px;
line-height:1;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-airport .flt-undecided{
font-size:11px;
display:block;
line-height:1.1;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-airport > span{
position:relative;
margin-top:-6px;
padding-top:14px;
box-sizing:border-box;
font-size:13px;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-airport > span small{
font-size:11px;
top:0;
position:absolute;
}
.flt-item-02 .flt-plan .flt-plan-tbl .flt-airport > span small .date-num{
font-size:11px;
}
.flt-item-02 .flt-plan .flt-plan-list{
margin:-7px 0 0;
}
.flt-item-02 .flt-plan .flt-plan-list > li{
display:table;
padding:7px 0;
border-bottom:1px solid #d3d3d3;
width:100%;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec{
display:table-cell;
padding-right:5px;
font-size:12px;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .date-num{
font-size:12px;
font-family:var(--font-num);
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec small{
display:block;
font-size:12px;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec b{
font-size:15px;
font-family:var(--font-num);
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-departure{
display:inline-block;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-arrival{
display:inline-block;
position:relative;
left:-4px;
padding-left:15px;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-arrival::before,
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-arrival::after{
display:block;
position:absolute;
top:50%;
content:"";
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-arrival::before{
left:3px;
margin-top:-1px;
width:8px;
height:2px;
background-color:#aaa;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-arrival::after{
left:10px;
margin-top:-4px;
border:4px solid #aaa;
border-top-color:transparent;
border-right:none;
border-bottom-color:transparent;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-sec-air{
display:block;
margin-top:2px;
word-break:break-all;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-time{
display:table-cell;
width:90px;
vertical-align:top;
font-size:12px;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-time > span{
display:inline-block;
padding:3px 0 3px 7px;
border-left:1px solid #c9c9c9;
word-break:break-all;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-time b{
display:block;
margin-top:-2px;
font-size:15px;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-time .time-num{
font-size:15px;
font-family:var(--font-num);
}

@media screen and (max-width: 320px){
.flt-item-02 .flt-plan .flt-plan-tbl .flt-item{
width:305px;
}
}

/* .flt-item-02 .flt-agt
------------------------------------------------ */
.flt-item-02 .flt-agt{
margin:-1px -7px 0;
padding:10px 7px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
border-top:1px solid #d3d3d3;
}
.flt-item-02 .flt-agt .flt-agt-info{
-webkit-box-flex:1;
flex:1;

}
.flt-item-02 .flt-agt .flt-agt-info .flt-agt-info-notes{
font-size:11px;
}
.flt-item-02 .flt-agt .flt-agt-info .flt-agt-info-notes .flt-agt-info-notes-list{
margin:0;
}
.flt-item-02 .flt-agt .flt-agt-info .flt-agt-info-notes .flt-agt-info-notes-list li{
line-height:1.3;
text-indent:-1em;
margin-left:1em;
}
.flt-item-02 .flt-agt .flt-agt-info .flt-agt-info-notes .flt-agt-info-notes-list li > span{
text-indent:0;
display:inline-block;
}
.flt-item-02 .flt-agt .flt-agt-info .flt-agt-info-notes .flt-agt-info-notes-list li > span.cmn-tip-btn{
display:inline;
}
.flt-item-02 .flt-agt .flt-agt-order{
width:180px;
}
.flt-item-02 .flt-agt .flt-agt-order .btn-03{
display:table-cell;
padding:2px 10px 2px;
margin:0 auto;
width:180px;
height:43px;
}
.flt-item-02 .flt-agt .flt-agt-order .btn-03 .flt-agt-order-sup{
background-color:#fff;
display:block;
font-size:10px;
text-shadow:none;
font-weight:normal;
color:var(--cmn-font-color-base);
padding:1px 2px;
margin:0 12px 3px;
line-height:1;
}
.flt-item-02 .flt-agt .flt-agt-order .btn-03 .flt-agt-order-sup .font-num{
font-family:var(--font-num);
font-size:11px;
}

/* .flt-item-off
----------------------------------------------- */
.flt-item-off{
margin:0 -10px;
padding:0 10px;
background-color:#000;
}
.flt-item-off .flt-item{
margin-top:0;
}
.flt-item-off .flt-item li{
position:relative;
border-top-color:#444;
}
.flt-item-off .flt-item li:first-child{
border-top:none;
}
.flt-item-off .flt-item li .flt-link{
padding-top:0;
background-color:#fff;
opacity:.8;
}
.flt-item-off .flt-item li .off-item{
display:block;
position:relative;
padding:5px 20px 5px 10px;
background-color:#fff;
opacity:.8;
}
.flt-item-off .flt-item li .off-item:after{
display:block;
position:absolute;
border-right:4px solid #434343;
border-bottom:4px solid #434343;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.flt-item-off .flt-item li .off-item:after{
position:absolute;
top:50%;
right:7px;
border-width:2px;
}
.flt-item-off .flt-item li:first-child .off-item{
border-top:none;
}
.flt-item-off .flt-item-notice{
box-sizing:border-box;
position:relative;
margin:0px -10px 0;
padding:10px;
background-color:#fff;
}
.flt-item-off .flt-item-notice:before{
position:absolute;
top:-16px;
left:50%;
margin-left:4px;
width:2px;
height:22px;
background-color:#000;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.flt-item-off .flt-item-notice:after{
position:absolute;
top:-14px;
left:50%;
margin-left:-18px;
border:14px solid #fff;
border-top:none;
border-right-color:transparent;
border-left-color:transparent;
content:"";
}
.flt-item-off .flt-item-notice p{
margin:12px 0 8px;
text-align:center;
font-size:13px;
line-height:1.3;
}
.flt-item-off .flt-item-notice p:before{
display:block;
position:absolute;
top:0;
left:50%;
margin-left:-20px;
width:50px;
height:5px;
background-color:#fff;
content:"";
}
.flt-item-off .flt-item-notice .notice-btn-container{
margin:0 auto;
width:185px;
}
.flt-item-off .flt-item-notice .notice-btn-container .btn-05:last-child{
margin-left:4px;
}

/* .flt-carrier
----------------------------------------------- */
.flt-carrier{
display:table;
width:100%;
font-size:11px;
}
.flt-carrier .flt-logo{
display:table-cell;
width:70px;
vertical-align:top;
}
.flt-carrier .flt-logo span{
display:table-cell;
width:70px;
height:20px;
background-color:#fff;
vertical-align:middle;
text-align:center;
line-height:0;
}
.flt-carrier .flt-logo span img{
max-width:70px;
max-height:20px;
vertical-align:middle;
}
.flt-carrier .flt-cariier-dtl{
display:table-cell;
padding:5px 0 5px 10px;
vertical-align:middle;
word-break:break-all;
}
.flt-carrier .flt-cariier-dtl .flt-name{
display:inline-block;
font-size:11px;
margin-right:4px;
vertical-align:top;
}
.flt-carrier .flt-cariier-dtl .flt-name .cmn-tip-btn{
margin-right:0;
}
.flt-carrier .flt-cariier-dtl .flt-name .alliance-logo{
position:relative;
top:-2px;
}
.flt-carrier .flt-cariier-dtl .icon-eco{
top:2px;
vertical-align:top;
margin-right:4px;
}
.flt-carrier .flt-cariier-dtl .carrier-notes{
display:inline-block;
margin:0;
padding:1px 3px;
background-color:#e5e5e5;
text-indent:0;
font-size:10px;
line-height:1.3;
}
.flt-carrier .flt-cariier-dtl .carrier-notes b{
display:block;
font-weight:normal;
}

/* .flt-info
----------------------------------------------- */
.flt-info{
display:-webkit-box;
display:flex;
font-size:12px;
-webkit-box-align:center;
align-items:center;
}

/* .flt-airport
----------------------------------------------- */
.flt-airport{
display:-webkit-box;
display:flex;
position:relative;
flex-wrap:nowrap;
width:86px;
font-size:14px;
line-height:1.2;
-webkit-box-align:center;
align-items:center;
}
.flt-airport > span{
display:block;
position:relative;
width:50px;
font-size:12px;
}
.flt-airport > span .time-num{
font-weight:bold;
font-size:15px;
font-family:var(--font-num);
}
.flt-airport > span small{
display:block;
min-width:50px;
font-weight:normal;
font-size:10px;
}
.flt-airport > span small .date-num{
font-size:12px;
}
.flt-airport .ico-add{
display:inline-block;
position:relative;
top:-1px;
padding:0;
width:auto;
font-size:10px;
font-family:var(--font-num);
}
.flt-airport span + b{
padding-right:0;
text-align:left;
}
.flt-airport b{
position:relative;
display:block;
vertical-align:middle;
text-align:right;
font-weight:normal;
font-size:16px;
}

/* .flt-term
----------------------------------------------- */
.flt-term{
display:block;
position:relative;
margin:0 5px 0 3px;
-webkit-box-flex:1;
flex:1;
min-height:40px;
box-sizing:border-box;
text-align:center;
font-size:11px;
}
.flt-term .cmn-tip-info-btn,
.flt-term .cmn-tip-caution-btn{
position:relative;
top:0;
margin-left:3px;
}
.flt-term.transit > :first-child:before{
display:block;
position:absolute;
bottom:-5px;
left:50%;
margin-left:-4px;
border:2px solid #aaa;
border-radius:50%;
width:5px;
height:5px;
background-color:#fff;
content:"";
z-index:1;
}
.flt-term.transit.transit-02 > :first-child:before{
left:30%;
}
.flt-term.transit.transit-02 > :first-child:after{
display:block;
position:absolute;
bottom:-5px;
left:66%;
margin-left:-3px;
border:2px solid #aaa;
border-radius:50%;
width:5px;
height:5px;
background-color:#fff;
content:"";
z-index:1;
}
.flt-term > :first-child{
display:block;
width:100%;
position:relative;
margin-top:1px;
margin-bottom:5px;
padding-bottom:6px;
height:16px;
box-sizing:border-box;
line-height:1.1;
}
.flt-term::after{
display:block;
position:absolute;
bottom:20px;
left:3px;
border-top:2px solid #aaa;
width:calc(100% - 3px);
height:1px;
content:"";
}
.flt-term:before{
display:block;
position:absolute;
bottom:17px;
right:0;
border-width:5px 0 5px 5px;
border-style:solid;
border-color:transparent transparent transparent #aaa;
width:0;
height:0;
content:"";
}

/* .flt-link
----------------------------------------------- */
.flt-link{
overflow:hidden;
box-sizing:border-box;
display:-webkit-box;
display:flex;
padding:7px 10px;
width:100%;
font-size:11px;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
}
.flt-link .flt-link-btn{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
font-size:10px;
color:#555;
width:70px;
height:24px;
border-radius:3px;
background:#fff;
border:1px solid #bbb;
}
.flt-link .flt-link-add{
padding-left:9px;
-webkit-box-flex:1;
flex:1;
}
.flt-link .flt-link-notes{
margin:0;
}
.flt-link .flt-link-notes > li{
text-indent:-1em;
margin-left:1em;
line-height:1.2;
}
.flt-link .flt-link-notes > li > span{
text-indent:0;
display:inline-block;
}
.flt-link > span{
color:var(--cmn-font-color-base);
text-align:right;
font-size:15px;
width:140px;
justify-self:flex-end;
}
.flt-link > span small{
color:var(--font-color-btn-link);
font-size:10px;
margin-right:3px;
}
.flt-link .price{
font-size:12px;
}
.flt-link .price-num{
font-weight:bold;
font-size:16px;
font-family:var(--font-num);
}

/* .flt-stay
----------------------------------------------- */
.flt-stay{
display:table;
width:100%;
table-layout:fixed;
font-size:11px;
}
.flt-stay h3{
display:table-cell;
width:80px;
vertical-align:middle;
font-weight:bold;
font-size:13px;
overflow:hidden;
}
.flt-stay p{
display:table-cell;
vertical-align:middle;
line-height:1.4;
}
.flt-stay p span{
display:block;
}
.flt-stay .schedule-time-info{
position:relative;
float:right;
top:2px;
font-size:11px;
}

/* .selected-container
----------------------------------------------- */
.selected-container{
position:fixed;
bottom:0;
left:0;
z-index:2;
width:100%;
background-color:#444;
}
.selected-container.active .selected-btn{
padding:5px 5px 5px 10px;
height:30px;
}
.selected-container .selected-btn{
position:relative;
padding:11px 5px 11px 10px;
border:none;
width:100%;
color:#fff;
background:none;
text-align:left;
font-weight:bold;
font-size:13px;
}
.selected-container .selected-btn::before{
display:inline-block;
position:relative;
bottom:2px;
margin-right:4px;
width:12px;
height:12px;
background-image:url(/element/shared/images/icon/icon-chevron-up-wht.svg);
content:"";
vertical-align:middle;
background-size:12px 12px;
background-repeat:no-repeat;
}
.selected-container.active .selected-btn::before{
bottom:1px;
background-image:url(/element/shared/images/icon/icon-chevron-down-wht.svg);
}
.selected-container .selected-item{
display:none;
margin:0 5px 5px;
padding:0 5px 5px;
background-color:#fff;
}
.selected-container .flt-item{
margin:0 -5px;
}
.selected-container .flt-item li{
position:relative;
padding:5px 53px 0 5px;
border-bottom:1px solid #d9d9d9;
min-height:52px;
}
.selected-container .flt-item li.going{
background-color:#dbf4fb;
}
.selected-container .flt-item li.return{
background-color:#fff4e0;
}
.selected-container .flt-item li > a{
display:block;
padding:13px 10px 0;
height:40px;
font-size:12px;
}
.selected-container .flt-item li > a b{
display:block;
margin-top:3px;
font-weight:normal;
font-size:11px;
}
.selected-container .flt-item li > a:after{
display:none;
}
.selected-container .flt-carrier{
margin-bottom:3px;
}
.selected-container .flt-carrier .flt-name{
color:#555;
font-size:10px;
}
.selected-container .flt-carrier .flt-logo{
width:44px;
}
.selected-container .flt-carrier .flt-logo span{
border:1px solid #d9d9d9;
width:44px;
height:13px;
}
.selected-container .flt-carrier .flt-logo span img{
max-width:44px;
max-height:13px;
}
.selected-container .flt-carrier .flt-cariier-dtl{
padding:0 0 3px 10px;
}
.selected-container .flt-carrier .flt-cariier-dtl .cmn-tip-btn{
position:relative;
top:2px;
}
.selected-container .flt-info{
padding:0 5px 4px;
border-bottom:none;
}
.selected-container .flt-term{
padding-top:0;
width:40px;
}
.selected-container .flt-term > :first-child{
border-color:#999;
text-indent:-9999px;
bottom:auto;
top:auto;
}
.selected-container .flt-term.transit > :first-child:before{
bottom:-7px;
border-color:#999;
width:4px;
height:4px;
}
.selected-container .flt-term.transit > :first-child:after{
bottom:-7px;
margin-left:-4px;
border-color:#999;
width:4px;
height:4px;
}
.selected-container .flt-term::before{
border-left-color:#999;
bottom:15px;
}
.selected-container .flt-term::after{
top:19px;
}
.selected-container .flt-airport{
color:var(--cmn-font-color-base);
font-size:13px;
}
.selected-container .flt-airport b{
font-weight:bold;
font-size:14px;
}
.selected-container .btn-clear-select{
position:absolute;
top:50%;
right:5px;
margin-top:-20px;
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:44px;
height:40px;
color:var(--cmn-font-color-base);
background-color:#fff;
font-size:12px;
line-height:1.3;
}
.selected-container .btn-clear-select.disabled{
border-color:#d5d5d5;
color:#a4a4a4;
background-color:#f5f5f5;
}
.selected-container .flt-total{
margin:0;
padding:5px 0 0;
color:var(--cmn-font-color-red);
text-align:right;
font-size:15px;
}
.selected-container .flt-total .price-num{
font-weight:bold;
font-size:16px;
font-family:var(--font-num);
}
.selected-container .flt-total small{
color:#555;
font-size:9px;
}
.selected-container.active .selected-item{
display:block;
}
.selected-container .btn-03{
margin:5px auto;
width:210px;
height:37px;
}
.selected-container .ico-add{
color:var(--cmn-font-color-red);
}

/* .toggle-container
----------------------------------------------- */
.toggle-container{
margin-top:-7px;
}
.toggle-container .toggle-btn{
box-sizing:border-box;
display:block;
position:relative;
padding:5px 5px 5px 17px;
border:none;
width:100%;
background:none;
text-align:left;
font-size:13px;
color:var(--cmn-font-color-base);
}
.toggle-container .toggle-btn:before{
display:inline-block;
position:absolute;
top:50%;
left:0;
margin-top:-6px;
content:"";
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 11px;
}
.toggle-container.is-active .toggle-btn:before,
.toggle-container.active .toggle-btn:before{
margin-top:-7px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.toggle-container .toggle-item{
display:none;
margin-bottom:12px;
padding:0 0 0 20px;
}
.toggle-container .toggle-item .desc-img{
width:100%;
height:auto;
}
.toggle-container.is-active .toggle-item,
.toggle-container.active .toggle-item{
display:block;
}

/* toggle-container-02
------------------------------------------------- */
.toggle-container-02{
margin:0 10px;
}
.toggle-container-02 .toggle-hdg-02{
position:relative;
padding-left:30px;
}
.toggle-container-02 .toggle-btn-02{
position:absolute;
top:0;
left:0;
margin:0;
border:none;
border-bottom:1px solid #fff;
width:100%;
height:100%;
background:none;
background-image:url(/element_sp/shared/images/icon/icon-toggle-wht-plus.svg);
background-position:10px 10px;
background-size:13px;
background-repeat:no-repeat;
text-indent:-99999px;
}
.toggle-container-02.active .toggle-btn-02{
border-bottom:none;
background-image:url(/element_sp/shared/images/icon/icon-toggle-wht-minus.svg);
}
.toggle-container-02 .toggle-item-02{
display:none;
}
.toggle-container-02.active > .toggle-item-02{
display:block;
}
.toggle-container-02 > .toggle-btn-02-section button{
position:relative;
box-sizing:border-box;
display:block;
position:relative;
margin:0;
padding:5px 0;
border:none;
border-bottom:1px solid #e5e5e5;
min-height:31px;
color:var(--cmn-font-color-base);
background:none;
text-align:left;
font-weight:bold;
font-size:14px;
width:100%;
min-height:44px;
}
.toggle-container-02 > .toggle-btn-02-section button::after{
position:absolute;
right:0;
top:16px;
display:block;
bottom:1px;
margin-right:4px;
width:11px;
height:11px;
background-color:transparent;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-size:11px 11px;
background-repeat:no-repeat;
content:"";
}
.toggle-container-02.active > .toggle-btn-02-section button::after{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* keyword-container
------------------------------------------------- */
.keyword-container{
margin:0 -10px;
padding:0 10px;
}
.keyword-container.active .history-container{
display:block;
}
.keyword-container .keyword-item{
position:relative;
z-index:1;
}
.keyword-container .keyword-item input[type="search"]{
overflow:hidden;
box-sizing:border-box;
padding:10px 30px 10px 7px;
border:1px solid #bbb;
border-radius:4px;
width:100%;
text-overflow:ellipsis;
white-space:nowrap;
font-size:16px;
-webkit-appearance:none;
-moz-appearance:none;
height:42px;
}
.keyword-container .keyword-item input[type="search"].is-selected{
font-weight:bold;
}
.keyword-container .keyword-item input[type="search"]::-webkit-input-placeholder{
color:#a4a4a4;
font-size:12px;
}
.keyword-container .keyword-item input[type="search"]::placeholder{
color:#a4a4a4;
font-size:12px;
}
.keyword-container .keyword-item p{
position:relative;
}
.keyword-container .keyword-item .btn-clear-txt{
position:absolute;
top:50%;
right:0;
margin-top:-19px;
}

/* suggest
------------------------------------------------ */
.suggest{
margin-top:-1px;
border:1px solid #bbb;
position:absolute;
top:100%;
left:1%;
z-index:2;
width:98%;
box-sizing:border-box;
display:none;
background-color:#fff;
}
.suggest .list-suggest li{
border-bottom:1px solid #e5e5e5;
}
.suggest .list-suggest li a{
padding:0 10px 0 10px;
color:var(--cmn-font-color-base);
height:45px;
display:table-cell;
width:1000px;
position:relative;
line-height:1.3;
vertical-align:middle;
}
.suggest .list-suggest li:last-child{
border-bottom:none;
}

/* ----------------------------------------------------------------
  .form-input-word
----------------------------------------------------------------- */
/* .form-input-word
----------------------------------------------- */
.form-input-word{
margin:20px 0;
position:relative;
}

/* .form-input-word-inner
----------------------------------------------- */
.form-input-word .form-input-word-inner{
position:relative;
}
.form-input-word .form-input-word-inner input[type="text"]{
padding:0 30px 0 7px;
border:1px solid #bbb;
height:42px;
font-size:16px;
line-height:normal;
box-sizing:border-box;
width:100%;
border-radius:4px;
}
.form-input-word .form-input-word-inner input[type="text"]::-webkit-input-placeholder,
.form-input-word .form-input-word-inner input[type="text"]::-webkit-input-placeholder{
font-size:16px;
}
.form-input-word .form-input-word-inner input[type="text"]::-webkit-input-placeholder{
font-size:16px;
}
.form-input-word .form-input-word-inner input[type="text"]::-webkit-input-placeholder,
.form-input-word .form-input-word-inner input[type="text"]::placeholder{
font-size:16px;
}
.form-input-word .form-input-word-inner button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
-webkit-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px;
}

/* .form-input-word-suggest
----------------------------------------------- */
.form-input-word .form-input-word-suggest{
margin-top:-1px;
border:1px solid #bbb;
position:absolute;
top:100%;
left:1%;
z-index:2;
width:98%;
box-sizing:border-box;
display:none;
background-color:#fff;
}
.form-input-word .form-input-word-suggest.is-active{
display:block;
}

/* .form-input-word-suggest-hdg
----------------------------------------------- */
.form-input-word .form-input-word-suggest-hdg{
padding:4px 10px;
background-color:#e5e5e5;
font-size:13px;
min-height:30px;
box-sizing:border-box;
}

/* .form-input-word-suggest-sup
----------------------------------------------- */
.form-input-word .form-input-word-suggest-sup{
padding:10px;
font-size:13px;
}

/* .form-input-word-suggest-list
----------------------------------------------- */
.form-input-word .form-input-word-suggest-list{
font-size:14px;
line-height:1.25;
}
.form-input-word .form-input-word-suggest-list > li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.form-input-word .form-input-word-suggest-list > li a{
padding:0 10px;
color:var(--cmn-font-color-base);
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}
.form-input-word .form-input-word-suggest-list > li[class] a{
padding-left:35px;
position:relative;
}
.form-input-word .form-input-word-suggest-list > li[class] a:before{
position:absolute;
left:0;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
display:block;
width:35px;
height:100%;
content:"";
background-position:50% 50%;
background-repeat:no-repeat;
}
.form-input-word .form-input-word-suggest-list > li.area a:before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:15px 16px;
}
.form-input-word .form-input-word-suggest-list > li.spot a:before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 16px;
}
.form-input-word .form-input-word-suggest-list > li.airport a:before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:18px 18px;
}
.form-input-word .form-input-word-suggest-list > li.station a:before{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-size:13px 16px;
}
.form-input-word .form-input-word-suggest-list > li.hotel a:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:18px 14px;
opacity:.75;
}

/* .form-input-word-suggest-list-keyword
----------------------------------------------- */
.form-input-word .form-input-word-suggest-list-keyword{
font-size:14px;
line-height:1.25;
margin:0;
}
.form-input-word .form-input-word-suggest-list-keyword > li{
display:table;
min-height:45px;
border-bottom:1px solid #e5e5e5;
position:relative;
}
.form-input-word .form-input-word-suggest-list-keyword > li:last-child{
border-bottom:none;
}
.form-input-word .form-input-word-suggest-list-keyword > li a{
padding:5px 40px 5px 10px;
color:var(--cmn-font-color-base);
display:table-cell;
width:2000px;
vertical-align:middle;
height:100%;
position:relative;
}
.form-input-word .form-input-word-suggest-list-keyword > li button{
margin:0;
padding:0;
border:none;
color:transparent;
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
overflow:hidden;
background:none;
}
.form-input-word .form-input-word-suggest-list-keyword > li button::before{
content:"";
display:block;
width:13px;
height:100%;
position:absolute;
top:0;
right:7px;
opacity:.9;
background:url(/element/shared/images/icon/icon-arrow-up-left.svg) 50% 50% no-repeat;
}

/* .form-input-word-suggest-category
----------------------------------------------- */
.form-input-word .form-input-word-suggest-category{
padding:5px 10px;
background-color:#f5f5f5;
border-top:1px solid #e5e5e5;
}

/* .form-input-word-suggest-category-hdg
----------------------------------------------- */
.form-input-word .form-input-word-suggest-category-hdg{
font-size:11px;
font-weight:normal;
}

/* .form-input-word-suggest-category-list
----------------------------------------------- */
.form-input-word .form-input-word-suggest-category-list{
margin:5px -10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
font-size:11px;
}
.form-input-word .form-input-word-suggest-category-list > li{
-webkit-box-flex:1;
flex:1;
}
.form-input-word .form-input-word-suggest-category-list > li:not(:last-child){
border-right:1px solid #ddd;
}
.form-input-word .form-input-word-suggest-category-list > li > a{
padding:22px 0 0;
color:var(--cmn-font-color-gray);
display:block;
position:relative;
text-decoration:none;
text-align:center;
}
.form-input-word .form-input-word-suggest-category-list > li > a:before{
content:"";
display:block;
width:100%;
height:20px;
position:absolute;
top:0;
left:0;
opacity:.5;
background-position:50% 50%;
background-repeat:no-repeat;
}
.form-input-word .form-input-word-suggest-category-list > li.is-active > a{
color:var(--cmn-font-color-base);
cursor:default;
font-weight:bold;
}
.form-input-word .form-input-word-suggest-category-list > li.is-active > a:before{
opacity:1;
}
.form-input-word .form-input-word-suggest-category-list > li.is-disabled > a{
color:#ccc;
cursor:default;
}
.form-input-word .form-input-word-suggest-category-list > li.is-disabled > a:before{
opacity:.13;
}
.form-input-word .form-input-word-suggest-category-list > li.all > a:before{
background-image:url(/element/shared/images/icon/icon-list-gray.svg);
background-size:14px 10px;
}
.form-input-word .form-input-word-suggest-category-list > li.area > a:before{
background-image:url(/element/shared/images/icon/icon-pin-gray.svg);
background-size:15px auto;
}
.form-input-word .form-input-word-suggest-category-list > li.station > a:before{
background-image:url(/element/shared/images/icon/icon-train-gray.svg);
background-size:12px 14px;
}
.form-input-word .form-input-word-suggest-category-list > li.airport > a:before{
background-image:url(/element/shared/images/icon/icon-plane-gray.svg);
background-size:16px 16px;
}
.form-input-word .form-input-word-suggest-category-list > li.spot > a:before{
background-image:url(/element/shared/images/icon/icon-flag-gray.svg);
background-size:11px 14px;
}
.form-input-word .form-input-word-suggest-category-list > li.hotel > a:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:17px 12px;
}

/* history-container
------------------------------------------------- */
.history-container{
display:none;
position:relative;
}
.history-container .btn-del-history{
margin:0;
padding:0 6px;
border:1px solid #fff;
border-radius:3px;
color:#fff;
position:absolute;
top:6px;
right:0;
line-height:21px;
font-size:12px;
background-color:transparent;
}
.history-container .list-history{
margin:0 -10px;
background-color:#fff;
}
.history-container .list-history li{
border-top:1px solid #e5e5e5;
}
.history-container .list-history li:first-child{
border-top:none;
}
.history-container .list-history li a{
position:relative;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:5px 25px 5px 10px;
min-height:40px;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1.3;
}
.history-container .list-history li:last-child a{
border-bottom:none;
}
.history-container .history-desc{
box-sizing:border-box;
margin:0 -10px;
padding:12px;
height:44px;
}

/* link-list-toggle
------------------------------------------------ */
.link-list-toggle .link-list-toggle-container{
border-bottom:none;
}
.link-list-toggle .link-list-toggle-container.active > .link-list-toggle-item{
display:block;
margin:0;
}
.link-list-toggle .link-list-toggle-container.active > .link-list-toggle-item li a{
border-bottom:1px solid #e9e9e9;
}
.link-list-toggle .link-list-toggle-container.active > .link-list-toggle-btn span:after{
display:none;
}
.link-list-toggle .link-list-toggle-container > .link-list-toggle-item{
display:none;
}
.link-list-toggle .link-list-toggle-container li .link-list-toggle-btn{
border-bottom:1px solid #fff;
}
.link-list-toggle .link-list-toggle-container .link-list-toggle-container.active  .link-list-toggle-btn{
border-bottom:1px solid #e9e9e9;
}
.link-list-toggle .link-list-toggle-container a{
box-sizing:border-box;
display:block;
padding-top:10px;
padding-bottom:9px;
padding-left:34px;
min-height:40px;
color:var(--cmn-font-color-base);
font-size:13px;
}
.link-list-toggle .link-list-toggle-container > .link-list-toggle-btn{
box-sizing:border-box;
display:block;
position:relative;
padding:10px 30px 9px 10px;
border:none;
border-bottom:1px solid #e9e9e9;
width:100%;
min-height:42px;
color:var(--cmn-font-color-base);
background:none;
text-align:left;
font-size:13px;
}
.link-list-toggle .link-list-toggle-container > a.link-list-toggle-btn:after{
display:none;
}
.link-list-toggle .link-list-toggle-container > a.link-list-toggle-btn span{
display:block;
}
.link-list-toggle .link-list-toggle-container > .link-list-toggle-btn span::before{
content:"";
display:block;
position:absolute;
right:12px;
top:17px;
width:16px;
height:10px;
background:url(/element_sp/w_air/shared/images/icon-arrow-01-down-l.svg) 0 0 no-repeat;
}
.link-list-toggle .link-list-toggle-container.active > .link-list-toggle-btn span::before{
background-image:url(/element_sp/w_air/shared/images/icon-arrow-01-up-l.svg);
}
.link-list-toggle .link-list-toggle-container .link-list-airline a{
padding-left:10px;
border-bottom:1px solid #e9e9e9;
}
.link-list-toggle .link-list-toggle-container .link-list-airline .airline-img{
float:left;
}
.link-list-toggle .link-list-toggle-container .link-list-airline .airline-img span{
box-sizing:border-box;
display:table-cell;
border:1px solid #d8d8d8;
width:67px;
height:22px;
vertical-align:middle;
text-align:center;
}
.link-list-toggle .link-list-toggle-container .link-list-airline .airline-img span img{
display:table-cell;
max-width:67px;
max-height:22px;
vertical-align:top;
}
.link-list-toggle .link-list-toggle-container .link-list-airline .airline-img + span{
overflow:hidden;
display:block;
padding-top:3px;
padding-left:10px;
line-height:1.3;
}

/* for font-size 14px
------------------------------------------------ */
.link-list-toggle.branch-font .link-list-toggle-container > .link-list-toggle-btn,
.link-list-toggle.branch-font .link-list-toggle-container a{
font-size:14px;
}

/* for level control
------------------------------------------------ */
.link-list-toggle .link-list-toggle-container ul .link-list-toggle-btn{
padding-left:34px;
}
.link-list-toggle .link-list-toggle-container ul ul .link-list-toggle-btn{
padding-left:58px;
}
.link-list-toggle .link-list-toggle-container ul ul a{
padding-left:58px;
}
.link-list-toggle .link-list-toggle-container ul ul ul a{
padding-left:82px;
}

/* .number-container
----------------------------------------------- */
.number-container{
padding:15px 0;
}
.number-container .search-container li:not(:first-child){
margin-top:10px;
}
.number-container .select-custom{
width:100%;
}
.number-container .select-custom select{
font-weight:bold;
}
.number-container li .search-desc-01{
margin-bottom:6px;
}

/* .price-detail
----------------------------------------------- */
.price-detail{
margin:10px 0;
text-align:right;
}
.price-detail > span{
display:block;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:12px;
}
.price-detail span b{
color:var(--cmn-font-color-red);
font-weight:normal;
font-size:12px;
}
.price-detail span b:before{
display:inline-block;
margin:0 4px;
color:var(--cmn-font-color-base);
content:":";
}
.price-detail .price-num{
font-weight:bold;
font-size:21px;
font-family:var(--font-num);
}
.price-detail small{
display:block;
font-size:10px;
}

/* filter-item-list-container
------------------------------------------------ */
.filter-item-list-container{
position:relative;
margin-top:10px;
padding:10px 10px 0 10px;
border-radius:3px;
background-color:#fff;
box-shadow:0 2px 1px 0 rgba(0, 0, 0, .15);
}
.filter-item-list-container:after{
display:table;
content:"";
}
.filter-item-list-container .filter-item-sup{
display:block;
margin-bottom:10px;
}
.filter-item-list-container .search-filter-btn{
box-sizing:border-box;
position:absolute;
top:10px;
right:10px;
padding-top:4px;
border:1px solid #bbb;
border-radius:4px;
width:48px;
height:22px;
color:var(--cmn-font-color-base);
background-color:#fff;
text-align:center;
font-size:12px;
line-height:1.2;
}
.filter-item-list-container .filter-item-list{
margin:0 79px 5px 0;
}
.filter-item-list-container .filter-item-list li{
display:inline-block;
margin-right:4px;
margin-bottom:5px;
}
.filter-item-list-container .filter-item-list a{
display:inline-block;
position:relative;
padding:3px 18px 3px 5px;
border-radius:3px;
color:var(--cmn-font-color-gray);
background-color:#eee;
font-size:12px;
}
.filter-item-list-container .filter-item-list a:after{
display:inline-block;
position:absolute;
top:7px;
right:5px;
margin-left:5px;
width:9px;
height:9px;
background:url(/element_sp/w_air/shared/images/icon-close.svg) 0 0 no-repeat;
background-size:100%;
content:"";
vertical-align:middle;
}
.filter-item-list-container .filter-item-list.ellipsis{
min-height:59px;
}
.filter-item-list-container .filter-item-list li:nth-child(n+4){
display:none;
}
.filter-item-list-container .filter-item-list.ellipsis:after{
display:inline-block;
position:relative;
bottom:5px;
color:var(--font-color-btn-link);
content:"...";
vertical-align:middle;
font-size:16px;
}
.filter-item-list-container.active .filter-item-list.ellipsis:after{
display:none;
}
.filter-item-list-container.active .filter-item-list li:nth-child(n+4){
display:inline-block;
}
.filter-item-list-container .filter-item-btn:after{
display:block;
clear:both;
content:"";
}
.filter-item-list-container .filter-item-btn{
position:relative;
}
.filter-item-list-container .filter-item-btn a{
float:right;
margin-top:-3em;
padding:5px;
border:none;
color:#555;
background:none;
font-size:12px;
}
.filter-item-list-container .filter-item-btn a:before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:4px;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 11px;
content:"";
vertical-align:middle;
}
.filter-item-list-container.active .filter-item-btn a:before{
bottom:2px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* filter-airport
------------------------------------------------ */
.filter-airport{
margin:0 -10px;
}
.filter-airport .list-option li{
border-bottom:none;
}
.filter-airport .hdg-l3-01{
margin:9px 0 0 0;
min-height:25px;
padding:0 10px;
font-size:14px;
border-bottom:none;
background-color:#fff;
box-sizing:border-box;
}

/* .form-box-idx
----------------------------------------------*/
.form-box-idx{
position:relative;
margin:-10px -10px 0;
padding:12px 8px 0;
background:url(/element_sp/w_air/index/images/bg-cloud-01.png) no-repeat 0 0 / 100% auto, url(/element_sp/w_air/index/images/bg-form-idx-20220801.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-idx .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 .form-box-inner:after{
display:table;
clear:both;
content:"";
}
.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-idx .form-submit-container.is-static{
position:absolute;
padding:0 12px 16px;
border-top:none;
display:-webkit-box;
display:flex;
background-color:transparent;
text-align:center;
}
.form-box-idx .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);
text-align:center;
}
.form-box-idx .tab-navi-02{
display:-webkit-box;
display:flex;
margin:0 0 0 -3px;
}
.form-box-idx .tab-navi-02 li{
box-sizing:border-box;
flex:1;
padding-left:3px;
width:33%;
text-align:center;
line-height:1.3;
-webkit-box-flex:1;
}
.form-box-idx .tab-navi-02 li a,
.form-box-idx .tab-navi-02 li em{
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:14px;
line-height:32px;
}
.form-box-idx .tab-navi-02 li.tab-open a,
.form-box-idx .tab-navi-02 li.tab-open em{
line-height:1.2;
font-size:12px;
}
.form-box-idx .tab-navi-02 li.active em{
color:var(--cmn-font-color-base);
background:rgba(255, 255, 255, .95);
box-shadow:none;
}
.form-box-idx .tab-navi-02 li.active a{
color:var(--cmn-font-color-base);
background:rgba(255, 255, 255, .95);
box-shadow:none;
}

/* form-box-idx search-container-02
------------------------------------------------ */
.form-box-idx .search-container-02{
margin:0;
}
.form-box-idx .search-container-02 .select-custom select{
border:1px solid #999;
width:100%;
}
.form-box-idx .search-container-02 .btn-search{
border:1px solid #999;
width:100%;
color:var(--font-color-placeholder);
}
.form-box-idx .search-container-02 .search-item-container{
display:table;
margin-bottom:8px;
width:100%;
table-layout:fixed;

}
.form-box-idx .search-container-02 .search-item-container.departure-date .search-desc-01 .cmn-tip-btn{
top:22px;
}
.form-box-idx .search-container-02 .search-desc-01{
display:table-cell;
position:relative;
width:79px;
color:var(--cmn-font-color-base);
vertical-align:middle;
font-size:14px;
line-height:1.2;
font-weight:normal;
}
.form-box-idx .search-container-02 .search-desc-01 .search-desc-inr{
display:inline-block;
vertical-align:middle;
}
.form-box-idx .search-container-02 .search-desc-01 >span:not([class]){
display:block;
}
.form-box-idx .search-container-02 .search-desc-01 .cmn-tip-btn{
position:absolute;
right:8px;
margin-right:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.form-box-idx .search-container-02 .search-desc-01 .search-ref-price-link{
display:block;
padding-top:5px;
font-size:12px;
font-weight:normal;
color:var(--cmn-font-color-base);
}
.form-box-idx .search-container-02 .search-desc-01 .search-ref-price-link.is-disabled{
color:#bbb;
}
.form-box-idx .search-container-02 .search-desc-01 .search-ref-price-link.is-disabled .cmn-dashed{
--cmn-dashed-color:#bbb;
--cmn-dashed-font-color:#bbb;
}
.form-box-idx .search-container-02 .search-item{
box-sizing:border-box;
display:table-cell;
margin:0;
padding:0;
}
.form-box-idx .search-container-02 .search-item label{
display:block;
}

/* search-item-selected
------------------------------------------------ */
.form-box-idx .search-container-02 .search-item-selected .btn-search{
color:var(--cmn-font-color-base);
}
.form-box-idx .search-container-02 .search-item-selected select{
color:var(--cmn-font-color-base);
}

/* departure-date
------------------------------------------------ */
.form-box-idx .search-container-02 .departure-date .search-desc-01{
vertical-align:top;
padding-top:10px;
}
.form-box-idx .search-container-02 .departure-date .btn-search{
font-weight:normal;
}
.form-box-idx .search-container-02 .departure-date .search-item-selected .btn-search{
/* font-weight:bold; */
}
.form-box-idx .search-container-02 .departure-date .search-item .link-search-item{
position:static;
display:block;
font-size:12px;
margin-top:5px;
}
.form-box-idx .search-container-02 .departure-date .search-item-selected{
position:relative;
}
.form-box-idx .search-container-02 .departure-date .search-item-selected > span:first-child{
display:block;
position:absolute;
top:7px;
left:7px;
z-index:1;
line-height:1.3;
}
.form-box-idx .search-container-02 .departure-date .search-item-selected > span:first-child span{
display:block;
font-size:11px;
}
.form-box-idx .search-container-02 .departure-date .search-item-selected > span:first-child span:after{
position:absolute;
right:-5px;
content:":";
}
.form-box-idx .search-container-02 .departure-date .search-item-selected > span span:last-child{
margin-top:3px;
}
.form-box-idx .search-container-02 .departure-date .search-item-selected .btn-search > span > span{
padding-left:60px;
font-size:12px;
}
.form-box-idx .search-container-02 .departure-date .search-item-selected .btn-search > span > span b{
font-weight:normal;
}
.form-box-idx .search-container-02 .departure-date .search-item-selected .btn-search > span > span > span{
display:inline;
}
.form-box-idx .search-container-02 .departure-date .search-item-selected .btn-search > span > span:first-child:before{
display:none;
}
.form-box-idx .search-container-02 .departure-date .search-item-selected .btn-search > span > span:last-child{
margin-top:2px;
}

/* search-item-selected-single
------------------------------------------------ */
.form-box-idx .search-container-02 .departure-date .search-item-selected.search-item-selected-single .btn-search > span > span:last-child{
font-weight:normal;
color:var(--font-color-placeholder);
}
.search-container-02 .departure-date .search-item-selected.search-item-selected-single > span span:last-child{
font-weight:normal;
}
.search-container-02 .departure-date .search-item-selected.search-item-selected-single .btn-search > span span:last-child{
font-weight:normal;
}

/* destination
------------------------------------------------ */
.form-box-idx .search-container-02 .departure .search-item-selected .btn-search span,
.form-box-idx .search-container-02 .destination .search-item-selected .btn-search span{
font-size:16px;
margin:-2px 0 -1px;
}
.form-box-idx .search-container-02 .departure .btn-search small,
.form-box-idx .search-container-02 .destination .btn-search small{
font-size:16px;
}
.form-box-idx .search-container-02 .search-section{
display:block;
}
.form-box-idx .search-container-02 .search-section ul{
margin:10px 0 15px;
}
.form-box-idx .search-container-02 .search-section > span{
display:block;
position:relative;
padding:7px 10px;
color:#fff;
background-color:#444;
font-weight:bold;
font-size:13px;
line-height:1;
}
.form-box-idx .search-container-02 .search-section > span p{
margin:0;
}
.form-box-idx .search-container-02 .search-section > span button{
position:absolute;
top:2px;
right:5px;
padding:0 10px;
border:none;
border-radius:3px;
height:22px;
color:var(--cmn-font-color-base);
background:none;
background-color:#fff;
text-align:center;
font-weight:bold;
font-size:12px;
line-height:20px;
}
.form-box-idx .search-container-02 .number .btn-search{
box-sizing:border-box;
display:block;
}
.form-box-idx .search-container-02 .number .btn-search b{
font-weight:normal;
}
.form-box-idx .search-container-02 .number .search-item{
display:table;
width:100%;
}

/* search-condition
------------------------------------------------ */
.form-box-idx .search-condition{
margin-top:15px;
}
.form-box-idx .search-condition li{
margin-bottom:12px;
}
.form-box-idx .search-condition li:last-child{
margin-bottom:0;
}
.form-box-idx .search-condition .checkbox-custom-02 label > span:before{
top:12px;
}
.form-box-idx .search-condition .search-condition-w{
display:block;
position:relative;
}
.form-box-idx .search-condition .search-condition-w label{
display:inline-block;
}
.form-box-idx .search-condition .search-condition-w-item{
display:inline-block;
color:var(--cmn-font-color-base);
font-size:15px;
}
.form-box-idx .search-condition .search-condition-w-item a{
position:relative;
bottom:1px;
margin:0 2px;
vertical-align:middle;
}
.form-box-idx .btn-add-section{
margin:0 0 15px;
border:1px solid #999;
border-radius:4px;
width:100%;
height:38px;
color:var(--cmn-font-color-base);
background-color:#fff;
font-size:15px;
line-height:1;
}
.search-condition .custom-inner b{
font-weight:normal;
line-height:1.3;
}

/* tab-content search-container-02
------------------------------------------------ */
.search-branch.search-container-02.search-open .search-desc-01{
background-color:#fff;
}

/* .search-branch.search-container-02.search-open .btn-search{
padding-left:0px;
} */
.search-branch.search-container-02{
margin:0;
}
.search-branch.search-container-02 .select-custom select,
.search-branch.search-container-02 .btn-search{
width:100%;
}
.search-branch.search-container-02 .btn-search{
padding-top:10px;
padding-bottom:10px;
border:none;
min-height:45px;
}
.search-branch.search-container-02 .search-item-selected .btn-search{
color:var(--cmn-font-color-base);
}
.search-branch.search-container-02 .search-item-selected .btn-search:disabled{
font-weight:normal;
opacity:.3;
}
.search-branch.search-container-02 .search-item-selected .btn-search:disabled::after{
display:none;
}
.search-branch.search-container-02 .search-item-container{
display:table;
width:100%;
table-layout:fixed;
}
.search-branch.search-container-02 > li{
border-bottom:1px solid #e5e5e5;
}
.search-branch.search-container-02 .search-desc-01{
box-sizing:border-box;
display:table-cell;
position:relative;
padding-left:7px;
width:83px;
background-color:#f7f7f7;
vertical-align:middle;
font-size:13px;
line-height:1.2;
font-weight:normal;
}
.search-branch.search-container-02 .search-desc-01 .search-desc-inr{
display:inline-block;
vertical-align:middle;
}
.search-branch.search-container-02 .search-desc-01 .search-ref-price-link{
display:block;
padding-top:5px;
font-size:12px;
font-weight:normal;
color:var(--cmn-font-color-base);
}
.search-branch.search-container-02 .search-desc-01 .search-ref-price-link.is-disabled .cmn-dashed{
--cmn-dashed-color:#bbb;
--cmn-dashed-font-color:#bbb;
}
.search-branch.search-container-02 .search-desc-01 >span:not([class]){
display:block;
}
.search-branch.search-container-02 .search-desc-01 .cmn-tip-btn{
position:absolute;
right:4px;
margin-right:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.search-branch.search-container-02 .search-item{
box-sizing:border-box;
display:table-cell;
margin:0;
padding:0;
}
.search-branch.search-container-02 .search-item .search-item-notes{
padding:0 8px 8px;
color:var(--cmn-font-color-gray);
font-size:12px;
}
.search-branch.search-container-02 .search-item .search-item-notes li.aster{
position:relative;
padding-left:1.4em;
}
.search-branch.search-container-02 .search-item .search-item-notes li.aster::before{
content:"\203B";
display:block;
position:absolute;
left:0;
top:0;
}
.search-branch.search-container-02 .search-item .btn-search small{
font-size:16px;
}
.search-branch.search-container-02 .search-item label{
display:block;
}

/* seat-class
------------------------------------------------ */
.search-branch.search-container-02 .seat-class .search-item{
padding:10px 10px 10px 7px;
}
.search-branch.search-container-02 .seat-class .select-custom::after{
right:20px;
}
.search-branch.search-container-02 .seat-class .search-item select{
color:var(--cmn-font-color-base);
}

/* departure-date
------------------------------------------------ */
.search-branch.search-container-02 .departure-date .search-item .link-search-item{
display:block;
top:-5px;
left:0;
position:relative;
z-index:1;
font-size:12px;
padding:0 7px 5px;
line-height:1.3;
}
.search-branch.search-container-02 .departure-date .btn-search{
padding-top:12px;
}
.search-branch.search-container-02 .departure-date .btn-search b{
font-weight:normal;
}
.search-branch.search-container-02 .departure-date .btn-search small{
font-size:14px;
}

/* search-item-selected
------------------------------------------------ */
.search-branch.search-container-02 .departure-date .search-item-selected{
position:relative;
}
.search-branch.search-container-02 .departure-date .search-item-selected > span:not(.link-search-item){
display:block;
position:absolute;
top:10px;
left:7px;
z-index:1;
line-height:1.3;
}
.search-branch.search-container-02 .departure-date .search-item-selected > span:not(.link-search-item) span{
display:block;
position:relative;
font-weight:normal;
font-size:12px;
}
.search-branch.search-container-02 .departure-date .search-item-selected > span span:after{
position:absolute;
right:-5px;
content:":";
}
.search-branch.search-container-02 .departure-date .search-item-selected .btn-search > span > span{
padding-left:67px;
font-size:13px;
}
.search-branch.search-container-02 .departure-date .search-item-selected .btn-search > span > span:not(:first-child){
margin-top:1px;
}
.search-branch.search-container-02 .departure-date .search-item-selected .btn-search > span > span > span{
display:inline;
}
.search-branch.search-container-02 .departure-date .search-item-selected .btn-search > span > span:first-child:before{
display:none;
}
.search-branch.search-container-02 .departure-date .search-item-selected > span span:last-child{
margin-top:4px;
}
.search-branch.search-container-02 .search-section{
display:table;
width:100%;
table-layout:fixed;
}
.search-branch.search-container-02 .search-section + li:not(.search-section){
padding:0 10px;
margin-top:-1px;
}
.search-branch.search-container-02 .search-section + li:not(.search-section) button{
margin:15px 0;
}
.search-branch.search-container-02 .search-section ul{
margin:0;
}
.search-branch.search-container-02 .search-section ul li{
border-bottom:1px solid #e5e5e5;
}
.search-branch.search-container-02 .search-section ul li:last-child{
border-bottom:none;
}
.search-branch.search-container-02 .search-section > span{
box-sizing:border-box;
display:table-cell;
position:relative;
padding:3px 8px;
border-right:1px solid #e5e5e5;
width:62px;
background-color:#f7f7f7;
vertical-align:middle;
text-align:center;
font-weight:normal;
font-size:13px;
}
.search-branch.search-container-02 .search-section > span p{
margin:0;
}
.search-branch.search-container-02 .search-section > span button{
margin-top:3px;
padding:0 2px;
border:1px solid #bbb;
border-radius:3px;
height:22px;
color:var(--cmn-font-color-base);
background:none;
background-color:#fff;
text-align:center;
font-weight:normal;
font-size:12px;
}
.search-branch.search-container-02 .search-section .search-desc-01{
width:70px;
}
.search-branch.search-container-02 .number .btn-search{
box-sizing:border-box;
display:block;
line-height:29px;
padding-left:7px;
}
.search-branch.search-container-02 .number .btn-search b{
font-weight:normal;
}
.search-branch.search-container-02 .number .search-item{
display:table;
width:100%;
}

/* search-condition
------------------------------------------------ */
.search-branch.search-container-02 .search-condition ul{
padding:10px 7px;
}
.search-branch.search-container-02 .search-condition li{
margin-bottom:15px;
}
.search-branch.search-container-02 .search-condition li:last-child{
margin-bottom:0;
}
.search-branch.search-container-02 .search-condition .checkbox-custom-02 label > span:before{
top:13px;
}
.search-branch.search-container-02 .search-condition .search-condition-w{
display:block;
position:relative;
}
.search-branch.search-container-02 .search-condition .search-condition-w label{
display:inline-block;
}
.search-branch.search-container-02 .search-condition .search-condition-w-item{
display:inline-block;
font-size:15px;
}
.search-branch.search-container-02 .search-condition .search-condition-w-item a{
margin:0 2px;
vertical-align:middle;
bottom:1px;
position:relative;
}
.search-branch.search-container-02 .btn-add-section{
margin:0;
border:1px solid #bbb;
border-radius:4px;
width:100%;
height:38px;
background-color:#fff;
font-size:15px;
line-height:1;
box-sizing:border-box;
display:block;
}

/* search-submit-container
------------------------------------------------ */
.search-submit-container{
margin:0 -10px;
padding:15px 10px 30px;

/* border-top:1px solid #e5e5e5; */
text-align:center;
}

/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* .select-custom
----------------------------------------------- */
.select-custom{
display:inline-block;
position:relative;
border-radius:3px;
background-color:#fff;
}
.select-custom:after{
display:block;
position:absolute;
top:50%;
right:8px;
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{
display:block;
margin:0;
padding:6px 20px 5px 5px;
border:1px solid #bbb;
border-radius:4px;
width:100%;
min-height:38px;
color:#bbb;
background:transparent;
background-color:#fff;
font-weight:normal;
font-size:16px;
-webkit-appearance:none;
-moz-appearance:none;
}
.select-custom select option:disabled{
color:#ccc;
}
.select-custom.select-selected select{
color:var(--cmn-font-color-base);
}

/* .checkbox-custom
----------------------------------------------- */
.checkbox-custom{
display:block;
position:relative;
padding-left:25px;
min-height:20px;
font-size:14px;
line-height:1;
}
.checkbox-custom.is-disabled > .custom-inner{
color:#bbb;
}
.checkbox-custom.is-disabled > .custom-inner::before{
opacity:.4;
}
.checkbox-custom.is-disabled > .custom-inner .site-info-primary{
color:var(--cmn-font-color-base);
}
.checkbox-custom input[type=checkbox]{
display:none;
}
.checkbox-custom > .custom-inner{
display:block;
position:relative;
padding-top:2px;
line-height:1.3;
}
.checkbox-custom > .custom-inner:before{
position:absolute;
top:0;
left:-25px;
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 + .custom-inner:before{
background:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg) top left no-repeat;
background-size:100% auto;
}

/* .checkbox-custom-02
------------------------------------------------*/
.checkbox-custom-02 input[type="checkbox"]{
display:none;
}
.checkbox-custom-02 input[type="checkbox"]:checked + span:before{
background:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg) top left no-repeat;
background-size:100% auto;
}
.checkbox-custom-02 label{
position:relative;
padding-left:25px;
min-height:20px;
line-height:1;
}
.checkbox-custom-02 label .custom-inner{
display:inline-block;
padding-top:.25em;
font-size:15px;
}
.checkbox-custom-02 label > span:before{
display:inline-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:"";
}

/* .radio-custom
----------------------------------------------- */
.radio-custom{
display:block;
padding-left:25px;
min-height:20px;
font-size:16px;
}
.radio-custom > input[type=radio]{
display:none;
}
.radio-custom > .custom-inner{
display:block;
position:relative;
padding-top:4px;
line-height:1.3;
}
.radio-custom > .custom-inner:before{
position:absolute;
top:3px;
left:-25px;
width:20px;
height:20px;
background:url(/element_sp/shared/images/icon/icon-form-radio.svg) top left no-repeat;
content:"";
}
.radio-custom > input[type=radio]:checked + .custom-inner:before{
background:url(/element_sp/shared/images/icon/icon-form-radio-on.svg) top left no-repeat;
}

/* 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/w_air/shared/images/icon-form-checked.svg) top left no-repeat;
}

/* agt-link
------------------------------------------------ */
.agt-link{
margin:0 0 40px;
background-color:#fff;
}
.agt-link .agt-container{
padding-top:10px;
}
.agt-link .agt-container .agt-link-sup{
font-size:16px;
text-align:center;
}
.agt-link .agt-container .agt-link-desc{
text-align:center;
margin-top:8px;
font-size:12px;
}
.agt-link .agt-container .agt-logo{
display:block;
margin:0 auto 10px;
width:180px;
}
.agt-link .agt-container .agt-logo span{
display:table-cell;
width:180px;
height:80px;
vertical-align:middle;
text-align:center;
}
.agt-link .agt-container .agt-logo span img{
max-width:180px;
max-height:80px;
vertical-align:middle;
}
.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: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 .agt-loading{
color:var(--cmn-font-color-base);
text-align:center;
font-weight:bold;
font-size:15px;
}
.agt-link .agt-loading .icon-loading{
margin:25px auto;
}
.agt-link .agt-info{
display:block;
margin:20px 0 25px;
color:var(--cmn-font-color-gray);
text-align:center;
font-size:11px;
}
.agt-link .agt-info >span{
margin-right:8px;
}
.agt-link .agt-info img{
position:relative;
top:2px;
width:78px;
}
.agt-link .notes-box{
margin:30px 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-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-bottom:10px;
}
.agt-link .notes-box .notes-list-01 li{
margin-bottom:5px;
line-height:1.4;
}
.agt-link .notes-box .notes-list-01 li.mark{
margin-left:1em;
}
.agt-link .notes-box .notes-list-01 li.mark:before{
display:inline-block;
content:"\203B";
text-indent:-1em;
}
.agt-link .notes-box .notes-list-01 em{
color:var(--cmn-font-color-red);
}
.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-link-action button{
margin:0 auto;
width:200px;
height:40px;
}
.agt-link .agt-link-action button[disabled]{
background-color:#d5d5d5;
box-shadow:none;
text-shadow:none;
}
.agt-link .agt-redirect{
margin:20px auto;
line-height:1.3;
}
.agt-link .sch-add{
margin-bottom:0;
}
.sticky-agt-loading-01{
height:37px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.sticky-agt-loading-01 .icon-loading{
margin:0 auto;
}
.sticky-agt-loading-02{
height:49px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.sticky-agt-loading-02 .icon-loading{
margin:0 auto;
}

/* agt-add
------------------------------------------------ */
.agt-add{
margin:-6px -10px 6px;
border-bottom:6px solid #666;
}
.agt-add .result-toggle-container{
position:relative;
margin:6px 0 0;
padding:7px 10px;
border-bottom:1px solid #ddd;
}
.agt-add .result-toggle-container.is-active .result-toggle-item{
display:block;
}
.agt-add .result-toggle-container .result-toggle-item{
display:none;
padding:7px 0 0;
}
.agt-add .result-toggle-container .result-toggle-btn{
margin:-7px -10px;
}
.agt-add .result-toggle-container .result-toggle-btn button{
padding:7px 10px;
position:relative;
font-size:12px;
background:none;
border:none;
display:block;
width:100%;
text-align:left;
box-sizing:border-box;
}
.agt-add .result-toggle-container .result-toggle-btn button::after{
position:absolute;
top:50%;
margin-top:-5px;
right:10px;
content:"";
display:block;
width:5px;
height:5px;
border-bottom:2px solid #999;
border-right:2px solid #999;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.agt-add .result-toggle-container .result-toggle-btn.is-caution button{
padding-left:30px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 50% 50%;
background-position:12px 9px;
background-size:14px 12px;
background-repeat:no-repeat;
}
.agt-add .result-toggle-container .result-toggle-notice{
font-size:12px;
margin:0;
}
.agt-add .result-toggle-container .result-toggle-notice > li{
text-indent:-1em;
margin-left:1em;
}
.agt-add .result-toggle-container .result-toggle-notice > li:not(:first-child){
margin-top:4px;
}
.agt-add .result-toggle-container .result-toggle-link{
text-align:right;
font-size:12px;
}

/* btn-agt-link
------------------------------------------------ */
.btn-agt-link{
font-size:14px;
height:calc(74px/2);
}

/* .agt-info-hdg
------------------------------------------------ */
.agt-info-hdg{
padding:5px 10px 0;
margin:20px -10px 0;
font-size:14px;
background-color:#eee;
min-height:25px;
font-weight:normal;
background-repeat:no-repeat;

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

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

/* agent-info-att
------------------------------------------------ */
.agent-info-att{
border:2px solid #e93939;
padding:10px;
margin-bottom:20px;
text-align:left;
font-size:13px;
}
.agent-info-att .agent-info-att-sup{
font-weight:bold;
}
.agent-info-att .agent-info-att-desc{
margin-top:4px;
}
.agent-info-att .agent-info-att-desc em{
color:var(--cmn-font-color-red);
}

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

/* agent-move-catch
------------------------------------------------ */
.agent-move-catch{
position:relative;
font-weight:bold;
font-size:14px;
line-height:1.3;
text-align:center;
color:var(--cmn-font-color-red);
margin:12px 0;
}
.agent-move-catch p{
margin:0;
}

/* agent-move-tbl
------------------------------------------------ */
.agent-move-tbl{
margin:0 auto 10px;
border:1px solid #e5e5e5;
width:100%;
border-collapse:collapse;
table-layout:fixed;
}
.agent-move-tbl th,
.agent-move-tbl td{
border-top:1px dotted #e5e5e5;
font-size:10px;
vertical-align:middle;
}
.agent-move-tbl th{
font-size:11px;
padding:4px 0 4px 4px;
width:35px;
text-align:left;
font-weight:bold;
position:relative;
box-sizing:border-box;
}
.agent-move-tbl td{
padding:10px 2px;
}

/* agent-move-tbl > flt-item
------------------------------------------------ */
.agent-move-tbl .flt-item{
margin:0;
}
.agent-move-tbl .flt-item.sch-item-transit-01 .flt-term .flt-term-bottom::before{
position:absolute;
top:-9px;
left:50%;
margin-left:-4px;
content:"";
display:block;
width:5px;
height:5px;
background-color:#fff;
border:2px solid #aaa;
border-radius:50%;
z-index:1;
}
.agent-move-tbl .flt-item.sch-item-transit-02 .flt-term .flt-term-bottom::before{
position:absolute;
top:-9px;
left:35%;
content:"";
display:block;
width:5px;
height:5px;
background-color:#fff;
border:2px solid #aaa;
border-radius:50%;
z-index:1;
}
.agent-move-tbl .flt-item.sch-item-transit-02 .flt-term .flt-term-bottom::after{
position:absolute;
top:-9px;
right:35%;
content:"";
display:block;
width:5px;
height:5px;
background-color:#fff;
border:2px solid #aaa;
border-radius:50%;
z-index:1;
}
.agent-move-tbl .flt-term::after{
top:auto;
bottom:20px;
}
.agent-move-tbl .flt-term .flt-term-bottom{
display:block;
position:relative;
}
.agent-move-tbl .flt-term .flt-term-top{
height:auto;
margin:0 -6px 5px;
}
.agent-move-tbl .flt-term .icon-car,
.agent-move-tbl .flt-term .icon-bus{
margin-left:1px;
}
.agent-move-tbl .flt-term .icon-car,
.agent-move-tbl .flt-term .icon-bus{
top:-1px;
}
.agent-move-tbl .flt-info{
-webkit-box-pack:center;
justify-content:center;
}
.agent-move-tbl .flt-airport{
width:79px;
}
.agent-move-tbl .flt-airport > span{
font-weight:normal;
width:47px;
}
.agent-move-tbl .flt-airport > span .time-num{
font-size:14px;
font-weight:normal;
}
.agent-move-tbl .flt-airport b{
font-size:14px;
}
.agent-move-tbl .flt-airport .flt-undecided{
font-size:12px;
}

/* agent-move-price-tbl
------------------------------------------------ */
.agent-move-price-tbl{
margin:20px auto 0;
border:1px solid #e5e5e5;
border-bottom:none;
border-collapse:collapse;
width:100%;
}
.agent-move-price-tbl th{
box-sizing:border-box;
display:table-cell;
padding:5px 5px;
width:96px;
vertical-align:middle;
font-size:12px;
text-align:left;
font-weight:bold;
line-height:1.3;
background-color:#eee;
}
.agent-move-price-tbl th > span{
display:inline-block;
margin-left:5px;
font-size:10px;
font-weight:normal;
}

/* sch-dtl
------------------------------------------------ */
.sch-dtl{
position:relative;
padding-bottom:10px;

}
.sch-dtl.sch-dtl-before{
opacity:.55;
}
.sch-dtl .sch-dtl-chg{
color:var(--cmn-font-color-red);
}
.sch-dtl .sch-dtl-total{
font-size:10px;
text-align:center;
box-sizing:border-box;
margin-left:-4%;
}
.sch-dtl dl{
display:table;
margin:0;
width:100%;
}
.sch-dtl dl:after{
content:"";
display:table;
clear:both;
}
.sch-dtl dt{
box-sizing:border-box;
position:relative;
float:left;
clear:left;
padding-right:2px;
display:table-cell;
width:46%;
color:#555;
text-align:right;
font-size:12px;
}
.sch-dtl dd{
box-sizing:border-box;
position:relative;
float:left;
padding-left:12px;
font-size:12px;
text-align:left;
display:table-cell;
width:54%;
line-height:1.2;
}
.sch-dtl dd.end:before{
display:none;
}
.sch-dtl dd.sch-dtl-transfer:before{
border-left:1px dotted #898989;
background-color:transparent;
}
.sch-dtl dd:before{
overflow:hidden;
display:block;
position:absolute;
top:4px;
left:4px;
border-bottom:1px solid #898989;
width:1px;
height:108%;
background-color:#898989;
content:"";
}
.sch-dtl dd:after{
position:absolute;
top:4px;
left:0;
border:1px solid #898989;
border-radius:50%;
width:6px;
height:6px;
background-color:#fff;
content:"";
}
.sch-dtl .sch-dtl-date{
font-size:10px;
display:block;
}
.sch-dtl .sch-dtl-undecieded{
display:block;
font-size:10px;
}
.sch-dtl .sch-dtl-code{
display:inline-block;
font-size:12px;
line-height:1;
}
.sch-dtl .sch-dtl-code-undecieded{
font-size:10px;
display:inline-block;
}
.sch-dtl .sch-dtl-time{
display:inline-block;
font-size:12px;
font-family:var(--font-num);
line-height:1;
}
.sch-dtl .sch-dtl-duration-item{
font-size:10px;
line-height:1.3;
display:block;
}
.sch-dtl .sch-desc-att{
display:block;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 50% 50%;
background-position:0px 2px;
background-size:14px 12px;
background-repeat:no-repeat;
padding-left:20px;
margin-top:2px;
font-size:10px;
}
.sch-dtl .carrier-notes{
display:block;
padding:0 3px;
font-size:11px;
color:var(--font-color-btn-link);
background-color:#f2f2f2;
}
.sch-dtl .sch-dtl-duration-info{
position:relative;
padding:10px 0;
display:block;
line-height:1.2;
}
.sch-dtl .sch-dtl-duration-info .sch-dtl-duration{
position:absolute;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
top:0;
left:-68px;
height:100%;
font-size:10px;
}
.sch-dtl .sch-dtl-duration-info .sch-dtl-duration .sch-dtl-add-time{
display:block;
font-size:10px;
color:var(--cmn-font-color-red);
text-align:right;
margin-top:-2px;
}

/* agent-move-price-chg
------------------------------------------------ */
.agent-move-price-chg{
box-sizing:border-box;
display:table;
width:100%;
}
.agent-move-price-chg.agent-move-price-chg-branch{
margin-left:5px;
}
.agent-move-price-chg .font-num{
font-family:var(--font-num);
}
.agent-move-price-chg .agent-move-price-chg-col{
position:relative;
display:table-cell;
vertical-align:middle;
font-size:12px;
width:50%;
}
.agent-move-price-chg .agent-move-price-chg-col:first-child{
padding-right:20px;
color:#a4a4a4;
text-align:right;
}
.agent-move-price-chg .agent-move-price-chg-col:first-child .font-num{
font-size:20px;
}
.agent-move-price-chg .agent-move-price-chg-col:last-child{
padding-left:20px;
height:40px;
vertical-align:middle;
text-align:left;
color:var(--cmn-font-color-red);
}
.agent-move-price-chg .agent-move-price-chg-col:last-child .font-num{
font-size:21px;
font-weight:bold;
}
.agent-move-price-chg .agent-move-price-chg-col:last-child:before{
display:inline-block;
position:absolute;
top:50%;
margin-top:-6px;
left:-8px;
width:17px;
height:12px;
background:url(/element_sp/w_air/shared/images/icon-arrow-03.svg) top left no-repeat;
content:"";
background-size:17px 12px;
}

/* agent-move-sch-tbl
------------------------------------------------ */
.agent-move-sch-tbl{
margin:0 auto 10px;
border:1px solid #e5e5e5;
border-bottom:none;
border-collapse:collapse;
width:100%;
}
.agent-move-sch-tbl th{
box-sizing:border-box;
display:table-cell;
padding:5px 5px;
width:96px;
vertical-align:middle;
font-size:12px;
text-align:left;
font-weight:bold;
line-height:1.3;
background-color:#eee;
}
.agent-move-sch-tbl th > span{
display:inline-block;
margin-left:5px;
font-size:10px;
font-weight:normal;
}
.agent-move-sch-tbl td{
border-bottom:1px solid #e5e5e5;
}

/* agent-move-sch-chg
------------------------------------------------ */
.agent-move-sch-chg{
display:-webkit-box;
display:flex;
padding:10px 3px 0;
}
.agent-move-sch-chg .agent-move-sch-chg-col{
box-sizing:border-box;
width:50%;
}
.agent-move-sch-chg .agent-move-sch-chg-col:first-child{
padding-right:10px;
}
.agent-move-sch-chg .agent-move-sch-chg-col:last-child{
padding-left:10px;

}
.agent-move-sch-chg .agent-move-sch-chg-col:last-child .sch-dtl:before{
display:inline-block;
position:absolute;
top:50%;
left:-15px;
content:"";
margin-top:-6px;
width:17px;
height:12px;
background:url(/element_sp/w_air/shared/images/icon-arrow-03.svg) top left no-repeat;
background-size:17px 12px;
}

/* agent-move-notes
------------------------------------------------ */
.agent-move-notes{
font-weight:normal;
font-size:12px;
text-align:center;
}
.agent-move-notes ul{
margin:8px 0 0 0;
}
.agent-move-notes-02{
font-weight:normal;
font-size:11px;
margin:5px 0 0px;
}
.agent-move-notes-02 li{
line-height:1.4;
}
.agent-move-notes-02 li.indent{
margin-left:1em;
text-indent:-1em;
}

/* agent-att-02
------------------------------------------------ */
.agent-att-02{
font-size:13px;
color:var(--cmn-font-color-red);
text-align:center;
margin-top:8px;
}

/* btn-container-02btn-container-02
------------------------------------------------ */
.btn-container-02{
display:-webkit-box;
display:flex;
margin:0 auto;
}
.btn-container-02 > li{
-webkit-box-flex:1;
flex:1;
padding-right:5px;
}
.btn-container-02 > li:last-child{
padding-right:0;
padding-left:5px;
}
.btn-container-02 > li:only-of-type{
padding-left:0;
}

/* btn-notes
------------------------------------------------ */
.btn-notes{
display:block;
margin:10px 0 0;
font-weight:normal;
font-size:10px;
color:#fff;
}
.btn-notes .mark{
margin-left:1em;
text-indent:-1em;
}
.btn-notes a{
color:#fff;
text-decoration:underline;
}

/* btn-detail
------------------------------------------------ */
.btn-detail{
box-sizing:border-box;
display:table-cell;
padding:0;
border:1px solid #ccc;
border-radius:3px;
width:30px;
height:25px;
color:#555;
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;
}

/* search-result-num
------------------------------------------------ */
.search-result-num{
margin:0 -10px;
padding:5px 10px;
color:#fff;
background-color:#666;
font-size:12px;
line-height:1.25;
}
.search-result-num .num{
font-family:var(--font-num);
}
.search-result-num > b{
font-weight:normal;
font-size:14px;
}

/* itemLoading_Area
------------------------------------------------ */
.itemLoading_Area{
text-align:center;
}
.itemLoading_Area .topArea{
margin-top:30px;
}
.itemLoading_Area .topArea p{
display:block;
font-weight:bold;
}
.itemLoading_Area .topArea p b{
overflow:hidden;
display:block;
margin:30px auto;
width:25px;
height:25px;
color:transparent;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
text-align:center;
-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;
}
.itemLoading_Area .topArea .info{
font-weight:normal;
}
.itemLoading_Area .topArea .info span{
font-weight:bold;
}

/* form-container
------------------------------------------------ */
.form-flt-container .form-flt-inner{
margin:0px -10px;
padding:15px 10px 10px;
background:#e1e1e1;
}
.form-flt-container .form-header{
padding:10px 13px;
background-color:#fff;
margin-bottom:10px;
}
.form-flt-container .form-main{
padding:15px 0;
}
.form-flt-container .form-main.form-main-end{
padding-right:0;
padding-left:0;
}
.form-flt-container .form-main.form-main-end .form-item-add{
width:305px;
}
.form-flt-container .form-main.form-main-end .form-catch{
margin:10px 0 20px;
text-align:center;
font-weight:bold;
font-size:15px;
}
.form-flt-container .flight-route{
display:table;
width:100%;
table-layout:fixed;
}
.form-flt-container .flight-schedule{
margin-bottom:10px;
border-bottom:1px solid #ccc;
}
.form-flt-container .flight-schedule .box-schedule{
padding-bottom:15px;
}
.form-flt-container .flight-schedule .flight-schedule-sup{
margin-bottom:10px;
padding:1px 7px;
color:#fff;
background-color:#797979;
font-weight:bold;
font-size:12px;
}
.form-flt-container .flight-route .flight-route-sup{
display:table-cell;
width:40px;
vertical-align:middle;
}
.form-flt-container .flight-route .flight-route-sup span{
display:inline-block;
padding:1px 7px;
color:#fff;
background-color:#797979;
font-weight:bold;
font-size:10px;
}
.form-flt-container .flight-route ul{
display:table-cell;
}
.form-flt-container .flight-route ul li{
display:inline;
font-weight:bold;
font-size:14px;
}
.form-flt-container .flight-route .icon-route{
overflow:hidden;
display:inline-block;
margin:0 4px 0 0;
padding-top:10px;
width:15px;
height:0;
background:url(/element_sp/w_air/shared/images/icon-arrow-round.svg) 0 0 no-repeat;
background-size:100%;
content:"";
vertical-align:middle;
}
.form-flt-container .flight-filter-item{
margin-top:5px;
font-size:13px;
}
.form-flt-container .flight-filter-item-list{
margin:5px 0 0;
font-size:13px;
}
.form-flt-container .flight-filter-item-list li{
display:inline-block;
}
.form-flt-container .flight-filter-item-list li:before{
display:inline-block;
content:"\FF0F";
}
.form-flt-container .flight-filter-item-list li:first-child:before{
display:none;
}
.form-flt-container .flight-filter-list{
margin-top:5px;
}
.form-flt-container .flight-filter-list .flight-filter-list-sup{
display:inline-block;
font-size:13px;
}
.form-flt-container .flight-filter-list .flight-filter-list-sup:after{
display:inline-block;
margin:0 4px 0 5px;
content:":";
}
.form-flt-container .flight-filter-list span{
display:inline-block;
margin-bottom:5px;
font-size:12px;
}
.form-flt-container .flight-filter-list span a{
display:block;
padding:2px 5px 2px 5px;
border-radius:3px;
color:var(--cmn-font-color-gray);
background-color:#eee;
}
.form-flt-container .flight-filter-list span a:after{
display:inline-block;
position:relative;
bottom:1px;
margin-left:4px;
width:8px;
height:8px;
background:url(/element_sp/w_air/shared/images/icon-close.svg) 0 0 no-repeat;
background-size:100%;
content:"";
vertical-align:middle;
}
.form-flt-container .form-catch{
font-weight:bold;
font-size:14px;
padding:0 15px;
}
.form-flt-container .form-item-add{
margin:10px auto;
font-size:12px;
}
.form-flt-container .form-item-add span{
display:block;
}
.form-flt-container .form-item-add .form-item-note{
display:block;
margin-left:1em;
color:#555;
font-size:12px;
}
.form-flt-container .form-item-add .form-item-note.mark{
text-indent:-1em;
}
.form-flt-container .form-item-guide{
display:block;
font-size:13px;
}
.form-flt-container .form-error{
display:block;
margin:7px 0;
color:var(--cmn-font-color-red);
font-weight:bold;
font-size:13px;
}
.form-flt-container .form-error.mark span{
position:relative;
margin:0;
padding-left:18px;
}
.form-flt-container .form-error.mark span:before{
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-6px;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) top left no-repeat;
background-size:100%;
content:"";
}
.form-flt-container #errMsg{
display:block;
margin:7px 0;
color:var(--cmn-font-color-red);
font-weight:bold;
font-size:13px;
}
.form-flt-container #errMsg li{
position:relative;
margin:0;
padding-left:18px;
}
.form-flt-container #errMsg li:before{
display:block;
position:absolute;
top:9px;
left:0;
margin-top:-6px;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) top left no-repeat;
background-size:100%;
content:"";
}
.form-flt-container .form-input-text{
margin:5px 0 0;
padding:10px;
border:1px solid #999;
border-radius:4px;
width:100%;
height:36px;
font-size:15px;
box-sizing:border-box;
}
.form-flt-container .form-input-text::-webkit-input-placeholder{
color:var(--font-color-placeholder);
}
.form-flt-container .btn-form-action{
display:block;
display:block;
margin:20px auto;
padding-top:0;
border:1px solid #bbb;
border-radius:5px;
width:210px;
height:37px;
color:#fff;
background:none;
background-color:#fff;
background-color:#78ae0e;
box-shadow:inset 0 -4px 0 0 #608b0b;
text-align:center;
text-shadow:1px 2px rgba(6, 0, 1, .1);
font-weight:bold;
font-size:14px;
line-height:1;
}
.form-flt-container .btn-form-action:disabled{
border:1px solid #d5d5d5;
background-color:#d5d5d5;
box-shadow:none;
text-shadow:none;
}
.form-flt-container .btn-form-close{
display:block;
margin:30px auto;
border:1px solid #bbb;
border-radius:5px;
width:163px;
height:35px;
color:#555;
background:none;
background-color:#fff;
font-weight:bold;
font-size:13px;
}
.form-flt-container .form-desc{
margin:15px 0 30px;
padding-bottom:15px;
}
.form-flt-container .form-desc p{
margin:5px 0 0 0;
color:#555;
font-size:13px;
}
.form-flt-container .form-desc .mail-domain{
margin:10px 0;
padding:2px 7px;
border:1px solid #d1d1d1;
color:#555;
font-weight:bold;
font-size:13px;
}
.form-flt-container .form-desc .form-desc-hdg-01{
display:block;
margin-bottom:10px;
padding:5px 10px;
background-color:#e9e9e9;
font-weight:bold;
font-size:13px;
}
.form-flt-container .form-desc .form-desc-hdg-02{
margin-top:5px;
margin-left:-7px;
font-weight:normal;
font-size:13px;
}
.form-flt-container .form-desc .form-desc-inr{
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid #e5e5e5;
}
.form-flt-container .form-desc .form-desc-list{
margin:2px 0 0 -7px;
font-size:13px;
}
.form-flt-container .form-desc .form-desc-list li{
display:inline-block;
position:relative;
}
.form-flt-container .form-desc .form-desc-list li:before{
display:block;
position:absolute;
top:2px;
left:0;
border-left:1px solid #222;
width:1px;
height:75%;
content:"";
}
.form-flt-container .form-desc .form-desc-list li:first-child:before{
border-left:none;
}
.form-flt-container .form-desc .form-desc-list li a{
display:block;
padding:0 7px;
line-height:1.2;
}

/* .pager
----------------------------------------------- */
.pager{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin:15px 0 20px;
font-size:13px;
line-height:1.3;
}
.pager > li > a{
display:block;
padding:9px 0;
border:1px solid #bbb;
border-radius:3px;
width:43px;
color:#555;
text-align:center;
}
.pager > li.pager-first{
margin-right:6px;
}
.pager > li.pager-first + .pager-prev{
margin-left:0;
}
.pager > li.pager-prev{
margin-left:51px;
}
.pager > li.pager-current{
flex:1;
text-align:center;
font-size:12px;
-webkit-box-flex:1;
}
.pager > li.pager-current:last-child{
margin-right:96px;
}
.pager > li.pager-current:first-child{
margin-left:96px;
}
.pager > li.pager-current span{
font-family:var(--font-num);
}
.pager > li.pager-current > b{
display:block;
font-weight:normal;
font-size:14px;
}
.pager > li.pager-current > b > span{
font-size:15px;
}
.pager > li.pager-next{
width:96px;
}

/* .carousel-hotel
----------------------------------------------- */
.carousel-hotel{
overflow:hidden;
position:relative;
margin:10px -10px 15px;
line-height:1.35;
}

/* .carousel-hotel-nav
----------------------------------------------- */
.carousel-hotel .carousel-hotel-nav{
margin:0;
}
.carousel-hotel .carousel-hotel-nav button{
position:absolute;
top:15px;
left:0;
z-index:1;
margin:0;
padding:0;
border:none;
width:20px;
height:55px;
color:rgba(51, 51, 51, 0);
background-color:#888;
-webkit-user-select:none;
user-select:none;
}
.carousel-hotel .carousel-hotel-nav button:before{
display:block;
position:absolute;
top:50%;
left:7px;
margin-top:-6px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#fff;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
}
.carousel-hotel .carousel-hotel-nav button:disabled{
background-color:#dedede;
}
.carousel-hotel .carousel-hotel-nav .next button{
right:0;
left:auto;
}
.carousel-hotel .carousel-hotel-nav .next button:before{
left:3px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .carousel-hotel-list
----------------------------------------------- */
.carousel-hotel .carousel-hotel-list{
overflow:hidden;
margin:0;
width:9999px;
display:-webkit-box;
display:flex;
}
.carousel-hotel .carousel-hotel-list > li{
box-sizing:border-box;
padding-left:10px;
width:135px;
display:-webkit-box !important;
display:flex !important;
}
.carousel-hotel .carousel-hotel-list > li > a{
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-pack:end;
justify-content:flex-end;
width:100%;
-webkit-box-flex:1;
flex:1;
color:#555;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-thumb{
overflow:hidden;
position:relative;
height:82px;
background-color:#f1f1f1;
box-sizing:border-box;
margin-bottom:auto;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-thumb.mod-noimg{
background-color:#fcfcfc;
border:1px solid #eee;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-thumb img{
position:absolute;
right:50%;
bottom:50%;
max-width:100%;
max-height:100%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-agt{
display:block;
color:var(--cmn-font-color-gray);
font-size:8px;
margin-top:5px;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-name{
overflow:hidden;
display:block;
margin:3px 0 -4px 0;
color:#555;
text-overflow:ellipsis;
white-space:nowrap;
font-weight:bold;
font-size:12px;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-price{
display:block;
margin-top:2px;
color:var(--cmn-font-color-red);
text-align:right;
font-size:8px;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-price > b{
font-size:11px;
font-family:var(--font-num);
}
.carousel-hotel .review .review-list{
margin:4px 0 0;
}
.review .review-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}
.carousel-hotel .review .review-list > li > div:first-child{
padding-right:0;
width:6.2em;
letter-spacing:-.1em;
font-size:10px;
}
.carousel-hotel .review .review-list > li > div:first-child:after{
display:none;
content:"\ff1a";
}
.carousel-hotel .review .review-list > li:not(:first-child){
margin-top:0;
}

/* city-link-all
------------------------------------------------ */
.city-link-all{
margin:0 -10px;
border-top:1px solid #e9e9e9;
}
.city-link-all a{
display:block;
padding:10px;
color:var(--font-color-btn-link);
text-align:center;
text-decoration:none;
font-size:13px;
}
.city-link-all a span: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);
}

/* ----------------------------------------------------------------
  common
----------------------------------------------------------------- */
/* alliance-logo
------------------------------------------------ */
.alliance-logo{
display:inline-block;
margin-left:4px;
vertical-align:middle;
line-height:1;
}
.alliance-logo span{
box-sizing:border-box;
display:table-cell;
border:1px solid #d2d2d2;
width:14px;
height:14px;
background-color:#fff;
}
.alliance-logo img{
display:table-cell;
max-width:14px;
max-height:14px;
vertical-align:middle;
}

/* for lecagy styles
------------------------------------------------ */
.noResult_Area .btn-10{
display:table;
position:relative;
margin:20px auto 0;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
min-width:55%;
color:#555;
background-color:#fff;
box-shadow:none;
text-align:center;
font-weight:bold;
font-size:13px;
}
.noResult_Area .btn-10:after{
display:none;
}
.noResult_Area .pagination_Nav a{
display:table;
margin:20px auto 0;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
min-width:55%;
color:#555;
background-color:#fff;
text-align:center;
font-weight:bold;
font-size:13px;
}
.noResult_Area .error_Txt{
color:var(--cmn-font-color-base);
text-align:left;
}
.noResult_Area .error_Txt strong{
display:block;
text-align:center;
}
.noResult_Area .error_Txt strong > span{
display:block;
text-align:left;
}

/* 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;
}
.related-box-02 .cmn-tip-toggle-container{
margin-bottom:0;
}

/* area-summary-container
------------------------------------------------ */
.area-summary-container .area-img{
position:relative;
text-align:center;
width:100%;
}
.area-summary-container .area-img::before{
content:"";
display:block;

/* h / w × 100 */
padding-top:65%;
}
.area-summary-container .area-img img{
width:100%;
vertical-align:top;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}
.area-summary-container{
margin:0 -10px;
padding-bottom:10px;
font-size:13px;
}
.area-summary-container .area-summary-item{
margin:10px;
}
.area-summary-container .area-summary-item .area-summary-hdg{
margin-top:10px;
}
.area-summary-container .area-summary-item p{
margin:0;
display:inline;
word-break:break-all;
}
.area-summary-container .area-summary-item .overflow-btn{
display:inline-block;
background:none;
border:none;
color:#a4a4a4;
font-size:14px;
padding:0;
line-height:1;
}
.area-summary-container .area-summary-item .overflow-item .overflow-btn::before{
content:"...";
display:inline-block;
color:var(--cmn-font-color-base);
margin:0 4px 0 0;
}
.area-summary-container .overflow-item-full{
display:none;
}
.area-summary-container.active{
padding-bottom:25px;
}
.area-summary-container.active .overflow-item .overflow-btn{
display:none;
}
.area-summary-container.active .overflow-item-full{
display:block;
position:relative;
}
.area-summary-container.active .overflow-item-full .overflow-btn{
position:absolute;
bottom:-18px;
right:0;
display:block;
text-align:right;
}
.area-summary-container.active .overflow-item-full .overflow-btn::before{
content:"";
display:inline-block;
width:12px;
height:7px;
margin-right:4px;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 center no-repeat;
background-size:100%;
opacity:.6;
top:-1px;
position:relative;
}

/* select-price-list
------------------------------------------------ */
.select-point-list:after{
display:block;
clear:both;
content:"";
}
.select-point-list{
margin:10px 0 -1px;
border-top:1px solid #e5e5e5;
}
.select-point-list li{
box-sizing:border-box;
float:left;
border-bottom:1px solid #e5e5e5;
width:50%;
}
.select-point-list li:nth-child(2n+1){
clear:both;
border-right:1px solid #e5e5e5;
}
.select-point-list li a{
display:table-cell;
position:relative;
padding:2px 10px;
width:900px;
height:41px;
color:var(--cmn-font-color-base);
vertical-align:middle;
font-size:14px;
}
.select-point-list li a .select-price{
display:block;
margin-top:-4px;
color:var(--cmn-font-color-red);
font-size:12px;
}
.select-point-list li a .select-price span{
font-size:16px;
font-family:var(--font-num);
}

/* select-point
------------------------------------------------ */
.select-point .tab-content{
display:block;
}
.select-point .select-point-hdg{
margin-bottom:5px;
padding:0 10px;
font-weight:bold;
font-size:14px;
}
.select-point .select-point-notes{
padding:0 10px;
}
.select-point .select-point-notes span{
display:block;
color:#808080;
font-size:12px;
line-height:1.4;
}
.select-point .select-point-notes span.mark{
margin-left:1em;
text-indent:-1em;
}

/* select-airport
------------------------------------------------ */
/* border-bottom:1px solid #bbb; */
.select-airport .tab-navi li{
-webkit-box-flex:0;
flex:none;
width:50%;
}
.select-airport .select-airport-notes{
margin:12px 12px;
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.4;
}
.select-airport .select-airport-notes >span{
display:inline-block;
margin-left:1.4em;
text-indent:-1.4em;
}
.select-airport .select-airport-notes >span .mark{
margin-right:4px;
}

/* select-airport-list
------------------------------------------------ */
.select-airport-list{
margin:0;
}
.select-airport-list .select-airport-hdg-02{
box-sizing:border-box;
display:block;
position:relative;
padding:6px 10px;
min-height:35px;
background-color:#f5f5f5;
font-size:14px;
}
.select-airport-list li:not(:first-child) .select-airport-hdg{
border-top:1px solid #e5e5e5;
margin-bottom:-1px;
}
.select-airport-list .select-airport-hdg{
box-sizing:border-box;
display:block;
position:relative;
margin-top:-1px;
padding:5px 10px 4px;
min-height:30px;
background-color:#f5f5f5;
font-weight:bold;
font-size:14px;
z-index:1;
}
.select-airport-list .select-airport-hdg.icon-pin-airport{
position:relative;
padding:10px 10px 8px 35px;
min-height:40px;
}
.select-airport-list .select-airport-hdg.icon-pin-airport .icon-map-airport{
position:absolute;
display:block;
top:8px;
left:10px;
width:17px;
height:22px;
background:url(/element_sp/w_air/shared/images/pin-airport-01.gif) top left no-repeat;
background-size:100%;
overflow:hidden;
text-indent:-9999px;
}
.select-airport-list ul:after{
display:block;
clear:both;
content:"";
}
.select-airport-list ul{
position:relative;
margin:0;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}
.select-airport-list ul li{
box-sizing:border-box;
margin-top:-1px;
border-top:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
width:33.33%;
}
.select-airport-list ul li a{
box-sizing:border-box;
display:block;
position:relative;
padding:8px 10px;
min-height:40px;
color:var(--cmn-font-color-base);
font-size:14px;
}
.select-airport-list ul li:nth-child(3n){
border-right:none;
}
.select-airport-list.is-branch ul li{
width:100%;
}
.select-airport-list.is-branch ul li:last-child{
border-bottom:none;
}

/* select-airport-list
------------------------------------------------ */
.select-airport-list-02{
margin:0;
}
.select-airport-list-02 .select-airport-hdg-02{
box-sizing:border-box;
display:block;
-webkit-box-align:center;
align-items:center;
position:relative;
margin-top:-1px;
padding:7px 10px 0;
min-height:35px;
background-color:#f5f5f5;
font-size:14px;
font-weight:bold;
}
.select-airport-list-02 > li:last-child{
border-bottom:1px solid #e5e5e5;
}
.select-airport-list-02 > li:last-child ul{
margin-bottom:-1px;
}
.select-airport-list-02 ul:after{
display:block;
clear:both;
content:"";
}
.select-airport-list-02 ul{
margin:0;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}
.select-airport-list-02 ul li{
box-sizing:border-box;
margin-top:-1px;
border-top:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
width:33.33%;
}
.select-airport-list-02 ul li a{
box-sizing:border-box;
display:block;
position:relative;
padding:10px 10px 7px;
min-height:40px;
color:var(--cmn-font-color-base);
font-size:14px;
}
.select-airport-list-02 ul li:nth-child(3n){
border-right:none;
}

/* select-pop-area
------------------------------------------------ */
.select-pop-area .list-01{
margin:0;
}
.select-pop-area .select-pop-area-01{
padding-top:5px;
}
.select-pop-area .select-pop-area-hdg-container{
position:relative;
}
.select-pop-area .select-pop-area-hdg-container::before{
content:"";
display:block;
padding-top:46.875%;
}
.select-pop-area .select-pop-area-hdg-container .select-pop-area-hdg{
position:absolute;
bottom:0;
left:15px;
padding-bottom:10px;
color:#fff;
font-weight:bold;
font-size:25px;
}
.select-pop-area .select-pop-area-hdg-container a{
display:block;
text-align:center;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}
.select-pop-area .select-pop-area-hdg-container a img{
width:100%;
vertical-align:top;
}
.select-pop-area .select-pop-area-hdg-container a:after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-14px;
border:5px solid #fff;
border-bottom-width:0;
border-left-width:0;
width:14px;
height:14px;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* pop-area-label-list
------------------------------------------------ */
.pop-area-label-list:after{
display:block;
clear:both;
content:"";
}
.pop-area-label-list{
padding:0 10px;
}
.pop-area-label-list ul{
margin:0 0 0 -8px;
}
.pop-area-label-list ul li{
box-sizing:border-box;
float:left;
margin-bottom:10px;
padding-left:8px;
width:25%;
}
.pop-area-label-list ul li a{
box-sizing:border-box;
display:block;
position:relative;
padding:5px 10px 5px 20px;
border-width:1px;
border-style:solid;
border-color:rgb(187, 187, 187);
border-radius:3px;
min-height:28px;
color:var(--cmn-font-color-base);
text-align:center;
font-size:14px;
}
.pop-area-label-list ul li a:before{
display:block;
position:absolute;
top:50%;
left:10px;
margin-top:-4px;
border:1px solid #555;
border-top-width:0;
border-left-width:0;
width:5px;
height:5px;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* pop-area-list
------------------------------------------------ */
.pop-area-list{
margin:0;
}
.pop-area-list .pop-area-label{
box-sizing:border-box;
display:block;
padding:9px 10px;
border-bottom:1px solid #e5e5e5;
min-height:40px;
font-weight:bold;
font-size:14px;
}
.pop-area-list li:last-child li:last-child{
border-bottom:none;
}
.pop-area-list ul{
margin:0;
}
.pop-area-list ul li{
border-bottom:1px solid #e5e5e5;
}
.pop-area-list ul li a{
box-sizing:border-box;
display:block;
position:relative;
padding:10px 25px 10px 25px;
min-height:40px;
color:var(--cmn-font-color-base);
background-color:#fff;
font-size:14px;
line-height:1.4;
}
.pop-area-list ul li a .pop-area-img{
display:block;
float:left;
margin-top:2px;
margin-right:10px;
width:22px;
}
.pop-area-list ul li a .pop-area-img span{
box-sizing:border-box;
display:table-cell;
border:1px solid #bbb;
width:22px;
height:14px;
vertical-align:middle;
text-align:center;
line-height:1;
}
.pop-area-list ul li a .pop-area-img img{
max-width:22px;
max-height:14px;
vertical-align:top;
}
.pop-area-list ul li a .pop-area-name{
overflow:hidden;
}

/* select-airline-list
------------------------------------------------ */
.select-airline-list:after{
display:block;
clear:both;
content:"";
}
.select-airline-list{
margin:0 0 16px 0;
}
.select-airline-list li{
box-sizing:border-box;
float:left;
margin-top:12px;
padding-left:10px;
width:50%;
}
.select-airline-list li:nth-child(2n+1){
clear:both;
}
.select-airline-list li a{
display:block;
color:var(--cmn-font-color-base);
font-size:12px;
}
.select-airline-list li a span{
display:block;
margin-top:4px;
line-height:1.3;
}
.select-airline-list li a span.select-airline-img{
display:table-cell;
border:1px solid #e5e5e5;
width:1000px;
vertical-align:middle;
text-align:center;
}

/* airport-info
------------------------------------------------ */
.airport-info{
margin:0 -10px;
}
.airport-info .airport-map{
width:100%;
height:190px;
}

/* airline-info
------------------------------------------------ */
.airline-info{
padding:10px 0 15px;
}
.airline-info .airline-info-img{
display:block;
margin:0 auto 5px;
width:200px;
}
.airline-info .airline-info-img span{
display:table-cell;
width:200px;
height:56px;
}
.airline-info .airline-info-img span img{
max-width:200px;
max-height:56px;
vertical-align:top;
}
.airline-info .airline-info-hdg{
text-align:center;
font-weight:normal;
font-size:15px;
}

/* airline-detail
------------------------------------------------ */
.airline-detail{
margin:0 -10px;
}
.airline-detail table{
margin:0;
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.airline-detail table th,
.airline-detail table td{
padding:5px 10px;
border-bottom:1px solid #e5e5e5;
text-align:left;
line-height:1.3;
font-weight:normal;
}
.airline-detail table th{
box-sizing:border-box;
width:92px;
height:40px;
background-color:#f5f5f5;
font-size:12px;
}
.airline-detail table td{
font-size:14px;
}
.airline-detail table tr:last-child th,
.airline-detail table tr:last-child td{
border-bottom:none;
}
.airline-detail table .blank{
color:#a4a4a4;
}

/* 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-entertainment:before{
background-image:url(/element_sp/w_air/shared/images/icon-enter.png);
}
.box-service .ico-service-baggage:before{
background-image:url(/element_sp/w_air/shared/images/icon-bag.png);
}
.box-service .ico-service-flight:before{
background-image:url(/element_sp/w_air/shared/images/icon-service.png);
}
.box-service .ico-service-seat:before{
background-image:url(/element_sp/w_air/shared/images/icon-seat.png);
}

/* select-airline
------------------------------------------------ */
.select-airline{
margin:0 -10px;
border-top:1px solid #bbb;
}

/* airline-label-list
------------------------------------------------ */
.airline-label-list:after{
display:block;
clear:both;
content:"";
}
.airline-label-list{
padding:15px 10px 0;
}
.airline-label-list ul{
margin:0 0 0 -8px;
}
.airline-label-list ul li{
box-sizing:border-box;
float:left;
margin-bottom:10px;
padding-left:8px;
width:20%;
}
.airline-label-list ul li a{
box-sizing:border-box;
display:block;
position:relative;
padding:5px 10px 5px 10px;
border-width:1px;
border-style:solid;
border-color:rgb(187, 187, 187);
border-radius:3px;
min-height:28px;
color:var(--cmn-font-color-base);
text-align:center;
font-size:14px;
}
.airline-label-list ul li.active a{
border:1px solid #808080;
color:#fff;
background-color:#808080;
}

/* airline-list
------------------------------------------------ */
.airline-list{
margin:0;
}
.airline-list .airline-label{
overflow:hidden;
box-sizing:border-box;
display:block;
padding:9px 10px;
border-bottom:1px solid #e5e5e5;
min-height:40px;
font-weight:bold;
font-size:14px;
}
.airline-list .airline-label a{
overflow:hidden;
display:block;
}
.airline-list .airline-label .airline-label-img{
display:inline-block;
position:relative;
top:1px;
float:left;
margin-right:10px;
width:24px;
height:15px;
line-height:0;
}
.airline-list .airline-label .airline-label-img span{
display:table-cell;
border:1px solid #bbb;
width:24px;
height:15px;
vertical-align:middle;
text-align:center;
}
.airline-list .airline-label .airline-label-img span img{
max-width:24px;
max-height:15px;
}
.airline-list ul{
margin:0;
}
.airline-list ul li{
border-bottom:1px solid #e5e5e5;
}
.airline-list ul li a{
box-sizing:border-box;
display:block;
position:relative;
padding:10px 25px 10px 10px;
min-height:40px;
color:var(--cmn-font-color-base);
background-color:#fff;
font-size:14px;
line-height:1.4;
}
.airline-list ul li a .airline-img{
display:block;
float:left;
margin-top:-1px;
margin-right:10px;
width:67px;
}
.airline-list ul li a .airline-img span{
box-sizing:border-box;
display:table-cell;
border:1px solid #d8d8d8;
width:67px;
height:22px;
vertical-align:middle;
text-align:center;
line-height:1;
}
.airline-list ul li a .airline-img img{
max-width:67px;
max-height:67px;
vertical-align:top;
}
.airline-list ul li a .airline-name{
overflow:hidden;
}

/* alliance-list
------------------------------------------------ */
.alliance-list li a{
display:-webkit-box;
display:flex;
width:100%;
gap:8px;
}
.alliance-list .alliance-list-img{
display:block;
position:relative;
top:-5px;
width:27px;
}
.alliance-list .alliance-list-desc{
-webkit-box-flex:1;
flex:1;
}

/*
------------------------------------------------ */
.airline-link-all{
margin:0 -10px;
border-bottom:1px solid #e9e9e9;
}
.airline-link-all a{
display:block;
padding:10px;
color:var(--font-color-btn-link);
text-align:center;
text-decoration:none;
font-size:13px;
}
.airline-link-all a span: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);
}

/* toggle
------------------------------------------------ */
.toggle > .toggle-item{
display:none;
}
.toggle > .toggle-hook{
display:block;
margin:-1px -10px 0;
padding:10px;
border-width:1px 0;
border-style:solid;
border-color:#e9e9e9;
color:var(--cmn-font-color-base);
text-align:center;
font-size:14px;
}
.toggle > .toggle-hook > span{
display:inline-block;
position:relative;
padding-left:20px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:11px 7px;
}
.toggle.active > .toggle-item{
display:block;
}
.toggle.active > .toggle-hook > span{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* ext-container
------------------------------------------------ */
.ext-container{
font-size:13px;
margin-bottom:25px;
}
.ext-container .ext-hdg{
display:block;
margin:15px -10px 0;
padding:4px 10px;
font-size:14px;
background-color:#eee;
}
.ext-container >:first-child{
margin-top:0;
}
.ext-container .ext-notes{
display:block;
font-size:11px;
}

/* tbl-op
------------------------------------------------ */
.tbl-open{
border-collapse:collapse;
border-bottom:1px solid #e5e5e5;
width:100%;
table-layout:fixed;
}
.tbl-open td,
.tbl-open th{
padding:7px;
font-size:12px;
line-height:1.4;
border-top:1px solid #e5e5e5;
}
.tbl-open tr >:nth-child(2){
border-right:1px solid #e5e5e5;
}
.tbl-open thead th{
font-weight:normal;
text-align:center;
font-size:12px;
}
.tbl-open thead th:first-child{
background-color:#eee;
width:24%;
}
.tbl-open tbody th{
font-weight:bold;
text-align:left;
background-color:#eee;
}
.tbl-open tbody td{
width:38%;
}

/* step-item
------------------------------------------------ */
.step-item .step-item-hdg-l3{
position:relative;
margin-top:20px;
padding-left:16px;
font-weight:bold;
font-size:13px;
line-height:1.3;
}
.step-item .step-item-hdg-l3 span{
position:absolute;
left:0;
top:0;
font-weight:normal;
}
.step-item >:first-child{
margin-top:0;
}
.step-item .step-item-hdg-l4{
font-size:13px;
margin-top:15px;
}
.step-item .step-item-hdg-l4 +p{
margin-top:8px;
}

/* step-item-box
------------------------------------------------ */
.step-item .step-item-box{
padding:10px;
margin-top:5px;
border:1px solid #e5e5e5;
}
.step-item .step-item-box-inr{
border-bottom:1px solid #e5e5e5;
}

/* .step-tbl
------------------------------------------------ */
.step-item .step-tbl-label{
font-size:11px;
display:block;
margin-bottom:7px;
}
.step-item .step-tbl{
margin:0;
border-collapse:collapse;
border-bottom:1px solid #e5e5e5;
width:100%;
table-layout:fixed;
}
.step-item .step-tbl th,
.step-item .step-tbl td{
padding:7px 10px;
border-top:1px solid #e5e5e5;
font-size:12px;
font-weight:normal;
line-height:1.4;
}
.step-item .step-tbl th{
text-align:left;
}
.step-item .step-tbl th:first-child{
border-right:1px solid #e5e5e5;
padding:7px 5px;
width:95px;
}
.step-item .step-item-list{
margin-bottom:0;
}
.step-item .step-item-list li{
margin-left:1.7em;
text-indent:-1.7em;
line-height:1.4;
font-size:11px;
}
.step-item .step-item-list li:not(:last-child){
margin-bottom:3px;
}
.step-item .step-item-img{
margin-top:10px;
}
.step-item .step-item-img img{
vertical-align:top;
max-width:100%;
max-height:100%;
}

/* city-add
------------------------------------------------ */
.city-add{
margin:0 -10px;
padding:10px 10px;
border-bottom:1px solid #e9e9e9;
}
.city-add .city-note{
color:#808080;
font-size:12px;
line-height:1.3;
}
.city-add .city-note .city-note-indent{
margin-left:1em;
text-indent:-1em;
}
.city-container .link-list-toggle{
margin:0 -10px;
}

/* ref-price
------------------------------------------------ */
.ref-price{
margin:0 -10px;
height:calc(100% - 15px);
overflow:hidden;
box-sizing:border-box;
}

/* .ref-price-toggle-container
------------------------------------------------ */
.ref-price-toggle-container{
width:100%;
height:45px;
}
.ref-price-toggle-container.is-active .ref-price-toggle-inr,
.ref-price-toggle-container.is-active .ref-price-toggle-item,
.ref-price-toggle-container.is-active .ref-price-toggle-guide,
.ref-price-toggle-container.is-active .ref-price-toggle-guide-layer{
display:block;
}
.ref-price-toggle-container.is-active .ref-price-toggle-btn span::before{
top:0;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.ref-price-toggle-container .ref-price-toggle-inr{
position:absolute;
left:0;
width:100%;
}
.ref-price-toggle-container .ref-price-toggle-item{
position:relative;
background-color:#fff;
display:none;
margin-bottom:-5px;
padding:10px 10px 0;
font-size:13px;
z-index:2;
}
.ref-price-toggle-container .ref-price-toggle-guide-layer{
display:none;
position:fixed;
top:35px;
background:#000;
opacity:.6;
height:100%;
width:100%;
z-index:1;
}
.ref-price-toggle-container .ref-price-toggle-guide{
display:none;
text-align:center;
z-index:2;
position:relative;
margin-top:60px;
color:#ffffff;
font-size:15px;
font-weight:bold;
}
.ref-price-toggle-container .ref-price-desc{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin:10px 0 5px;
}
.ref-price-toggle-container .ref-price-desc .ref-price-desc-sup{
font-size:12px;
line-height:1.3;
-webkit-box-flex:1;
flex:1;
}
.ref-price-toggle-container .ref-price-desc .ref-price-desc-item{
text-align:center;
padding:3px 5px 1px;
border:1px solid #ccc;
margin-right:7px;
width:67px;
box-sizing:border-box;
}
.ref-price-toggle-container .ref-price-desc .ref-price-desc-item .price-item{
display:block;
font-size:10px;
line-height:1;
}
.ref-price-toggle-container .ref-price-desc .ref-price-desc-item .price-item .price-num{
font-size:12px;
font-family:var(--font-num);
}
.ref-price-toggle-container .ref-price-desc .ref-price-desc-item .price-time{
display:block;
font-size:10px;
color:#949494;
}

/* .ref-price-toggle-btn
------------------------------------------------ */
.ref-price-toggle-container .ref-price-toggle-btn-container{
border-bottom:1px solid #c2c2c2;
height:15px;
background-color:#fff;
z-index:2;
position:relative;
}
.ref-price-toggle-container .ref-price-toggle-btn{
z-index:1;
display:block;
position:relative;
top:14.5px;
text-align:center;
border:1px solid #c2c2c2;
border-top:1px solid #fff;
border-radius:0 0 6px 6px;
width:calc(356px/2);
height:25px;
box-shadow:0px 3px 1px -2px rgba(0, 0, 0, .2);
background-color:#fff;
-webkit-user-select:none;
user-select:none;
margin:0 auto;
}
.ref-price-toggle-container .ref-price-toggle-btn span{
color:var(--font-color-btn-link);
font-size:11px;
}
.ref-price-toggle-container .ref-price-toggle-btn span::before{
position:relative;
top:-2px;
content:"";
display:inline-block;
margin-right:5px;
border-top:2px solid #888;
border-right:2px solid #888;
width:4px;
height:4px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}

/* ref-price-add
------------------------------------------------ */
.ref-price-add{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:0 10px;
margin-bottom:7px;
}

/* ref-price-filter
------------------------------------------------ */
.ref-price-filter{
-webkit-box-flex:1;
flex:1;
}

/* ref-price-define
------------------------------------------------ */
.ref-price-define li{
font-size:10px;
display:block;
margin-left:8px;
vertical-align:middle;
}
.ref-price-define li:nth-child(1):before{
position:relative;
top:-1px;
display:inline-block;
width:10px;
height:10px;
box-sizing:border-box;
border-radius:50%;
border:2px solid rgba(227,7,7,.4);
content:"";
vertical-align:middle;
}
.ref-price-define li:nth-child(2):before{
position:relative;
top:-1px;
display:inline-block;
width:12px;
height:12px;
background-image:url(/element_sp/w_air/shared/images/icon-zoom.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
vertical-align:middle;
}

/* ref-price-cal
------------------------------------------------ */
.ref-price-cal{
position:relative;
height:calc(100% - 72px);
width:100%;
overflow:hidden;
box-sizing:border-box;
}
.ref-price-cal table{
color:var(--cmn-font-color-base);
table-layout:fixed;
border-spacing:0;
box-sizing:border-box;
line-height:1;
}
.ref-price-cal table th,
.ref-price-cal table td{
font-weight:normal;
width:77px;
box-sizing:border-box;
}
.ref-price-cal table th.is-selected{
background:#dbe7f2;
}
.ref-price-cal .ref-price-cal-sup{
font-size:12px;
font-weight:bold;
}
.ref-price-cal .ref-price-cal-select{
display:block;
position:relative;
font-size:10px;
}
.ref-price-cal .ref-price-cal-select .ref-price-cal-select-link{
color:var(--cmn-font-color-link);
}
.ref-price-cal .ref-price-cal-select select{
width:calc(144px/2);
position:absolute;
top:0;
left:0;
opacity:0;
font-size:16px;
}
.ref-price-cal .ref-price-date{
font-family:var(--font-num);
font-size:12px;
}

/* ref-price-cal-row-fixed
------------------------------------------------ */
.ref-price .ref-price-cal-row-fixed{
display:table-cell;
vertical-align:middle;
width:calc(144px/2);
height:50px;
text-align:center;
box-sizing:border-box;
border-bottom:1px solid #999;
border-right:1px solid #999;
background-color:#f5f5f5;
}

/* ref-price-cal-col-fixed
------------------------------------------------ */
.ref-price .ref-price-cal-col-fixed{
position:absolute;
left:calc(144px/2);
top:0;
display:-webkit-box;
display:flex;
width:calc(100% - (144px / 2));
height:29px;
box-sizing:border-box;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
background-color:#f5f5f5;
}
.ref-price .ref-price-cal-col-fixed .ref-price-cal-select{
position:absolute;
width:200px;
top:8px;
left:50%;
margin-left:20px;
}

/* ref-price-col
------------------------------------------------ */
.ref-price .ref-price-cal-col{
/* absolute NG */
position:relative;
height:20px;
left:72px;
top:-21px;
width:calc(100% - 72px);
border-bottom:1px solid #999;
overflow-x:hidden;
overflow-y:hidden;
background-color:#f5f5f5;
}
.ref-price .ref-price-cal-col-tbl{
width:100%;
border-top:1px solid #ccc;
}
.ref-price .ref-price-cal-col-tbl th{
height:20px;
font-size:12px;
box-sizing:border-box;
vertical-align:middle;
border-right:1px solid #ccc;
}

/* ref-price-row
------------------------------------------------ */
.ref-price .ref-price-cal-row{
position:absolute;
left:0px;
top:50px;
width:72px;

/* must height */
height:calc(100% - 50px);
overflow-x:hidden;
overflow-y:hidden;
background-color:#f5f5f5;
box-sizing:border-box;
border-right:1px solid #999;
}
.ref-price .ref-price-cal-row-tbl th{
font-size:12px;
box-sizing:border-box;
vertical-align:middle;
height:42px;
border-bottom:1px solid #ccc;
}

/* ref-price-cal-item
------------------------------------------------ */
.ref-price .ref-price-cal-item{
/* absolute = NG */
position:relative;
left:72px;
top:-21px;
height:calc(100% - 50px);
width:calc(100% - 72px);
overflow:hidden;
-webkit-user-select:none;
user-select:none;
box-sizing:border-box;
}
.ref-price .ref-price-cal-item .ref-price-cal-loading{
position:absolute;
width:25px;
height:25px;
top:20%;
left:50%;
margin-left:-10px;
}
.ref-price .ref-price-cal-item-tbl{
width:100%;
padding:0;
}
.ref-price .ref-price-cal-item-tbl td{
padding:0;
width:77px;
height:42px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
box-sizing:border-box;
}
.ref-price .ref-price-cal-item-tbl td.is-selected >div{
box-shadow:0px 0px 0px 2px #2081e0 inset;
}
.ref-price .ref-price-cal-item-tbl td >div{
position:relative;
padding-top:14px;
display:table-cell;
width:76px;
height:40.9px;
box-sizing:border-box;
text-align:center;
}
.ref-price .ref-price-cal-item-tbl td >div > a{
display:block;
margin-top:-15px;
padding-top:15px;
height:40px;
color:var(--cmn-font-color-link);
box-sizing:border-box;
}
.ref-price .ref-price-cal-item-tbl td >div.ref-price-status-cheapest a::before{
display:block;
position:absolute;
top:3px;
left:50%;
margin-left:-6px;
right:5px;
width:9px;
height:9px;
box-sizing:border-box;
border-radius:50%;
border:2px solid rgba(227,7,7,.4);
content:"";
}
.ref-price .ref-price-cal-item-tbl td >div.ref-price-status-disabled >span{
display:block;
margin-top:-3px;
}
.ref-price .ref-price-cal-item-tbl td >div.ref-price-status-blank a >span{
display:block;
position:absolute;
top:15px;
left:50%;
margin-left:-6px;
right:5px;
width:13px;
height:0px;
padding-top:13px;
overflow:hidden;
line-height:2;
background-image:url(/element_sp/w_air/shared/images/icon-zoom.svg);
background-size:100%;
background-repeat:no-repeat;
}
.ref-price .ref-price-cal-item-tbl td >div.ref-price-status-loading >span{
position:absolute;
top:12px;
left:50%;
margin-left:-8px;
overflow:hidden;
display:block;
padding-top:16px;
width:16px;
height:0;
line-height:2;
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;
}
.ref-price .ref-price-cal-item-tbl td .price-item{
display:block;
font-size:10px;
line-height:1;
}
.ref-price .ref-price-cal-item-tbl td .price-item .price-num{
font-size:12px;
font-family:var(--font-num);
}
.ref-price .ref-price-cal-item-tbl td .price-time{
display:block;
font-size:10px;
color:#949494;
margin-top:1px;
}

/* Example:modal-form for custom selectbox-dram
------------------------------------------------ */
.modal-form{
margin:0;
position:absolute;
top:60px;
left:40px;
padding:0;
width:calc(100% - 80px);
height:calc(100% - 120px);
box-sizing:border-box;
background-color:#fff;
font-size:16px;
z-index:1001;
display:none;
}
.modal-form[aria-hidden="false"]{
display:block;
}
.modal-form .modal-form-content{
overflow-y:auto;
height:calc(100% - 30px);
}
.modal-form .modal-form-list label{
border-top:1px solid #ccc;
color:var(--cmn-font-color-base);
padding:8px 25px 8px 10px;
display:block;
position:relative;
}
.modal-form .modal-form-list label input[type="checkbox"],
.modal-form .modal-form-list label input[type="radio"]{
margin:0;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:none;
-webkit-appearance:none;
appearance:none;

}
.modal-form .modal-form-list label input[type="checkbox"]:after,.modal-form .modal-form-list label input[type="radio"]:after{
position:absolute;
right:10px;
top:50%;
margin-top:-7px;
content:"";
display:inline-block;
width:15px;
height:15px;
background:url(/element_sp/shared/images/icon/icon-form-radio.svg) 0 0 no-repeat;
}
.modal-form .modal-form-list label input[type="checkbox"]:checked:after,.modal-form .modal-form-list label input[type="radio"]:checked:after{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-on.svg);
}
.modal-form .modal-form-list label input[type="checkbox"]:disabled:after,.modal-form .modal-form-list label input[type="radio"]:disabled:after{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-disabled.svg);
}

/* select-slider-container
-----------------------------------------------*/
.select-slider-container .select-slider-value{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.select-slider-container .select-slider-value li{
font-size:12px;
line-height:1;
}
.select-slider-container .select-slider-value li:not(:first-child){
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.select-slider-container .select-slider-value li:not(:first-child)::before{
content:"\2015";
display:block;
}
.select-slider-container .select-slider-item{
margin:20px 15px 15px;
}
.select-slider-container .select-slider{
position:relative;
width:100%;
height:2px;
background-color:#e5e5e5;
}
.select-slider-container .select-slider div{
cursor:pointer;
position:absolute;
top:0;
height:2px;
background-color:#78ae0e;
}
.select-slider-container .select-slider .min,
.select-slider-container .select-slider .max{
display:block;
position:absolute;
top:50%;
margin-top:-16px;
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 #78ae0e inset;
box-sizing:border-box;
}
.select-slider-container .select-slider .max{
float:right;
}

/* filter-airline
------------------------------------------------ */
.filter-airline{
margin:0 -10px;

}
.filter-airline .filter-tool{
display:-webkit-box;
display:flex;
padding:0 10px;
min-height:30px;
box-sizing:border-box;
-webkit-box-align:end;
align-items:flex-end;
-webkit-box-pack:end;
justify-content:flex-end;
}
.filter-airline .filter-tool .filter-checkbox{
margin-top:10px;
-webkit-box-flex:1;
flex:1;
}
.filter-airline .filter-tool .filter-checkbox li{
position:relative;
padding-left:28px;
line-height:1.3;
}
.filter-airline .filter-tool .filter-checkbox .checkbox-custom{
display:inline;
font-size:13px;
padding-left:0;
}
.filter-airline .filter-tool .filter-checkbox .checkbox-custom.is-disabled .custom-inner::before{
opacity:.3;
}
.filter-airline .filter-tool .filter-checkbox .checkbox-custom .custom-inner{
display:inline;
}
.filter-airline .filter-tool .filter-checkbox .checkbox-custom .custom-inner::before{
top:8px;
left:-28px;
}
.filter-airline .filter-tool .filter-tool-deselect{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
width:110px;
}
.filter-airline .filter-tool .filter-tool-deselect li{
position:relative;
}
.filter-airline .filter-tool .filter-tool-deselect li:not(:first-child)::after{
position:absolute;
top:11px;
left:0;
content:"";
display:block;
background-color:#ccc;
width:1px;
height:13px;
}
.filter-airline .filter-tool .filter-tool-deselect li a{
display:block;
color:var(--cmn-font-color-link);
font-size:11px;
padding:10px 5px 0;
}
.filter-airline .filter-tool .filter-tool-deselect li.is-disabled a{
color:#ccc;
}
.filter-airline .filter-alliance{
padding:10px;

}
.filter-airline .filter-alliance .filter-alliance-list{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}
.filter-airline .filter-alliance .filter-alliance-list.filter-alliance-list-col2 >li{
width:50%;
padding-left:3px;
margin-bottom:7px;
}
.filter-airline .filter-alliance .filter-alliance-list.filter-alliance-list-col2 >li .filter-alliance-tool-deselect li:first-child a{
padding-right:15px;
-webkit-box-pack:end;
justify-content:flex-end;
}
.filter-airline .filter-alliance .filter-alliance-list.filter-alliance-list-col2 >li .filter-alliance-tool-deselect li:last-child a{
padding-left:15px;
-webkit-box-pack:start;
justify-content:flex-start;
}
.filter-airline .filter-alliance .filter-alliance-list.filter-alliance-list-col2 >li .filter-alliance-name{
height:25px;
}
.filter-airline .filter-alliance .filter-alliance-list.filter-alliance-list-col2 >li .filter-alliance-name br{
display:none;
}
.filter-airline .filter-alliance .filter-alliance-list.filter-alliance-list-col2 >li:nth-child(2n+1){
padding-right:3px;
padding-left:0px;
}
.filter-airline .filter-alliance .filter-alliance-list.filter-alliance-list-col3 >li{
width:calc(100%/3);
padding-left:2px;
margin-bottom:7px;
}
.filter-airline .filter-alliance .filter-alliance-list.filter-alliance-list-col3 >li .filter-alliance-name{
height:38px;
}
.filter-airline .filter-alliance .filter-alliance-list.filter-alliance-list-col3 >li:nth-child(3n+1){
padding-left:0;
padding-right:4px;
}
.filter-airline .filter-alliance .filter-alliance-list.filter-alliance-list-col3 >li:nth-child(3n+2){
padding-right:2px;
}
.filter-airline .filter-alliance .filter-alliance-list >li{
box-sizing:border-box;
}
.filter-airline .filter-alliance .filter-alliance-list >li.is-disabled{
opacity:.33;
}
.filter-airline .filter-alliance .filter-alliance-list >li.is-disabled .filter-alliance-tool-deselect a{
color:var(--font-color-btn-link);
}
.filter-airline .filter-alliance .filter-alliance-list >li .filter-alliance-item{
display:block;
border-radius:5px;
border:1px solid #bbb;

}
.filter-airline .filter-alliance .filter-alliance-list >li .filter-alliance-name{
display:-webkit-box;
display:flex;
font-size:12px;
text-align:center;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
line-height:1.2;
}
.filter-airline .filter-alliance .filter-alliance-list >li .filter-alliance-tool-deselect{
display:-webkit-box;
display:flex;
border-top:1px solid #ccc;
width:100%;
}
.filter-airline .filter-alliance .filter-alliance-list >li .filter-alliance-tool-deselect > li{
-webkit-box-flex:1;
flex:1;
position:relative;
box-sizing:border-box;
}
.filter-airline .filter-alliance .filter-alliance-list >li .filter-alliance-tool-deselect > li a{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
font-size:11px;
padding:3px 0 4px;
}
.filter-airline .filter-alliance .filter-alliance-list >li .filter-alliance-tool-deselect > li.is-disabled a{
color:#ccc;
}
.filter-airline .filter-alliance .filter-alliance-list >li .filter-alliance-tool-deselect > li:last-child::after{
position:absolute;
top:5px;
content:"";
display:block;
width:1px;
height:13px;
background-color:#ccc;
}
.filter-airline .filter-alliance .filter-alliance-notes{
margin-top:2px;
}
.filter-airline .filter-alliance .filter-alliance-notes li{
font-size:11px;
margin:0;
line-height:1.3;
text-indent:-1em;
margin-left:1em;
color:#949494;
}
.filter-airline .filter-tab-container .filter-tab-nav{
display:-webkit-box;
display:flex;
}
.filter-airline .filter-tab-container .filter-tab-nav li{
-webkit-box-flex:1;
flex:1;
}
.filter-airline .filter-tab-container .filter-tab-nav li:not(:first-child){
border-left:1px solid #bbb;
}
.filter-airline .filter-tab-container .filter-tab-nav li a{
padding:5px;
color:var(--font-color-btn-link);
font-size:14px;
display:-webkit-box;
display:flex;
height:43px;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
border-bottom:1px solid #bbb;
box-sizing:border-box;
background-color:#f5f5f5;
vertical-align:bottom;
}
.filter-airline .filter-tab-container .filter-tab-nav li a > span{
height:13px;
position:relative;
top:2px;
display:inline-block;
font-weight:normal;
font-size:12px;
line-height:1;
}
.filter-airline .filter-tab-container .filter-tab-nav li a > span .font-num{
font-family:var(--font-num);
}
.filter-airline .filter-tab-container .filter-tab-nav li.is-active a{
font-weight:bold;
color:#222;
border-bottom:none;
background-color:#fff;
}
.filter-airline .filter-tab-container .filter-tab-item{
display:none;
}
.filter-airline .filter-tab-container .filter-tab-item.is-active{
display:block;
}
.filter-airline .filter-info{
padding:10px 10px 0;
box-sizing:border-box;
}
.filter-airline .filter-info >:first-child{
margin-top:0;
}
.filter-airline .filter-notes{
margin-top:4px;
}
.filter-airline .filter-notes li{
font-size:16px;
margin:0;
line-height:1.4;
}
.filter-airline .filter-notes li em{
color:var(--cmn-font-color-red);
}
.filter-container{
margin:0 -10px;
}
.filter-group{
display:table;
table-layout:fixed;
width:100%;
border-bottom:1px solid #e5e5e5;
}
.filter-group .filter-key{
display:table-cell;
vertical-align:middle;
background-color:#f5f5f5;
width:60px;
padding:10px 3px 10px 8px;
box-sizing:border-box;
}
.filter-group .filter-key .filter-key-sup{
display:block;
font-weight:bold;
font-size:13px;
line-height:1.3;
}
.filter-group .filter-value{
display:table-cell;
vertical-align:middle;
padding:12px 8px;
overflow:hidden;
}
.filter-group .filter-value >:first-child[class*="filter-value-row"]{
padding-top:0;
}
.filter-group .filter-value >:last-child[class*="filter-value-row"]{
border-bottom:none;
padding-bottom:0;
}
.filter-group .filter-value .filter-value-sup{
font-size:13px;
font-weight:bold;
}
.filter-group .filter-value .filter-value-row{
margin:0 -8px;
padding:7px 10px 12px;
border-bottom:1px solid #e5e5e5;
}
.filter-group .filter-value .filter-option{
padding:8px;
background-color:#f5f5f5;
margin-bottom:12px;
}
.filter-group .filter-value .filter-option .filter-option-list >li:not(:first-child){
margin-top:16px;
}
.filter-group .filter-btn-contaner{
margin:-12px -8px;
}
.filter-group .filter-btn{
box-sizing:border-box;
display:block;
position:relative;
margin:0;
padding:6px 20px 5px 8px;
border:none;
width:100%;
min-height:58px;
color:#bbb;
background:none;
background-color:#fff;
text-align:left;
font-size:14px;
line-height:1.3;
}
.filter-group .filter-btn.is-selected{
color:var(--cmn-font-color-base);
}
.filter-group .filter-btn::after{
display:block;
position:absolute;
top:50%;
right:11px;
margin-top:-5px;
border-right:2px solid #949494;
border-bottom:2px solid #949494;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.filter-group .filter-btn .filter-selected-list{
display:-webkit-box;
display:flex;
padding:2px 0;
}
.filter-group .filter-btn .filter-selected-list .filter-selected-sup{
white-space:nowrap;
padding-right:10px;
font-size:13px;
position:relative;
top:2px;
}
.filter-group .filter-btn .filter-selected-list .filter-selected-text{
overflow:hidden;
-webkit-box-flex:1;
flex:1;
min-width:0;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
display:block;
width:100%;
}
.filter-group .filter-btn .filter-selected-list .filter-selected-text.is-multi{
white-space:wrap;
display:-webkit-box;
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.filter-group .filter-list-row{
margin:-4px 0;
}
.filter-group .filter-list-row .font-num{
font-size:15px;
font-family:var(--font-num);
}
.filter-group .filter-list-row .checkbox-custom{
font-size:14px;
padding-top:6px;
padding-bottom:6px;
line-height:1.2;
}
.filter-group .filter-list-row .radio-custom{
padding-top:7px;
padding-bottom:7px;
}
.filter-group .filter-list-row .radio-custom .custom-inner{
font-size:14px;
}
.filter-group .filter-list-row .filter-list-block{
border-top:1px solid #e5e5e5;
margin:4px -10px 0;
padding:4px 10px 0;
}
.filter-group .filter-list-row .filter-list-value{
display:-webkit-box;
display:flex;
}
.filter-group .filter-list-row .filter-list-value > span:first-child{
-webkit-box-flex:1;
flex:1;
}
.filter-group .filter-list-row .filter-list-value > span:first-child{
width:100px;
}
.filter-group .filter-list-col{
display:-webkit-box;
display:flex;
}
.filter-group .filter-list-col > li{
-webkit-box-flex:1;
flex:1;
}
.filter-group .filter-list-col > li .select-custom{
width:100%;
}
.filter-group .filter-list-col > li .select-custom select{
font-family:var(--cmn-font-family);
}
.filter-group .filter-list-col > li:first-child{
padding-right:8px;
}
.filter-group .filter-list-col > li:last-child{
position:relative;
padding-left:8px;
}
.filter-group .filter-list-col > li:last-child::before{
position:absolute;
content:"\FF5E";
display:inline-block;
left:-6px;
top:10px;
font-size:12px;
}
.filter-group .filter-list-option{
margin:2px 0 7px;
}
.filter-group .filter-list-option li{
display:inline-block;
}
.filter-group .filter-list-option li .radio-custom{
padding-right:10px;
}
.filter-group .filter-list-option li .custom-inner{
font-size:13px;
}
.filter-group .filter-input-container{
margin-bottom:5px;
}
.filter-group .filter-input-container input[type="text"]{
width:100%;
min-height:42px;
border-radius:4px;
border:1px solid #bbb;
box-sizing:border-box;
padding:0 5px;
font-size:16px;
}
.filter-group .filter-input-container input[type="text"]::-webkit-input-placeholder{
font-size:13px;
color:#949494;
}
.filter-group .filter-input-container input[type="text"]::placeholder{
font-size:13px;
color:#949494;
}
.filter-group .filter-input-container .filter-input-notes{
color:#949494;
font-size:11px;
margin-top:3px;
}

/* filter-site
------------------------------------------------ */
.filter-site{
margin:0 -10px;
}
.filter-site .list-option .list-option-col2 >span:first-child{
padding-left:0;
}
.filter-site .filter-site-header .filter-option{
padding:16px 8px 12px;
background-color:#f5f5f5;
}
.filter-site .filter-site-header .filter-option .filter-option-list >li:not(:first-child){
margin-top:16px;
}
.filter-site .filter-site-header .filter-option-notes{
margin-top:8px;
}
.filter-site .filter-site-header .filter-option-notes li{
position:relative;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.filter-site .filter-site-header .filter-option-notes li.aster{
padding-left:1.3em;
}
.filter-site .filter-site-header .filter-option-notes li.aster::before{
position:absolute;
left:0;
top:0;
content:"\203B";
display:block;
}

/* tip-example
------------------------------------------------ */
.tip-example{
text-indent:-2em;
margin-left:2em;
margin-top:8px;
font-size:11px;
}
.tip-example .tip-example-img{
text-indent:0;
margin-left:0;
vertical-align:middle;
}
.tip-example .tip-example-img span{
display:table-cell;
vertical-align:middle;
text-align:center;
width:40px;
}
.tip-example .tip-example-img span img{
max-width:30px;
max-height:15px;
}

/* tip-route
------------------------------------------------ */
.tip-route{
margin:-5px 10px 20px 20px;
}
.tip-route li{
margin-top:10px;
}
.tip-route .tip-item{
display:-webkit-box;
display:flex;
width:100%;
-webkit-box-align:stretch;
align-items:stretch;
-webkit-box-pack:center;
justify-content:center;
}
.tip-route .tip-item .tip-area{
padding:5px 3px;
border:1px solid #ccc;
font-size:12px;
}
.tip-route .tip-item .tip-mid{
position:relative;
-webkit-box-flex:1;
flex:1;
margin:0 7px;
}
.tip-route .tip-item .tip-mid >div{
position:relative;
height:100%;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:stretch;
align-items:stretch;

}
.tip-route .tip-item .tip-mid >div::before{
top:7px;
position:absolute;
content:"";
display:block;
height:2px;
width:calc(100% - 1px);
right:1px;
background-color:#aaa;
}
.tip-route .tip-item .tip-mid >div::after{
bottom:7px;
position:absolute;
content:"";
display:block;
height:2px;
width:calc(100% - 1px);
left:1px;
background-color:#aaa;
}
.tip-route .tip-item .tip-mid >div >span{
background:#fff;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-align:center;
align-items:center;
width:35px;
padding:0 5px;
z-index:10;
}
.tip-route .tip-item .tip-mid >div >span >span{
display:table-cell;
font-size:12px;
text-align:center;
width:100%;
line-height:1;
}
.tip-route .tip-item .tip-mid >div >span >span img{
max-width:35px;
max-height:20px;
vertical-align:middle;
}
.tip-route .tip-item .tip-mid::before{
position:absolute;
top:50%;
margin-top:-10px;
right:0px;
content:"";
display:block;
border-left:6px solid #aaa;
border-top:transparent 4px solid;
border-bottom:transparent 4px solid;
}
.tip-route .tip-item .tip-mid::after{
position:absolute;
top:50%;
margin-top:2px;
left:0px;
content:"";
display:block;
border-right:6px solid #aaa;
border-top:transparent 4px solid;
border-bottom:transparent 4px solid;

}

/* tip-notes
------------------------------------------------ */
.tip-notes-02{
text-indent:-1em;
margin-left:1em;
color:#949494;
font-size:11px;
margin-bottom:10px;
}
.tip-notes-02 a{
text-decoration:none;
}
.tip-notes-02 .cmn-dashed{
--cmn-dashed-font-color:#949494;
}

/* tip-block
------------------------------------------------ */
.str-pseudo .tip-block{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #e5e5e5;
}
.str-pseudo .tip-block >p{
margin-top:0;
}

/* 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:center;
justify-content:center;
}
.shared-url-container .shared-url-sns > li{
margin:0 10px;
}
.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/shared/images/icon/icon-sns-line.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url-sns button.shared-url-btn-fb{
background:url(/element/shared/images/icon/icon-sns-fb.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url-sns button.shared-url-btn-tw{
background:url(/element/shared/images/icon/icon-sns-twitter.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;
}

/* list-agt for katakata legacy
------------------------------------------------ */
/* .list-agt -> rename list-agt-kata
----------------------------------------------- */
.list-agt-kata{
margin:-6px -10px 0;
background-color:#fff;
}
.list-agt-kata .list-agt-item{
position:relative;
border-bottom:6px solid #666;
}

/* list-agt-add
------------------------------------------------ */
.list-agt-kata .list-agt-add{
text-align:left;
margin-right:5px;
font-size:10px;
}
.list-agt-kata .list-agt-add .content-info-flt-list{
margin:0;
}
.list-agt-kata .list-agt-add .content-info-flt-list >li{
display:-webkit-box;
display:flex;
line-height:1.35;
}
.list-agt-kata .list-agt-add .content-info-flt-list >li > div:first-child{
position:relative;
padding-right:8px;
}
.list-agt-kata .list-agt-add .content-info-flt-list >li > div:first-child::after{
content:":";
display:block;
position:absolute;
right:3px;
top:0;
}
.list-agt-kata .list-agt-add .content-info-flt-notes{
display:block;
position:relative;
padding-left:12px;
color:var(--cmn-font-color-gray);
}
.list-agt-kata .list-agt-add .content-info-flt-notes::before{
display:block;
position:absolute;
top:2px;
left:0;
vertical-align:middle;
width:16px;
height:14px;
content:"\203B";
}
.list-agt-kata .list-agt-add .content-info-flt-notes:has(>em)::before{
color:var(--cmn-font-color-red);
}
.list-agt-kata .list-agt-add .content-info-flt-notes em{
color:var(--cmn-font-color-red);
}
.list-agt-kata .list-agt-add .content-info-flt-notes .cmn-tip-info-btn,
.list-agt-kata .list-agt-add .content-info-flt-notes .cmn-tip-caution-btn{
margin-left:4px;
top:1px;
position:relative;
}

/* list-agt-item-inr-top
------------------------------------------------ */
.list-agt-kata .list-agt-item-inr-top{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:6px 10px 6px 10px;
width:100%;
color:var(--cmn-font-color-base);
background-color:#f5f5f5;
box-sizing:border-box;
}

/* prov-info
------------------------------------------------ */
.list-agt-kata .list-agt-item-inr-top .cmn-tip-caution-btn{
margin-left:2px;
top:-1px;
position:relative;
font-size:0;
vertical-align:middle;
}
.list-agt-kata .list-agt-item-inr-top .prov-info:after{
display:block;
clear:both;
content:"";
}
.list-agt-kata .list-agt-item-inr-top .prov-info{
display:block;
margin-top:-2px;
margin-right:5px;
font-size:10px;
line-height:1.3;
width:75px;
}
.list-agt-kata .list-agt-item-inr-top .prov-info > span{
display:block;
word-break:break-all;
}
.list-agt-kata .list-agt-item-inr-top .prov-info .vacancy-num{
display:block;
float:right;
padding:2px 5px 1px;
min-width:40px;
color:#fff;
background-color:#666;
text-align:center;
font-size:10px;
line-height:1.2;
}

/* agt-info
------------------------------------------------ */
.list-agt-kata .list-agt-item-inr-top .agt-info{
text-align:right;
line-height:1;
-webkit-box-flex:1;
flex:1;
}
.list-agt-kata .list-agt-item-inr-top .agt-info .list-agt-item-notes{
font-size:10px;
margin:2px 0 0 0;
}
.list-agt-kata .list-agt-item-inr-top .agt-info .list-agt-item-notes li{
text-align:right;
line-height:1.2;
}
.list-agt-kata .list-agt-item-inr-top .agt-info .list-agt-item-notes li span{
display:inline-block;
}
.list-agt-kata .list-agt-item-inr-top .agt-info .list-agt-item-notes li b{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.list-agt-kata .list-agt-item-inr-top .agt-info .agt-info-link{
font-size:10px;
line-height:1.3;
color:var(--cmn-font-color-base);
}
.list-agt-kata .list-agt-item-inr-top .agt-info .agt-info-link span{
text-decoration:underline;
}
.list-agt-kata .list-agt-item-inr-top .agt-info .agt-info-link strong{
text-decoration:underline;
font-weight:normal;
color:var(--cmn-font-color-red);
}
.list-agt-kata .list-agt-item-inr-top .agt-info .agt-info-link strong.cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-red);
--cmn-dashed-color:rgba(233,57,57,.6);
}

/* site-info
------------------------------------------------ */
.list-agt-kata .site-info{
display:block;
line-height:1.3;
}
.list-agt-kata .site-info .site-info-block{
margin:0;
line-height:1.2;
}
.list-agt-kata .site-info .site-info-block:first-child{
margin-top:5px;
}
.list-agt-kata .site-info .site-info-block > li{
display:inline-block;
font-size:10px;
color:var(--cmn-font-color-base);
margin-right:1px;
line-height:1.3;
}
.list-agt-kata .site-info .site-info-block > li:not(:last-child):after{
content:"\FF0F";
display:inline-block;
margin-left:1px;
}
.list-agt-kata .site-info .site-info-block em{
color:var(--cmn-font-color-red);
font-weight:bold;
}
.list-agt-kata .site-info .site-info-block a:link,
.list-agt-kata .site-info .site-info-block a:visited,
.list-agt-kata .site-info .site-info-block a:hover,
.list-agt-kata .site-info .site-info-block a:active{
color:var(--font-color-btn-link);
text-decoration:underline;
}
.list-agt-kata .site-info .icon-tip-info{
position:relative;
}
.list-agt-kata .site-info .cmn-tip-caution-btn{
position:relative;
margin-left:2px;
top:1px;
}
.list-agt-kata .site-info .cmn-tip-btn{
position:relative;
top:1px;
}
.list-agt-kata .site-info-notes{
margin:5px 0 0 0;
}
.list-agt-kata .site-info-notes li{
font-size:10px;
position:relative;
}
.list-agt-kata .site-info-notes li em{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* logo
------------------------------------------------ */
.list-agt-kata .list-agt-item-inr-top .logo{
width:45px;
margin-right:5px;
vertical-align:top;
font-size:11px;
}
.list-agt-kata .list-agt-item-inr-top .logo .logo-img{
display:block;
margin-bottom:5px;
}
.list-agt-kata .list-agt-item-inr-top .logo .logo-img span{
display:table-cell;
position:relative;
width:45px;
height:24px;
vertical-align:middle;
text-align:center;
background-color:#fff;
}
.list-agt-kata .list-agt-item-inr-top .logo .logo-img span img{
max-width:45px;
max-height:24px;
vertical-align:middle;
line-height:1;
}

/* list-agt-item-inr
------------------------------------------------ */
.list-agt-kata .list-agt-item-inr{
display:-webkit-box;
display:flex;
padding:10px 10px 0;
width:100%;
color:var(--cmn-font-color-base);
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
box-sizing:border-box;
}

/* add-info
------------------------------------------------ */
.list-agt-kata .list-agt-item-inr .option-round{
display:block;
font-weight:bold;
font-size:12px;
}

/* vacancy
------------------------------------------------ */
.list-agt-kata .list-agt-item-inr .vacancy{
display:-webkit-box;
display:flex;
-webkit-box-flex:1;
flex:1;
position:relative;
padding-right:25px;
margin-right:-10px;
-webkit-box-pack:end;
justify-content:flex-end;
}
.list-agt-kata .list-agt-item-inr .vacancy::after{
display:block;
position:absolute;
border-right:2px solid #555;
border-bottom:2px solid #555;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
top:50%;
right:10px;
margin-top:-6px;
width:8px;
height:8px;
}
.list-agt-kata .list-agt-item-inr .vacancy .prov-info{
display:block;
position:relative;
font-size:10px;
margin-top:5px;
}
.list-agt-kata .list-agt-item-inr .vacancy .prov-info .vacancy-num{
text-align:center;
font-size:10px;
line-height:1.2;
float:right;
white-space:nowrap;
}
.list-agt-kata .list-agt-item-inr .vacancy .prov-info .vacancy-num span{
display:block;
}
.list-agt-kata .btn-price-detail{
display:inline-block;
margin-top:5px;
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:28px;
height:25px;
color:#555;
background-color:#fff;
box-shadow:0 -1px 0 #bbb inset;
vertical-align:top;
text-align:center;
font-size:11px;
}
.list-agt-kata .price{
display:block;
position:relative;
text-align:right;
clear:both;
width:171px;
}
.list-agt-kata .price .list-agt-tag{
display:block;
font-size:11px;
width:100%;
}
.list-agt-kata .price .list-agt-tag .font-num{
font-family:var(--font-num);
font-size:12px;
}
.list-agt-kata .price .list-agt-tag .list-agt-tag-sup{
color:var(--font-color-btn-link);
text-align:right;
display:block;
line-height:1;
}
.list-agt-kata .price .list-agt-tag .list-agt-tag-sup .cmn-tip-btn{
position:relative;
top:1px;
margin-right:0;
}
.list-agt-kata .price .list-agt-tag .list-agt-tag-sup .list-agt-tag-cashless-icon{
display:inline-block;
width:15px;
height:0;
padding-top:10px;
line-height:2;
overflow:hidden;
background:url(/element/shared/images/icon/icon-cashless.svg) top left no-repeat;
margin-right:3px;
position:relative;
top:1px;
}
.list-agt-kata .price:after{
display:block;
clear:both;
content:"";
}
.list-agt-kata .price > a{
display:inline-block !important;
width:135px;
color:var(--cmn-font-color-base);
vertical-align:top;
}
.list-agt-kata .price .price-amount{
display:block;
color:var(--cmn-font-color-base);
text-align:right;
font-weight:bold;
font-size:11px;
}
.list-agt-kata .price .price-amount strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.list-agt-kata .price .price-amount small{
display:block;
margin-top:-5px;
color:var(--cmn-font-color-base);
font-weight:normal;
font-size:10px;
}
.list-agt-kata .price .text-lang,
.list-agt-kata .price .text-seat{
display:inline;
}
.list-agt-kata .price strong{
vertical-align:middle;
font-size:14px;
}
.list-agt-kata .price b{
margin:0 0 0 3px;
font-weight:bold;
font-size:19px;
font-family:var(--font-num);
}
.list-agt-kata .price b .pcInfo{
display:block;
margin:3px 0 0 0;
padding-left:.6em;
color:var(--cmn-font-color-red);
text-align:left;
text-indent:-.6em;
font-weight:normal;
font-size:90%;
}
.list-agt-kata .content-info{
display:block;
position:relative;
padding:7px 8px;
}
.list-agt-kata .content-info .payment-info{
display:table;
margin:0 auto;
margin-top:4px;
}
.list-agt-kata .content-info .payment-info > div{
display:table-cell;
position:relative;
}
.list-agt-kata .content-info .payment-info > div .cmn-tip-btn{
position:relative;
margin-left:3px;
margin-top:4px;
top:1px;
}
.list-agt-kata .content-info .payment-info > div:last-child::before{
content:":";
display:inline-block;
margin-right:3px;
margin-left:3px;
position:relative;
top:-1px;
}
.list-agt-kata .content-info > ul{
display:-webkit-box;
display:flex;
margin:0;
font-size:10px;
border:1px solid #ddd;
}
.list-agt-kata .content-info > ul > li{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-align:stretch;
align-items:stretch;
-webkit-box-pack:center;
justify-content:center;
box-sizing:border-box;
text-align:center;
position:relative;
line-height:1.2;
}
.list-agt-kata .content-info > ul > li > span{
padding:3px 0;
}
.list-agt-kata .content-info > ul > li > span >span{
display:inline-block;
}
.list-agt-kata .content-info > ul > li > span .cmn-tip-btn{
position:relative;
top:1px;
}
.list-agt-kata .content-info > ul > li b{
width:100%;
display:block;
padding:4px 0 1px;
height:20px;
box-sizing:border-box;
margin:-1px 1px 0 -1px;
border-right:1px solid #ddd;
background-color:#f5f5f5;
font-weight:normal;
font-size:10px;
}
.list-agt-kata .content-info > ul > li > div{
padding:5px 0;
line-height:1.4;
}
.list-agt-kata .content-info > ul > li > div .cmn-tip-btn{
top:2px;
position:relative;
}
.list-agt-kata .content-info > ul > li:first-child{
-webkit-box-flex:1;
flex:1;
}
.list-agt-kata .content-info > ul > li:nth-child(2){
width:31%;
}
.list-agt-kata .content-info > ul > li:last-child{
width:49%;
}
.list-agt-kata .content-info > ul > li:last-child b{
border-right:none;
margin-right:-1px;
}
.list-agt-kata .content-info .list-payment{
display:block;
margin:-2px 0 0 0;
}
.list-agt-kata .content-info .list-payment .payment-card{
display:block;
position:relative;
}
.list-agt-kata .content-info .list-payment .payment-card::before{
display:none;
}
.list-agt-kata .content-info .list-payment .payment-card .card-block{
display:block;
margin-bottom:8px;
}
.list-agt-kata .content-info .list-payment .payment-card .card-block .cmn-tip-btn{
position:relative;
top:2px;
margin:0 0 0 4px;
}
.list-agt-kata .content-info .list-payment .cmn-tip-caution-btn{
position:relative;
top:1px;
margin-left:4px;
margin-right:0;
}
.list-agt-kata .content-info .list-payment > li{
display:inline-block;
}
.list-agt-kata .content-info .list-payment > li.disabled{
color:#ccc;
display:none;
}
.list-agt-kata .content-info .list-payment > li.payment-card + .disabled + li::before{
display:none;
}
.list-agt-kata .content-info .list-payment > li.payment-card + li + li::before{
color:#555;
content:"/";
display:inline-block;
}
.list-agt-kata .content-info .list-credit{
display:inline-block;
margin:2px 0 0 0;
vertical-align:top;
font-size:0;

}
.list-agt-kata .content-info .list-credit li{
display:inline-block;
margin:0 1px 1px 0;
}
.list-agt-kata .content-info .list-credit li img{
max-height:10px;
}
.list-agt-kata .content-info > .info-notes{
display:block;
color:var(--cmn-font-color-base);
font-size:9px;
margin-left:1em;
margin-top:7px;
}
.list-agt-kata .content-info > .info-notes .mark{
display:inline-block;
text-indent:-1em;
}
.list-agt-kata .content-info .content-info-add{
margin-top:-1px;
background-color:#fff;
border:1px solid #ddd;
border-top:none;
text-align:center;
padding:5px;
}
.list-agt-kata .content-info .content-info-add .info-notes{
font-size:10px;
margin-top:0;
display:block;
line-height:1.2;
}
.list-agt-kata .list-agt-item-add{
padding:0 10px;
}

/* important-info
------------------------------------------------ */
.important-info{
margin:0 -10px;
}
.important-info.is-active .important-info-trigger{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.important-info.is-active .important-info-item{
display:block;
}
.important-info .important-info-hdg{
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 10px 12px no-repeat #fff;
background-size:14px 12px;
padding:10px 10px 10px 30px;
}
.important-info .important-info-hdg h2{
font-size:11px;
text-align:left;
}
.important-info .important-info-trigger{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent:-9999px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-chevron-down.svg) center right 10px no-repeat transparent;
background-size:12px 12px;
border:none;
}
.important-info .important-info-item{
padding:10px;
display:none;
font-size:11px;
background-color:#fff;
}
.important-info .important-info-item > :first-child{
margin-top:0;
}
.important-info .important-info-item a{
color:var(--font-color-btn-link);
text-decoration:underline;
}
.important-info .important-info-date{
margin-top:-10px;
}
.important-info .important-info-list-01 > li{
display:-webkit-box;
display:flex;
margin-top:7px;
}
.important-info .important-info-list-01 > li > div:first-child{
width:6em;
}
.important-info .important-info-list-01 > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.important-info .important-info-list-02{
margin:0;
}
.important-info .important-info-list-02 > li{
display:-webkit-box;
display:flex;
}
.important-info .important-info-list-02 > li > div:first-child{
position:relative;
width:4em;
padding-right:11px;
}
.important-info .important-info-list-02 > li > div:first-child::after{
position:absolute;
content:":";
display:block;
right:4px;
top:0;
}
.important-info .important-info-list-02 > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.important-info .important-info-icon-external{
display:inline-block;
position:relative;
top:1px;
margin-left:2px;
width:12px;
height:0;
padding-top:11px;
line-height:2;
overflow:hidden;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
}
.important-info .important-info-notes-01{
margin:0;
}
.important-info .important-info-notes-01 >li{
text-indent:-1em;
margin-left:1em;
color:var(--font-color-btn-link);
}
.important-info .important-info-notes-02{
margin:0;
}
.important-info .important-info-notes-02 >li{
text-indent:-1em;
margin-left:1em;
color:var(--font-color-btn-link);
}

/* select-content
---------------------------------- */
.bg-ctrl-02 .select-content{
background-color:rgb(66, 74, 87);
padding-top:7px;
}
.bg-ctrl-02 .select-content .cmn-notice-list{
color:#fff;
}
.select-content{
background-color:#e5e5e5;
margin:0 -10px -10px;
padding:12px 8px 10px;
}
.select-content .card-container{
margin:0;
padding:0;
background:none;
}
.select-content .card-container .card-content{
background-color:#fff;
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
margin:12px 0 0;
padding:12px;
position:relative;
z-index:10;
}
.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-item-footer{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
padding:12px 0;
border-top:1px solid #ddd;
gap:0 8px;
font-size:14px;
}
.select-content .card-container .card-content.card-tgl-container.card-news-list,
.select-content .card-container .card-content.card-tgl-container.card-attention-list{
margin-top:12px;
padding:12px 12px 0;
border-top:none;
background-color:#fff;
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
}
.select-content .card-container .card-content.card-tgl-container.card-news-list:first-child,.select-content .card-container .card-content.card-tgl-container.card-attention-list:first-child{
margin-top:0;
}
.select-content .card-container .card-content.card-tgl-container.card-news-list::after,.select-content .card-container .card-content.card-tgl-container.card-attention-list::after{
display:none;
}
.select-content .card-container .card-content.card-tgl-container.card-news-list .card-header,.select-content .card-container .card-content.card-tgl-container.card-attention-list .card-header{
padding:0;
margin-bottom:12px;
min-height:auto;
}
.select-content .card-container .card-content.card-tgl-container.card-news-list .card-tgl-content,.select-content .card-container .card-content.card-tgl-container.card-attention-list .card-tgl-content{
display:block;
padding-bottom:0;
}
.select-content .card-container .card-content.card-tgl-container.card-news-list .attention,.select-content .card-container .card-content.card-tgl-container.card-attention-list .attention{
border-top:1px solid #e5e5e5;
margin-top:12px;
}
.select-content .card-container .card-content.card-travel-info,
.select-content .card-container .card-content.card-safety-info,
.select-content .card-container .card-content.card-airline-info,
.select-content .card-container .card-content.card-seo{
padding-bottom:0;
}
.select-content .card-container .card-content.card-attention-list{
padding-bottom:0;
}
.select-content .card-container .card-content.card-attention-list .attention{
margin-top:-12px;
}
.select-content .card-container .card-content.card-news-list{
margin-top:12px;
padding-bottom:0;
overflow:hidden;
}
.select-content .card-container .card-content.card-faq{
padding-bottom:0;
}
.select-content .card-container .card-content.card-faq .card-item{
padding-top:0;
padding-bottom:0;
}
.select-content .card-container >:first-child{
margin-top:0;
}
.select-content .card-container .card-header-notes{
margin-top:8px;
display:block;
}
.select-content .card-container .cmn-seo-link{
background-color:#fff;
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
margin:12px 0 0;
padding:12px 0 0 0;
position:relative;
z-index:10;
}
.select-content .card-container .cmn-seo-link .cmn-seo-link-hdg{
padding:0 12px;
}
.select-content .card-container .cmn-seo-link .cmn-seo-link-toggle{
margin-top:0;
box-shadow:none;
background-color:transparent;
overflow:hidden;
}
.select-content .card-container .faq-list{
border-top:1px solid #e5e5e5;
}
.select-content .card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav,.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 >:first-child{
margin-top:0;
}
.select-content::before{
content:"";
width:100%;
height:1px;
display:block;
}
.select-content .cmn-notice-list{
color:var(--cmn-font-color-base);
}
.select-content.is-app::before{
position:relative;
content:"";
display:block;
width:1px;
height:1px;
margin-bottom:-2px;
}
.select-content.is-app::after{
position:relative;
content:"";
display:block;
width:1px;
height:1px;
margin-bottom:-1px;
}
.select-content.is-app + .act_ad_manage .cmn-ad-bnr{
margin-top:0;
}

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

/* search-sorter
---------------------------------- */
.search-result-desc{
display:-webkit-box;
display:flex;
padding:10px 0;
-webkit-box-pack:justify;
justify-content:space-between;
}
.search-result-desc .search-result-desc-amount{
font-size:12px;
}
.search-result-desc .search-result-desc-info{
font-size:12px;
white-space:nowrap;
}
.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/w_air/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:calc(100vw - 150px);
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;
min-width:126px;
max-width:calc((100vw - 20px) - 175px);
background:#fff;
border:1px solid #bbb;
border-radius:17px;
color:#222;
font-size:14px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
box-sizing:border-box;
}
.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/w_air/shared/images/icon-form-sort.svg) no-repeat 0 0;
background-size:15px auto;
vertical-align:middle;
margin-right:4px;
}

/* faq-list
---------------------------------- */
.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/w_air/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/w_air/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:first-child{
border-top:none;
}
.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-left:23px;
padding-right:30px;
min-height:50px;
}
.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/w_air/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/w_air/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;
}

/* list-page seo
---------------------------------- */
.card-content{
margin:0 -10px;

}
.card-content p{
margin:0;
}
.card-content p + p{
margin-top:8px;
}
.card-content .card-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:35px;
box-sizing:border-box;
padding:8px 10px;
line-height:1.35;
color:#fff;
background-color:#444;
font-size:14px;
font-weight:normal;
}
.card-content .card-header .card-header-hdg{
font-weight:normal;
}
.card-content .card-header-hdg-l3{
font-size:14px;
margin:12px 0 8px;
}
.card-content .card-item{
padding:12px;
font-size:12px;
}
.card-content.card-faq .card-item{
padding:0;
}
.card-content .card-content-footer{
padding:0 12px 12px;
}
.card-content .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-content .card-content-footer .card-content-footer-desc{
margin:0;
font-size:14px;
}
.card-content .card-content-footer .card-content-footer-desc.is-right{
text-align:right;
}

/* list-page lowprice-list
---------------------------------- */
.card-content .lowprice-list{
margin:12px -12px -12px;
border-bottom:1px solid #e5e5e5;
}
.card-content .lowprice-list .no-result-txt{
text-align:center;
font-size:14px;
margin:8px 0;
}
.card-content .lowprice-list >li{
display:-webkit-box;
display:flex;
border-top:1px solid #e5e5e5;
}
.card-content .lowprice-list >li.thead{
background-color:#f7f7f7;
}
.card-content .lowprice-list >li.thead > div{
padding-top:3px;
padding-bottom:3px;
}
.card-content .lowprice-list >li.thead > div:first-child{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.card-content .lowprice-list >li:not(.thead) > div:first-child{
padding-top:10px;
}
.card-content .lowprice-list >li > div{
padding:8px 12px;
min-height:40px;
font-size:14px;
vertical-align:top;
text-align:left;
line-height:1.3;
box-sizing:border-box;
}
.card-content .lowprice-list >li > div:first-child{
width:67px;
}
.card-content .lowprice-list >li > div:last-child{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.card-content .lowprice-list >li > div:last-child:not(:first-child){
border-left:1px solid #e5e5e5;
}
.card-content .lowprice-list a{
font-size:16px;
}
.card-content .lowprice-list .sup{
display:inline-block;
font-size:14px;
margin-left:8px;
}
.card-content .lowprice-list .route{
font-size:0;
margin:0;
}
.card-content .lowprice-list .route >li{
font-size:14px;
line-height:calc(16 / 12);
display:inline;
}
.card-content .lowprice-list .route >li:first-child::after{
content:"\2015";
margin:0 4px;
line-height:1;
position:relative;
top:-1px;
}

/* card-content card-cheapest-02 seo-card-cheapest
---------------------------------- */
.card-content.card-cheapest-02 p{
font-size:14px;
}
.card-content.card-cheapest-02 .select-custom{
margin-top:0;
width:100%;
display:block;
}
.card-content.card-cheapest-02 .select-custom select{
min-height:44px;
}
.card-content.card-cheapest-02 .seo-cheapest-desc{
display:none;
}
.card-content.card-cheapest-02 .seo-cheapest-desc.is-active{
display:block;
}
.card-content.card-cheapest-02 .seo-card-cheapest{
margin-bottom:0;
}
.card-content.card-cheapest-02 .seo-card-cheapest p{
font-size:14px;
}
.card-content.card-cheapest-02 .seo-card-cheapest .checkbox-custom{
font-size:16px;
margin-top:16px;
}
.card-content.card-cheapest-02 .seo-card-cheapest .radio-custom > .custom-inner{
font-size:14px;
}
.card-content.card-cheapest-02 .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;
}
.card-content.card-cheapest-02 .seo-card-cheapest-tbl{
margin-top:12px;
margin-bottom:12px;
padding:0;
position:relative;
font-size:14px;
}
.card-content.card-cheapest-02 .seo-card-cheapest-tbl table{
border-collapse:collapse;
border-spacing:0;
width:100%;
text-align:right;
margin:0;
}
.card-content.card-cheapest-02 .seo-card-cheapest-tbl table caption{
height:0;
overflow:hidden;
position:absolute;
}
.card-content.card-cheapest-02 .seo-card-cheapest-tbl table th,
.card-content.card-cheapest-02 .seo-card-cheapest-tbl table td{
padding:8px 0;
font-weight:normal;
line-height:1.2;
border-bottom:1px solid #ddd;
}
.card-content.card-cheapest-02 .seo-card-cheapest-tbl table th{
text-align:left;
}
.card-content.card-cheapest-02 .seo-card-cheapest-tbl table thead th{
padding:8px 0;

/* width: calc((100% - 88px) / 3); */
width:80px;
text-align:center;
box-sizing:border-box;
}
.card-content.card-cheapest-02 .seo-card-cheapest-tbl table thead th:first-child{
text-align:left;
width:auto;
}
.card-content.card-cheapest-02 .seo-card-cheapest-tbl table tbody th,
.card-content.card-cheapest-02 .seo-card-cheapest-tbl table tbody td{
padding:12px 0;
height:44px;
box-sizing:border-box;
}
.card-content.card-cheapest-02 .seo-card-cheapest-tbl table tbody td{
text-align:center;
}
.card-content.card-cheapest-02 .seo-card-cheapest-tbl table tbody td > span > a{
display:inline-block;
min-width:65px;
text-align:right;
}
.card-content.card-cheapest-02 .seo-card-cheapest-tbl.seo-cheapest-data-tbl-toggle table tr:nth-child(n + 4){
display:none;
}
.card-content.card-cheapest-02 .seo-card-cheapest-tbl.seo-cheapest-data-tbl-toggle .seo-cheapest-data-tbl-toggle-btn{
margin-top:8px;
}
.card-content.card-cheapest-02 .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/w_air/shared/images/icon-arrow-01-down.svg);
background-position:0 center;
background-repeat:no-repeat;
background-size:7px 5px;
}
.card-content.card-cheapest-02 .seo-card-cheapest-tbl.seo-cheapest-data-tbl-toggle.is-active .seo-cheapest-data-tbl-toggle-btn button{
background-image:url(/element_sp/w_air/shared/images/icon-arrow-01-up.svg);
}
.card-content.card-cheapest-02 .seo-card-cheapest-tbl.seo-cheapest-data-tbl-toggle.is-active table tr:nth-child(n + 4){
display:table-row;
}

/* for LP Pages */
/* tab-navi-02
---------------------------------- */
.lp-container .tab-navi-02{
display:-webkit-box;
display:flex;
margin:12px 0 0 -3px;
}
.lp-container .tab-navi-02 li{
box-sizing:border-box;
-webkit-box-flex:1;
flex:1;
padding-left:3px;
width:33%;
text-align:center;
line-height:1.3;
}
.lp-container .tab-navi-02 li a,
.lp-container .tab-navi-02 li em{
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:14px;
line-height:32px;
}
.lp-container .tab-navi-02 li.tab-open a,
.lp-container .tab-navi-02 li.tab-open em{
line-height:1.2;
font-size:12px;
}
.lp-container .tab-navi-02 li.active em,
.lp-container .tab-navi-02 li.active a{
color:var(--cmn-font-color-base);
background:#fff;
box-shadow:none;
}

/* form-submit-container
---------------------------------- */
.lp-container .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);
text-align:center;
}
.lp-container .form-submit-container.is-static{
position:absolute;
padding:0 12px 16px;
border-top:none;
display:-webkit-box;
display:flex;
background-color:transparent;
}

/* grand-tab-container
---------------------------------- */
.card-container .grand-tab-container{
position:relative;
background-color:#ccc;
margin:16px -8px 0;
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:scroll;
}
.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;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li.is-active a b{
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%;
min-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-nav-container .grand-tab-nav .grand-tab-nav-list li a b{
font-weight:normal;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li .price{
display:block;
margin-top:4px;
}
.card-container .grand-tab-container .grand-tab-content{
display:none;
position:relative;
}
.card-container .grand-tab-container .grand-tab-content.is-active{
display:block;
}
.card-container .grand-tab-container .grand-tab-content .card-content-footer{
padding-bottom:0;
}
.card-container .grand-tab-container .grand-tab-content .card-result{
margin-top:16px;
}

/* 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 .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:scroll;
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%;
min-height:25px;
background:none;
border:none;
padding:0 0 6px;
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-nav-container .area-tab-nav .area-tab-nav-list li a b{
font-weight:normal;
}
.card-container .area-tab-container .area-tab-content{
display:none;
padding-top:12px;
}
.card-container .area-tab-container .area-tab-content.is-active{
display:block;
}

/* 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;
margin-top:0;
}
.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:12px -12px 0;
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,
.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;
}

/* child-tab-container
---------------------------------- */
.card-container .child-tab-container{
margin-top:8px;
}
.card-container .child-tab-container.is-static .card-nav-list,
.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 .radio-custom{
font-size:14px;
}
.card-container .card-nav-list .radio-custom label{
padding-left:24px;
}
.card-container .card-nav-list .radio-custom label >span{
line-height:1;
}

/* area-tgl-container
---------------------------------- */
.card-container .area-tgl:first-child{
margin:-13px 0;
}
.card-container .area-tgl .area-tgl-container{
border-top:1px solid #e5e5e5;
}
.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/w_air/shared/images/icon-arrow-01-up-l.svg);
}
.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;
display:block;
background:none;
width:100%;
height:100%;
text-indent:-9999px;
overflow:hidden;
border:none;
background-image:url(/element_sp/w_air/shared/images/icon-arrow-01-down-l.svg);
background-position:calc(100% - 4px) center;
background-repeat:no-repeat;
background-size:16px 10px;
margin:0;
padding:0;
}

/* tab-content
---------------------------------- */
.lp-container .form-box-inner{
box-sizing:border-box;
position:relative;
padding:12px 12px 65px;
border-radius:0 0 6px 6px;
background:#fff;
}

/* search-container-02
---------------------------------- */
.lp-container .search-container-02{
margin:0;
}
.lp-container .search-container-02 .select-custom select{
border:1px solid #999;
width:100%;
color:var(--cmn-font-color-base);
}
.lp-container .search-container-02 .btn-search{
border:1px solid #999;
width:100%;
color:var(--font-color-placeholder);
}
.lp-container .search-container-02 .btn-add-section{
margin:0 0 15px;
border:1px solid #999;
border-radius:4px;
width:100%;
height:38px;
color:var(--cmn-font-color-base);
background-color:#fff;
font-size:15px;
line-height:1;
}
.lp-container .search-container-02 .btn-add-section span{
display:inline-block;
padding-left:18px;
background:url(/element/shared/images/icon/icon-toggle-plus-circle.svg) 0 50% no-repeat;
background-size:14px 14px;
vertical-align:middle;
}
.lp-container .search-container-02 .search-item-container{
display:table;
margin-bottom:8px;
width:100%;
table-layout:fixed;
}
.lp-container .search-container-02 .search-item-container.departure-date .search-desc-01 .cmn-tip-btn{
top:22px;
}
.lp-container .search-container-02 .search-item-container.search-condition{
margin-top:12px;
}
.lp-container .search-container-02 .search-desc-01{
display:table-cell;
position:relative;
width:79px;
color:var(--cmn-font-color-base);
vertical-align:middle;
font-size:14px;
line-height:1.2;
font-weight:normal;
}
.lp-container .search-container-02 .search-desc-01 .search-desc-inr{
display:inline-block;
vertical-align:middle;
}
.lp-container .search-container-02 .search-desc-01 >span:not([class]){
display:block;
}
.lp-container .search-container-02 .search-desc-01 .cmn-tip-btn{
position:absolute;
right:8px;
margin-right:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.lp-container .search-container-02 .search-desc-01 .search-ref-price-link{
display:block;
padding-top:5px;
font-size:12px;
font-weight:normal;
color:var(--cmn-font-color-base);
}
.lp-container .search-container-02 .search-desc-01 .search-ref-price-link.is-disabled{
color:#bbb;
}
.lp-container .search-container-02 .search-desc-01 .search-ref-price-link.is-disabled .cmn-dashed{
--cmn-dashed-color:#bbb;
--cmn-dashed-font-color:#bbb;
}
.lp-container .search-container-02 .search-item{
box-sizing:border-box;
display:table-cell;
margin:0;
padding:0;
}
.lp-container .search-container-02 .search-item label{
display:block;
}
.lp-container .search-container-02 .search-item-selected .btn-search{
color:var(--cmn-font-color-base);
}
.lp-container .search-container-02 .departure-date .search-desc-01{
vertical-align:top;
padding-top:10px;
}
.lp-container .search-container-02 .departure-date .btn-search{
font-weight:normal;
}
.lp-container .search-container-02 .departure-date .search-item .link-search-item{
position:static;
display:block;
font-size:12px;
margin-top:5px;
margin-bottom:4px;
}
.lp-container .search-container-02 .departure-date .search-item-selected{
position:relative;
}
.lp-container .search-container-02 .departure-date .search-item-selected > span:first-child{
display:block;
position:absolute;
top:7px;
left:7px;
z-index:1;
line-height:1.3;
}
.lp-container .search-container-02 .departure-date .search-item-selected > span:first-child span{
display:block;
font-size:11px;
}
.lp-container .search-container-02 .departure-date .search-item-selected > span:first-child span:after{
position:absolute;
right:-5px;
content:":";
}
.lp-container .search-container-02 .departure-date .search-item-selected > span span:last-child{
margin-top:3px;
}
.lp-container .search-container-02 .departure-date .search-item-selected .btn-search > span > span{
padding-left:60px;
font-size:12px;
}
.lp-container .search-container-02 .departure-date .search-item-selected .btn-search > span > span b{
font-weight:normal;
}
.lp-container .search-container-02 .departure-date .search-item-selected .btn-search > span > span > span{
display:inline;
}
.lp-container .search-container-02 .departure-date .search-item-selected .btn-search > span > span:first-child:before{
display:none;
}
.lp-container .search-container-02 .departure-date .search-item-selected .btn-search > span > span:last-child{
margin-top:2px;
}
.lp-container .search-container-02 .departure-date .search-item-selected.search-item-selected-single > span span:last-child,
.lp-container .search-container-02 .departure-date .search-item-selected.search-item-selected-single .btn-search > span span:last-child{
font-weight:normal;
}
.lp-container .search-container-02 .departure-date .search-item-selected.search-item-selected-single .btn-search > span > span:last-child{
font-weight:normal;
color:var(--font-color-placeholder);
}
.lp-container .search-container-02 .departure .search-item-selected .btn-search span,
.lp-container .search-container-02 .destination .search-item-selected .btn-search span{
font-size:16px;
margin:-2px 0 -1px;
}
.lp-container .search-container-02 .departure .btn-search small,
.lp-container .search-container-02 .destination .btn-search small{
font-size:16px;
}
.lp-container .search-container-02 .search-section{
display:block;
}
.lp-container .search-container-02 .search-section ul{
margin:10px 0 15px;
}
.lp-container .search-container-02 .search-section > span{
display:block;
position:relative;
padding:7px 10px;
color:#fff;
background-color:#444;
font-weight:bold;
font-size:13px;
line-height:1;
}
.lp-container .search-container-02 .search-section > span p{
margin:0;
}
.lp-container .search-container-02 .search-section > span button{
position:absolute;
top:2px;
right:5px;
padding:0 10px;
border:none;
border-radius:3px;
height:22px;
color:var(--cmn-font-color-base);
background:none;
background-color:#fff;
text-align:center;
font-weight:bold;
font-size:12px;
line-height:20px;
}
.lp-container .search-container-02 .number .btn-search{
box-sizing:border-box;
display:block;
}
.lp-container .search-container-02 .number .btn-search b{
font-weight:normal;
}
.lp-container .search-container-02 .number .search-item{
display:table;
width:100%;
}

/* card-container
---------------------------------- */
.card-container{
margin:0 -10px -10px;
padding:16px 8px 10px;
background:#e5e5e5;
}
.card-container .card-content{
font-size:12px;
padding:0;
margin:28px 0 0 0;
box-shadow:none;
border-radius:0;
background-color:transparent;
}
.card-container .card-content p{
margin:0;
}
.card-container .card-content p + p{
margin-top:8px;
}
.card-container .card-content p.card-guide{
font-size:14px;
font-weight:bold;
margin-top:16px;
margin-bottom:16px;
}
.card-container >:first-child{
margin-top:0;
}
.card-container .card-sub-container{
background-color:#444;
margin:16px -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-item{
margin:0 -8px;
border-radius:0;
box-shadow:none;
}
.card-container .card-sub-container .card-content .card-item >:first-child{
border-top:none;
}
.card-container .card-sub-container .card-header-hdg{
color:#fff;
}
.card-container .card-sub-container .box-collapse-03-container{
margin-top:-1px;
margin-bottom:-1px;
}
.card-container .card-sub-container .box-collapse-03-container .box-collapse-03 > .box-collapse-item{
margin-left:24px;
}
.card-container .card-desc{
font-size:12px;
}
.card-container .card-desc + .card-desc{
margin-top:12px;
}
.card-container .card-desc + .card-desc .card-hdg-02{
border-top:1px solid #ddd;
padding-top:12px;
}
.card-container .card-desc-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:8px 0 0 0;
}
.card-container .card-desc-notes.is-right{
text-align:right;
}
.card-container .card-desc-notes .aster{
text-indent:-1.4em;
margin-left:1.4em;
}
.card-container .card-desc-notes .aster > span{
margin-right:.4em;
}
.card-container .card-hdg-01{
margin-top:16px;
}
.card-container .card-hdg-01 + .card-hdg-04{
margin-top:8px;
}
.card-container .card-hdg-02{
margin-bottom:8px;
font-weight:bold;
}
.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:6px 0 4px;
font-weight:normal;
text-indent:-1em;
margin-left:1em;
}
.card-container .card-hdg-04::before{
content:"\30FB";
}
.card-container .card-hdg-05{
font-size:12px;
margin:12px 0 4px;
font-weight:bold;
}
.card-container .card-def-list{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
margin:8px 0 -12px;
gap:0 8px;
}
.card-container .card-def-list >li > span:first-child::after{
content:"=";
display:inline-block;
margin:0 1px;
}
.card-container .card-header{
position:relative;
margin-bottom:8px;
display:block;
min-height:auto;
box-sizing:border-box;
padding:0;
background-color:transparent;
font-size:14px;
font-weight:normal;

}
.card-container .card-header-hdg{
color:var(--cmn-font-color-base);
padding:0;
display:inline-block;
font-size:18px;
font-weight:normal;
line-height:calc(20 / 16);
background-color:transparent;
}
.card-container .card-header-hdg-l3{
font-size:14px;
margin:12px 0 8px;
}
.card-container .card-header-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin: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;
}
.card-container .card-footer a{
display:block;
}
.card-container .card-footer a + a{
margin-top:8px;
}
.card-container .card-item-footer{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
padding:12px 0;
border-top:1px solid #ddd;
gap:0 8px;
font-size:14px;
}

/* 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;
}

/* card-content local style
---------------------------------- */
.card-container .card-content.card-cheapest .card-footer{
text-align:left;
}
.card-container .card-content.card-cheapest .card-desc-notes{
font-size:14px;
color:var(--cmn-font-clor-base);
}
.card-container .card-content.card-airline-service .flight-info-list >li > div:first-child{
width:70px;
}
.card-container .card-content.card-airline-basic-info .flight-info-list >li > div:first-child{
width:120px;
}
.card-container .card-content.card-airline-info .card-item{
padding-bottom:0;
}
.card-container .card-content.card-recommend p{
font-size:14px;
}
.card-container .card-content.card-section-info .card-item >:first-child,.card-container .card-content.card-airport-info .card-item >:first-child{
border-top:none;
}
.card-container .card-content.card-faq .card-item,.card-container .card-content.card-news-list .card-item,.card-container .card-content.card-attention-list .card-item{
padding-top:0;
padding-bottom:0;
}
.card-container .card-content.card-travel-info .select-list,.card-container .card-content.card-safety-info .select-list{
margin-top:-1px;
margin-bottom:-1px;
}
.card-container .card-content.card-seo .box-collapse-03-container{
margin-top:-1px;
margin-bottom:-1px;
}
.card-container .card-content.card-seo .select-list{
margin-top:-1px;
margin-bottom:-1px;
}
.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{
display:block;
padding:13px 0 12px;
margin:0;
}
.card-container .card-content .card-item{
padding:12px;
background-color:#fff;
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
position:relative;
overflow:hidden;
}
.card-container .card-content .card-item .card-header-hdg{
margin-bottom:12px;
}
.card-container .card-content .card-item .card-header-notes{
margin-bottom:8px;
}
.card-container .card-content .card-item .card-desc-indent{
margin-left:1em;
}

/* card-content
---------------------------------- */
.card-container .list-01{
margin:0 0 -1px;
}
.card-container .list-01 >li:last-child{
margin-bottom:-1px;
}
.card-container .list-01 a{
padding-left:0;
}

/* card-tgl-container
---------------------------------- */
.card-container .card-content.card-tgl-container{
position:relative;
margin-top:0;
border-top:1px solid #ccc;
padding:0;
background-color:transparent;
border-radius:0;
box-shadow:none;
}
.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{
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-content{
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/w_air/shared/images/icon-arrow-01-up-l.svg);
}
.card-container .card-content.card-tgl-container .card-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin-bottom:0;
padding:8px 26px 8px 0;
min-height:44px;
}
.card-container .card-content.card-tgl-container .card-tgl-content{
display:none;
padding-bottom:16px;
}
.card-container .card-content.card-tgl-container .card-tgl-trigger{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
margin:0;
text-indent:-9999px;
border:none;
background:none;
cursor:pointer;
outline:none;
background-image:url(/element_sp/w_air/shared/images/icon-arrow-01-down-l.svg);
background-position:calc(100% - 4px) center;
background-repeat:no-repeat;
background-size:16px 10px;
margin:0;
padding:12px 32px 12px 0;
}

/* recommend-btn
---------------------------------- */
.card-container .recommend-btn{
display:-webkit-box;
display:flex;
width:300px;
box-sizing:border-box;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background:none;
border:none;
padding:0 4px;
margin:12px auto 0;
height:42px;
border-radius:5px;
border:1px solid #dddddd;
background-color:#fff;
color:var(--cmn-font-color-base);
font-size:14px;
}

/* flight-info-list
---------------------------------- */
.card-container .flight-info-list{
width:100%;
margin:0;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
box-sizing:border-box;
}
.card-container .flight-info-list + .card-hdg-02{
margin-top:16px;
}
.card-container .flight-info-list .no-result-txt{
text-align:center;
font-size:12px;
margin:8px 0;
}
.card-container .flight-info-list .thead{
background-color:#f7f7f7;
}
.card-container .flight-info-list .thead div{
padding-top:3px;
padding-bottom:3px;
}
.card-container .flight-info-list >li{
display:-webkit-box;
display:flex;
border-top:1px solid #e5e5e5;
}
.card-container .flight-info-list >li > div{
padding:6px 12px;
font-size:12px;
vertical-align:top;
text-align:left;
}
.card-container .flight-info-list >li > div:first-child{
width:110px;
background-color:#f5f5f5;
}
.card-container .flight-info-list >li > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.card-container .flight-info-list >li > div:last-child:not(:first-child){
border-left:1px solid #e5e5e5;
}
.card-container .flight-info-list .flight-info-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
}
.card-container .flight-info-list .flight-info-notes .aster{
text-indent:-1.4em;
margin-left:1.4em;
}
.card-container .flight-info-list .flight-info-notes .aster > span{
margin-right:.4em;
}
.card-container .flight-info-list .flight-info-unit{
margin:0;
}
.card-container .flight-info-list .flight-info-unit >li{
display:-webkit-box;
display:flex;
}
.card-container .flight-info-list .flight-info-unit >li:not(:first-child){
margin-top:4px;
}
.card-container .flight-info-list .flight-info-unit >li > span:first-child{
position:relative;
padding-right:8px;
margin-right:4px;
width:40px;
}
.card-container .flight-info-list .flight-info-unit >li > span:first-child::after{
position:absolute;
right:0;
top:0;
content:":";
display:block;
}
.card-container .flight-info-list .flight-info-unit >li > span:last-child{
-webkit-box-flex:1;
flex:1;
}
.card-container .flight-info-list .flight-info-airline-list{
margin:0;
}
.card-container .flight-info-list .flight-info-airline-list >li:not(:first-child){
margin-top:4px;
}
.card-container .flight-info-list a{
color:var(--cmn-btn-color);
margin-right:8px;
}

/* 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/w_air/shared/images/icon-arrow-01-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/w_air/shared/images/icon-arrow-01-down-l.svg) 0 0 no-repeat;
}
.card-container .faq-list li{
font-size:12px;
padding:4px 0 0 0;
}
.card-container .faq-list li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.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:43px;
}
.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/w_air/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;
}
.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/w_air/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:100% auto;
}

/* around-airport-list
---------------------------------- */
.card-container .around-airport-list{
width:100%;
margin:0;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}
.card-container .around-airport-list + .card-hdg-03{
margin-top:16px;
}
.card-container .around-airport-list .no-result-txt{
text-align:center;
font-size:12px;
margin:8px 0;
}
.card-container .around-airport-list .thead{
background-color:#f7f7f7;
}
.card-container .around-airport-list .thead div{
padding-top:3px;
padding-bottom:3px;
}
.card-container .around-airport-list >li{
display:-webkit-box;
display:flex;
border-top:1px solid #e5e5e5;
}
.card-container .around-airport-list >li > div{
display:grid;
place-content:center start;
padding:8px 12px;
font-size:12px;
text-align:left;
}
.card-container .around-airport-list >li > div span{
display:block;
}
.card-container .around-airport-list >li > div .sup{
display:block;
font-size:12px;
line-height:1;
}
.card-container .around-airport-list >li > div:first-child{
-webkit-box-flex:1;
flex:1;
}
.card-container .around-airport-list >li > div:last-child{
width:97px;
}
.card-container .around-airport-list >li > div:last-child:not(:first-child){
border-left:1px solid #e5e5e5;
}

/* airport-info-list
---------------------------------- */
.card-container .airport-info-list{
width:100%;
margin:8px 0 0 0;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}
.card-container .airport-info-list + .card-hdg-03{
margin-top:16px;
}
.card-container .airport-info-list .no-result-txt{
text-align:center;
font-size:12px;
margin:8px 0;
}
.card-container .airport-info-list .thead{
background-color:#f7f7f7;
}
.card-container .airport-info-list .thead div{
padding-top:3px;
padding-bottom:3px;
}
.card-container .airport-info-list >li{
display:-webkit-box;
display:flex;
border-top:1px solid #e5e5e5;
}
.card-container .airport-info-list >li > div{
padding:8px 12px;
font-size:12px;
vertical-align:top;
text-align:left;
}
.card-container .airport-info-list >li > div:first-child{
width:125px;
}
.card-container .airport-info-list >li > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.card-container .airport-info-list >li > div:last-child:not(:first-child){
border-left:1px solid #e5e5e5;
}

/* 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:12px;
height:7px;
overflow:hidden;
position:absolute;
bottom:50%;
left:0;
opacity:.6;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background:url(/element/shared/images/icon/icon-chevron-up.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;
}

/* .list-info
---------------------------------- */
.card-container .list-info{
margin:16px 0 0;
padding-top:12px;
border-top:1px solid #ddd;
}
.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;
}

/* transfer-list
---------------------------------- */
.card-container .transfer-list{
width:100%;
border-collapse:collapse;
table-layout:fixed;
border-spacing:0;
border-bottom:1px solid #e5e5e5;
margin:0 0 12px;
}
.card-container .transfer-list th,
.card-container .transfer-list td{
padding:8px 12px;
border-top:1px solid #e5e5e5;
font-size:12px;
}
.card-container .transfer-list th,
.card-container .transfer-list td{
border-right:1px solid #e5e5e5;
text-align:left;
font-weight:normal;
}
.card-container .transfer-list th:last-child,.card-container .transfer-list td:last-child{
border-right:none;
}
.card-container .transfer-list thead th{
text-align:center;
background-color:#f7f7f7;
}
.card-container .transfer-list thead th:first-child{
width:100px;
}
.card-container .transfer-list thead th:nth-child(2){
width:36px;
}
.card-container .transfer-list tbody th{
text-align:left;
}
.card-container .transfer-list tbody td{
text-align:center;
}

/* lowprice-list
---------------------------------- */
.card-container .card-content .lowprice-list{
width:100%;
margin:8px 0 0 0;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}
.card-container .card-content .lowprice-list .no-result-txt{
text-align:center;
font-size:12px;
margin:8px 0;
}
.card-container .card-content .lowprice-list >li{
display:-webkit-box;
display:flex;
border-top:1px solid #e5e5e5;
}
.card-container .card-content .lowprice-list >li.thead{
background-color:#f7f7f7;
}
.card-container .card-content .lowprice-list >li.thead > div{
padding-top:3px;
padding-bottom:3px;
}
.card-container .card-content .lowprice-list >li.thead > div:first-child{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.card-container .card-content .lowprice-list >li:not(.thead) > div:first-child{
padding-top:10px;
}
.card-container .card-content .lowprice-list >li > div{
padding:8px 12px;
min-height:40px;
font-size:12px;
vertical-align:top;
text-align:left;
line-height:1.3;
box-sizing:border-box;
}
.card-container .card-content .lowprice-list >li > div:first-child{
width:77px;
}
.card-container .card-content .lowprice-list >li > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.card-container .card-content .lowprice-list >li > div:last-child:not(:first-child){
border-left:1px solid #e5e5e5;
}
.card-container .card-content .lowprice-list .sup{
display:inline-block;
font-size:12px;
margin-left:8px;
}
.card-container .card-content .lowprice-list .route{
font-size:0;
margin:0;
}
.card-container .card-content .lowprice-list .route >li{
font-size:12px;
line-height:calc(16 / 12);
display:inline;
}
.card-container .card-content .lowprice-list .route >li:first-child::after{
content:"\2015";
margin:0 4px;
line-height:1;
}

/* lowprice-airline-list
---------------------------------- */
.card-container .lowprice-airline-list{
width:100%;
margin: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-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-flex:1;
flex:1;
}
.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{
border-top:1px solid #e5e5e5;
margin-top:8px;
padding-top:8px;
-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;
}

/* lowprice-airline-list-02
---------------------------------- */
.card-container .lowprice-airline-list-02{
width:100%;
margin:0;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}
.card-container .lowprice-airline-list-02 .no-result-txt{
text-align:center;
font-size:12px;
margin:8px 0;
}
.card-container .lowprice-airline-list-02 .thead{
background-color:#f7f7f7;
}
.card-container .lowprice-airline-list-02 .thead div{
padding-top:3px;
padding-bottom:3px;
}
.card-container .lowprice-airline-list-02 >li{
display:-webkit-box;
display:flex;
border-top:1px solid #e5e5e5;
}
.card-container .lowprice-airline-list-02 >li > div{
display:grid;
place-content:center start;
padding:8px 12px;
font-size:12px;
text-align:left;
}
.card-container .lowprice-airline-list-02 >li > div:first-child{
-webkit-box-flex:1;
flex:1;
}
.card-container .lowprice-airline-list-02 >li > div:last-child{
width:97px;
}
.card-container .lowprice-airline-list-02 >li > div:last-child:not(:first-child){
border-left:1px solid #e5e5e5;
}
.card-container .lowprice-airline-list-02 .sup{
display:block;
font-size:12px;
line-height:1;
}
.card-container .lowprice-airline-list-02 .list-air-item{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.card-container .lowprice-airline-list-02 .list-air-item .list-air-pic{
width:52px;
margin-right:8px;
}
.card-container .lowprice-airline-list-02 .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-02 .list-air-item .list-air-desc{
line-height:1.2;
font-size:12px;
display:block;
-webkit-box-flex:1;
flex:1;
}
.card-container .lowprice-airline-list-02 .list-air-item .list-air-desc > span{
display:block;
margin-top:4px;
}

/* topicpath-list
---------------------------------- */
.card-container .topicpath-list >li{
display:inline-block;
}
.card-container .topicpath-list >li:not(:first-child)::before{
content:">";
display:inline-block;
}

/* topic-tgl-container
---------------------------------- */
.card-container .topic-tgl-container{
border-top:1px solid #e5e5e5;
margin:0 -16px;
padding:12px 16px 0;
}
.card-container .topic-tgl-container[aria-expanded=true] .topic-tgl-item{
display:block;
}
.card-container .topic-tgl-container[aria-expanded=true] .topic-tgl-trigger::after{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.card-container .topic-tgl-container[aria-expanded=false] .topic-tgl-item{
display:none;
}
.card-container .topic-tgl-container .topic-tgl-item{
padding-top:12px;
}
.card-container .topic-tgl-container .topic-tgl-trigger{
position:relative;
display:block;
background:none;
border:none;
padding:0 0 0 12px;
margin:12px 0 0 0;
font-size:12px;
float:right;
}
.card-container .topic-tgl-container .topic-tgl-trigger::after{
content:"";
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-2px;
width:8px;
height:5px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
}
.card-container .topic-tgl-container .topic-info-hdg{
font-size:12px;
font-weight:normal;
margin-bottom:8px;
}
.card-container .topic-tgl-container .topic-info-list{
margin:0;
}
.card-container .topic-tgl-container .topic-info-list >li{
position:relative;
padding-left:1em;
font-size:12px;
}
.card-container .topic-tgl-container .topic-info-list >li:not(:first-child){
margin-top:12px;
}
.card-container .topic-tgl-container .topic-info-list >li::before{
position:absolute;
left:0;
top:0;
content:"\30FB";
display:inline-block;
}

/* agt-list
---------------------------------- */
.card-container .agt-list{
margin:12px 0 12px -8px;
}
.card-container .agt-list > li{
margin-left:8px;
display:inline-block;
vertical-align:middle;
}
.card-container .agt-list > li img{
width:auro;
height:20px;
}
.card-container .agt-list .agt-list-sup{
font-size:14px;
position:relative;
top:-1px;
}

/* box-collapse-03-container
---------------------------------- */
.card-container .box-collapse-03-container{
margin:0;
}
.card-container .box-collapse-03-container .btn-collapse-link{
display:-webkit-box;
display:flex;
border-top:1px solid #e5e5e5;
}
.card-container .box-collapse-03-container .btn-collapse-link .hdg-collapse{
width:auto;
border-top:none;
padding-right:40px;
z-index:1;
pointer-events:none;
}
.card-container .box-collapse-03-container .btn-collapse-link .hdg-collapse a{
pointer-events:auto;
}
.card-container .box-collapse-03-container .btn-collapse-link .btn-collapse{
width:100%;
height:100%;
}
.card-container .box-collapse-03-container .box-collapse-item .hdg-collapse{
border-top:none;
}
.card-container .box-collapse-03-container .box-collapse-03 > .btn-collapse-container .hdg-collapse{
padding-left:0;
}
.card-container .box-collapse-03-container .box-collapse-03 > .btn-collapse-container .btn-collapse::before{
right:4px;
}
.card-container .box-collapse-03-container .box-collapse-03 > .box-collapse-item{
margin-left:16px;
}
.card-container .box-collapse-03-container .box-collapse-03 > .box-collapse-item .box-collapse-03 > .btn-collapse-container .btn-collapse::before{
width:12px;
height:7px;
background-size:12px 7px;
right:6px;
}
.card-container .box-collapse-03-container .box-collapse-03 > .box-collapse-item.list-link a{
padding:8px 12px 8px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:14px;
}
.card-container .box-collapse-03-container .box-collapse-03 > .box-collapse-item.list-link li{
border-bottom:none;
border-top:1px solid #e5e5e5;
}
.card-container .box-collapse-03-container .box-collapse-03 > .box-collapse-item .list-link{
margin-left:16px;
}

/* box-collapse-04-container
---------------------------------- */
.card-container .box-collapse-04-container{
margin:0;
}
.card-container .box-collapse-04-container .list-link:first-child li:first-child{
border-top:none;
}
.card-container .box-collapse-04-container .list-link a{
padding:8px 12px 8px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:14px;
}
.card-container .box-collapse-04-container .list-link li{
border-bottom:none;
border-top:1px solid #e5e5e5;
}
.card-container .box-collapse-04-container .box-collapse-04 .btn-collapse-container{
border-bottom:none;
}

/* airline-list
---------------------------------- */
.card-container .airline-list{
margin:-4px 0 0;
}
.card-container .airline-list > li{
border-bottom:1px solid #e5e5e5;
padding:8px 0;
}
.card-container .airline-list > li a{
padding:0;
color:var(--cmn-font-color-base);
}
.card-container .airline-list > li:last-child{
border-bottom:none;
}
.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:60px;
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-header .name{
margin-top:4px;
}
.card-container .airline-list .airline-list-desc{
display:block;
}

/* airline-label-list
---------------------------------- */
.card-container .airline-division-nav{
padding:0;
}
.card-container .airline-division-nav .airline-division-nav-list{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:8px 10px;
margin:0;
}
.card-container .airline-division-nav .airline-division-nav-list > li{
width:calc((100% - 40px) / 5);
}
.card-container .airline-division-nav .airline-division-nav-list > li >a{
box-sizing:border-box;
display:block;
padding:4px;
border-width:1px;
border-style:solid;
border-color:rgb(187, 187, 187);
border-radius:3px;
min-height:28px;
color:var(--cmn-font-color-base);
text-align:center;
font-size:14px;
}
.card-container .airline-division-nav .airline-division-nav-list > li.is-active a{
color:var(--cmn-font-color-base);
background-color:#fff;
font-weight:bold;
border-color:var(--cmn-font-color-base);
}

/* airline-label-list
---------------------------------- */
.card-container .airline-division-list{
margin-top:4px;
margin-bottom:0;
}
.card-container .airline-division-list >li:not(:first-child){
margin-top:8px;
}
.card-container .airline-division-list .airline-label{
background-color:#f5f5f5;
padding:4px 8px;
margin-bottom:4px;
font-size:14px;
}

/* list-air
---------------------------------- */
.card-container .list-air{
margin:0;
}
.card-container .list-air li a{
padding-left:0;
padding-right:0;
}

/* lp-container form-tgl-container
---------------------------------- */
.card-container .form-tgl-container{
background-color:#fff;
border-top:1px solid #e5e5e5;
border-radius:0 0 4px 4px;
}
.card-container .form-tgl-container.is-active .form-tgl-item{
display:block;
}
.card-container .form-tgl-container.is-active .form-tgl-trigger{
border-top:1px solid #e5e5e5;
}
.card-container .form-tgl-container.is-active .form-tgl-trigger::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.card-container .form-tgl-container .box-filter-container{
margin-top:0;
}
.card-container .form-tgl-container .form-tgl-item{
display:none;
}
.card-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;
}
.card-container .form-tgl-container .form-tgl-trigger::before{
position:relative;
top:-1px;
content:"";
display:inline-block;
width:12px;
height:7px;
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;
}

/* flt-result-container
---------------------------------- */
.card-container .flt-result-container{
margin-top:8px;
}
.card-container .flt-result-container .flt-item-02{
margin:8px 0px 0;
border:1px solid #ddd;
border-radius:6px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan{
padding:12px 12px 16px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-plan-tbl .flt-term .flt-term-top > span > span{
margin-left:0;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header{
margin-left:0;
margin-right:0;
padding:0;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header .flt-item-header-sup{
font-size:12px;
font-weight:normal;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header .flt-item-airline{
font-size:12px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-plan-tbl-container{
margin:0;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-plan-tbl-container .flt-info{
padding:8px 0 0;
margin:0;
-webkit-box-align:center;
align-items:center;
}
.card-container .flt-result-container .flt-item-02 .flt-plan-tbl .flt-term{
font-size:12px;
width:62px;
-webkit-box-flex:0;
flex:none;
margin:0 3px 0 0;
box-sizing:border-box;
}
.card-container .flt-result-container .flt-item-02 .flt-plan-tbl .flt-term + .flt-airport{
padding-left:2px;
margin-left:0;
}
.card-container .flt-result-container .flt-item-02 .flt-plan-tbl .flt-term .flt-term-top >span{
margin:0 -4px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan-tbl .flt-term .flt-term-top::before{
left:1px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan-tbl .tbl-tr + .flt-item-header{
margin-top:16px;
border-top:none;
}
.card-container .flt-result-container .flt-item-02 .flt-plan-tbl .flt-item{
overflow:visible;
width:auto;
}
.card-container .flt-result-container .flt-item-02 .flt-plan-tbl .flt-info-summary{
-webkit-box-flex:1;
flex:1;
font-size:12px;
-webkit-font-feature-settings:"palt";
font-feature-settings:"palt";
}
.card-container .flt-result-container .flt-item-02 .flt-plan-tbl .flt-info-summary .flt-date-time{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
}
.card-container .flt-result-container .flt-item-02 .flt-plan-tbl .flt-info-summary .flt-area{
display:block;
text-align:center;
line-height:calc(17 / 12);

/* overflow:hidden;
          text-overflow: ellipsis;
          white-space:nowrap; */
}
.card-container .flt-result-container .flt-item-02 .flt-plan-tbl .flt-airport{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin-right:0;
gap:0 2px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan-tbl .flt-airport b{
display:block;
-webkit-box-flex:1;
flex:1;
text-align:center;
font-size:12px;
padding-right:0;
}
.card-container .flt-result-container .flt-item-02 .flt-plan-tbl .flt-airport > span{
width:49px;
padding-top:0;
margin-top:0;
}
.card-container .flt-result-container .flt-item-02 .flt-plan-tbl .flt-airport > span small{
min-width:auto;
position:static;
font-size:12px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan-tbl .flt-airport > span small .date-num{
font-size:12px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan-tbl .flt-airport .time-num{
font-size:14px;
font-weight:normal;
}
.card-container .flt-result-container .flt-plan-footer{
padding:0 0 8px;
margin:0 12px;
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
}
.card-container .flt-result-container .flt-plan-footer .flt-price a{
display:inline-block;
position:relative;
padding-right:16px;
line-height:1;
}
.card-container .flt-result-container .flt-plan-footer .flt-price a::after{
display:block;
position:absolute;
border-right:2px solid #555;
border-bottom:2px solid #555;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
top:50%;
right:0;
margin-top:-6px;
width:8px;
height:8px;
}
.card-container .flt-result-container .flt-plan-footer .flt-price .flt-price-total{
position:relative;
color:var(--cmn-font-color-base);
font-size:12px;
}
.card-container .flt-result-container .flt-plan-footer .flt-price .flt-price-total .price-num{
font-weight:bold;
font-size:19px;
}
.card-container .flt-result-container .flt-plan-footer .flt-price .flt-price-total small{
font-size:12px;
}

@media screen and (max-width: 360px){
.card-container .flt-result-container .flt-item-02 .flt-plan-tbl .flt-airport b{
font-size:11px;
}
}

/* transfer-list
---------------------------------- */
.card-container .flight-detail-list{
width:100%;
border-collapse:collapse;
table-layout:fixed;
border-spacing:0;
border-bottom:1px solid #e5e5e5;
margin:0;
}
.card-container .flight-detail-list th,
.card-container .flight-detail-list td{
text-align:left;
font-weight:normal;
word-wrap:break-word;
padding:4px;
}
.card-container .flight-detail-list th:last-child,.card-container .flight-detail-list td:last-child{
border-right:none;
}
.card-container .flight-detail-list th{
padding:8px 12px;
border-right:1px solid #e5e5e5;
}
.card-container .flight-detail-list thead th{
font-size:12px;
padding-top:3px;
padding-bottom:3px;
text-align:center;
background-color:#f7f7f7;
box-sizing:border-box;
}
.card-container .flight-detail-list thead th:first-child{
width:90px;
}
.card-container .flight-detail-list thead th:not(:first-child){
border-right:none;
}
.card-container .flight-detail-list thead th:nth-child(2){
width:70px;
}
.card-container .flight-detail-list thead th:nth-child(4){
width:84px;
}
.card-container .flight-detail-list tbody tr:not(:first-child) th:not([colspan]),.card-container .flight-detail-list tbody tr:not(:first-child) td:not([colspan]){
border-top:1px solid #e5e5e5;
}
.card-container .flight-detail-list tbody th{
background-color:#fff;
text-align:left;
vertical-align:top;
}
.card-container .flight-detail-list tbody td{
text-align:center;
}
.card-container .flight-detail-list tbody td .desc{
text-align:left;
margin:-4px 8px 0;
padding-top:4px;
border-top:1px solid #e5e5e5;
}

/* card-desc-list
---------------------------------- */
.card-container .card-desc-list{
font-size:12px;
margin:8px 0 0;
}
.card-container .card-desc-list >li{
display:-webkit-box;
display:flex;
}
.card-container .card-desc-list >li:not(:first-child){
margin-top:8px;
}
.card-container .card-desc-list >li > div:first-child{
position:relative;
width:72px;
padding-right:12px;
margin-right:8px;
word-wrap:break-word;
}
.card-container .card-desc-list >li > div:first-child::after{
content:":";
display:block;
position:absolute;
right:0;
top:0;
}
.card-container .card-desc-list >li > div:last-child{
-webkit-box-flex:1;
flex:1;
word-break:break-all;
word-wrap:break-word;
}

/* card-desc-list-dot
---------------------------------- */
.card-container .card-desc-list-dot{
margin:0;
}
.card-container .card-desc-list-dot > li{
margin-left:1em;
}
.card-container .card-desc-list-dot > li::before{
display:inline-block;
text-indent:-1em;
content:"\30FB";
}
.card-container .card-desc-list-dot > li:not(:first-child){
margin-top:8px;
}

/* list-tgl-container
---------------------------------- */
.card-container .list-tgl-contaner{
margin-bottom:-12px;
}
.card-container .list-tgl-contaner.is-active .list-tgl-item{
display:-webkit-box;
display:flex;
}
.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 .list-tgl-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;
width:100%;
font-size:14px;
}
.card-container .list-tgl-contaner .list-tgl-trigger span::before{
content:"";
display:inline-block;
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;
}

/* list-tgl-container
---------------------------------- */
.card-container .list-tgl-contaner{
margin-bottom:-12px;
}
.card-container .list-tgl-contaner.is-active .list-tgl-item{
display:-webkit-box;
display:flex;
}
.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 .list-tgl-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;
width:100%;
font-size:14px;
}
.card-container .list-tgl-contaner .list-tgl-trigger span::before{
content:"";
display:inline-block;
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;
}

/* toggle-container
---------------------------------- */
.card-container .toggle-container{
margin:0;
}
.card-container .toggle-container .list-link{
margin-top:-1px;
}
.card-container .toggle-container.is-active .toggle-item,.card-container .toggle-container.active .toggle-item{
display:block;
}
.card-container .toggle-container.is-active .toggle-btn > span,.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;
padding:0;
margin:0;
}
.card-container .toggle-container .toggle-btn{
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
padding:0;
-webkit-box-align:center;
align-items:center;
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;
}
.card-container .toggle-container .toggle-btn::before{
display:none;
}

/* 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;
}

/* .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-index,
.card-container .cmn-seo-link-hdg{
padding:0;
margin:0;
min-height:auto;
color:var(--cmn-font-color-base);
font-size:16px;
font-weight:normal;
background-color:transparent;
}

/* select-list
---------------------------------- */
.card-container .select-link-list{
margin:0 0 -1px 0;
background-color:#fff;
border-top:1px solid #e5e5e5;
}
.card-container .select-link-list + .card-hdg-02{
margin-top:20px;
}
.card-container .select-link-list >li{
border-bottom:1px solid #e5e5e5;
}
.card-container .select-link-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-link-list >li > a .icon-blank{
margin-left:6px;
}
.card-container .select-link-list >li >ul{
margin-left:24px;
}
.card-container .select-link-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-link-list .key{
text-align:left;
}
.card-container .select-link-list .price{
font-size:14px;
text-align:right;
white-space:nowrap;
margin-left:4px;
}
.card-container .select-link-list .select-list-tgl-container .is-disabled > .select-list-tgl-trigger{
opacity:.5;
pointer-events:none;
}
.card-container .select-link-list .select-list-tgl-container .is-disabled > .select-list-tgl-link{
opacity:.5;
pointer-events:none;
}
.card-container .select-link-list .select-list-tgl-container.is-active > .select-list-tgl-item{
display:block;
}
.card-container .select-link-list .select-list-tgl-container.is-active > .select-list-tgl-trigger{
background-image:url(/element_sp/w_air/shared/images/icon-arrow-04-up-l.svg);
}
.card-container .select-link-list .select-list-tgl-container.is-active > .select-list-tgl-link .select-list-tgl-trigger{
background-image:url(/element_sp/w_air/shared/images/icon-arrow-04-up-l.svg);
}
.card-container .select-link-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-link-list .select-list-tgl-container > .select-list-tgl-link a{
position:relative;
z-index:1;
color:var(--cmn-font-color-base);
}
.card-container .select-link-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/w_air/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-link-list .select-list-tgl-container > .select-list-tgl-item{
display:none;
}
.card-container .select-link-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/w_air/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;
}

/* 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 .checkbox-custom{
font-size:16px;
margin-top:16px;
}
.card-container .seo-card-cheapest .radio-custom > .custom-inner{
font-size:14px;
}
.card-container .seo-card-cheapest .select-custom{
margin-top:12px;
width:100%;
display:block;
}
.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;
position:relative;
font-size:14px;
}
.card-container .seo-card-cheapest-tbl table{
border-collapse:collapse;
border-spacing:0;
width:100%;
text-align:right;
}
.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;
border-bottom:1px solid #ddd;
}
.card-container .seo-card-cheapest-tbl table th{
text-align:left;
}
.card-container .seo-card-cheapest-tbl table thead th{
padding:8px 0;
width:calc((100% - 88px) / 3);
text-align:center;
box-sizing:border-box;
}
.card-container .seo-card-cheapest-tbl table thead th:first-child{
text-align:left;
width:auto;
}
.card-container .seo-card-cheapest-tbl table tbody th,
.card-container .seo-card-cheapest-tbl table tbody td{
padding:12px 0;
height:44px;
box-sizing:border-box;
}
.card-container .seo-card-cheapest-tbl table tbody td{
text-align:center;
}
.card-container .seo-card-cheapest-tbl table tbody td.unset{
text-align:center;
}
.card-container .seo-card-cheapest-tbl table tbody td > span > a{
display:inline-block;
min-width:65px;
text-align:right;
}
.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/w_air/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/w_air/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;
}

/*---------------------------------- */
/* w_air-lp - for old SEO PAGES ZANTEI
/*---------------------------------- */
/* card-content
---------------------------------- */
.w_air-lp .hdg-l2-06-notes{
border-bottom:none;
}
.w_air-lp .list-01{
border-top:1px solid #e9e9e9;
}
.w_air-lp .list-01 .list-01{
border-top:none;
}
.w_air-lp .hdg-l2-06-notes{
border-bottom:none;
}
.w_air-lp .card-content{
margin:0 -10px 0;
}
.w_air-lp .card-content p{
font-size:12px;
}
.w_air-lp .card-content p + p{
margin-top:8px;
}
.w_air-lp .card-content .card-hdg-04{
position:relative;
font-size:12px;
margin:12px 0 4px;
font-weight:normal;
margin-left:1em;
}
.w_air-lp .card-content .card-hdg-04::before{
content:"\30FB";
display:inline-block;
text-indent:-1em;
}
.w_air-lp .card-content.card-pref-airport-info{
margin-top:-1px;
}
.w_air-lp .card-content.card-pref-airport-info + .related-box-01{
padding-top:0;
}
.w_air-lp .card-content.card-pref-airport-info .card-item{
padding:0 ;
}
.w_air-lp .card-content.card-faq{
margin-top:-1px;
}
.w_air-lp .card-content.card-faq .card-item{
padding:0 ;
}
.w_air-lp .card-content.card-faq + .related-box-01{
padding-top:0;
}
.w_air-lp .card-item{
padding:12px;
}
.w_air-lp .card-item p{
margin:0;
}
.w_air-lp .card-header{
padding:8px 10px;
line-height:1;
color:#fff;
box-sizing:border-box;
background-color:#444;
font-size:14px;
box-sizing:border-box;
}
.w_air-lp .card-header .card-header-hdg{
font-weight:normal;
}

/* area-tgl-container
---------------------------------- */
.w_air-lp .area-tgl-container{
border-bottom:1px solid #e5e5e5;
}
.w_air-lp .area-tgl-container.is-active .area-tgl-item{
display:block;
}
.w_air-lp .area-tgl-container.is-active .area-tgl-trigger{
background-image:url(/element_sp/w_air/shared/images/icon-arrow-01-up-l.svg);
}
.w_air-lp .area-tgl-container .area-tgl-item{
display:none;
padding:0 12px 16px;
}
.w_air-lp .area-tgl-container .area-tgl-item > :first-child{
margin-top:0;
}
.w_air-lp .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 10px 4px 10px;
box-sizing:border-box;
}
.w_air-lp .area-tgl-container .area-tgl-header .area-tgl-hdg{
font-size:14px;
font-weight:normal;
}
.w_air-lp .area-tgl-container .area-tgl-trigger{
position:absolute;
top:0;
left:0;
display:block;
background:none;
width:100%;
height:100%;
text-indent:-9999px;
overflow:hidden;
border:none;
background-image:url(/element_sp/w_air/shared/images/icon-arrow-01-down-l.svg);
background-position:calc(100% - 10px) center;
background-repeat:no-repeat;
background-size:16px 10px;
margin:0;
padding:0;
}

/* airport-info-list
---------------------------------- */
.w_air-lp .airport-info-list{
width:100%;
margin:8px 0 0 0;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}
.w_air-lp .airport-info-list + .card-hdg-03{
margin-top:16px;
}
.w_air-lp .airport-info-list .no-result-txt{
text-align:center;
font-size:12px;
margin:8px 0;
}
.w_air-lp .airport-info-list .thead{
background-color:#f7f7f7;
}
.w_air-lp .airport-info-list .thead div{
padding-top:3px;
padding-bottom:3px;
}
.w_air-lp .airport-info-list >li{
display:-webkit-box;
display:flex;
border-top:1px solid #e5e5e5;
}
.w_air-lp .airport-info-list >li > div{
padding:8px 12px;
font-size:12px;
vertical-align:top;
text-align:left;
}
.w_air-lp .airport-info-list >li > div:first-child{
width:125px;
}
.w_air-lp .airport-info-list >li > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.w_air-lp .airport-info-list >li > div:last-child:not(:first-child){
border-left:1px solid #e5e5e5;
}

/* .w_air-lp .faq-list
---------------------------------- */
.w_air-lp .faq-list{
border-bottom:1px solid #e5e5e5;
}
.w_air-lp .faq-list .faq-toggle-container.is-active .faq-toggle-item{
display:block;
}
.w_air-lp .faq-list .faq-toggle-container.is-active .faq-toggle-trigger::after{
margin-top:-6px;
background:url(/element_sp/w_air/shared/images/icon-arrow-01-up-l.svg) 0 0 no-repeat;
}
.w_air-lp .faq-list .faq-toggle-container .faq-toggle-item{
display:none;
}
.w_air-lp .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%;
}
.w_air-lp .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/w_air/shared/images/icon-arrow-01-down-l.svg) 0 0 no-repeat;
}
.w_air-lp .faq-list li{
padding:0 10px;
font-size:12px;
padding:4px 12px 0 10px;
}
.w_air-lp .faq-list li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.w_air-lp .faq-list li em{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.w_air-lp .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;
}
.w_air-lp .faq-list li .question h3{
font-weight:normal;
}
.w_air-lp .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;
}
.w_air-lp .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/w_air/shared/images/icon-faq-q.svg) 0 0 no-repeat;
background-size:100% auto;
}
.w_air-lp .faq-list li .answer{
position:relative;
padding-left:23px;
padding-bottom:12px;
}
.w_air-lp .faq-list li .answer p:not(:first-child){
margin:8px 0 0;
}
.w_air-lp .faq-list li .answer::after{
content:"";
display:table;
clear:both;
}
.w_air-lp .faq-list li .answer::before{
position:absolute;
content:"";
display:block;
left:0;
top:2px;
width:11px;
height:15px;
background:url(/element_sp/w_air/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:100% auto;
}
.w_air-lp .faq-list li .faq-modified{
float:right;
color:#9e9e9e;
font-size:12px;
margin-top:8px;
}
.w_air-lp .faq-list li .faq-modified > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}

/* .w_air-lp .lowprice-list
---------------------------------- */
.w_air-lp .lowprice-list{
margin:12px -12px -12px;
border-bottom:1px solid #e5e5e5;
}
.w_air-lp .lowprice-list .no-result-txt{
text-align:center;
font-size:14px;
margin:8px 0;
}
.w_air-lp .lowprice-list .thead{
background-color:#f7f7f7;
}
.w_air-lp .lowprice-list .thead div{
padding-top:3px;
padding-bottom:3px;
}
.w_air-lp .lowprice-list >li{
display:-webkit-box;
display:flex;
border-top:1px solid #e5e5e5;
}
.w_air-lp .lowprice-list >li > div{
padding:8px 12px;
font-size:14px;
vertical-align:top;
text-align:left;
line-height:1.3;
}
.w_air-lp .lowprice-list >li > div:first-child{
width:67px;
}
.w_air-lp .lowprice-list >li > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.w_air-lp .lowprice-list >li > div:last-child:not(:first-child){
border-left:1px solid #e5e5e5;
}
.w_air-lp .lowprice-list a{
font-size:16px;
}
.w_air-lp .lowprice-list .sup{
display:inline-block;
font-size:14px;
margin-left:8px;
}
.w_air-lp .lowprice-list .route{
font-size:0;
margin:0;
}
.w_air-lp .lowprice-list .route >li{
font-size:14px;
line-height:calc(16 / 12);
display:inline;
}
.w_air-lp .lowprice-list .route >li:first-child::after{
content:"\2015";
margin:0 4px;
line-height:1;
position:relative;
top:-1px;
}

/* area-tab-container
---------------------------------- */
.w_air-lp .area-select-option .select-custom{
width:100%;
margin-bottom:12px;
margin-top:4px;
}

/* area-tab-container
---------------------------------- */
.w_air-lp .area-tab-container{
position:relative;
margin:0;
}
.w_air-lp .area-tab-container.is-static .area-tab-nav-container{
display:none;
}
.w_air-lp .area-tab-container.is-static .area-tab-content{
display:block;
}
.w_air-lp .area-tab-container .card-content{
margin-top:28px;
}
.w_air-lp .area-tab-container .card-content .card-item{
padding:0;
box-shadow:none;
border-radius:0;
}
.w_air-lp .area-tab-container .area-tab-nav-container{
margin:0 -12px 16px;
position:relative;
}
.w_air-lp .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%);
}
.w_air-lp .area-tab-container .area-tab-nav-container.is-end::after{
display:none;
}
.w_air-lp .area-tab-container .area-tab-nav-container .area-tab-nav{
overflow:hidden;
overflow-x:scroll;
}
.w_air-lp .area-tab-container .area-tab-nav-container .area-tab-nav::-webkit-scrollbar{
display:none;
}
.w_air-lp .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list{
display:-webkit-box;
display:flex;
white-space:nowrap;
margin:0;
}
.w_air-lp .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 10px;
}
.w_air-lp .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li:first-child{
padding-left:12px;
}
.w_air-lp .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li:last-child{
padding-right:12px;
}
.w_air-lp .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a{
pointer-events:none;
}
.w_air-lp .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;
}
.w_air-lp .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%;
min-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;
}
.w_air-lp .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a b{
font-weight:normal;
}
.w_air-lp .area-tab-container .area-tab-content{
display:none;
}
.w_air-lp .area-tab-container .area-tab-content.is-active{
display:block;
}

/* seo-card-cheapest
---------------------------------- */
.w_air-lp .seo-card-cheapest{
margin-bottom:12px;
}
.w_air-lp .seo-card-cheapest p{
font-size:14px;
}
.w_air-lp .seo-card-cheapest .checkbox-custom{
font-size:16px;
margin-top:16px;
}
.w_air-lp .seo-card-cheapest .radio-custom > .custom-inner{
font-size:14px;
}
.w_air-lp .seo-card-cheapest .select-custom{
margin-top:12px;
width:100%;
display:block;
}
.w_air-lp .seo-card-cheapest .select-custom select{
min-height:44px;
}
.w_air-lp .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;
}
.w_air-lp .seo-card-cheapest-tbl{
margin-top:12px;
padding:0;
position:relative;
font-size:14px;
}
.w_air-lp .seo-card-cheapest-tbl table{
border-collapse:collapse;
border-spacing:0;
width:100%;
text-align:right;
margin:0;
}
.w_air-lp .seo-card-cheapest-tbl table caption{
height:0;
overflow:hidden;
position:absolute;
}
.w_air-lp .seo-card-cheapest-tbl table th,
.w_air-lp .seo-card-cheapest-tbl table td{
padding:8px 0;
font-weight:normal;
line-height:1.2;
border-bottom:1px solid #ddd;
}
.w_air-lp .seo-card-cheapest-tbl table th{
text-align:left;
}
.w_air-lp .seo-card-cheapest-tbl table thead th{
padding:8px 0;

/* width: calc((100% - 88px) / 3); */
width:80px;
text-align:center;
box-sizing:border-box;
}
.w_air-lp .seo-card-cheapest-tbl table thead th:first-child{
text-align:left;
width:auto;
}
.w_air-lp .seo-card-cheapest-tbl table tbody th,
.w_air-lp .seo-card-cheapest-tbl table tbody td{
padding:12px 0;
height:44px;
box-sizing:border-box;
}
.w_air-lp .seo-card-cheapest-tbl.seo-cheapest-data-tbl-toggle table tr:nth-child(n + 4){
display:none;
}
.w_air-lp .seo-card-cheapest-tbl.seo-cheapest-data-tbl-toggle .seo-cheapest-data-tbl-toggle-btn{
margin-top:8px;
}
.w_air-lp .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/w_air/shared/images/icon-arrow-01-down.svg);
background-position:0 center;
background-repeat:no-repeat;
background-size:7px 5px;
}
.w_air-lp .seo-card-cheapest-tbl.seo-cheapest-data-tbl-toggle.is-active .seo-cheapest-data-tbl-toggle-btn button{
background-image:url(/element_sp/w_air/shared/images/icon-arrow-01-up.svg);
}
.w_air-lp .seo-card-cheapest-tbl.seo-cheapest-data-tbl-toggle.is-active table tr:nth-child(n + 4){
display:table-row;
}
.w_air-lp .card-cheapest-02 p{
font-size:14px;
}