:root{
--font-color-btn-link:#666;
--font-color-placeholder:#949494;
--font-color-base-secondary:#222;
--font-num:Arial;
}

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

  Component Modules

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

/* cmn-tip-box
---------------------------------- */
.cmn-tip-box em,
.cmn-tip-box strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.cmn-tip-box > :first-child{
margin-top:0;
}
.cmn-tip-box .cmn-tip-hdg-01{
padding-left:0;
margin-top:12px;
}
.cmn-tip-box .cmn-tip-hdg-01::before{
display:none;
}
.cmn-tip-box .cmn-tip-hdg-01 + p{
margin-top:4px;
}
.cmn-tip-box p{
margin:10px 0 0;
}
.cmn-tip-box .tip-split{
margin:10px 0;
border:none;
border-top:1px #aaa dotted;
}
.cmn-tip-box .tip-line{
border:none;
border-top:1px solid #ccc;
margin:16px 0;
}
.cmn-tip-box .tip-note-hdg{
margin-top:15px;
font-size:12px;
font-weight:normal;
}
.cmn-tip-box .tip-note-hdg .mark{
margin-right:4px;
}
.cmn-tip-box .tip-note-hdg + p{
margin-top:4px;
}

/* tip-list-num
------------------------------------------------ */
.cmn-tip-box .tip-list-num{
margin:10px 0 0 15px;
}
.cmn-tip-box .tip-list-num > li{
list-style-type:decimal;
}

/* tip-notes
------------------------------------------------ */
.cmn-tip-box .tip-notes{
margin:10px 0;
}

