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

/* --------------------------------------------------
 Layout
-----------------------------------------------------*/
#list_Col .cmn-notice-list{
color:var(--cmn-font-color-gray);
}
#main_Col{
position:relative;
}
#list_Col:before,
#list_Col:after{
display:table;
content:"";
}
#list_Col:after{
clear:both;
}
#list_Col .box-list-container{
margin-top:30px;
}
#list_Col .box-list-container:after{
display:table;
clear:both;
content:"";
}
#list_Col .box-list{
float:left;
width:470px;
}
#list_Col .box-list:last-child{
float:right;
}
#list_Col .box-list.branch{
width:100%;
}

/* --------------------------------------------------
 Component
-----------------------------------------------------*/
.nowloading{
position:relative;
margin:50px 0;
text-align:center;
overflow:hidden;
height:0;
line-height:2;
padding-top:48px;
}
.nowloading:before{
position:absolute;
top:0;
left:50%;
margin-left:-24px;
display:block;
margin:0 auto 10px;
width:48px;
height:48px;
background:url(/element/shared/images/icon/ic_load_l.gif) no-repeat center top;
content:"";
}

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

/* .list-bullet
----------------------------------------------- */
.list-bullet > li{
position:relative;
padding-left:8px;
}
.list-bullet > li:before{
display:block;
position:absolute;
top:9px;
left:0;
border-radius:100%;
width:2px;
height:2px;
background:#000;
content:"";
}

/* .box-notfound
----------------------------------------------- */
.box-notfound{
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 10px;
padding:10px;
border:1px solid #b7b7b7;
}
.box-notfound >:first-child{
margin-top:0;
}
.box-notfound > .box-01{
margin-top:10px;
padding:10px;
background:#f5f5f5;
}
.box-notfound .hdg-hint{
font-weight:normal;
font-size:11px;
}

/* box-util
-----------------------------------------------------*/
.box-util{
padding:20px 10px;
background-color:#fff;
}
.box-util.box-util-notfound .notes{
margin-bottom:20px;
text-align:center;
}
.box-util.box-util-notfound .notes strong{
color:var(--cmn-font-color-red);
}
.box-util.box-util-notfound .box-notfound-sup{
text-align:center;
margin-bottom:10px;
}

/* box-notes
------------------------------------------------ */
.box-notes{
margin-bottom:20px;
padding:20px;
background-color:#f1f1f1;
font-size:12px;
}
.box-notes .box-notes-label{
margin-bottom:5px;
font-weight:bold;
font-size:15px;
}
.box-notes .box-notes-label b{
color:var(--cmn-font-color-red);
}
.box-notes .box-notes-sup{
color:#555;
font-weight:normal;
font-size:11px;
}
.box-notes .box-notes-desc{
display:table;
width:100%;
table-layout:fixed;
}
.box-notes .box-notes-desc > span{
display:table-cell;
width:340px;
}
.box-notes .box-notes-desc > ul{
display:table-cell;
}
.box-notes .box-notes-desc .box-notes-num{
font-weight:bold;
}
.box-notes .box-notes-desc .box-notes-num:before{
margin:0 3px 0 0;
content:":";
}

/* box-notes-02
-----------------------------------------------------*/
.box-notes-02{
margin-bottom:20px;
padding:20px;
background-color:#f1f1f1;
}
.box-notes-02 .box-notes-label{
margin-bottom:20px;
font-weight:bold;
font-size:14px;
}
.box-notes-02 .box-notes-label .box-notes-sup{
display:block;
margin-top:5px;
color:#555;
font-weight:normal;
font-size:11px;
}
.box-notes-02 .box-notes-desc{
font-size:13px;
}
.box-notes-02 .box-notes-desc .box-notes-desc-label{
display:block;
margin-bottom:5px;
font-size:12px;
}
.box-notes-02 .box-notes-desc .box-notes-desc-label:before{
display:inline-block;
margin-right:4px;
width:7px;
height:7px;
background-color:#333;
content:"";
}

/* tab-container
-----------------------------------------------------*/
.tab-container > .tab-item{
display:none;
}
.tab-container > .tab-item.active{
display:block;
}

/* .tab-list
----------------------------------------------- */
.tab-list{
margin-bottom:12px;
border-bottom:1px solid #bbb;
letter-spacing:-.4em;
}
.tab-list li{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
margin-bottom:-1px;
width:171px;
text-align:center;
letter-spacing:normal;
}
.tab-list li:first-child{
margin-right:5px;
}
.tab-list li a{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
padding:10px 0;
border-width:1px;
border-style:solid;
border-color:#bbb;
color:var(--font-color-btn-link);
background:#f8f8f8;
text-decoration:none;
font-weight:bold;
}
.tab-list li a:hover,
.tab-list li a:focus{
background:#fff;
}
.tab-list li.active a{
border-bottom-color:#fff;
background:#fff;
color:var(--cmn-font-color-base);
}

/* .sort-list
----------------------------------------------- */
.sort-list{
margin:10px 0;
letter-spacing:-.4em;
}
.sort-list li{
display:inline-block;
padding:0 10px;
border-left:1px solid #ccc;
letter-spacing:normal;
font-size:12px;
line-height:1;
}
.sort-list li:first-child{
padding-left:0;
border-left:none;
}

