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

/* custom-tip-container
 custom cmn-tip-container
 bug fix iPad
---------------------------------- */
.custom-tip-container{
position:absolute;
width:370px;
padding:10px 16px;
color:var(--cmn-font-color-base);
border:1px solid #aaa;
border-radius:3px;
background-color:#fff;
-webkit-box-shadow:1px 1px 3px 0 rgb(153 153 153 / 75%);
box-shadow:1px 1px 3px 0 rgb(153 153 153 / 75%);
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:10000;
cursor:default;
}

/* fake checkbox
---------------------------------- */
.filter_Col label.is-disabled{
color:#ccc;
}
.filter_Col label.is-disabled >span{
color:#ccc;
}
.filter_Col label.is-disabled input{
opacity:.4;
}

/* for special information
---------------------------------- */
.special-info{
position:absolute;
top:16px;
left:244px;
font-size:16px;
background-color:#084385;
text-align:center;
padding:2px 8px 4px;
}
.special-info .cmn-dashed{
--cmn-dashed-font-color:#fff;
--cmn-dashed-color:#fff;
}
.special-info a{
color:#fff;
}
.special-info a:link,
.special-info a:visited,
.special-info a:hover,
.special-info a:active{
text-decoration:none;
}

/* special-info-nav
---------------------------------- */
.special-info-nav{
margin:0 0 20px;
width:760px;
float:right;
}
.special-info-nav a{
display:block;
font-weight:bold;
font-size:13px;
color:var(--cmn-font-color-base);
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 18px 11px no-repeat #fff;
background-size:14px 12px;
padding:8px 18px 8px 40px;
border:1px solid #bbb;
border-radius:4px;
height:36px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:1;
}
.special-info-nav a:link,
.special-info-nav a:visited,
.special-info-nav a:hover,
.special-info-nav a:active{
text-decoration:none;
}
.special-info-nav a::after{
content:"";
display:block;
margin-top:-5px;
position:absolute;
top:50%;
right:18px;
border-right:2px solid #999;
border-bottom:2px solid #999;
width:9px;
height:9px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* special-info-nav
---------------------------------- */
.special-info-nav-link{
margin:0 0 20px;
}
.special-info-nav-link a{
display:block;
font-size:13px;
font-weight:bold;
color:var(--cmn-font-color-base);
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 5px no-repeat #fff;
background-size:14px 12px;
padding:0 0 0 22px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.special-info-nav-link a:link,
.special-info-nav-link a:visited,
.special-info-nav-link a:hover,
.special-info-nav-link a:active{
text-decoration:none;
}

/* .modal-travel-info
---------------------------------- */
.modal-travel-info .special-info-point{
font-size:14px;
line-height:calc(21 / 14);
}
.modal-travel-info .special-info-sup{
font-size:14px;
margin:0;
}
.modal-travel-info .special-info-desc{
margin-top:8px;
}
.modal-travel-info .special-info-desc p{
margin-top:4px;
font-size:14px;
line-height:calc(21 / 14);
}
.modal-travel-info .special-info-desc p:first-child{
margin-top:0;
}
.modal-travel-info .special-info-hdg-l3{
font-size:18px;
line-height:calc(21 / 18);
}
.modal-travel-info .special-info-hdg-l4{
margin-top:24px;
font-size:16px;
display:inline-block;
vertical-align:bottom;
}
.modal-travel-info .special-info-hdg-sup{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
vertical-align:bottom;
margin-bottom:3px;
margin-left:5px;
font-size:12px;
color:var(--font-color-btn-link);
}
.modal-travel-info .special-info-hdg-sup >span{
margin-right:4px;
}
.modal-travel-info .special-info-tabs{
margin:8px -20px 16px;
padding:0 12px;
-webkit-box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
overflow:hidden;
}
.modal-travel-info .special-info-tabs .special-info-tabs-inr{
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
-ms-overflow-style:none;
scrollbar-width:none;
}
.modal-travel-info .special-info-tabs .special-info-tabs-inr::-webkit-scrollbar{
display:none;
}
.modal-travel-info .special-info-tabs .special-info-tabs-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:0;
font-size:0;
}
.modal-travel-info .special-info-tabs .special-info-tabs-list >li.is-active button::after{
background-color:#222;
}
.modal-travel-info .special-info-tabs .special-info-tabs-list >li button{
position:relative;
background:none;
border:none;
margin:0;
display:block;
padding:11px 12px 10px;
color:var(--font-color-base-secondary);
font-size:14px;
}
.modal-travel-info .special-info-tabs .special-info-tabs-list >li button::after{
position:relative;
top:5px;
content:"";
display:block;
width:100%;
height:2px;
background-color:transparent;
}
.modal-travel-info .special-info-tabs-content .special-info-status{
margin-top:12px;
}
.modal-travel-info .special-info-status{
margin-top:16px;
}
.modal-travel-info .special-info-status.branch{
margin-top:12px;
}
.modal-travel-info .special-info-status .special-info-status-list{
font-size:0;
}
.modal-travel-info .special-info-status .special-info-status-list > li{
font-size:12px;
display:inline-block;
}
.modal-travel-info .special-info-status .special-info-status-list > li:not(:first-child){
margin-left:12px;
}
.modal-travel-info .special-info-note-list{
margin-top:8px;
margin-bottom:0;
}
.modal-travel-info .special-info-note-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
line-height:calc(17 / 12);
color:var(--font-color-btn-link);
}
.modal-travel-info .special-info-note-list li:not(:first-child){
margin-top:4px;
}
.modal-travel-info .special-info-note-list li a{
color:var(--font-color-btn-link);
}
.modal-travel-info .special-info-note-list li a:link,
.modal-travel-info .special-info-note-list li a:visited,
.modal-travel-info .special-info-note-list li a:hover,
.modal-travel-info .special-info-note-list li a:active{
text-decoration:none;
}
.modal-travel-info .special-info-note-list li > span{
margin-right:4px;
}
.modal-travel-info .special-info-note-list li .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.modal-travel-info .special-info-link{
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
color:var(--font-color-btn-link);
}
.modal-travel-info .special-info-link:link,
.modal-travel-info .special-info-link:visited,
.modal-travel-info .special-info-link:hover,
.modal-travel-info .special-info-link:active{
text-decoration:none;
}
.modal-travel-info .special-info-link a{
color:var(--font-color-btn-link);
}
.modal-travel-info .special-info-link a:link,
.modal-travel-info .special-info-link a:visited,
.modal-travel-info .special-info-link a:hover,
.modal-travel-info .special-info-link a:active{
text-decoration:none;
}
.modal-travel-info .special-info-link.right{
text-align:right;
}
.modal-travel-info .special-info-icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:4px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}
.modal-travel-info .special-info-dtl-tgl .special-info-dtl-tgl-item{
display:none;
margin-bottom:12px;
}
.modal-travel-info .special-info-dtl-tgl .special-info-dtl-tgl-item >:first-child{
margin-top:0;
}
.modal-travel-info .special-info-dtl-tgl .special-info-dtl-tgl-hook{
margin:0;
padding:8px 20px 8px 0;
background:url(/element_sp/w_air/shared/images/icon-arrow-04-down-l.svg) 100% 50% no-repeat;
background-size:16px 10px;
font-weight:normal;
cursor:pointer;
font-size:14px;
border-bottom:1px solid #e5e5e5;
line-height:calc(21 / 14);
}
.modal-travel-info .special-info-dtl-tgl[aria-expanded=true] + .special-info-tbl-note-list{
margin-top:-4px;
}
.modal-travel-info .special-info-dtl-tgl[aria-expanded=true] .special-info-dtl-tgl-item{
display:block;
}
.modal-travel-info .special-info-dtl-tgl[aria-expanded=true] .special-info-dtl-tgl-hook{
background-image:url(/element_sp/w_air/shared/images/icon-arrow-04-up-l.svg);
border-bottom:none;
}
.modal-travel-info .special-info-summary-tbl{
width:100%;
border-collapse:collapse;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
margin-top:8px;
}
.modal-travel-info .special-info-summary-tbl th{
font-size:12px;
font-weight:normal;
padding:8px;
background-color:#eee;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.modal-travel-info .special-info-summary-tbl td{
font-size:12px;
padding:8px;
width:132px;
text-align:center;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.modal-travel-info .special-info-tbl{
margin-top:8px;
width:100%;
border-collapse:collapse;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
table-layout:fixed;
}
.modal-travel-info .special-info-tbl th{
font-size:12px;
font-weight:normal;
background-color:#eee;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
text-align:left;
padding:12px;
width:110px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-travel-info .special-info-tbl td{
padding:12px;
font-size:12px;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.modal-travel-info .special-info-tbl td >:first-child{
margin-top:0;
}
.modal-travel-info .special-info-tbl a{
color:var(--cmn-font-color-base);
}
.modal-travel-info .special-info-tbl a:link,
.modal-travel-info .special-info-tbl a:visited,
.modal-travel-info .special-info-tbl a:hover,
.modal-travel-info .special-info-tbl a:active{
text-decoration:none;
}
.modal-travel-info .special-info-tbl-list{
margin:4px 0 0;
}
.modal-travel-info .special-info-tbl-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
line-height:calc(17 / 12);
}
.modal-travel-info .special-info-tbl-list li:not(:first-child){
margin-top:4px;
}
.modal-travel-info .special-info-tbl-list a{
color:var(--cmn-font-color-base);
}
.modal-travel-info .special-info-tbl-list a:link,
.modal-travel-info .special-info-tbl-list a:visited,
.modal-travel-info .special-info-tbl-list a:hover,
.modal-travel-info .special-info-tbl-list a:active{
text-decoration:none;
}
.modal-travel-info .special-info-tbl-note-list{
margin:8px 0 0;
}
.modal-travel-info .special-info-tbl-note-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
line-height:calc(17 / 12);
color:var(--cmn-font-color-gray);
}
.modal-travel-info .special-info-tbl-note-list li:not(:first-child){
margin-top:4px;
}
.modal-travel-info .special-info-tbl-note-list li > div{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.modal-travel-info .special-info-tbl-note-list li > span{
margin-right:4px;
white-space:nowrap;
}
.modal-travel-info .special-info-tbl-note-list li a:link,
.modal-travel-info .special-info-tbl-note-list li a:visited,
.modal-travel-info .special-info-tbl-note-list li a:hover,
.modal-travel-info .special-info-tbl-note-list li a:active{
color:var(--cmn-font-color-gray);
text-decoration:none;
}
.modal-travel-info .special-info-tbl-note-list li .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.modal-travel-info .special-info-tbl-note-list .special-info-tbl-list{
margin-top:4px;
}

/* tip-special-info > special-info-guide
---------------------------------- */
.tip-special-info .special-info-guide{
margin-top:4px;
}
.tip-special-info .special-info-guide > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.tip-special-info .special-info-guide > li:not(:first-child){
margin-top:8px;
}
.tip-special-info .special-info-guide > li > span:first-child{
position:relative;
padding-right:25px;
}
.tip-special-info .special-info-guide > li > span:first-child::after{
position:absolute;
top:0;
right:8px;
content:":";
display:block;
}
.tip-special-info .special-info-link{
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
color:var(--font-color-btn-link);
}
.tip-special-info .special-info-link:link,
.tip-special-info .special-info-link:visited,
.tip-special-info .special-info-link:hover,
.tip-special-info .special-info-link:active{
text-decoration:none;
}
.tip-special-info .special-info-link a{
color:var(--font-color-btn-link);
}
.tip-special-info .special-info-link a:link,
.tip-special-info .special-info-link a:visited,
.tip-special-info .special-info-link a:hover,
.tip-special-info .special-info-link a:active{
text-decoration:none;
}
.tip-special-info .special-info-link.right{
text-align:right;
}
.tip-special-info .special-info-icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:4px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}

/* placeholder
------------------------------------------------ */
input::-ms-input-placeholder{
color:var(--font-color-placeholder);
}
input::-webkit-input-placeholder{
color:var(--font-color-placeholder);
}
input::-moz-placeholder{
color:var(--font-color-placeholder);
}
input:-ms-input-placeholder{
color:var(--font-color-placeholder);
}
input::placeholder{
color:var(--font-color-placeholder);
}
input:disabled::-ms-input-placeholder{
color:#ccc;
}
input:disabled::-webkit-input-placeholder{
color:#ccc;
}
input:disabled::-moz-placeholder{
color:#ccc;
}
input:disabled:-ms-input-placeholder{
color:#ccc;
}
input:disabled::placeholder{
color:#ccc;
}

/* form default
------------------------------------------------ */
button,
select{
cursor:pointer;
}
input[type="search"]{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
outline-offset:-2px;
border-radius:0;
border:1px solid #bebebe;
}
input::-webkit-search-cancel-button{
-webkit-appearance:none;
}

/* .form-custom-select
----------------------------------------------- */
.form-custom-select{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
position:relative;
padding:0;
border:1px solid #bebebe;
height:34px;
min-width:50px;
background-color:#fff;
vertical-align:top;
}
.form-custom-select:before{
display:block;
display:block;
position:absolute;
top:50%;
right:5px;
margin-top:-2px;
border-width:5px 4px 0 4px;
border-style:solid;
border-color:#666 transparent transparent transparent;
width:0;
height:0;
content:"";
}
.form-custom-select select{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:5px 16px 5px 5px;
border:none;
width:100%;
height:32px;
background-color:transparent;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.form-custom-select select:disabled{
color:#ccc;
}
.form-custom-select select option{
color:var(--cmn-font-color-base);
}
.form-custom-select select option:disabled{
color:#cccccc;
}
.form-custom-select select optgroup{
font-size:13px;
color:var(--font-color-btn-link);
font-weight:bold;
}

/* IE,Edge adjust */
.cmn-ms .form-custom-select:before{
display:none;
}
.cmn-ms .form-custom-select select{
padding:4px 4px 6px 5px;
}
.cmn-ms .form-custom-select select::-ms-expand{
display:block;
}

/* radio-custom
---------------------------------- */
.radio-custom{
font-size:14px;
}
.radio-custom .custom-inner{
position:relative;
top:-1px;
margin-left:4px;
}
.radio-custom label{
padding-left:24px;
}
.radio-custom label >span{
line-height:1;
}

/* checkbox-custom
---------------------------------- */
.checkbox-custom{
font-size:14px;
}
.checkbox-custom .custom-inner{
position:relative;
top:-1px;
margin-left:4px;
}
.checkbox-custom label{
padding-left:24px;
}
.checkbox-custom label >span{
line-height:1;
}

/* .menu-header-container
----------------------------------------------- */
.lyt-top .box-bg-img-ctrl .menu-header-container{
background-color:rgba(16, 92, 169, .6);
}
.menu-header-container{
position:relative;
padding:12px 20px 12px 20px;
color:#fff;
background-color:#287ac4;
}
.menu-header-container .menu-header{
display:block;
padding-right:710px;
text-shadow:1px 1px 1px rgba(0, 0, 0, .35);
font-size:30px;
line-height:1.25;
}
.menu-header-container .menu-header a,
.menu-header-container .menu-header a:link,
.menu-header-container .menu-header a:visited,
.menu-header-container .menu-header a:hover,
.menu-header-container .menu-header a:active{
color:#fff;
text-decoration:none;
}
.menu-header-container .menu-header-sup{
font-size:14px;
margin:8px 0;
line-height:1.45;
}

/* .menu-header-note
----------------------------------------------- */
.menu-header-container .menu-header-note{
position:absolute;
top:58px;
right:20px;
font-size:12px;
}
.menu-header-container .menu-header-note::before{
margin-right:4px;
content:"\203b";
display:inline-block;
}
.menu-header-container .menu-header-link{
position:absolute;
top:19px;
right:20px;
font-size:12px;
}
.menu-header-container .menu-header-link a,
.menu-header-container .menu-header-link:link,
.menu-header-container .menu-header-link:visited,
.menu-header-container .menu-header-link:hover,
.menu-header-container .menu-header-link:active{
color:#fff;
}
.menu-header-container .menu-header-link a:before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:.5em;
border-top:1px solid #fff;
border-right:1px solid #fff;
width:4px;
height:4px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.menu-header-container .menu-header-agt-sup{
position:absolute;
bottom:16px;
left:28px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
width:200px;
z-index:1;
}
.menu-header-container .menu-header-agt-sup .menu-header-agt-num{
display:inline-block;
margin:0 3px;
font-family:var(--font-num);
}
.menu-header-container .menu-header-agt{
position:relative;
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;
gap:0 8px;
margin-top:3px;
padding:0 10px 0 204px;
background-color:#fff;
height:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:0;
overflow:hidden;
}
.menu-header-container .menu-header-agt:after{
display:inline-block;
color:var(--cmn-font-color-base);
content:"...";
vertical-align:bottom;
font-size:16px;
}
.menu-header-container .menu-header-agt > li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:0;
height:30px;
}
.menu-header-container .menu-header-agt > li img{
vertical-align:bottom;
max-height:28px;
}
.menu-header-container .menu-header-utility{
font-size:12px;
position:absolute;
top:58px;
right:20px;
display:table;
border:1px solid rgba(255, 255, 255, .5);
}
.menu-header-container .menu-header-utility > li{
display:table-cell;
vertical-align:middle;
}
.menu-header-container .menu-header-utility > li:not(:first-child){
border-left:1px solid rgba(255, 255, 255, .5);
}
.menu-header-container .menu-header-utility > li > a{
display:block;
padding:4px 15px;
color:#fff;
}
.menu-header-container .menu-header-utility > li > a:active,
.menu-header-container .menu-header-utility > li > a:hover,
.menu-header-container .menu-header-utility > li > a:focus{
background-color:rgba(0, 0, 0, .1);
text-decoration:none;
}
.menu-header-container .menu-header-utility .history{
position:relative;
}
.menu-header-container .menu-header-utility .history-hook{
padding:0 10px;
border:none;
height:100%;
min-height:26px;
color:#fff;
background:none;
font-size:12px;
}
.menu-header-container .menu-header-utility .history-hook:active,
.menu-header-container .menu-header-utility .history-hook:hover,
.menu-header-container .menu-header-utility .history-hook:focus{
background-color:rgba(0, 0, 0, .1);
text-decoration:none;
}
.menu-header-container .menu-header-utility .history-hook .num{
display:inline-block;
}
.menu-header-container .menu-header-utility .history-hook .num b{
display:inline-block;
margin:0 5px;
font-size:16px;
}
.menu-header-container .menu-header-utility .history-item{
display:none;
position:absolute;
top:100%;
right:-1px;
z-index:10;
border:4px solid #eee;
width:280px;
background-color:#fff;
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .5);
box-shadow:0 1px 3px rgba(0, 0, 0, .5);
}
.menu-header-container .menu-header-utility .history-item.is-active{
display:block;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list{
overflow:hidden;
padding:5px 5px 7px;
background-color:#eee;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list button{
padding:0;
border:none;
color:#555;
background:none;
font-size:11px;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear{
float:left;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear button{
position:relative;
padding-left:16px;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear button:before{
overflow:hidden;
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-6px;
border-radius:2px;
width:12px;
height:12px;
background-color:#999;
content:"";
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear button > span:before{
display:block;
position:absolute;
top:50%;
left:6px;
margin:-1px 0 0 -4px;
width:8px;
height:2px;
background-color:#fff;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear button > span:after{
display:block;
position:absolute;
top:50%;
left:6px;
margin:-1px 0 0 -4px;
margin:-4px 0 0 -1px;
width:2px;
width:8px;
height:8px;
height:2px;
background-color:#fff;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .close{
float:right;
margin-top:-2px;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .close button{
overflow:hidden;
display:block;
position:relative;
width:20px;
height:20px;
color:rgba(51, 51, 51, 0);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .close button:before{
display:block;
position:absolute;
top:50%;
left:50%;
margin:-1px 0 0 -9px;
width:18px;
height:2px;
background-color:#999;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .close button:after{
display:block;
position:absolute;
top:50%;
left:50%;
margin:-1px 0 0 -9px;
margin:-9px 0 0 -1px;
width:2px;
width:18px;
height:18px;
height:2px;
background-color:#999;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.menu-header-container .menu-header-utility .history-item-list{
overflow-y:scroll;
height:250px;
}
.menu-header-container .menu-header-utility .history-item-list > li{
border-top:1px solid #eee;
}
.menu-header-container .menu-header-utility .history-item-list > li:first-child{
border-top:none;
}
.menu-header-container .menu-header-utility .history-item-list > li a{
display:block;
padding:5px 10px;
color:#555;
}
.menu-header-container .menu-header-utility .history-item-list > li a:active,
.menu-header-container .menu-header-utility .history-item-list > li a:hover,
.menu-header-container .menu-header-utility .history-item-list > li a:focus{
background-color:#f7f7f7;
text-decoration:none;
}
.menu-header-container .menu-header-utility .history-item-list > li .sup{
display:block;
color:var(--cmn-font-color-gray);
font-size:11px;
line-height:1.25;
}
.hdg-l2-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:10px;
}
.hdg-l2-container .hdg-l2{
display:inline-block;
margin-bottom:0;
}
.hdg-l2-container .hdg-l2-notes{
font-size:11px;
color:var(--font-color-btn-link);
display:inline-block;
margin-left:5px;
}
.hdg-l2-container .card-item-more{
padding-left:12px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
font-weight:bold;
margin-left:auto;
}
.hdg-l2-container .card-item-more::before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1.5px solid #666;
border-bottom:1.5px solid #666;
width:4.5px;
height:4.5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.hdg-l2{
margin-bottom:10px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:17px;
}
.hdg-l2-02{
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 -10px 25px;
padding:10px 20px;
min-height:48px;
color:#fff;
background-color:#333;
font-weight:bold;
font-size:18px;
}
.hdg-l2-03-container{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
display:block;
min-height:50px;
padding:9px 15px 5px;
color:#fff;
background-color:#666;
}
.hdg-l2-03-container .hdg-l2-03{
display:inline-table;
width:100%;
font-size:24px;
font-weight:bold;
vertical-align:middle;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.hdg-l2-03-container .hdg-l2-03 .pic{
position:relative;
display:table-cell;
padding-right:10px;
vertical-align:top;
text-align:center;
line-height:1;
}
.hdg-l2-03-container .hdg-l2-03 .pic > span{
display:table-cell;
vertical-align:middle;
}
.hdg-l2-03-container .hdg-l2-03 .pic > span > span > img{
vertical-align:middle;
}
.hdg-l2-03-container .hdg-l2-03 .txt{
display:table-cell;
vertical-align:middle;
}
.hdg-l2-03-container .hdg-l2-03 .counrty-flag{
top:1px;
width:48px;
}
.hdg-l2-03-container .hdg-l2-03 .counrty-flag > span{
width:48px;
height:31px;
background-color:#fff;
}
.hdg-l2-03-container .hdg-l2-03 .counrty-flag > span img{
max-width:48px;
max-height:31px;
vertical-align:middle;
}
.hdg-l2-03-container .hdg-l2-03 .air-logo{
top:-2px;
width:120px;
}
.hdg-l2-03-container .hdg-l2-03 .air-logo > span{
width:120px;
height:34px;
border:1px solid #ccc;
background-color:#fff;
}
.hdg-l2-03-container .hdg-l2-03 .air-logo > span img{
max-width:120px;
max-height:34px;
vertical-align:middle;
}
.hdg-l2-03-container .hdg-l2-03 .alli-logo{
top:-2px;
width:34px;
}
.hdg-l2-03-container .hdg-l2-03 .alli-logo > span{
width:34px;
height:34px;
background-color:#fff;
border:1px solid #ccc;
}
.hdg-l2-03-container .hdg-l2-03 .alli-logo > span img{
max-width:34px;
max-height:34px;
vertical-align:middle;
}
.hdg-l2-03-container .hdg-l2-03 .link-another a{
position:absolute;
top:15px;
right:10px;
color:#fff;
font-weight:normal;
font-size:13px;
}
.hdg-l2-03-container .hdg-l2-03 .link-another a:before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:5px;
border-top:1px solid #fff;
border-right:1px solid #fff;
width:4px;
height:4px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.hdg-l3{
margin-bottom:10px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
}
.hdg-l3 a,
.hdg-l3 a:link,
.hdg-l3 a:visited,
.hdg-l3 a:hover,
.hdg-l3 a:active{
color:var(--cmn-font-color-base);
}
.hdg-l3-02{
margin-bottom:10px;
padding:4px 10px;
color:var(--cmn-font-color-base);
background-color:#f3f3f3;
font-size:16px;
}
.hdg-l3-03-container{
position:relative;
margin:35px 0 19px;
padding:7px 12px;
border-bottom:solid 1px #d7d7d7;
height:36px;
background-color:#f6f6f6;
-webkit-box-sizing:border-box;
box-sizing:border-box;

}
.hdg-l3-03-container .hdg-l3-03{
margin:0;
padding:0;
display:inline-block;
border-bottom:0;
height:auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:var(--cmn-font-color-base);
font-size:17px;
vertical-align:middle;
}
.hdg-l3-03-container .hdg-l3-03-notes{
font-size:11px;
color:var(--font-color-btn-link);
display:inline-block;
margin-left:5px;
}
.hdg-l3-03-container .link-sup{
position:absolute;
top:9px;
right:12px;
text-align:right;
font-size:13px;
}
.hdg-l3-03-container .link-sup a{
color:#0b4cae;
font-weight:normal;
}
.hdg-l3-03-container .link-sup a:link,
.hdg-l3-03-container .link-sup a:visited,
.hdg-l3-03-container .link-sup a:hover,
.hdg-l3-03-container .link-sup a:active{
color:#0b4cae;
}
.hdg-l3-03{
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:35px 0 19px;
padding:7px 12px;
border-bottom:solid 1px #d7d7d7;
height:36px;
color:var(--cmn-font-color-base);
background-color:#f6f6f6;
font-size:17px;
}
.hdg-related{
margin-top:50px;
margin-bottom:5px;
padding:15px 0;
border-top:3px solid #0d3f78;
color:var(--cmn-font-color-base);
font-size:20px;
}
.txt-notice{
color:var(--cmn-font-color-red) !important;
}
.notes-01{
display:table;
color:var(--cmn-font-color-base);
font-size:12px;
}
.notes-01 span{
display:table-cell;
}

/* calendar-notes
------------------------------------------------ */
.calendar-notice{
margin-top:10px;
font-size:11px;
color:var(--font-color-btn-link);
}
.calendar-notes{
display:block;
margin-top:2px;
}
.calendar-notes a{
margin-top:3px;
font-size:11px;
}
.link-01,
.calendar-notes a{
display:inline-block;
position:relative;
padding-left:.9em;
color:var(--font-color-btn-link);
text-indent:-.9em;
line-height:1.4;
}
.link-01:link,
.calendar-notes a:link,
.link-01:visited,
.calendar-notes a:visited,
.link-01:hover,
.calendar-notes a:hover,
.link-01:active,
.calendar-notes a:active{
color:var(--font-color-btn-link);
}
.link-01:before,
.calendar-notes a:before{
display:inline-block;
position:relative;
bottom:1px;
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);
}

/* .link-jata
----------------------------------------------- */
.link-jata{
margin-bottom:5px;
}
.link-jata > a{
position:relative;
padding-left:12px;
color:var(--cmn-font-color-base);
}
.link-jata > a:before{
display:block;
position:absolute;
border-right:1px solid #555;
border-bottom:1px solid #555;
width:3px;
height:3px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.link-jata > a:before{
position:absolute;
top:6px;
left:0;
}
.link-jata > img{
vertical-align:bottom;
cursor:pointer;
}
.nav-internal{
overflow:hidden;
margin:20px 0;
}
.nav-internal > li{
display:block;
float:left;
border-left:1px solid #c9c9c9;
}
.nav-internal > li:first-child{
border-left:none;
}
.nav-internal > li a,
.nav-internal > li a:link,
.nav-internal > li a:visited,
.nav-internal > li a:hover,
.nav-internal > li a:active{
padding:0 20px;
color:var(--cmn-font-color-base);
}

/* search-item-nav
-----------------------------------------------------*/
.search-item-nav{
margin:20px 0;
}
.search-item-nav .search-item-sort{
line-height:1.25;
}
.search-item-nav .search-item-sort > li{
display:inline-block;
}
.search-item-nav .search-item-sort > li:not(:first-child){
margin-left:8px;
padding-left:12px;
border-left:1px solid #ccc;
}
.search-item-nav .search-item-sort ul{
display:inline-block;
}
.search-item-nav .search-item-sort ul:before{
display:inline-block;
content:"(";
}
.search-item-nav .search-item-sort ul:after{
display:inline-block;
content:")";
}
.search-item-nav .search-item-sort ul > li{
display:inline-block;
}
.search-item-nav .search-item-sort ul > li:not(:first-child){
margin-left:5px;
}
.search-item-nav .search-item-sort button{
padding:0;
border:none;
color:#0b41a1;
background:none;
cursor:pointer;
}
.search-item-nav .search-item-sort button[disabled]{
color:var(--cmn-font-color-base);
font-weight:bold;
cursor:default;
}
.search-item-nav .search-item-pager{
display:table;
width:100%;
line-height:1;
}
.search-item-nav .search-item-pager > .search-item-pager-inner{
display:table-cell;
width:100%;
vertical-align:middle;
text-align:right;
}
.search-item-nav .search-item-pager > .search-item-pager-inner:first-child{
padding-right:15px;
width:auto;
text-align:left;
white-space:nowrap;
}
.search-item-nav .search-item-pager .search-item-num b{
color:#de1116;
}
.search-item-nav .search-item-pager .search-item-pager-list{
text-align:right;
font-size:0;
}
.search-item-nav .search-item-pager .search-item-pager-list li{
display:inline-block;
margin-left:3px;
vertical-align:top;
text-align:center;
}
.search-item-nav .search-item-pager .search-item-pager-list li.first a,.search-item-nav .search-item-pager .search-item-pager-list li.prev a,.search-item-nav .search-item-pager .search-item-pager-list li.next a,.search-item-nav .search-item-pager .search-item-pager-list li.last a{
padding:6px 3px;
font-size:12px;
}
.search-item-nav .search-item-pager .search-item-pager-list li.page-num{
margin-left:0;
}
.search-item-nav .search-item-pager .search-item-pager-list li > a,
.search-item-nav .search-item-pager .search-item-pager-list li > b{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
padding:5px 3px;
min-width:26px;
background-color:#ececec;
font-size:14px;
font-family:var(--font-num);
}
.search-item-nav .search-item-pager .search-item-pager-list li > a{
background-color:#555;
color:#fff;
}
.search-item-nav .search-item-pager .search-item-pager-list li > a:active,
.search-item-nav .search-item-pager .search-item-pager-list li > a:hover,
.search-item-nav .search-item-pager .search-item-pager-list li > a:focus{
text-decoration:none;
}
.search-item-nav .search-item-pager .search-item-pager-list li > b{
color:#fff;
background:none;
}
.search-item-nav .search-item-pager .search-item-pager-list .ellipsis{
position:relative;
padding-left:15px;
}
.search-item-nav .search-item-pager .search-item-pager-list .ellipsis:before{
display:block;
position:absolute;
bottom:0;
left:-2px;
color:#fff;
content:"...";
font-weight:normal;
font-size:14px;
speak:none;
}

/* .nav-top
----------------------------------------------- */
.nav-top{
margin-top:10px;
text-align:right;
font-size:12px;
}
.nav-top a{
display:inline-block;
position:relative;
position:relative;
padding-left:15px;
color:#555;
}
.nav-top a:before{
display:block;
display:inline-block;
position:absolute;
top:.5em;
left:0;
margin:0;
border-width:0 5px 5px 5px;
border-style:solid;
border-color:transparent transparent #555 transparent;
width:0;
height:0;
content:"";
}

/* .notice-list-02
----------------------------------------------- */
.notice-list-02 li{
display:table;
margin-bottom:10px;
width:100%;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.notice-list-02 li > span{
display:table-cell;
}
.notice-list-02 li .notice-list-sup{
display:block;
margin-bottom:3px;
}

/* .notice-list-03
----------------------------------------------- */
.notice-list-03 li{
display:table;
width:100%;
font-size:12px;
}
.notice-list-03 li:not(:first-child){
margin-top:8px;
}
.notice-list-03 li.indent{
text-indent:-1em;
margin-left:1em;
}
.notice-list-03 li .notice-list-sup{
display:block;
margin-bottom:5px;
}

/* .list-credit
----------------------------------------------- */
.list-credit{
overflow:hidden;
}
.list-credit > li{
float:left;
margin-right:5px;
}
.list-credit > li img{
vertical-align:bottom;
}
.cmn-tip-btn{
margin:0 3px;
vertical-align:middle;
margin-top:-2px;
line-height:1;
}

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

/* .icon-required
------------------------------------------------------------------*/
.icon-required{
display:inline-block;
margin:8px 0 0 4px;
padding:1px 3px 0;
border:1px solid var(--cmn-font-color-red);
width:2em;
color:var(--cmn-font-color-red);
background-color:#fff;
vertical-align:middle;
letter-spacing:-.04em;
font-size:11px;
overflow:hidden;
}

/* icon-att
------------------------------------------------------ */
.icon-att{
position:relative;
color:var(--cmn-font-color-red);
}
.icon-att:before{
display:inline-block;
position:relative;
bottom:2px;
margin-right:2px;
border-radius:50%;
width:13px;
height:13px;
color:#fff;
background-color:var(--cmn-font-color-red);
content:"!";
vertical-align:middle;
text-align:center;
font-weight:bold;
font-size:12px;
font-family:var(--font-num);
line-height:14px;
}

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

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

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

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

/* .box-bg-img-ctrl
----------------------------------------------- */
.lyt-top .box-bg-img-ctrl{
margin:0 -10px -50px;
padding:0 10px 50px;
background:#80c8ee url(/element/w_air_on/index/images/bg-contents.jpg) 50% 0 no-repeat;

/* background:#ebf5f9 url(/element/w_air_on/index/images/bg-contents-01.jpg) 50% 0 no-repeat; */
background-size:100% auto;
}
.lyt-top .menu-header-container .menu-header-link{
top:20px;
right:134px;
}
.lyt-top .menu-header-container .menu-header-utility{
top:16px;
right:20px;
}
.lyt-top .box-bg-img-ctrl:before,
.lyt-top .box-bg-img-ctrl:after{
display:table;
content:"";
}
.lyt-top .box-bg-img-ctrl:after{
clear:both;
}
.lyt-detail .menu-header-container{
margin-bottom:20px;
}
.box-info{
padding:30px 0;
text-align:center;
font-weight:bold;
font-size:15px;
}
.box-info .info-loading:before{
display:block;
margin:0 auto 20px;
width:50px;
height:50px;
background:url("/element/shared/images/icon/ic_load_l.gif") top left no-repeat;
background-size:100%;
content:"";
}

/* .panel
----------------------------------------------- */
.panel{
margin-top:25px;
padding:15px 20px 20px;
border-top:1px solid #e1e1e1;
background-color:#fff;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .35);
box-shadow:0 1px 2px rgba(0, 0, 0, .35);
}

/* .panel-02
----------------------------------------------- */
.panel-02{
margin-bottom:20px;
}
.panel-02 p{
margin-bottom:8px;
}

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

/* .btn-01
----------------------------------------------- */
.btn-01{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
padding:7px 20px 4px;
border:none;
border-radius:4px;
height:40px;
min-width:170px;
color:#fff;
color:#fff;
background-color:var(--cmn-btn-color);
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-weight:bold;
font-weight:bold;
font-size:17px;
}
.btn-01:link,
.btn-01:visited,
.btn-01:hover,
.btn-01:active{
color:#fff;
}
.btn-01:hover,
.btn-01:active{
background-color:#67a700;
text-decoration:none;
}

/* .btn-close
----------------------------------------------- */
.btn-close{
margin-top:30px;
text-align:center;
}
.btn-close button{
position:relative;
padding:5px 10px 5px 30px;
border:none;
color:var(--font-color-btn-link);
background-color:#f6f6f6;
font-size:14px;
}
.btn-close button:before{
display:block;
position:absolute;
top:50%;
left:10px;
margin-top:-1px;
width:16px;
height:2px;
background-color:#aaa;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.btn-close button:after{
display:block;
position:absolute;
top:50%;
left:17px;
margin-top:-8px;
width:2px;
height:16px;
background-color:#aaa;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* local tooltip styles
------------------------------------------------ */
.cmn-tip-box .tip-hdg{
margin-top:10px;
font-weight:bold;
}
.cmn-tip-box .tip-hdg +p{
margin-top:0;
}
.cmn-tip-box .tip-notes{
color:var(--cmn-font-color-red);
font-size:11px;
}
.cmn-tip-box .tip-split{
margin:10px 0;
border:none;
border-top:1px #aaa dotted;
}
.cmn-tip-box .tip-list{
margin-top:10px;
}
.cmn-tip-box .tip-list li{
margin-left:1em;
}
.cmn-tip-box .tip-list li:not(:first-child){
margin-top:10px;
}
.cmn-tip-box .tip-list li::before{
text-indent:-1em;
content:"\30FB";
display:inline-block;
}
.cmn-tip-box .tip-list-num{
margin:10px 0 0 15px;
}
.cmn-tip-box .tip-list-num li{
list-style-type:decimal;
}
.cmn-tip-box .tip-example{
text-indent:-2em;
margin-left:2em;
font-size:11px;
}
.cmn-tip-box .tip-example .tip-example-img{
text-indent:0;
margin-left:0;
vertical-align:middle;
line-height:1;
}
.cmn-tip-box .tip-example .tip-example-img span{
display:table-cell;
vertical-align:middle;
text-align:center;
width:40px;
}
.cmn-tip-box .tip-example .tip-example-img span img{
vertical-align:middle;
max-width:30px;
max-height:15px;
}
.cmn-tip-box .tip-route{
margin:-5px 10px 20px 20px;
}
.cmn-tip-box .tip-route li{
margin-top:10px;
}
.cmn-tip-box .tip-route .tip-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.cmn-tip-box .tip-route .tip-item .tip-area{
padding:5px 3px;
border:1px solid #ccc;
}
.cmn-tip-box .tip-route .tip-item .tip-mid{
position:relative;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin:0 7px;
}
.cmn-tip-box .tip-route .tip-item .tip-mid >div{
position:relative;
height:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;

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

}
.cmn-tip-box .tip-notes-02{
text-indent:-1em;
margin-left:1em;
color:var(--cmn-font-color-gray);
font-size:11px;
margin-top:5px;
margin-bottom:5px;
}
.cmn-tip-box .tip-notes-02 a{
text-decoration:none;
}
.cmn-tip-box .tip-notes-02 .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.cmn-tip-box .tip-block{
margin-bottom:7px;
padding-bottom:7px;
border-bottom:1px solid #e5e5e5;
}
.cmn-tip-box .tip-block p{
margin-top:0;
}
.cmn-tip-box .tip-list-02{
margin-top:8px;
}
.cmn-tip-box .tip-list-02 li{
margin-left:1.3em;
text-indent:-1.3em;
margin-right:8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-top:8px;
}
.cmn-tip-box .tip-list-02 li::before{
content:"\30FB";
}
.cmn-tip-box .tip-note-list{
color:var(--cmn-font-color-gray);
margin-top:4px;
margin-left:1.3em;
text-indent:-1.3em;
}
.cmn-tip-box .tip-note-list .mark{
margin-right:4px;
}
.cmn-tip-box .tip-note-list-02{
color:var(--cmn-font-color-gray);
text-align:right;
margin-top:4px;
margin-left:1.3em;
text-indent:-1.3em;
}
.cmn-tip-box .tip-note-list-02 .mark{
margin-right:4px;
}
.cmn-tip-box .tip-link-02{
text-align:right;
margin-top:16px;
}
.cmn-tip-box .tip-link-02 a{
text-decoration:none;
position:relative;
padding-left:12px;
color:var(--font-color-btn-link);
}
.cmn-tip-box .tip-link-02 a:before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.cmn-tip-box >:first-child{
margin-top:0;
}

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

}
.icon-tip-info:active,
.icon-tip-info:hover,
.icon-tip-info:focus{
background-image:url(/element/shared/images/icon/icon-tip-info-disabled.svg);
}
.cmn-tip-box .tip-cols{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:10px;
}
.cmn-tip-box .tip-tbl{
margin-top:10px;
border:1px solid #ccc;
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.cmn-tip-box .tip-tbl th{
width:75px;
background-color:#f5f5f5;
text-align:left;
font-weight:normal;
font-size:12px;
}
.cmn-tip-box .tip-tbl th,
.cmn-tip-box .tip-tbl td{
padding:7px 10px;
}
.cmn-tip-box .tip-open{
margin-top:10px;
}
.cmn-tip-box .tip-open em{
color:var(--cmn-font-color-red);
font-weight:normal;
font-size:11px;
}
.cmn-tip-box .tip-open .desti-01{
display:inline-block;
padding:2px 3px;
background-color:#fefbd4;
}
.cmn-tip-box .tip-open .desti-02{
display:inline-block;
padding:2px 3px;
background-color:#dcf6fe;
}
.cmn-tip-box .tip-open .ico-example{
display:inline-block;
margin-right:7px;
border:1px solid #b5b5b5;
width:18px;
height:18px;
vertical-align:middle;
text-align:center;
line-height:19px;
}
.cmn-tip-box .tip-open .ico-air,
.cmn-tip-box .tip-open .ico-car{
display:inline-block;
position:relative;
margin:0 5px;
width:40px;
height:20px;
background:url(/element/w_air_on/shared/images/sprite-pop-01.png) top left no-repeat;
vertical-align:middle;
text-indent:-9999px;
}
.cmn-tip-box .tip-open .ico-air{
background-position:0 0;
}
.cmn-tip-box .tip-open .ico-car{
height:30px;
background-position:0 -43px;
vertical-align:top;
}
.cmn-tip-box .tip-open .ico-car em{
display:inline-block;
position:absolute;
bottom:-1px;
left:-14px;
width:6em;
text-indent:0;
}

/* modal_content
------------------------------------------------------------------------*/
.cmn-modal-layer.cmn-modal-layer-tranparent{
background-color:transparent;
}
.cmn-modal-select{
top:0;
}
.cmn-modal-item + .cmn-modal-item{
margin-top:10px;
}

/* agentModal_Block
-----------------------------------------------------*/
.modal-list{
padding:0;
width:753px;
background:none;
}
.modal-list .cmn-modal-item{
overflow:visible;
padding:0;
background:none;
}

/* modal-searching
------------------------------------------------ */
.modal-searching{
padding:0;
width:680px;
background-color:transparent;
}
.modal-searching .cmn-modal-item{
padding:8px 8px 40px;
}

/* .modal-searching-box
----------------------------------------------- */
.modal-searching .modal-searching-box{
margin-bottom:20px;
padding:15px;
background-color:#f5f5f5;
text-align:center;
}

/* .modal-searching-catch
----------------------------------------------- */
.modal-searching .modal-searching-catch{
margin:25px 0 10px;
font-size:18px;
font-weight:bold;
color:var(--cmn-font-color-base);
text-align:center;
}

/* .modal-searching-sup
----------------------------------------------- */
.modal-searching .modal-searching-sup{
margin:20px 0;
font-size:12px;
text-align:center;
}

/* .modal-searching-list
----------------------------------------------- */
.modal-searching .modal-searching-list{
margin:0 auto;
display:table;
font-size:14px;
}
.modal-searching .modal-searching-list > li{
margin-top:3px;
display:table;
width:100%;
}
.modal-searching .modal-searching-list > li:first-child{
margin-top:0;
}
.modal-searching .modal-searching-list > li > div{
display:table-cell;
vertical-align:top;
text-align:left;
}
.modal-searching .modal-searching-list > li > div:first-child{
padding-right:20px;
width:3em;
color:#555;
position:relative;
font-size:13px;
}
.modal-searching .modal-searching-list > li > div:first-child:after{
content:":";
display:block;
position:absolute;
top:0;
right:10px;
}

/* .modal-searching-list-via
----------------------------------------------- */
.modal-searching .modal-searching-list-via > li{
margin-right:12px;
display:inline-block;
padding-left:30px;
position:relative;
}
.modal-searching .modal-searching-list-via > li::before{
position:absolute;
content:"";
display:block;
background-color:#8d8c8c;
width:12px;
height:2px;
left:0;
top:8px;
}
.modal-searching .modal-searching-list-via > li::after{
position:absolute;
content:"";
display:block;
border-left:6px solid #8d8c8c;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
left:12px;
top:5px;
}
.modal-searching .modal-searching-list-via > li:last-child{
margin-right:0;
}
.modal-searching .modal-searching-list-via > li:first-child{
padding-left:0;
}
.modal-searching .modal-searching-list-via > li:first-child::before,
.modal-searching .modal-searching-list-via > li:first-child::after{
display:none;
}

/* .modal-searching-spinner
----------------------------------------------- */
.modal-searching .modal-searching-spinner{
margin:30px 0 15px;
color:var(--cmn-font-color-gray);
font-size:11px;
text-align:center;
}
.modal-searching .modal-searching-spinner > span{
margin:10px auto 0;
padding-top:60px;
color:var(--cmn-font-color-base);
display:block;
width:400px;
text-align:center;
font-weight:bold;
font-size:24px;
background:url(/element/shared/images/icon/ic_load_l.gif) 50% 0 no-repeat;
}

/* .modal-searching-agt
----------------------------------------------- */
.modal-searching .modal-searching-agt{
font-size:12px;
text-align:center;
}
.modal-searching .modal-searching-agt > li{
margin-top:4px;
}
.modal-searching .modal-searching-agt-sup{
margin-top:4px;
font-size:12px;
text-align:center;
}
.modal-search-open{
width:560px;
}
.modal-search-open .agentModal_Block{
width:380px;
}
.modal-map .cmn-modal-select{
width:750px;
}
.modal-map .modal-map-box .map-box{
float:left;
width:435px;
height:314px;
}
.modal-map .modal-map-box .aiport-box{
float:right;
width:300px;
text-align:left;
font-size:14px;
}
.modal-map .modal-map-box .aiport-box .airport{
position:relative;
padding:10px 0 10px 40px;
width:220px;
vertical-align:middle;
}
.modal-map .modal-map-box .aiport-box .airport:before{
display:block;
position:absolute;
top:0;
left:0;
width:30px;
height:35px;
background:url(/element/w_air_on/shared/images/sprite-airport.png) no-repeat;
background-position:0 0;
content:"";
}
.modal-map .modal-map-box .aiport-box .airport span{
font-size:13px;
}
.modal-map .modal-map-box .aiport-box .airport a{
display:inline-block;
margin-right:5px;
color:#0b41a1;
}
.modal-map .modal-map-box .aiport-box .hdg-list{
margin-top:30px;
margin-bottom:12px;
padding:2px 5px;
background:#eee;
font-size:12px;
}
.modal-map .modal-map-box .aiport-box li{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
margin-bottom:8px;
padding:10px 0 15px 40px;
border-bottom:1px dotted #c9c9c9;
width:260px;
vertical-align:middle;
}
.modal-map .modal-map-box .aiport-box li a{
display:inline-block;
margin-right:5px;
color:#0b41a1;
}
.modal-map .modal-map-box .aiport-box li:before{
display:block;
position:absolute;
top:0;
left:0;
width:30px;
height:35px;
background:url(/element/w_air_on/shared/images/sprite-airport.png) no-repeat;
content:"";
}
.modal-map .modal-map-box .aiport-box li.airport-02:before{
background-position:0 -40px;
}
.modal-map .modal-map-box .aiport-box li.airport-03:before{
background-position:0 -80px;
}
.modal-map .modal-map-box .aiport-box li.airport-04:before{
background-position:0 -120px;
}
.modal-map .modal-map-box .aiport-box li.airport-05:before{
background-position:0 -160px;
}
.modal-sns{
width:440px;
min-width:auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:var(--cmn-font-color-base);
}
.modal-sns .hdg-modal{
padding:3px 5px;
background:#f1f1f1;
font-weight:bold;
font-size:15px;
}
.modal-sns .sns-list{
display:table;
margin:40px 0 20px;
width:100%;
}
.modal-sns .sns-list li{
display:table-cell;
}
.modal-sns .sns-list a{
display:block;
padding-top:60px;
color:var(--font-color-btn-link);
text-align:center;
}
.modal-sns .sns-list a:before{
display:block;
margin:-60px auto 0 auto;
width:51px;
height:50px;
background:url(/element/shared/images/sprite/sprite-sns.svg) no-repeat;
content:"";
}
.modal-sns .sns-list a.twitter:before{
background-position:0 -100px;
}
.modal-sns .sns-list a.facebook:before{
background-position:0 0;
}
.modal-sns .sns-list a.googleplus:before{
background-position:0 -150px;
}
.modal-hotel{
width:680px;
}
.modal-hotel .cmn-modal-item{
padding:0;
}
.modal-hotel .wbHeader{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
padding:15px 25px 10px 75px;
min-height:75px;
background-color:#e9e9e9;
line-height:1.2;
}
.modal-hotel .wbHeader:before{
display:block;
position:absolute;
top:50%;
left:28px;
margin-top:-19px;
width:38px;
height:38px;
background-image:url(/element/w_air_on/list/images/icon-bed.png);
background-size:100%;
background-repeat:no-repeat;
content:"";
}
.modal-hotel .wbHeader .ttl{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:15px;
}
.modal-hotel .wbHeader .ttl .chara{
display:block;
padding-bottom:3px;
color:#414040;
letter-spacing:-.01em;
font-size:19px;
}
.modal-hotel .wbHeader .ttl .blue{
color:#015eaa;
font-size:22px;
}
.modal-hotel .wbHeader .ttl .pop{
color:var(--cmn-font-color-base);
font-size:26px;
}
.modal-hotel .wbHeader .ttl .num{
color:#015eaa;
font-size:26px;
}
.modal-hotel .wbHeader .ttl .exa{
color:var(--cmn-font-color-gray);
font-weight:normal;
font-size:11px;
}
.modal-hotel .wbHeader a.modalClose{
display:none;
}
.modal-hotel .wbContents{
padding:15px 30px 15px;
}
.modal-hotel .wbContents img{
vertical-align:text-bottom;
}
.modal-hotel .wbContents .mainTxt{
margin-bottom:10px;
color:var(--cmn-font-color-gray);
font-size:11px;
line-height:1.4;
}
.modal-hotel .wbContents .mainTxt span{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:20px;
}
.modal-hotel .wbContents .mainTxt sup{
padding-left:2px;
color:var(--cmn-font-color-base);
font-size:12px;
}
.modal-hotel .wbContents .rankingArea{
margin-bottom:15px;
border-top:#dcdcdc solid 1px;
}
.modal-hotel .wbContents .rankingArea dl{
position:relative;
padding:6px 0;
border-bottom:#a0a0a0 dotted 1px;
width:auto;
}
.modal-hotel .wbContents .rankingArea dl:before,
.modal-hotel .wbContents .rankingArea dl:after{
display:table;
content:"";
}
.modal-hotel .wbContents .rankingArea dl:after{
clear:both;
}
.modal-hotel .wbContents .rankingArea dl:before{
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-17px;
width:32px;
height:34px;
background-size:100%;
background-repeat:no-repeat;
content:"";
}
.modal-hotel .wbContents .rankingArea dl.no1:before{
background-image:url(/element/w_air_on/list/images/icon-rank-01.png);
}
.modal-hotel .wbContents .rankingArea dl.no2:before{
background-image:url(/element/w_air_on/list/images/icon-rank-02.png);
}
.modal-hotel .wbContents .rankingArea dl.no3:before{
background-image:url(/element/w_air_on/list/images/icon-rank-03.png);
}
.modal-hotel .wbContents .rankingArea dl dt{
float:left;
margin:0;
padding:0 10px 0 48px;
width:120px;
background-position:3px center;
background-repeat:no-repeat;
}
.modal-hotel .wbContents .rankingArea dl dt a{
display:block;
}
.modal-hotel .wbContents .rankingArea dl dt.mod-noimg a{
border:1px solid #e5e5e5;
background-color:#fff;
}
.modal-hotel .wbContents .rankingArea dl dt.mod-noimg a img{
max-width:100px;
height:auto;
margin:0 auto;
display:block;
}
.modal-hotel .wbContents .rankingArea dl dd{
overflow:hidden;
padding:4px 0;
}
.modal-hotel .wbContents .rankingArea dl dd .rankTtl{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:13px;
line-height:1.3;
}
.modal-hotel .wbContents .rankingArea dl dd .rankEn{
margin-bottom:5px;
color:#555;
font-size:12px;
}
.modal-hotel .wbContents .rankingArea dl dd .wb_List{
border-collapse:collapse;
}
.modal-hotel .wbContents .rankingArea dl dd .wb_List th{
padding:4px 10px 3px 0;
}
.modal-hotel .wbContents .rankingArea dl dd .wb_List td{
padding-right:30px;
}
.modal-hotel .wbContents .rankingArea dl dd .wb_List th,
.modal-hotel .wbContents .rankingArea dl dd .wb_List td{
font-weight:normal;
font-size:12px;
}
.modal-hotel .wbContents .rankingArea dl dd .rankOffer{
margin-top:6px;
font-size:11px;
}
.modal-hotel .wbContents .submitArea table{
margin-left:40px;
border-collapse:collapse;
}
.modal-hotel .wbContents .submitArea td{
vertical-align:middle;
}
.modal-hotel .wbContents .submitArea td.txtCont{
padding:0 10px;
width:240px;
}
.modal-hotel .wbContents .submitArea td.txtCont .txt{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:22px;
line-height:1.3;
}
.modal-hotel .wbContents .submitArea td.txtCont .txt span{
font-size:18px;
}
.modal-hotel .wbContents .submitArea td.txtCont .note{
color:var(--cmn-font-color-gray);
font-size:12px;
}
.modal-hotel .wbContents .submitArea td.buttonCont .button a{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
padding:10px 10px;
border:none;
border-radius:4px;
min-height:40px;
color:#fff;
color:#fff;
background-color:var(--cmn-btn-color);
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
letter-spacing:-.03em;
font-weight:bold;
font-weight:bold;
font-size:18px;
line-height:1.3;
}
.modal-hotel .wbContents .submitArea td.buttonCont .button a:link,
.modal-hotel .wbContents .submitArea td.buttonCont .button a:visited,
.modal-hotel .wbContents .submitArea td.buttonCont .button a:hover,
.modal-hotel .wbContents .submitArea td.buttonCont .button a:active{
color:#fff;
}
.modal-hotel .wbContents .submitArea td.buttonCont .button a:hover,
.modal-hotel .wbContents .submitArea td.buttonCont .button a:active{
background-color:#67a700;
text-decoration:none;
}

/* modal-attention
------------------------------------------------ */
.modal-attention{
color:var(--cmn-font-color-base);
width:480px;
}
.modal-attention .modal-content{
margin-bottom:27px;
}
.modal-attention .text-info-dtl{
font-size:14px;
margin-bottom:15px;
}
.modal-attention .info-notes{
font-size:14px;
}
.modal-attention .info-notes li{
text-indent:-1em;
margin-left:1em;
}
.modal-attention .text-info-left{
text-align:left;
}
.modal-attention .info-text-hdg{
margin-bottom:27px;
text-align:center;
font-size:16px;
}
.modal-attention .modal-btn-box li button{
height:100%;
}
.modal-attention .modal-btn-box li:nth-child(2):not(:last-child){
margin-left:0;
}
.modal-attention .list-info{
margin-bottom:27px;
font-size:16px;
}
.modal-attention .list-info.list-info-left{
text-align:left;
}
.modal-attention .list-info li{
padding-left:1em;
word-break:break-all;
}
.modal-attention .list-info li:before{
display:inline-block;
content:"\30FB";
}
.modal-attention .list-info-02{
margin-bottom:30px;
text-align:center;
font-size:16px;
}
.modal-attention .list-info-02.list-info-left{
text-align:left;
}
.modal-attention .list-info-02 li{
padding-left:1em;
text-indent:-1em;
word-break:break-all;
}

/* loading-bar-item
------------------------------------------------------ */
.loading-bar-item{
margin:15px 0 20px;
}
.loading-bar-item > .loading-bar-txt{
font-size:13px;
}
.loading-bar-item .searching-progressbar{
width:100%;
margin-top:3px;
overflow:hidden;
background-color:#f5f5f5;
}
.loading-bar-item .searching-progressbar-inner{
display:block;
color:transparent;
height:4px;
overflow:hidden;
position:relative;
background-color:#57a3ef;
}

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

/* loading-02
---------------------------------- */
.loading-02{
border-radius:6px;
background-color:#fff;
width:60px;
height:60px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin:20px auto;
}
.loading-02 .cmn-loading-spinner{
margin:0;
}

/* .loading span{
overflow:hidden;
display:block;
margin:30px auto 3000px;
padding-top:44px;
width:44px;
height:0;
background:url("/element/shared/images/icon/ic_load_l.gif") top left no-repeat;
background-size:100%;
line-height:2;
}

.loading-02 span{
overflow:hidden;
display:block;
margin:20px auto;
padding-top:50px;
width:50px;
height:0;
background:url(/element/w_air_on/shared/images/icon-spinner.gif) top left no-repeat;
background-size:100%;
line-height:2;
} */
/* .load span{
overflow:hidden;
display:block;
margin:20px auto 3000px;
padding-top:50px;
width:50px;
height:0;
background:url("/element/shared/images/icon/ic_load_l.gif") top left no-repeat;
background-size:100%;
line-height:2;
} */
/* share icon
------------------------------------------------------ */
.btn-mail,
.btn-sns,
.btn-pa{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
float:left;
margin-bottom:4px;
margin-left:3px;
padding:1px 0 1px 11px;
border:1px solid #b0b0b0;
border-radius:2px;
width:20px;
height:20px;
background:#fff;
-webkit-box-shadow:inset 0 -1px rgba(0, 0, 0, .08);
box-shadow:inset 0 -1px rgba(0, 0, 0, .08);
text-indent:-9999px;
font-size:9px;
cursor:pointer;
}
.btn-mail:after{
display:block;
position:absolute;
top:50%;
left:4px;
margin-top:-4px;
width:10px;
height:8px;
background:url(/element/shared/images/icon/ico-mail.svg) no-repeat;
background-size:10px 8px;
content:"";
}
.btn-sns:after{
display:block;
position:absolute;
top:50%;
left:3px;
margin-top:-5px;
width:10px;
height:10px;
background:url(/element/shared/images/icon/ico-share.svg) no-repeat;
background-size:10px 10px;
content:"";
}
.btn-pa:after{
display:block;
position:absolute;
top:50%;
left:4px;
margin-top:-6px;
width:10px;
height:12px;
background:url(/element/shared/images/icon/ico-bell.svg) no-repeat;
background-size:10px 12px;
content:"";
}

/* mod-01
----------------------------------------------- */
.mod-01 .mod-01-tab{
display:table;
margin-left:-2px;
}
.mod-01 .mod-01-tab li{
display:table-cell;
padding-left:2px;
width:16%;
vertical-align:top;
}
.mod-01 .mod-01-tab li a,
.mod-01 .mod-01-tab li em{
display:table-cell;
padding-top:2px;
width:960px;
height:38px;
color:var(--font-color-btn-link);
background-color:#dfe3e8;
vertical-align:middle;
text-align:center;
font-size:14px;
line-height:1.2;
}
.mod-01 .mod-01-tab li a:link,
.mod-01 .mod-01-tab li a:visited,
.mod-01 .mod-01-tab li a:hover,
.mod-01 .mod-01-tab li a:active,
.mod-01 .mod-01-tab li em:link,
.mod-01 .mod-01-tab li em:visited,
.mod-01 .mod-01-tab li em:hover,
.mod-01 .mod-01-tab li em:active{
color:var(--font-color-btn-link);
}
.mod-01 .mod-01-tab li em{
color:#fff;
background-color:#0d3f78;
font-weight:bold;
}
.mod-01 .mod-01-tab li em:link,
.mod-01 .mod-01-tab li em:visited,
.mod-01 .mod-01-tab li em:hover,
.mod-01 .mod-01-tab li em:active{
color:#fff;
}
.mod-01 .mod-01-tab-item{
overflow:hidden;
margin:20px 0 0 20px;
}
.mod-01 .mod-01-tab-item li{
float:left;
margin-bottom:7px;
width:20%;
word-break:break-all;
}
.mod-01 .mod-01-tab-item li a{
display:block;
}
.mod-01 .mod-01-tab-item li a:link,
.mod-01 .mod-01-tab-item li a:visited,
.mod-01 .mod-01-tab-item li a:hover,
.mod-01 .mod-01-tab-item li a:active{
color:var(--font-color-btn-link);
}
.mod-01 .mod-01-tab-item li:nth-child(5n+1){
clear:both;
}
.mod-01 .mod-01-tab-item .mod-01-pic{
display:table-cell;
vertical-align:top;
}
.mod-01 .mod-01-tab-item .mod-01-pic > span{
display:table-cell;
border:1px solid #ccc;
width:30px;
height:20px;
vertical-align:middle;
text-align:center;
}
.mod-01 .mod-01-tab-item .mod-01-pic > span img{
max-width:30px;
max-height:20px;
vertical-align:top;
}
.mod-01 .mod-01-tab-item .mod-01-cap{
display:table-cell;
padding:4px 10px;
font-weight:bold;
font-size:14px;
line-height:1.3;
}
.mod-01 + .mod-02{
margin-top:20px;
padding-top:20px;
border-top:1px solid #d7d7d7;
}

/* mod-02
----------------------------------------------- */
.mod-02 .mod-02-hdg{
margin-bottom:10px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
}
.mod-02 .mod-02-hdg a,
.mod-02 .mod-02-hdg a:link,
.mod-02 .mod-02-hdg a:visited,
.mod-02 .mod-02-hdg a:hover,
.mod-02 .mod-02-hdg a:active{
color:var(--cmn-font-color-base);
}
.mod-02 .mod-02-list{
margin-left:20px;
}
.mod-02 .mod-02-list > li{
display:table;
width:100%;
table-layout:fixed;
}
.mod-02 .mod-02-list > li > span{
display:table-cell;
padding-right:15px;
width:20px;
vertical-align:top;
text-align:left;
font-weight:normal;
font-size:14px;
}
.mod-02 .mod-02-list > li ul{
display:table-cell;
font-size:12px;
}
.mod-02 .mod-02-list > li ul li{
display:inline-block;
margin:3px 0 4px;
border-right:1px solid #d7d7d7;
}
.mod-02 .mod-02-list > li ul li:last-child{
border-right:none;
}
.mod-02 .mod-02-list > li ul a{
display:block;
padding:0 10px 0 5px;
color:var(--font-color-btn-link);
}
.mod-02 .mod-02-list > li ul a:link,
.mod-02 .mod-02-list > li ul a:visited,
.mod-02 .mod-02-list > li ul a:hover,
.mod-02 .mod-02-list > li ul a:active{
color:var(--font-color-btn-link);
}
.mod-02 table{
margin-left:20px;
}
.mod-02 table th{
padding-right:15px;
vertical-align:top;
text-align:left;
font-weight:normal;
font-size:14px;
}
.mod-02 table td{
font-size:12px;
}
.mod-02 table td li{
display:inline-block;
margin:3px 0 4px;
border-right:1px solid #d7d7d7;
}
.mod-02 table td li:last-child{
border-right:none;
}
.mod-02 table td a{
display:block;
padding:0 10px 0 5px;
color:#555;
}
.mod-02 table td a:link,
.mod-02 table td a:visited,
.mod-02 table td a:hover,
.mod-02 table td a:active{
color:#555;
}

/* mod-03
----------------------------------------------- */
.mod-03 ul{
overflow:hidden;
margin:0 0 5px -5px;
}
.mod-03 ul li{
float:left;
margin:0 0 5px 5px;
}
.mod-03 ul li:nth-child(5n+1){
clear:both;
}
.mod-03 a{
display:block;
}
.mod-03 a .mod-03-pic{
display:table-cell;
border:1px solid #d7d7d7;
width:178px;
height:43px;
vertical-align:middle;
text-align:center;
}
.mod-03 a .mod-03-pic img{
max-width:178px;
max-height:43px;
vertical-align:middle;
}
.mod-03 a .mod-03-cap{
display:block;
margin-top:3px;
width:178px;
word-break:break-all;
font-size:12px;
line-height:1.2;
}

/* mod-04
----------------------------------------------- */
.mod-04{
margin-top:30px;
padding-top:20px;
border-top:1px solid #d9d9d9;
}
.mod-04 .mod-04-hdg{
display:inline-block;
margin-bottom:20px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
}
.mod-04 .mod-04-hdg a,
.mod-04 .mod-04-hdg a:link,
.mod-04 .mod-04-hdg a:visited,
.mod-04 .mod-04-hdg a:hover,
.mod-04 .mod-04-hdg a:active{
color:var(--cmn-font-color-base);
}
.mod-04 .mod-04-hdg-container{
margin-bottom:20px;
}
.mod-04 .mod-04-hdg-container .mod-04-hdg{
margin-bottom:0;
}
.mod-04 .mod-04-hdg-container .mod-04-hdg-notes{
font-size:11px;
color:var(--cmn-font-color-gray);
display:inline-block;
margin-left:5px;
}
.mod-04 ul{
font-size:12px;
margin-left:-5px;
}
.mod-04 ul li{
display:inline-block;
margin:3px 0 4px;
border-right:1px solid #d7d7d7;
}
.mod-04 ul li:last-child{
border-right:none;
}
.mod-04 ul a{
display:block;
padding:0 10px 0 5px;
color:var(--cmn-font-color-base);
}
.mod-04 ul a:link,
.mod-04 ul a:visited,
.mod-04 ul a:hover,
.mod-04 ul a:active{
color:var(--cmn-font-color-base);
}
.mod-04 table{
border-collapse:collapse;
}
.mod-04 table th{
padding-right:15px;
width:120px;
vertical-align:top;
text-align:left;
}
.mod-04 table th.th-min{
width:44px;
}

/* seo-list-airline
---------------------------------- */
.seo-list-airline{
overflow:hidden;
margin:0 0 5px -5px;
}
.seo-list-airline li{
float:left;
margin:0 0 5px 5px;
}
.seo-list-airline li:nth-child(5n+1){
clear:both;
}
.seo-list-airline a{
display:block;
}
.seo-list-airline a .pic{
display:table-cell;
border:1px solid #d7d7d7;
width:178px;
height:43px;
vertical-align:middle;
text-align:center;
}
.seo-list-airline a .pic img{
max-width:178px;
max-height:43px;
vertical-align:middle;
}

/* seo-list-01
---------------------------------- */
.seo-list-01{
font-size:12px;
margin-left:-5px;
}
.seo-list-01 li{
display:inline-block;
margin:3px 0 4px;
border-right:1px solid #d7d7d7;
}
.seo-list-01 li:last-child{
border-right:none;
}
.seo-list-01 a{
display:block;
padding:0 10px 0 5px;
color:var(--font-color-btn-link);
}
.seo-list-01 a:link,
.seo-list-01 a:visited,
.seo-list-01 a:hover,
.seo-list-01 a:active{
color:var(--font-color-btn-link);
}

/* mod-cal
----------------------------------------------- */
.mod-cal{
position:relative;
}
.mod-cal .mod-cal-float{
position:absolute;
top:-665px;
right:40px;
z-index:1;
padding:8px 20px 8px 10px;
border-width:3px;
border-style:solid;
border-color:#0d4c8f;
border-radius:2px;
width:217px;
background-color:white;
-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, .1);
box-shadow:0 4px 4px 0 rgba(0, 0, 0, .1);
text-align:center;
font-size:12px;
}
.mod-cal .mod-cal-float .mod-cal-float-btn{
overflow:hidden;
display:block;
position:absolute;
top:3px;
right:3px;
padding-top:16px;
border-radius:50%;
width:16px;
height:0;
background-color:#777;
line-height:2;
}
.mod-cal .mod-cal-float .mod-cal-float-btn:before,
.mod-cal .mod-cal-float .mod-cal-float-btn:after{
display:block;
position:absolute;
content:"";
}
.mod-cal .mod-cal-float .mod-cal-float-btn:before{
overflow:hidden;
display:block;
position:absolute;
top:6px;
left:3px;
width:10px;
height:2px;
background-color:#fff;
content:"";
-webkit-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.mod-cal .mod-cal-float .mod-cal-float-btn:after{
overflow:hidden;
display:block;
position:absolute;
top:-2px;
left:7px;
width:2px;
height:10px;
background-color:#fff;
content:"";
-webkit-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.mod-cal .mod-cal-float .mod-cal-arrow{
display:block;
position:absolute;
top:60px;
right:-32px;
border-top:3px solid #0d4c8f;
border-right:3px solid #0d4c8f;
border-bottom:3px solid #0d4c8f;
width:26px;
height:622px;
content:"";
}
.mod-cal .mod-cal-float .mod-cal-arrow:before{
display:block;
position:absolute;
right:0;
bottom:-3px;
border-bottom:3px solid #0d4c8f;
width:100px;
content:"";
}
.mod-cal .mod-cal-float .mod-cal-arrow:after{
display:block;
position:absolute;
right:97px;
bottom:-14px;
border-top:13px solid transparent;
border-right:20px solid #0d4c8f;
border-bottom:13px solid transparent;
border-left:none;
content:"";
}
.mod-cal .mod-cal-sample{
overflow:hidden;
margin-bottom:20px;
font-size:12px;
}
.mod-cal .mod-cal-sample > span{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:relative;
float:left;
padding:3px 0 2px;
margin-right:10px;
margin-left:1px;
border:1px solid #d7d7d7;
width:90px;
text-align:center;
font-size:11px;
}
.mod-cal .mod-cal-sample > span .font-num{
font-size:14px;
font-family:var(--font-num);
}
.mod-cal .mod-cal-sample > span small{
display:block;
color:#bbb;
margin-top:-3px;
}
.mod-cal .mod-cal-main{
overflow:hidden;
padding:15px 20px;
background-color:#f5f5f5;
}
.mod-cal .mod-cal-main .mod-cal-desc{
font-weight:bold;
font-size:14px;
}
.mod-cal .mod-cal-main .mod-cal-desc small{
font-weight:normal;
font-size:12px;
}
.mod-cal .mod-cal-main .mod-cal-nav-desc{
display:block;
margin-bottom:3px;
text-align:center;
font-size:18px;
}
.mod-cal .mod-cal-main .mod-cal-nav-desc small{
margin-left:5px;
font-size:11px;
}
.mod-cal .mod-cal-main .form-custom-select{
height:24px;
}
.mod-cal .mod-cal-main .form-custom-select select{
padding-top:2px;
padding-bottom:2px;
height:23px;
color:var(--cmn-font-color-base);
}
.cmn-ms .mod-cal .mod-cal-main .form-custom-select select{
padding-top:1px;
padding-bottom:3px;
}
.mod-cal .mod-cal-main .mod-cal-nav-01{
position:relative;
margin-bottom:20px;
padding-left:140px;
text-align:center;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 .mod-cal-filter{
position:absolute;
left:0;
top:10px;
font-size:13px;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 .mod-cal-filter input[type="checkbox"]{
position:relative;
top:2px;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 .form-custom-select{
display:block;
width:120px;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a{
display:inline-block;
margin-bottom:10px;
vertical-align:bottom;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a.prevWeek{
text-align:right;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a.prevWeek:before,
.mod-cal .mod-cal-main .mod-cal-nav-01 a.prevWeek:after{
border-top-color:transparent;
border-bottom-color:transparent;
border-left:none;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a.prevWeek:before{
left:10px;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a.prevWeek:after{
left:17px;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a.prevDay{
text-align:right;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a.prevDay:before{
left:10px;
border-top-color:transparent;
border-bottom-color:transparent;
border-left:none;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a.nextWeek:before,
.mod-cal .mod-cal-main .mod-cal-nav-01 a.nextWeek:after{
border-top-color:transparent;
border-right:none;
border-bottom-color:transparent;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a.nextDay:before{
border-top-color:transparent;
border-right:none;
border-bottom-color:transparent;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 .select-custom{
display:inline-block;
position:relative;
margin:0 30px;
}
.mod-cal .mod-cal-main .mod-cal-nav-02{
-webkit-box-sizing:border-box;
box-sizing:border-box;
float:left;
padding-right:20px;
width:140px;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 select{
width:100%;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 .mod-cal-nav-desc{
margin-bottom:7px;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 a{
margin:5px auto;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 a.prevWeek:before,
.mod-cal .mod-cal-main .mod-cal-nav-02 a.prevWeek:after{
border-top:none;
border-right-color:transparent;
border-left-color:transparent;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 a.prevWeek:after{
top:22px;
right:10px;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 a.prevDay:before{
top:16px;
right:10px;
border-top:none;
border-right-color:transparent;
border-left-color:transparent;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 a.nextWeek:before,
.mod-cal .mod-cal-main .mod-cal-nav-02 a.nextWeek:after{
top:14px;
border-right-color:transparent;
border-bottom:none;
border-left-color:transparent;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 a.nextWeek:after{
top:21px;
right:10px;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 a.nextDay:before{
top:16px;
right:10px;
border-right-color:transparent;
border-bottom:none;
border-left-color:transparent;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 .select-custom{
margin:30px 0;
}
.mod-cal .mod-cal-main .mod-cal-tbl{
overflow:hidden;
}
.mod-cal .mod-cal-guide{
margin-bottom:3px;
}
.mod-cal .mod-cal-guide .mod-cal-define-cheapest{
position:relative;
font-size:11px;
padding-left:14px;
}
.mod-cal .mod-cal-guide .mod-cal-define-cheapest::before{
content:":";
display:inline-block;
margin-right:2px;
}
.mod-cal .mod-cal-guide .mod-cal-define-cheapest::after{
content:"";
position:absolute;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
top:3px;
left:2px;
border:1px solid rgba(227, 7, 7, .5);
border-radius:50%;
width:10px;
height:10px;
}
.mod-cal .mod-cal-btn{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:relative;
padding:5px 20px;
border:1px solid #bebebe;
border-radius:2px;
width:80px;
color:var(--font-color-btn-link);
background-color:#fff;
-webkit-box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .3);
box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .3);
text-align:left;
}
.mod-cal .mod-cal-btn:link,
.mod-cal .mod-cal-btn:visited,
.mod-cal .mod-cal-btn:hover,
.mod-cal .mod-cal-btn:active{
color:var(--font-color-btn-link);
text-decoration:none;
}
.mod-cal .mod-cal-btn.restricted{
color:#ccc;
background-color:#eee;
-webkit-box-shadow:none;
box-shadow:none;
}
.mod-cal .mod-cal-btn.restricted:before,
.mod-cal .mod-cal-btn.restricted:after{
display:block;
position:absolute;
top:50%;
margin-top:-5px;
border:5px solid #c0c0c0;
content:"";
}
.mod-cal .mod-cal-btn:before,
.mod-cal .mod-cal-btn:after{
display:block;
position:absolute;
top:50%;
margin-top:-5px;
border:5px solid #5e5e5e;
width:0;
height:0;
content:"";
}
.mod-cal .mod-cal-btn.nextWeek:before,
.mod-cal .mod-cal-btn.prevWeek:before{
right:10px;
}
.mod-cal .mod-cal-btn.nextWeek:after,
.mod-cal .mod-cal-btn.prevWeek:after{
right:17px;
}
.mod-cal .mod-cal-btn.nextDay:before,
.mod-cal .mod-cal-btn.prevDay:before{
right:12px;
}
.mod-cal .mod-cal-btn.nextDay:after,
.mod-cal .mod-cal-btn.prevDay:after{
display:none;
}
.mod-cal table{
border-collapse:collapse;
border-top:1px solid #d7d7d7;
border-right:1px solid #d7d7d7;
width:100%;
background-color:#fff;
table-layout:fixed;
}
.mod-cal table th,
.mod-cal table td{
border-bottom:1px solid #d7d7d7;
border-left:1px solid #d7d7d7;
color:var(--cmn-font-color-base);
text-align:center;
font-weight:normal;
}
.mod-cal table td.mod-cal-status-cheapest a::after{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:absolute;
top:3px;
right:5px;
left:50%;
margin-left:-6px;
border:1px solid rgba(227, 7, 7, .5);
border-radius:50%;
width:8px;
height:8px;
content:"";
}
.mod-cal table th,
.mod-cal table .days td{
padding:5px 10px;
font-size:13px;
}
.mod-cal table th .font-num,.mod-cal table .days td .font-num{
font-size:14px;
font-family:var(--font-num);
}
.mod-cal table a{
position:relative;
display:block;
padding:12px 10px 0;
text-align:center;
font-size:11px;
line-height:1.1;
min-height:41px;
color:var(--cmn-font-color-link);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.mod-cal table a b{
font-size:14px;
font-family:var(--font-num);
font-weight:normal;
}
.mod-cal table a span{
display:block;
margin-top:1px;
margin-bottom:2px;
color:#999;
text-align:center;
font-size:11px;
}
.mod-cal table a.search span{
color:var(--font-color-btn-link);
font-size:13px;
}
.mod-cal table a:link,
.mod-cal table a:visited,
.mod-cal table a:hover,
.mod-cal table a:active{
text-decoration:none;
}

/* cal-info
------------------------------------------------ */
.cal-info{
position:relative;
margin:-15px -20px 10px;
padding:10px 20px;
color:var(--cmn-font-color-base);
background-color:#f1f1f1;
}
.cal-info .cal-guide{
margin-top:8px;
font-size:11px;
}
.cal-info .btn-price-matrix{
padding-top:30px;
float:right;
}
.cal-info .btn-price-matrix a{
position:relative;
text-align:left;
top:-2px;
display:none;
border-radius:4px;
border:1px solid #c5c5c5;
padding:7px 8px;
font-size:11px;
width:135px;
height:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-left:24px;
}
.cal-info .btn-price-matrix a:link,
.cal-info .btn-price-matrix a:visited,
.cal-info .btn-price-matrix a:hover,
.cal-info .btn-price-matrix a:active{
color:#555555;
text-decoration:none;
}
.cal-info .btn-price-matrix a:before{
position:absolute;
top:50%;
margin-top:-3px;
left:11px;
content:"";
display:inline-block;
border-right:1px solid #6b6b6b;
border-bottom:1px solid #6b6b6b;
width:4px;
height:4px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.cal-info:after{
display:table;
clear:both;
content:"";
}
.cal-info .cal-switch{
vertical-align:middle;
font-size:12px;
}
.cal-info .cal-switch label{
color:var(--cmn-font-color-base);
}
.cal-info .cal-switch input[type="checkbox"]{
position:relative;
top:2px;
margin-right:4px;
}
.cal-info .cal-notes{
font-size:11px;
color:var(--font-color-btn-link);
margin-left:1em;
}
.cal-info .cal-notes li{
margin-top:3px;
}
.cal-info .cal-notes li >span:not([class]){
margin-left:-1em;
}
.cal-tool{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:10px;
}
.cal-tool .cal-filter{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.cal-tool .cal-filter label{
color:var(--cmn-font-color-base);
}
.cal-tool .cal-filter label input[type="checkbox"]{
position:relative;
top:2px;
margin-right:5px;
}
.cal-tool .cal-define{
color:var(--cmn-font-color-base);
font-size:11px;
}
.cal-tool .cal-define li{
display:inline-block;
margin-left:7px;
vertical-align:middle;
}
.cal-tool .cal-define li:nth-child(1):before{
display:inline-block;
border:1px solid rgba(277,7,7,.5);
border-radius:50%;
width:20px;
height:11px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
content:"";
vertical-align:middle;
position:relative;
top:-1px;
}
.cal-tool .cal-define li:nth-child(2):before{
display:inline-block;
width:10px;
height:11px;
background-image:url(/element/w_air_on/shared/images/icon/icon-zoom.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
vertical-align:middle;
}

/* price-calendar
------------------------------------------------ */
.price-calendar tr > td:first-child .price-date,
.price-calendar .cmn-calendar-holiday .price-date{
color:var(--cmn-font-color-red);
}
.price-calendar tr > td:first-child .cmn-calendar-disabled .price-date,
.price-calendar .cmn-calendar-disabled .price-date{
color:#ccc;
}
.price-calendar td > a > div{
position:relative;
height:34px;
line-height:34px;
}
.price-calendar .price-status-cheapest:before{
display:block;
position:absolute;
bottom:1px;
left:2px;
width:33px;
height:18px;
border:1px solid rgba(277,7,7,.5);
border-radius:50%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
content:"";
}
.price-calendar .price-status-blank:before{
overflow:hidden;
display:inline-block;
position:relative;
top:7px;
padding-top:10px;
width:10px;
height:0;
background-image:url(/element/w_air_on/shared/images/icon/icon-zoom.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
line-height:2;
}
.price-calendar td > a .price-date{
display:block;
position:absolute;
top:3px;
left:5px;
color:var(--cmn-font-color-base);
font-size:12px;
font-family:var(--font-num);
line-height:1.1;
}
.price-calendar td > a .price-item{
position:relative;
top:7px;
color:#999;
font-size:11px;
font-family:var(--font-num);
}
.price-calendar .cmn-calendar-disabled div:link,
.price-calendar .cmn-calendar-disabled div:visited,
.price-calendar .cmn-calendar-disabled div:hover,
.price-calendar .cmn-calendar-disabled div:active{
background-color:transparent;
-webkit-box-shadow:none;
box-shadow:none;
cursor:default;
}
.price-calendar .cmn-calendar-active-from .price-date,
.price-calendar .cmn-calendar-active-from .price-item,
.price-calendar .cmn-calendar-active-from div:active .price-date,
.price-calendar .cmn-calendar-active-from div:active .price-item,
.price-calendar .cmn-calendar-active-from div:hover .price-date,
.price-calendar .cmn-calendar-active-from div:hover .price-item,
.price-calendar .cmn-calendar-active-from div:focus .price-date,
.price-calendar .cmn-calendar-active-from div:focus .price-item,
.price-calendar .cmn-calendar-active-to .price-date,
.price-calendar .cmn-calendar-active-to .price-item,
.price-calendar .cmn-calendar-active-to div:active .price-date,
.price-calendar .cmn-calendar-active-to div:active .price-item,
.price-calendar .cmn-calendar-active-to div:hover .price-date,
.price-calendar .cmn-calendar-active-to div:hover .price-item,
.price-calendar .cmn-calendar-active-to div:focus .price-date,
.price-calendar .cmn-calendar-active-to div:focus .price-item,
.price-calendar .cmn-calendar-active-from:first-child .price-date,
.price-calendar .cmn-calendar-active-from.cmn-calendar-holiday .price-date,
.price-calendar .cmn-calendar-active-to:first-child .price-date,
.price-calendar .cmn-calendar-active-to.cmn-calendar-holiday .price-date{
color:#fff;
}
.price-calendar .cmn-calendar-active-from .price-status-cheapest:before,
.price-calendar .cmn-calendar-active-from .price-status-cheapest:active:before,
.price-calendar .cmn-calendar-active-from .price-status-cheapest:hover:before,
.price-calendar .cmn-calendar-active-from .price-status-cheapest:focus:before,
.price-calendar .cmn-calendar-active-to .price-status-cheapest:before,
.price-calendar .cmn-calendar-active-to .price-status-cheapest:active:before,
.price-calendar .cmn-calendar-active-to .price-status-cheapest:hover:before,
.price-calendar .cmn-calendar-active-to .price-status-cheapest:focus:before{
border-color:#fff;
}
.price-calendar .cmn-calendar-active-from .price-status-blank:before,
.price-calendar .cmn-calendar-active-from .price-status-blank:active:before,
.price-calendar .cmn-calendar-active-from .price-status-blank:hover:before,
.price-calendar .cmn-calendar-active-from .price-status-blank:focus:before,
.price-calendar .cmn-calendar-active-to .price-status-blank:before,
.price-calendar .cmn-calendar-active-to .price-status-blank:active:before,
.price-calendar .cmn-calendar-active-to .price-status-blank:hover:before,
.price-calendar .cmn-calendar-active-to .price-status-blank:focus:before{
background-image:url(/element/w_air_on/shared/images/icon/icon-zoom-white.svg);
}

/* attentionTxt_Area
-----------------------------------------------------*/
.attentionTxt_Area{
padding:40px 0;
text-align:center;
font-weight:bold;
}

/* flightExtra_Box
--------------------------------------------------*/
.flightExtra_Box{
position:absolute;
z-index:10;
padding:10px;
border:solid 1px #dcdcdc;
border-radius:4px;
max-width:470px;
background-color:#fff;
-webkit-box-shadow:2px 2px 3px 0 rgba(153, 153, 153, .75);
box-shadow:2px 2px 3px 0 rgba(153, 153, 153, .75);
color:var(--cmn-font-color-base);
}
.flightExtra_Box p > b{
color:var(--cmn-font-color-base);
}
.flightExtra_Box p{
margin-bottom:5px;
margin-left:1em;
color:var(--cmn-font-color-gray);
text-indent:-1em;
font-size:12px;
}
.flightExtra_Box:before,
.flightExtra_Box:after{
position:absolute;
top:-10px;
left:27px;
content:"";
}
.flightExtra_Box:before{
border:10px solid #dcdcdc;
border-top:none;
border-right:7px solid transparent;
border-left:7px solid transparent;
}
.flightExtra_Box:after{
margin-top:1px;
border:10px solid #fff;
border-top:none;
border-right:7px solid transparent;
border-left:7px solid transparent;
}
.flightExtra_Box table,
.flightExtra_Box th,
.flightExtra_Box td{
border-style:solid;
border-color:#c7c7c7;
}
.flightExtra_Box table{
border-collapse:collapse;
border-width:1px 0 0 1px;
min-width:457px;
table-layout:fixed;
}
.flightExtra_Box table + p{
margin-top:10px;
}
.flightExtra_Box th{
padding:4px 5px;
border-width:0 1px 0 0;
background-color:#eee;
text-align:center;
white-space:nowrap;
font-weight:normal;
font-size:11px;
}
.flightExtra_Box td{
padding:4px 5px 4px 4px;
border-width:0 1px 1px 0;
text-align:right;
font-size:12px;
}
.flightExtra_Box td .value{
font-size:11px;
}
.flightExtra_Box td .value .font-num{
font-family:var(--font-num);
font-size:12px;
}
.flightExtra_Box tr th:first-child{
width:85px;
text-align:center;
}
.flightExtra_Box td[scope]{
width:85px;
text-align:center;
}
.flightExtra_Box td.total{
width:392px;
font-weight:bold;
}
.flightExtra_Box .unprovided{
padding:10px 0;
border-top:1px solid #c7c7c7;
color:var(--cmn-font-color-red);
background:#ddd;
text-align:center;
font-weight:bold;
font-size:15px;
}

/* tooltip-pa-container
------------------------------------------------ */
.tooltip-pa-container{
position:relative;
}
.tooltip-pa-container.is-active .tooltip-box{
display:block;
}
.tooltip-pa-container .tooltip-box{
display:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:22px;
left:-22px;
z-index:10;
padding:12px;
border:1px solid #dcdcdc;
border-radius:4px;
width:220px;
background-color:#fff;
-webkit-box-shadow:2px 2px 3px 0 rgba(153, 153, 153, .75);
box-shadow:2px 2px 3px 0 rgba(153, 153, 153, .75);
}
.tooltip-pa-container .tooltip-box::before,
.tooltip-pa-container .tooltip-box::after{
position:absolute;
top:-10px;
left:27px;
content:"";
}
.tooltip-pa-container .tooltip-box::before{
border:10px solid #dcdcdc;
border-top:none;
border-right:7px solid transparent;
border-left:7px solid transparent;
}
.tooltip-pa-container .tooltip-box::after{
margin-top:1px;
border:10px solid #fff;
border-top:none;
border-right:7px solid transparent;
border-left:7px solid transparent;
}

/* scheduleDetail_Box
------------------------------------------------ */
.scheduleDetail_Box dl{
content:"";
display:table;
clear:both;
}
.scheduleDetail_Box dt{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
float:left;
clear:left;
padding-right:5px;
width:105px;
text-align:right;
font-size:12px;
}
.scheduleDetail_Box dt b{
font-size:14px;
font-family:var(--font-num);
width:1px;
}
.scheduleDetail_Box dt.flight.time{
padding:0 5px 0 0;
}
.scheduleDetail_Box dt .date{
width:1px;
}
.scheduleDetail_Box dt .number{
position:absolute;
top:15px;
left:30%;
color:var(--cmn-font-color-red);
text-align:center;
font-weight:bold;
font-size:9px;
font-family:var(--font-num);
}
.scheduleDetail_Box dt .sch-info{
display:block;
font-size:12px;
}
.scheduleDetail_Box dd{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
float:left;
padding-bottom:20px;
padding-left:15px;
width:230px;
font-size:12px;
text-align:left;
}
.scheduleDetail_Box dd a{
font-weight:normal;
font-size:15px;
}
.scheduleDetail_Box dd b{
display:block;
padding-left:10px;
font-weight:normal;
font-size:13px;
}
.scheduleDetail_Box dd:before{
overflow:hidden;
display:block;
position:absolute;
top:8px;
left:4px;
width:2px;
height:100%;
background-color:#898989;
content:"";
}
.scheduleDetail_Box dd:after{
position:absolute;
top:4px;
left:0;
border:2px solid #b5b5b5;
border-radius:50%;
width:6px;
height:6px;
background-color:#fff;
content:"";
}
.scheduleDetail_Box dd.airport .airport-info >a,
.scheduleDetail_Box dd.airport b >a{
position:relative;
}
.scheduleDetail_Box dd.airport .airport-info >a:before,.scheduleDetail_Box dd.airport b >a:before{
display:inline-block;
position:absolute;
top:3px;
left:-12px;
width:9px;
height:13px;
background:url(/element/w_air_on/shared/images/ic-point.png) no-repeat;
content:"";
}
.scheduleDetail_Box dd.airport.end{
padding-bottom:0;
}
.scheduleDetail_Box dd.airport.end:before{
display:none;
}
.scheduleDetail_Box dd.transfer:before{
border-left:2px dotted #898989;
background-color:transparent;
}
.scheduleDetail_Box dd.transfer.time:after{
top:0;
height:98%;
}
.scheduleDetail_Box dd.transfer-time.time{
padding:0 0 7px 16px;
}
.scheduleDetail_Box dd .transfer-info{
position:relative;
padding-top:15px;
padding-right:0;
padding-left:0;
background:none;
display:block;
}
.scheduleDetail_Box dd .transfer-info:after{
display:none;
}
.scheduleDetail_Box dd .transfer-info b{
position:absolute;
top:9px;
left:-104px;
}
.scheduleDetail_Box dd .transfer-info span{
position:relative;
}
.scheduleDetail_Box dd .transfer-info.time span{
display:block;
background-color:transparent;
}
.scheduleDetail_Box dd .transfer-info.time span:before{
display:inline-block;
top:3px;
left:4px;
margin:0 3px 0 5px;
width:17px;
height:17px;
background:url(/element/w_air_on/list/images/sprite-list-detail.png) no-repeat;
background-position:-70px 0;
content:"";
vertical-align:middle;
}
.scheduleDetail_Box dd .transfer-info.car span{
background:#fffae4;
}
.scheduleDetail_Box dd .transfer-info.car span:before{
display:inline-block;
margin:-1px 3px 0 5px;
width:15px;
height:11px;
background:url(/element/w_air_on/list/images/icon-car.png) no-repeat;
background-position:-37px 0;
content:"";
vertical-align:middle;
}

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

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

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

/* agent-move-sch-chg
------------------------------------------------ */
.agent-move-sch-chg{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:10px 10px 0;
}
.agent-move-sch-chg .agent-move-sch-chg-col:first-child{
width:190px;
}
.agent-move-sch-chg .agent-move-sch-chg-col:first-child .sch-dtl-total{
padding-right:40px;
}
.agent-move-sch-chg .agent-move-sch-chg-col:last-child{
padding-left:60px;

}
.agent-move-sch-chg .agent-move-sch-chg-col:last-child .sch-dtl:before{
display:inline-block;
position:absolute;
top:50%;
left:-60px;
margin-top:-15px;
width:50px;
height:10px;
background:url(/element/j_air_on/shared/images/icon-arrow-02.svg) top left no-repeat;
content:"";
}
.panel-sub{
margin-bottom:20px;
}
.panel-sub .panel-sub-hdg{
margin-bottom:5px;
padding:15px 0;
border-top:1px solid #999;
border-bottom:1px dotted #ccc;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:13px;
}
.search-detail-item-02{
overflow:hidden;
padding:10px 10px 0;
border:3px solid #c9c9c9;
}
.search-detail-item-02 .search-detail-hdg{
padding:0 10px;
color:var(--cmn-font-color-base);
font-size:15px;
line-height:1.4;
}
.search-detail-item-02 .search-detail-sup{
padding:0 10px;
color:#555;
font-size:13px;
}
.search-detail-item-02 .ticket-id{
margin:10px 0 5px;
color:var(--cmn-font-color-gray);
text-align:right;
font-size:11px;
}
.search-detail-item-02 .ticket-id span:first-child:before{
display:inline-block;
margin:0 4px;
content:"|";
}
.search-detail-item-02 .ticket-id span:first-child:after{
display:inline-block;
margin:0 4px;
content:":";
}
.search-detail-item-02 .search-detail-col-container{
margin:0 -10px;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col{
display:table;
border-top:1px solid #ddd;
width:100%;
table-layout:fixed;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-col-item-01{
display:table-cell;
border-right:1px solid #ddd;
width:265px;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-col-item-02{
display:table-cell;
padding:10px;
vertical-align:top;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03{
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 th,
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 td{
vertical-align:top;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 th{
padding:3px 5px 3px 10px;
width:112px;
text-align:left;
line-height:1.3;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 td{
padding:3px 10px 3px 5px;
color:var(--cmn-font-color-base);
text-align:right;
font-size:11px;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .notes{
display:block;
color:var(--cmn-font-color-gray);
font-weight:normal;
font-size:10px;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price th,
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price td{
padding-top:10px;
padding-bottom:10px;
border-bottom:1px dotted #ddd;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price th{
color:var(--cmn-font-color-base);
text-align:center;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price td{
vertical-align:bottom;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price .num{
margin-right:2px;
font-weight:bold;
font-size:22px;
font-family:var(--font-num);
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price-02 th,
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price-02 td{
padding-top:10px;
padding-bottom:10px;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price-02 th{
color:var(--cmn-font-color-base);
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price-02 td{
vertical-align:bottom;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price-02 .num{
margin-right:2px;
font-weight:bold;
font-size:22px;
font-family:var(--font-num);
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .sum th,
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .sum td{
border-top:1px dotted #ddd;
color:#555;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .sum th{
font-weight:bold;
font-size:12px;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .sum .num{
margin-right:2px;
font-size:13px;
font-family:var(--font-num);
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .commission th{
font-size:11px;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .commission th,
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .commission td{
color:#555;
vertical-align:middle;
font-weight:normal;
}
.search-detail-item-02 .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .commission .num{
margin-right:2px;
font-size:13px;
font-family:var(--font-num);
}
.search-detail-item-02 .search-detail-col-container .air-detail{
overflow:hidden;
margin-bottom:10px;
}
.search-detail-item-02 .search-detail-col-container .air-detail .logo{
float:left;
margin-right:10px;
border:1px solid #e2e2e2;
width:86px;
}
.search-detail-item-02 .search-detail-col-container .air-detail .logo span{
display:table-cell;
width:86px;
height:32px;
vertical-align:middle;
text-align:center;
}
.search-detail-item-02 .search-detail-col-container .air-detail .logo span img{
max-width:86px;
max-height:32px;
vertical-align:middle;
}
.search-detail-item-02 .search-detail-col-container .air-detail .name{
overflow:hidden;
font-weight:bold;
font-size:12px;
}
.search-detail-item-02 .search-detail-col-container .air-detail .name .carriar-notes{
display:block;
font-weight:normal;
font-size:10px;
}
.search-detail-item-02 .search-detail-col-container .air-tbl{
margin-top:8px;
border-collapse:collapse;
width:100%;
color:#555;
table-layout:fixed;
}
.search-detail-item-02 .search-detail-col-container .air-tbl th{
border-left:1px solid #d9d9d9;
background-color:#f3f3f3;
font-weight:normal;
font-size:10px;
}
.search-detail-item-02 .search-detail-col-container .air-tbl td{
border-left:1px solid #d9d9d9;
font-size:11px;
}
.search-detail-item-02 .search-detail-col-container .air-tbl th,
.search-detail-item-02 .search-detail-col-container .air-tbl td{
padding:2px 10px;
text-align:left;
}
.search-detail-item-02 .search-detail-col-container .air-tbl th:first-child,
.search-detail-item-02 .search-detail-col-container .air-tbl td:first-child{
border-left:none;
}

/* agent-link-item-box
------------------------------------------------ */
.agent-link-item{
margin:30px auto 0;
width:800px;
}
.agent-link-item .loading span{
margin-bottom:100px;
}
.agent-link-item .agt-link-sup{
font-size:18px;
}
.agent-link-item .agt-link-spinner .cmn-loading-spinner{
margin:24px auto;
}
.agent-link-item .agent-move-notes{
margin-top:12px;
}
.agent-link-item .agent-move-txt{
margin-top:12px;
text-align:center;
font-size:14px;
}
.agent-link-item .agent-move-txt .agent-name{
padding:0 4px;
}
.agent-link-item .agent-booking-info{
margin:30px 0 8px 0;
color:#555;
text-align:center;
font-size:12px;
}
.agent-link-item .move-txt{
color:#555;
text-align:center;
font-size:12px;
}
.agent-link-item .btn-number{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
padding:5px 20px;
border:none;
border-radius:4px;
height:40px;
color:#fff;
background-color:var(--cmn-btn-color);
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-weight:bold;
font-weight:bold;
font-size:20px;
}
.agent-link-item .btn-number:hover{
background-color:#67a700;
}
.agent-link-item .btn-number:link,
.agent-link-item .btn-number:visited,
.agent-link-item .btn-number:hover,
.agent-link-item .btn-number:active{
text-decoration:none;
}
.agent-link-item-box{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:40px 40px 0;
border:3px solid #a9a9a9;
text-align:center;
}
.agent-link-item-box > .agent-logo{
text-align:center;
}
.agent-link-item-box > .agent-logo img{
vertical-align:top;
}

/* agent-info
------------------------------------------------ */
.agent-info{
text-align:left;
margin-top:8px;
}
.agent-info .agt-info-hdg{
margin-bottom:10px;
color:var(--cmn-font-color-red);
font-weight:bold;
font-size:16px;
}
.agent-info + .form-agent{
margin-top:30px;
}

/* agent-info-02
------------------------------------------------ */
.agent-info-02{
padding:20px;
background-color:#f3f3f3;
text-align:left;
}

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

/* agent-info-list
------------------------------------------------ */
.agent-info-list > li{
margin-bottom:3px;
color:var(--cmn-font-color-base);
font-size:13px;
line-height:1.4;
}
.agent-info-list > li .cmn-tip-btn{
margin-left:-1px;
}
.agent-info-list > li.mark{
margin-left:1em;
text-indent:-1em;
}
.agent-info-list > li .agent-info-list-sup{
display:block;
font-weight:bold;
}

/* agent-info-list-03
------------------------------------------------ */
.agent-info-list-03{
margin:0;
}
.agent-info-list-03 > li{
margin-bottom:2px;
color:#555;
font-size:13px;
}
.agent-info-list-03 > li.agent-info-list-indent{
margin-left:1em;
}
.agent-info-list-03 > li.agent-info-list-indent > span:first-child{
display:inline-block;
text-indent:-1em;
}
.agent-info-list-03 > li strong{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.agent-info-list-03 > li em{
font-weight:bold;
}

/* agent-info-tbl
------------------------------------------------ */
.agent-info-tbl{
border-collapse:collapse;
width:100%;
table-layout:fixed;
border-top:1px solid #ddd;
}
.agent-info-tbl .agent-info-label{
font-weight:bold;
font-size:15px;
margin-top:10px;
display:block;
}
.agent-info-tbl .agent-info-label:first-child{
margin-top:0;
}
.agent-info-tbl th,
.agent-info-tbl td{
border-bottom:1px solid #ddd;
}
.agent-info-tbl th{
width:83px;
padding:5px 0;
font-weight:normal;
font-size:11px;
color:var(--font-color-btn-link);
background-color:#f1f1f1;
text-align:center;
line-height:1.3;
}
.agent-info-tbl td{
padding:15px 10px;
}
.agent-info-tbl [class*="icon-"]:before{
content:"";
display:block;
width:20px;
height:20px;
margin:0 auto 5px;
background-size:100% 100%;
}
.agent-info-tbl .icon-attention:before{
background:url(/element/shared/images/icon/icon-caution-triangle.svg) top left no-repeat;
background-size:18px auto;
}
.agent-info-tbl .icon-mail:before{
background:url(/element/shared/images/icon/ico-mail.svg) top left no-repeat;
}
.agent-info-tbl .icon-option:before{
background:url(/element/shared/images/icon/icon-option.svg) top left no-repeat;
}
.agent-info-tbl .icon-pc:before{
background:url(/element/shared/images/icon/icon-pc.svg) top left no-repeat;
}
.agent-info-tbl .icon-sp:before{
background:url(/element/shared/images/icon/icon-sp.svg) top left no-repeat;
}

/* agent-att
------------------------------------------------ */
.agent-att{
margin:20px 0;
color:var(--cmn-font-color-red);
font-weight:bold;
font-size:18px;
}
.agent-att-02{
margin-bottom:40px;
color:var(--cmn-font-color-red);
font-weight:bold;
font-size:13px;
}

/* form-agent
------------------------------------------------ */
.form-agent{
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:left;
text-align:center;
}
.form-agent-popup{
position:relative;
margin:24px 0;
}
.form-agent-popup .form-agent-popup-item{
display:none;
position:absolute;
top:-40px;
left:50%;
margin-left:-222px;
padding:5px 10px;
width:444px;
color:var(--cmn-font-color-red);
background-color:#f3f3f3;
}
.form-agent-popup.active .form-agent-popup-item{
display:block;
}
.form-agent .form-agent-sup{
margin-top:15px;
color:#555;
font-size:12px;
}
.form-agent .form-agent-desc{
display:table;
margin:15px auto 0;
}
.form-agent .form-agent-desc .cmn-tip-btn{
top:1px;
position:relative;
}
.form-agent .form-agent-desc .form-agent-name{
display:table-cell;
padding-right:7px;
color:var(--font-color-btn-link);
vertical-align:middle;
}
.form-agent .form-agent-desc .form-agent-logo{
display:table-cell;
height:20px;
vertical-align:middle;
text-align:center;
color:var(--font-color-btn-link);
}
.form-agent .form-agent-desc .form-agent-logo img{
max-width:100px;
max-height:20px;
vertical-align:middle;
}

/* agent-flight-inq
------------------------------------------------ */
.agent-flight-inq{
margin:15px 0 30px;
}
.agent-flight-inq .agent-flight-inq-hdg{
margin-bottom:3px;
font-size:14px;
}
.agent-flight-inq .agent-flight-inq-hdg span{
font-size:10px;
}
.agent-flight-inq .agent-flight-inq-list{
border-top:1px solid #ccc;
}
.agent-flight-inq .agent-flight-inq-list li{
display:table;
border-bottom:1px solid #ccc;
width:100%;
}
.agent-flight-inq .agent-flight-inq-list li > div:first-child{
display:table-cell;
padding:15px;
width:160px;
color:#555;
background-color:#f1f1f1;
vertical-align:middle;
font-weight:bold;
font-size:13px;
}
.agent-flight-inq .agent-flight-inq-list li > div:last-child{
display:table-cell;
padding:15px;
color:var(--cmn-font-color-base);
font-size:12px;
}
.agent-flight-inq .agent-flight-inq-list li > div:last-child > span{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table;
width:100%;
font-weight:bold;
}
.agent-flight-inq .agent-flight-inq-list li > div:last-child > span span{
display:table-cell;
vertical-align:middle;
}
.agent-flight-inq .agent-flight-inq-list li > div:last-child > span span:first-child{
width:120px;
}
.agent-flight-inq .agent-flight-inq-list li > div:last-child > span span:last-child{
position:relative;
padding-left:70px;
width:270px;
}
.agent-flight-inq .agent-flight-inq-list li > div:last-child > span span:last-child:before{
display:block;
position:absolute;
top:50%;
left:10px;
margin-top:-1px;
width:35px;
height:2px;
background-color:#cbcbcb;
content:"";
}
.agent-flight-inq .agent-flight-inq-list li > div:last-child > span span:last-child:after{
display:block;
position:absolute;
top:50%;
left:45px;
margin-top:-4px;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:4px solid #cbcbcb;
content:"";
}

/* .agent-info-add
------------------------------------------------ */
.agent-info-add{
margin-top:25px;
margin-bottom:30px;
}
.agent-info-add .agent-info-txt{
text-align:center;
font-weight:bold;
}

/* agent-link-add
------------------------------------------------ */
.agent-link-add{
padding:25px 40px;
}
.agent-link-add .agent-link-notes > li{
font-size:12px;
}
.agent-link-add .agent-link-notes > li.agent-link-notes-indent{
margin-left:1em;
}
.agent-link-add .agent-link-notes > li.agent-link-notes-indent > span:first-child{
display:inline-block;
text-indent:-1em;
}

/* agent-add
------------------------------------------------ */
.agent-add{
margin-top:20px;
}

/* agent-internal-link
------------------------------------------------ */
.agent-internal-link{
text-align:right;
}
.agent-internal-link li{
display:inline-block;
}
.agent-internal-link li:not(:first-child):before{
color:#555;
content:"|";
display:inline-block;
margin:0 5px;
}
.agent-internal-link a{
color:var(--font-color-btn-link);
font-size:11px;
}
.agent-internal-link a:link,
.agent-internal-link a:visited,
.agent-internal-link a:hover,
.agent-internal-link a:active{
color:var(--font-color-btn-link);
}

/* agent-move-btn-container
------------------------------------------------ */
.agent-move-btn-container{
text-align:left;
width:570px;
margin:25px auto 20px;
}

/* agent-move-btn-list
------------------------------------------------ */
.agent-move-btn-list li{
display:inline-block;
vertical-align:top;
text-align:left;
}
.agent-move-btn-list li:not(:first-child){
margin-left:20px;
}

/* agent-move-btn-notes
------------------------------------------------ */
.agent-move-btn-notes{
display:block;
margin-top:5px;
font-size:11px;
}

/* agent-move-btn
------------------------------------------------ */
.agent-move-btn{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
padding:4px 20px;
border:1px solid #c5c5c5;
border-radius:4px;
width:272px;
height:54px;
color:#555;
-webkit-box-shadow:0 -3px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -3px 0 rgba(0, 0, 0, .1) inset;
vertical-align:middle;
text-align:center;
font-weight:bold;
font-size:14px;
line-height:1.4;
}
.agent-move-btn:link,
.agent-move-btn:visited,
.agent-move-btn:hover,
.agent-move-btn:active{
text-decoration:none;
color:var(--font-color-btn-link);
}

/* agent-move-tbl-container
------------------------------------------------ */
.agent-move-tbl-container{
width:570px;
margin:0 auto;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:10px 0 10px;
}

/* agent-move-add
------------------------------------------------ */
.agent-move-add{
width:570px;
margin:0 auto;
text-align:left;
}
.agent-move-add .agent-move-add-notes{
margin-top:10px;
}
.agent-move-add .agent-move-add-notes li{
font-size:12px;
text-indent:-1em;
margin-left:1em;
}

/* agent-move-price-tbl
------------------------------------------------ */
.agent-move-price-tbl{
margin:0 auto;
border-top:1px solid #ccc;
width:570px;
border-collapse:collapse;
}
.agent-move-price-tbl th{
display:table-cell;
padding:6px 10px 6px 10px;
background-color:#f4f4f4;
font-size:13px;
font-weight:normal;
text-align:left;
width:110px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.agent-move-price-tbl .agent-move-price-notes{
display:block;
font-size:11px;
}
.agent-move-price-tbl .font-num{
font-family:var(--font-num);
}

/* agent-move-price-chg
------------------------------------------------ */
.agent-move-price-chg{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.agent-move-price-chg .agent-move-price-chg-col{
position:relative;
width:50%;
}
.agent-move-price-chg .agent-move-price-chg-col:first-child{
display:table-cell;
text-align:right;
font-size:14px;
color:#a4a4a4;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-right:30px;
}
.agent-move-price-chg .agent-move-price-chg-col:first-child .font-num{
font-size:20px;
}
.agent-move-price-chg .agent-move-price-chg-col:last-child{
display:table-cell;
padding-left:60px;
text-align:left;
font-size:14px;
color:var(--cmn-font-color-red);

}
.agent-move-price-chg .agent-move-price-chg-col:last-child .font-num{
font-size:22px;
font-weight:bold;
}
.agent-move-price-chg .agent-move-price-chg-col:last-child:before{
display:inline-block;
width:50px;
height:10px;
background:url(/element/j_air_on/shared/images/icon-arrow-02.svg) top left no-repeat;
content:"";
position:absolute;
top:50%;
margin-top:-5px;
left:0;
}
.agent-move-price-chg.agent-move-price-chg-branch .agent-move-price-chg-col:first-child{
width:155px;
}

/* agent-move-sch-tbl
------------------------------------------------ */
.agent-move-sch-tbl{
margin:0 auto 10px;
border-bottom:1px solid #ccc;
width:570px;
border-collapse:collapse;
}
.agent-move-sch-tbl th{
display:table-cell;
padding:6px 10px;
border-top:1px solid #ccc;
background-color:#f4f4f4;
font-size:13px;
font-weight:normal;
text-align:left;
width:110px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.agent-move-sch-tbl td{
border-top:1px solid #ccc;

}

/* error
------------------------------------------------ */
/*
TODO:
.error{
  margin:40px 0 130px;
  & .error-inner{
    position:relative;
    margin-top:30px;
    padding:15px 20px;
    background-color:#ededed;
    font-size:11px;
    &::before{
      display:block;
      position:absolute;
      margin:0;
      border-width:0 15px 15px 15px;
      border-style:solid;
      border-color:transparent transparent #ededed transparent;
      width:0;
      height:0;
      content:"";
      top:-15px;
      left:50%;
      margin-left:-15px;
    }
  }

  & .error-catch{
    margin:0 0 15px;
    color:var(--cmn-font-color-base);
    text-align:center;
    font-size:17px;
    font-weight: bold;
  }
  & .error-wording{
    text-align:center;
  }
}
*/
/* error
---------------------------------- */
.error{
margin-bottom:20px;
}
.error.simple{
margin:40px 0 70px;
}
.error-catch{
margin:20px 0;
text-align:center;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:18px;
}
.error-wording{
margin:20px 0;
text-align:center;
font-size:14px;
}
.error-wording strong{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:18px;
}
#errMsg{
margin:20px 0;
text-align:center;
font-size:14px;
}
.error-prev{
margin-top:32px;
text-align:center;
}
.error-prev a{
padding:9px 8px 8px;
border:1px solid #c5c5c5;
border-radius:3px;
color:var(--font-color-btn-link);
display:inline-block;
min-width:202px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
font-size:14px;
}

/* .error-link-list
----------------------------------------------- */
.error .error-link-list{
font-weight:bold;
font-size:14px;
}
.error .error-link-list > li{
display:inline-block;
}
.error .error-link-list > li:after{
display:inline-block;
margin-left:5px;
content:"\ff1e";
}
.error .error-link-list > li:empty:after,
.error .error-link-list > li:last-child:after{
display:none;
}

/* .error-prev-btn
----------------------------------------------- */
.error-prev-btn{
margin-top:20px;
text-align:center;
}
.error-prev-btn a{
text-align:center;
display:inline-block;
margin:0 auto;
padding:0 20px;
border:1px solid #c5c5c5;
border-radius:3px;
width:auto;
height:40px;
background-color:#fff;
-webkit-box-shadow:inset 0 -2px 0 0 rgba(204, 204, 204, 1);
box-shadow:inset 0 -2px 0 0 rgba(204, 204, 204, 1);
line-height:1;
color:#555;
line-height:40px;
text-decoration:none;
font-size:14px;
}

/* .form-search-keyword
----------------------------------------------- */
.form-search-keyword{
display:block;
position:relative;
}
.form-search-keyword input[type="text"],
.form-search-keyword input[type="search"]{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-right:35px;
width:100%;
}
.form-search-keyword .input-reset-btn{
overflow:hidden;
display:block;
position:absolute;
top:0;
right:0;
padding:0;
border:none;
width:35px;
height:34px;
background:none;
cursor:pointer;
}
.form-search-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;
background-color:#999;
line-height:2;
}
.form-search-keyword .input-reset-btn span:before,
.form-search-keyword .input-reset-btn span:after{
display:block;
position:absolute;
content:"";
}
.form-search-keyword .input-reset-btn span:before{
overflow:hidden;
display:block;
position:absolute;
top:8px;
left:3px;
width:14px;
height:2px;
background-color:#fff;
content:"";
-webkit-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.form-search-keyword .input-reset-btn span:after{
overflow:hidden;
display:block;
position:absolute;
top:-4px;
left:9px;
width:2px;
height:14px;
background-color:#fff;
content:"";
-webkit-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}

/* .form-search-suggest
----------------------------------------------- */
.form-search-suggest{
position:relative;
}
.form-search-suggest input::-ms-clear{
display:none;
}

/* .suggest-container
------------------------------------------------ */
.form-search-index .desti .suggest-container{
width:481px;
}
.suggest-container{
position:relative;
}
.suggest-container .suggest{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:none;
display:none;
position:absolute;
top:100%;
margin-top:-1px;
left:0;
z-index:2;
padding:10px;
border:1px solid #bebebe;
width:100%;
background-color:#fff;
text-align:left;
}
.suggest-container .suggest .suggest-hdg:first-child{
margin:-10px -10px 5px;
padding:10px 10px 0;
color:var(--cmn-font-color-base);
font-size:12px;
}
.suggest-container .suggest.is-active{
display:block;
}
.suggest-container .suggest-list{
font-size:12px;
line-height:1.35;
}
.suggest-container .suggest-list > li{
position:relative;
margin-top:2px;
padding:3px 0;
cursor:pointer;
color:#555555;
float:none;
}
.suggest-container .suggest-list > li:active,
.suggest-container .suggest-list > li:hover,
.suggest-container .suggest-list > li:focus{
background-color:#f9eaba;
}
.suggest-container .suggest-list > li.select{
background-color:#f9eaba;
}
.suggest-container .suggest-list > li.area,
.suggest-container .suggest-list > li.spot,
.suggest-container .suggest-list > li.airport,
.suggest-container .suggest-list > li.station,
.suggest-container .suggest-list > li.hotel{
padding-left:25px;
}
.suggest-container .suggest-list > li[class]:before{
content:"";
display:block;
width:16px;
height:16px;
position:absolute;
top:3px;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
}
.suggest-container .suggest-list > li.area:before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:10px 14px;
}
.suggest-container .suggest-list > li.spot:before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 15px;
}
.suggest-container .suggest-list > li.airport:before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:16px 16px;
}
.suggest-container .suggest-list > li.station:before{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-size:12px 15px;
}
.suggest-container .suggest-list > li.hotel:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:15px 12px;
opacity:.75;
}
.suggest-container .suggest-list b{
color:#555;
display:inline;
font-size:12px;
}

/* .suggest-category
----------------------------------------------- */
.suggest-container .suggest-category{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:10px;
padding-top:7px;
border-top:1px solid #ccc;
color:var(--cmn-font-color-base);
font-size:11px;
}

/* .suggest-category-hdg
----------------------------------------------- */
.suggest-container .suggest-category-hdg{
font-weight:normal;
padding-right:12px;
}
.suggest-container .suggest-category-hdg:after{
content:":";
margin-left:3px;
}

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

/* .suggest-category-list-line
----------------------------------------------- */
.suggest-container .suggest-category-list-line{
margin-top:0;
}
.suggest-container .suggest-category-list-line > li{
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
}
.suggest-container .suggest-category-list-line > li > a{
padding:0 12px 0 26px;
}
.suggest-container .suggest-category-list-line > li > a:before{
width:20px;
height:16px;
top:-3px;
left:0;
background-position:100% 50%;
}
.suggest-container .suggest-category-list-line > li:first-child > a{
padding-left:18px;
}
.suggest-container .suggest-category-list-line > li:first-child > a:before{
background-position:0 50%;
}

/* .form-search-btn
----------------------------------------------- */
.form-search-btn{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
position:relative;
padding:3px 10px 3px 10px;
border:1px solid #bebebe;
border-radius:2px;
min-width:100px;
color:var(--font-color-btn-link);
background-color:#fff;
-webkit-box-shadow:0 -1px 0 #bebebe inset;
box-shadow:0 -1px 0 #bebebe inset;
text-align:left;
letter-spacing:-.04em;
font-size:13px;
cursor:pointer;
}

/* .form-search-notes
----------------------------------------------- */
.form-search-notes{
display:inline-block;
position:relative;
margin-left:1.1em;
color:var(--cmn-font-color-gray);
font-size:11px;
line-height:calc(15 / 11);
}
.form-search-notes::before{
display:inline-block;
position:absolute;
content:"\203b";
text-indent:-1.1em;
}
.form-search-notes-infant{
position:relative;
display:inline-block;
margin-left:1em;
color:var(--cmn-font-color-gray);
font-size:12px;
margin-left:187px;
}
.form-search-notes-infant::before{
display:inline-block;
position:absolute;
content:"\203b";
text-indent:-1em;
}
.form-search-notes-infant .cmn-tip-info-btn{
position:relative;
top:-1px;
}

/* .flight-section-btn-add
----------------------------------------------- */
.flight-section-btn-add{
position:relative;
padding:7px 10px 7px 15px;
border:none;
color:var(--font-color-btn-link);
background:none;
text-align:left;
font-size:11px;
}
.flight-section-btn-add:before{
display:block;
position:absolute;
top:9px;
left:0;
width:11px;
height:11px;
content:"";
background-image:url(/element/shared/images/icon/icon-toggle-plus.svg);
background-repeat:no-repeat;
background-size:100%;
}
.cmn-left,
table.cmn-left td,
table.cmn-left th,
tbody.cmn-left > tr > *,
thead.cmn-left > tr > *{
text-align:left !important;
}
.cmn-center,
table.cmn-center td,
table.cmn-center th,
tbody.cmn-center > tr > *,
thead.cmn-center > tr > *{
text-align:center !important;
}
.cmn-right,
table.cmn-right td,
table.cmn-right th,
tbody.cmn-right > tr > *,
thead.cmn-right > tr > *{
text-align:right !important;
}
.popup-openticket{
margin:0 auto;
width:570px;
font-size:13px;
}
.popup-openticket .hdg-l2-02{
padding:13px 20px 11px;
color:#fff;
background-color:#287ac4;
text-shadow:1px 1px 0 rgba(61, 61, 61, .46);
font-weight:normal;
font-size:28px;
line-height:1.3;
}
.popup-openticket .hdg-l3-02{
margin-top:25px;
padding:6px 15px 3px;
background-color:#f1f1f1;
font-weight:normal;
font-size:18px;
}
.popup-openticket .panel-02{
margin-bottom:20px;
line-height:1.6;
}
.popup-openticket .tbl-op{
margin-bottom:10px;
border-collapse:collapse;
border-bottom:1px solid #ddd;
width:100%;
color:var(--cmn-font-color-base);
table-layout:fixed;
font-size:12px;
}
.popup-openticket .tbl-op th,
.popup-openticket .tbl-op td{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:3px 10px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
height:45px;
}
.popup-openticket .tbl-op th:first-child,
.popup-openticket .tbl-op td:first-child{
border-left:none;
}
.popup-openticket .tbl-op .name{
width:125px;
background-color:#f7f7f7;
font-weight:normal;
}
.popup-openticket .tbl-op .case{
font-weight:normal;
}
.popup-openticket .tbl-op .change{
text-align:center;
font-weight:normal;
}
.popup-openticket .tbl-op .open{
background-color:#fff5f5;
text-align:left;
}
.popup-openticket .tbl-op .fix{
background-color:#f5fdff;
text-align:left;
}
.popup-openticket .step-item{
margin:8px 0 20px 0;
}
.popup-openticket .step-item .step-hdg{
margin-bottom:5px;
font-size:13px;
}
.popup-openticket .step-item .step-box{
margin-bottom:20px;
padding:10px;
border:1px solid #bbb;
font-size:12px;
}
.popup-openticket .step-item .step-box .step-txt{
margin-bottom:10px;
}
.popup-openticket .step-item .step-box .pic{
display:block;
margin:0 auto 10px;
}
.popup-openticket .step-item .step-box dl{
overflow:hidden;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ddd;
}
.popup-openticket .step-item .step-box dl dt{
float:left;
width:250px;
}
.popup-openticket .step-item .step-box dl dd{
overflow:hidden;
}
.popup-openticket .step-item .step-item-txt{
position:relative;
padding-left:16px;
font-weight:bold;
}
.popup-openticket .step-item .step-item-txt span{
display:block;
position:absolute;
top:0;
left:0;
}
.popup-openticket .step-item .step-tbl{
margin-bottom:-5px;
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.popup-openticket .step-item .step-tbl tr:last-child td{
border-bottom:none;
}
.popup-openticket .step-item .step-tbl th,
.popup-openticket .step-item .step-tbl td{
padding:2px 15px;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
}
.popup-openticket .step-item .step-tbl th{
font-weight:bold;
font-size:12px;
}
.popup-openticket .step-item .step-tbl .going{
padding-left:3px;
border-left:none;
width:115px;
font-weight:bold;
}
.popup-openticket .step-item .step-box-col{
overflow:hidden;
margin-bottom:10px;
}
.popup-openticket .step-item .step-box-col .step-box-col-01{
float:left;
width:200px;
}
.popup-openticket .step-item .step-box-col .step-box-col-02{
overflow:hidden;
}
.popup-openticket .step-item .list-step-notice b{
font-size:15px;
}

/* popup-pa
------------------------------------------------ */
.popup-pa{
width:590px;
margin:0 auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;

}
.popup-pa #errMsg li{
display:block;
text-align:left;
font-weight:bold;;
color:var(--cmn-font-color-red);
margin-bottom:3px;
}
.popup-pa #userVoice{
display:none;
}
.popup-pa .error-item{
text-align:center;
margin:50px 0;
}
.popup-pa .error-item > .error-txt{
font-weight:bold;
margin-bottom:20px;
}
.popup-pa .pop-mail-box{
padding:25px 15px;
}
.popup-pa .str-header-utility{
margin-top:15px;
}
.popup-pa .str-header-btn-inquiry{
margin-top:6px;
}
.popup-pa #contentMenu_Area{
width:auto;
margin:0 -10px;
padding:13px 20px 11px;
color:#fff;
background-image:none;
background-color:#287ac4;
text-shadow:1px 1px 0 rgba(61, 61, 61, .46);
font-weight:normal;
font-size:28px;
line-height:1.3;
}
.popup-pa #contentMenu_Area p{
font-weight:normal;
font-size:100%;
}
.popup-pa #container .submitAtt_Area .mail-info-list li b.ico{
background-image:none;
position:relative;
padding-left:13px;
}
.popup-pa #container .submitAtt_Area .mail-info-list li b.ico:before{
position:absolute;
left:-4px;
top:1px;
content:"";
display:block;
width:14px;
height:12px;
background-image:url(/element/shared/images/icon/icon-caution-triangle-red.svg);
background-repeat:no-repeat;
background-size:15px;
}

/* .flight-area
--------------------------------------------------*/
.popup-pa .flight-area{
border:2px solid #d2d2d2;
margin-bottom:30px;
}
.popup-pa .flight-price-box{
background:#f2f2f2;
padding:8px 12px;
}
.popup-pa .flight-price-box ul{
position:relative;
}
.popup-pa .flight-price-box ul:after{
content:"";
display:table;
clear:both;
}
.popup-pa .flight-price-box ul li{
float:left;
}
.popup-pa .flight-price-box .airline .airline-text{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.popup-pa .flight-price-box .airline .airline-text > span{
display:inline-block;
vertical-align:middle;
font-size:12px;
width:410px;
float:left;
font-weight:bold;
}
.popup-pa .flight-price-box .airline .airline-text > span.carrier-notes{
font-weight:normal;
}
.popup-pa .flight-price-box .airline .airline-text > span.carrier-notes em:after{
content:" : ";
}
.popup-pa .flight-price-box .airline .airline-text .logo-airline{
width:84px;
height:25px;
border:1px solid #e1e1e1;
text-align:center;
background:#fff;
padding:1px 0;
margin-right:5px;
margin:4px 10px 4px 0;
}
.popup-pa .flight-price-box .airline .airline-text .logo-airline img{
max-height:25px;
max-width:84px;
}
.popup-pa .flight-price-box .airline .airline-info{
display:inline-block;
background:#fff;
padding:1px 4px;
font-size:10px;
margin-top:8px;
}
.popup-pa .flight-price-box .airline .airline-info img{
margin:0 2px -1px 2px;
}

/* schedule-area
------------------------------------------------ */
.popup-pa .schedule-area{
display:block;
padding:12px;
}
.popup-pa .schedule-area .flight-detail-txt{
display:block;
clear:both;
padding-top:10px;
}
.popup-pa .schedule-area .schedule-box{
width:50%;
float:left;
}

/* pop-text
------------------------------------------------ */
.popup-pa .pop-text{
font-size:16px;
font-weight:bold;
text-align:center;
margin-bottom:45px;
}

/* mail-box
------------------------------------------------ */
.popup-pa .mail-box > p{
font-size:12px;
font-weight:bold;
margin-bottom:8px;
text-align:left;
}
.popup-pa .mail-box > input[type="text"]{
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:4px 10px;
width:100%;
border:1px solid #a9a9a9;
text-align:left;
}
.popup-pa .mail-box > .mail-sup{
display:block;
margin-top:5px;
color:#555;
font-size:12px;
text-align:left;
}

/* pop-form-box
------------------------------------------------ */
.popup-pa .pop-form-box{
text-align:center;
}
.popup-pa .pop-form-box .privacy{
text-align:center;
margin-top:45px;
}
.popup-pa .pop-form-box .mail-form-btn{
width:240px;
height:40px;
padding:0;
margin-top:20px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:40px;
font-size:18px;
font-weight:bold;
color:#fff;
cursor:pointer;
border:none;
border-radius:4px;
background-color:rgb(114, 186, 0);
-webkit-box-shadow:inset 0px -3px 0px 0px rgba(0, 0, 0, .2);
box-shadow:inset 0px -3px 0px 0px rgba(0, 0, 0, .2);
background-image:none;
}
.popup-pa .pop-form-box .mail-form-btn:active,
.popup-pa .pop-form-box .mail-form-btn:hover,
.popup-pa .pop-form-box .mail-form-btn:focus{
background-color:#67a700;
background-image:none;
}
.popup-pa .pop-form-box .mail-form-btn[disabled],
.popup-pa .pop-form-box .mail-form-btn[disabled]:active,
.popup-pa .pop-form-box .mail-form-btn[disabled]:hover,
.popup-pa .pop-form-box .mail-form-btn[disabled]:focus{
background-color:#bfbfbf;
-webkit-box-shadow:none;
box-shadow:none;
cursor:default;
}

/* text-flight-detail
------------------------------------------------ */
.popup-pa .text-flight-detail{
font-weight:bold;
}
.popup-pa .text-flight-detail > span{
display:inline-block;
text-indent:-9999px;
width:8px;
height:4px;
background:#555;
margin:0 10px 0 12px;
padding:0;
vertical-align:middle;
position:relative;
}
.popup-pa .text-flight-detail > span.round:before{
content:"";
width:0;
height:0;
border-style:solid;
border-width:5px 5px 5px 0;
border-color:transparent #555555 transparent transparent;
position:absolute;
left:-5px;
top:50%;
margin-top:-5px;
}
.popup-pa .text-flight-detail > span.round:after{
content:"";
width:0;
height:0;
border-style:solid;
border-width:5px 0 5px 5px;
border-color:transparent transparent transparent #555555;
position:absolute;
right:-5px;
top:50%;
margin-top:-5px;
}
.popup-pa .pop-detail-list li{
font-size:12px;
margin-bottom:3px;
}
.popup-pa .pop-detail-list li.sort{
position:relative;
padding-left:65px;
color:#555;
margin-top:5px;
}
.popup-pa .pop-detail-list li.sort a{
text-decoration:none;
color:#555;
}
.popup-pa .pop-detail-list li.sort a:after{
position:relative;
top:1px;
margin-left:4px;
content:"";
display:inline-block;
width:10px;
height:10px;
background-image:url(/element/shared/images/icon/icon-close.svg);
background-size:10px;
background-repeat:no-repeat;
}
.popup-pa .pop-detail-list li.sort span{
position:absolute;
top:0;
left:0;
}
.popup-pa .pop-detail-list li.sort li{
margin-right:8px;
display:inline-block;
}

/* tanks-box
------------------------------------------------ */
.popup-pa .tanks-box{
text-align:center;
width:440px;
margin:0 auto;

}
.popup-pa .tanks-box > p{
font-size:20px;
font-weight:bold;
margin:20px 0;
}
.popup-pa .tanks-box li{
text-align:left;
text-indent:-1em;
padding-left:1em;
}
.popup-pa .thanks-Txt{
font-size:20px;
font-weight:bold;
text-align:center;
margin:25px 0 5px 0;
}
.popup-pa #contentTitle_Txt{
white-space:nowrap;
}
.popup-pa #container .submitAtt_Area{
margin-top:20px;
text-align:left;
}
.popup-pa #container .submitAtt_Area .mail-info-list li b{
color:var(--cmn-font-color-red);
font-size:12px;
}

/* popup-pa > btn-02
------------------------------------------------ */
.popup-pa .btn-02{
background:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
margin:30px auto 0;
padding:4px 20px;
border:1px solid #c5c5c5;
border-radius:4px;
width:162px;
height:40px;
color:#555;
-webkit-box-shadow:0 -3px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -3px 0 rgba(0, 0, 0, .1) inset;
vertical-align:middle;
text-align:center;
font-weight:bold;
font-size:17px;
line-height:1.4;
}
.popup-pa .btn-02:link,
.popup-pa .btn-02:visited,
.popup-pa .btn-02:hover,
.popup-pa .btn-02:active{
color:#555;
text-decoration:none;
}

/* alliance-logo
------------------------------------------------ */
.alliance-container{
display:block;
position:relative;
padding-right:24px;
}
.alliance-container .alliance-logo{
position:absolute;
top:-2px;
right:0;
}
.alliance-logo{
display:inline-block;
position:relative;
margin-left:3px;
vertical-align:middle;
line-height:1;
}
.alliance-logo > span{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
border:1px solid #d2d2d2;
width:15px;
height:15px;
background-color:#fff;
vertical-align:middle;
text-align:center;
}
.alliance-logo img{
max-width:15px;
max-height:15px;
vertical-align:middle;
}

/* cmn-tip-container Local
------------------------------------------------ */
.cmn-tip-container .cmn-tip-box .cmn-tip-hdg-01{
padding-left:0;
margin-bottom:4px;
}
.cmn-tip-container .cmn-tip-box .cmn-tip-hdg-01 + p{
margin-top:0;
}
.cmn-tip-container .cmn-tip-box .cmn-tip-hdg-01::before{
display:none;
}
.cmn-tip-container .cmn-tip-box strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.cmn-tip-container .cmn-tip-box .word{
display:inline-block;
}

/* .list-qa
-----------------------------------------------*/
.list-qa{
font-size:13px;
}
.list-qa li{
margin-bottom:17px;
padding:15px;
background-color:#f7f7f7;
}
.list-qa em{
display:block;
position:relative;
padding-left:35px;
font-weight:bold;
font-size:16px;
line-height:1.2;
}
.list-qa em:before{
display:block;
position:absolute;
top:-5px;
left:0;
margin-right:5px;
border-radius:50%;
width:28px;
height:28px;
color:#fff;
background-color:#444;
content:"Q";
vertical-align:middle;
text-align:center;
font-weight:bold;
font-size:14px;
line-height:28px;
}
.list-qa span{
display:block;
position:relative;
padding-right:110px;
}
.list-qa .link-qa{
display:inline-block;
position:absolute;
top:0;
right:0;
padding:0 20px 0 10px;
border:1px solid #ccc;
border-radius:4px;
color:var(--cmn-font-color-base);
background-color:#fff;
font-size:14px;
line-height:35px;
}
.list-qa .link-qa:hover{
background-color:#f1f1f1;
text-decoration:none;
}
.list-qa .link-qa:after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-2px;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:4px solid #989898;
width:0;
height:0;
content:"";
}

/* multi-list
------------------------------------------------ */
.schedule-area.multi{
width:492px;
margin:0 auto;
}
.schedule-area .multi-list .schedule-box .cmn-tip-container{
top:35px;
left:210px;
}
.schedule-area .multi-list .flight-time .total-time{
padding-left:2px;
}
.schedule-area .multi-list >li{
position:relative;
padding-left:60px;
width:400px;
}
.schedule-area .multi-list >li:not(:last-child){
margin-bottom:7px;
}
.schedule-area .multi-list >li .section-box{
display:block;
position:absolute;
top:-2px;
left:0;
margin:9px 10px 0 0;
border:1px solid #b0b0b0;
width:45px;
text-align:center;
}
.schedule-area .multi-list >li .schedule-box{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
float:none;
clear:both;
padding:0;
}
.schedule-area .multi-list >li .schedule-box .flighttime-area{
width:85px;
}
.schedule-area .multi-list >li .schedule-box .going-area{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-right:5px;
width:130px;
top:-9px;
}
.schedule-area .multi-list >li .schedule-box .return-area{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
min-height:25px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-left:6px;
width:150px;
top:-8px;
padding-left:35px;
}
.schedule-area .multi-list >li .schedule-box .going-area span,
.schedule-area .multi-list >li .schedule-box .return-area span{
margin:0 5px;
}
.schedule-area .multi-list >li .schedule-box .going-area span.number,.schedule-area .multi-list >li .schedule-box .return-area span.number{
margin:0;
}
.schedule-area .multi-list >li .schedule-box .going-area .unfixed,
.schedule-area .multi-list >li .schedule-box .return-area .unfixed{
width:48px;
white-space:normal;
padding-left:0;
word-break:break-all;
margin-bottom:-6px;
}
.schedule-area .multi-list >li .schedule-box .going-area .city-airport{
position:absolute;
right:3px;
top:50%;
margin:-8px 0 0 0;
}
.schedule-area .multi-list >li .schedule-box .return-area .city-airport2{
position:absolute;
left:0;
top:50%;
margin:-8px 0 0 0;
}

/* schedule-box
------------------------------------------------ */
.schedule-area{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.schedule-area .schedule-box{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
float:left;
padding-right:4px;
table-layout:fixed;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.schedule-area .schedule-box + .schedule-box{
padding-right:0;
padding-left:4px;
border-left:1px solid #ccc;
}
.schedule-area .schedule-box + .schedule-box .cmn-tip-container{
top:35px;
left:161px;
}
.schedule-area .schedule-box .cmn-tip-container{
top:35px;
left:156px;
}
.schedule-area .schedule-box .going-area,
.schedule-area .schedule-box .return-area{
position:relative;
top:-11px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
white-space:nowrap;
letter-spacing:-.02em;
font-size:11px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
line-height:1.2;
}
.schedule-area .schedule-box .going-area span,
.schedule-area .schedule-box .return-area span{
display:block;
font-size:18px;
font-family:var(--font-num);
}
.schedule-area .schedule-box .going-area .unfixed,
.schedule-area .schedule-box .return-area .unfixed{
font-size:12px;
font-family:var(--cmn-font-family);
margin-top:3px;
margin-bottom:-4px;
}
.schedule-area .schedule-box .return-area .unfixed{
text-align:left;
padding-left:35px;
}
.schedule-area .schedule-box .going-area .number,
.schedule-area .schedule-box .return-area .number{
display:inline-block;
margin:3px 0 0 2px;
color:var(--cmn-font-color-red);
vertical-align:text-top;
font-size:10px;
}
.schedule-area .schedule-box .going-area{
text-align:left;
width:80px;
}
.schedule-area .schedule-box .going-area .city-airport{
display:inline-block;
position:absolute;
right:3px;
bottom:3px;
color:var(--font-color-btn-link);
font-size:14px;
}
.schedule-area .schedule-box .return-area{
text-align:right;
width:80px;
}
.schedule-area .schedule-box .return-area .city-airport2{
display:inline-block;
position:absolute;
left:2px;
bottom:3px;
color:var(--font-color-btn-link);
font-size:14px;
}

/* flighttime
------------------------------------------------ */
.schedule-area .schedule-box .flighttime-area{
display:inline-block;
position:relative;
padding:0 3px;
width:75px;
vertical-align:bottom;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.schedule-area .schedule-box .flighttime-area .flighttime-info-icon{
display:inline-block;
vertical-align:top;
font-size:0;
top:0;
position:relative;
}
.schedule-area .schedule-box .flight-time > span{
display:block;
text-align:center;
font-size:11px;
line-height:1.3;
}
.schedule-area .schedule-box .flight-time .transfer-one{
position:relative;
padding:0 18px 0 10px;
background:url(/element/w_air_on/shared/images/icon/icon-car-gray.svg) no-repeat 93% -1px;
background-size:15px 15px;
}
.schedule-area .schedule-box .flight-time .transfer-one.no-icon:before{
background:none;
}
.schedule-area .schedule-box .flight-time .transfer-one:after{
display:block;
position:absolute;
bottom:-9px;
left:45%;
z-index:1;
border:2px solid #b5b5b5;
border-radius:50%;
width:6px;
height:6px;
background-color:#fff;
content:"";
}
.schedule-area .schedule-box .flight-time .transfer-two{
position:relative;
padding:0 12px 0 10px;
background:url(/element/w_air_on/shared/images/icon/icon-car-gray.svg) no-repeat 100% -1px;
background-size:15px 15px;
}
.schedule-area .schedule-box .flight-time .transfer-two:after{
display:block;
position:absolute;
bottom:-9px;
left:60%;
z-index:1;
border:2px solid #b5b5b5;
border-radius:50%;
width:6px;
height:6px;
background-color:#fff;
content:"";
}
.schedule-area .schedule-box .flight-time .transfer-two:before{
display:block;
position:absolute;
bottom:-9px;
left:29%;
z-index:1;
border:2px solid #b5b5b5;
border-radius:50%;
width:6px;
height:6px;
background-color:#fff;
content:"";
}
.schedule-area .schedule-box .flight-time .transfer-one.no-icon,
.schedule-area .schedule-box .flight-time .transfer-two.no-icon{
padding-right:10px;
background:none;
}
.schedule-area .schedule-box .flight-time .total-time{
position:relative;
margin:3px -7px 0;
padding-top:8px;
padding-left:1px;
text-align:center;
}
.schedule-area .schedule-box .flight-time .total-time .font-num{
display:inline;
}
.schedule-area .schedule-box .flight-time .total-time:before{
position:absolute;
top:0;
left:5px;
width:86%;
height:2px;
background:#b5b5b5;
content:"";
}
.schedule-area .schedule-box .flight-time .total-time:after{
position:absolute;
top:-3px;
right:5px;
border-width:4px 0 4px 6px;
border-style:solid;
border-color:transparent transparent transparent #b5b5b5;
width:0;
height:0;
content:"";
}

/* .flt-route-container
----------------------------------------------- */
.flt-route-container .flt-route{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
}
.flt-route-container .flt-route-item{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:18px;
}
.flt-route-container .flt-route-time{
position:relative;
}
.flt-route-container .flt-route-time .time-num{
font-family:var(--font-num);
}
.flt-route-container .flt-route-undecided{
font-size:12px;
line-height:1.2;
}
.flt-route-container .flt-route-code{
font-size:14px;
font-family:var(--font-num);
color:#666666;
}
.flt-route-container .flt-route-date{
font-size:11px;
}
.flt-route-container .flt-route-date-add{
color:var(--cmn-font-color-red);
font-size:10px;
font-family:var(--font-num);
}

/* flt-route-container.flt-route-single
------------------------------------------------ */
.flt-route-container.flt-route-single{
display:block;
margin:0 auto;

}
.flt-route-container.flt-route-single .flt-route.is-duration-blank .cmn-tip-container{
left:247px;
}
.flt-route-container.flt-route-single .flt-route:not(:last-child){
margin-bottom:7px;
}
.flt-route-container.flt-route-single .cmn-tip-container{
top:35px;
left:280px;
}
.flt-route-container.flt-route-single .flt-route-section{
display:block;
position:absolute;
bottom:13px;
left:10px;
margin:9px 10px 0 0;
border:1px solid #b0b0b0;
width:45px;
text-align:center;
}
.flt-route-container.flt-route-single .flt-route-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}
.flt-route-container.flt-route-single .flt-route-date{
display:inline-block;
}
.flt-route-container.flt-route-single .flt-route-code{
margin:0 5px;
bottom:11px;
position:relative;
}
.flt-route-container.flt-route-single .flt-route-term{
margin:0 5px;
}
.flt-route-container.flt-route-single .flt-route-term +.flt-route-col{
text-align:left;
}
.flt-route-container.flt-route-single .flt-route-item{
position:relative;
bottom:12px;
}
.flt-route-container.flt-route-single .flt-route-time .time-num{
position:relative;
bottom:-2px;
}

/* flt-route-container.flt-route-round
------------------------------------------------ */
.flt-route-container.flt-route-round{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
}
.flt-route-container.flt-route-round .cmn-tip-container{
top:38px;
left:167px;
}
.flt-route-container.flt-route-round .flt-route{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.flt-route-container.flt-route-round .flt-route.is-duration-blank .cmn-tip-container{
left:135px;
}
.flt-route-container.flt-route-round .flt-route.is-duration-blank:last-child .cmn-tip-container{
left:150px;
}
.flt-route-container.flt-route-round .flt-route:first-child{
padding-right:10px;
}
.flt-route-container.flt-route-round .flt-route:last-child{
padding-left:10px;
border-left:1px dotted #ccc;

}
.flt-route-container.flt-route-round .flt-route:last-child .cmn-tip-container{
top:38px;
left:182px;
}
.flt-route-container.flt-route-round .flt-route-col{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:43px;
}
.flt-route-container.flt-route-round .flt-route-col:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding-right:35px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
}
.flt-route-container.flt-route-round .flt-route-col:first-child .flt-route-code{
right:0;
}
.flt-route-container.flt-route-round .flt-route-col:first-child .flt-route-date{
left:0;
}
.flt-route-container.flt-route-round .flt-route-code{
position:absolute;
bottom:15px;
}
.flt-route-container.flt-route-round .flt-route-date{
display:block;
position:absolute;
top:-4px;
}
.flt-route-container.flt-route-round .flt-route-undecided{
display:block;
}
.flt-route-container.flt-route-round .flt-route-time{
display:block;
}
.flt-route-container.flt-route-round .flt-route-time .time-num{
display:block;
position:relative;
top:-9px;
}
.flt-route-container.flt-route-round .flt-route-term{
margin-right:8px;
margin-left:8px;
width:88px;
}
.flt-route-container.flt-route-round .flt-route-term +.flt-route-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:85px;
padding-left:35px;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
text-align:right;
}
.flt-route-container.flt-route-round .flt-route-term +.flt-route-col .flt-route-code{
left:0;
}
.flt-route-container.flt-route-round .flt-route-term +.flt-route-col .flt-route-date{
right:0;
}
.flt-route-container.flt-route-round .flt-route-item{
text-align:left;
}

/* flt-route-term
------------------------------------------------ */
.flt-route-term{
display:block;
position:relative;
margin:0 5px 0 3px;
width:90px;
text-align:center;
}
.flt-route-term .flt-route-sup{
font-size:11px;
}
.flt-route-term .flt-route-duration{
font-size:11px;
display:block;
height:17px;
}
.flt-route-term.flt-route-transit > :first-child:before{
display:block;
position:absolute;
bottom:-6px;
left:50%;
margin-left:-4px;
border:2px solid #aaa;
border-radius:50%;
width:5px;
height:5px;
background-color:#fff;
content:"";
}
.flt-route-term .icon-car,
.flt-route-term .icon-bus{
margin-left:1px;
}
.flt-route-term .flt-route-car{
content:"";
display:inline-block;
position:relative;
top:2px;
width:12px;
height:0px;
margin-left:1px;
background:url(/element/w_air_on/shared/images/icon/icon-car-gray.svg) 0 0 no-repeat;
background-size:12px auto;
overflow:hidden;
line-height:2;
padding-top:10px;
}
.flt-route-term .flt-route-bus{
content:"";
display:inline-block;
position:relative;
top:1px;
width:12px;
height:0px;
margin-left:1px;
background:url(/element/w_air_on/shared/images/icon/icon-bus-gray.svg) 0 0 no-repeat;
background-size:12px auto;
overflow:hidden;
line-height:2;
padding-top:8px;
}
.flt-route-term.flt-route-transit-multi > :first-child:before{
left:30%;
}
.flt-route-term.flt-route-transit-multi > :first-child:after{
display:block;
position:absolute;
bottom:-6px;
left:66%;
margin-left:-3px;
border:2px solid #aaa;
border-radius:50%;
width:5px;
height:5px;
background-color:#fff;
content:"";
}
.flt-route-term > :first-child{
display:block;
position:relative;
margin-bottom:4px;
padding-bottom:4px;
border-bottom:2px solid #aaa;
line-height:1.1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.flt-route-term:before{
display:block;
position:absolute;
right:0;
bottom:17px;
margin:0;
border-width:5px 0 5px 5px;
border-style:solid;
border-color:transparent transparent transparent #aaa;
width:0;
height:0;
content:"";
font-size:0;
}

/* important-info
------------------------------------------------ */
.important-info{
border:1px solid #bbb;
border-radius:4px;
margin:0 0 15px;
background-color:#fff;
color:var(--cmn-font-color-base);
width:760px;
float:right;
}
.important-info.is-active .important-info-trigger{
background-image:url(/element_sp/w_air/shared/images/icon-arrow-04-up-l.svg);
}
.important-info.is-active .important-info-item{
display:block;
}
.important-info .important-info-hdg{
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 15px 11px no-repeat;
background-size:14px 12px;
padding:8px 15px 8px 35px;
}
.important-info .important-info-hdg h2{
font-size:13px;
text-align:left;
}
.important-info .important-info-trigger{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent:-9999px;
overflow:hidden;
background:url(/element_sp/w_air/shared/images/icon-arrow-04-down-l.svg) center right 10px no-repeat transparent;
background-size:16px 10px;
border:none;
}
.important-info .important-info-item{
padding:10px 15px;
display:none;
font-size:12px;
}
.important-info .important-info-item > :first-child{
margin-top:0;
}
.important-info .important-info-item a{
color:var(--font-color-btn-link);
text-decoration:underline;
}
.important-info .important-info-list-01 > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:10px;
}
.important-info .important-info-list-01 > li > div:first-child{
width:6.5em;
}
.important-info .important-info-list-01 > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.important-info .important-info-list-02{
margin:0;

}
.important-info .important-info-list-02 > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:2px;
}
.important-info .important-info-list-02 > li > div:first-child{
position:relative;
width:4em;
padding-right:11px;
}
.important-info .important-info-list-02 > li > div:first-child::after{
position:absolute;
content:":";
display:block;
right:4px;
top:0;
}
.important-info .important-info-list-02 > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.important-info .important-info-icon-external{
display:inline-block;
position:relative;
top:1px;
margin-left:2px;
width:12px;
height:0;
padding-top:11px;
line-height:2;
overflow:hidden;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
}
.important-info .important-info-notes-01{
margin:0;
}
.important-info .important-info-notes-01 >li{
text-indent:-1em;
margin-left:1em;
color:var(--font-color-btn-link);
}
.important-info .important-info-notes-02{
margin-top:10px;
}
.important-info .important-info-notes-02 >li{
text-indent:-1em;
margin-left:1em;
color:var(--font-color-btn-link);
}

/* attention
---------------------------------- */
.attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.attention ul > li:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}
.attention ul a{
display:inline-block;
padding-left:22px;
color:#555;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
text-decoration:none;
}
.attention ul a:active,
.attention ul a:hover,
.attention ul a:focus{
text-decoration:underline;
}

/* ----------------------------------------------------------------
  NEWS
----------------------------------------------------------------- */
.news ul > li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.news ul a{
color:#555;
text-decoration:none;
}
.news ul a:active > div,
.news ul a:hover > div,
.news ul a:focus > div{
text-decoration:underline;
}
.news ul a > span{
margin-bottom:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 12px;
font-size:12px;
}
.news ul a > span [class^=tag]{
color:#fff;
min-width:100px;
line-height:20px;
text-align:center;
font-size:12px;
}
.news ul a > span .tag-publish,
.news ul a > span .tag-w{
background-color:#48c2e6;
}
.news ul a > span .tag-press,
.news ul a > span .tag-j{
background-color:#8db955;
}
.news ul a > span .tag-other{
background-color:#bca446;
}

/* .box-bottom
---------------------------------- */
.box-bottom{
margin-top:100px;
}

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

}
.box-bottom .faq-list li .answer p:not(:first-child){
margin-top:8px;
}
.box-bottom .faq-list li .answer::after{
content:"";
display:table;
clear:both;
}
.box-bottom .faq-list li .answer::before{
position:absolute;
content:"";
display:block;
left:0;
top:4px;
width:11px;
height:15px;
background:url(/element_sp/w_air/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:100% auto;
}
.box-bottom .faq-list li .faq-modified{
float:right;
color:#9e9e9e;
font-size:12px;
margin-top:8px;
}
.box-bottom .faq-list li .faq-modified > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}

/* ------------------------------- */
/* lp-content
---------------------------------- */
.lp-container .form-search .form-search-index-exec-btn{
--cmn-btn-color:#177bcb;
background-color:var(--cmn-btn-color);
-webkit-box-shadow:none;
box-shadow:none;
font-size:16px;
text-shadow:none;
bottom:19px;
right:20px;
width:140px;
}
.lp-container .form-search .form-search-index-exec-btn:link,
.lp-container .form-search .form-search-index-exec-btn:visited,
.lp-container .form-search .form-search-index-exec-btn:hover,
.lp-container .form-search .form-search-index-exec-btn:active{
background-color:var(--cmn-btn-color);
}
.lp-container .form-search .form-search-index-btn-reset{
border:none;
padding:0 0 0 12px;
top:10px;
right:14px;
font-size:11px;
color:var(--cmn-font-color-base);
}
.lp-container .form-search .form-search-index-btn-reset::before{
left:0;
}

/* card-container
---------------------------------- */
.card-container .card-content{
-webkit-box-shadow:none;
box-shadow:none;
margin-top:36px;
padding:0;
border-radius:0;
background-color:transparent;
border-top:none;
}
.card-container .card-content .card-item{
-webkit-box-shadow:0px 0px 6px  rgba(0,0,0,.3);
box-shadow:0px 0px 6px  rgba(0,0,0,.3);
border-radius:6px;
margin-top:8px;
padding:20px;
background-color:#fff;
font-size:14px;
}
.card-container .card-content .card-item p + P{
margin-top:12px;
}
.card-container .card-content .card-item > .area-tgl:first-child{
margin:-12px 0;
}
.card-container .card-desc-indent{
margin-left:1em;
}
.card-container .card-header{
margin-bottom:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.card-container .card-header .card-header-hdg{
display:inline-block;
font-size:16px;
font-weight:bold;
margin-right:18px;
vertical-align:middle;
}
.card-container .card-header .card-item-more{
margin-left:auto;
}
.card-container .card-header .card-item-more > a{
font-size:13px;
font-weight:bold;
color:var(--cmn-font-color-base);
position:relative;
padding-left:12px;
}
.card-container .card-header .card-item-more > a::before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1.5px solid #666;
border-bottom:1.5px solid #666;
width:4.5px;
height:4.5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.card-container .card-item-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
gap:0 8px;
font-size:14px;
margin-top:12px;
padding-top:12px;
border-top:1px #ddd solid;
}
.card-container .card-item-footer .cmn-solid{
display:inline-block;
line-height:1;
}
.card-container .card-item-footer a{
text-decoration:none;
}
.card-container >:first-child{
margin-top:0;
}
/*
  & .card-tgl-container{
    &.is-active{
      & .card-tgl-content{
        display: block;
      }
      & .card-tgl-trigger{
        padding-bottom: 16px;
        margin-bottom:0;
        background-image: url(/element_sp/w_air/shared/images/icon-arrow-04-up-l.svg);
      }
    }
    & .card-tgl-content{
      display: none;
    }
    & .card-tgl-trigger{
      cursor:pointer;
      margin:-20px;
      padding:20px;
      border-radius: 6px;
      outline: none;
      background-image: url(/element_sp/w_air/shared/images/icon-arrow-04-down-l.svg);
      background-position: calc(100% - 20px) center;
      background-repeat: no-repeat;
      background-size: 16px 10px;
    }
  }
  */
.card-container .card-footer{
margin-top:8px;
text-align:right;
}
.card-container .card-footer >div{
display:inline-block;
}
.card-container .card-footer >div + div{
margin-top:8px;
}
.card-container .card-footer .card-footer-link{
margin-left:20px;
text-decoration:none;
color:var(--cmn-font-color-base);
}
.card-container .card-footer .card-footer-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
}
.card-container .card-footer .card-footer-notes li:not(:first-child){
margin-top:4px;
}
.card-container .card-footer .card-footer-notes li.aster{
text-indent:-1.4em;
margin-left:1.4em;
}
.card-container .card-footer .card-footer-notes li.aster > span{
margin-right:.4em;
}
.card-container .card-header-hdg-02{
margin-bottom:8px;
}
.card-container .card-header-hdg-03{
margin-bottom:8px;
font-weight:normal;
}
.card-container .card-header-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
display:inline-block;
}
.card-container .lowprice-update{
display:inline-block;
color:var(--cmn-font-color-gray);
font-size:11px;
vertical-align:middle;
}
.card-container .card-desc{
font-size:14px;
}
.card-container .card-desc + .card-desc{
margin-top:12px;
}
.card-container .card-desc + .card-desc .card-hdg-02{
margin-top:16px;
}
.card-container .card-desc-item + .card-desc-item{
margin-top:16px;
}
.card-container .card-desc-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:8px 0 0 0;
}
.card-container .card-desc-notes .aster{
text-indent:-1.4em;
margin-left:1.4em;
}
.card-container .card-desc-notes .aster > span{
margin-right:.4em;
}
.card-container .card-hdg-01{
margin-bottom:8px;
font-size:14px;
font-weight:bold;
}
.card-container .card-hdg-02{
font-size:14px;
margin-bottom:4px;
font-weight:bold;
}
.card-container .card-hdg-03{
margin-top:12px;
margin-bottom:4px;
font-size:14px;
font-weight:normal;
}
.card-container .card-hdg-03::before{
content:"\30FB";
display:inline;
}
.card-container .card-hdg-04{
margin:8px 0 4px 1em;
font-weight:normal;
text-indent:-1em;
}
.card-container .card-hdg-04::before{
content:"\30FB";
}
.card-container .card-hdg-04 + p{
margin-top:4px;
}
.card-container .card-hdg-05{
display:inline-block;
font-size:14px;
margin-top:16px;
background-color:#0c00;
}
.card-container .card-hdg-06{
margin-top:20px;
font-size:14px;
font-weight:normal;
}
.card-container .card-hdg-06 + .flight-info-list{
margin-top:4px;
}
.card-container .card-hdg-07{
margin:8px 0;
padding:3px 8px;
font-weight:normal;
background-color:#f5f5f5;
font-weight:normal;
font-size:14px;
}
.card-container .card-list-inline >li{
display:inline-block;
position:relative;
margin-right:40px;
padding-left:14px;
font-size:14px;
}
.card-container .card-list-inline >li::before{
position:absolute;
top:0;
left:0;
content:"・";
display:inline-block;
}
.card-container .card-list-inline >li a{
color:var(--cmn-font-color-link);
}
.card-container .card-list-inline >li a:link,
.card-container .card-list-inline >li a:visited,
.card-container .card-list-inline >li a:hover,
.card-container .card-list-inline >li a:active{
color:var(--cmn-font-color-link);
}
.card-container .card-list-inline-02{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-top:-12px;
}
.card-container .card-list-inline-02 >li{
width:calc((100% / 6) - 20px);
margin-right:20px;
font-size:12px;
margin-top:12px;
}
.card-container .card-list-inline-02 >li a{
color:var(--cmn-font-color-link);
}
.card-container .card-list-inline-02 >li a:link,
.card-container .card-list-inline-02 >li a:visited,
.card-container .card-list-inline-02 >li a:hover,
.card-container .card-list-inline-02 >li a:active{
color:var(--cmn-font-color-link);
}
.card-container .card-list-inline-03{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:8px 0 0 0;
}
.card-container .card-list-inline-03 >li{
margin-right:20px;
font-size:14px;
margin-top:4px;
}
.card-container .card-list-inline-03 >li a{
color:var(--cmn-font-color-link);
}

/* card-content local style
---------------------------------- */
.card-container .card-content.card-airline-service .flight-info-list >li > div:first-child{
width:140px;
}
.card-container .card-content.card-airline-basic-info .flight-info-list >li > div:first-child{
width:140px;
}
.card-container .card-content.card-area-summary{
margin-top:28px;
}
.card-container .card-content.card-travel-info .card-item,.card-container .card-content.card-safety-info .card-item{
padding-top:4px;
padding-bottom:4px;
}
.card-container .card-content.card-seo .card-item .area-tab-content > .select-list,
.card-container .card-content.card-seo .card-item .area-tab-content > .select-list-container{
margin-bottom:-10px;
}
.card-container .card-content.card-seo .card-item > .select-list,
.card-container .card-content.card-seo .card-item > .select-list-container{
margin:-20px 0;
}
.card-container .card-content.card-airline-pop .airline-list{
gap:12px 12px;
margin-top:0;
}
.card-container .card-content.card-airline-pop .card-item-footer{
border-top:none;
padding-top:0;
}
.card-container .card-content.card-recommend .card-item,.card-container .card-content.card-travelko-info .card-item{
font-size:12px;
}
.card-container .card-content.card-recommend .card-item .card-desc,.card-container .card-content.card-travelko-info .card-item .card-desc{
font-size:12px;
}
.card-container .card-content.card-recommend .card-item .card-desc + .card-desc,.card-container .card-content.card-travelko-info .card-item .card-desc + .card-desc{
margin-top:4px;
}
.card-container .card-content.card-recommend .card-hdg-04,.card-container .card-content.card-travelko-info .card-hdg-04{
margin-top:0;
margin-bottom:0;
}
.card-container .card-content.card-recommend .card-hdg-07,.card-container .card-content.card-travelko-info .card-hdg-07{
font-size:12px;
}
.card-container .card-content.card-recommend .card-hdg-07 + p,.card-container .card-content.card-travelko-info .card-hdg-07 + p{
margin-bottom:8px;
}

/* flight-info-list
---------------------------------- */
.card-container .flight-info-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:100%;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
.card-container .flight-info-list.is-flex > li{
width:100%;
}
.card-container .flight-info-list.is-flex > li:nth-child(even){
border-left:none;
}
.card-container .flight-info-list.is-flex > li >div:nth-child(2n+1){
width:125px;
}
.card-container .flight-info-list.is-flex > li >div:nth-child(2){
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
width:auto;
}
.card-container .flight-info-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:50%;
border-top:1px solid #ddd;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .flight-info-list >li:nth-child(even){
border-left:1px solid #ddd;
}
.card-container .flight-info-list >li >div{
padding:6px 12px;
font-size:14px;
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;
}
.card-container .flight-info-list >li >div:nth-child(2n+1){
background-color:#f7f7f7;
width:125px;
}
.card-container .flight-info-list >li >div:nth-child(2){
width:279px;
}
.card-container .flight-info-list >li .sup{
margin-left:8px;
}
.card-container .flight-info-list >li.flex{
width:100%;
}
.card-container .flight-info-list >li.flex >div:nth-child(2){
width:750px;
}
.card-container .flight-info-list >li.flex >div:nth-child(2) a{
margin-right:12px;
}

/* airport-info-list
---------------------------------- */
.card-container .airport-info-list{
width:100%;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
margin-top:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .airport-info-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-bottom:1px solid #ddd;
width:100%;
}
.card-container .airport-info-list >li > div{
padding:6px 12px;
font-size:14px;
}
.card-container .airport-info-list >li > div:first-child{
width:137px;
}
.card-container .airport-info-list >li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
border-left:1px solid #ddd;
}
.card-container .airport-info-list .thead{
border-bottom:none;
}
.card-container .airport-info-list .thead div{
background-color:#f7f7f7;
}

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

/* lowprice-airline-list
---------------------------------- */
.card-container .lowprice-airline-list{
width:100%;
margin:0;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-top:1px solid #e5e5e5;
}
.card-container .lowprice-airline-list .no-result-txt{
text-align:center;
font-size:14px;
margin:6px 0;
}
.card-container .lowprice-airline-list .thead{
background-color:#f7f7f7;
border-bottom:none;
}
.card-container .lowprice-airline-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-bottom:1px solid #e5e5e5;
}
.card-container .lowprice-airline-list >li > div{
padding:6px 12px;
font-size:14px;
vertical-align:top;
text-align:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .lowprice-airline-list >li > div:first-child{
width:198px;
}
.card-container .lowprice-airline-list >li > div:last-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.card-container .lowprice-airline-list >li > div:last-child:not(:first-child){
border-left:1px solid #e5e5e5;
}
.card-container .lowprice-airline-list .sup{
line-height:1;
margin-left:8px;
}
.card-container .lowprice-airline-list .route{
display:inline-block;
font-size:0;
margin:0 0 0 12px;
}
.card-container .lowprice-airline-list .route >li{
font-size:14px;
line-height:calc(16 / 12);
display:inline;
}
.card-container .lowprice-airline-list .route >li:first-child::after{
content:"\2015";
margin:0 3px;
line-height:1;
}
.card-container .lowprice-airline-list .flight{
border-top:1px solid #e5e5e5;
margin-top:6px;
padding-top:6px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-ms-grid;
display:grid;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.card-container .lowprice-airline-list .flight-number{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.card-container .lowprice-airline-list .flight-number > span:first-child::after{
content:":";
margin:0 4px;
}
.card-container .lowprice-airline-list .flight-time{
margin:0;
line-height:calc(16 / 12);
}
.card-container .lowprice-airline-list .flight-time > li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0 24px 0 0;
vertical-align:top;
}
.card-container .lowprice-airline-list .flight-time > li > span:first-child{
white-space:nowrap;
margin-right:8px;
}
.card-container .lowprice-airline-list .list-air-item .list-air-pic span{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:174px;
height:43px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border:1px solid #ddd;
margin-right:8px;
}
.card-container .lowprice-airline-list .list-air-item .list-air-pic span img{
max-width:100%;
max-height:100%;
}
.card-container .lowprice-airline-list .list-air-item .list-air-desc{
padding-top:8px;
line-height:1.2;
font-size:14px;
display:block;
}
.card-container .lowprice-airline-list .list-air-item .list-air-desc > span{
display:block;
margin-top:4px;
}

/* lowprice-airline-list-02
---------------------------------- */
.card-container .lowprice-airline-list-02{
width:100%;
margin:0;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-top:1px solid #e5e5e5;
}
.card-container .lowprice-airline-list-02 .no-result-txt{
text-align:center;
font-size:14px;
margin:6px 0;
}
.card-container .lowprice-airline-list-02 .thead{
background-color:#f7f7f7;
border-bottom:none;
}
.card-container .lowprice-airline-list-02 >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-bottom:1px solid #e5e5e5;
}
.card-container .lowprice-airline-list-02 >li > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:6px 12px;
font-size:14px;
text-align:left;
}
.card-container .lowprice-airline-list-02 >li > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.card-container .lowprice-airline-list-02 >li > div:last-child{
width:268px;
}
.card-container .lowprice-airline-list-02 >li > div:last-child a{
margin-right:4px;
}
.card-container .lowprice-airline-list-02 >li > div:last-child:not(:first-child){
border-left:1px solid #e5e5e5;
}
.card-container .lowprice-airline-list-02 .sup{
display:inline-block;
line-height:1;
}
.card-container .lowprice-airline-list-02 .list-air-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.card-container .lowprice-airline-list-02 .list-air-item .list-air-pic{
width:172px;
margin-right:8px;
}
.card-container .lowprice-airline-list-02 .list-air-item .list-air-pic span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:172px;
height:42px;
border:1px solid #ddd;
margin-right:8px;
}
.card-container .lowprice-airline-list-02 .list-air-item .list-air-pic span img{
max-height:100%;
max-width:100%;;
}
.card-container .lowprice-airline-list-02 .list-air-item .list-air-desc{
line-height:1.2;
display:block;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.card-container .lowprice-airline-list-02 .list-air-item .list-air-desc > span{
display:block;
margin-top:4px;
}

/* around-airport-list
---------------------------------- */
.card-container .around-airport-list{
width:100%;
margin:0;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-top:1px solid #e5e5e5;
}
.card-container .around-airport-list + .card-hdg-03{
margin-top:16px;
}
.card-container .around-airport-list .no-result-txt{
text-align:center;
font-size:12px;
margin:6px 0;
}
.card-container .around-airport-list .thead{
background-color:#f7f7f7;
border-bottom:none;
}
.card-container .around-airport-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-bottom:1px solid #e5e5e5;
}
.card-container .around-airport-list >li > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:6px 12px;
font-size:14px;
text-align:left;
}
.card-container .around-airport-list >li > div .sup{
display:inline-block;
line-height:1;
}
.card-container .around-airport-list >li > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.card-container .around-airport-list >li > div:first-child a{
margin-right:12px;
}
.card-container .around-airport-list >li > div:last-child{
width:289px;
}
.card-container .around-airport-list >li > div:last-child a{
margin-right:4px;
}
.card-container .around-airport-list >li > div:last-child:not(:first-child){
border-left:1px solid #e5e5e5;
}

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

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

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

}
.card-container .faq-list li .answer p:not(:first-child){
margin-top:8px;
}
.card-container .faq-list li .answer::after{
content:"";
display:table;
clear:both;
}
.card-container .faq-list li .answer::before{
position:absolute;
content:"";
display:block;
left:0;
top:4px;
width:11px;
height:15px;
background:url(/element_sp/w_air/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:100% auto;
}
.card-container .faq-list li .faq-modified{
float:right;
color:#9e9e9e;
font-size:12px;
margin-top:8px;
}
.card-container .faq-list li .faq-modified > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}

/* mod-04
---------------------------------- */
.card-container .mod-04 ul{
font-size:0;
margin-left:-11px;
overflow:hidden;
}
.card-container .mod-04 ul li{
font-size:12px;
padding:0;
margin:4px 0 4px -1px;
border-right:0;
border-left:1px solid #d9d9d9;
}
.card-container .mod-04 ul li a{
padding:0 12px;
color:var(--cmn-font-color-base);
}
.card-container .mod-04 table{
margin:-4px 0 0;
font-size:12px;
}
.card-container .mod-04 table th{
padding-top:4px;
font-weight:normal;
}
.card-container .mod-04 table td{
overflow:hidden;
}
.card-container .mod-04 .area-tab-container .area-tab-nav-list li{
border-left:none;
}

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

/* grand-tab-container
---------------------------------- */
.card-container .grand-tab-container{
position:relative;
margin:36px 0 0 0;
padding:36px 0;
-o-border-image:linear-gradient(#f3f3f3 1px, #f3f3f3 100%) 0//0 100vw 0 100vw;
border-image:linear-gradient(#f3f3f3 1px, #f3f3f3 100%) fill 0//0 100vw 0 100vw;
}
.card-container .grand-tab-container.is-static{
padding-top:1px;
}
.card-container .grand-tab-container.is-static .grand-tab-nav-container{
display:none;
}
.card-container .grand-tab-container.is-static .grand-tab-content{
display:block;
}
.card-container .grand-tab-container.is-static .area-tgl-container .area-tgl-trigger{
display:none;
}
.card-container .grand-tab-container.is-static .area-tgl-container .area-tgl-item{
display:block;
}
.card-container .grand-tab-container .grand-tab-nav-container{
margin:0;
position:relative;
overflow:hidden;
}
.card-container .grand-tab-container .grand-tab-nav-container::after{
content:"";
position:absolute;
right:0;
top:0;
height:calc(100% - 1px);
width:50px;
background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#f3f3f3));
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f3f3f3 100%);
}
.card-container .grand-tab-container .grand-tab-nav-container.is-end::after{
display:none;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav{
overflow:hidden;
overflow-x:auto;
border-bottom:1px solid #cccccc;
scrollbar-width:none;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav::-webkit-scrollbar{
display:none;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:0 0 0 -12px;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0;
padding:0 12px;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li:first-child{
padding-left:12px;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li:last-child{
padding-right:12px;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li.is-active a{
pointer-events:none;
font-weight:bold;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li.is-active a b{
font-weight:bold;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li.is-active a::after{
content:"";
display:block;
width:100%;
height:3px;
background-color:#444;
position:absolute;
bottom:0;
left:0;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
text-align:center;
width:100%;
min-height:25px;
background:none;
border:none;
padding:0 0 7px;
margin:0;
position:relative;
font-size:16px;
line-height:1.3;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li a b{
font-weight:normal;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li a:link,
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li a:visited,
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li a:hover,
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li a:active{
text-decoration:none;
}
.card-container .grand-tab-container .grand-tab-content{
display:none;
position:relative;
}
.card-container .grand-tab-container .grand-tab-content >:first-child{
margin-top:20px;
}
.card-container .grand-tab-container .grand-tab-content.is-active{
display:block;
}

/* area-tab-container
---------------------------------- */
.card-container .area-tab-container{
position:relative;
margin:0;
}
.card-container .area-tab-container.is-static .area-tab-nav-container{
display:none;
}
.card-container .area-tab-container.is-static .area-tab-content{
display:block;
}
.card-container .area-tab-container .card-content{
margin-top:28px;
}
.card-container .area-tab-container .card-content .card-item{
padding:0;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
}
.card-container .area-tab-container .area-tab-nav-container{
margin:0 -20px 16px;
position:relative;
border-bottom:1px solid #dddddd;
}
.card-container .area-tab-container .area-tab-nav-container::after{
content:"";
position:absolute;
right:20px;
top:0;
height:calc(100% - 1px);
width:50px;
background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.card-container .area-tab-container .area-tab-nav-container.is-end::after{
display:none;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav{
overflow:hidden;
overflow-x:auto;
scrollbar-width:none;
margin-right:20px;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav::-webkit-scrollbar{
display:none;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:0;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0;
padding:0 12px;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li:first-child{
padding-left:20px;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li:last-child{
/* padding-right: 20px; */
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a{
pointer-events:none;
font-weight:bold;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a b{
font-weight:bold;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a::after{
content:"";
display:block;
width:100%;
height:3px;
background-color:#444;
position:absolute;
bottom:0;
left:0;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
text-align:center;
width:100%;
min-height:25px;
background:none;
border:none;
padding:0 0 7px;
margin:0;
position:relative;
font-size:14px;
line-height:1.2;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a b{
font-weight:normal;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a:link,
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a:visited,
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a:hover,
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a:active{
text-decoration:none;
}
.card-container .area-tab-container .area-tab-content{
display:none;
}
.card-container .area-tab-container .area-tab-content.is-active{
display:block;
}

/* area-tab-container-02
---------------------------------- */
.card-container .area-tab-container-02{
position:relative;
margin:0;
}
.card-container .area-tab-container-02.is-static .area-tab-nav-container{
display:none;
}
.card-container .area-tab-container-02.is-static .area-tab-content{
display:block;
}
.card-container .area-tab-container-02 .card-content{
margin-top:28px;
}
.card-container .area-tab-container-02 .card-content .card-item{
padding:0;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
}
.card-container .area-tab-container-02 .area-tab-header{
margin-bottom:16px;
}
.card-container .area-tab-container-02 .area-tab-nav-container{
margin:0;
position:relative;
padding-bottom:12px;
border-bottom:1px solid #ddd;
}
.card-container .area-tab-container-02 .area-tab-nav-container.is-end::after{
display:none;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav{
overflow:hidden;
overflow-x:auto;
scrollbar-width:none;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav::-webkit-scrollbar{
display:none;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:0;
gap:0 24px;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0;
padding:0;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a{
pointer-events:none;
font-weight:bold;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a::after{
content:"";
display:block;
width:100%;
height:3px;
background-color:#444;
position:absolute;
bottom:0;
left:0;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
text-align:center;
width:100%;
height:25px;
background:none;
border:none;
padding:0 0 7px;
margin:0;
position:relative;
font-size:14px;
line-height:1.2;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .area-tab-container-02 .area-tab-content{
display:none;
}
.card-container .area-tab-container-02 .area-tab-content.is-active{
display:block;
}
.card-container .area-tab-container-02 .area-tab-loading{
min-height:500px;
}
.card-container .area-tab-container-02 .area-tab-loading .cmn-loading-spinner{
margin-top:20px;
}

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

/* card-nav-container
---------------------------------- */
.card-container .card-nav-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:12px;
}
.card-container .card-nav-container .card-nav-list{
margin-bottom:0;
}
.card-container .card-nav-container .cal-define{
color:var(--cmn-font-color-gray);
font-size:12px;
}
.card-container .card-nav-container .cal-define .cal-define-zoom::before{
display:inline-block;
width:10px;
height:11px;
background-image:url(/element/w_air_on/shared/images/icon/icon-zoom.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
vertical-align:middle;
}

/* card-nav-list
---------------------------------- */
.card-container .card-nav-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:16px 0 12px;
gap:0 16px;
font-size:14px;
}
.card-container .card-nav-list .radio-custom{
font-size:14px;
}
.card-container .card-nav-list .radio-custom .custom-inner{
position:relative;
top:-1px;
margin-left:4px;
}
.card-container .card-nav-list .radio-custom label{
padding-left:24px;
}
.card-container .card-nav-list .radio-custom label >span{
line-height:1;
}

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

/* desc-tgl
---------------------------------- */
.card-container .desc-tgl .desc-tgl-container.is-active{
border-bottom:none;
}
.card-container .desc-tgl .desc-tgl-container.is-active .desc-tgl-item{
display:block;
}
.card-container .desc-tgl .desc-tgl-container.is-active .desc-tgl-header{
display:none;
}
.card-container .desc-tgl .desc-tgl-container + .desc-tgl-container{
margin-top:16px;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-item{
display:none;
font-size:14px;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-item > :first-child{
margin-top:0;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-item p + p{
margin-top:12px;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-header{
display:block;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-header > :first-child{
margin-top:0;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-header .desc-tgl-trigger{
display:inline;
margin:0;
padding:0;
border:0;
background:none;
font-size:14px;
color:#a4a4a4;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-header .desc-tgl-trigger::before{
content:"...";
display:inline;
color:var(--cmn-font-color-base);
margin-right:4px;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-footer{
text-align:right;
margin-top:8px;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-footer .desc-tgl-trigger{
display:inline-block;
margin:0;
padding:0;
border:0;
background:none;
font-size:14px;
color:var(--cmn-font-color-base);
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-footer .desc-tgl-trigger::before{
display:inline-block;
position:relative;
top:7px;
left:0px;
margin-right:4px;
width:8px;
height:5px;
background-image:url(/element_sp/w_air/shared/images/icon-arrow-04-up-l.svg);
background-position:0 center;
background-repeat:no-repeat;
background-size:100%;
content:"";
vertical-align:top;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-overflow{
display:inline;
}

/* select-list-container
---------------------------------- */
.card-container .select-list-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 36px;
border-top:1px solid #e5e5e5;
}
.card-container .select-list-container + .card-hdg-02{
margin-top:24px;
}
.card-container .select-list-container .select-list{
border-top:1px solid #e5e5e5;
}
.card-container .select-list-container > div{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-top:-1px;
}
.card-container .select-list-container > div > .select-list{
border-top:none;
}

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

/* select-link-list
---------------------------------- */
.card-container .select-link-list{
margin:0;
background-color:#fff;
}
.card-container .select-link-list >li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.card-container .select-link-list >li > a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
position:relative;
padding:8px 0;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1.3;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:42px;
text-decoration:none;
}
.card-container .select-link-list >li > a:hover .price{
text-decoration:underline;
}
.card-container .select-link-list >li >ul{
margin-left:24px;
}

/* daily-container
---------------------------------- */
.card-container .daily-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:0 36px;
margin-top:20px;
}
.card-container .daily-container .card-hdg-06{
width:100%;
margin-top:0;
}
.card-container .daily-container > div{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* daily-list
---------------------------------- */
.card-container .daily-list{
margin:-8px 0 0 0;
background-color:#fff;
}
.card-container .daily-list >li{
border-bottom:1px solid #e5e5e5;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
position:relative;
padding:8px 20px 8px 0;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .daily-list >li::after{
display:block;
position:absolute;
top:50%;
margin-top:-4px;
right:0;
width:9px;
height:14px;
background:url(/element/shared/images/icon/icon-chevron-left.svg) 0 0 no-repeat;
background-size:9px 14px;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
content:"";
}
.card-container .daily-list >li > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.card-container .daily-list >li > div:last-child{
width:140px;
text-align:right;
}
.card-container .daily-list >li a{
color:var(--cmn-font-color-base);
}
.card-container .daily-list .airline{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.card-container .daily-list .airline .airline-logo{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:42px;
height:22px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:solid 1px #d8d8d8;
background-color:#fff;
margin-right:4px;
}
.card-container .daily-list .airline .airline-logo img{
max-height:100%;
max-width:100%;
-o-object-fit:contain;
object-fit:contain;
}
.card-container .daily-list .airline .airline-sup{
margin-top:2px;
font-size:12px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.card-container .daily-list .airline .airline-sup a{
color:var(--cmn-font-color-base);
}
.card-container .daily-list .airline .airline-sup a:link,
.card-container .daily-list .airline .airline-sup a:visited,
.card-container .daily-list .airline .airline-sup a:hover,
.card-container .daily-list .airline .airline-sup a:active{
text-decoration:none;
}
.card-container .daily-list .sup{
display:block;
margin-top:8px;
}
.card-container .daily-list .date{
display:block;
font-size:14px;
}
.card-container .daily-list .price{
font-size:14px;
display:block;
}
.card-container .daily-list .price >span{
margin-left:4px;
}

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

/* -------------------------------
 background gray footer area
---------------------------------- */
/* seo-footer-container
---------------------------------- */
.seo-footer-container{
padding:32px 0 50px;
margin:32px -10px -50px;
-o-border-image:linear-gradient(#f3f3f3 1px, #f3f3f3 100%) 0 / / 0 100vw 0 100vw;
border-image:linear-gradient(#f3f3f3 1px, #f3f3f3 100%) fill 0 / / 0 100vw 0 100vw;
}
.seo-footer-container .seo-footer-inr{
margin:0 auto;
width:960px;
color:var(--cmn-font-color-base);
}

/* flt-result-container
---------------------------------- */
.card-container .flt-result-container .flt-item-02{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:12px;
}
.card-container .flt-result-container .flt-item-02 a{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 32px;
width:100%;
color:var(--cmn-font-color-base);
border:1px solid #ddd;
border-radius:4px;
padding:12px;
}
.card-container .flt-result-container .flt-item-02 a:link,
.card-container .flt-result-container .flt-item-02 a:visited,
.card-container .flt-result-container .flt-item-02 a:hover,
.card-container .flt-result-container .flt-item-02 a:active{
text-decoration:none;
}
.card-container .flt-result-container .flt-item-02 a::after{
display:block;
position:absolute;
top:50%;
margin-top:-6px;
right:12px;
width:7px;
height:13px;
background:url(/element/shared/images/icon/icon-chevron-left.svg) 0 0 no-repeat;
background-size:7px 13px;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
content:"";
}
.card-container .flt-result-container .flt-item-02 .flt-plan{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;

}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:8px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header .flt-item-header-sup{
font-size:12px;
margin-right:12px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header .flt-item-header-logo{
margin-right:8px;
border:1px solid #e8e8e8;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header .flt-item-header-logo > span{
display:table-cell;
width:50px;
height:17px;
text-align:center;
vertical-align:middle;
line-height:1;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header .flt-item-header-logo > span > img{
vertical-align:middle;
max-width:100%;
max-height:100%;
image-rendering:-webkit-optimize-contrast;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header .flt-item-airline{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
overflow:hidden;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header .flt-item-airline .flt-item-airline-name{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding-top:3px;
overflow:hidden;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header .flt-item-airline .flt-item-airline-name .flt-item-airline-name-sup{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-right:4px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header .flt-item-airline .flt-item-airline-name .alliance-logo{
top:-1px;
position:relative;
margin-right:8px;
margin-left:0;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header .flt-item-airline .flt-item-airline-name .flt-item-airline-info{
color:var(--cmn-font-color-gray);
white-space:nowrap;
margin-right:4px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header .flt-item-airline .flt-item-airline-sup{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
white-space:nowrap;
padding-top:3px;
margin-right:4px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header .flt-item-airline .flt-item-airline-sup::before{
content:"+";
display:inline-block;
margin:0 4px 0 0;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header .flt-item-airline .flt-item-airline-label{
line-height:1;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-item-header .flt-item-airline .flt-item-airline-label .icon-eco{
top:1px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info{
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;
border-bottom:none;
width:100%;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-term{
position:relative;
font-size:12px;
width:92px;
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
margin:0 8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-term + .flt-airport{
padding-left:2px;
margin-left:0;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-term + .flt-airport >span small{
right:0;
min-width:auto;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-term::before,
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-term::after{
display:none;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-term .flt-term-top{
display:block;
position:relative;
padding:4px 0 5px;
margin-bottom:4px;
line-height:1.3;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-term .flt-term-top::before{
position:absolute;
content:"";
display:block;
width:100%;
height:2px;
background-color:#ccc;
bottom:0;
left:1px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-term .flt-term-top::after{
display:block;
position:absolute;
right:-3px;
bottom:-4px;
border-width:5px 0 5px 5px;
border-style:solid;
border-color:transparent transparent transparent #aaa;
width:0;
height:0;
content:"";
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-term .flt-term-top .flt-term-transit::after{
content:"";
position:relative;
top:1px;
margin-left:2px;
display:inline-block;
width:12px;
height:10px;
background:url(/element_sp/w_air/shared/images/icon-car-gray.svg) 0 0 no-repeat;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-term .flt-term-top .flt-term-transit-bus::after{
content:"";
position:relative;
top:1px;
margin-left:2px;
display:inline-block;
width:12px;
height:8px;
background:url(/element_sp/w_air/shared/images/icon-bus-gray.svg) 0 0 no-repeat;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-term .flt-term-bottom{
padding-top:1px;
display:block;
min-height:14px;
position:relative;
text-align:center;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-term .cmn-tip-info-btn,
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-term .cmn-tip-caution-btn{
position:relative;
top:0px;
margin-left:3px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-info-summary{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:12px;
-webkit-font-feature-settings:"palt";
font-feature-settings:"palt";
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-info-summary .flt-date-time{
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;
margin-bottom:4px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-info-summary .flt-area{
display:block;
text-align:center;
line-height:calc(17 / 12);
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-airport{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-right:0;
gap:0 2px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-airport b{
display:block;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:center;
font-size:12px;
padding-right:0;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-airport > span{
width:49px;
padding-top:0;
margin-top:0;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-airport > span small{
min-width:auto;
position:static;
font-size:12px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-airport > span small .date-num{
font-size:12px;
}
.card-container .flt-result-container .flt-item-02 .flt-plan .flt-info .flt-airport .time-num{
font-size:14px;
font-weight:normal;
}
.card-container .flt-result-container .flt-item-02 .flt-price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
text-align:right;
width:95px;
padding-right:18px;
}
.card-container .flt-result-container .flt-item-02 .flt-price .flt-price-total .price-num{
font-size:18px;
font-weight:bold;
}
.card-container .flt-result-container .flt-item-02 .flt-price .flt-price-total small{
font-size:12px;
}

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

/* airline-list
---------------------------------- */
.card-container .airline-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:24px 12px;
margin-top:12px;
}
.card-container .airline-list > li{
width:166px;
}
.card-container .airline-list > li a{
padding:0;
color:var(--cmn-font-color-base);
text-decoration:none;
}
.card-container .airline-list > li:last-child{
border-bottom:none;
}
.card-container .airline-list .airline-list-header{
font-size:12px;
margin-bottom:4px;
}
.card-container .airline-list .airline-list-header .logo{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:166px;
height:41px;
border:1px solid #e8e8e8;
background-color:#fff;
margin-right:8px;
}
.card-container .airline-list .airline-list-header .logo img{
max-width:100%;
max-height:100%;
}
.card-container .airline-list .airline-list-header .name{
margin-top:8px;
display:block;
font-weight:bold;
}
.card-container .airline-list .airline-list-desc{
display:block;
font-size:12px;
}

/* recommend-btn
---------------------------------- */
.card-container .recommend-btn{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:344px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background:none;
border:none;
padding:0 4px;
margin:12px auto 0;
height:42px;
border-radius:5px;
border:1px solid #ccc;
background-color:#fff;
color:var(--cmn-font-color-base);
font-size:16px;
}
.card-container .recommend-btn:link,
.card-container .recommend-btn:visited,
.card-container .recommend-btn:hover,
.card-container .recommend-btn:active{
text-decoration:none;
}

/* summary-item
---------------------------------- */
.card-container .summary-item{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
gap:8px 12px;
}
.card-container .summary-item .card-hdg-04{
margin-top:0;
margin-bottom:0;
}
.card-container .summary-item .card-hdg-04 + p{
margin-top:0;
}
.card-container .summary-item .summary-item-list{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
gap:8px 12px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.card-container .summary-item .summary-item-list >li{
display:contents;
}
.card-container .summary-item .summary-item-list >li .sup{
position:relative;
padding-left:1em;
}
.card-container .summary-item .summary-item-list >li .sup::after{
content:"・";
display:block;
position:absolute;
left:0;
top:0;
}
.card-container .summary-item .summary-item-list >li .sup .cmn-solid{
display:inline-block;
line-height:1;
}
.card-container .summary-item .summary-item-list >li .sup a{
text-decoration:none;
}
.card-container .summary-item .summary-item-list >li .desc{
white-space:nowrap;
}

/* toggle-container
---------------------------------- */
.card-container .toggle-container{
margin-bottom:-20px;

}
.card-container .toggle-container.is-active .toggle-item{
display:block;
}
.card-container .toggle-container.is-active .toggle-btn span::before{
top:-3px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.card-container .toggle-container .toggle-item{
display:none;
}
.card-container .toggle-container .toggle-btn{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background:none;
border:none;
width:100%;
font-size:14px;
margin:12px 0 0 0;
padding:12px 0;
border-top:1px #ddd solid;
}
.card-container .toggle-container .toggle-btn span::before{
position:relative;
top:-2px;
content:"";
display:inline-block;
margin-right:4px;
width:9px;
height:5px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 0;
background-repeat:no-repeat;
background-size:9px auto;
}

/* seo-cheapest-sup
---------------------------------- */
.card-container .seo-cheapest-sup{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
gap:12px;
}
.card-container .seo-cheapest-sup > div:nth-child(2){
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-left:8px;
}
.card-container .seo-cheapest-sup .card-header-notes{
font-size:14px;
color:var(--cmn-font-color-gray);
}

/* seo-cheapest-data
---------------------------------- */
.card-container .seo-cheapest-data{
position:relative;
}
.card-container .seo-cheapest-data-nav > li{
position:absolute;
top:2px;
right:60px;
z-index:2;
}
.card-container .seo-cheapest-data-nav > li:last-child{
right:auto;
left:173px;
}
.card-container .seo-cheapest-data-nav button{
padding:0;
border:none;
color:rgba(0, 0, 0, 0);
width:32px;
height:32px;
overflow:hidden;
text-indent:-100px;
background:url(/element/w_air_on/shared/images/icon/icon-carousel-nav-next.svg) 50% 50% no-repeat;
}
.card-container .seo-cheapest-data-nav > li:last-child button{
background-image:url(/element/w_air_on/shared/images/icon/icon-carousel-nav-prev.svg);
}
.card-container .seo-cheapest-data-tbl-inner{
width:calc((380px * 6) + 160px);
}
.card-container .seo-cheapest-data-tbl{
margin-top:12px;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
scrollbar-width:none;
}
.card-container .seo-cheapest-data-tbl::-webkit-scrollbar{
display:none;
}
.card-container .seo-cheapest-data-tbl table{
margin:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
position:relative;
}
.card-container .seo-cheapest-data-tbl caption{
height:0;
overflow:hidden;
position:absolute;
}
.card-container .seo-cheapest-data-tbl colgroup col{
width:110px;
}
.card-container .seo-cheapest-data-tbl colgroup col:not(:first-child):nth-child(3n+1){
width:160px;
}
.card-container .seo-cheapest-data-tbl th,
.card-container .seo-cheapest-data-tbl td{
padding:8px 0;
background-color:#fff;
font-weight:normal;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .seo-cheapest-data-tbl th:not(:first-child):nth-child(3n+1),.card-container .seo-cheapest-data-tbl td:not(:first-child):nth-child(3n+1){
padding-right:50px;
}
.card-container .seo-cheapest-data-tbl th[role=presentation],
.card-container .seo-cheapest-data-tbl td[role=presentation]{
width:50px;
}
.card-container .seo-cheapest-data-tbl thead th:first-child,
.card-container .seo-cheapest-data-tbl tbody th:first-child{
position:sticky;
left:0;
top:0;
z-index:1;
width:160px;
text-align:left;
}
.card-container .seo-cheapest-data-tbl thead th{
/* width: 110px; */
}
.card-container .seo-cheapest-data-tbl thead > tr:first-child th{
padding:8px 0;
background-color:#f5f5f5;
font-weight:bold;
}
.card-container .seo-cheapest-data-tbl thead > tr:first-child th:nth-child(n + 2){
padding-right:50px;
}
.card-container .seo-cheapest-data-tbl tbody th,
.card-container .seo-cheapest-data-tbl tbody td{
border-top:1px solid #ddd;
text-align:center;
}
.card-container .seo-cheapest-data-tbl tbody tr:last-child th,
.card-container .seo-cheapest-data-tbl tbody tr:last-child td{
padding-bottom:0;
}
.card-container .seo-cheapest-data-tbl tbody td > span{
display:inline-block;
min-width:72px;
text-align:right;
}
.card-container .seo-cheapest-data-tbl tbody td > span.blank{
text-align:center;
}

/* search-selector
---------------------------------- */
.card-container .search-selector{
position:relative;
width:146px;
}
.card-container .search-selector[aria-expanded="true"] .search-selector-item{
display:block;
}
.card-container .search-selector[aria-expanded="true"] .search-selector-btn-container .search-selector-tip{
display:block;
}
.card-container .search-selector[aria-expanded="true"] .search-selector-btn::after{
border-width:0 5px 6px 5px;
border-color:transparent transparent #666 transparent;
}
.card-container .search-selector .search-selector-header{
position:relative;
}
.card-container .search-selector .search-selector-header .search-selector-close{
position:absolute;
right:-36px;
top:-16px;
height:60px;
z-index:1;
}
.card-container .search-selector .search-selector-header .search-selector-close button{
margin:0;
padding:9px;
border:none;
background:none;
border-radius:50%;
}
.card-container .search-selector .search-selector-header .search-selector-close button span{
display:block;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element/w_air_on/shared/images/icon/icon-close-01.svg) top left no-repeat;
}
.card-container .search-selector .search-selector-header .search-selector-close button:hover{
background-color:#e9f3fb;
}
.card-container .search-selector .search-selector-item{
display:none;
position:absolute;
top:43px;
right:0;
}
.card-container .search-selector .search-selector-item .search-selector-item-inner{
position:relative;
text-align:left;
max-width:172px;
padding:20px 40px 8px 16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:6px;
background:#fff;
z-index:20;
-webkit-box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.card-container .search-selector .search-selector-label{
font-size:14px;
font-weight:bold;
line-height:calc(21/14);
}
.card-container .search-selector .search-selector-list{
font-size:14px;
margin:0 16px 0 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .search-selector .search-selector-list >li{
white-space:nowrap;
}
.card-container .search-selector .search-selector-list >li a{
display:block;
padding:5px 0 5px 20px;
color:var(--cmn-font-color-base);
font-size:12px;
display:block;
text-decoration:none;
}
.card-container .search-selector .search-selector-list >li.is-active a{
background:url(/element_sp/w_air/shared/images/icon-form-checked.svg) no-repeat 0 50%;
background-size:12px auto;
}
.card-container .search-selector .search-selector-btn-container{
position:relative;
}
.card-container .search-selector .search-selector-btn-container .search-selector-tip{
display:none;
position:absolute;
top:100%;
left:50%;
margin-left:-5px;
-webkit-filter:drop-shadow(0px -3px 2px rgba(0, 0, 0, .2));
filter:drop-shadow(0px -3px 2px rgba(0, 0, 0, .2));
z-index:21;
}
.card-container .search-selector .search-selector-btn-container .search-selector-tip::before{
content:"";
display:block;
display:block;
width:17px;
height:10px;
background-color:#fff;
clip-path:polygon(50% 0, 0% 100%, 100% 100%);
}
.card-container .search-selector .search-selector-btn{
position:relative;
display:block;
width:146px;
margin:0;
padding:0 20px 0 11px;
background:#fff;
border:1px solid #ccc;
border-radius:calc(35px / 2);
color:var(--cmn-font-color-base);
font-size:14px;
line-height:35px;
height:35px;
outline:none;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
text-align:left;
}
.card-container .search-selector .search-selector-btn::after{
content:"";
position:absolute;
display:block;
width:0;
height:0;
margin:0;
content:"";
top:50%;
right:8px;
margin-top:-2px;
border-width:6px 5px 0 5px;
border-style:solid;
border-color:#666 transparent transparent transparent;
}

/* local-modal
------------------------------------------------ */
.local-modal-layer-fixed{
overflow:hidden;
position:fixed;
height:100%;
width:100%;
}
_::-webkit-full-page-media,
_:future,
:root .local-modal-layer-fixed{
left:0;
}

/* local-modal-container
---------------------------------- */
.local-modal-container{
display:none;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:fixed;
z-index:1000;
width:100%;
height:100%;

/* for iPad */
height:-webkit-fill-available;
top:0;
left:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:1.5% 0;
}
.local-modal-container.is-active{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.local-modal-container .local-modal-layer{
position:fixed;
width:100%;
height:100%;
margin:auto;
top:0;
left:0;
background-color:rgba(0,0,0,.6);
}
.local-modal-container .local-modal{
position:relative;
z-index:1001;
background-color:#333;
width:100%;

/* max-height: calc(100vh - 80px); */
max-height:100%;
min-height:300px;
padding:0 10px 10px;
margin-top:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-transform:translateZ(1px);
transform:translateZ(1px);
}
.local-modal-container .local-modal .local-modal-hdg-container{
padding:10px 95px 10px 20px;
color:#fff;
position:relative;
font-size:15px;
font-weight:bold;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-hdg-sup{
position:absolute;
right:20px;
top:10px;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-hdg{
display:inline-block;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-select-hdg-notes{
display:inline-block;
width:220px;
margin-left:12px;
vertical-align:middle;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-select-hdg-notes > li{
text-indent:-1em;
margin-left:1em;
font-size:11px;
font-weight:normal;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-select-hdg-clear-btn{
display:block;
background:none;
color:#fff;
border:1px solid #fff;
border-radius:4px;
font-size:12px;
height:25px;
padding:3px 12px 4px;
}
.local-modal-container .local-modal .local-modal-decision{
width:100%;
padding:10px;
background-color:#e5e5e5;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-container .local-modal .local-modal-btn{
display:inline-block;
height:39px;
padding:6px 24px;
line-height:1;
border:none;
border-radius:4px;
color:#fff;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
min-width:7.5em;
cursor:pointer;
background-color:var(--cmn-btn-color);
font-size:20px;
font-weight:bold;
text-shadow:1px 1px 1px rgb(0 0 0 / 40%);
}
.local-modal-container .local-modal .local-modal-content{
background-color:#fff;
width:100%;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
overflow-y:auto;

/* &.local-modal-scroll{
        overflow-y: auto;
      }
      &.local-modal-scroll-hidden{
        scrollbar-width: none;
        &::-webkit-scrollbar{
          display: none;
        }
      } */
}
.local-modal-container .local-modal .local-modal-item{
padding:0 20px 20px;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-container .local-modal .local-modal-btn-close{
position:absolute;
top:-18px;
right:-25px;
}
.local-modal-container .local-modal .local-modal-btn-close button{
border:none;
cursor:pointer;
width:53px;
height:52px;
background:url(/element/shared/images/sprite/sprite-modal-01.png) 0 0 no-repeat;
text-indent:-9999px;
}
.local-modal-container .local-modal .local-modal-btn-close button:active,
.local-modal-container .local-modal .local-modal-btn-close button:hover,
.local-modal-container .local-modal .local-modal-btn-close button:focus{
background-position:0 -65px;
}
.local-modal-container .local-modal .modal-select-header{
margin-top:16px;
font-size:14px;
}
.local-modal-container .local-modal .local-modal-header{
background-color:#fff;
}

/* modal-ow-set, modal-schedule
---------------------------------- */
.local-modal-container.modal-ow-set .local-modal,.local-modal-container.modal-schedule .local-modal{
width:763px;
}

/* modal-select-area
---------------------------------- */
.local-modal-container.modal-select-area .local-modal{
width:435px;
}
.formStep_Area .formStep_Box:before,
.supplementInfo_Area:before,
.form-agent:before,
.formStep_Area .formStep_Box:after,
.supplementInfo_Area:after,
.form-agent:after{
display:table;
content:"";
}
.formStep_Area .formStep_Box:after,
.supplementInfo_Area:after,
.form-agent:after{
clear:both;
}
.str-ssl{
margin:0 auto;
width:800px;
}
.search-detail-item{
overflow:hidden;
padding:10px 10px;
border:3px solid #c9c9c9;
}
.search-detail-item + .nav-internal{
margin:30px 0 -15px;
}
.search-detail-item .search-detail-hdg{
padding:0 10px;
color:var(--cmn-font-color-base);
font-size:15px;
line-height:1.4;
font-weight:bold;
}
.search-detail-item .search-detail-sup{
padding:0 10px;
color:#555;
font-size:13px;
}
.search-detail-item .ticket-id{
margin:10px 0 5px;
color:var(--cmn-font-color-gray);
text-align:right;
font-size:11px;
}
.search-detail-item .ticket-id span:first-child:before{
display:inline-block;
margin:0 4px;
content:"|";
}
.search-detail-item .ticket-id span:first-child:after{
display:inline-block;
margin:0 4px;
content:":";
}
.search-detail-item .agt-detail{
overflow:hidden;
float:right;
margin-top:10px;
}
.search-detail-item .agt-detail .logo{
float:left;
margin-right:7px;
border:1px solid #e2e2e2;
width:63px;
}
.search-detail-item .agt-detail .logo span{
display:table-cell;
width:63px;
height:26px;
vertical-align:middle;
text-align:center;
}
.search-detail-item .agt-detail .logo span img{
max-width:63px;
max-height:26px;
vertical-align:middle;
}
.search-detail-item .agt-detail .name{
display:inline-block;
padding-top:5px;
font-size:11px;
}
.search-detail-item .agt-detail .name img{
vertical-align:middle;
}
.search-detail-item .search-detail-col-container{
margin:0 -10px;
}
.search-detail-item .search-detail-col-container .search-detail-col{
display:table;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
width:100%;
table-layout:fixed;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-col-item-01{
display:table-cell;
border-right:1px solid #ddd;
width:283px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-col-item-02{
display:table-cell;
padding:10px;
vertical-align:top;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-col-item-02 .search-detail-col-item-02-col .air-tbl{
float:left;
width:423px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-col-item-02 .search-detail-col-item-02-col .list-air-type{
overflow:hidden;
padding:5px 0 0 10px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-01{
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-01 th,
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-01 td{
vertical-align:top;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-01 th{
padding:5px 5px 5px 10px;
width:131px;
text-align:left;
line-height:1.3;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-01 td{
padding:5px 10px 5px 5px;
color:var(--cmn-font-color-base);
text-align:right;
font-size:11px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-01 .notes{
display:block;
color:var(--cmn-font-color-gray);
font-weight:normal;
font-size:10px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-01 .sum th .notes{
font-size:11px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-01 .sum th,
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-01 .sum td{
border-bottom:1px dotted #ddd;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-01 .sum th{
color:var(--cmn-font-color-base);
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-01 .sum td{
vertical-align:bottom;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-01 .sum .num{
margin-right:2px;
font-weight:bold;
font-size:22px;
font-family:var(--font-num);
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-01 .commission th{
text-align:right;
font-size:11px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-01 .commission th,
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-01 .commission td{
padding-bottom:0;
color:#555;
font-weight:normal;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-01 .commission .num{
margin-right:2px;
font-size:13px;
font-family:var(--font-num);
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02{
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 th,
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 td{
vertical-align:top;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 th{
padding:3px 5px 3px 10px;
width:88px;
text-align:left;
line-height:1.3;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 td{
padding:3px 10px 3px 5px;
color:var(--cmn-font-color-base);
text-align:right;
font-size:11px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 .notes{
display:block;
color:var(--cmn-font-color-gray);
font-weight:normal;
font-size:10px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 .price th .notes{
font-size:12px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 .price th,
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 .price td{
padding-top:10px;
padding-bottom:10px;
border-bottom:1px dotted #ddd;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 .price th{
color:var(--cmn-font-color-base);
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 .price td{
vertical-align:bottom;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 .price .num{
margin-right:2px;
font-weight:bold;
font-size:22px;
font-family:var(--font-num);
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 .sum th,
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 .sum td{
border-top:1px dotted #ddd;
color:#555;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 .sum th{
font-weight:normal;
font-size:11px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 .sum .num{
margin-right:2px;
font-size:13px;
font-family:var(--font-num);
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 .commission th{
font-size:11px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 .commission th,
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 .commission td{
color:#555;
vertical-align:top;
font-weight:normal;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-02 .commission .num{
margin-right:2px;
font-size:13px;
font-family:var(--font-num);
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03{
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 th,
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 td{
vertical-align:top;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 th{
padding:3px 5px 3px 10px;
width:65px;
text-align:left;
line-height:1.3;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 td{
padding:3px 10px 3px 5px;
color:var(--cmn-font-color-base);
text-align:right;
font-size:11px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .notes{
display:block;
color:var(--cmn-font-color-gray);
font-weight:normal;
font-size:10px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price th,
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price td{
padding-top:10px;
padding-bottom:10px;
border-bottom:1px dotted #ddd;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price th{
color:var(--cmn-font-color-base);
text-align:center;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price td{
vertical-align:bottom;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price .num{
margin-right:2px;
font-weight:bold;
font-size:22px;
font-family:var(--font-num);
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price-02 th,
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price-02 td{
padding-top:10px;
padding-bottom:10px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price-02 th{
color:var(--cmn-font-color-base);
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price-02 td{
vertical-align:bottom;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .price-02 .num{
margin-right:2px;
font-weight:bold;
font-size:22px;
font-family:var(--font-num);
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .sum th,
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .sum td{
border-top:1px dotted #ddd;
color:#555;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .sum th{
font-weight:bold;
font-size:12px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .sum .num{
margin-right:2px;
font-size:13px;
font-family:var(--font-num);
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .commission th{
font-size:11px;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .commission th,
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .commission td{
color:#555;
vertical-align:middle;
font-weight:normal;
}
.search-detail-item .search-detail-col-container .search-detail-col .search-detail-price-tbl-03 .commission .num{
margin-right:2px;
font-size:13px;
font-family:var(--font-num);
}
.search-detail-item .search-detail-col-container .air-detail{
overflow:hidden;
margin-bottom:10px;
}
.search-detail-item .search-detail-col-container .air-detail .logo{
float:left;
margin-right:10px;
border:1px solid #e2e2e2;
width:86px;
}
.search-detail-item .search-detail-col-container .air-detail .logo span{
display:table-cell;
width:86px;
height:32px;
vertical-align:middle;
text-align:center;
}
.search-detail-item .search-detail-col-container .air-detail .logo span img{
max-width:86px;
max-height:32px;
vertical-align:middle;
}
.search-detail-item .search-detail-col-container .air-detail .name{
overflow:hidden;
font-weight:bold;
font-size:12px;
}
.search-detail-item .search-detail-col-container .air-detail .name .carriar-notes{
display:block;
font-weight:normal;
font-size:10px;
}
.search-detail-item .search-detail-col-container .air-tbl{
margin-top:8px;
border-collapse:collapse;
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
width:100%;
color:#555;
table-layout:fixed;
}
.search-detail-item .search-detail-col-container .air-tbl th{
border-left:1px solid #d9d9d9;
background-color:#f3f3f3;
font-weight:normal;
font-size:10px;
}
.search-detail-item .search-detail-col-container .air-tbl td{
border-left:1px solid #d9d9d9;
text-align:center;
font-size:11px;
}
.search-detail-item .search-detail-col-container .air-tbl th:first-child,
.search-detail-item .search-detail-col-container .air-tbl td:first-child{
border-left:none;
}
.search-detail-item .search-detail-col-container .list-air-type{
margin-left:-2px;
font-size:0;
}
.search-detail-item .search-detail-col-container .list-air-type li{
display:inline-block;
margin-bottom:4px;
margin-left:2px;
border:1px solid #aaa;
width:80px;
height:17px;
color:var(--cmn-font-color-base);
text-align:center;
font-size:11px;
}
.search-detail-item .search-detail-col-container .list-air-type li.disabled{
opacity:.25;
}

/* ----------------------------------------------------------------
  Detail Item
----------------------------------------------------------------- */
/* .detail-item
----------------------------------------------- */
.detail-item{
margin-top:30px;
padding:20px;
border:4px solid #777;
border-radius:6px;
}
.detail-item .detail-item-inr{
margin:20px -20px 0;
padding:15px 20px 0;
border-top:4px solid #777;
}

/* .detail-item-hdg
----------------------------------------------- */
.detail-item .detail-item-hdg{
margin:-20px -20px 20px;
padding:10px 20px;
color:#fff;
background-color:#777;
font-weight:bold;
font-size:18px;
}
.detail-item .detail-item-hdg .sup{
position:relative;
bottom:5px;
margin-left:4px;
font-size:10px;
}

/* .detail-item-hdg-01
----------------------------------------------- */
.detail-item .detail-item-hdg-01{
margin:25px 0 20px;
padding:7px 10px 5px;
color:var(--cmn-font-color-base);
background-color:#e8e8e8;
font-weight:bold;
font-size:12px;
}
.detail-item-hdg + .detail-item-hdg-01{
margin-top:0;
}

/* .detail-item-hdg-02
----------------------------------------------- */
.detail-item .detail-item-hdg-02{
margin:25px 0 15px;
padding:7px 10px 5px;
color:#fff;
background-color:#888;
font-weight:bold;
font-size:12px;
}
.detail-item .detail-item-hdg-02 .sup{
position:relative;
bottom:3px;
margin-left:4px;
font-size:10px;
}

/* .detail-item-list-separate
----------------------------------------------- */
.detail-item-hdg-01 + .detail-item-list-separate{
margin-top:-5px;
}

/* .detail-item-list-separate-line
----------------------------------------------- */
.detail-item .detail-item-list-separate{
margin:0 10px;
font-size:12px;
}
.detail-item .detail-item-list-separate > li{
overflow:hidden;
margin-top:10px;
}
.detail-item .detail-item-list-separate > li > div{
overflow:hidden;
}
.detail-item .detail-item-list-separate > li > div:first-child{
overflow:visible;
-webkit-box-sizing:border-box;
box-sizing:border-box;
float:left;
padding-right:10px;
min-width:12em;
font-weight:bold;
}
.detail-item .detail-item-list-separate-line{
margin-top:10px;
font-size:12px;
}
.detail-item .detail-item-list-separate-line > li{
display:table;
border-bottom:1px solid #ddd;
width:100%;
}
.detail-item .detail-item-list-separate-line > li:first-child{
border-top:1px solid #ddd;
}
.detail-item .detail-item-list-separate-line > li > div.detail-item-list-top{
vertical-align:top;
}
.detail-item .detail-item-list-separate-line:last-child > li:last-child{
border-bottom:none;
}
.detail-item .detail-item-list-separate-line > li > div{
display:table-cell;
position:relative;
padding:10px 0;
vertical-align:middle;
}
.detail-item .detail-item-list-separate-line > li > div:first-child{
padding-right:42px;
width:8em;
font-weight:bold;
}
.detail-item .detail-item-list-separate-line > li > div:first-child > span{
display:block;
}
.detail-item .detail-item-list-separate-line > li > div > .cmn-tip-btn{
position:absolute;
top:50%;
right:20px;
margin-top:-6px;
}
.detail-item .detail-item-list-separate-line > li > div > .notice-list{
font-size:12px;
}
.detail-item .detail-item-hdg + .detail-item-list-separate-line > li:first-child{
border-top:none;
}
.detail-item [class^="detail-item-list-separate"] > li .tel{
font-size:16px;
line-height:1.2;
}

/* .detail-item-list-line-punc
----------------------------------------------- */
.detail-item-list-line-punc{
overflow:hidden;
font-size:11px;
}
.detail-item-list-line-punc > li{
overflow:hidden;
position:relative;
float:left;
padding-right:1em;
}
.detail-item-list-line-punc > li:after{
position:absolute;
top:0;
right:0;
content:"\ff0f";
}
.detail-item-list-line-punc > li:last-child{
padding-right:0;
}
.detail-item-list-line-punc > li:last-child:after{
display:none;
}
.detail-item-list-line-punc > li > div{
float:left;
}
.detail-item-list-line-punc > li > div:first-child:after{
content:"\ff1a";
}
.detail-item-list-line-punc > li.disabled{
color:#ccc;
}
.detail-item-list-line-punc img{
vertical-align:middle;
}
.detail-item-list-separate .detail-item-list-line-punc,
.detail-item-list-separate-line .detail-item-list-line-punc{
font-size:12px;
}

/* ----------------------------------------------------------------
  data-item-description
----------------------------------------------------------------- */
/* .data-item-description
----------------------------------------------- */
.data-item-description{
margin-bottom:10px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
}
.data-item-description span{
font-weight:normal;
font-size:11px;
}
.data-item-description:before{
content:"\2193";
}

/* .data-item-description-02
----------------------------------------------- */
.data-item-description-02{
margin-bottom:5px;
font-weight:bold;
font-size:12px;
}
.data-item-description-02 span{
font-size:10px;
}
.data-item-description-02 + .flight-tbl{
margin-top:3px;
}

/* ----------------------------------------------------------------
  Detail Component
----------------------------------------------------------------- */
/* .detail-item-btn-cv-container
----------------------------------------------- */
.detail-item-btn-cv-container{
clear:both;
margin-top:15px;
text-align:center;
}
.detail-item-btn-cv-container .detail-item-btn-cv{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
padding:5px 15px;
border:none;
border-radius:4px;
height:41px;
min-width:250px;
color:#fff;
background-color:var(--cmn-btn-color);
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
white-space:nowrap;
font-weight:bold;
font-size:20px;
}
.detail-item-btn-cv-container .detail-item-btn-cv:link,
.detail-item-btn-cv-container .detail-item-btn-cv:visited,
.detail-item-btn-cv-container .detail-item-btn-cv:hover,
.detail-item-btn-cv-container .detail-item-btn-cv:active{
color:#fff;
}
.detail-item-btn-cv-container .detail-item-btn-cv:hover{
background-color:#67a700;
}
.detail-item-btn-cv-container .detail-item-btn-cv:hover,
.detail-item-btn-cv-container .detail-item-btn-cv:active,
.detail-item-btn-cv-container .detail-item-btn-cv:focus{
color:#fff;
text-decoration:none;
}
.detail-item-btn-cv-container .detail-item-btn-cv-01{
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #bebebe;
border-radius:4px;
height:44px;
min-width:180px;
color:#555;
background-color:#fff;
-webkit-box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
font-weight:bold;
font-size:16px;
}
.detail-item-btn-cv-container .detail-item-btn-cv-01 > span{
position:relative;
padding-left:15px;
}
.detail-item-btn-cv-container .detail-item-btn-cv-01 > span:before{
display:block;
position:absolute;
border-right:1px solid #555;
border-bottom:1px solid #555;
width:3px;
height:3px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.detail-item-btn-cv-container .detail-item-btn-cv-01 > span:before{
position:absolute;
top:8px;
left:0;
}
.detail-item-btn-cv-container .detail-item-btn-cv-note{
margin-bottom:15px;
color:#555;
font-size:12px;
}
.detail-item-btn-cv-container .detail-item-btn-cv-note b{
padding:2px 10px;
color:#555;
background-color:#f1f1f1;
font-size:12px;
}
.detail-item-btn-cv-container .detail-item-btn-cv-note > li:before{
display:inline-block;
content:"\30FB";
}
.detail-item-btn-cv-container .detail-item-btn-cv-list > li{
display:inline-block;
margin:0 3px;
}
.detail-item-btn-cv-container .detail-nav-internal{
margin:0 0 20px;
text-align:right;
}
.detail-item-btn-cv-container .detail-nav-internal > li{
display:inline-block;
}
.detail-item-btn-cv-container .detail-nav-internal > li a,
.detail-item-btn-cv-container .detail-nav-internal > li a:link,
.detail-item-btn-cv-container .detail-nav-internal > li a:visited,
.detail-item-btn-cv-container .detail-nav-internal > li a:hover,
.detail-item-btn-cv-container .detail-nav-internal > li a:active{
padding:0 20px;
color:#555;
font-size:12px;
}

/* .company-info,detail-info
----------------------------------------------- */
.detail-item .company-info{
position:relative;
margin-bottom:15px;
padding:0 0 15px 140px;
border-bottom:1px dotted #ccc;
font-size:12px;
}
.detail-item .company-info .company-info-hdg{
margin-bottom:10px;
font-size:14px;
}
.detail-item .company-info .company-info-hdg > a{
position:relative;
margin-left:25px;
padding-left:13px;
color:#555;
}
.detail-item .company-info .company-info-hdg > a:before{
display:block;
position:absolute;
border-right:1px solid #555;
border-bottom:1px solid #555;
width:3px;
height:3px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.detail-item .company-info .company-info-hdg > a:before{
position:absolute;
top:7px;
left:0;
}
.detail-item .company-info .company-info-btn{
overflow:hidden;
margin-top:15px;
}
.detail-item .company-info .company-info-btn .company-info-btn-tel{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
padding:16px 0;
border:1px solid #bebebe;
border-radius:4px;
width:240px;
color:#555;
background-color:#fff;
-webkit-box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
font-weight:bold;
font-size:16px;
}
.detail-item .company-info .company-info-btn .company-info-btn-tel > span{
position:relative;
padding-left:15px;
}
.detail-item .company-info .company-info-btn .company-info-btn-tel > span: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);
}
.detail-item .company-info .company-info-btn .company-info-btn-tel > span:before{
position:absolute;
top:8px;
left:0;
}
.detail-item .company-info .company-info-btn .company-info-btn-tel > span > span{
display:block;
}
.detail-item .company-info .company-info-btn .company-info-btn-tel:hover,
.detail-item .company-info .company-info-btn .company-info-btn-tel:focus,
.detail-item .company-info .company-info-btn .company-info-btn-tel:active{
text-decoration:none;
}
.detail-item .company-info .company-info-btn .company-info-btn-note{
display:inline-block;
position:relative;
margin-top:5px;
padding-left:1em;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.detail-item .company-info .company-info-btn .company-info-btn-note:before{
position:absolute;
top:0;
left:0;
content:"\203b";
}
.detail-item .company-info .company-info-logo{
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:absolute;
top:0;
left:0;
border:1px solid #ccc;
width:125px;
height:50px;
background-color:#fff;
}
.detail-item .company-info .company-info-logo > img{
position:absolute;
right:50%;
bottom:50%;
max-width:100%;
max-height:100%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
}
.detail-item .detail-branch-01{
padding-top:15px;
border-top:1px solid #ddd;
}
.detail-item .detail-branch-02{
margin-top:15px;
padding-top:15px;
border-top:1px solid #ccc;
}

/* .detail-item-tbl-02
------------------------------------------------*/
.detail-item-tbl-02{
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.detail-item-tbl-02 .top-line th,
.detail-item-tbl-02 .top-line td{
border-top:1px solid #ddd;
}
.detail-item-tbl-02 tr:last-child th,
.detail-item-tbl-02 tr:last-child td{
border-bottom:none;
}
.detail-item-tbl-02 tr.bottom-line th,
.detail-item-tbl-02 tr.bottom-line td{
border-bottom:1px solid #ddd;
}
.detail-item-tbl-02 th,
.detail-item-tbl-02 td{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:10px 5px;
border-bottom:1px solid #ddd;
}
.detail-item-tbl-02 th{
position:relative;
color:var(--cmn-font-color-base);
text-align:left;
font-size:12px;
line-height:1.4;
}
.detail-item-tbl-02 th .cmn-tip-btn{
position:absolute;
right:5px;
margin-top:2px;
}
.detail-item-tbl-02 td{
padding-left:10px;
color:var(--cmn-font-color-base);
font-size:12px;
}
.detail-item-tbl-02 td + th{
padding-left:10px;
border-left:1px solid #ddd;
}
.detail-item-tbl-02 colgroup .tbl-head{
width:130px;
}
.detail-item-tbl-02 .direct{
color:var(--cmn-font-color-red);
}
.detail-item-tbl-02 .direct-notes{
font-size:10px;
}
.detail-item-tbl-02 .tbl-align-top{
vertical-align:top;
}
.detail-item-inr .detail-item-tbl-02{
border-top:none;
}
.detail-item-inr .detail-item-tbl-02 tr:last-child th,
.detail-item-inr .detail-item-tbl-02 tr:last-child td{
border-bottom:none;
}

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

/* detail-item-balloon
------------------------------------------------ */
.detail-item-balloon{
display:inline-block;
position:relative;
background-color:rgb(234, 234, 234);
border-radius:4px;
margin-top:5px;
padding:7px 10px;
text-align:left;
float:right;
}
.detail-item-balloon:before{
content:"";
border-width:0 8px 10px 8px;
border-color:transparent transparent #eaeaea transparent;
border-style:solid;
width:0;
height:0;
position:absolute;
top:-8px;
right:40px;
}
.detail-item-balloon .detail-item-notes li{
font-size:12px;
}
.detail-item-balloon .detail-item-notes li.indent{
text-indent:-1em;
margin-left:1em;
}

/* .flight-select-tbl
------------------------------------------------*/
.flight-select-tbl{
margin:0 0 10px;
border:1px solid #ccc;
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.flight-select-tbl thead th{
padding:3px 5px;
color:#555;
background-color:#f1f1f1;
font-weight:normal;
font-size:10px;
}
.flight-select-tbl thead th.flight-type{
width:55px;
font-weight:bold;
font-size:12px;
}
.flight-select-tbl thead th.flight-type span{
font-size:10px;
}
.flight-select-tbl thead th.flight-number{
width:80px;
}
.flight-select-tbl thead th.flight-date{
padding-right:25px;
padding-left:5px;
}
.flight-select-tbl thead th.flight-date + .flight-date{
padding-right:5px;
padding-left:25px;
}
.flight-select-tbl thead th.flight-time{
width:105px;
}
.flight-select-tbl thead th.flight-name{
width:86px;
}
.flight-select-tbl thead th.flight-vacancy{
width:60px;
}
.flight-select-tbl tbody tr:first-child td{
border-top:none;
}
.flight-select-tbl tbody td{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:6px 3px;
border-top:1px solid #ccc;
color:var(--cmn-font-color-base);
font-size:10px;
}
.flight-select-tbl tbody td.flight-type{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
text-align:center;
font-size:12px;
}
.flight-select-tbl tbody td.flight-type input[type="radio"]{
display:block;
margin:0 auto 5px;
}
.flight-select-tbl tbody td.flight-number{
text-align:center;
font-size:12px;
}
.flight-select-tbl tbody td.flight-number span{
display:block;
font-size:10px;
}
.flight-select-tbl tbody td.flight-date{
padding-right:25px;
padding-left:5px;
text-align:center;
}
.flight-select-tbl tbody td.flight-date + .flight-date{
padding-right:5px;
padding-left:0;
}
.flight-select-tbl tbody td.flight-date b{
display:block;
font-size:12px;
font-family:var(--font-num);
}
.flight-select-tbl tbody td.flight-date .arrival{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
position:relative;
padding-left:25px;
width:100%;
}
.flight-select-tbl tbody td.flight-date .arrival .mark-flight-type{
display:block;
position:absolute;
top:50%;
left:-18px;
margin-top:4px;
width:4em;
font-size:10px;
line-height:1.1;
}
.flight-select-tbl tbody td.flight-date .arrival:before{
position:absolute;
top:50%;
left:-12px;
margin-top:-1px;
width:24px;
height:2px;
background-color:#cbcbcb;
content:"";
}
.flight-select-tbl tbody td.flight-date .arrival:after{
position:absolute;
top:50%;
left:12px;
margin-top:-4px;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:5px solid #cbcbcb;
content:"";
}
.flight-select-tbl tbody td.flight-time{
text-align:center;
font-size:12px;
}
.flight-select-tbl tbody td.flight-name{
text-align:center;
}
.flight-select-tbl tbody td.flight-name .logo{
display:table-cell;
border:1px solid #e2e2e2;
width:86px;
height:32px;
vertical-align:middle;
text-align:center;
}
.flight-select-tbl tbody td.flight-name .logo img{
max-width:86px;
max-height:32px;
vertical-align:middle;
}
.flight-select-tbl tbody td.flight-vacancy{
text-align:center;
}
.flight-select-tbl tbody td.flight-vacancy .status-01:before{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
margin:0 auto;
border:3px solid var(--cmn-btn-color);
border-radius:50%;
width:16px;
height:16px;
content:"";
}
.flight-select-tbl tbody td .flight-select-error{
padding:20px 0;
color:var(--cmn-font-color-red);
text-align:center;
font-size:12px;
}
.flight-select-tbl .flight-transfer + .flight-transfer .flight-type{
border-top-style:solid;
}
.flight-select-tbl .flight-transfer + .flight-transfer .flight-type + td{
border-top-style:solid;
}
.flight-select-tbl .flight-transfer + .flight-transfer .flight-type + td + td{
border-top-style:solid;
}
.flight-select-tbl .flight-transfer + .flight-transfer .flight-type + td + td + td{
border-top-style:solid;
}
.flight-select-tbl .flight-transfer + .flight-transfer .flight-type + td + td + td + td{
border-top-style:solid;
}
.flight-select-tbl .flight-transfer + .flight-transfer .flight-type + td + td + td + td + td{
border-top-style:solid;
}
.flight-select-tbl .flight-transfer + .flight-transfer .flight-type + td + td + td + td + td + td{
border-top-style:solid;
}
.flight-select-tbl .flight-transfer + .flight-transfer th,
.flight-select-tbl .flight-transfer + .flight-transfer td{
border-top-style:dotted;
}
.flight-select-tbl.flight-tbl-return .selected{
border-color:#f09d03;

}
.flight-select-tbl.flight-tbl-return .selected .flight-type{
border-bottom:3px solid #f09d03;
}
.flight-select-tbl.flight-tbl-return .selected.flight-transfer-last{
border-bottom:3px solid #f09d03;
}
.flight-select-tbl .selected{
border:3px solid #389ab3;
}
.flight-select-tbl .selected .flight-type{
border-bottom:3px solid #389ab3;
}
.flight-select-tbl .selected + .selected{
border-top:none;
}
.flight-select-tbl .selected.flight-transfer{
border-bottom:none;
}
.flight-select-tbl .selected.flight-transfer-last{
border-bottom:3px solid #389ab3;
}

/* .flight-tbl
------------------------------------------------*/
.flight-tbl{
margin-top:15px;
border:1px solid #ccc;
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.flight-tbl thead th{
padding:3px 5px;
color:#555;
background-color:#f1f1f1;
font-weight:normal;
font-size:10px;
}
.flight-tbl thead th.flight-type{
width:55px;
font-weight:bold;
font-size:12px;
}
.flight-tbl thead th.flight-type span{
font-size:10px;
}
.flight-tbl thead th.flight-number{
width:140px;
}
.flight-tbl thead th.flight-date{
padding-right:25px;
}
.flight-tbl thead th.flight-date + .flight-date{
padding-right:5px;
padding-left:25px;
}
.flight-tbl thead th.flight-time{
width:105px;
}
.flight-tbl thead th.flight-name{
width:86px;
}
.flight-tbl tbody tr:first-child th,
.flight-tbl tbody tr:first-child td{
border-top:none;
}
.flight-tbl tbody .flight-transfer + .flight-transfer .flight-type{
border-top-style:solid;
}
.flight-tbl tbody .flight-transfer + .flight-transfer .flight-type + td{
border-top-style:solid;
}
.flight-tbl tbody .flight-transfer + .flight-transfer .flight-type + td + td{
border-top-style:solid;
}
.flight-tbl tbody .flight-transfer + .flight-transfer .flight-type + td + td + td{
border-top-style:solid;
}
.flight-tbl tbody .flight-transfer + .flight-transfer .flight-type + td + td + td + td{
border-top-style:solid;
}
.flight-tbl tbody .flight-transfer + .flight-transfer .flight-type + td + td + td + td + td{
border-top-style:solid;
}
.flight-tbl tbody .flight-transfer + .flight-transfer .flight-type + td + td + td + td + td + td{
border-top-style:solid;
}
.flight-tbl tbody .flight-transfer + .flight-transfer th,
.flight-tbl tbody .flight-transfer + .flight-transfer td{
border-top-style:dotted;
}
.flight-tbl tbody td{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:6px 3px;
border-top:1px solid #ccc;
color:#555;
font-size:10px;
}
.flight-tbl tbody td.flight-type{
text-align:center;
font-size:12px;
}
.flight-tbl tbody td.flight-number{
text-align:center;
font-size:12px;
}
.flight-tbl tbody td.flight-number span{
display:block;
font-size:11px;
}
.flight-tbl tbody td.flight-date{
padding-right:25px;
text-align:center;
}
.flight-tbl tbody td.flight-date + .flight-date{
padding-right:5px;
padding-left:25px;
}
.flight-tbl tbody td.flight-date > span{
display:block;
margin:0 auto;
width:80px;
font-size:12px;
}
.flight-tbl tbody td.flight-date b{
display:block;
margin:0 auto;
width:80px;
font-size:12px;
font-family:var(--font-num);
}
.flight-tbl tbody td.flight-date .arrival{
display:inline-block;
position:relative;
margin-top:0;
}
.flight-tbl tbody td.flight-date .arrival > span{
display:block;
}
.flight-tbl tbody td.flight-date .arrival .mark-flight-type{
display:block;
position:absolute;
top:50%;
left:-58px;
margin-top:0;
width:4em;
font-size:10px;
line-height:1.1;
}
.flight-tbl tbody td.flight-date .arrival:before{
position:absolute;
top:50%;
left:-50px;
margin-top:-6px;
width:24px;
height:2px;
background-color:#cbcbcb;
content:"";
}
.flight-tbl tbody td.flight-date .arrival:after{
position:absolute;
top:50%;
left:-29px;
margin-top:-9px;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:5px solid #cbcbcb;
content:"";
}
.flight-tbl tbody td.flight-time{
text-align:center;
font-size:12px;
}
.flight-tbl tbody td.flight-time span{
display:block;
font-size:10px;
}
.flight-tbl tbody td.flight-name{
text-align:center;
}
.flight-tbl tbody td.flight-name .logo{
display:table-cell;
border:1px solid #e2e2e2;
width:86px;
height:32px;
vertical-align:middle;
text-align:center;
}
.flight-tbl tbody td.flight-name .logo img{
max-width:86px;
max-height:32px;
vertical-align:middle;
}

/* .flight-tbl-02
------------------------------------------------*/
.flight-tbl-02{
margin-bottom:15px;
border-collapse:collapse;
border-top:1px solid #ddd;
width:100%;
table-layout:fixed;
}
.flight-tbl-02 .tbl-head{
width:130px;
}
.flight-tbl-02 th,
.flight-tbl-02 td{
padding:2px 10px;
border-bottom:1px solid #ddd;
}
.flight-tbl-02 th{
color:#555;
background-color:#f1f1f1;
font-weight:normal;
font-size:11px;
}
.flight-tbl-02 td{
color:var(--cmn-font-color-base);
font-size:12px;
}

/* .price-tbl-02
------------------------------------------------*/
.price-tbl-02{
margin-top:10px;
border-collapse:collapse;
border-top:1px solid #ccc;
width:100%;
table-layout:fixed;
}
.price-tbl-02 th,
.price-tbl-02 td{
padding:3px 5px;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
}
.price-tbl-02 th{
color:#555;
font-size:10px;
line-height:1.3;
}
.price-tbl-02 th:first-child{
border-left:none;
}
.price-tbl-02 td{
color:var(--cmn-font-color-base);
text-align:right;
font-size:12px;
line-height:1.3;
}
.price-tbl-02 thead th{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
border-bottom:none;
background-color:#f1f1f1;
font-weight:normal;
}
.price-tbl-02 thead th .cmn-tip-btn{
position:absolute;
top:10px;
right:3px;
}
.price-tbl-02 .notes-01{
display:block;
margin:0 auto;
width:4em;
color:#555;
font-size:10px;
}
.price-tbl-02 .notes-02{
display:block;
color:#555;
font-size:10px;
}
.price-tbl-02 .number{
margin-right:2px;
font-size:13px;
font-family:var(--font-num);
}
.price-tbl-02 .price-item-01{
width:60px;
}
.price-tbl-02 .price-item-01 span{
display:block;
font-weight:normal;
font-size:10px;
}
.price-tbl-02 .price-item-05{
width:110px;
}
.price-tbl-02 .price-item-06{
width:110px;
}
.price-tbl-02 .price-item-07{
width:35px;
text-align:center;
}
.price-tbl-02.price-tbl-02-wide .price-item-01{
width:90px;
height:29px;
}
.price-tbl-02.price-tbl-02-wide .price-item-08{
width:135px;
}

/* .price-sum-container
------------------------------------------------*/
.price-sum-container{
text-align:right;
margin-top:5px;
}
.price-sum-container .price-sup{
display:inline-block;
padding:3px 5px;
vertical-align:middle;
text-align:right;
font-weight:bold;
font-size:13px;
}
.price-sum-container .price-sum{
display:inline-block;
padding:3px 5px;
vertical-align:middle;
text-align:right;
font-size:11px;
line-height:1.3;
}
.price-sum-container .price-sum b{
margin-right:2px;
font-weight:bold;
font-size:22px;
font-family:var(--font-num);
}
.price-sum-container .notes-02{
display:block;
margin-top:-2px;
color:#555;
font-size:11px;
}

/* contact-info
------------------------------------------------ */
.contact-info{
margin-bottom:30px;
text-align:center;
font-weight:bold;
font-size:15px;
}
.contact-info .contact-info-notes{
margin-top:10px;
}

/* formInformation_Txt
------------------------------------------------ */
.formInformation_Txt{
text-align:right;
}

/* formStep_Area
------------------------------------------------ */
.formStep_Area{
position:relative;
padding-top:10px;
}
.formStep_Area.bottom{
padding-top:90px;
}
.formStep_Area .formStep_Box{
padding:0 0 10px 0;
}
.formStep_Area .formStep_Box li{
float:left;
padding-right:15px;
background:url(/element/shared/images/form/form_ar01_001.gif) no-repeat right 19px;
text-align:center;
}
.formStep_Area .formStep_Box li:last-child{
padding-right:0;
}
.formStep_Area .formStep_Box li span{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
border:solid 3px #898989;
width:135px;
height:51px;
color:#555;
vertical-align:middle;
font-weight:bold;
line-height:1.2;
}
.formStep_Area .formStep_Box li.stay span{
border-color:#666;
color:#fff;
background-color:#666;
}
.formStep_Area .formStep_Box li.travelCmp span{
border-color:#c9c9c9;
width:200px;
background-color:#e5e5e5;
}
.formStep_Area .formStep_Box li span.note{
display:inline-block;
margin-top:3px;
border:none;
color:#555;
text-align:left;
font-size:10px;
}
.supplementInfo_Area{
position:absolute;
top:62px;
width:100%;
}
.supplementInfo_Area p > a{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
display:block;
margin-top:3px;
padding:2px 5px;
border:1px solid #bebebe;
border-radius:2px;
color:#555;
background-color:#fff;
-webkit-box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
text-align:center;
font-size:10px;
}
.supplementInfo_Area .requiredInfo{
position:relative;
float:left;
width:135px;
}
.supplementInfo_Area .requiredInfo .baloonGuide_Box{
top:22px;
left:-20px;
width:350px;
}
.supplementInfo_Area .requiredInfo .baloonGuide_Box:before{
position:absolute;
top:0;
left:103px;
}
.supplementInfo_Area .requiredInfo .baloonGuide_Box table{
border-collapse:collapse;
width:100%;
font-size:11px;
}
.supplementInfo_Area .requiredInfo .baloonGuide_Box table th{
width:86px;
background-color:#ececec;
font-weight:normal;
}
.supplementInfo_Area .requiredInfo .baloonGuide_Box table td{
padding:13px 10px 14px 9px;
background-color:#f9f9f9;
}
.supplementInfo_Area .requiredInfo .baloonGuide_Box table .border th,
.supplementInfo_Area .requiredInfo .baloonGuide_Box table .border td{
border-bottom:solid 1px #d6d6d6;
}
.supplementInfo_Area .process_travelCompany{
position:relative;
float:right;
width:200px;
}
.supplementInfo_Area .process_travelCompany .baloonGuide_Box{
top:22px;
right:-20px;
width:400px;
}
.supplementInfo_Area .process_travelCompany .baloonGuide_Box div:before,
.supplementInfo_Area .process_travelCompany .baloonGuide_Box div:after{
position:absolute;
left:71%;
}
.supplementInfo_Area .process_travelCompany .baloonGuide_Box .text_List{
margin:10px 0 0 0;
}
.supplementInfo_Area .process_travelCompany .baloonGuide_Box .text_List li{
padding-left:1em;
color:var(--font-color-btn-link);
text-indent:-1em;
font-size:12px;
line-height:1.3;
}
.supplementInfo_Area .process_travelCompany .baloonGuide_Box .formStep_Box{
margin-top:14px;
padding-bottom:0;
}
.supplementInfo_Area .process_travelCompany .baloonGuide_Box .formStep_Box li{
float:left;
padding-right:11px;
text-align:center;
}
.supplementInfo_Area .process_travelCompany .baloonGuide_Box .formStep_Box li span{
display:table-cell;
border:solid 3px #898989;
width:81px;
height:36px;
color:#555;
vertical-align:middle;
font-weight:bold;
font-size:10px;
line-height:1.2;
}
.supplementInfo_Area .process_travelCompany .baloonGuide_Box .formStep_Box li span.note{
display:inline-block;
margin-top:2px;
border:none;
height:1.2em;
color:#555;
background-color:#fff;
font-size:10px;
}
.supplementInfo_Area .process_travelCompany .baloonGuide_Box .formStep_Box li.travelCmp span{
border-color:#c9c9c9;
color:var(--cmn-font-color-base);
background-color:#e5e5e5;
}
.supplementInfo_Area .baloonGuide_Box{
position:absolute;
z-index:1;
}
.supplementInfo_Area .baloonGuide_Box div{
position:relative;
margin-top:13px;
padding:12px 15px 14px 15px;
border:solid 1px #c2c2c2;
border-radius:5px;
background-color:#fff;
-webkit-box-shadow:1px 1px 3px 1px #ddd;
box-shadow:1px 1px 3px 1px #ddd;
font-size:12px;
}
.supplementInfo_Area .baloonGuide_Box div:before,
.supplementInfo_Area .baloonGuide_Box div:after{
display:block;
position:absolute;
top:-10px;
left:23%;
border-right:10px solid transparent;
border-left:10px solid transparent;
content:"";
}
.supplementInfo_Area .baloonGuide_Box div:before{
border-bottom:10px solid #c2c2c2;
}
.supplementInfo_Area .baloonGuide_Box div:after{
margin-top:1px;
border-bottom:10px solid #fff;
}
.supplementInfo_Area .baloonGuide_Box .title_Txt{
margin-bottom:10px;
border-bottom:dotted 1px #a9a8a8;
font-size:13px;
}
.w_air_on .formStep_Box li{
padding:0 10px 0 0;
background-position-x:103%;
}
.w_air_on .formStep_Box li span{
width:80px;
font-weight:normal;
font-size:11px;
}
.w_air_on .formStep_Box li.travelCmp span{
width:168px;
font-weight:bold;
font-size:13px;
}
.w_air_on .formStep_Box li.travelCmp span .small_Txt{
font-weight:normal;
font-size:10px;
}
.w_air_on .supplementInfo_Area .requiredInfo{
padding-left:270px;
width:80px;
}
.w_air_on .supplementInfo_Area .requiredInfo .baloonGuide_Box{
left:40px;
}
.w_air_on .supplementInfo_Area .requiredInfo .baloonGuide_Box div:before,
.w_air_on .supplementInfo_Area .requiredInfo .baloonGuide_Box div:after{
left:260px;
}
.w_air_on .supplementInfo_Area .process_travelCompany{
width:170px;
}
.w_air_on .supplementInfo_Area .process_travelCompany .baloonGuide_Box div:before,
.w_air_on .supplementInfo_Area .process_travelCompany .baloonGuide_Box div:after{
left:285px;
}
.step-onoff .formStep_Box li span{
width:116px;
font-weight:normal;
font-size:11px;
}
.step-onoff .formStep_Box li.travelCmp span{
width:145px;
font-weight:bold;
font-size:13px;
}
.step-onoff .formStep_Box li.travelCmp span .small_Txt{
font-weight:normal;
font-size:10px;
}
.step-onoff .supplementInfo_Area .requiredInfo{
margin-left:131px;
width:116px;
}
.step-onoff .supplementInfo_Area .process_travelCompany{
width:145px;
}

/* detail-remarks
----------------------------------------------------*/
.detail-remarks{
font-size:12px;
}
.form-detail-result{
padding-bottom:20px;
border-bottom:1px solid #ccc;
}
.modal-tel{
width:560px;
}
.modal-tel .contact-description{
margin-bottom:5px;
color:#555;
font-weight:bold;
}
.modal-tel .contact-description .addition{
display:block;
font-weight:normal;
}
.modal-tel .flight-code{
margin-bottom:20px;
padding:10px;
background-color:#fff9ea;
word-wrap:break-word;
}
.modal-tel .flight-code b{
font-weight:bold;
}
.modal-tel .flight-code b strong{
display:inline-block;
margin:0 5px;
padding:3px 5px;
color:#fff;
background-color:var(--cmn-font-color-red);
font-weight:bold;
font-size:18px;
font-family:var(--font-num);
}
.modal-tel .flight-code .flight-code-notes{
margin-top:10px;
}
.modal-tel .flight-code .flight-code-notes li{
padding-left:1em;
color:#999;
font-size:10px;
}
.modal-tel .flight-code .flight-code-notes li:before{
display:inline-block;
content:"※";
text-indent:-1em;
}
.modal-tel .contact-agt{
overflow:visible;
overflow-x:hidden;
overflow-y:visible;
margin:0 auto -5px auto;
border:solid 1px #bdbdbd;
height:auto;
min-height:250px;
}
.modal-tel .contact-agt table{
margin:0 0 15px 0;
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.modal-tel .contact-agt caption{
padding:3px 25px 3px 10px;
color:var(--cmn-font-color-base);
background-color:#f0f0f0;
text-align:left;
font-size:12px;
}
.modal-tel .contact-agt th{
width:60px;
color:var(--font-color-btn-link);
font-weight:normal;
}
.modal-tel .contact-agt td{
padding:3px 25px 3px 10px;
color:var(--font-color-btn-link);
}
.modal-tel .contact-agt td img{
margin:0 3px 0 0;
}
.modal-tel .contact-agt td em{
color:var(--cmn-font-color-red);
font-weight:bold;
font-size:16px;
font-family:var(--font-num);
}
.simplemodal-container .modalCloseImg.modalClose{
display:none;
}
.simplemodal-container .simplemodal-wrap{
overflow:visible !important;
}
#Area_PartsDtlCalendarData_To.simplemodal-data,
#Area_PartsDtlCalendarData_From.simplemodal-data{
padding:20px;
border:solid 1px #b8b8b8;
width:540px;
background-color:#fff;
}
#Area_PartsDtlCalendarData_To.simplemodal-data #pricingTable_Area table,
#Area_PartsDtlCalendarData_From.simplemodal-data #pricingTable_Area table{
width:100%;
table-layout:fixed;
}
#Area_PartsDtlCalendarData_To.simplemodal-data #pricingTable_Area table td,
#Area_PartsDtlCalendarData_From.simplemodal-data #pricingTable_Area table td{
padding:5px;
height:60px;
color:#555;
vertical-align:top;
text-align:center;
font-size:11px;
}
#Area_PartsDtlCalendarData_To.simplemodal-data #pricingTable_Area table td b,
#Area_PartsDtlCalendarData_From.simplemodal-data #pricingTable_Area table td b{
display:block;
margin-bottom:10px;
text-align:left;
font-weight:normal;
font-size:12px;
}
#Area_PartsDtlCalendarData_To.simplemodal-data #pricingTable_Area table td.sunday b,
#Area_PartsDtlCalendarData_From.simplemodal-data #pricingTable_Area table td.sunday b{
color:var(--cmn-font-color-gray);
}
#Area_PartsDtlCalendarData_To.simplemodal-data #pricingTable_Area table td.saturday b,
#Area_PartsDtlCalendarData_From.simplemodal-data #pricingTable_Area table td.saturday b{
color:#1c85b6;
}
#Area_PartsDtlCalendarData_To.simplemodal-data #pricingTable_Area table td .none_data span,
#Area_PartsDtlCalendarData_From.simplemodal-data #pricingTable_Area table td .none_data span{
display:block;
margin-top:10px;
text-align:center;
}
#Area_PartsDtlCalendarData_To.simplemodal-data #pricingTable_Area table td span.price_add,
#Area_PartsDtlCalendarData_From.simplemodal-data #pricingTable_Area table td span.price_add{
display:block;
margin-top:-10px;
text-align:center;
font-size:11px;
}
#Area_PartsDtlCalendarData_To.simplemodal-data #pricingTable_Area table td span.price,
#Area_PartsDtlCalendarData_From.simplemodal-data #pricingTable_Area table td span.price{
display:block;
color:#1c85b6;
text-align:center;
font-size:12px;
font-family:var(--font-num);
}
#Area_PartsDtlCalendarData_To.simplemodal-data #pricingTable_Area table td span.price_children,
#Area_PartsDtlCalendarData_From.simplemodal-data #pricingTable_Area table td span.price_children{
display:block;
font-size:12px;
font-family:var(--font-num);
}
#Area_PartsDtlCalendarData_To.simplemodal-data #pricingTable_Area table td a,
#Area_PartsDtlCalendarData_From.simplemodal-data #pricingTable_Area table td a{
display:block;
margin:-5px;
padding:5px;
height:60px;
color:#555;
}
#Area_PartsDtlCalendarData_To.simplemodal-data #pricingTable_Area table td a:link,
#Area_PartsDtlCalendarData_To.simplemodal-data #pricingTable_Area table td a:visited,
#Area_PartsDtlCalendarData_To.simplemodal-data #pricingTable_Area table td a:hover,
#Area_PartsDtlCalendarData_To.simplemodal-data #pricingTable_Area table td a:active,
#Area_PartsDtlCalendarData_From.simplemodal-data #pricingTable_Area table td a:link,
#Area_PartsDtlCalendarData_From.simplemodal-data #pricingTable_Area table td a:visited,
#Area_PartsDtlCalendarData_From.simplemodal-data #pricingTable_Area table td a:hover,
#Area_PartsDtlCalendarData_From.simplemodal-data #pricingTable_Area table td a:active{
color:#555;
text-decoration:none;
}
#Area_PartsDtlCalendarData_To.simplemodal-data #pricingTable_Area table td a:hover,
#Area_PartsDtlCalendarData_From.simplemodal-data #pricingTable_Area table td a:hover{
background-color:#f5f5f5;
}
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name{
position:relative;
margin:0 -20px;
padding-top:80px;
}
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name .modalClose,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name .modalClose{
position:absolute;
top:-37px;
right:-28px;
z-index:1;
margin:0;
border:none;
width:53px;
height:52px;
background:url(/element/shared/images/sprite/sprite-modal-01.png) 0 0 no-repeat;
text-indent:-9999px;
}
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name span,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name span{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:absolute;
top:-20px;
padding:2px 20px;
width:100%;
color:#fff;
background-color:#444;
font-weight:bold;
font-size:16px;
line-height:2;
}
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name .popup_next_month,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name .popup_next_month{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:absolute;
top:50px;
right:20px;
z-index:1;
padding:5px 20px 3px 10px;
border:1px solid #c9c9c9;
border-radius:4px;
color:var(--cmn-font-color-base);
background-color:#fff;
font-weight:bold;
font-size:15px;
}
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name .popup_next_month:link,
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name .popup_next_month:visited,
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name .popup_next_month:hover,
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name .popup_next_month:active,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name .popup_next_month:link,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name .popup_next_month:visited,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name .popup_next_month:hover,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name .popup_next_month:active{
color:var(--cmn-font-color-base);
text-decoration:none;
}
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name .popup_next_month:after,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name .popup_next_month:after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-6px;
border-right:3px solid #444;
border-bottom:3px solid #444;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name .popup_prev_month,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name .popup_prev_month{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:absolute;
top:50px;
left:20px;
z-index:1;
padding:5px 10px 3px 20px;
border:1px solid #c9c9c9;
border-radius:4px;
color:var(--cmn-font-color-base);
background-color:#fff;
font-weight:bold;
font-size:15px;
}
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name .popup_prev_month:link,
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name .popup_prev_month:visited,
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name .popup_prev_month:hover,
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name .popup_prev_month:active,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name .popup_prev_month:link,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name .popup_prev_month:visited,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name .popup_prev_month:hover,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name .popup_prev_month:active{
color:var(--cmn-font-color-base);
text-decoration:none;
}
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name .popup_prev_month:after,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name .popup_prev_month:after{
display:block;
position:absolute;
top:50%;
left:10px;
margin-top:-6px;
border-top:3px solid #444;
border-left:3px solid #444;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name .popup_none,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name .popup_none{
display:none;
}
#Area_PartsDtlCalendarData_To.simplemodal-data .popup_Name b,
#Area_PartsDtlCalendarData_From.simplemodal-data .popup_Name b{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:absolute;
top:50px;
left:0;
padding-left:20px;
width:100%;
color:var(--cmn-font-color-base);
text-align:center;
}
#Area_PartsDtlCalendarData_To.simplemodal-data .calender_attention,
#Area_PartsDtlCalendarData_From.simplemodal-data .calender_attention{
margin-top:5px;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.submit-box-container{
margin-top:35px;
}
.submit-box-container .submit-box-inr{
padding:25px 35px;
color:#555;
background:#f4f4f4;
text-align:center;
font-size:12px;
}
.submit-box-container .submit-box-inr label{
display:block;
margin-top:15px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:15px;
}
.submit-box-container .submit-box-notes{
margin-top:15px;
text-align:left;
}
.submit-box-container .submit-box-notes li{
padding-left:1em;
line-height:1.8;
}
.submit-box-container .submit-box-notes li:before{
display:inline-block;
content:"\203B";
text-indent:-1em;
}
.submit-box-container .submit-btn{
margin:30px 0 50px;
margin-left:-15px;
text-align:center;
}
.submit-box-container .submit-btn li{
display:inline-block;
margin-left:15px;
vertical-align:top;
}
.submit-box-container .btn-back{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
padding:5px 25px;
border:1px solid #bebebe;
border-radius:4px;
height:40px;
color:#555;
background-color:#fff;
-webkit-box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
font-weight:bold;
font-size:17px;
}
.submit-box-container .btn-submit{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:5px 25px;
border:none;
border-radius:4px;
height:40px;
min-width:110px;
color:#fff;
background-color:var(--cmn-btn-color);
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-weight:bold;
font-size:20px;
}
.submit-box-container .btn-submit:hover{
background-color:#67a700;
}
.submit-box-container .submit-guide{
margin-bottom:20px;
text-align:center;
}

/* form[name="myFrm"]
------------------------------------------------ */
form[name="myFrm"]{
margin:0 auto;
width:800px;
}
form[name="myFrm"] .formSubmit_Area{
margin-top:30px;
}
form[name="myFrm"] .formSubmit_Area div p{
margin-top:30px;
color:#555;
font-size:12px;
}
form[name="myFrm"] .attention_before_push{
background:none;
}
form[name="myFrm"] .attention_before_push p{
margin:30px 0;
text-align:center;
font-weight:bold;
font-size:18px;
}
form[name="myFrm"] .attention_before_push ul{
margin-top:30px;
padding:20px;
background-color:#f3f3f3;
}
form[name="myFrm"] .attention_before_push ul li{
margin-bottom:2px;
margin-left:1em;
text-indent:-1em;
line-height:1.4;
}
form[name="myFrm"] .attention_before_push ul li span{
color:var(--cmn-font-color-gray);
text-indent:0;
}
form[name="myFrm"] .attention_before_push ul li.agentRegulation_link a{
padding-left:14px;
background:url(/element/w_air/shared/images/agentlilnk_ic01_001.gif) no-repeat left 3px;
}
form[name="myFrm"] #ticketInfo_Area{
clear:both;
margin-bottom:15px;
border:3px solid #c9c9c9;
width:800px;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketMain_Area{
overflow:hidden;
padding:8px;
border-bottom:solid 1px #c4c4c4;
color:var(--cmn-font-color-base);
font-size:15px;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketMain_Area:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketTitle_Box{
float:left;
margin-bottom:10px;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketTitle_Box:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketMain_Area .clip{
display:block;
float:right;
padding-bottom:2px;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketMain_Area .clip a{
overflow:hidden;
display:inline-block;
padding:20px 0 0;
width:73px;
height:0;
background:url(/element/w_air/shared/images/personal_bt01_002.gif) no-repeat left top;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketMain_Area .clip a:hover{
background-position:left -45px;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketMain_Area .ticketID{
display:block;
float:right;
color:var(--cmn-font-color-gray);
text-align:right;
font-size:11px;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area{
overflow:hidden;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table{
float:left;
margin:5px 8px;
border:none;
width:228px;
vertical-align:top;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table .terms{
width:122px;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table .data{
width:94px;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table th,
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table td{
border:none;
line-height:1.1;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table th{
width:118px;
background:none;
text-align:left;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table th.sum{
padding:.6em 4px .4em 6px;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table th.sum span{
color:var(--cmn-font-color-gray);
font-size:10px;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table th.price{
width:43px;
vertical-align:top;
font-size:13px;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table th img{
margin:0 0 4px 3px;
vertical-align:middle;
cursor:pointer;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table td{
width:94px;
text-align:right;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table td.sum{
padding:.6em 6px .6em 0;
color:#e30606;
white-space:nowrap;
font-size:80%;
line-height:1.2;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table td.sum strong{
margin:0 .2em 0 0;
letter-spacing:-.06em;
font:bold 162.5% verdana;
line-height:1.05;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table td.sum strong.noItem{
color:var(--cmn-font-color-base);
font-weight:normal;
font-size:100%;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table td.sum span{
color:var(--font-color-btn-link);
font-weight:bold;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table td.price{
padding:.3em 6px .3em 0;
font-size:12px;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table td.price span{
color:var(--cmn-font-color-gray);
font-size:10px;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table td.price b{
display:inline-block;
margin:0 .1em 0 0;
padding:.1em .3em;
color:var(--cmn-font-color-red);
background-color:#ffecee;
font-size:125%;
}
form[name="myFrm"] #ticketInfo_Area .ticketPrice_Table td.price strong{
margin-right:2px;
font-weight:bold;
font-size:22px;
font-family:var(--font-num);
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box{
overflow:hidden;
padding:10px;
border-left:1px solid #ccc;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .carrier_Box{
padding-bottom:5px;
width:531px;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .carrier_Box:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .carrier_Box .carrier_Logo{
float:left;
margin-right:10px;
border:1px solid #e2e2e2;
width:87px;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .carrier_Box .carrier_Logo span{
display:block;
padding-top:4px;
border-top:solid 1px #f5f5f5;
height:27px;
background:#fff;
text-align:center;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .carrier_Box .carrier_Name{
float:left;
font-weight:bold;
font-size:12px;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .carrier_Box .carrier_Name span{
display:block;
font-weight:normal;
font-size:80%;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .information_Box{
width:531px;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .information_Box:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .information_Box table{
border:none;
border-collapse:separate;
border-right:none;
border-left:none;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .information_Box table th{
padding:2px 0;
border:none;
height:10px;
color:var(--font-color-btn-link);
background:#f3f3f3;
font-weight:normal;
font-size:11px;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .information_Box table td{
border:none;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .information_Box table.table_information01{
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
width:100%;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .information_Box table.table_information01 td{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:5px 3px;
border-right:none;
border-bottom:none;
background:#fff;
text-align:center;
text-align:left;
font-size:11px;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .information_Box table.table_information01 td.company{
border-right:none;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .information_Box table.table_information01 td.length{
border-right:1px solid #d9d9d9;
color:#555;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .information_Box table.table_information01 th{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:2px 5px;
width:15%;
text-align:left;
font-size:10px;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .information_Box table.table_information01 th.length{
border-left:none;
}
form[name="myFrm"] #ticketInfo_Area .section02_one_column .section02_main_Col .ticketData_Area .ticketData_Box .information_Box table.table_information01 th.length img{
margin-left:3px;
cursor:pointer;
}
form[name="myFrm"] .vacancy_Title{
display:inline;
margin:0 3px 3px 4px;
}
form[name="myFrm"] #vacancy_Area{
margin-top:3px;
}
form[name="myFrm"] #vacancy_Area .table_base{
border-collapse:collapse;
border-top:1px solid #ccc;
border-left:none;
width:800px;
background:#fff;
}
form[name="myFrm"] #vacancy_Area .table_base th{
padding:15px 5px;
border-bottom:1px solid #ccc;
width:120px;
color:#555;
background-color:#f1f1f1;
font-size:13px;
}
form[name="myFrm"] #vacancy_Area .table_base td{
padding-left:10px;
border-bottom:1px solid #ccc;
font-weight:bold;
font-size:12px;
}
form[name="myFrm"] #vacancy_Area .table_base td.date_arv{
border-right:none;
letter-spacing:.08em;
}
form[name="myFrm"] #vacancy_Area .table_base td.date_arrow{
border-right:none;
width:37px;
}
form[name="myFrm"] #vacancy_Area .table_base td.date_dpt{
border-right:none;
width:310px;
letter-spacing:.08em;
}
form[name="myFrm"] .btnText_Area{
margin:1.5em 0 0 0;
padding-top:55px;
background:url(/element/w_air_on/agt_link/images/load_l.gif) center top no-repeat;
text-align:center;
font-weight:bold;
}
form[name="myFrm"] .formSubmit_Area{
margin-top:10px;
}
form[name="myFrm"] .formSubmit_Area div{
text-align:center;
}
form[name="myFrm"] .formSubmit_Area div p{
padding-bottom:8px;
}
.formSimpleText_Area{
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:30px auto 0;
padding:40px 75px;
border:3px solid #a9a9a9;
width:800px;
text-align:center;
}
.formSimpleText_Area input{
margin-bottom:30px;
}
.formSimpleText_Area .extension_Area{
background-color:#fff5f5;
text-align:left;
}
.formSimpleText_Area .moveInfo input{
margin:2.3em 0 .8em 4px;
}
.formSimpleText_Area .heading{
margin:.8em 0 0 0;
text-align:center;
}
.formSimpleText_Area .heading img{
margin-bottom:10px;
}
.formSimpleText_Area .proccess{
font-weight:bold;
font-size:140%;
}
.formSimpleText_Area p.announce{
font-size:120%;
}
.formSimpleText_Area p.announce span{
padding-right:0;
padding-left:0;
width:490px;
text-align:center;
font-size:100%;
line-height:1;
}
.formSimpleText_Area p.announce span strong{
display:inline-block;
margin-bottom:2px;
font-size:100%;
line-height:1.4;
}
.formSimpleText_Area p.moveInfo{
margin:15px 0 0 0;
text-align:center;
font-size:140% !important;
line-height:1.6;
}
.formSimpleText_Area p.moveInfo strong{
display:inline-block;
margin-top:3px;
}
.formSimpleText_Area p.moveInfo strong.miPrice{
margin:0;
padding-left:24px;
color:var(--cmn-font-color-gray);
background:url(/element/shared/images/icon/attention_ic02_003.gif) no-repeat 0 10px;
font-size:16px;
}
.formSimpleText_Area p.moveInfo strong.miPrice em{
font-size:22px;
font-family:verdana;
}
.formSimpleText_Area p.btnText_Area{
margin-bottom:20px;
padding:15px 0 60px;
color:var(--cmn-font-color-gray);
background:url(/element/w_air_on/shared/images/load_l.gif) center bottom no-repeat;
text-align:center;
font-weight:bold;
font-size:140%;
}
.formSimpleText_Area .attentionTxt_Area{
margin:0 0 5px 2px;
padding:8px 10px;
border:solid 1px #fcc6d4;
width:680px;
background-color:#fff0f3;
text-align:left;
line-height:1.3;
}
.formSimpleText_Area .attentionTxt_Area strong{
display:inline-block;
margin:0 0 .5em 0;
color:var(--cmn-font-color-gray);
}
.formSimpleText_Area .extension_Area .vendor_Txt{
margin:0;
padding:5px 0 0 4px;
width:700px;
text-align:right;
}
.formSimpleText_Area .extension_Area .vendor_Txt img{
vertical-align:middle;
}
.formSimpleText_Area .extension_Area .vendor_Txt .vendor_logo{
display:inline-block;
margin:-3px 8px 0 0;
padding:1px 0;
border:1px solid #c4c4c4;
width:60px;
background-color:#fff;
vertical-align:middle;
text-align:center;
}
.formSimpleText_Area .extension_Area .vendor_Txt .vendor_site{
display:inline-block;
margin:0 0 0 .3em;
font-weight:normal;
font-size:82%;
}
.formSimpleText_Area .extension_Area .vendor_Txt .vendor_site a{
padding:0 0 0 7px;
background:url(/element/shared/images/burette/ar04_w001.gif) no-repeat left center;
}
.formSimpleText_Area .attention_before_push{
margin-top:0;
padding:20px;
color:#4a4a4a;
background:#fff5f5;
}
.formSimpleText_Area .attention_before_push p{
margin-bottom:10px;
background:none;
text-indent:0;
font-weight:bold;
font-size:16px;
}
.formSimpleText_Area .attention_before_push p.attention_Txt{
color:var(--cmn-font-color-gray);
}
.formSimpleText_Area .attention_before_push ul{
padding:0;
border-top:none;
}
.formSimpleText_Area .attention_before_push ul li{
padding-left:1em;
text-indent:-1em;
line-height:1.4;
}
.formSimpleText_Area .attention_before_push ul.attention01{
margin-bottom:15px;
font-weight:bold;
font-size:13px;
}
.formSimpleText_Area .attention_before_push ul li img{
cursor:pointer;
}
.formSimpleText_Area .attention_before_push li em{
color:var(--cmn-font-color-gray);
}
.formSimpleText_Area .attention_before_push li.agentRegulation_link a{
padding-left:14px;
background:url(/element/w_air/shared/images/agentlilnk_ic01_001.gif) no-repeat left 3px;
}
.formSimpleText_Area .btnText_Area{
margin:1.5em 0 0 0;
padding-top:55px;
background:url(/element/w_air_on/agt_link/images/load_l.gif) center top no-repeat;
text-align:center;
font-weight:bold;
}
.formSimpleText_Area .agt-info-ss{
color:#888;
text-align:center;
font-size:12px;
font-family:var(--font-num);
}
.formSimpleText_Area .agt-info-ss img{
margin-left:8px;
width:106px;
}