/* tip-notes-02
---------------------------------- */
.cmn-tip-box .tip-notes-02{
margin-top:8px;
}
.cmn-tip-box .tip-notes-02 li{
margin-left:1.3em;
text-indent:-1.3em;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.cmn-tip-box .tip-notes-02 li em{
color:var(--cmn-font-color-red);
}
.cmn-tip-box .tip-notes-02 li .mark{
margin-right:4px;
}
.cmn-tip-box .tip-notes-02 li:not(:first-child){
margin-top:8px;
}
.cmn-tip-box .tip-notes-02 li a{
text-decoration:none;
}
.cmn-tip-box p + .tip-notes-02{
margin-top:4px;
}

/* cmn-tip-btn
------------------------------------------------ */
.cmn-tip-btn{
position:relative;
top:-1px;
margin-left:2px;
vertical-align:middle;
}

/* tip-container
------------------------------------------------ */
.tip-container{
display:block;
position:relative;
clear:both;
}
.tip-container .tip-item{
display:none;
}
.tip-container.active .tip-item{
display:table;
}
.tip-container:after{
display:table;
clear:both;
content:"";
}

/* tip-item
------------------------------------------------ */
.tip-item{
position:absolute;
right:0;
z-index:1000;
}
.tip-item.tip-popup{
text-align:left;
}
.tip-item.tip-popup:before{
border:10px solid #aaa;
border-top:none;
border-right:7px solid transparent;
border-left:7px solid transparent;
}
.tip-item.tip-popup:after{
margin-top:1px;
border:10px solid #fff;
border-top:none;
border-right:7px solid transparent;
border-left:7px solid transparent;
}
.tip-item.tip-popup:before,
.tip-item.tip-popup:after{
position:absolute;
top:-10px;
left:67px;
content:"";
}
.tip-item.tip-popup.tip-bottom:before{
bottom:-10px;
border:10px solid #aaa;
border-right:7px solid transparent;
border-bottom:none;
border-left:7px solid transparent;
}
.tip-item.tip-popup.tip-bottom:after{
bottom:-8px;
border:10px solid #fff;
border-right:7px solid transparent;
border-bottom:none;
border-left:7px solid transparent;
}
.tip-item.tip-popup.tip-bottom:before,
.tip-item.tip-popup.tip-bottom:after{
position:absolute;
top:auto;
right:auto;
left:40px;
content:"";
}
.tip-item .tip-box{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
padding:15px 15px;
border:1px solid #aaa;
border-radius:3px;
min-width:400px;
color:#333;
background-color:#fff;
-webkit-box-shadow:1px 1px 3px 0 rgba(153, 153, 153, .75);
box-shadow:1px 1px 3px 0 rgba(153, 153, 153, .75);
text-align:left;
word-wrap:break-word;
word-break:break-all;
font-size:12px;
}
.tip-item .tip-box p,
.tip-item .tip-box ul{
margin:10px 0 0;
font-size:12px;
}
.tip-item .tip-box .detail-notes{
display:block;
margin-top:10px;
font-size:11px;
}
.tip-item .tip-box > :first-child{
margin-top:0;
}
.tip-item .tip-box .tip-att{
color:var(--cmn-font-color-red);
}
.tip-item .tip-box .tip-notes{
position:relative;
}
.tip-item .tip-box .tip-notes.mark{
padding-left:18px;
}
.tip-item .tip-box .tip-notes.mark .icon-att{
position:absolute;
top:2px;
left:0;
}
.tip-item .tip-box .tip-indent{
display:block;
padding-left:1em;
text-indent:-1em;
}
.tip-item .tip-box .tip-hdg-01{
position:relative;
padding-left:12px;
line-height:1.2;
}
.tip-item .tip-box .tip-hdg-01:before{
display:block;
position:absolute;
top:4px;
left:2px;
width:8px;
height:8px;
background-color:#333;
content:"";
}
.tip-item.tip-ticket-info .tip-box{
padding:10px;
width:300px;
}

/* tbl-ticket-detail
------------------------------------------------ */
.tbl-ticket-detail{
margin-top:5px;
border:1px solid #c7c7c7;
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.tbl-ticket-detail > thead tr th{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:3px 10px;
border-bottom:1px solid #c7c7c7;
border-left:1px solid #c7c7c7;
width:122px;
color:#555;
text-align:center;
white-space:nowrap;
font-weight:normal;
font-size:12px;
}
.tbl-ticket-detail > thead tr th:first-child{
width:173px;
}
.tbl-ticket-detail > tbody > tr th,
.tbl-ticket-detail > tbody > tr td{
color:#555;
font-weight:normal;
font-size:12px;
}
.tbl-ticket-detail > tbody > tr th{
padding:5px 10px;
border-bottom:1px solid #ddd;
text-align:left;
}
.tbl-ticket-detail > tbody > tr td{
padding:5px 10px;
border-bottom:1px solid #ddd;
border-left:1px solid #c7c7c7;
width:235px;
text-align:right;
}
.tbl-ticket-detail .tbl-ticket-detail-summary td{
text-align:center;
}
.tbl-ticket-detail .tbl-ticket-detail-sub th,
.tbl-ticket-detail .tbl-ticket-detail-sub td{
font-weight:bold;
}
.tbl-ticket-detail tr:nth-last-child(2) th,
.tbl-ticket-detail tr:nth-last-child(2) td{
border-bottom:1px solid #c7c7c7;
}
.tbl-ticket-detail tr:last-child th,
.tbl-ticket-detail tr:last-child td{
border-bottom:1px solid #c7c7c7;
}
.tbl-ticket-detail .tbl-ticket-detail-total th,
.tbl-ticket-detail .tbl-ticket-detail-total td{
padding-top:10px;
padding-bottom:10px;
background-color:#f1f1f1;
font-weight:bold;
}
.tbl-ticket-detail .tbl-ticket-detail-total .icon-att{
margin:0 0 0 3px;
}
.tbl-ticket-detail .tbl-ticket-detail-mark{
position:relative;
bottom:2px;
font-size:9px;
}

/* icon-att
------------------------------------------------ */
.icon-att{
overflow:hidden;
display:inline-block;
position:relative;
bottom:1px;
margin-right:3px;
padding-top:12px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-caution-red.svg) 0 50% no-repeat;
background-size:100%;
vertical-align:middle;
line-height:2;
}

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

/* icon-wifi
---------------------------------- */
.icon-wifi{
display:inline-block;
width:14px;
height:0;
padding-top:10px;
overflow:hidden;
line-height:2;
background:url(/element/j_air_on/shared/images/icon-wifi.svg) no-repeat 0 0;
background-size:14px 10px;
vertical-align:middle;
position:relative;
margin-right:4px;
}

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

/* date-num
------------------------------------------------ */
.date-num{
font-family:var(--font-num);
}

/* .history-address
----------------------------------------------- */
.history-address{
margin-top:10px;
padding-top:10px;
border-top:1px solid #ddd;
}

/* history-notes
------------------------------------------------ */
.history-address .history-notes{
margin-top:10px;
font-size:12px;
}

/* .history-address-hdg
----------------------------------------------- */
.history-address .history-address-hdg{
display:inline-block;
margin-bottom:8px;
font-size:13px;
}

/* .history-address-link
----------------------------------------------- */
.history-address .history-address-link{
display:inline-block;
position:relative;
padding-left:12px;
color:#333;
vertical-align:middle;
font-size:11px;
}
.history-address .history-address-link:before{
display:block;
position:absolute;
top:5px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .history-inquiry-item-external
----------------------------------------------- */
.history-address .history-external{
margin:10px 0 10px;
font-size:13px;
}

/* .history-inquiry-item-external-btn
----------------------------------------------- */
.history-address .history-external-btn{
margin-left:5px;
padding:2px 16px;
border:1px solid #c9c9c9;
border-radius:4px;
color:#555;
-webkit-box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .2);
box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .2);
font-size:13px;
}
.history-address .history-external-btn:link,
.history-address .history-external-btn:visited,
.history-address .history-external-btn:hover,
.history-address .history-external-btn:active{
text-decoration:none;
}

/* .history-address-agt
----------------------------------------------- */
.history-address .history-address-agt{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:flex-start;
-ms-flex-align:flex-start;
align-items:flex-start;
}
.history-address .history-address-agt > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-right:10px;
}
.history-address .history-address-agt .history-address-agt-review-btn{
display:block;
margin:0 auto;
padding:0 10px;
border:1px solid #bbb;
border-radius:3px;
min-height:30px;
color:#555;
background-color:#fff;
font-size:12px;
}
.history-address .history-address-agt .history-address-agt-review-btn:before{
display:inline-block;
margin-right:3px;
width:15px;
height:15px;
background:url(/element/shared/images/icon/icon-balloon.svg) 0 0 no-repeat;
background-size:100% auto;
content:"";
vertical-align:middle;
opacity:.65;
}