/* .box-faq
----------------------------------------------- */
.box-faq{
font-size:12px;
margin-top:15px;
}
.box-faq .toggle-item{
display:none;
}
.box-faq .toggle-btn{
display:block;
position:relative;
padding:0 0 4px;
color:var(--font-color-btn-link);
font-size:12px;
}
.box-faq .toggle-btn:link,
.box-faq .toggle-btn:hover{
color:var(--font-color-btn-link);
}
.box-faq .toggle-btn::before{
display:block;
position:absolute;
top:4px;
left:0;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 center;
background-repeat:no-repeat;
background-size:100%;
content:"";
}
.box-faq.active .toggle-btn::before{
top:3px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.box-faq .toggle-btn span{
position:relative;
padding-left:15px;
}
.box-faq.active .toggle-item{
display:block;
margin-bottom:25px;
}

/* .list-inline
----------------------------------------------- */
.list-inline{
letter-spacing:-.4em;
}
.list-inline li{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
padding-left:10px;
vertical-align:top;
letter-spacing:normal;
}
.list-inline li a,
.list-inline li a:link,
.list-inline li a:visited,
.list-inline li a:hover,
.list-inline li a:active{
color:var(--font-color-btn-link);
}
.list-inline.branch{
margin-left:15px;
}
.list-inline.branch li{
position:relative;
margin-top:10px;
padding:0 13px;
width:50%;
}
.list-inline.branch li:before{
display:inline-block;
position:absolute;
top:5px;
left:0;
margin-right:.5em;
border-top:1px solid #666;
border-right:1px solid #666;
width:4px;
height:4px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* -------------------------------------------------
  Search Result
--------------------------------------------------- */
/* .search-result
----------------------------------------------- */
.search-result{
margin-top:10px;
padding:12px 7px 4px;
border-radius:6px;
background-color:#777;
}
.search-result:before,
.search-result:after{
display:table;
content:"";
}
.search-result:after{
clear:both;
}
.search-result .search-result-hdg{
color:#fff;
font-size:20px;
}
.search-result .search-result-panel{
padding:10px;
background:#fff;
}
.search-result .search-result-panel .search-item-pager-list li > a{
background-color:#f3f3f3;
}
.search-result .search-result-panel .search-item-pager-list li > b{
color:#555;
}

/* .search-result-tools
---------------------------------- */
.search-result .search-result-tools{
margin-bottom:12px;
padding:0 3px;
}
.search-result .toggle-item .search-result-tools{
margin:0 -5px 15px;
padding:8px 10px;
background-color:#fff;
-webkit-box-shadow:0 5px 5px -3px rgba(0, 0, 0, .2);
box-shadow:0 5px 5px -3px rgba(0, 0, 0, .2);
}
.search-result .toggle-item .search-result-tools .search-result-sorter-select{
border:1px solid #bbb;
}

/* search-result-sorter
---------------------------------- */
.search-result .search-result-sorter{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.search-result .search-result-sorter .search-result-sorter-select{
border-radius:3px;
display:inline-block;
height:29px;
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
position:relative;
vertical-align:top;
width:200px;
font-size:12px;
}
.search-result .search-result-sorter .search-result-sorter-select::before{
margin-top:-2px;
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:5px;
display:block;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}
.search-result .search-result-sorter .search-result-sorter-select select{
position:relative;
padding:3px 20px 3px 8px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:29px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:transparent;
font-size:12px;
overflow:hidden;
text-overflow:ellipsis;
color:var(--cmn-font-color-base);
}
.search-result .search-result-sorter .search-result-sorter-select select option{
font-size:13px;
}
.search-result .search-result-sorter .search-result-sorter-guide{
margin-left:8px;
}
.search-result .search-result-sort{
margin-bottom:10px;
border-bottom:1px solid #999;
}
.search-result .search-result-sort:before,
.search-result .search-result-sort:after{
display:table;
content:"";
}
.search-result .search-result-sort:after{
clear:both;
}
.search-result .search-result-sort > li{
float:left;
}
.search-result .search-result-sort > li > a{
cursor:pointer;
}
.search-result .search-result-sort > li > a,
.search-result .search-result-sort > li > em{
display:block;
position:relative;
padding:10px 12px;
border:none;
color:#fff;
background:none;
font-size:12px;
}
.search-result .search-result-sort > li > a:link,
.search-result .search-result-sort > li > a:visited,
.search-result .search-result-sort > li > a:hover,
.search-result .search-result-sort > li > a:active{
text-decoration:none;
}
.search-result .search-result-sort > li > a:before,
.search-result .search-result-sort > li > em:before{
overflow:hidden;
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-6px;
width:1px;
height:12px;
background-color:#c1c1c1;
content:"";
}
.search-result .search-result-sort > li > em:after{
overflow:hidden;
display:block;
position:absolute;
bottom:-1px;
left:0;
width:100%;
height:3px;
background-color:#fff;
content:"";
}
.search-result .search-result-sort > li:first-child a:before,
.search-result .search-result-sort > li:first-child em:before{
display:none;
}
.search-result .toggle-item{
padding:0 5px;
}
.search-result .toggle-item .search-result-sort{
margin:0 -5px 15px;
border-bottom:none;
background-color:#fff;
-webkit-box-shadow:0 5px 5px -3px rgba(0, 0, 0, .2);
box-shadow:0 5px 5px -3px rgba(0, 0, 0, .2);
}
.search-result .toggle-item .search-result-sort:before,
.search-result .toggle-item .search-result-sort:after{
display:table;
content:"";
}
.search-result .toggle-item .search-result-sort:after{
clear:both;
}
.search-result .toggle-item .search-result-sort > li{
float:left;
}
.search-result .toggle-item .search-result-sort > li > a{
position:relative;
padding:3px 12px 5px;
border:none;
color:#0b41a1;
background:none;
font-size:12px;
cursor:pointer;
}
.search-result .toggle-item .search-result-sort > li > a:before{
overflow:hidden;
display:block;
position:absolute;
top:12px;
left:0;
width:1px;
height:12px;
background-color:#c1c1c1;
content:"";
}
.search-result .toggle-item .search-result-sort > li > em{
padding:3px 12px 5px;
color:var(--cmn-font-color-base);
font-weight:bold;
}
.search-result .toggle-item .search-result-sort > li > em:after{
display:none;
}
.search-result .toggle-item .search-result-sort > li:first-child a:before{
display:none;
}
.search-result .search-result-item{
margin-top:7px;
padding:10px;
border-radius:6px;
background-color:#fff;
}
.search-result-notes{
position:relative;
padding:15px 10px;
color:#555;
background-color:#f1f1f1;
font-size:13px;
}
.search-result-notes .btn-reset{
position:absolute;
top:14px;
right:10px;
padding-left:17px;
border:none;
color:#555;
background:none;
font-size:12px;
}
.search-result-notes .btn-reset:before{
display:block;
position:absolute;
top:4px;
left:0;
margin-right:4px;
border:none;
width:12px;
height:12px;
background:none;
background-color:#999;
content:"";
}
.search-result-notes .btn-reset span:after{
overflow:hidden;
display:block;
position:absolute;
bottom:10px;
left:2px;
width:8px;
height:2px;
background-color:#fff;
content:"";
-webkit-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.search-result-notes .btn-reset span:before{
overflow:hidden;
display:block;
position:absolute;
bottom:10px;
left:5px;
width:2px;
height:8px;
background-color:#fff;
content:"";
-webkit-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.search-result-add{
margin:10px 0;
}
.search-result-notes-list li{
position:relative;
padding-left:20px;
font-size:12px;
}
.search-result-notes-list li em{
color:var(--cmn-font-color-red);
}
.search-result-notes-list li .cmn-tip-btn{
margin-top:-1px;
}
.search-result-notes-list li::before{
position:absolute;
top:0;
left:0;
content:"";
display:inline-block;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) top left no-repeat;
}
.search-result-info-container{
margin-bottom:8px;
color:#fff;
font-size:12px;
}
.search-result-info-container:after{
display:table;
clear:both;
content:"";
}
.search-result-info-container .search-result-select{
float:left;
}
.search-result-info-container .search-result-select label{
display:block;
position:relative;
padding-right:13px;
padding-left:20px;
color:#fff;
}
.search-result-info-container .search-result-select label input[type="checkbox"]{
position:absolute;
top:50%;
left:0;
margin-top:-6px;
}
.search-result-info-container .search-result-info{
float:right;
width:156px;
text-align:right;
font-size:11px;
}
.search-result-info-container .search-result-info-add{
clear:both;
padding-top:4px;
text-align:right;
font-size:11px;
}

/* company-box
------------------------------------------------------------ */
.company-box{
margin-bottom:4px;
background-color:#f0f0f0;
}
.company-box.toggle-container .toggle-item{
display:none;
}
.company-box.toggle-container.active .toggle-item{
display:block;
}
.company-box.toggle-container .toggle-btn-company{
display:none;
}
.company-box.toggle-container .toggle-btn-company .toggle-btn{
background-color:#fff;
}
.company-box.toggle-container.active .toggle-btn-company{
display:block;
padding:6px 10px 10px;
}
.company-box.toggle-container.active .toggle-btn-company .toggle-btn{
display:inline-block;
margin:0 auto;
padding:0 20px;
border:1px solid #c5c5c5;
border-radius:3px;
width:auto;
height:30px;
background-color:#fff;
-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);
line-height:1;
}
.company-box.toggle-container.active .toggle-btn-company .toggle-btn::before{
top:-1px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.company-box.toggle-container.active .toggle-btn-company-container{
padding-bottom:0;
}
.company-box.toggle-container.active .toggle-btn-company-container .toggle-btn-company{
display:none;
}

/* hdg-company-container
------------------------------------------------------------ */
.hdg-company-container{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table;
padding:10px 10px 5px;
width:100%;
background-color:#fff;
}
.hdg-company-container .toggle-btn-company-container{
display:table;
position:relative;
margin:-10px -10px -5px;
padding:10px 10px 28px;
width:100%;
cursor:pointer;
outline:none;
}
.hdg-company-container .toggle-btn-company-container .toggle-btn-company{
display:block;
position:absolute;
bottom:0;
left:0;
width:100%;
height:28px;
color:#555;
text-align:center;
font-size:12px;
line-height:28px;
}
.hdg-company-container .toggle-btn-company-container .toggle-btn-company .toggle-btn{
background-color:transparent;
}
.hdg-company-container .hdg-company-cell{
display:table-cell;
width:245px;
}
.hdg-company-container .hdg-company-cell .hdg-company{
display:table-cell;
vertical-align:middle;
font-weight:normal;
}
.hdg-company-container .hdg-company-cell .tip-item{
right:auto;
left:0;
}
.hdg-company-container .hdg-sup{
display:table-cell;
vertical-align:top;
text-align:right;
font-size:12px;
line-height:1.6;
}
.hdg-company-container .hdg-sup b{
font-size:20px;
font-family:var(--font-num);
}
.hdg-company-container .hdg-sup .hdg-sup-num{
position:relative;
bottom:3px;
margin-right:5px;
color:var(--cmn-font-color-base);
font-size:11px;
}
.hdg-company-container .hdg-sup.cheapest .hdg-sup-price{
color:var(--cmn-font-color-base);
}
.hdg-company-container .hdg-sup-notes{
display:block;
margin-top:-4px;
color:#666;
font-size:11px;
}
.hdg-company-container .hdg-sup-notes span{
display:inline-block;
margin:0 2px 0 5px;
font-family:var(--font-num);
}
.hdg-company-container .ticket-add .tip-box{
min-width:340px;
}
.hdg-company-container .airline-vacancy{
display:block;
clear:both;
}
.hdg-company-container .airline-vacancy > span{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0 5px;
min-width:90px;
color:#555;
background-color:#f1f1f1;
text-align:center;
white-space:nowrap;
font-size:11px;
line-height:1;
}
.hdg-company-container .airline-vacancy > span span:before{
display:inline-block;
margin:0 3px;
content:":";
}
.hdg-company-container .logo-airline{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
float:left;
border:1px solid #ccc;
width:56px;
height:26px;
vertical-align:middle;
text-align:center;
line-height:1.3;
}
.hdg-company-container .logo-airline img{
max-width:54px;
max-height:24px;
vertical-align:middle;
}
.hdg-company-container .airline-name{
-webkit-box-sizing:border-box;
box-sizing:border-box;
float:right;
padding-top:5px;
padding-left:15px;
width:185px;
vertical-align:middle;
font-size:15px;
line-height:1.3;
}

/* toggle-btn-company
------------------------------------------------------------ */
.toggle-btn-company{
text-align:center;
}
.toggle-btn-company .toggle-btn{
display:block;
position:relative;
border:none;
width:100%;
height:28px;
color:var(--font-color-btn-link);
background:none;
text-align:center;
font-size:12px;
line-height:28px;
}
.toggle-btn-company .toggle-btn:before{
display:inline-block;
position:relative;
top:0;
margin-right:4px;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 center;
background-repeat:no-repeat;
background-size:100%;
content:"";
vertical-align:middle;
}
.toggle-btn-company .toggle-btn span{
position:relative;
}

/* .flight-box
------------------------------------------------- */
.flight-box{
position:relative;
margin-bottom:6px;
background-color:#fff;
border-radius:3px;
}
.flight-box.toggle-container .toggle-btn{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:relative;
bottom:1px;
margin:0;
padding:5px 0 5px;
border:none;
width:100%;
color:var(--font-color-btn-link);
text-align:left;
font-size:11px;
}
.flight-box.toggle-container .toggle-btn::before{
display:inline-block;
position:relative;
top:3px;
left:1px;
margin-right:4px;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 center;
background-repeat:no-repeat;
background-size:100%;
content:"";
vertical-align:top;
}
.flight-box.toggle-container .toggle-btn span{
display:inline-block;
position:relative;
height:15px;
}
.flight-box.toggle-container.active .toggle-btn::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.flight-box.toggle-container.active .tbl-list-detail > .ticket-detail-list > li:nth-child(n+2){
display:table-row;
}
.flight-box.toggle-container .tbl-list-detail >.ticket-detail-list > li:nth-child(n+2){
display:none;
}
.flight-box.toggle-container .toggle-btn-flight{
position:relative;
}

/* tbl-list
------------------------------------------------ */
.tbl-list{
border-collapse:collapse;
width:100%;
height:100%;
table-layout:fixed;
}
.tbl-list > tbody{
height:100%;
}
.tbl-list > tbody > tr{
height:100%;
}
.tbl-list > tbody > tr > td{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0;
}

/* ticket-summary
------------------------------------------------ */
.ticket-summary{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.ticket-summary .ticket-summary-row{
letter-spacing:-.4em;
}
.ticket-summary .ticket-summary-row:first-child{
min-width:40px;
margin-right:6px;
}
.ticket-summary .ticket-summary-row:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
line-height:1.1;
padding-top:2px;
}
.ticket-summary .ticket-summary-section-sup{
letter-spacing:normal;
}
.ticket-summary .ticket-sec{
margin-right:4px;
letter-spacing:normal;
font-size:11px;
}
.ticket-summary .ticket-mark{
letter-spacing:normal;
display:block;
text-align:center;
width:40px;
font-size:11px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.ticket-summary .ticket-mark.ticket-mark-01{
background-color:#f5f5f5;
border:1px solid #aaa;
}
.ticket-summary .ticket-mark.ticket-mark-02{
border:1px solid #888;
background-color:#888;
color:#fff;
}
.ticket-summary .ticket-mark.ticket-mark-03{
border:1px solid #888;
background-color:#888;
color:#fff;
}
.ticket-summary .ticket-code{
letter-spacing:normal;
display:inline-block;
font-size:12px;
margin-right:4px;
font-family:var(--font-num);
line-height:1;
vertical-align:middle;
}
.ticket-summary .ticket-alliance{
letter-spacing:normal;
display:inline-block;
font-size:11px;
color:#666;
margin-right:4px;
vertical-align:middle;
}
.ticket-summary .icon-wifi{
margin-right:4px;
top:-1px;
}

/* airline-container
------------------------------------------------ */
.airline-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:210px;
}
.airline-container .airline-item{
margin-right:5px;
width:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.airline-container .airline-logo{
display:table-cell;
border:1px solid #ccc;
width:40px;
height:25px;
background-color:#fff;
vertical-align:middle;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.airline-container .airline-logo img{
display:table-cell;
max-width:38px;
max-height:24px;
vertical-align:top;
}
.airline-container .airline-item-add{
margin-top:6px;
}
.airline-container .airline-note{
color:#666;
font-size:11px;
margin:0;
}
.airline-container .airline-note >li{
text-indent:-1em;
margin-left:1em;
}

/* airline-date
------------------------------------------------ */
.airline-date{
width:149px;
margin-top:2px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.airline-date >li{
position:relative;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;

}
.airline-date >li:first-child .time::after{
position:absolute;
top:21px;
right:7px;
width:14px;
height:10px;
background:url(/element/j_air_on/shared/images/icon-arrow-01.svg) 0 0 no-repeat;
background-size:14px 10px;
content:"";
}
.airline-date >li .time{
display:inline-block;
font-weight:bold;
font-size:18px;
font-family:var(--font-num);
}
.airline-date >li .airport{
display:block;
font-size:11px;
}

/* agt-info-container
---------------------------------- */
.agt-info-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:4px;
gap:0 8px;
}
.agt-info-container .agt-info-name a{
text-decoration:none;
font-size:12px;
}
.agt-info-container .agt-info-name a:link,
.agt-info-container .agt-info-name a:visited,
.agt-info-container .agt-info-name a:hover,
.agt-info-container .agt-info-name a:active{
text-decoration:none;
}
.agt-info-container .agt-info-notes{
display:inline-block;
margin-right:8px;
}
.agt-info-container .agt-info-notes >li{
font-size:12px;
display:inline-block;
line-height:1;
}
.agt-info-container .agt-info-notes >li:not(:first-child)::before{
content:"/";
margin:0 4px;
}
.tbl-list .airline-vacancy{
display:block;
}
.tbl-list .airline-vacancy > span{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0 5px;
min-width:90px;
color:#555;
background-color:#f1f1f1;
text-align:center;
white-space:nowrap;
font-size:11px;
line-height:1;
}
.tbl-list .airline-vacancy > span span:before{
display:inline-block;
margin:0 3px;
content:":";
}
.tbl-list .airline-info-link{
position:absolute;
color:#666;
text-decoration:underline;
font-size:11px;
text-align:right;
display:block;
right:8px;
bottom:0;
z-index:1;
padding:5px 0;
}
.tbl-list .tbl-list-code{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:9px 8px 25px;
width:234px;
vertical-align:top;
position:relative;
}
.tbl-list .tbl-list-code .toggle-btn-flight-container{
margin:-9px -8px -24px;
padding:9px 8px 24px;
cursor:pointer;
position:relative;
}
.tbl-list .tbl-list-code .toggle-btn-flight-container:after{
display:table;
clear:both;
content:"";
}
.tbl-list .tbl-list-code .tip-item{
right:auto;
left:0;
}
.tbl-list .tbl-list-code .toggle-btn-flight{
clear:both;
position:absolute;
bottom:0;
}
.tbl-list .tbl-list-detail{
position:relative;
height:100%;
}

/* tbl-list-summary
------------------------------------------------ */
.tbl-list-summary{
margin-bottom:6px;
}
.tbl-list-summary .cmn-tip-btn{
margin-right:2px;
}
.tbl-list-summary th{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0 10px 0 0;
height:21px;
color:#555;
background-color:#ccc;
text-align:right;
font-weight:normal;
font-size:11px;
}
.tbl-list-summary th:first-child{
padding-left:8px;
border-left:none;
width:40%;
text-align:left;
font-weight:bold;
}

/* .tbl-list-detail > .ticket-detail-list
------------------------------------------------ */
.tbl-list-detail > .ticket-detail-list{
height:100%;
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.tbl-list-detail > .ticket-detail-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
position:relative;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.tbl-list-detail > .ticket-detail-list > li:first-child >.ticket-detail-item{
border-top:none;
}
.tbl-list-detail > .ticket-detail-list > li >.ticket-detail-item{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:relative;
padding:8px 6px;
border-top:2px solid #dcdcdc;
vertical-align:top;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.tbl-list-detail > .ticket-detail-list > li >.ticket-detail-item:hover{
background-color:#f2f2f2;
}
.tbl-list-detail > .ticket-detail-list .ticket-detail-item-inner{
display:table-cell;
position:relative;
width:600px;
text-align:right;
cursor:pointer;
}
.tbl-list-detail > .ticket-detail-list .ticket-add{
display:block;
position:relative;
top:3px;
margin-bottom:0;
padding:0 30px 0 20px;
color:#555;
font-size:11px;
}
.tbl-list-detail > .ticket-detail-list .ticket-add .ticket-notes{
cursor:pointer;
}
.tbl-list-detail > .ticket-detail-list .ticket-add .tip-box{
min-width:340px;
}
.tbl-list-detail > .ticket-detail-list .ticket-add .tip-item{
right:auto;
left:0;
}

/* ticket-detail-type
---------------------------------- */
.tbl-list-detail > .ticket-detail-list .ticket-detail-item-inner .ticket-detail-type{
display:block;
position:relative;
margin-right:-33px;
padding-left:67px;
padding-right:3px;
text-align:left;
font-size:11px;
line-height:1.4;
width:210px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tbl-list-detail > .ticket-detail-list .ticket-detail-item-inner .ticket-detail-type .ticket-detail-type-text{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tbl-list-detail > .ticket-detail-list .ticket-detail-item-inner .ticket-detail-type .ticket-detail-type-text .ticket-detail-type-text-ellipsis{
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.tbl-list-detail > .ticket-detail-list .ticket-detail-item-inner .ticket-detail-type .ticket-detail-type-text .ticket-type-txt-item{
white-space:nowrap;
letter-spacing:-.4em;
}
.tbl-list-detail > .ticket-detail-list .ticket-detail-item-inner .ticket-detail-type .ticket-detail-type-text .ticket-detail-type-text-etc{
white-space:nowrap;
letter-spacing:normal;
}
.tbl-list-detail > .ticket-detail-list .ticket-detail-item-inner .ticket-detail-type .ticket-detail-icon{
position:absolute;
left:0;
top:-1px;
}
.tbl-list-detail > .ticket-detail-list .ticket-detail-item-inner .ticket-detail-type .tip-item{
top:100%;
right:auto;
left:0;
}
.tbl-list-detail > .ticket-detail-list .ticket-detail-item-inner .ticket-detail-type .tip-item .tip-box{
min-width:300px;
max-width:300px;
}
.tbl-list-detail > .ticket-detail-list .ticket-price{
display:block;
position:relative;

/* padding-top: 3px; */
/* padding-left:20px; */
text-align:left;
font-size:12px;
}
.tbl-list-detail > .ticket-detail-list .ticket-price.cheapest{
color:var(--cmn-font-color-base);
}
.tbl-list-detail > .ticket-detail-list .ticket-price label{
display:block;
margin-left:-6px;
padding-top:3px;
padding-left:20px;
cursor:pointer;
}
.tbl-list-detail > .ticket-detail-list .ticket-price .icon-cheap{
display:block;
margin-bottom:2px;
}
.tbl-list-detail > .ticket-detail-list .ticket-price input[type="radio"]{
position:absolute;
top:50%;
left:-3px;
margin-top:-7px;
}
.tbl-list-detail > .ticket-detail-list .ticket-price small{
color:var(--cmn-font-color-base);
font-size:12px;
}
.tbl-list-detail > .ticket-detail-list .ticket-price b{
font-weight:bold;
font-size:20px;
font-family:var(--font-num);
line-height:1;
}
.tbl-list-detail > .ticket-detail-list .ticket-price-detail{
display:table-cell;
vertical-align:bottom;
}
.tbl-list-detail > .ticket-detail-list .ticket-price-detail::after{
content:"";
display:block;
width:30px;
}

/* ticket-price-detail-tip
---------------------------------- */
.tbl-list-detail > .ticket-detail-list .ticket-price-detail-tip{
position:relative;
display:block;
}
.tbl-list-detail > .ticket-detail-list .ticket-price-detail-tip .tip-container{
position:absolute;
top:-28px;
padding-top:22px;
z-index:1000;
background-color:rgba(255,255,255,0);
}
.tbl-list-detail > .ticket-detail-list .ticket-price-detail-tip .tip-item{
position:relative;
top:auto;
left:auto;
right:auto;
}

/* .type-depart
---------------------------------- */
.type-depart .tbl-list-detail > .ticket-detail-list .ticket-price-detail-tip .tip-container{
left:128px;
}
.type-depart .tbl-list-detail > .ticket-detail-list .ticket-price-detail-tip .tip-popup:before,
.type-depart .tbl-list-detail > .ticket-detail-list .ticket-price-detail-tip .tip-popup:after{
position:absolute;
top:-10px;
left:67px;
content:"";
}

/* .type-return
---------------------------------- */
.type-return .tbl-list-detail > .ticket-detail-list .ticket-price-detail-tip .tip-container{
right:-35px;
}
.type-return .tbl-list-detail > .ticket-detail-list .ticket-price-detail-tip .tip-popup:before,
.type-return .tbl-list-detail > .ticket-detail-list .ticket-price-detail-tip .tip-popup:after{
left:auto;
right:48px;
}

/* .type-depart > .company-box
---------------------------------- */
.type-depart .company-box .tbl-list-detail > .ticket-detail-list .ticket-price-detail-tip .tip-container{
left:118px;
right:auto;
}

/* .box-list.branch for oneway
---------------------------------- */
.type-depart.box-list.branch .tbl-list-detail > .ticket-detail-list .ticket-price-detail-tip .tip-container{
top:-40px;
left:auto;
right:-5px;
}
.type-depart.box-list.branch .tbl-list-detail > .ticket-detail-list .ticket-price-detail-tip .tip-popup:before,
.type-depart.box-list.branch .tbl-list-detail > .ticket-detail-list .ticket-price-detail-tip .tip-popup:after{
left:auto;
right:25px;
}

/* .box-list.branch for oneway company-box
---------------------------------- */
.type-depart.box-list.branch .company-box .tbl-list-detail > .ticket-detail-list .ticket-price-detail-tip .tip-container{
/* left:180px; */
left:auto;
right:0px;
}
.tbl-list-detail > .ticket-detail-list .ticket-price-detail >.tip-container{
float:right;
width:30px;
}
.tbl-list-detail > .ticket-detail-list .ticket-price-detail .tip-item{
top:22px;
left:-60px;
}
.tbl-list-detail > .ticket-detail-list .ticket-price-detail .ticket-price-btn{
display:block;
padding:1px 0 0 0;
border:1px solid #b5b5b5;
border-radius:3px;
width:30px;
height:20px;
color:var(--font-color-btn-link);
background-color:#fff;
background-color:white;
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);
font-size:11px;
}
.tbl-list-detail > .ticket-detail-list .ticket-price-notes{
display:inline-block;
position:relative;
bottom:3px;
line-height:1;
color:#666;
font-size:11px;
overflow:hidden;
vertical-align:bottom;
}
.tbl-list-detail > .ticket-detail-list .ticket-price-notes span{
font-family:var(--font-num);
}
.tbl-list-detail > .ticket-detail-list .ticket-box-done-container{
display:block;
position:relative;
padding-top:73px;
}
.tbl-list-detail > .ticket-detail-list .ticket-box-done-container .ticket-detail-item{
border-top:none;
}
.tbl-list-detail > .ticket-detail-list .ticket-box-loading-container{
display:table-cell;
position:relative;
padding-top:68px;
}
.tbl-list-detail > .ticket-detail-list .ticket-box-loading-container .ticket-detail-item{
border-top:none;
}
.tbl-list-detail > .ticket-detail-list .ticket-box-done{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:absolute;
top:0;
left:0;
z-index:1;
padding:7px 10px;
width:100%;
height:70px;
color:#fff;
}
.tbl-list-detail > .ticket-detail-list .ticket-box-done:after{
display:block;
position:absolute;
bottom:-8px;
left:50%;
margin-left:-4px;
border-top:8px solid #333;
border-right:8px solid transparent;
border-left:8px solid transparent;
content:"";
}
.tbl-list-detail > .ticket-detail-list .ticket-box-done:link,
.tbl-list-detail > .ticket-detail-list .ticket-box-done:visited,
.tbl-list-detail > .ticket-detail-list .ticket-box-done:hover,
.tbl-list-detail > .ticket-detail-list .ticket-box-done:active{
text-decoration:none;
}
.tbl-list-detail > .ticket-detail-list .ticket-box-done .ticket-box-hdg{
margin-bottom:3px;
text-align:center;
font-weight:bold;
font-size:14px;
}
.tbl-list-detail > .ticket-detail-list .ticket-box-done .ticket-box-desc{
text-align:center;
font-size:11px;
line-height:1.4;
}
.tbl-list-detail > .ticket-detail-list .ticket-box-done .ticket-box-desc > span{
display:inline-block;
}
.tbl-list-detail > .ticket-detail-list .ticket-box-done .ticket-box-desc > span:after{
display:inline-block;
margin-left:3px;
border-top:none;
border-right:5px solid transparent;
border-bottom:7px solid #fff;
border-left:5px solid transparent;
content:"";
}
.tbl-list-detail > .ticket-detail-list .ticket-box-done .ticket-box-desc > span span{
position:relative;
bottom:2px;
margin-right:6px;
padding:2px 3px 0;
background-color:#fff;
font-weight:bold;
}
.tbl-list-detail > .ticket-detail-list .ticket-box-loading{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:absolute;
top:0;
left:0;
z-index:1;
padding:7px 10px;
width:100%;
color:#fff;
background-color:#333;
}
.tbl-list-detail > .ticket-detail-list .ticket-box-loading:after{
display:block;
position:absolute;
bottom:-8px;
left:50%;
margin-left:-4px;
border-top:8px solid #333;
border-right:8px solid transparent;
border-left:8px solid transparent;
content:"";
}
.tbl-list-detail > .ticket-detail-list .ticket-box-loading .ticket-box-hdg{
margin-bottom:0;
text-align:center;
font-weight:bold;
font-size:14px;
}
.tbl-list-detail > .ticket-detail-list .ticket-box-loading .ticket-box-hdg:before{
display:inline-block;
position:relative;
top:-2px;
margin-right:7px;
width:15px;
height:15px;
background:url(/element/j_air_on/shared/images/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
content:"";
vertical-align:middle;
text-align:center;
-webkit-animation:1s linear 0s infinite loading;
animation:1s linear 0s infinite loading;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.tbl-list-detail > .ticket-detail-list .ticket-box-loading .ticket-box-desc{
text-align:center;
font-size:11px;
line-height:1.4;
}
.tbl-list-detail > .ticket-detail-list .ticket-box-loading .ticket-box-desc span{
display:inline-block;
}

/* company-list
------------------------------------------------ */
.company-list .tbl-list-code{
width:234px;
}
.company-list .flight-box{
-webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, .2);
box-shadow:0 0 2px 1px rgba(0, 0, 0, .2);
}
.company-list .search-result-info-container{
color:var(--cmn-font-color-base);
}
.company-list .search-result-info-container label{
color:var(--cmn-font-color-base);
}

/* type-depart local styles
------------------------------------------------ */
.type-depart .ticket-selected .ticket-detail-item{
background-color:#e1f3f8;
-webkit-box-shadow:0 0 0 1px #389ab3 inset;
box-shadow:0 0 0 1px #389ab3 inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:relative;
padding:8px 6px;
border-top:2px solid #dcdcdc;

/* width: 780px; */
vertical-align:top;
height:100%;
}
.type-depart .ticket-selected .ticket-detail-item:hover{
background-color:#e1f3f8 !important;
}
.type-depart .ticket-detail-list .ticket-box-desc span span{
color:#f09d03;
}
.type-depart .ticket-detail-list .ticket-box-done{
background-color:#389ab3;
}
.type-depart .ticket-detail-list .ticket-box-done:after{
border-top-color:#389ab3;
}

/* type-return local styles
------------------------------------------------ */
.type-return .ticket-selected .ticket-detail-item{
background-color:#f7efdf;
-webkit-box-shadow:0 0 0 1px #f09d03 inset;
box-shadow:0 0 0 1px #f09d03 inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
position:relative;
padding:8px 6px;
border-top:2px solid #dcdcdc;
vertical-align:top;
}
.type-return .ticket-selected .ticket-detail-item:hover{
background-color:#f7efdf !important;
}
.type-return .tbl-list-detail > .ticket-detail-list .ticket-box-desc span span{
color:#389ab3;
}
.type-return .tbl-list-detail > .ticket-detail-list .ticket-box-done{
background-color:#f09d03;
}
.type-return .tbl-list-detail > .ticket-detail-list .ticket-box-done:after{
border-top-color:#f09d03;
}
.type-return .tbl-list-detail > .ticket-detail-list .ticket-price-detail .tip-item{
right:-30px;
left:auto;
}
.type-return .tbl-list-detail > .ticket-detail-list .ticket-price-detail .tip-item.tip-popup:before,
.type-return .tbl-list-detail > .ticket-detail-list .ticket-price-detail .tip-item.tip-popup:after{
right:35px;
left:auto;
}
.type-return .tbl-list-detail > .ticket-detail-list .ticket-detail-type .tip-item{
right:0;
left:auto;
}

/* .branch
--------------------------------------------*/
.box-list.branch .hdg-company-container{
padding-right:20px;
}
.box-list.branch .hdg-company-container .toggle-btn-company-container{
margin-right:-20px;
padding-right:20px;
}
.box-list.branch .hdg-company-container .hdg-sup-notes{
display:inline-block;
}
.box-list.branch .hdg-company-container .hdg-company-cell{
width:500px;
}
.box-list.branch .hdg-company-container .hdg-company-cell .airline-name{
width:430px;
}
.box-list.branch .search-result-info-container .search-result-select{
width:277px;
}
.box-list.branch .search-result-info-container .search-result-info{
float:left;
}
.box-list.branch .search-result-info-container .search-result-info-add{
float:right;
clear:none;
padding-top:0;
}
.box-list.branch .tbl-list-detail > .ticket-detail-list .ticket-detail-item-inner{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
padding:10px 5px 10px 30px;
width:622px;
vertical-align:middle;
text-align:left;
}
.box-list.branch .tbl-list-detail > .ticket-detail-list .ticket-detail-item-inner::after{
content:"";
display:table;
clear:both;
}
.box-list.branch .tbl-list-detail > .ticket-detail-list .ticket-add{
top:-10px;
padding-right:50px;
padding-bottom:5px;
text-align:right;
}
.box-list.branch .tbl-list-code{
padding:15px 15px 25px;
width:275px;
}
.box-list.branch .tbl-list-code .toggle-btn-flight-container{
margin:-15px -15px -25px;
padding:15px 15px 25px;
}
.box-list.branch .airline-info-link{
right:55px;
}
.box-list.branch .ticket-detail-item{
padding:8px 13px 8px 6px;
}
.box-list.branch .ticket-price-detail{
display:table-cell;
width:30px;
padding-bottom:12px;
}
.box-list.branch .ticket-price-detail .tip-item{
top:50%;
right:-65px;
left:auto;
margin-top:12px;
}
.box-list.branch .ticket-price-detail .tip-item.tip-popup:before,
.box-list.branch .ticket-price-detail .tip-item.tip-popup:after{
right:71px;
left:auto;
}
.box-list.branch .ticket-detail-item-inner .ticket-detail-type{
width:392px;
vertical-align:middle;
display:inline-block;
}
.box-list.branch .ticket-detail-item-inner .ticket-detail-type .ticket-detail-type-text{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
max-width:323px;
}
.box-list.branch .ticket-detail-type .ticket-detail-icon{
top:-1px;
}
.box-list.branch .ticket-price{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
float:right;
position:static;
padding:0;
width:195px;
text-align:right;
}
.box-list.branch .ticket-price label{
display:block;
margin-left:0;
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.box-list.branch .ticket-price .icon-cheap{
display:inline-block;
margin-top:3px;
vertical-align:top;
}
.box-list.branch .ticket-price .ticket-price-notes{
display:inline-block;
width:55px;
}
.box-list.branch .ticket-price input[type="radio"]{
top:50%;
left:0;
margin-top:-8px;
padding:0;
}
.box-list.branch .form-search .time,
.box-list.branch .form-search .price{
width:36%;
}
.box-list.branch .form-search .form-search-index-ext{
margin-top:-87px;
}
.box-list.branch .form-search .vendor{
float:right;
width:62%;
}
.box-list.branch .form-search .vendor .form-search-pickey-toggle-btn-container{
border-top:none;
}
.box-list.branch .form-search .seat-class{
float:right;
clear:right;
margin-bottom:30px;
width:62%;
}
.box-list.branch .form-search .seat-class.active{
margin-bottom:0;
}
.box-list.branch .form-search .seat-class .form-search-pickey-toggle-item{
padding-bottom:0;
}
.box-list.branch .company-list .tbl-list-code{
width:260px;
}
.box-list.branch .company-list .search-result-info-container .search-result-select{
width:267px;
}

/* .modal-detail
--------------------------------------------*/
.modal-detail{
width:850px;
color:var(--cmn-font-color-base);
z-index:1000;
}
.modal-detail .cmn-modal-item{
overflow:visible;
padding-bottom:10px;
}

/* popup-notice-top
------------------------------------------------ */
.modal-detail .popup-notice-container{
position:relative;
}
.modal-detail .popup-notice-container .popup-notice-top{
display:none;
}
.modal-detail .popup-notice-container.active .popup-notice-top{
display:block;
z-index:1;
}
.modal-detail .popup-notice-top{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:55px;
right:5px;
padding:10px;
border:1px solid #aaa;
border-radius:4px;
width:250px;
background:#fff;
-webkit-box-shadow:2px 2px 3px 0 rgba(153, 153, 153, .75);
box-shadow:2px 2px 3px 0 rgba(153, 153, 153, .75);
text-align:left;
}
.modal-detail .popup-notice-top:before{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:-17px;
right:55px;
border:8px solid transparent;
border-bottom:8px solid #aaa;
content:"";
}
.modal-detail .popup-notice-top:after{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:-16px;
right:55px;
border:8px solid transparent;
border-bottom:8px solid #fff;
content:"";
}
.modal-detail .popup-notice-top .popup-notice-sup{
display:block;
font-size:12px;
}
.modal-detail .popup-notice-top .popup-notice-sup span{
color:var(--cmn-font-color-red);
}
.modal-detail .popup-notice-top > span{
display:block;
font-size:12px;
}

/* info-tip
------------------------------------------------ */
.modal-detail .tip-item .tip-box{
padding:15px 13px;
-webkit-box-shadow:2px 2px 8px rgba(0, 0, 0, .8);
box-shadow:2px 2px 8px rgba(0, 0, 0, .8);
border:1px solid #666;
border-radius:3px;
}
.modal-detail .tip-item .tip-header-info{
border-bottom:1px solid #ddd;
padding-bottom:12px;
margin-bottom:12px;
}
.modal-detail .tip-item .tip-header-info .tip-header-info-hdg{
font-size:14px;
font-weight:bold;
}
.modal-detail .tip-item .tip-header-info .tip-header-info-desc{
font-size:12px;
margin-top:0;
}
.modal-detail .tip-item .tip-header-info + .tip-hdg-container{
margin-top:15px;
}
.modal-detail .tip-item .tip-header-info .tip-header-note{
margin-top:0;
}
.modal-detail .tip-item .tip-header-info .tip-header-note > li{
text-indent:-1em;
margin-left:1em;
}
.modal-detail .tip-item .tip-header-info .tip-header-note > li em{
font-weight:bold;
}
.modal-detail .tip-item .tip-header-info .tip-header-note > li strong{
color:var(--cmn-font-color-red);
}
.modal-detail .tip-item .info-tip-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:10px;
}
.modal-detail .tip-item .info-tip-item .info-tip-item-col:first-child{
width:170px;
}
.modal-detail .tip-item .info-tip-item .info-tip-tbl{
border-collapse:collapse;
width:100%;
table-layout:fixed;
font-size:12px;
line-height:1.4;
}
.modal-detail .tip-item .info-tip-item .info-tip-tbl th{
position:relative;
width:85px;
text-align:left;
font-weight:normal;
}
.modal-detail .tip-item .info-tip-item .info-tip-tbl th.label:after{
display:inline-block;
position:absolute;
right:5px;
content:":";
}
.modal-detail .tip-item .info-tip-item .info-tip-flg{
display:inline-block;
margin:0;
}
.modal-detail .tip-item .info-tip-item .info-tip-flg li{
display:inline-block;
}
.modal-detail .tip-item .info-tip-item .info-tip-flg li.disabled{
color:#ccc;
}
.modal-detail .tip-item .info-tip-item .info-tip-flg li:not(:first-child):before{
display:inline-block;
margin-left:1px;
content:"\FF0F";
}
.modal-detail .tip-item .info-tip-item .info-tip-link{
color:#666;
font-size:12px;
white-space:nowrap;
}
.modal-detail .tip-item .info-tip-item .info-tip-link::before{
display:inline-block;
position:relative;
top:-1px;
margin-right:5px;
border-right:1px solid #686868;
border-bottom:1px solid #686868;
width:4px;
height:4px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.modal-detail .tip-item .info-tip-split{
border:none;
border-top:1px solid #ddd;
}
.modal-detail .tip-item .info-tip-notes{
margin-top:0;
}
.modal-detail .tip-item .info-tip-notes strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.modal-detail .tip-item .info-tip-notes em{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.modal-detail .tip-item .info-tip-notes li:not(:first-child){
margin-top:8px;
}
.modal-detail .tip-item .info-tip-notes li .icon-att-triangle{
display:none;
}
.modal-detail .tip-item .info-tip-notes li.info-tip-notes-indent{
padding-left:1.4em;
position:relative;
}
.modal-detail .tip-item .info-tip-notes li.info-tip-notes-indent::before{
content:"\30FB";
display:inline-block;
position:absolute;
left:0;
top:1px;
}
.modal-detail .tip-item .info-tip-notes li.info-tip-notes-indent > span:first-child{
position:absolute;
left:0;
top:1px;
}
.modal-detail .tip-item .tip-cv-btn-item{
margin-top:10px;
text-align:right;
}
.modal-detail .tip-item .tip-cv-btn-item .tip-cv-btn{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0 5px;
border:none;
border-radius:4px;
height:37px;
min-width:116px;
color:#fff;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
white-space:nowrap;
font-weight:bold;
font-size:18px;
}

/* flight-info-add
------------------------------------------------ */
.modal-detail .flight-info-add{
margin-top:-10px;
margin-bottom:10px;
}
.modal-detail .flight-info-add .flight-info-notes{
display:block;
font-size:11px;
color:#666;
}
.modal-detail .flight-info-add .flight-info-notes.indent{
text-indent:-1.4em;
margin-left:1.4em;
}
.modal-detail .flight-info-add .flight-info-notes .mark{
margin-right:.4em;
}
.modal-detail .flight-info-add .flight-info-notes em{
color:var(--cmn-font-color-red);
}
.modal-detail .flight-info-add .flight-info-notes.flight-info-notes-icon{
display:block;
position:relative;
padding-left:22px;
}
.modal-detail .flight-info-add .flight-info-notes.flight-info-notes-icon .icon-att{
position:absolute;
top:2px;
left:3px;
}
.modal-detail .flight-info-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:25px;

/* width:100%; */
}
.modal-detail .flight-info-cell{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
width:50%;
vertical-align:top;
}
.modal-detail .flight-info-cell:before{
display:table;
content:"";
}
.modal-detail .flight-info-cell:after{
display:table;
clear:both;
content:"";
}
.modal-detail .hdg-flight{
display:inline-block;
float:left;
margin-right:8px;
padding:7px 8px;
border:1px solid #bdbdbd;
vertical-align:top;
white-space:nowrap;
font-weight:bold;
font-size:12px;
}
.modal-detail .flight-info{
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:353px;
}
.modal-detail .flight-info-detail-01{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:14px;
line-height:1.1;
}
.modal-detail .flight-info-detail-01 .flight-info-code{
margin-right:8px;
}
.modal-detail .flight-info-detail-01 .flight-info-code b{
display:inline-block;
font-weight:normal;
font-size:13px;
font-family:var(--font-num);
vertical-align:middle;
margin-right:4px;
}
.modal-detail .flight-info-detail-01 .flight-info-alliance{
display:inline-block;
font-size:11px;
color:#666;
margin-right:4px;
vertical-align:middle;
position:relative;
top:-1px;
}
.modal-detail .flight-info-detail-01 .icon-wifi{
margin-right:4px;
top:-1px;
}
.modal-detail .flight-info-detail-01 .flight-info-link{
display:inline-block;
color:#666;
text-decoration:underline;
font-size:11px;
position:relative;
top:-1px;
}
.modal-detail .flight-info-detail-01 .flight-info-name{
display:inline-block;
font-size:13px;
}
.modal-detail .flight-info-detail-01 .flight-info-date{
font-weight:bold;
font-size:12px;
display:block;
margin-bottom:4px;
}
.modal-detail .flight-info-detail-01 .flight-info-date .date-num{
font-size:13px;
font-family:var(--font-num);
}
.modal-detail .flight-info-detail-02{
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:139px;
}
.modal-detail .flight-info-detail-02 [class^="flight-time-"]{
float:left;
font-size:11px;
line-height:1.1;
}
.modal-detail .flight-info-detail-02 [class^="flight-time-"] > b{
display:block;
font-size:18px;
font-family:var(--font-num);
margin-top:3px;
}
.modal-detail .flight-info-detail-02 [class^="flight-time-"] > span{
width:3em;
font-size:11px;
}
.modal-detail .flight-info-detail-02 .flight-time-01 b{
position:relative;
padding-right:25px;
}
.modal-detail .flight-info-detail-02 .flight-time-01 b:after{
display:block;
position:absolute;
right:5px;
bottom:8px;
width:15px;
height:11px;
background:url(/element/j_air_on/shared/images/icon-arrow-01.svg) 0 0 no-repeat;
background-size:100%;
content:"";
}
.modal-detail .flight-info-container .ticket-detail-type{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:353px;
clear:both;
font-size:11px;
margin-top:4px;
}
.modal-detail .flight-info-container .ticket-detail-type .ticket-detail-type-text{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.modal-detail .flight-info-container .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;
}
.modal-detail .flight-info-container .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;
}
.modal-detail .flight-info-container .ticket-detail-type .ticket-detail-type-text .ticket-type-txt-item .ticket-detail-type-text-etc{
display:inline-block;
}
.modal-detail .flight-info-container .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;
}
.modal-detail .flight-info-container .ticket-detail-type .ticket-detail-type-list >li{
white-space:nowrap;
}
.modal-detail .flight-info-container .ticket-detail-type .ticket-detail-type-list >li::before{
display:inline;
content:"/";
margin:0 3px;
}
.modal-detail .notice{
color:#666;
text-align:right;
font-size:11px;
}
.modal-detail .tbl-ticket-01{
border-collapse:collapse;
width:100%;
table-layout:fixed;
margin-bottom:-1px;
position:relative;
}
.modal-detail .tbl-ticket-01 > thead > tr > th{
padding:0 12px;
height:36px;
color:var(--cmn-font-color-base);
background-color:#f1f1f1;
font-weight:normal;
font-size:12px;
border-left:1px solid #ddd;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-detail .tbl-ticket-01 > thead > tr > th.cell-site{
width:98px;
border-left:none;
}
.modal-detail .tbl-ticket-01 > thead > tr > th.cell-seat{
width:94px;
}
.modal-detail .tbl-ticket-01 > thead > tr > th.cell-pay{
width:265px;
}
.modal-detail .tbl-ticket-01 > thead > tr > th.cell-price .ticket-sup{
display:block;
margin-top:1px;
margin-bottom:-2px;
}
.modal-detail .tbl-ticket-01 > thead > tr > th.cell-price .ticket-sup .cmn-tip-btn{
margin-top:-2px;
}
.modal-detail .tbl-ticket-01 > thead > tr > th.cell-price small{
color:var(--cmn-font-color-base);
font-size:11px;
}
.modal-detail .ticket-info{
margin-top:-5px;
padding:15px 0 10px;
}
.modal-detail .ticket-info .ticket-info-cell{
display:table;
width:100%;
table-layout:fixed;
text-align:right;
}
.modal-detail .ticket-info .ticket-sup{
display:inline-block;
margin-right:15px;
vertical-align:middle;
font-size:12px;
}
.modal-detail .ticket-info .ticket-price{
display:inline-block;
vertical-align:middle;
font-size:15px;
}
.modal-detail .ticket-info .ticket-price .icon-att{
margin-left:7px;
}
.modal-detail .ticket-info .ticket-price .price-num{
font-weight:bold;
font-size:26px;
font-family:var(--font-num);
}
.modal-detail .ticket-agt-item >.ticket-type{
display:table;
margin-top:10px;
width:100%;
table-layout:fixed;
}
.modal-detail .ticket-agt-item .ticket-type-label{
display:table-cell;
}
.modal-detail .ticket-agt-item .ticket-type-label b{
font-size:17px;
}
.modal-detail .ticket-agt-item{
margin-bottom:10px;
padding:5px 10px 0;
border:1px solid #ccc;
}
.modal-detail .agt-toggle-container.active .agt-toggle-item > tbody > tr:nth-child(n+2){
display:table-row;
}
.modal-detail .agt-toggle-container .agt-toggle-item > tbody > tr:nth-child(n+2){
display:none;
}
.modal-detail .agt-toggle-container .agt-toggle-btn{
margin:0 -10px;
}
.modal-detail .agt-toggle-container .agt-toggle-btn button{
position:relative;
padding:5px 0 5px 25px;
border:none;
width:100%;
background:none;
text-align:left;
}
.modal-detail .agt-toggle-container .agt-toggle-btn button:before{
position:absolute;
left:10px;
top:9px;
content:"";
display:block;
width:6px;
height:6px;
border-left:2px solid #999;
border-bottom:2px solid #999;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.modal-detail .agt-toggle-container.active .agt-toggle-btn button:before{
top:13px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.modal-detail .agt-toggle-container .agt-toggle-btn button > span{
color:#666;
font-size:11px;
}
.modal-detail .agt-notes{
margin:10px 0;
font-size:12px;
}
.modal-detail .agt-notes .price-rcmd{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.modal-detail .agt-notes .price-rcmd .price-rcmd-desc{
color:var(--cmn-font-color-base);
}
.modal-detail .agt-notes .price-rcmd .price-rcmd-desc em{
color:var(--cmn-font-color-red);
}
.modal-detail .agt-notes .price-rcmd .price-rcmd-desc .mod-number{
font-size:13px;
}
.modal-detail .agt-notes .price-rcmd .price-rcmd-info-note{
color:#666;
margin-left:4px;
}
.modal-detail .agt-notes .price-rcmd-link{
color:#666;
text-decoration:underline;
margin-left:12px;
}
.modal-detail .tbl-ticket-02{
border-spacing:0;
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.modal-detail .tbl-ticket-02 > tbody > tr:first-child > td{
border-top:none;
}
.modal-detail .tbl-ticket-02 > tbody > tr > td{
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #ddd;
vertical-align:top;
}
.modal-detail .tbl-ticket-02 .cell-site{
width:85px;
text-align:center;
}
.modal-detail .tbl-ticket-02 .cell-site img{
cursor:pointer;
vertical-align:middle;
}
.modal-detail .tbl-ticket-02 .cell-seat{
width:96px;
padding:10px 6px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-detail .tbl-ticket-02 .cell-pay{
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:265px;
text-align:center;
padding:10px 5px;
}
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item{
font-size:11px;
margin:4px -335px 0 -185px;
text-align:left;
width:470px;
}
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item .cmn-tip-caution-btn-icon{
margin-left:4px;
position:relative;
top:-1px;
}
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item .agt-info-item-list{
margin-right:10px;
display:inline-block;
}
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item .agt-info-item-list >li{
display:inline-block;
}
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item .agt-info-item-list >li::before{
content:"/";
display:inline-block;
margin:0 3px;
}
.modal-detail .tbl-ticket-02 .cell-pay .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;

}
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item .agt-info-item-list em{
color:var(--cmn-font-color-red);
}
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item .agt-info-item-list-note{
color:#666;
display:block;
}
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item .agt-info-item-list-note > li{
text-indent:-1em;
margin-left:1em;
}
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item .agt-info-item-list-note em{
color:var(--cmn-font-color-red);
}
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item .agt-info-item-list-note.ic-01 li{
text-indent:-15px;
padding-left:15px;
margin-left:0;
}
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item .agt-info-item-list-note.ic-01 li::before{
content:"\0203B";
margin-right:4px;
}
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item .agt-info-item-list-note.ic-01 li a:link,
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item .agt-info-item-list-note.ic-01 li a:visited,
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item .agt-info-item-list-note.ic-01 li a:hover,
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item .agt-info-item-list-note.ic-01 li a:active{
text-decoration:none;
}
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item .agt-info-item-list-note.ic-01 li strong{
font-weight:normal;
color:var(--cmn-font-color-red);
background:-webkit-gradient(linear, left top, right top, from(var(--cmn-font-color-red)), color-stop(50%, var(--cmn-font-color-red)), color-stop(50%, transparent), to(transparent)) repeat-x 0 100%;
background:linear-gradient(90deg, var(--cmn-font-color-red), var(--cmn-font-color-red) 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:6px 1px;
}
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item-remarks .agt-info-item-sup,
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item .agt-info-item-sup{
display:inline-block;
}
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item-remarks .agt-info-mark{
display:block;
margin-top:3px;
font-size:11px;
}
.modal-detail .tbl-ticket-02 .cell-pay .agt-info-item-remarks .agt-info-mark strong{
font-weight:normal;
color:var(--cmn-font-color-red);
text-decoration:underline;
}
.modal-detail .tbl-ticket-02 .cell-price{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-right:20px;
padding-left:0;
text-align:right;
font-size:13px;
}
.modal-detail .tbl-ticket-02 .cell-price .cell-price-total{
margin-bottom:7px;
}
.modal-detail .tbl-ticket-02 .cell-price .cell-price-total .cell-price-inner .cell-price-sup{
width:85px;
}
.modal-detail .tbl-ticket-02 .cell-price .cell-price-total .cell-price-inner .cell-price-number{
display:table-cell;
vertical-align:middle;
font-size:11px;
}
.modal-detail .tbl-ticket-02 .cell-price .cell-price-total .cell-price-inner .cell-price-number b{
font-weight:bold;
font-size:18px;
font-family:var(--font-num);
}
.modal-detail .tbl-ticket-02 .cell-price .cell-price-total .cell-price-inner .cell-price-mark{
display:table-cell;
width:15px;
}
.modal-detail .tbl-ticket-02 .cell-price .cell-price-inner{
display:table;
margin-bottom:3px;
width:100%;
table-layout:fixed;
}
.modal-detail .tbl-ticket-02 .cell-price .cell-price-inner .cell-price-sup{
display:table-cell;
width:90px;
vertical-align:middle;
font-size:11px;
}
.modal-detail .tbl-ticket-02 .cell-price .cell-price-inner .cell-price-number{
display:table-cell;
vertical-align:middle;
font-size:11px;
}
.modal-detail .tbl-ticket-02 .cell-price .cell-price-inner .cell-price-number b{
font-weight:normal;
font-size:15px;
font-family:var(--font-num);
}
.modal-detail .tbl-ticket-02 .cell-price .cell-price-inner .cell-price-detail{
display:table-cell;
top:2px;
width:35px;
text-align:right;
}
.modal-detail .tbl-ticket-02 .cell-price .cell-price-inner .cell-price-detail .tip-item{
top:20px;
right:-33px;
}
.modal-detail .tbl-ticket-02 .cell-price .cell-price-inner .cell-price-detail .tip-item.tip-popup:before,
.modal-detail .tbl-ticket-02 .cell-price .cell-price-inner .cell-price-detail .tip-item.tip-popup:after{
right:41px;
left:auto;
}
.modal-detail .tbl-ticket-02 .cell-price .cell-price-inner .cell-price-detail > button{
display:inline-block;
position:relative;
bottom:3px;
padding:0;
border:1px solid #b5b5b5;
border-radius:3px;
width:30px;
height:20px;
color:#666;
background-color:#fff;
background-color:white;
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:11px;
}
.modal-detail .tbl-ticket-02 .cell-price .cell-price-tag{
display:block;
margin-top:-2px;
font-size:11px;
}
.modal-detail .tbl-ticket-02 .cell-price .cell-price-notes{
display:block;
text-align:left;
width:156px;
float:right;
}
.modal-detail .tbl-ticket-02 .cell-price .cell-price-notes > span{
font-size:11px;
color:#666;
text-indent:-1em;
margin-left:1em;
display:inline-block;
}
.modal-detail .tbl-ticket-02 .cell-book{
width:120px;
text-align:center;
}
.modal-detail .tip-item.tip-item-site-info .tip-box{
min-width:534px;
}
.modal-detail .tbl-ticket-02 tbody .tbl-hdg-flight{
margin-bottom:5px;
text-align:left;
font-size:11px;
}
.modal-detail .tbl-ticket-02 .btn-book{
padding:7px 0;
border:none;
border-radius:4px;
width:120px;
color:#fff;
color:#fff;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-weight:bold;
font-weight:bold;
font-size:17px;
line-height:1.2;
cursor:pointer;
}
.modal-detail .tbl-ticket-02 .btn-book:hover{
background-color:#67a700;
}
.modal-detail .tbl-ticket-02 .btn-book > b{
display:block;
margin-bottom:-3px;
font-size:15px;
}
.modal-detail .tbl-ticket-02 .btn-book > small{
display:block;
margin-bottom:3px;
font-size:11px;
}
.modal-detail .tbl-ticket-02 .btn-book > b + small{
display:inline-block;
margin-bottom:0;
font-size:11px;
}
.modal-detail .tbl-tickzet-02 .btn-book > span{
display:inline-block;
font-size:13px;
}
.modal-detail .list-payinfo .list-type{
display:block;
clear:both;
white-space:normal;
letter-spacing:-.4em;
margin-left:-3px;
}
.modal-detail .list-payinfo .list-type > li{
display:inline-block;
position:relative;
padding-left:3px;
letter-spacing:normal;
font-size:11px;
}
.modal-detail .list-payinfo .list-type > li:not(.list-type-credit):after{
display:inline;
content:"/";
padding-left:3px;
}
.modal-detail .list-payinfo .list-type li.list-type-branch{
display:block;
}
.modal-detail .list-payinfo .list-type li.list-type-branch:after,
.modal-detail .list-payinfo .list-type li:last-child:after{
display:none;
}

/* list-seatinfo
------------------------------------------------ */
.modal-detail .list-seatinfo > li{
display:table-cell;
margin:0 auto;
width:100%;
height:46px;
padding:6px 4px 5px 4px;
border:1px solid #ccc;
color:var(--cmn-font-color-base);
font-size:11px;
line-height:1.2;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
vertical-align:middle;
}
.modal-detail .list-seatinfo > li > span:not([class^="cmn-tip-btn"]){
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;
}
.modal-detail .list-seatinfo > li > span:not([class^="cmn-tip-btn"]) > span:first-child{
white-space:nowrap;
}
.modal-detail .list-seatinfo > li > span:not([class^="cmn-tip-btn"]) > span:last-child{
width:16px;
}
.modal-detail .list-seatinfo > li > span:not([class^="cmn-tip-btn"]) sup{
position:relative;
top:1px;
font-size:13px;
vertical-align:top;
line-height:1;
}
.modal-detail .list-seatinfo > li > span:not([class^="cmn-tip-btn"]) .cmn-tip-info-btn{
position:relative;
top:0;
margin-left:4px;
line-height:1;
vertical-align:top;
}
.modal-detail .list-payinfo{
display:table;
border-collapse:separate;
border-spacing:3px 0;
}
.modal-detail .list-payinfo >li{
display:table-cell;
border:1px solid #ccc;
color:var(--cmn-font-color-base);
vertical-align:middle;
font-size:11px;
line-height:1.4;
width:85px;
height:46px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-detail .list-payinfo >li:first-child{
padding:3px 2px;
width:98px;
text-align:center;
}
.modal-detail .list-payinfo >li:last-child{
width:148px;
padding:3px 5px 2px;
text-align:left;
}
.modal-detail .list-payinfo .list-type > li{
font-size:11px;
}
.modal-detail .list-credit{
text-align:left;
font-size:0;
display:inline-block;
vertical-align:top;
}
.modal-detail .list-credit > li{
display:inline;
margin-left:2px;
}
.modal-detail .list-credit > li > img{
max-height:12px;
vertical-align:top;
}
.modal-detail .pay-notes{
display:block;
margin-top:4px;
padding:0 0 0 6px;
color:#666;
text-align:left;
font-size:0;
}
.modal-detail .pay-notes > li{
position:relative;
text-indent:-1em;
margin-left:1em;
font-size:11px;
line-height:1.4;
}
.modal-detail .pay-notes > li::before{
position:absolute;
top:0;
left:-1.4em;
content:"※";
display:inline-block;
text-indent:0;
padding-right:4px;
background-color:#fff;
}
.modal-detail .pay-notes > li > span{
display:inline-block;
text-indent:0;
margin-left:5px;
}
.modal-detail .pay-notes .pay-notes-other > ul{
display:inline;
font-size:0;
text-indent:0;
}
.modal-detail .pay-notes .pay-notes-other > ul >li{
font-size:11px;
display:inline-block;
}
.modal-detail .pay-notes .pay-notes-other > ul >li:not(:last-child)::after{
content:"/";
display:inline;
}

/* ---------------------------------------------
Bottom Fixed Area
------------------------------------------------ */
/* fix-flight-box
------------------------------------------------ */
.fix-flight-box{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:fixed;
bottom:0;
left:0;
z-index:900;
width:100%;
min-width:960px;
min-height:200px;
background-color:rgba(0, 0, 0, .8);
}
.fix-flight-box .fix-flight-inner{
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:15px auto;
width:960px;
}
.fix-flight-box .hdg-select-container{
margin-bottom:5px;
}
.fix-flight-box .hdg-select-container .hdg-select{
display:inline-block;
margin-right:5px;
color:#fff;
vertical-align:top;
font-weight:normal;
font-weight:bold;
font-size:17px;
}
.fix-flight-box .hdg-select-container .hdg-sup{
display:inline-block;
padding:2px 5px 0;
color:#fff;
vertical-align:top;
font-size:13px;
}
.fix-flight-box .hdg-select-container .hdg-sup .hdg-sup > b{
color:var(--cmn-font-color-red);
}
.fix-flight-box .select-ticket-container{
padding:15px 7px;
background-color:#fff;
}
.fix-flight-box .tbl-price-info{
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-spacing:8px 0;
border-collapse:separate;
width:100%;
height:100%;
table-layout:fixed;
}
.fix-flight-box .tbl-price-info > thead > tr > th{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:3px 10px;
border-top:1px solid #b5b5b5;
border-right:1px solid #b5b5b5;
border-left:1px solid #b5b5b5;
color:var(--cmn-font-color-base);
background-color:#f1f1f1;
text-align:left;
font-size:13px;
}
.fix-flight-box .tbl-price-info > thead > tr > th .date{
margin-left:4px;
font-weight:normal;
font-size:11px;
}
.fix-flight-box .tbl-price-info > thead > tr > th .date .date-num{
font-size:11px;
font-family:var(--font-num);
}
.fix-flight-box .tbl-price-info > tbody > tr > td{
padding:5px 10px;
color:var(--cmn-font-color-base);
text-align:center;
}
.fix-flight-box .tbl-price-info .btn-cancel-container{
position:relative;
top:0;
right:-10px;
float:right;
}
.fix-flight-box .tbl-price-info .btn-cancel-container:before{
display:block;
position:absolute;
top:5px;
left:4px;
border-radius:1px;
width:10px;
height:10px;
background-color:#666;
content:"";
}
.fix-flight-box .tbl-price-info .btn-cancel-container .btn-cancel{
padding:0 10px 0 18px;
border:none;
color:var(--font-color-btn-link);
background:none;
font-size:11px;
}
.fix-flight-box .tbl-price-info .btn-cancel-container .btn-cancel:before{
overflow:hidden;
display:block;
position:absolute;
top:8px;
left:5px;
width:8px;
height:2px;
background-color:#fff;
content:"";
-webkit-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.fix-flight-box .tbl-price-info .btn-cancel-container .btn-cancel:after{
overflow:hidden;
display:block;
position:absolute;
position:absolute;
top:2px;
left:8px;
width:2px;
height:8px;
background-color:#fff;
content:"";
-webkit-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.fix-flight-box .tbl-price-info .cell-type{
position:relative;
padding:0;
border:1px solid #b5b5b5;
border-top:none;
height:100%;
vertical-align:top;
}
.fix-flight-box .tbl-price-info .tbl-price-info-notes{
font-size:12px;
width:330px;
height:96px;
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;
}
.fix-flight-box .tbl-price-info .cell-total{
padding:5px 10px 5px 8px;
border:1px solid #b5b5b5;
border-top:none;
height:100%;
vertical-align:middle;
}
.fix-flight-box .tbl-price-info .total{
width:251px;
text-align:center;
}
.fix-flight-box .tbl-price-info .cell-btn{
padding:10px;
vertical-align:top;
}
.fix-flight-box .tbl-price-info .btn-container{
position:relative;
}
.fix-flight-box .tbl-price-info .btn-container .btn-01{
padding:4px 0;
height:35px;
min-width:206px;
font-size:14px;
}
.fix-flight-box .tbl-price-info .btn-container .btn-01 b{
font-size:18px;
}
.fix-flight-box .tbl-price-info .btn-container .btn-01 span{
position:relative;
top:2px;
font-size:17px;
}
.fix-flight-box .tbl-price-info .btn-container .btn-01 small{
font-size:14px;
}
.fix-flight-box .tbl-price-info .cell-total-btn{
padding:10px;
vertical-align:top;
}
.fix-flight-box .tbl-price-info .cell-total-btn > :first-child{
margin-top:0;
}
.fix-flight-box .tbl-price-info{
display:block;
}
.fix-flight-box .tbl-price-info .total-price-sup{
font-size:11px;
}
.fix-flight-box .tbl-price-info .total-price-sup b{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.fix-flight-box .tbl-price-info .total-price-sup-agt{
font-size:11px;
}
.fix-flight-box .tbl-price-info .total-price-sup-agt .total-price-sup-agt-list >li{
display:inline-block;
}
.fix-flight-box .tbl-price-info .total-price-sup-agt .total-price-sup-agt-list >li:first-child:not(:last-child)::after{
content:"/";
display:inline-block;
margin:0 0 0 3px;
}
.fix-flight-box .tbl-price-info .total-price-sup-agt .total-price-sup-agt-list >li >span:first-child::after{
content:":";
display:inline-block;

}
.fix-flight-box .tbl-price-info .total-price-container{
display:table;
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.fix-flight-box .tbl-price-info .total-price-container .btn-container{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
position:relative;
padding-top:10px;
padding-left:10px;
width:100px;
vertical-align:middle;
}
.fix-flight-box .tbl-price-info .total-price-container .btn-container .btn-01{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-top:13px;
width:100%;
height:52px;
min-width:auto;
min-width:initial;
}
.fix-flight-box .tbl-price-info .total-price-container .total-price-item{
text-align:right;
}
.fix-flight-box .tbl-price-info .total-price-container .total-price-item .ticket-add{
color:var(--cmn-font-color-base);
font-size:11px;
}
.fix-flight-box .tbl-price-info .total-price-container .total-price-item .ticket-add .ticket-notes{
cursor:pointer;
}
.fix-flight-box .tbl-price-info .total-price-container .total-price-item .ticket-add .tip-item{
top:20px;
bottom:auto;
left:-86px;
}
.fix-flight-box .tbl-price-info .total-price-container .total-price-item .ticket-add .tip-item .tip-box{
min-width:335px;
}
.fix-flight-box .tbl-price-info .total-price-container .total-price-item .total-price-set{
vertical-align:middle;
}
.fix-flight-box .tbl-price-info .total-price-container .total-price-item .total-price{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
padding:5px 0;
vertical-align:middle;
text-align:right;
font-size:12px;
}
.fix-flight-box .tbl-price-info .total-price-container .total-price-item .total-price > b{
font-size:22px;
font-family:var(--font-num);
}
.fix-flight-box .tbl-price-info .total-price-container .total-price-item .price-sup{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
max-width:165px;
color:var(--cmn-font-color-base);
vertical-align:middle;
text-align:right;
font-size:11px;
line-height:1.3;
}
.fix-flight-box .tbl-price-info .total-price-container .price-note{
font-size:11px;
margin:5px -5px 0 -1px;
}
.fix-flight-box .tbl-price-info .total-price-container .price-note-receipt .cmn-tip-btn{
position:relative;
top:0px;
}

/* tbl-price-info.branch for oneway
------------------------------------------------ */
.fix-flight-box .tbl-price-info.branch .ticket-detail-item >.ticket-detail-type{
display:table-cell;
position:relative;
padding-left:70px;
width:190px;
vertical-align:top;
text-align:left;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item >.ticket-detail-type .ticket-detail-icon{
position:absolute;
top:-1px;
left:0;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item .ticket-price-container{
display:table-cell;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item .ticket-price-container .ticket-price{
display:table-cell;
padding-right:20px;
width:200px;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item .ticket-price-detail{
display:table-cell;
vertical-align:bottom;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item .ticket-price-container .ticket-price .ticket-price-notes{
display:inline-block;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item .ticket-price-info{
display:block;
padding-right:50px;
text-align:right;
}
.fix-flight-box .tbl-price-info.branch .tbl-list .tip-item{
top:auto;
right:-33px;
bottom:23px;
left:auto;
}
.fix-flight-box .tbl-price-info.branch .tbl-list .tip-item.tip-popup.tip-bottom:before{
right:40px;
left:auto;
}
.fix-flight-box .tbl-price-info.branch .tbl-list .tip-item.tip-popup.tip-bottom:after{
right:40px;
left:auto;
}
.fix-flight-box .tbl-price-info.disabled .total,
.fix-flight-box .tbl-price-info.disabled .cell-total{
background-color:#d6d6d6;
}
.fix-flight-box .tbl-list{
border-collapse:collapse;
width:100%;
height:100%;
table-layout:fixed;
}
.fix-flight-box .tbl-list > tbody > tr > td{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0;
}
.fix-flight-box .tbl-list .tbl-list-code{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:8px 0 8px 5px;
width:142px;
vertical-align:top;
}
.fix-flight-box .tbl-list .tbl-list-code .tip-item{
bottom:20px;
left:-5px;
}
.fix-flight-box .tbl-list .airline-item{
padding-right:5px;
}
.fix-flight-box .tbl-list .airline-item .airline-item-col{
text-align:left;
line-height:1.3;
}
.fix-flight-box .tbl-list .airline-item .airline-item-col .airline-logo{
-webkit-box-sizing:border-box;
box-sizing:border-box;
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;
width:50px;
height:26px;
border:1px solid #ccc;
}
.fix-flight-box .tbl-list .airline-item .airline-item-col .airline-logo img{
max-width:48px;
max-height:24px;
vertical-align:middle;
}
.fix-flight-box .tbl-list .airline-code{
font-size:11px;
font-family:var(--font-num);
margin-right:4px;
display:inline-block;
vertical-align:middle;
}
.fix-flight-box .tbl-list .airline-alliance{
display:inline-block;
color:#666;
font-size:11px;
margin-right:4px;
}
.fix-flight-box .tbl-list .icon-wifi{
margin-right:4px;
top:-1px;
}
.fix-flight-box .tbl-list .airline-date{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:4px;
}
.fix-flight-box .tbl-list .airline-date li{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.fix-flight-box .tbl-list .airline-date li:first-child .time::after{
position:absolute;
right:5px;
bottom:5px;
width:12px;
height:9px;
background-image:url(/element/j_air_on/shared/images/icon-arrow-01.svg);
background-repeat:no-repeat;
background-position:0 0;
background-size:100% auto;
content:"";
}
.fix-flight-box .tbl-list .airline-date li .time{
display:block;
margin-top:3px;
padding-right:15px;
font-weight:bold;
font-size:16px;
font-family:var(--font-num);
text-align:left;
}
.fix-flight-box .tbl-list .airline-date li .airport{
display:block;
font-size:11px;
line-height:1.2;
text-align:left;
}
.fix-flight-box .tbl-list .tbl-list-detail{
position:relative;
height:100%;
vertical-align:top;
text-align:left;
}
.fix-flight-box .tbl-list .tip-item{
top:auto;
bottom:23px;
left:-33px;
}
.fix-flight-box .type-return .tbl-list .tip-item{
top:auto;
right:-33px;
bottom:23px;
left:auto;
}
.fix-flight-box .type-return .tbl-list .tip-item.tip-popup.tip-bottom:before{
right:40px;
left:auto;
}
.fix-flight-box .type-return .tbl-list .tip-item.tip-popup.tip-bottom:after{
right:40px;
left:auto;
}
.fix-flight-box .ticket-detail-item{
display:table-cell;
position:relative;
padding:8px 5px 8px 5px;
width:700px;
vertical-align:middle;
}
.fix-flight-box .ticket-detail-item .ticket-add{
display:block;
color:#555;
text-align:left;
font-size:11px;
}
.fix-flight-box .ticket-detail-item .ticket-add .ticket-notes{
cursor:pointer;
}
.fix-flight-box .ticket-detail-item .ticket-add .tip-item{
top:20px;
bottom:auto;
left:0;
}
.fix-flight-box .ticket-detail-item .ticket-add .tip-item .tip-box{
min-width:335px;
}
.fix-flight-box .ticket-detail-item .ticket-detail-type{
display:block;
margin-bottom:3px;
font-size:11px;
}
.fix-flight-box .ticket-detail-item .ticket-detail-type .ticket-detail-icon > span{
position:relative;
}
.fix-flight-box .ticket-detail-item .ticket-detail-type .ticket-detail-icon > span:last-child{
margin-right:0;
}
.fix-flight-box .ticket-detail-item .ticket-price-info .ticket-agt{
display:block;
font-size:11px;
}
.fix-flight-box .ticket-detail-item .ticket-price-info .ticket-agt span{
display:inline-block;
}
.fix-flight-box .ticket-detail-item .ticket-price-info .ticket-agt span:after{
display:inline-block;
margin:0 2px;
content:":";
}
.fix-flight-box .ticket-detail-item .ticket-price-notes{
display:inline-block;
font-size:11px;
}
.fix-flight-box .ticket-detail-item .ticket-price-notes span{
font-family:var(--font-num);
}
.fix-flight-box .ticket-detail-item .ticket-price-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
text-align:right;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.fix-flight-box .ticket-detail-item .ticket-price-container .ticket-price{
position:relative;
text-align:right;
font-size:12px;
line-height:1.1;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.fix-flight-box .ticket-detail-item .ticket-price-container .ticket-price b{
font-weight:bold;
font-size:20px;
font-family:var(--font-num);
}
.fix-flight-box .ticket-detail-item .ticket-price-detail{
width:30px;
display:block;
padding-left:5px;
}
.fix-flight-box .ticket-detail-item .ticket-price-btn{
display:inline-block;
padding:1px 0 0 0;
border:1px solid #b5b5b5;
border-radius:3px;
width:30px;
height:20px;
color:var(--font-color-btn-link);
background-color:#fff;
background-color:white;
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);
font-size:11px;
}
.fix-flight-box .link-receipt{
margin-top:5px;
font-size:11px;
}
.fix-flight-box .price-info-container{
margin:15px 10px 0;
text-align:right;
}
.fix-flight-box .price-info-container::after{
content:"";
display:table;
clear:both;
}
.fix-flight-box .price-info-container .price-info{
display:block;
margin-bottom:5px;
width:100%;
}
.fix-flight-box .price-info-container .price-info b{
font-size:13px;
}
.fix-flight-box .price-info-container .price-info .price-rcmd{
position:relative;
padding-left:22px;
text-align:left;
font-size:12px;
float:right;
}
.fix-flight-box .price-info-container .price-info .price-rcmd::before{
content:"";
display:inline-block;
position:absolute;
top:2px;
left:0;
width:14px;
height:12px;
background-image:url(/element/shared/images/icon/icon-caution-triangle-red.svg);
background-repeat:no-repeat;
background-size:100%;
}
.fix-flight-box .price-info-container .price-info .price-rcmd .price-rcmd-desc em{
color:var(--cmn-font-color-red);
}
.fix-flight-box .price-info-container .price-info .price-rcmd .price-rcmd-desc .mod-number{
font-size:13px;
}
.fix-flight-box .price-info-container .price-info .price-rcmd .price-rcmd-sup{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:4px;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.fix-flight-box .price-info-container .price-info .price-rcmd .price-rcmd-btn-container{
margin-left:10px;
}
.fix-flight-box .price-info-container .price-info .price-rcmd .price-rcmd-btn-container .price-rcmd-btn{
display:inline-block;
border-width:1px;
border-color:rgb(181, 181, 181);
border-style:solid;
border-radius:3px;
background-color:rgb(255, 255, 255);
-webkit-box-shadow:inset 0px -2px 0px 0px rgba(0, 0, 0, .3);
box-shadow:inset 0px -2px 0px 0px rgba(0, 0, 0, .3);
width:99px;
height:21px;
color:var(--font-color-btn-link);
font-size:11px;
padding:0 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
}
.fix-flight-box .price-info-container .price-info .price-rcmd .price-rcmd-btn-container .price-rcmd-btn::before{
display:inline-block;
margin-right:5px;
border-right:1px solid #555;
border-bottom:1px solid #555;
width:4px;
height:4px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.fix-flight-box .price-info-container .price-info .price-rcmd .price-rcmd-btn-container .price-rcmd-btn:link,
.fix-flight-box .price-info-container .price-info .price-rcmd .price-rcmd-btn-container .price-rcmd-btn:visited,
.fix-flight-box .price-info-container .price-info .price-rcmd .price-rcmd-btn-container .price-rcmd-btn:hover,
.fix-flight-box .price-info-container .price-info .price-rcmd .price-rcmd-btn-container .price-rcmd-btn:active{
text-decoration:none;
}
.fix-flight-box .price-info-container .price-info .price-rcmd .price-rcmd-info .price-rcmd-info-note{
color:#666;
font-size:11px;
}
.fix-flight-box .price-info-container .btn-container{
display:table-cell;
padding-right:7px;
width:90px;
vertical-align:middle;
}
.fix-flight-box .price-info-container .btn-container .btn-01{
padding:4px 0;
width:100%;
height:35px;
min-width:auto;
min-width:initial;
}
.fix-flight-box .price-info-container .btn-container .btn-01 b{
font-size:18px;
}
.fix-flight-box .price-info-container .btn-container .btn-01 span{
font-size:17px;
}
.fix-flight-box .price-info-container .btn-container .btn-01 small{
font-size:14px;
}
.fix-flight-box .popup-notice-container{
position:relative;
}
.fix-flight-box .popup-notice-container .popup-notice-top,
.fix-flight-box .popup-notice-container .popup-notice-bottom{
display:none;
}
.fix-flight-box .popup-notice-container.active .popup-notice-top,
.fix-flight-box .popup-notice-container.active .popup-notice-bottom{
display:block;
}
.fix-flight-box .popup-notice-bottom{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
bottom:40px;
left:50%;
margin-left:-166px;
padding:10px;
border:1px solid #aaa;
border-radius:4px;
width:330px;
background:#fff;
-webkit-box-shadow:2px 2px 3px 0 rgba(153, 153, 153, .75);
box-shadow:2px 2px 3px 0 rgba(153, 153, 153, .75);
text-align:left;
}
.fix-flight-box .popup-notice-bottom:before{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
bottom:-17px;
left:50%;
margin-left:-8px;
border:8px solid transparent;
border-top:8px solid #aaa;
content:"";
}
.fix-flight-box .popup-notice-bottom:after{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
bottom:-16px;
left:50%;
margin-left:-8px;
border:8px solid transparent;
border-top:8px solid #fff;
content:"";
}
.fix-flight-box .popup-notice-bottom .popup-notice-sup{
display:block;
font-size:13px;
}
.fix-flight-box .popup-notice-bottom .popup-notice-sup span{
color:var(--cmn-font-color-red);
}
.fix-flight-box .popup-notice-bottom > span{
display:block;
font-size:12px;
}
.fix-flight-box .popup-notice-top{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:71px;
right:-20px;
padding:10px;
border:1px solid #aaa;
border-radius:4px;
width:322px;
background:#fff;
-webkit-box-shadow:2px 2px 3px 0 rgba(153, 153, 153, .75);
box-shadow:2px 2px 3px 0 rgba(153, 153, 153, .75);
text-align:left;
font-size:12px;
z-index:1;
}
.fix-flight-box .popup-notice-top:before{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:-17px;
right:55px;
border:8px solid transparent;
border-bottom:8px solid #aaa;
content:"";
}
.fix-flight-box .popup-notice-top:after{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:-16px;
right:55px;
border:8px solid transparent;
border-bottom:8px solid #fff;
content:"";
}
.fix-flight-box .popup-notice-top .popup-notice-sup{
display:block;
font-size:13px;
}
.fix-flight-box .popup-notice-top .popup-notice-sup span{
color:var(--cmn-font-color-red);
}
.fix-flight-box .popup-notice-top > span{
display:block;
font-size:12px;
}

/* tbl-ticket-detail
------------------------------------------------ */
.tbl-ticket-detail{
margin-top:5px;
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.tbl-ticket-detail th,
.tbl-ticket-detail td{
padding:6px 7px 5px;
color:var(--cmn-font-color-base);
font-size:12px;
}
.tbl-ticket-detail th{
font-weight:normal;
}
.tbl-ticket-detail > thead th{
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:105px;
text-align:center;
white-space:nowrap;
background-color:#888;
color:#fff;
}
.tbl-ticket-detail > thead th:first-child{
width:150px;
}
.tbl-ticket-detail > thead th:not(:first-child){
border-left:1px solid #fff;
}
.tbl-ticket-detail > tbody th{
border-left:1px solid #c7c7c7;
border-right:1px solid #c7c7c7;
border-bottom:1px solid #c7c7c7;
text-align:left;
}
.tbl-ticket-detail > tbody td{
border-bottom:1px solid #c7c7c7;
border-right:1px solid #c7c7c7;
width:235px;
text-align:right;
}
.tbl-ticket-detail .tbl-ticket-detail-sub th,
.tbl-ticket-detail .tbl-ticket-detail-sub td{
font-weight:bold;
}
.tbl-ticket-detail .tbl-ticket-detail-total th,
.tbl-ticket-detail .tbl-ticket-detail-total td{
padding-top:9px;
padding-bottom:9px;
background-color:#efefef;
}
.tbl-ticket-detail .tbl-ticket-detail-total th{
font-weight:bold;
}
.tbl-ticket-detail .tbl-ticket-detail-total td{
font-size:12px;
}
.tbl-ticket-detail .tbl-ticket-detail-total td .mod-number{
font-weight:bold;
font-size:18px;
}
.tbl-ticket-detail .tbl-ticket-detail-total .icon-att{
margin:0 0 0 3px;
}

/* fix-flight-toggle-container
------------------------------------------------ */
.fix-flight-toggle-container .fix-flight-toggle-btn{
display:none;
}
.fix-flight-toggle-container.active .fix-flight-toggle-item{
display:block;
}

/* j_air-branch
------------------------------------------------ */
.j_air-branch .flight-box.toggle-container .tbl-list-detail > .ticket-detail-list > li:nth-child(n+2){
display:block;
}
.j_air-branch .toggle-btn-flight{
display:none;
}

/* transfer-rcmd
------------------------------------------------ */
.transfer-rcmd .transfer-rcmd-sup{
margin-bottom:5px;
}
.transfer-rcmd >:first-child{
margin-top:0;
}
.transfer-rcmd .transfer-rcmd-route >li{
margin-left:1em;
}
.transfer-rcmd .transfer-rcmd-route >li:before{
content:"・";
display:inline-block;
text-indent:-1em;
}
.transfer-rcmd .transfer-rcmd-route >li .transfer-rcmd-route-arrow{
margin:0 5px;
}

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

/* --------------------------------------------- */
/* ticket-detail-item-branch - kabuyu
/* --------------------------------------------- */
/* ticket-detail-item-branch for round
------------------------------------------------ */
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit-add{
display:block;
margin:0 -29px -5px 0;
font-size:11px;
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit-add .cmn-tip-info-btn-icon{
margin-left:2px;
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit-add .ticket-detail-unit-notes{
color:var(--cmn-font-color-base);
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit-add .ticket-detail-unit-notes b{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border:1px solid #dcdcdc;
margin:-7px -36px 3px -6px ;
padding:0 2px 0 2px;
background-color:#fff;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-shadow:0px 2px 2px -1px rgba(0, 0, 0, .2);
box-shadow:0px 2px 2px -1px rgba(0, 0, 0, .2);
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-type{
width:161px;
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit::before{
display:block;
position:absolute;
bottom:-11px;
left:35px;
border-top:10px solid #dcdcdc;
border-right:8px solid transparent;
border-left:8px solid transparent;
content:"";
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit::after{
display:block;
position:absolute;
bottom:-10px;
left:35px;
border-top:10px solid #fff;
border-right:8px solid transparent;
border-left:8px solid transparent;
content:"";
-webkit-filter:drop-shadow(0 2px 1px rgba(0,0,0,.1));
filter:drop-shadow(0 2px 1px rgba(0,0,0,.1));
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-col{
display:block;
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-col:first-child{
width:164px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:3px 2px 0 0;
border-right:1px dotted #ccc;
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-col:last-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-left:2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
white-space:nowrap;
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-price{
text-align:left;
display:block;
font-size:11px;
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-price b{
font-weight:normal;
font-size:15px;
font-family:var(--font-num);
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-price .ticket-detail-unit-price-sup{
font-size:11px;
margin-right:4px;
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-price .ticket-detail-unit-price-notes{
font-size:11px;
color:var(--cmn-font-color-base);
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-price .ticket-detail-unit-price-notes span{
font-family:var(--font-num);
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-price-fee-sup{
position:relative;
font-size:11px;
display:inline-block;
line-height:1.2;
padding-left:10px;
text-align:left;
}
.box-list:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-price-fee-sup::before{
position:absolute;
content:"+";
left:0;
top:50%;
margin-top:-5px;
display:inline-block;
}
.box-list:not(.branch) .company-list .tbl-list-detail > .ticket-detail-list .ticket-detail-type{
width:200px;
}
.box-list:not(.branch) .company-list .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-col:first-child{
width:157px;
}

/* ticket-detail-item-branch for oneway
------------------------------------------------ */
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit-add{
display:block;
margin-top:5px;
font-size:11px;
position:relative;
text-align:left;
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit-add .ticket-detail-unit-notes{
color:var(--cmn-font-color-base);
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit-add .ticket-detail-unit-notes b{
font-weight:normal;
color:var(--cmn-font-color-red);
font-size:11px;
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border:1px solid #dcdcdc;
margin:0 0 0 -6px;
padding:1px 5px;
width:386px;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
float:left;
background-color:#fff;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-shadow:0px 2px 2px -1px rgba(0, 0, 0, .2);
box-shadow:0px 2px 2px -1px rgba(0, 0, 0, .2);
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-type{
margin:0 5px 0 0;
width:156px;
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-type .ticket-detail-icon{
top:-1px;
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-type .ticket-detail-type-text{
width:89px;
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit::before{
display:block;
position:absolute;
top:50%;
margin-top:-6px;
right:-7px;
border-top:6px solid transparent;;
border-bottom:6px solid transparent;;
border-left:6px solid #ccc;
-webkit-filter:drop-shadow(0px 2px 1px rgba(0,0,0,.2));
filter:drop-shadow(0px 2px 1px rgba(0,0,0,.2));
content:"";
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit::after{
display:block;
position:absolute;
top:50%;
margin-top:-6px;
right:-6px;
border-top:6px solid transparent;;
border-bottom:6px solid transparent;;
border-left:6px solid #fff;
-webkit-filter:none;
filter:none;
content:"";
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-col{
display:block;
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-col:first-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:5px 3px 4px 0;
border-right:1px dotted #ccc;
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-col:last-child{
width:68px;
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-col .ticket-detail-unit-price-notes{
display:inline-block;
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit-price{
text-align:left;
display:table-cell;
font-size:11px;
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit-price b{
font-weight:normal;
font-size:15px;
font-family:var(--font-num);
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit-price .ticket-detail-unit-price-sup{
font-size:11px;
margin-right:4px;
position:relative;
top:-1px;
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit-price .ticket-detail-unit-price-notes{
font-size:11px;
color:var(--cmn-font-color-base);
}
.box-list.branch .ticket-detail-item-branch .ticket-detail-unit-price .ticket-detail-unit-price-notes span{
font-family:var(--font-num);
}
.box-list.branch .ticket-detail-item-branch .ticket-price-fee-sup{
position:relative;
font-size:11px;
display:inline-block;
line-height:1.2;
padding-left:10px;
text-align:left;
}
.box-list.branch .ticket-detail-item-branch .ticket-price-fee-sup::before{
position:absolute;
content:"+";
left:0;
top:50%;
margin-top:-6px;
display:inline-block;
}
.box-list.branch .ticket-detail-item-branch .ticket-price{
height:32px;
word-wrap:break-word;
}
.box-list.branch .ticket-detail-item-branch .ticket-price .ticket-detail-unit-add{
width:100%;
margin:0;
text-align:right;
}
.box-list.branch .ticket-detail-item-branch .ticket-price-detail{
padding-top:11px;
vertical-align:top;
}

/* selected modal for round
------------------------------------------------ */
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit-add{
display:block;
margin-right:-2px;
font-size:11px;
text-align:right;
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit-add .ticket-detail-unit-notes{
position:relative;
color:var(--cmn-font-color-base);
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit-add .ticket-detail-unit-notes .tip-item{
bottom:15px;
left:125px;
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit-add .ticket-detail-unit-notes b{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-price-container{
margin-left:-90px;
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-price-container .ticket-price{
display:block;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border:1px solid #dcdcdc;
margin:-6px -3px 3px -7px;
padding:0 4px;
background-color:#fff;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-shadow:0px 2px 2px -1px rgba(0, 0, 0, .2);
box-shadow:0px 2px 2px -1px rgba(0, 0, 0, .2);
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-type{
position:relative;
margin-right:0;
margin-bottom:0;
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-type .ticket-detail-icon{
display:block;
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit::before{
display:block;
position:absolute;
bottom:-8px;
left:8px;
border-top:6px solid #dcdcdc;
border-right:6px solid transparent;
border-left:6px solid transparent;
content:"";
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit::after{
display:block;
position:absolute;
bottom:-6px;
left:8px;
border-top:6px solid #fff;
border-right:6px solid transparent;
border-left:6px solid transparent;
content:"";
-webkit-filter:drop-shadow(0 2px 1px rgba(0, 0, 0, .1));
filter:drop-shadow(0 2px 1px rgba(0, 0, 0, .1));
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-col{
display:block;
width:auto;
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-col:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:5px 0 2px;
border-right:none;
border-right:1px dotted #ccc;
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-col:last-child{
width:36px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-price{
display:block;
line-height:1.2;
padding-left:39px;
font-size:11px;
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-price b{
font-size:15px;
font-weight:normal;
font-family:var(--font-num);
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-price .ticket-detail-unit-price-sup{
font-size:11px;
margin:3px 7px 0 0;
position:absolute;
left:4px;
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-price .ticket-detail-unit-price-notes{
font-size:11px;
display:block;
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-price .ticket-detail-unit-price-notes span{
font-family:var(--font-num);
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-price-fee-sup{
position:relative;
font-size:11px;
display:inline-block;
line-height:1.2;
padding-left:3px;
text-align:left;
}
.fix-flight-box .tbl-price-info:not(.branch) .ticket-detail-item-branch .ticket-detail-unit .ticket-price-fee-sup::before{
content:"+";
left:0;
top:50%;
margin-top:-7px;
display:inline-block;
}

/* selected modal for oneway
------------------------------------------------ */
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit-add{
display:block;
font-size:11px;
text-align:right;
margin-bottom:-2px;
margin-right:3px;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit-add .ticket-detail-unit-notes{
position:relative;
color:var(--cmn-font-color-base);
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit-add .ticket-detail-unit-notes .tip-item{
bottom:15px;
left:125px;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit-add .ticket-detail-unit-notes b{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-price-container{
text-align:right;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-price-container .ticket-price{
width:484px;
padding-right:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border:1px solid #dcdcdc;
margin:-6px 0 3px 316px;
padding:0 4px;
background-color:#fff;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:181px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0px 2px 2px -1px rgba(0, 0, 0, .2);
box-shadow:0px 2px 2px -1px rgba(0, 0, 0, .2);
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-type{
display:block;
padding-left:0;
width:130px;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-type .ticket-detail-icon{
display:block;
position:relative;
top:0;
margin-bottom:1px;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit::before{
display:block;
position:absolute;
bottom:-8px;
left:12px;
border-top:6px solid #dcdcdc;
border-right:6px solid transparent;
border-left:6px solid transparent;
content:"";
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit::after{
display:block;
position:absolute;
bottom:-6px;
left:12px;
border-top:6px solid #fff;
border-right:6px solid transparent;
border-left:6px solid transparent;
content:"";
-webkit-filter:drop-shadow(0 2px 1px rgba(0, 0, 0, .1));
filter:drop-shadow(0 2px 1px rgba(0, 0, 0, .1));
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-col{
display:block;
width:auto;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-col:first-child{
width:134px;
padding:5px 0 1px;
border-right:none;
border-right:1px dotted #ccc;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-col:last-child{
width:36px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-left:3px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-price{
display:block;
line-height:1.2;
padding-left:40px;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-price b{
font-size:15px;
font-weight:normal;
font-family:var(--font-num);
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-price .ticket-detail-unit-price-sup{
font-size:11px;
margin:3px 7px 0 0;
position:absolute;
left:6px;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-price .ticket-detail-unit-price-notes{
font-size:11px;
display:block;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-detail-unit-price .ticket-detail-unit-price-notes span{
font-family:var(--font-num);
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-price-fee-sup{
position:relative;
font-size:11px;
display:inline-block;
line-height:1.2;
text-align:left;
}
.fix-flight-box .tbl-price-info.branch .ticket-detail-item-branch .ticket-detail-unit .ticket-price-fee-sup::before{
content:"+";
display:inline-block;
}

/* notice-overlay
------------------------------------------------ */
.list-col{
position:relative;
}
.notice-overlay{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(255, 255, 255, .8);
z-index:2;
}
.notice-overlay .txt-notice-overlay{
margin:120px 180px 0;
padding:20px 0;
text-align:center;
font-size:18px;
font-weight:bold;
color:var(--cmn-font-color-base);
border:solid 4px #ccc;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* important-info
------------------------------------------------ */
.important-info{
margin:0 0 15px;
border:1px solid #bbb;
border-radius:4px;
color:var(--cmn-font-color-base);
background-color:#fff;
}
.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;
padding:8px 15px 8px 35px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 15px 11px no-repeat;
background-size:14px 12px;
}
.important-info .important-info-hdg h2{
text-align:left;
font-size:13px;
}
.important-info .important-info-trigger{
overflow:hidden;
display:block;
position:absolute;
top:0;
left:0;
border:none;
width:100%;
height:100%;
background:url(/element/shared/images/icon/icon-chevron-down.svg) center right 10px no-repeat transparent;
background-size:12px 12px;
text-indent:-9999px;
}
.important-info .important-info-item{
display:none;
padding:10px 15px;
font-size:12px;
}
.important-info .important-info-item > :first-child{
margin-top:0;
}
.important-info .important-info-item a{
color:#666;
text-decoration:underline;
}
.important-info .important-info-list-03 > li{
text-indent:-1em;
margin-left:1em;
}
.important-info .important-info-list-03 > li em{
color:var(--cmn-font-color-red);
}
.important-info .important-info-icon-external{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:2px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}
.important-info .important-info-hdg-01{
font-weight:normal;
margin-top:10px;
}
.important-info .important-info-text{
margin-top:10px;
}
.important-info .important-info-text .inportant-info-sup::after{
content:":";
display:inline-block;
margin:0 3px;
}

/* flight-sch
------------------------------------------------ */
.flight-sch-container{
display:inline-block;
position:relative;
}
.flight-sch-container .flight-sch{
display:inline-block;
position:relative;
top:-1px;
left:-3px;
}
.flight-sch-container .flight-sch .cmn-tip-info-btn-icon{
position:relative;
top:-1px;
margin-left:6px;
}
.flight-sch-container .flight-sch .tip-item{
left:12px;
top:11px;
cursor:default;
}

/* flight-sch-header
------------------------------------------------ */
.flight-sch-container .flight-sch-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.flight-sch-container .flight-sch-header .flight-sch-header-col{
margin-bottom:12px;
}
.flight-sch-container .flight-sch-header .flight-sch-header-col:first-child{
white-space:nowrap;
}
.flight-sch-container .flight-sch-header .flight-sch-header-col:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}
.flight-sch-container .flight-sch-header .flight-sch-total-sup{
font-size:12px;
}
.flight-sch-container .flight-sch-header .flight-sch-total-sup::after{
content:":";
display:inline-block;
}
.flight-sch-container .flight-sch-header .flight-sch-hdg{
display:inline-block;
font-size:14px;
}
.flight-sch-container .flight-sch-header .flight-sch-date{
display:inline-block;
font-size:12px;
margin-left:5px;
}

/* flight-sch-header
------------------------------------------------ */
.flight-sch-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
}
.flight-sch-list >li >div{
position:relative;
}
.flight-sch-list >li >div:first-child{
width:31px;
margin-left:8px;
margin-right:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.flight-sch-list >li >div:last-child{
padding-left:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
border-left:2px solid #898989;
}
.flight-sch-list >li >div >:first-child{
position:relative;
top:-4px;
}
.flight-sch-list >li::after{
position:absolute;
left:45px;
top:0;
content:"";
display:block;
width:6px;
height:6px;
border:2px solid #898989;
border-radius:50%;
background-color:#fff;
}
.flight-sch-list >li:last-child >div:last-child{
border-left:none;
}
.flight-sch-list >li.flight-sch-list-transit > div:last-child{
border-left:none;
}
.flight-sch-list >li.flight-sch-list-transit .flight-sch-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
margin-left:-28px;
margin-bottom:8px;
padding:3px 8px;
background-color:#f5f5f5;
}
.flight-sch-list >li.flight-sch-list-transit .flight-sch-item > div:first-child{
margin-right:0;
}
.flight-sch-list >li.flight-sch-list-transit .flight-sch-item > div:last-child{
margin-left:0;
}
.flight-sch-list >li .flight-sch-item{
padding:6px 0 14px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-left:-110px;
}
.flight-sch-list >li .flight-sch-item > div:first-child{
width:90px;
margin-right:10px;
}
.flight-sch-list >li .flight-sch-item > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-left:18px;
}
.flight-sch-list >li .flight-sch-airport{
position:relative;
display:block;
font-size:12px;
}
.flight-sch-list >li .flight-sch-airport::before{
content:"";
display:none;
}
.flight-sch-list >li .flight-sch-transit{
display:block;
font-size:12px;
}
.flight-sch-list >li .flight-sch-transit-time{
display:block;
text-align:right;
font-size:12px;
}
.flight-sch-list >li .flight-sch-code{
font-size:12px;
margin-right:4px;
}
.flight-sch-list >li .flight-sch-alliance{
font-size:12px;
margin-right:4px;
}
.flight-sch-list >li .icon-wifi{
margin-right:4px;
}
.flight-sch-list >li .flight-sch-time{
font-family:var(--font-num);
text-align:right;
display:block;
line-height:1.4;
font-size:12px;
}

/* ticket-summary-container
---------------------------------- */
.ticket-summary-container .ticket-summary-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-size:12px;
}
.ticket-summary-container .ticket-summary-item .ticket-summary-item-row:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.ticket-summary-container .ticket-summary-item .ticket-summary-item-row:nth-child(2){
position:relative;
margin-left:10px;
width:245px;
overflow:hidden;
}
.ticket-summary-container .ticket-summary-hdg{
font-size:16px;
margin-bottom:8px;
}
.ticket-summary-container .ticket-summary-card-container{
border-radius:3px;
}
.ticket-summary-container .ticket-summary-card-container .ticket-summary-card-break{
width:100%;
overflow:hidden;
border:none;
margin:0;
padding:0;
height:8px;
background-color:#ccc;
}
.ticket-summary-container .ticket-summary-card-container .ticket-summary-card-break::before{
content:"";
display:block;
width:110%;
margin-left:-5%;
height:8px;
-webkit-box-shadow:inset 0px 2px 4px 2px rgb(0 0 0 / 30%);
box-shadow:inset 0px 2px 4px 2px rgb(0 0 0 / 30%);
}
.ticket-summary-container .ticket-summary-card-container .ticket-summary-content{
padding:16px;
}
.ticket-summary-container .ticket-summary-card-container .ticket-summary-content + .ticket-summary-content{
margin-top:8px;
}
.ticket-summary-container .ticket-summary-content + .ticket-summary-content{
margin-top:12px;
}
.ticket-summary-container .ticket-type{
letter-spacing:-.4em;
vertical-align:middle;
}
.local-modal-item .ticket-summary-card-container{
margin:-20px;
padding:0;
}

/* for scroll tooltip
---------------------------------- */
.tip-item.tip-ticket-detail .tip-box.branch{
width:535px;
}
.tip-item.tip-ticket-detail .tip-box.branch .tip-box-inr{
position:relative;
overflow:hidden;
overflow-y:scroll;
max-height:337px;
margin:-15px -13px;
padding:15px 13px 15px 13px;
}
.tip-item.tip-ticket-detail .tip-box .ticket-summary-card-container{
margin:-15px -13px;
}

/* ticket-detail-type
---------------------------------- */
.ticket-summary-container .ticket-summary-item .ticket-detail-type{
display:block;
position:relative;
text-align:left;
font-size:11px;
line-height:1.4;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
width:100%;
}
.ticket-summary-container .ticket-summary-item .ticket-detail-type .ticket-detail-icon span{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:1px 3px 0;
height:18px;
font-size:11px;
color:#666;
border:1px solid #ababab;
margin-right:2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.ticket-summary-container .ticket-summary-item .ticket-detail-type .ticket-detail-type-text{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-top:4px;
}
.ticket-summary-container .ticket-summary-item .ticket-detail-type .ticket-detail-type-text .ticket-detail-type-text-ellipsis{
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.ticket-summary-container .ticket-summary-item .ticket-detail-type .ticket-detail-type-text .ticket-type-txt-item{
white-space:nowrap;
letter-spacing:-.4em;
}
.ticket-summary-container .ticket-summary-item .ticket-detail-type .ticket-detail-type-text .ticket-detail-type-text-etc{
white-space:nowrap;
letter-spacing:normal;
}

/* ticket-detail-total
---------------------------------- */
.ticket-summary-container .ticket-detail-total{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-top:4px;
}
.ticket-summary-container .ticket-detail-total .ticket-detail-total-sup{
font-size:12px;
}
.ticket-summary-container .ticket-detail-total .ticket-detail-total-sup .ticket-detail-sup-txt{
margin-left:4px;
}
.ticket-summary-container .ticket-detail-total .ticket-detail-price{
font-size:12px;
}
.ticket-summary-container .ticket-detail-total .ticket-detail-price b{
font-weight:bold;
font-size:18px;
font-family:var(--font-num);
line-height:1;
position:relative;
top:1px;
}
.ticket-summary-container .ticket-detail-total .ticket-detail-price-txt{
margin-left:4px;
}
.ticket-summary-container .ticket-detail-total .ticket-detail-price-txt >span:last-child{
left:4px;
}

/* ticket-detail-info-content
---------------------------------- */
.ticket-summary-container .ticket-detail-info-content{
padding:0px 12px 0 12px;
margin:9px 0 0;
border:1px solid #ddd;
border-radius:4px;
outline:none;
}
.ticket-summary-container .ticket-detail-info-footer-content >:first-child{
border-top:none;
padding-top:0;
}
.ticket-summary-container .ticket-dtl-info-container{
border-top:1px solid #ddd;
margin-top:-1px;
padding-top:12px;
padding-bottom:12px;
}
.ticket-summary-container .ticket-dtl-info-container.ticket-detail-info-toggle-container{
padding-bottom:0;
}
.ticket-summary-container .ticket-dtl-info-container.ticket-detail-info-toggle-container.is-active{
padding-bottom:24px;
}
.ticket-summary-container .ticket-dtl-info-container .ticket-dtl-info-header{
padding:12px 0;
margin-top:-12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.ticket-summary-container .ticket-dtl-info-container .ticket-dtl-info-hdg-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.ticket-summary-container .ticket-dtl-info-container .ticket-dtl-info-hdg-container .ticket-dtl-info-hdg{
font-size:12px;
font-weight:bold;
color:var(--cmn-font-color-base);
}
.ticket-summary-container .ticket-dtl-info-container .ticket-dtl-info-hdg-container .ticket-dtl-info-notes{
color:var(--cmn-font-color-base);
}
.ticket-summary-container .ticket-dtl-info-container .ticket-dtl-info-hdg-container .ticket-dtl-info-notes strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.ticket-summary-container .ticket-dtl-info-item a{
text-decoration:none;
}
.ticket-summary-container .ticket-dtl-info-item + .ticket-dtl-info-item{
margin-top:12px;
padding-top:12px;
border-top:1px dotted #ccc;
}
.ticket-summary-container .ticket-dtl-info-item .ticket-dtl-info-item-hdg{
font-size:12px;
margin-bottom:8px;
border:1px solid #ccc;
display:inline-block;
padding:1px 4px;
height:21px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.ticket-summary-container .ticket-dtl-info-item .ticket-dtl-info-notes strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.ticket-summary-container .ticket-dtl-info-desc{
font-size:12px;
}
.ticket-summary-container .ticket-dtl-info-desc >:first-child{
margin-top:0;
}
.ticket-summary-container .ticket-dtl-info-desc p{
margin:8px 0 0 0;
}
.ticket-summary-container .ticket-dtl-info-desc strong{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.ticket-summary-container .ticket-dtl-info-desc .ticket-dtl-info-hdg-01{
font-size:12px;
margin-top:8px;
line-height:1.42;
}
.ticket-summary-container .ticket-dtl-info-desc .ticket-dtl-info-hdg-02{
font-size:12px;
line-height:calc(17 / 12);
margin-top:8px;
font-weight:normal;
line-height:1.42;
}
.ticket-summary-container .ticket-dtl-info-desc .ticket-dtl-info-hdg-02::before,
.ticket-summary-container .ticket-dtl-info-desc .ticket-dtl-info-hdg-02::after{
content:"---";
display:inline-block;
color:#949494;
}
.ticket-summary-container .ticket-dtl-info-desc .ticket-dtl-info-hdg-02::before{
margin-right:4px;
}
.ticket-summary-container .ticket-dtl-info-desc .ticket-dtl-info-hdg-02::after{
margin-left:4px;
}
.ticket-summary-container .ticket-dtl-info-desc .ticket-dtl-info-list{
margin:0;

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

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

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

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

/* list-credit
------------------------------------------------ */
.ticket-summary-container .list-credit{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:14px;
margin-top:0;
position:relative;
top:1px;
}
.ticket-summary-container .list-credit > li img{
height:14px;
width:auto;
margin-right:2px;
}

/* ticket-detail-payment-sup
------------------------------------------------ */
.ticket-summary-container .ticket-detail-payment-sup{
display:inline-block;
vertical-align:top;
margin-right:4px;
}

/* ticket-detail-payment-guide
------------------------------------------------ */
.ticket-summary-container .ticket-detail-payment-guide{
display:inline-block;
vertical-align:middle;
color:#666;
margin-top:0;
position:relative;
top:-1px;
}

/* ticket-dtl-toggle-container
------------------------------------------------
*/
.ticket-summary-container .ticket-dtl-toggle-container .ticket-dtl-toggle-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
width:100%;
}
.ticket-summary-container .ticket-dtl-toggle-container .ticket-dtl-toggle-item{
display:none;
}
.ticket-summary-container .ticket-dtl-toggle-container .ticket-dtl-toggle-trigger{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border:none;
background:none;
font-size:12px;
padding:0 0 0 13px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-down.svg);
background-position:0 7px;
background-repeat:no-repeat;
background-size:7px 5px;
line-height:1;
white-space:nowrap;
position:relative;
margin:0;
height:19px;
color:var(--cmn-font-color-base);
}
.ticket-summary-container .ticket-dtl-toggle-container.is-active .ticket-dtl-toggle-item{
display:block;
margin-top:8px;
}
.ticket-summary-container .ticket-dtl-toggle-container.is-active .ticket-dtl-toggle-trigger{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-up.svg);
background-position:0 6px;
}

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

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

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

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

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