/* .history-address-inner
----------------------------------------------- */
.history-address .history-address-inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .history-address-name-sup-list
----------------------------------------------- */
.history-address .history-address-inner .history-address-name-sup-list{
display:block;
}
.history-address .history-address-inner .history-address-name-sup-list strong{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.history-address .history-address-inner .history-address-name-sup-list >li{
display:inline-block;
}
.history-address .history-address-inner .history-address-name-sup-list >li .cmn-tip-caution-btn{
top:-1px;
position:relative;
margin-left:3px;
}
.history-address .history-address-inner .history-address-name-sup-list >li:not(:first-child)::before{
content:"/";
display:inline-block;
margin-left:-1px;
margin-right:2px;
position:relative;
top:-1px;
}
.history-address .history-address-inner .history-address-name-sup-list >li.agt-info-item-list-remarks > span:first-child::after{
content:":";
margin:0 2px 0 3px;
display:inline-block;
}

/* .site-info
----------------------------------------------- */
.history-address .history-address-inner .site-info{
margin-top:5px;
}
.history-address .history-address-inner .site-info .site-info-sup::after{
content:":";
display:inline-block;
margin:0 2px;
}
.history-address .history-address-inner .site-info .site-info-block > li{
position:relative;
display:inline-block;
color:#555;
font-size:11px;
padding-right:15px;
}
.history-address .history-address-inner .site-info .site-info-block > li em{
color:var(--cmn-font-color-red);
}
.history-address .history-address-inner .site-info .site-info-block > li:not(:last-child)::after{
display:block;
content:"\FF0F";
position:absolute;
right:2px;
bottom:0;
}
.history-address .history-address-inner .site-info .site-info-block .cmn-tip-info-btn-icon,
.history-address .history-address-inner .site-info .site-info-block .cmn-tip-caution-btn-icon{
position:relative;
top:-1px;
}

/* .agt-info-item
----------------------------------------------- */
.flight-detail .agt-info-item{
margin:4px -329px 0 -231px;
opacity:.55;
}
.agt-info-item{
font-size:11px;
margin:4px 0 0 0;
text-align:left;
}
.agt-info-item .agt-info-item-sup{
display:inline-block;
}
.agt-info-item .agt-info-item-sup .cmn-tip-caution-btn{
top:-1px;
position:relative;
margin-left:3px;
}
.agt-info-item .agt-info-item-list{
margin-top:3px;
margin-right:10px;
display:inline-block;
}
.agt-info-item .agt-info-item-list em{
color:var(--cmn-font-color-red);
}
.agt-info-item .agt-info-item-list >li{
display:inline-block;
}
.agt-info-item .agt-info-item-list >li::before{
content:"/";
display:inline-block;
margin:0 3px;
}
.agt-info-item .agt-info-item-list >li.agt-info-item-list-remarks > span:first-child::after{
content:":";
margin:0 2px 0 3px;
display:inline-block;
}
.agt-info-item .agt-info-item-list-note{
color:var(--cmn-font-color-gray);
display:inline-block;
}
.agt-info-item .agt-info-item-list-note em,
.agt-info-item .agt-info-item-list-note strong{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.agt-info-item .agt-info-item-list-note a{
text-decoration:none;
}
.agt-info-item .agt-info-item-list-note .cmn-dashed{
--cmn-dashed-color:var(--cmn-font-color-red);
}
.agt-info-item .agt-info-item-list-note >li{
text-indent:-1.4em;
margin-left:1.4em;
}
.agt-info-item .agt-info-item-list-note >li::before{
content:"※";
display:inline;
margin-right:4px;
}

/* .history-address-name
----------------------------------------------- */
.history-address .history-address-name{
font-size:11px;
}
.history-address .history-address-name .site-prividor{
color:var(--cmn-font-color-gray);
font-size:10px;
}

/* .history-address-logo
----------------------------------------------- */
.history-address .history-address-logo{
margin-right:10px;
}
.history-address .history-address-logo > span{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:relative;
border:1px solid #c5c5c5;
width:70px;
height:30px;
background-color:#fff;
}
.history-address .history-address-logo > span img{
position:absolute;
right:50%;
bottom:50%;
max-width:100%;
max-height:100%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
}

/* .history-address-list
----------------------------------------------- */
.history-address .history-address-list{
margin-top:5px;
opacity:.55;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.history-address .history-address-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding-top:6px;
padding-bottom:6px;
}
.history-address .history-address-list > li:not(:last-child){
border-bottom:1px dotted #c9c9c9;
}
.history-address .history-address-list > li .shop-name{
width:200px;
font-size:12px;
}
.history-address .history-address-list > li .tell{
position:relative;
margin:0 15px;
padding-left:20px;
font-weight:bold;
font-size:15px;
font-family:var(--font-num);
}
.history-address .history-address-list > li .tell .icon-tell{
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:absolute;
top:0;
left:0;
border:1px solid #dcdcdc;
width:16px;
height:16px;
color:transparent;
background:url(/element_sp/shared/images/icon/icon-phone.svg) 50% 50% no-repeat;
background-size:9px 10px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.history-address .history-address-list > li .business-hour{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* filter-item-inr
------------------------------------------------ */
.filter-item-inr{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:4px;
}

/* filter-route
------------------------------------------------ */
.filter-route{
position:relative;
padding-left:64px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.filter-route .filter-catch{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:absolute;
left:0;
width:54px;
height:22px;
color:#fff;
background-color:#888;
text-align:center;
font-size:12px;
line-height:22px;
}
.filter-route .filter-route-sup{
display:inline-block;
vertical-align:top;
font-weight:bold;
font-size:18px;
line-height:1.3;
}
.filter-route .filter-route-sup .icon-route{
margin-right:3px;
}

/* filter-date
------------------------------------------------ */
.filter-date{
font-size:14px;
}
.filter-date .filter-date-sup:after{
display:inline-block;
content:":";
}

/* filter-condition-01
------------------------------------------------ */
.filter-item .filter-condition-01{
margin:0;
font-size:14px;
}
.filter-item .filter-condition-01 li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.filter-item .filter-condition-01 li > span:first-child{
display:inline-block;
position:relative;
margin-right:10px;
}
.filter-item .filter-condition-01 li > span:first-child:after{
display:inline-block;
position:absolute;
right:-8px;
content:":";
}
.filter-item .filter-condition-01 li > span:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* filter-condition-02
------------------------------------------------ */
.filter-item .filter-condition-02{
margin:5px 0;
font-size:12px;
}
.filter-item .filter-condition-02 li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:3px;
line-height:1.4;
}
.filter-item .filter-condition-02 li > span:first-child{
display:block;
position:relative;
width:97px;
}
.filter-item .filter-condition-02 li > span:first-child:after{
display:inline-block;
position:absolute;
top:-1px;
right:4px;
content:":";
}
.filter-item .filter-condition-02 li > span:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.filter-item .filter-condition-02 li > span:last-child > span > span:not(:first-child){
padding-left:3px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.filter-item .filter-condition-02 li > span:last-child > span > span:not(:first-child):before{
display:inline-block;
margin-right:3px;
content:":";
}

/* flight-price
------------------------------------------------ */
.flight-price{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-left:0;
text-align:right;
font-size:13px;
}
.flight-price .flight-price-sup{
display:inline-block;
vertical-align:middle;
font-size:11px;
opacity:.55;
}
.flight-price .flight-price-number{
display:inline-block;
min-width:80px;
vertical-align:middle;
font-size:11px;
opacity:.55;
}
.flight-price .flight-price-number b{
font-weight:normal;
font-size:15px;
font-family:var(--font-num);
}
.flight-price .flight-price-detail{
display:inline-block;
top:2px;
width:35px;
vertical-align:middle;
text-align:right;
}
.flight-price .flight-price-detail .tip-item{
top:20px;
right:-33px;
}
.flight-price .flight-price-detail .tip-item.tip-popup:before,
.flight-price .flight-price-detail .tip-item.tip-popup:after{
right:39px;
left:auto;
}
.flight-price .flight-price-detail button{
display:inline-block;
position:relative;
bottom:3px;
padding:0;
border:1px solid #b5b5b5;
border-radius:3px;
width:28px;
height:17px;
color:#333;
background-color:#fff;
background-image:none;
-webkit-box-shadow:inset 0 -2px 0 0 rgba(0, 0, 0, .08);
box-shadow:inset 0 -2px 0 0 rgba(0, 0, 0, .08);
vertical-align:middle;
font-size:10px;
opacity:.55;
}
.flight-price .flight-price-total{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:end;
margin-bottom:3px;
-webkit-box-pack:end;
justify-content:flex-end;
}
.flight-price .flight-price-total .flight-price-sup{
padding-right:10px;
}
.flight-price .flight-price-total .flight-price-number b{
font-weight:bold;
font-size:18px;
}
.flight-price .flight-price-notes{
display:block;
opacity:.55;
}
.flight-price .flight-price-notes > span{
display:block;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.flight-price .flight-price-notes-02{
display:block;
opacity:.55;
color:var(--cmn-font-color-gray);
font-size:11px;
}

/* list-seatinfo
------------------------------------------------ */
.list-seatinfo{
opacity:.55;
padding:0 4px;
}
.list-seatinfo > li{
display:table-cell;
width:84px;
height:57px;
padding:7px 4px 7px 4px;
border:1px solid #ccc;
color:#333;
font-size:11px;
line-height:1.4;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
vertical-align:middle;
}
.list-seatinfo > li > span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.list-seatinfo > li > span > span:first-child{
white-space:nowrap;
}
.list-seatinfo > li > span > span:last-child{
width:16px;
}
.list-seatinfo > li > span sup{
position:relative;
top:1px;
font-size:13px;
vertical-align:top;
line-height:1;
}
.list-seatinfo > li > span .cmn-tip-info-btn{
position:relative;
top:0;
margin-left:4px;
line-height:1;
vertical-align:top;
}

/* list-payinfo
------------------------------------------------ */
.list-payinfo{
display:table;
border-collapse:separate;
border-spacing:5px 0;
opacity:.55;
table-layout:fixed;
height:57px;
}
.list-payinfo > li{
display:table-cell;
border:1px solid #ccc;
color:#333;
vertical-align:middle;
font-size:11px;
line-height:1.4;
height:46px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
}
.list-payinfo .list-type{
display:block;
clear:both;
white-space:normal;
letter-spacing:-.4em;
text-align:left;
}
.list-payinfo .list-type > li{
display:inline-block;
position:relative;
color:#555;
letter-spacing:normal;
font-size:11px;
}
.list-payinfo .list-type > li:first-child{
padding-left:0;
}
.list-payinfo .list-type > li:not(.list-type-credit):after{
display:inline;
content:"/";
padding-left:3px;
}
.list-payinfo .list-type li:last-child:after{
display:none;
}

/* list-credit
------------------------------------------------ */
.list-credit{
display:inline-block;
text-align:left;
vertical-align:top;
font-size:0;
}
.list-credit > li{
display:inline;
margin-left:2px;
}
.list-credit > li > img{
max-height:12px;
vertical-align:top;
}

/* list-definition
----------------------------------------------------------------- */
.list-definition{
margin:0 !important;
}
.list-definition li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:4px;
line-height:1;
}
.list-definition li > :first-child{
margin:0;
}
.list-definition li > :last-child{
position:relative;
font-size:12px;
padding-left:17px;
line-height:calc(15 / 12);
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.list-definition li > :last-child:before{
position:absolute;
left:5px;
top:-1px;
content:"=";
}

/* pay-notes
------------------------------------------------ */
.pay-notes{
display:block;
margin-top:3px;
color:var(--cmn-font-color-gray);
text-align:left;
font-size:11px;
opacity:.55;
}
.pay-notes > li{
text-indent:-1em;
margin-left:1em;
font-size:11px;
line-height:1.4;
}
.pay-notes > li > span{
display:inline-block;
text-indent:0;
margin-left:5px;
}
.pay-notes .pay-notes-other > ul{
display:inline;
font-size:0;
text-indent:0;
}
.pay-notes .pay-notes-other > ul >li{
font-size:11px;
display:inline-block;
}
.pay-notes .pay-notes-other > ul >li:not(:last-child)::after{
content:"/";
display:inline;
}

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

/* .history-pop
----------------------------------------------- */
.history-pop{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:none;
position:relative;
margin-bottom:15px;
padding:10px;
border-radius:4px;
background-color:#eaeaea;
text-align:left;
font-size:11px;
}
.history-pop:before{
position:absolute;
bottom:-8px;
left:70px;
border-width:10px 8px 0 8px;
border-style:solid;
border-color:#eaeaea transparent transparent transparent;
width:0;
height:0;
content:"";
}

/* ----------------------------------------------------------------
  history-search-item
---------------------------------------------------------------- */
/* .history-search-item-ctrl
----------------------------------------------- */
.history-search-item .history-search-item-ctrl{
position:relative;
margin:-13px -13px 13px;
padding:5px 30px 5px 32px;
border-bottom:1px solid #ddd;
background:url(/element/history/shared/images/icon-history.svg) 13px 50% no-repeat;
background-size:14px 14px;
font-weight:bold;
font-size:12px;
font-family:var(--font-num);
}
.history-search-item .history-search-item-ctrl > span:not([class]){
font-weight:normal;
}
.history-search-item .history-search-item-ctrl > span.sup{
font-family:"\30e1\30a4\30ea\30aa", Meiryo, "\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3", "Hiragino Kaku Gothic ProN", "\ff2d\ff33 \ff30\30b4\30b7\30c3\30af", sans-serif;
}

/* .history-search-item-ctrl-del
----------------------------------------------- */
.history-search-item .history-search-item-ctrl-del{
overflow:hidden;
position:absolute;
top:0;
right:0;
border-width:0 0 0 1px;
border-style:solid;
border-color:#ddd;
width:30px;
height:100%;
color:rgba(51, 51, 51, 0);
background:url(/element/history/shared/images/icon-close.svg) 50% 50% no-repeat;
background-size:8px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

/* .history-search-item-lyt
----------------------------------------------- */
.history-search-item .history-search-item-lyt{
display:table;
width:100%;
table-layout:fixed;
}
.history-search-item .history-search-item-lyt > .history-search-item-lyt-col:first-child{
display:table-cell;
padding-right:20px;
}
.history-search-item .history-search-item-lyt > .history-search-item-lyt-col:last-child{
display:table-cell;
width:242px;
vertical-align:bottom;
}
.history-search-item .history-search-item-lyt > .history-search-item-lyt-col:last-child .history-pop{
margin-top:10px;
}
.history-search-item .history-search-item-lyt > .history-search-item-lyt-col:last-child .history-pop:before{
right:45px;
left:auto;
}
.history-search-item .history-search-item-lyt .history-search-item-btn-container{
text-align:right;
}

/* .history-search-item-btn
----------------------------------------------- */
.history-search-item .history-search-item-btn{
border:none;
border-radius:4px;
width:110px;
min-height:40px;
color:#fff;
background-color:var(--cmn-btn-color);
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
font-weight:bold;
font-size:18px;
}
.history-search-item .history-search-item-btn:active,
.history-search-item .history-search-item-btn:hover,
.history-search-item .history-search-item-btn:focus{
background-color:#67a700;
}

/* .history-search-item-btn
----------------------------------------------- */
.history-search-item .history-search-item-btn-02{
border:none;
border:1px solid #c5c5c5;
border-radius:4px;
width:110px;
min-height:40px;
color:#555;
background-color:#fff;
-webkit-box-shadow:0 -3px 0 #ccc inset;
-webkit-box-shadow:0 -3px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -3px 0 #ccc inset;
box-shadow:0 -3px 0 rgba(0, 0, 0, .1) inset;
font-weight:bold;
font-size:18px;
}
.history-search-item .history-search-item-btn-02:active,
.history-search-item .history-search-item-btn-02:hover,
.history-search-item .history-search-item-btn-02:focus{
background-color:#fff;
}

/* ----------------------------------------------------------------
  history-browsing-item
---------------------------------------------------------------- */
/* .history-browsing-item-ctrl
----------------------------------------------- */
.history-browsing-item .history-browsing-item-ctrl{
position:relative;
margin:-13px -13px 13px;
padding:5px 30px 5px 32px;
border-bottom:1px solid #ddd;
background:url(/element/history/shared/images/icon-history.svg) 13px 50% no-repeat;
background-size:14px 14px;
font-weight:bold;
font-size:12px;
font-family:var(--font-num);
}
.history-browsing-item .history-browsing-item-ctrl > span:not([class]){
font-weight:normal;
}
.history-browsing-item .history-browsing-item-ctrl > span.sup{
font-family:"\30e1\30a4\30ea\30aa", Meiryo, "\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3", "Hiragino Kaku Gothic ProN", "\ff2d\ff33 \ff30\30b4\30b7\30c3\30af", sans-serif;
}

/* .history-browsing-item-ctrl-del
----------------------------------------------- */
.history-browsing-item .history-browsing-item-ctrl-del{
overflow:hidden;
position:absolute;
top:0;
right:0;
border-width:0 0 0 1px;
border-style:solid;
border-color:#ddd;
width:30px;
height:100%;
color:rgba(51, 51, 51, 0);
background:url(/element/history/shared/images/icon-close.svg) 50% 50% no-repeat;
background-size:8px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

/* .history-browsing-item-condition
----------------------------------------------- */
.history-browsing-item .history-browsing-item-condition{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:10px;
padding-top:10px;
border-top:1px solid #e5e5e5;
font-size:13px;
}

/* .history-browsing-item-condition-hdg
----------------------------------------------- */
.history-browsing-item .history-browsing-item-condition-hdg{
position:relative;
padding-right:10px;
width:8.5em;
opacity:.55;
}
.history-browsing-item .history-browsing-item-condition-hdg:after{
display:block;
position:absolute;
top:0;
right:2px;
content:"\ff1a";
}

/* .history-browsing-item-condition-list
----------------------------------------------- */
.history-browsing-item .history-browsing-item-condition-list{
opacity:.55;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.history-browsing-item .history-browsing-item-condition-list > li{
display:inline-block;
}
.history-browsing-item .history-browsing-item-condition-list > li:not(:last-child){
margin-right:4px;
padding-right:7px;
border-right:1px solid #ccc;
}

/* ----------------------------------------------------------------
  history-inquiry-item
---------------------------------------------------------------- */
/* .history-inquiry-item-ctrl
----------------------------------------------- */
.history-inquiry-item .history-inquiry-item-ctrl{
position:relative;
margin:-13px -13px 13px;
padding:5px 30px 5px 32px;
border-bottom:1px solid #ddd;
background:url(/element/history/shared/images/icon-history.svg) 13px 50% no-repeat;
background-size:14px 14px;
font-weight:bold;
font-size:12px;
font-family:var(--font-num);
}
.history-inquiry-item .history-inquiry-item-ctrl > span:not([class]){
font-weight:normal;
}
.history-inquiry-item .history-inquiry-item-ctrl > span.sup{
font-family:"\30e1\30a4\30ea\30aa", Meiryo, "\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3", "Hiragino Kaku Gothic ProN", "\ff2d\ff33 \ff30\30b4\30b7\30c3\30af", sans-serif;
}

/* .history-inquiry-item-ctrl-del
----------------------------------------------- */
.history-inquiry-item .history-inquiry-item-ctrl-del{
overflow:hidden;
position:absolute;
top:0;
right:0;
border-width:0 0 0 1px;
border-style:solid;
border-color:#ddd;
width:30px;
height:100%;
color:rgba(51, 51, 51, 0);
background:url(/element/history/shared/images/icon-close.svg) 50% 50% no-repeat;
background-size:8px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

/* .history-inquiry-item-header
----------------------------------------------- */
.history-inquiry-item .history-inquiry-item-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

/* .history-inquiry-item-header-toggle-btn
----------------------------------------------- */
.history-inquiry-item .history-inquiry-item-header-toggle-btn{
position:relative;
float:right;
margin-top:-20px;
}
.history-inquiry-item .history-inquiry-item-header-toggle-btn button{
padding:0 0 0 15px;
border:none;
min-height:18px;
color:#555;
font-size:12px;
line-height:1;
background:none;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 center;
background-repeat:no-repeat;
background-size:11px 11px;
}
.history-inquiry-item .history-inquiry-item-header-toggle-btn.is-active button{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .history-inquiry-item-toggle
----------------------------------------------- */
.history-inquiry-item .history-inquiry-item-toggle{
display:none;
margin-top:10px;
}
.history-inquiry-item .history-inquiry-item-toggle.is-active{
display:block;
}

/* .history-inquiry-item-plan
----------------------------------------------- */
.history-inquiry-item .history-inquiry-item-plan{
margin-left:180px;
}

/* .history-inquiry-item-plan-balloon
----------------------------------------------- */
.history-inquiry-item .history-inquiry-item-plan-balloon{
display:none;
position:relative;
margin-bottom:12px;
padding:10px 20px;
border-radius:4px;
background-color:#d9d9d9;
}
.history-inquiry-item .history-inquiry-item-plan-balloon:before{
position:absolute;
bottom:-8px;
left:70px;
border-width:10px 8px 0 8px;
border-style:solid;
border-color:#d9d9d9 transparent transparent transparent;
width:0;
height:0;
content:"";
}

/* ----------------------------------------------------------------
  history-modal
---------------------------------------------------------------- */
/* .history-search-btn
----------------------------------------------- */
.history-modal .history-search-btn-container{
margin-bottom:10px;
text-align:center;
}
.history-modal .history-search-btn-container .history-search-btn{
border:none;
border-radius:4px;
width:180px;
min-height:40px;
color:#fff;
background-color:var(--cmn-btn-color);
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
font-weight:bold;
font-size:18px;
}
.history-modal .history-search-btn-container .history-search-btn:active,
.history-modal .history-search-btn-container .history-search-btn:hover,
.history-modal .history-search-btn-container .history-search-btn:focus{
background-color:#67a700;
}

/* history-modal-search-list
------------------------------------------------ */
.history-modal .history-modal-search-list{
margin:30px 40px 25px;
}
.history-modal .history-modal-search-list > li{
-ms-flex-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:10px 0;
align-items:center;
-webkit-box-align:center;
}
.history-modal .history-modal-search-list > li > div:first-child{
width:80px;
}
.history-modal .history-modal-search-list > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.history-modal .history-modal-search-list > li > div:last-child select{
width:100%;
height:35px;
}

/* ----------------------------------------------------------------
  favorite-item
---------------------------------------------------------------- */
/* .favorite-item-ctrl
----------------------------------------------- */
.favorite-item .favorite-item-ctrl{
position:relative;
margin:-13px -13px 13px;
padding:5px 30px 5px 13px;
border-bottom:1px solid #ddd;
background-size:14px;
font-weight:bold;
font-size:12px;
font-family:var(--font-num);
}
.favorite-item .favorite-item-ctrl .favorite-item-ctrl-check{
display:table;
position:relative;
padding-left:18px;
cursor:pointer;
}
.favorite-item .favorite-item-ctrl .favorite-item-ctrl-check input[type="checkbox"]{
position:absolute;
top:3px;
left:0;
margin:0;
}
.favorite-item .favorite-item-ctrl .favorite-item-ctrl-check > span{
margin-left:5px;
padding-left:18px;
background:url(/element/shared/images/icon/icon-favorite-line.svg) 0 50% no-repeat;
background-size:13px 12px;
font-weight:bold;
}
.favorite-item .favorite-item-ctrl .favorite-item-ctrl-check > span span:not([class]){
font-weight:normal;
}
.favorite-item .favorite-item-ctrl .favorite-item-ctrl-check > span span.sup{
font-family:"\30e1\30a4\30ea\30aa", Meiryo, "\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3", "Hiragino Kaku Gothic ProN", "\ff2d\ff33 \ff30\30b4\30b7\30c3\30af", sans-serif;
}

/* .favorite-item-ctrl-del
----------------------------------------------- */
.favorite-item .favorite-item-ctrl-del{
overflow:hidden;
position:absolute;
top:0;
right:0;
border-width:0 0 0 1px;
border-style:solid;
border-color:#ddd;
width:30px;
height:100%;
color:rgba(51, 51, 51, 0);
background:url(/element/history/shared/images/icon-close.svg) 50% 50% no-repeat;
background-size:8px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

/* ----------------------------------------------------------------
  flight-item
---------------------------------------------------------------- */
/* .flight-item
----------------------------------------------- */
.flight-item:after{
display:table;
clear:both;
content:"";
}

/* .latest-link
----------------------------------------------- */
.flight-item .latest-link{
margin-bottom:10px;
font-size:12px;
}

/* icon-att
------------------------------------------------ */
.flight-item .icon-att{
overflow:hidden;
display:inline-block;
position:relative;
bottom:1px;
margin-right:3px;
padding-top:12px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-caution-red.svg) 0 50% no-repeat;
background-size:100%;
vertical-align:middle;
line-height:2;
}

/* hdg-flight
------------------------------------------------ */
.flight-item .flight-info-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
opacity:.55;
}

/* hdg-flight
------------------------------------------------ */
.flight-item .flight-info-cell{
width:390px;
}

/* hdg-flight
------------------------------------------------ */
.flight-item .hdg-flight{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
float:left;
margin-right:10px;
padding:7px 8px;
border:2px solid #bdbdbd;
width:56px;
text-align:center;
white-space:nowrap;
font-weight:bold;
font-size:12px;
}

/* flight-info
------------------------------------------------ */
.flight-item .flight-info{
display:table;
margin-top:3px;
color:#333;
}
.flight-item .flight-info [class^="flight-info-detail-"]{
vertical-align:top;
}

/* flight-info-detail-01
------------------------------------------------ */
.flight-item .flight-info-detail-01{
float:left;
width:120px;
font-size:14px;
line-height:1.2;
}
.flight-item .flight-info-detail-01 > b{
display:inline-block;
font-weight:normal;
font-size:13px;
font-family:var(--font-num);
margin-right:4px;
}
.flight-item .flight-info-detail-01 .flight-info-date{
font-weight:bold;
font-size:12px;
display:block;
}
.flight-item .flight-info-detail-01 .flight-info-date .date-num{
font-size:13px;
font-family:var(--font-num);
}
.flight-item .flight-info-detail-01 .flight-info-alliance{
font-size:11px;
color:var(--cmn-font-color-gray);
display:inline-block;
position:relative;
top:-1px;
margin-right:4px;
}

/* flight-info-detail-02
------------------------------------------------ */
.flight-item .flight-info-detail-02{
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-right:5px;
padding-left:10px;
min-width:170px;
}
.flight-item .flight-info-detail-02 [class^="flight-time-"]{
float:left;
font-size:11px;
line-height:1.2;
}
.flight-item .flight-info-detail-02 [class^="flight-time-"] > b{
display:block;
font-size:18px;
font-family:var(--font-num);
}
.flight-item .flight-info-detail-02 [class^="flight-time-"] > span{
width:3em;
font-size:11px;
}
.flight-item .flight-info-detail-02 .flight-time-01 b{
position:relative;
margin-right:5px;
padding-right:30px;
}
.flight-item .flight-info-detail-02 .flight-time-01 b:after{
display:block;
position:absolute;
right:5px;
bottom:6px;
width:15px;
height:11px;
background:url(/element/j_air_on/shared/images/icon-arrow-01.svg) 0 0 no-repeat;
background-size:100%;
content:"";
}

/* ----------------------------------------------------------------
  airline-info
---------------------------------------------------------------- */
/* airline-info-cell
------------------------------------------------ */
.airline-info{
-ms-flex-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:10px;
align-items:center;
-webkit-box-align:center;
}
.airline-info .airline-info-cell:first-child{
padding-right:10px;
}

/* airline-logo
------------------------------------------------ */
.airline-info .airline-logo{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
border:1px solid #bdbdbd;
width:56px;
height:26px;
vertical-align:middle;
}
.airline-info .airline-logo img{
max-width:56px;
max-height:26px;
vertical-align:middle;
}

/* list-type
------------------------------------------------ */
.airline-info .ticket-detail-type{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:353px;
clear:both;
font-size:11px;
table-layout:fixed;
}
.airline-info .ticket-detail-type .ticket-detail-type-text{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.airline-info .ticket-detail-type .ticket-detail-type-text .ticket-detail-type-text-ellipsis{
max-width:100px;
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.airline-info .ticket-detail-type .ticket-detail-type-text .ticket-type-txt-item{
white-space:nowrap;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.airline-info .ticket-detail-type .ticket-detail-type-text .ticket-type-txt-item .ticket-detail-type-text-etc{
display:inline-block;
}
.airline-info .ticket-detail-type .ticket-detail-type-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
white-space:nowrap;
}
.airline-info .ticket-detail-type .ticket-detail-type-list >li{
white-space:nowrap;
}
.airline-info .ticket-detail-type .ticket-detail-type-list >li::before{
display:inline;
content:"/";
margin:0 3px;
}

/* ----------------------------------------------------------------
  flight-detail
---------------------------------------------------------------- */
/* flight-detail
------------------------------------------------ */
.flight-detail{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:849px;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}

/* flight-detail-sup
------------------------------------------------ */
.flight-detail .flight-detail-sup{
width:140px;
opacity:.55;
}

/* flight-detail-seat
------------------------------------------------ */
.flight-detail .flight-detail-seat{
-webkit-box-sizing:border-box;
box-sizing:border-box;
box-sizing:border-box;
width:96px;
}
.flight-detail .flight-detail-seat .list-payinfo{
margin:0 auto;
}
.flight-detail .flight-detail-seat .list-payinfo li{
width:84px;
}
.flight-detail .flight-detail-seat .list-payinfo li > div{
text-align:center;
}
.flight-detail .flight-detail-seat-sup{
margin-bottom:10px;
border-right:1px solid #ddd;
background:#f1f1f1;
font-size:11px;
opacity:.55;
height:23px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.flight-detail .flight-detail-seat-sup > span{
display:block;
}

/* flight-detail-summary
------------------------------------------------ */
.flight-detail .flight-detail-summary{
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:286px;
}
.flight-detail .flight-detail-summary .list-payinfo > li{
width:102px;
}
.flight-detail .flight-detail-summary .list-payinfo > li:nth-child(2){
width:165px;
}
.flight-detail .flight-detail-summary .list-payinfo > li:nth-child(2) > div{
padding:4px 5px;
}
.flight-detail .flight-detail-summary .pay-notes{
margin-left:6px;
}
.flight-detail .flight-detail-summary-sup{
margin:0 0 10px;
border-right:1px solid #ddd;
background:#f1f1f1;
font-size:11px;
opacity:.55;
height:23px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.flight-detail .flight-detail-summary-sup > span{
display:block;
}

/* flight-detail-col
------------------------------------------------ */
.flight-detail .flight-detail-col{
width:327px;
}
.flight-detail .flight-detail-col-sup{
margin-bottom:10px;
background:#f1f1f1;
font-size:11px;
opacity:.55;
height:23px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.flight-detail .flight-detail-col-sup > span{
display:block;
text-align:center;
}
.flight-detail .flight-detail-col-sup > span .ticket-sup{
display:block;
}
.flight-detail .flight-detail-col-sup > span small{
font-size:11px;
}

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

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

/* .icon-baggage
------------------------------------------------ */
.icon-baggage{
display:inline-block;
width:13px;
height:0;
margin-left:3px;
padding-top:13px;
overflow:hidden;
line-height:2;
vertical-align:middle;
}