/* ----------------------------------------------------------------
  Custom Properties
----------------------------------------------------------------- */
:root{
--color-gray: #777;
--color-red: #e93939;
--key-color: #00428e;
--link-color: #004c9a;
--button-color: #177bcb;
}

/* ----------------------------------------------------------------
  DP
----------------------------------------------------------------- */

/* .search-conditions
----------------------------------------------- */
.search-conditions{
padding:10px 15px;
border:1px solid #bbb;
border-radius:4px;
font-size:13px;
display:flex;
margin-bottom:15px;
background:url(/element/w_hotel/dp/images/icon-search.svg) 935px center no-repeat;
}
.search-conditions > .search-conditions-item{
flex-basis:45%;
padding-right:50px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.search-conditions > .search-conditions-item:first-child{
padding-right:30px;
flex-basis:55%;
}
.search-conditions > .search-conditions-item> .flight-time > span,
.search-conditions > .search-conditions-item> .stay-item > span{
display:inline;
margin-right:15px;
}
.search-conditions > .search-conditions-item .city-01::after{
content:'\021D4';
margin:0 3px;
}
.search-conditions > .search-conditions-item .city-01{
margin-right:0;
}
.search-conditions > .search-conditions-item .city-02,
.search-conditions .date-item{
margin-right:15px;
}
.col-travelko .search-conditions{
cursor:pointer;
}

/* .tab-dp-item
----------------------------------------------- */
.tab-dp-item{
margin:20px 0;
}
.tab-dp{
display:flex;
border-bottom:1px solid #bbb;
flex-wrap:nowrap;
}
.tab-dp li{
flex-grow:1;
width:33.33%;
box-sizing:border-box;
margin-bottom:-1px;
font-size:12px;
position:relative;
}
.tab-dp li:not(:first-child)::before{
content:'';
width:1px;
height:30px;
background-color:#ccc;
left:0;
bottom:12px;
position:absolute;
}
.tab-dp li button{
width :-webkit-calc(100% - 20px) ;
width :calc(100% - 20px) ;
border:0;
height:45px;
background:none;
margin:0 10px;
box-sizing:border-box;
color:#666;
font-size:12px;
}
.tab-dp li button.is-active{
cursor:default;
font-weight:bold;
border-bottom:3px solid #333;
margin-bottom:-1px;
color:var(--cmn-font-color-base);
}
.tab-dp li button.is-active.is-disabled{
font-weight:normal;
}
.tab-dp li button.is-disabled{
color:#ccc;
}
.tab-dp li button .num{
font-size:13px;
}
.tab-dp li:first-child button{
font-size:14px;
}
.tab-dp li:first-child button .tab-error{
font-size:13px;
}
.tab-dp li:first-child button .num{
font-size:15px;
}
.tab-dp li button .tab-filter-txt{
font-size:12px;
font-weight:normal;
}
.tab-dp li button .cmn-loading-spinner-dot{
margin:3px auto;
width:12px;
height:12px;
}
.tab-dp li button .txt-tab{
padding-right:5px;
}
.tab-dp li:first-child button .cmn-loading-spinner-dot{
margin-top:-2px;
}

/* .dp-tab-inner
----------------------------------------------- */
.dp-tab-inner{
margin-top:15px;
}

/* .search-item-info
----------------------------------------------- */
.search-item-info{
margin-bottom:-30px;
}
.search-item-info .search-item-num{
text-align:right;
font-size:16px;
}
.search-item-info .search-item-num .num{
font-weight:bold;
font-size:20px;
}

/* .search-item-info dp
----------------------------------------------- */
.col-dp .search-item-info,
.col-tour .search-item-info{
margin:0 0 -20px;
display:table;
width:100%;
}
.col-dp .search-item-info .search-item-info-cell,
.col-tour .search-item-info .search-item-info-cell{
display:table-cell;
}
.col-dp .search-item-info .search-item-info-cell:last-child,
.col-tour .search-item-info .search-item-info-cell:last-child{
text-align:right;
}
.search-item-note{
font-size:11px;
color:#666;
padding-left:20px;
}
.filter-selected-list-hdg{
display:inline-block;
position:absolute;
font-weight:bold;
}

/* .filter-selected-list
----------------------------------------------- */
.filter-selected-list{
position:relative;
margin-left:-10px;
margin-left:75px;
overflow:hidden;
width:350px;
}
.filter-selected-list::before{
background:rgb(255,255,255);
background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
width:10px;
height:20px;
position:absolute;
left:0;
top:0;
content:'';
z-index:1;
}
.filter-selected-list::after{
background:rgb(255,255,255);
background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
width:10px;
height:20px;
position:absolute;
right:0;
top:0;
content:'';
z-index:1;
}
.filter-selected-list > ul{
white-space:nowrap;
margin:0;
padding-left:10px;
}
.filter-selected-list li{
font-size:11px;
color:#666;
display:inline-block;
margin-right:5px;
margin-bottom:5px;
}
.filter-selected-list .btn-select-delete{
background:#f5f5f5;
border:0;
border-radius:3px;
height:20px;
padding:0 17px 0 7px;
position:relative;
}
.filter-selected-list .btn-select-delete::after{
content:'';
width:8px;
height:8px;
display:block;
background:url(/element_sp/w_hotel/shared/images/icon-delete.svg) no-repeat;
position:absolute;
right:5px;
top:50%;
margin-top:-4px;
}
.filter-selected-num{
display:table;
width:100%;
table-layout:fixed;
box-sizing:border-box;
}
.filter-selected-num .result-num{
display:table-cell;
padding:0 8px 0 0;
font-size:13px;
white-space:nowrap;
width:85px;
max-width:88px;
}
.filter-selected-num .result-num .num{
font-size:15px;
}
.filter-selected-num ul{
display:block;
margin-top:0;
vertical-align:top;
width:100%;
}

/* .search-item-info
----------------------------------------------- */
.tab-filter{
display:flex;
border-bottom:1px solid #bbb;
flex-wrap:nowrap;
}
.tab-filter li{
width:150px;
box-sizing:border-box;
margin-bottom:-1px;
}
.tab-filter li:not(:first-child){
margin-left:15px;
}
.tab-filter li button{
width:100%;
background:#f8f8f8;
border:1px solid #bbb;
border-radius:3px 3px 0 0;
height:40px;
}
.tab-filter li button.is-active{
border-bottom:1px solid #fff;
background:#fff;
cursor:default;
}

/* .filter-inner
----------------------------------------------- */
.filter-inner{
background:#eee;
padding:15px 10px;
}
.list-filter-btn{
flex-wrap:nowrap;
font-size:0;
display:block;
clear:both;
}
.list-filter-btn li{
display:inline-block;
}
.list-filter-btn li:not(:first-child){
margin-left:10px;
}
.list-filter-btn button{
padding:6px 5px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
background-color:#fff;
height:36px;
border-radius:4px;
box-shadow:0px 1px 2px rgba(0, 0, 0, 0.3);
min-width:115px;
font-size:13px;
border:0;
}
.list-filter-btn button:hover,
.list-filter-btn button.is-selected{
border:1px solid #68BBF8;
}
.list-filter-btn button.is-active{
background-color:#E4F2FB;
}
.list-filter-btn button .filter-num{
font-family:Arial;
font-size:11px;
display:inline-block;
background:#fff;
width:16px;
height:16px;
border-radius:8px;
line-height:16px;
vertical-align:middle;
margin-left:3px;
color:var(--cmn-font-color-gray);
}
.list-filter-btn button:focus,
.tab-dp li button:focus{
outline:none;
}

/* .filter-hdg
----------------------------------------------- */
.filter-hdg{
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}

/* .filter-flights-box
----------------------------------------------- */
.filter-flights-box{
width:530px;
float:left;
}
.filter-flights-box .filter-flights-box-inner{
display:flex;
flex-wrap:nowrap;
margin-top:10px;
}
.filter-flights-box .form-custom-select{
height:30px;
}
.filter-flights-box select {
padding:0 5px;
vertical-align:top;
min-height:30px;
min-width:100px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
box-sizing:border-box;
background-color:transparent;
font-size:13px;
}
.filter-flights-box .filter-flights-col{
background:#fff;
min-height:80px;
flex-grow:1;
width:50%;
filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
}
.filter-flights-box .filter-flights-col:not(:first-child){
margin-left:10px;
}
.filter-flights-col-hdg{
display:flex;
flex-wrap:nowrap;
align-items:center;
border-bottom:1px solid #bbb;
}
.filter-flights-col-hdg > div{
flex-grow:1;
width:70%;
padding:6px 10px;
}
.filter-flights-col-hdg > div:first-child{
width:30%;
}
.filter-flights-col-hdg > .item-sort{
text-align:right;
}
.btn-sort{
padding:4px 5px 3px 30px;
border-radius:3px;
box-shadow:0 -1px 0 #bbb inset;
background-color:#fff;
color:#666;
display:inline-block;
min-width:150px;
border:0;
text-align:left;
font-size:11px;
min-height:30px;
box-sizing:border-box;
border:1px solid #bbb;
position:relative;
line-height:1.25;
overflow:hidden;
}
.btn-sort span::before {
content:'';
width:15px;
height:13px;
display:block;
background:url(/element_sp/w_hotel/shared/images/icon-sort.svg) no-repeat;
position:absolute;
left:10px;
top:50%;
margin-top:-6px;
}

/* .filter-flights-item
----------------------------------------------- */
.filter-flights-item{
height:350px;
overflow-y:scroll;
}
.filter-flights-item .flights-item{
position:relative;
padding:8px ;
}
.filter-flights-item .flights-item.is-selected{
background-color:#E4F2FB;
}
.filter-flights-item .flights-item.no-combination{
background-color:#ddd;
}
.filter-flights-item .flights-item.no-combination input[type=checkbox]{
cursor:pointer;
}
.filter-flights-item .flights-item:not(:first-child){
border-top:1px dotted #ccc;
}
.filter-flights-item .flights-item.dsp-error{
text-align:center;
font-size:12px;
padding:15px 8px;
border-top:1px solid #ccc;
}
.filter-flights-item .error-item + .flights-item{
border-top:0;
}
.flights-item input[type="checkbox"]{
position:absolute;
top:7px;
left:5px;
}
.flights-item .airline-item{
white-space:normal;
display:table;
width:100%;
box-sizing:border-box;
vertical-align:top;
}
.flights-item .flight-detail-list > .date-detail{
position:relative;
padding:0;
}
.flights-item .flight-detail-list > .time-detail + .date-detail{
padding:0 ;
}
.flights-item .flight-detail-list > .date-detail .price-total .num{
font-size:12px;
}
.flights-item .flight-detail-list > .time-detail{
width:125px;
white-space:normal;
padding:0 10px;
}
.flights-item .flight-detail-list > .time-detail .seat-class::after{
width:100px;
margin-left:-50px;
}
.flights-item .flight-detail-list > .time-detail .seat-class:before{
margin-right:-50px;
}
.flights-item .price-total-item{
font-size:11px;
text-align:right;
display:table-cell;
white-space:nowrap;
}
.flights-item .price-total-item .num{
font-size:12px;
}
.flights-item .airline-item .txt-name{
display:table-cell;
padding-right:5px;
padding-left:17px;
}

/* .filter-toggle
----------------------------------------------- */
.filter-toggle{
text-align:center;
margin-top:10px;
}
.filter-inner.is-active .btn-filter-toggle{
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat 0 9px;
background-size:10px 10px;
}
.btn-filter-toggle{
background:none;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 9px;
background-size:10px 10px;
border:0;
color:var(--cmn-font-color-base);
padding-left:15px;
}
.filter-toggle a.btn-filter-toggle{
color:var(--cmn-font-color-base);
text-decoration:none;
padding:4px 0 3px 15px;
}

/* .filter-item
----------------------------------------------- */
.is-active .filter-item{
display:block;
height:auto;
overflow:inherit;
}
.filter-item{
overflow:hidden;
height:165px;
}
.filter-tour .filter-item,
.filter-dp .filter-item{
height:auto;
}
.filter-item.filter-result{
height:auto;
}

/* .filter-result-list
----------------------------------------------- */
.filter-item.filter-result{
margin-top:15px;
}
.filter-result-list{
font-size:0;
}
.filter-result-list li{
display:inline-block;
margin:6px 6px 0 0;
}
.btn-del{
height:24px;
border:1px solid #ccc;
border-radius:3px;
color:#666;
font-size:11px;
padding-right:20px;
position:relative;
background:#fff;
padding-top:2px;
}
.btn-del::after{
content:'';
position:absolute;
right:7px;
top:7px;
background:url(/element/w_hotel/dp/images/icon-close-gray.svg) no-repeat;
display:block;
width:7px;
height:7px;
}
.btn-del.is-disabled{
background:#eee;
padding-right:6px;
color:#999;
cursor:default;
}
.btn-del.is-disabled::after{
display:none;
}

/* .filter-no-reflected
----------------------------------------------- */
.filter-no-reflected{
margin-top:10px;
position:relative;
padding-left:5em;
font-size:12px;
}
.filter-no-reflected .filter-no-reflected-hdg{
position:absolute;
left:0;
top:-1px;
}
.filter-no-reflected-list{
font-size:0;
}
.filter-no-reflected-list li{
font-size:12px;
display:inline-block;
}
.filter-no-reflected-list li:not(:first-child)::before{
content:'/';
margin:0 3px;
}

/* .filter-hotel-item
----------------------------------------------- */
.filter-hotel-item{
width:380px;
float:right;
}
.filter-hotel-item .filter-plan-name{
display:table;
width:100%;
margin:8px 0;
}
.filter-hotel-item .filter-plan-name > span{
display:table-cell;
background:#fff;
vertical-align:middle;
}
.filter-hotel-item .filter-plan-name .filter-plan-name-hdg{
width:100px;
padding:5px 10px;
box-sizing:border-box;
vertical-align:middle;
border:1px solid #bebebe;
border-right:0;
border-radius:3px 0 0 3px;
display:table-cell;
}
.filter-hotel-item .filter-plan-name .filter-plan-keyword{
display:table-cell;
border:1px solid #bebebe;
box-sizing:border-box;
height:34px;
vertical-align:text-bottom;
margin:0;
border-radius:0 3px 3px 0;
width:-webkit-calc(100% - 100px) ;
width:calc(100% - 100px) ;
}
.filter-hotel-item .filter-plan-name .filter-plan-keyword input{
padding:5px;
width:100%;
border:0;
height:34px;
border-radius:3px 0 0 3px;
background:rgba(255,255,255,0);
}

/* .hotel-plan-select
----------------------------------------------- */
.hotel-plan-select{
height:350px;
overflow-y:scroll;
background:#fff;
filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
}
.plan-item{
position:relative;
padding:8px 4px 8px 30px;
font-size:12px;
}
.plan-item.is-selected{
background-color:#E4F2FB;
}
.plan-item.is-disabled{
background-color:#ddd;
}
.plan-item input[type="radio"]{
position:absolute;
left:5px;
top:50%;
margin-top:-5px;
}
.hotel-plan-select .plan-item:not(:first-child) {
border-top:1px dotted #ccc;
}
.plan-item .price-detail-item{
display:table;
width:100%;
margin:5px 0 0 0;
}
.plan-item .price-detail-item > div{
display:table-cell;
font-size:11px;
}
.plan-item .price-detail-item > .agt-name{
width:auto;
}
.plan-item .price-detail-item .price-detail{
width:185px;
}
.plan-item .price-detail-item .btn-detail-s{
margin:0 3px;
}
.plan-item .price-detail-item .price-detail b.num{
font-size:17px;
padding-left:4px;
}
.plan-item .price-detail-item .plan-select-btn{
width:60px;
padding-left:4px;
}
.plan-item .price-detail-item .plan-select-btn .btn-book{
width:60px;
font-size:14px;
}

/* .filter-picky
----------------------------------------------- */
.filter-picky{
position:absolute;
z-index:2;
}
.filter-flights-box .filter-picky{
width:530px;
}
.filter-hotel-item .filter-picky{
width:380px;
}
.filter-item-picky{
border-radius:4px;
background:#fff;
border:1px solid #ccc;
box-shadow:0px 2px 2px rgba(0, 0, 0, 0.16);
position:absolute;
box-sizing:border-box;
padding:12px;
width:100%;
z-index:2;
font-size:12px;
}
.filter-item-picky .num{
font-size:13px;
}

/* .filter-item-picky-blk
----------------------------------------------- */
.filter-item-picky-blk:not(:first-child){
margin-top:12px;
}
.filter-item-picky-blk-in{
display:block;
padding-left:10px;
margin-top:12px;
}

/* .filter-tbl
----------------------------------------------- */
.filter-tbl{
display:table;
width:100%;
}
.filter-tbl .filter-tbl-cell{
display:table-cell;
}
.filter-tbl .filter-tbl-cell:first-child{
width:110px;
vertical-align:top;
}

/* .filter-picky-hdg
----------------------------------------------- */
.filter-picky-hdg{
font-weight:bold;
}
.filter-item-picky-blk-in .filter-picky-hdg{
font-weight:normal;
}

/* .filter-select-form-list
----------------------------------------------- */
.filter-select-form-list{
font-size:0;
}
.filter-select-form-list li{
display:inline-block;
box-sizing:border-box;
padding-right:20px;
margin-top:4px;
vertical-align:top;
font-size:12px;
position:relative;
}
.filter-select-form-list li label{
padding-left:23px;
display:block;
box-sizing:border-box;
}
.filter-select-form-list li .agt-note{
display:inline-block;
font-size:11px;
color:#666;
padding-left:5px;
}
.filter-select-form-list li .agt-note .cmn-tip-caution-btn-icon{
margin:-2px 0 0 3px;
}
.filter-select-form-list li .site-info{
display:block;
font-size:11px;
color:#666;
padding-left:23px;
margin-bottom:1px;
margin-top:-2px
}
.filter-select-form-list.col-2 li{
width:49%;
padding-right:5px;
}
.filter-select-form-list.col-3 li{
width:32.5%;
padding-right:3px;
}
.filter-select-form-list.col-4 li{
width:24.2%;
padding-right:3px;
}
.filter-select-form-list li input[type="checkbox"]{
position:absolute;
left:0;
top:-1px;
}
.filter-select-form-list.airport{
padding-left:10px;
}
.filter-select-form-list.time{
position:relative;
padding-left:60px;
margin-top:7px;
}
.filter-select-form-list.time .name{
position:absolute;
left:10px;
top:3px;
}
.filter-select-form-list .name{
font-size:12px;
}
.filter-select-form-list.airport .name{
width:100px;
display:inline-block;
padding-top:2px;
}
.filter-select-form-list.airport .airport-list ul{
width:380px;
display:inline-block;
vertical-align:top;
margin-left:-4px;
}
.filter-select-form-list  .airport-list > li{
padding-right:0;
}
.filter-picky-txt{
display:block;
margin:7px 0 10px;
}
.filter-item-select{
display:table;
width:100%;
}
.filter-item-select + .filter-item-select{
margin-top:10px;
}
.filter-item-select > div{
display:table-cell;
}
.filter-item-select > div:last-child{
text-align:right;
}
.filter-item-select > div .check-item input[type="checkbox"]{
margin-top:1px;
vertical-align:middle;
}
.filter-picky-note + .filter-select-form-list{
border-top:1px dotted #ccc;
margin-top:10px;
padding-top:8px;
}

/* select-slider-item
-----------------------------------------------*/
.filter-item-picky-blk .select-slider-item{
margin:18px 15px 15px;
}
.filter-item-picky-blk .select-slider-item + .select-slider-detail{
margin-top:30px;
}
.filter-item-picky-blk .select-slider{
position:relative;
width:100%;
height:2px;
background-color:#ccc;
border:0;
}
.filter-item-picky-blk .select-slider div{
position:absolute;
top:0;
height:2px;
background-color:#338CD5;
cursor:pointer;
}
.filter-item-picky-blk .select-slider .min,
.filter-item-picky-blk .select-slider .max{
display:block;
position:absolute;
top:50%;
margin-top:-11px;
margin-left:-10px;
border-radius:50%;
width:23px;
height:23px;
z-index:1;
background:none;
border:0;
}
.filter-item-picky-blk .select-slider .min::before,
.filter-item-picky-blk .select-slider .max::before{
content:'';
display:block;
position:absolute;
top:50%;
margin-top:-10px;
margin-left:1px;
border:2px solid #338CD5;
border-radius:50%;
width:17px;
height:17px;
background-color:#fff;
z-index:1;
}
.filter-item-picky-blk .select-slider .max{
float:right;
}

/* .select-histogram-item
-----------------------------------------------*/
.select-histogram-item{
position:relative;
padding-top:10px;
width:240px;
padding:0 40px;
margin-bottom:25px;
}
.select-histogram-item .histogram-item{
display:table;
width:100%;
height:35px;
padding:0 25px;
box-sizing:border-box;
margin-bottom:-20px;
}
.select-histogram-item .histogram-item > div{
display:table-cell;
width:4.16%;
border-right:1px solid #fff;
vertical-align:bottom;
}
.select-histogram-item .histogram-item > div > .histogram-inner{
width:100%;
background:#95CCF0;
display:block;
}
.select-histogram-item .histogram-item > div > .histogram-inner.not-include{
background:#ddd;
}
.time .select-histogram-item .time-first{
position:absolute;
left:0;
bottom:-7px;
}
.time .select-histogram-item .time-last{
position:absolute;
right:0;
bottom:-7px;
}
.hotel-price .select-histogram-item{
padding:0 45px;
margin-bottom:0;
}
.hotel-price .select-histogram-item > .price-first{
position:absolute;
left:0;
bottom:-9px;
}
.hotel-price .select-histogram-item > .price-last{
position:absolute;
right:0;
bottom:-9px;
}

/* .filter-item-tab-list
----------------------------------------------- */
.filter-item-tab-list{
display:inline-block;
border-bottom:1px solid #bbb;
flex-wrap:nowrap;
margin-bottom:8px;
}
.filter-item-tab-list li{
display:inline-block;
}
.filter-item-tab-list li > button{
width:80px;
background:none;
border:0;
margin-bottom:-1px;
}
.filter-item-tab-list li > button.is-selected{
border-bottom:2px solid #000;
}

/* .filter-select-release
----------------------------------------------- */
.filter-select-release{
display:block;
width:100%;
margin:5px 0 0;
padding-bottom:8px;
}
.filter-select-release > div{
padding-right:7px;
display:inline-block;
margin-top:7px;
}
.filter-select-release > div.line-right{
padding-right:0;
float:right;
}
.filter-select-release > div:nth-child(3){
text-align:right;
padding-right:0;
padding-left:1px;
}
.filter-select-release > div .name{
min-width:72px;
display:inline-block;
text-align:left;
}
.hotel-agent .filter-select-release{
text-align:right;
margin-top:-27px;
}
.select-release{
padding-left:5px;
}
.select-release button{
padding:0 3px;
border:0;
background:none;
color:#666;
position:relative;
line-height:1;
}
.select-release button.is-disabled{
color:#ccc;
}
.select-release button + button{
padding-left:0;
}
.select-release button + button::before{
content:"|";
color:#666;
margin-right:3px;
}
.filter-select-form-list.col-2.list-select-col-2 li{
position:relative;
padding-right:95px;
vertical-align:top;
}
.list-select-col-2 .list-col-2-price{
position:absolute;
right:5px;
top:1px;
}

/* .filter-picky-note
----------------------------------------------- */
.filter-picky-note{
color:#666;
text-indent:-1em;
padding-left:1em;
margin-bottom:10px;
font-size:11px;
}
.filter-picky-note.right{
text-align:right;
}
.airline .filter-picky-note.right{
margin-top:-26px;
}

/* .search-result-container
----------------------------------------------- */
.search-result-container{
border-radius:6px;
background-color:var(--cmn-font-color-gray);
padding:10px;
box-sizing:border-box;
margin-top:30px;
}
.search-item-num .num{
font-size:17px;
font-weight:bold;
padding-right:3px;
}
.search-item-nav .search-item-pager .search-item-num b{
font-weight:bold;
}
.search-item-nav .search-item-sort > li:not(:first-child) button:before{
display:none;
}
.col-tour .search-item-nav .search-item-pager{
padding-left:0;
}
.search-result-item-list + .search-item-nav{
margin:20px 9px 10px;
}
.search-item-nav .search-item-pager > .search-item-pager-inner{
max-width:508px;
width:auto;
box-sizing:border-box;
}
.search-item-nav .search-item-pager > .search-item-pager-inner:first-child{
vertical-align:middle;
width:auto;
padding-right:4px;
min-width:400px;
}
.search-item-nav .search-item-pager > .search-item-pager-inner:first-child .search-item-info + .search-item-num{
float:right;
}
.search-result-item-list + .search-item-nav .search-item-pager > .search-item-pager-inner:first-child .search-item-num{
float:none;
}
.search-item-nav .search-item-pager > .search-item-pager-inner:first-child .search-item-info{
font-weight:bold;
padding-top:2px;
display:inline-block;
font-size:13px;
width:auto;
}
.search-item-nav .search-item-pager .search-item-pager-list li{
vertical-align:middle;
}
.search-item-nav .search-item-pager .search-item-pager-list > li,
.search-item-nav .search-item-pager .search-item-pager-list .search-item-pager-num-list > li:not(:last-child){
margin-right:3px;
}
.search-item-nav .search-item-pager .search-item-pager-list > li.page-num,
.search-item-nav .search-item-pager .search-item-pager-list > li.last,
.search-item-nav .search-item-pager .search-item-pager-list > li:last-child{
margin-right:0;
}
.search-item-nav .search-item-sort .btn-more{
position:relative;
padding-right:29px;
}
.search-result-list .search-item-nav .search-item-sort .btn-more::before {
display:block;
position:absolute;
top:20px;
right:12px;
border:5px solid #fff;
border-right-color:transparent;
border-bottom:none;
border-left-color:transparent;
content:"";
background:none;
bottom:inherit;
left:inherit;
width:auto;
}
.search-item-nav .search-item-sort .btn-more.is-selected::after{
content:'';
width:100%;
height:3px;
background:#fff;
position:absolute;
bottom:0px;
left:0;
}
.search-item-nav .search-item-sort > li.search-result-toggle-container .search-result-toggle-item{
display:none;
position:absolute;
z-index:100;
margin-top:-2px;
padding:10px 10px 0;
border:1px solid #dcdcdc;
border-radius:3px;
min-width:160px;
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);
}
.search-item-nav .search-item-sort > li.search-result-toggle-container .search-result-toggle-item:before,
.search-item-nav .search-item-sort > li.search-result-toggle-container .search-result-toggle-item:after {
position:absolute;
left:12px;
border:10px solid #dcdcdc;
border-top:none;
border-right:7px solid transparent;
border-left:7px solid transparent;
content:"";
}
.search-item-nav .search-item-sort > li.search-result-toggle-container .search-result-toggle-item:before {
top:-10px;
}
.search-item-nav .search-item-sort > li.search-result-toggle-container .search-result-toggle-item:after {
top:-9px;
border-bottom-color:#fff;
}
.search-item-nav .search-item-sort > li.search-result-toggle-container .search-result-toggle-item > ul > li {
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px dotted #ccc;
color:var(--cmn-font-color-base);
}
.search-item-nav .search-item-sort > li.search-result-toggle-container .search-result-toggle-item > ul > li ul {
display:inline-block;
font-size:0;
}
.search-item-nav .search-item-sort > li.search-result-toggle-container .search-result-toggle-item > ul > li ul li {
display:inline-block;
text-align:center;
font-weight:bold;
font-size:13px;
}
.search-item-nav .search-item-sort > li.search-result-toggle-container .search-result-toggle-item > ul > li ul li a{
display:inline-block;
padding:0 5px;
border:none;
height:auto;
color:#0b41a1;
background:none;
font-weight:normal;
font-size:13px;
}
.search-item-nav .search-item-sort > li.search-result-toggle-container .search-result-toggle-item > ul > li ul li em{
display:inline-block;
padding:0 5px;
border:none;
height:auto;
}
.search-item-nav .search-item-sort > li.search-result-toggle-container .search-result-toggle-item > ul > li ul:before {
display:inline-block;
margin-right:-5px;
content:"(";
font-size:13px;
}
.search-item-nav .search-item-sort > li.search-result-toggle-container .search-result-toggle-item > ul > li ul:after {
display:inline-block;
margin-left:-5px;
content:")";
font-size:13px;
}
.search-item-nav .search-item-sort > li.search-result-toggle-container .search-result-toggle-item > ul > li ul li:last-child {
border-left:1px solid #ccc;
content:"";
}

/* .search-result-item
----------------------------------------------- */
.search-result-item-list .search-result-item{
display:flex;
flex-wrap:nowrap;
background:#fff;
}
.search-result-item-list .search-result-item:not(:first-child){
margin-top:10px;
}
.search-result-item-list .search-result-item .search-product-item{
flex-grow:1;
width:70%;
box-sizing:border-box;
position:relative;
padding:10px;
border-right:1px solid #bbb;
}
.search-result-item-list .search-result-item .search-price-item{
flex-grow:1;
width:30%;
padding:10px;
box-sizing:border-box;
text-align:right;
}
.search-result-item-list .search-result-item .search-price-item .cmn-tip-container{
text-align:left;
}

/* .search-result-sort
----------------------------------------------- */
.search-result-sort{
border-bottom:1px solid #999;
color:#fff;
}
.search-result-sort > li{
float:left;
font-size:12px;
position:relative;
}
.search-result-sort > li:before{
content:"";
display:block;
width:1px;
height:12px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
}
.search-result-sort > li:before{
margin-top:-6px;
background-color:#d0d0d0;
}
.search-result-sort > li > .search-result-sort-hdg{
padding-left:12px;
position:relative;
display:inline-block;
}
.search-result-sort > li > .search-result-sort-hdg:after{
content:":";
display:inline-block;
margin-left:5px;
}
.search-result-sort > li:first-child > .search-result-sort-hdg{
padding-left:0;
}
.search-result-sort > li:first-child:before{
display:none;
}
.search-result-sort > li > ul{
display:inline-block;
vertical-align:middle;
}
.search-result-sort > li > ul > li{
float:left;
}
.search-result-sort > li > ul > li > a{
display:block;
padding:10px 7px;
}
.search-result-sort > li a{
display:block;
padding:10px 12px;
color:#fff;
border:none;
position:relative;
background:none;
text-decoration:none;
}
.search-result-sort li.is-active > a{
font-weight:bold;
position:relative;
}
.search-result-sort li.is-active > a:after{
content:"";
display:block;
width:100%;
height:3px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
}
.search-result-sort li.is-active > a:after{
background-color:#fff;
}
.search-result-sort li:first-child > a:before{
display:none;
}

/* .search-flight-item
----------------------------------------------- */
.search-flight-item{
padding:0 0 10px 0;
}
.search-product-hdg{
font-size:16px;
font-weight:bold;
}
.search-product-hdg > .stay-num{
font-weight:normal;
padding-left:15px;
font-size:12px;
}
.search-product-hdg > .stay-num .num{
font-size:13px;
}
.search-product-hdg .num{
font-size:17px;
}
.search-flight-item-note{
text-align:right;
font-size:11px;
margin:-21px 0 3px;
min-height:16px;
}
.search-flight-item-note .tax.extra{
color: var(--cmn-font-color-base);
}
.search-price-item .tax.extra{
color: var(--cmn-font-color-base);
font-size:11px;
display:block;
margin-bottom:8px;
}
.search-price-item .fee-detail-tip .tax.extra{
display:inline;
}
.search-flight-item-note > .note-brt{
padding-right:4px;
}
.search-flight-tbl{
display:flex;
}
.search-flight-tbl > .search-flight-detail{
width:100%;
box-sizing:border-box;
padding-left:10px;
}
.search-flight-tbl > .search-flight-detail:first-child{
border-right:1px dotted #ccc;
padding-left:0;
padding-right:10px;
}

/* .airline-item
----------------------------------------------- */
.search-flight-item .airline-item{
display:table;
width:100%;
margin:5px 0;
font-size:11px;
}
.search-flight-item .airline-item > div{
display:table-cell;
vertical-align:middle;
}
.airline-item .txt-hdg{
width:30px;
font-size:13px;
font-weight:bold;
}
.airline-item .logo{
line-height:1;
text-align:left;
width:50px;
}
.airline-item .logo > span{
display:inline-block;
padding:1px;
vertical-align:middle;
}
.airline-item .logo > span img{
max-width:48px;
}
.airline-item .txt-name{
font-size:11px;
padding:0 0 0 4px;
}
.airline-item .txt-name .name{
max-width:155px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
display:inline-block;
vertical-align:middle;
}
.sch-airline-info,
.airline-item .txt-name .sch-airline-info{
color:#666;
}
.airline-item .txt-name .alliance-logo,
.airline-item .logo > .alliance-logo{
display:inline-block;
border:1px solid #ccc;
margin-left:3px;
}
.airline-item .txt-name img,
.airline-item .logo > .alliance-logo img {
max-width:15px;
max-height:15px;
vertical-align:middle;
line-height:1;
}
.airline-item .btn-detail{
width:72px;
}
.airline-item .btn-detail button{
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:72px;
height:25px;
color:#555;
background-color:#fff;
box-shadow:0 -1px 0 #bbb inset;
font-size:10px;
}

/* .flight-detail-list
----------------------------------------------- */
.flight-detail-list{
display:table;
width:100%;
}
.search-product-item .flight-detail-list{
display:inline-block;
position:relative;
padding-right:50px;
box-sizing:border-box;
}
.flight-detail-list + .airline-item{
margin-top:5px;
padding-top:5px;
border-top:1px dotted #ccc;
}
.flight-detail-list > div{
display:table-cell;
white-space:nowrap;
vertical-align:middle;
}
.item-filter{
margin-top:2px;
text-align:right;
}
.item-filter .item-filter-note{
font-size:11px;
color:#666;
}
.btn-filter{
width:40px;
height:40px;
border-radius:2px;
background:#fff;
border:1px solid #bbb;
box-shadow:0px 1px 0px #bbb;
color:#666;
font-size:11px;
padding:0;
text-align:center;
line-height:1.4;
}
.flight-detail-list .btn-filter{
position:absolute;
right:0;
top:0;
}
.flight-detail-list > .date-detail{
width:auto;
}
.flight-detail-list > .date-detail span{
display:block;
line-height:1.2;
}
.flight-detail-list > .date-detail span.num{
display:inline;
}
.search-product-item .flight-detail-list > .date-detail span.num{
font-size:14px;
}
.flight-detail-list > .date-detail .date{
font-size:11px;
}
.flight-detail-list > .date-detail .time{
font-size:13px;
font-weight:bold;
font-family:Arial;
}
.search-product-item .flight-detail-list > .date-detail .time{
font-size:15px;
}
.flight-detail-list > .date-detail .airport{
font-size:12px;
font-family:Arial;
}
.search-product-item  .flight-detail-list > .date-detail .airport{
font-size:13px;
}
.flight-detail-list > .date-detail.dpt .date-detail-item{
display:inline-block;
float:right;
text-align:left;
}
.item-agt-link{
margin-top:10px;
}
.item-filter + .item-agt-link{
margin-top:-22px;
}
.item-agt-link .name-agt{
color:#666;
text-decoration:underline;
display:inline-block;
}
.item-agt-link .txt-invoice{
font-size:12px;
padding-left:12px;
}
.item-agt-link .link-plan-change{
float:right;
}
.item-agt-link .btn-item-dp{
padding:4px 5px 5px 5px;
border-radius:3px;
box-shadow:0 -1px 0 rgb(148, 140, 140) inset;
background-color:#fff;
color:#666;
display:inline-block;
border:0;
text-align:left;
font-size:11px;
box-sizing:border-box;
border:1px solid #bbb;
position:relative;
line-height:1;
overflow:hidden;
float:right;
}
.item-agt-link .btn-item-dp .num{
font-size:12px;
}
.item-agt-link .btn-item-dp > span{
position:relative;
padding-left:10px;
}
.item-agt-link .btn-item-dp > span::before{
border-right:1px solid #666;
border-bottom:1px solid #666;
content:'';
display:block;
position:absolute;
top:50%;
left:0;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
margin-top:-2px;
}

/* .time-detail
----------------------------------------------- */
.flight-detail-list > .time-detail{
font-size:11px;
width:135px;
padding:0 7px;
text-align:center;
box-sizing:border-box;
white-space:normal;
}
.flight-detail-list > .time-detail.dpt,
.flight-detail-list > .time-detail.arv{
width:auto;
}
.flight-detail-list > .time-detail .flight-time{
position:relative;
line-height:1.3;
}
.flight-detail-list > .time-detail .flight-time .txt-ilb{
display:block;
}
.flight-detail-list > .time-detail .flight-time .cmn-tip-btn,
.flight-detail-list > .time-detail .flight-time .cmn-tip-info-btn{
margin:-2px 0 0 2px;
vertical-align:middle;
}
.flt-term-transit-txt{
display:inline-block;
}
.flt-term-transit-txt::after{
content:'/';
margin:0 3px 0 4px;
vertical-align:top;
line-height:1;
}
.cmn-tip-box .sch-dtl-desc .flt-term-transit-txt::after,
.modal-flt-dtl  .sch-dtl-desc .flt-term-transit-txt::after{
display:none;
}
.cmn-tip-box .sch-dtl-desc .flt-term-transit-txt + .ico-transit-01,
.modal-flt-dtl  .sch-dtl-desc .flt-term-transit-txt + .ico-transit-01{
margin-left:8px;
}
.flight-detail-list > .time-detail .seat-class{
position:relative;
margin-top:12px;
}
.flight-detail-list > .time-detail .seat-class:before {
display:block;
position:absolute;
right:50%;
margin-right:-57px;
top:-11px;
border-width:5px 0 5px 5px;
border-style:solid;
border-color:transparent transparent transparent #aaa;
width:0;
height:0;
content:"";
}
.flight-detail-list > .time-detail .seat-class::after {
display:block;
position:absolute;
top:-7px;
left:50%;
margin-left:-63px;
border-top:2px solid #aaa;
width:120px;
height:1px;
content:"";
}
.flight-detail-list > .time-detail .seat-class.transit-01 > span::before {
display:block;
position:absolute;
top:-9px;
left:50%;
z-index:1;
margin-left:-4px;
border:2px solid #aaa;
border-radius:50%;
width:3px;
height:3px;
background-color:#fff;
content:"";
}
.flight-detail-list > .time-detail .seat-class.transit-02 > span::before{
display:block;
position:absolute;
top:-9px;
left:38%;
z-index:1;
border:2px solid #aaa;
border-radius:50%;
width:3px;
height:3px;
background-color:#fff;
content:"";
}
.flight-detail-list > .time-detail .seat-class.transit-02 > span::after{
display:block;
position:absolute;
top:-9px;
right:38%;
border:2px solid #aaa;
border-radius:50%;
width:3px;
height:3px;
background-color:#fff;
z-index:1;
content:"";
}
.flt-term-transit::after {
display:inline-block;
position:relative;
top:1px;
margin-left:1px;
width:12px;
height:10px;
background:url(/element/w_hotel/dp/images/icon-car-gray.svg) 0 0 no-repeat;
content:"";
}

/* .search-hotel-item
----------------------------------------------- */
.search-hotel-item{
border-top:1px solid #bbb;
padding:10px 0 0 0;
}
.price-num-total{
margin:5px 0 ;
font-size:11px;
}
.price-num-total .cmn-tip-btn{
margin-top:-2px;
}
.price-num-total .price-total{
font-weight:bold;
font-size:12px;
display:inline-block;
min-width:95px;
vertical-align:bottom;
}
.price-num-total .price-total .num{
font-size:21px;
}
.search-price-detail{
width:100%;
display:table;
margin-top:12px;
}
.search-price-detail > div{
display:table-cell;
}
.search-price-detail-hdg{
font-size:12px;
width:100px;
}
.search-price-detail-item{
font-size:12px;
}
.search-price-detail-item .price-sum > span:last-child{
display:inline-block;
width:80px;
}
.search-price-detail-item .price-sum > span:last-child .num{
font-size:13px;
}
.txt-price{
margin:0 0 8px;
font-size:11px;
}
.btn-book{
color:#fff;
border-radius:4px;
display:inline-block;
padding:4px 12px;
width:160px;
box-sizing:border-box;
min-height:35px;
box-sizing:border-box;
box-shadow:0 -3px 0 #608b0b inset;
background-color:#78ae0e;
font-size:16px;
font-weight:bold;
text-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
text-align:center;
border:0;
}
.search-result-item-list .search-result-item .search-price-item .btn-book{
width:auto;
min-width: 160px;
max-width: 200px;
white-space: nowrap;
}
.item-plan-name{
position:relative;
padding-right:50px;
margin:10px 0;
}
.item-plan-name .btn-filter{
position:absolute;
right:0;
top:50%;
margin-top:-20px;
}

/* .col-dp
----------------------------------------------- */
.col-dp .btn-share{
position:absolute;
right:10px;
top:10px;
}
.col-dp .search-result-item-list .search-result-item .search-price-item{
position:relative;
padding-top:30px;
}
.col-dp .search-price-item .item-agt-link.agent-name{
text-align:left;
padding-right:30px;
margin-top:-20px;
}
.col-dp .item-plan-name{
margin:5px 0 0;
}
.col-dp .search-product-item .flight-detail-list{
padding-right:0;
display:table;
}
.col-dp .flight-detail-list > .time-detail{
width:180px;
}
.col-dp .flight-detail-list > .time-detail .seat-class:before {
margin-right:-82px;
top:-11px;
}
.col-dp .flight-detail-list > .time-detail .seat-class::after {
top:-7px;
left:50%;
margin-left:-80px;
width:160px;
}
.col-dp .search-price-detail > div{
font-size:13px;
}
.col-dp .search-price-detail .search-price-detail-hdg{
width:148px;
text-align:left;
}
.col-dp .search-price-detail-item .price-sum > span:last-child .num{
font-size:18px;
}
.col-dp .search-price-detail-item .price-sum > span:last-child b.num{
font-size:25px;
}
.col-dp .search-price-detail-item .price-sum > span:last-child{
width:auto;
}
.col-dp .search-price-detail + .search-price-detail{
margin:5px 0 ;
}
.col-dp .search-price-item .search-price-fee{
text-align:right;
font-size:13px;
margin-bottom:10px;
}
.col-dp .search-price-item .search-price-fee .num{
font-size:14px;
}
.col-dp .flight-detail-list > .time-detail .flight-time .txt-ilb{
display:inline-block;
}

/* .filter-dp
----------------------------------------------- */
.filter-dp .filter-inner{
padding:15px;
}
.filter-dp .filter-item-note{
font-size:11px;
color:#666;
}
.filter-dp .filter-item{
display:flex;
margin-top:16px;
}
.filter-dp .filter-item > div{
width:50%;
box-sizing:border-box;
padding-right:15px;
}
.filter-dp .filter-item > div:last-child{
border-left:1px solid #ccc;
padding-left:15px;
padding-right:0;
}
.filter-dp .filter-item-flight-detail{
position:relative;
padding-left:60px;
margin-bottom:8px;
font-size:13px;
}
.filter-dp .filter-item-flight-detail > .flight-detail-hdg{
position:absolute;
left:0;
font-size:11px;
}
.filter-dp .filter-item-flight-detail:last-child > .flight-detail-hdg{
top:10px;
}
.filter-dp .flight-detail-airport{
display:table;
}
.filter-dp .flight-detail-airport > div{
display:table-cell;
max-width:50%;
}
.filter-dp .flight-detail-airport > div:last-child{
text-indent:-1em;
padding-left:1em;
}
.filter-dp .flight-detail-airport > div:last-child::before{
content:'\021D4';
margin:0 3px;
}
.filter-dp .filter-item-plan-detail{
position:relative;
padding-left:60px;
min-height:40px;
margin-bottom:8px;
font-size:13px;
}
.filter-dp .filter-item-plan-detail:last-child .plan-detail-hdg{
top:10px;
}
.filter-dp .filter-item-plan-detail .plan-detail-hdg{
position:absolute;
left:0;
font-size:11px;
}
.filter-dp .filter-item-txt{
font-size:12px;
margin-top:8px;
}

/* .filter-tour
----------------------------------------------- */
.filter-tour .filter-inner{
padding:15px;
}
.filter-tour .filter-item-note{
font-size:11px;
color:#666;
}
.filter-item-note .filter-item-note-right{
float:right;
color:var(--cmn-font-color-base);
}
.filter-tour .filter-search-condition{
display:table;
width:100%;
font-size:11px;
margin:10px 0;
}
.filter-tour .filter-search-condition > div{
display:table-cell;
font-size:12px;
}
.filter-tour .filter-search-condition > div:first-child{
width:60px;
font-size:11px;
}
.filter-note{
color:#666;
font-size:11px;
}
.filter-tour .filter-note{
padding-left:10px;
}
.filter-tour .filter-item{
display:flex;
margin-top:16px;
}
.filter-tour .filter-item > div{
width:50%;
box-sizing:border-box;
padding-right:15px;
}
.filter-tour .filter-item > div:last-child{
border-left:1px solid #ccc;
padding-left:15px;
padding-right:0;
}
.filter-tour .filter-item-flight-detail{
position:relative;
padding-left:60px;
margin-bottom:8px;
font-size:13px;
}
.filter-tour .filter-item-flight-detail > .flight-detail-hdg{
position:absolute;
left:0;
top:5px;
font-size:11px;
}
.filter-tour .filter-item-plan-detail{
position:relative;
padding-left:60px;
min-height:40px;
margin-bottom:8px;
font-size:13px;
}
.filter-tour .filter-item-plan-detail .plan-detail-hdg{
position:absolute;
left:0;
top:5px;
font-size:11px;
}

/* .col-tour
----------------------------------------------- */
.col-tour .search-result-item-list .search-result-item .search-price-item{
width:25%;
position:relative;
padding-top:40px;
}
.col-tour .btn-share{
position:absolute;
right:10px;
top:10px;
}
.search-tour-txt{
padding-right:25px;
font-size:12px;
}
.search-tour-info{
display:block;
font-size:11px;
margin-top:5px;
}
.search-tour-date{
font-size:13px;
margin-top:10px;
}
.search-tour-tbl{
border-top:1px solid #eee;
border-bottom:1px solid #eee;
margin-top:5px;
}
.tbl-tr{
display:table;
width:100%;
}
.tbl-tr:not(:first-child){
margin-top:1px;
}
.tbl-tr > div{
display:table-cell;
}
.tbl-tr > .tbl-th{
background:#eee;
font-size:11px;
text-align:center;
width:70px;
padding:2px 5px;
}
.tbl-tr > .tbl-td{
font-size:11px;
text-align:left;
padding:2px 5px;
width:241px;
}
.col-tour .label-list{
font-size:0;
margin-top:10px;
}
.label-list li{
display:inline-block;
padding:4px 0 3px;
color:var(--cmn-font-color-base);
width:84px;
border:1px solid #aaa;
font-size:11px;
line-height:1;
text-align:center;
box-sizing:border-box;
}
.label-list li:not(:first-child){
margin-left:2px;
}
.label-list li.is-disabled {
opacity:.33;
}
.col-tour .detail-toggle-hook{
margin-top:-15px;
}
.col-tour .detail-toggle-hook p + p{
margin-top:10px;
}
.txt-r{
text-align:right;
}
.col-tour .detail-toggle-hook a{
color:#666;
text-decoration:underline;
}
.agt-name{
margin-bottom:10px;
font-size:12px;
}
.agt-name a{
color:#666;
text-decoration:underline;
font-size:13px;
}
.agt-name .txt-invoice{
padding-left:12px;
font-size:12px;
}
.agt-name .cmn-tip-info-btn{
margin:0 3px;
}
.col-tour .search-item-nav .search-item-pager > .search-item-pager-inner:first-child .search-item-num{
float:none;
}
.col-tour .price-detail-num .num{
font-size:22px;
font-weight:bold;
}
.col-tour .sum .price-detail-num .num{
font-size:14px;
}
.col-tour .search-flight-item-note{
margin:-18px 0 6px;
}
.col-tour .search-result-item-list .search-result-item .search-product-item{
padding-bottom:30px;
}
.col-tour .search-product-item .agt-name{
position:absolute;
bottom:0;
left:10px;
}

/* .tip-wrapper
----------------------------------------------- */
.col-tour .tip-wrapper{
display:inline-block;
position:relative;
}
.col-tour .tip-wrapper .tip-payment-info{
top:50px;
right:0;
width:580px;
display:none;
}
.col-tour .tip-wrapper .search-result-item-time-balloon{
display:none;
}
.col-tour .tip-wrapper.is-active .tip-payment-info,
.col-tour .tip-wrapper.is-active .search-result-item-time-balloon{
display:block;
}

/* .tour-price-item-01
----------------------------------------------- */
.tour-price-item-01 .price-detail,
.tour-price-item-02 .price-detail{
display:table;
width:100%;
font-size:11px;
margin-bottom:4px;
padding-left:10px;
box-sizing:border-box;
}
.tour-price-item-02 .price-detail{
margin:0 0 25px;
}
.tour-price-item-01 .price-detail > div,
.tour-price-item-02 .price-detail > div{
display:table-cell;
}
.tour-price-item-01 .price-detail.tax{
display:block;
text-align:right;
}
.tour-price-item-01 .price-detail.tax .price-detail-tax::before{
content:'/';
margin:0 3px 0 0;
}
.tour-price-item-01 .price-detail.tax > div{
display:inline;
}
.tour-price-item-01 .price-detail > div:first-child,
.tour-price-item-02 .price-detail > div:first-child{
width:100px;
text-align:left;
}
.tour-price-item-01 .price-detail > div:last-child,
.tour-price-item-02 .price-detail > div:last-child{
width:auto;
text-align:right;
}
.price-detail-num .num{
font-size:16px;
font-weight:normal;
}
.icon-pex{
font-size:11px;
display:inline-block;
box-sizing:border-box;
padding:2px 5px;
cursor:pointer;
color:var(--cmn-font-color-base);
border:1px solid #aaa;
background-color:#fff;
}

/* .tour-price-item-02
----------------------------------------------- */
.tour-price-item-02{
font-size:11px;
}
.tour-price-item-02 .txt-price{
text-align:right;
}
.tour-price-item-02 .price-sum{
display:table;
width:100%;
margin:5px 0 ;
box-sizing:border-box;
padding-left:10px;
}
.tour-price-item-02 .price-sum > span{
display:table-cell;
text-align:left;
}
.tour-price-item-02 .price-sum > span:last-child{
text-align:right;
}
.tour-price-item-02 .price-sum > span:last-child .num{
font-size:22px;
font-weight:bold;
}

/* .tip-payment-info
----------------------------------------------- */
.tip-payment-info{
position:absolute;
padding:20px 20px 15px;
width:580px;
color:var(--cmn-font-color-base);
font-size:12px;
text-align:left;
border:1px solid #777;
border-radius:3px;
background-color:#fff;
box-shadow:1px 1px 3px 0 rgba(153,153,153,.75);
box-sizing:border-box;
z-index:101;
box-shadow:0px 0px 8px 2px #888;
}
.tip-payment-info.info-tip-container{
border:1px solid #777;
box-shadow: 0px 0px 8px 2px #888;
}
.tip-payment-info .tip-payment-info-hdg{
margin-bottom:5px;
font-weight:normal;
font-size:13px;
}
.tip-payment-info .stock-list{
margin-bottom:6px;
padding-bottom:6px;
border-bottom:1px solid #ccc;
}
.calendar-tbl .tip-payment-info{
right:50%;
margin-top:-4px;
-webkit-transform:translateX(50%);
transform:translateX(50%);
}
.tip-payment-info a{
color:#666;
text-decoration:underline;
}
.tip-payment-info  .card-block{
display:inline-block;
margin-right:20px;
}
.tip-payment-info .list-payment-01 .cmn-tip-btn{
margin-bottom:2px;
}

/* .payment-info-content-list-tbl
----------------------------------------------- */
.payment-info-content-list-tbl {
display:table;
margin-top:3px;
}
.payment-info-content-list-tbl-cell {
display:table-cell;
width:11.5em;
}
.payment-info-content-list-tbl-cell:last-child {
width:auto;
}

/* .list-payment
----------------------------------------------- */
.tip-payment-info .list-payment > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
font-size:12px;
}
.tip-payment-info .list-payment > li > .hdg{
position:relative;
padding-right:17px;
width:4.6em;
font-weight:normal;
}
.tip-payment-info .list-payment > li > .hdg:after{
position:absolute;
content:"\ff1a";
right:0;
top:0;
color:#7d7d7d;
}
.tip-payment-info .notice-list-payment-01 + .list-payment{
margin-top:11px;
padding-top:13px;
border-top:1px solid #ddd;
}
.tip-payment-info .notice-list{
margin-top:10px;
}
.tip-payment-info .notice-list-payment-01 + .list-payment + .notice-list{
margin:4px 0 4px 73px;
}

/* .list-payment-01
----------------------------------------------- */
.tip-payment-info .list-payment-01{
display:inline-block;
letter-spacing:-.4em;
vertical-align:top;
}
.tip-payment-info .list-credit{
display:inline-block;
vertical-align:middle;
}
.tip-payment-info .list-credit > li{
display:inline-block;
}
.tip-payment-info .list-payment img{
vertical-align:middle;
height:15px;
width:auto;
}

/* .list-payment-01
----------------------------------------------- */
.list-payment-01{
overflow:hidden;
}
.list-payment-01 > li{
position:relative;
padding-left:1em;
display:inline-block;
letter-spacing:normal;
}
.list-payment-01 > li:before{
position:absolute;
left:0;
top:0;
content:"\ff0f";
}
.list-payment-01 > li:first-child{
padding-left:0;
}
.list-payment-01 > li:first-child:before{
display:none;
}
.list-payment-01 > li.disabled{
color:#ccc;
}
.list-payment-01 > li.disabled:before{
color:var(--cmn-font-color-base);
}

/* .list-credit
----------------------------------------------- */
.list-credit{
overflow:hidden;
}
.list-credit > li{
float:left;
margin-right:5px;
}
.list-credit > li img{
vertical-align:bottom;
}

/* .list-credit
----------------------------------------------- */
.notice-list-payment > li{
position:relative;
padding-left:1.3em;
line-height:1.63;
color:#666;
}
.notice-list-payment > li::before{
content:"\203b";
position:absolute;
left:0;
top:0;
font-size:11px;
}
.notice-list-payment > li strong{
font-weight:normal;
}
.tip-payment-info .notice-list-payment{
font-size:11px;
margin-top:7px;
}
.cmn-tip-container .cmn-tip-hdg-01{
padding-left:0;
}
.cmn-tip-container .cmn-tip-hdg-01::before{
display:none;
}
.cmn-tip-container.pay-info-box.resort-fee .fee-info-hdg .fee-info{
margin-bottom:6px;
}
.cmn-tip-hdg{
font-weight:bold;
}

/* .notice-list-payment-01
----------------------------------------------- */
.notice-list-payment-01{
font-size:12px;
line-height:1.5;
}
.notice-list-payment-01 > li{
padding-left:16px;
position:relative;
}
.notice-list-payment-01 > li::before{
content:'\030FB';
position: absolute;
left: 0;
top: 0;
}
.notice-list-payment-01 > li:not(:first-child){
margin-top:7px;
}
.notice-list-payment-01 > li strong{
font-weight:normal;
}
.notice-list-payment-01 .cmn-dashed{
color: var(--link-color)!important;
--cmn-dashed-color: var(--link-color);
}
.col-tour .notice-list-payment-01 > li{
background:none;
position:relative;
padding-left:16px;
}
.col-tour .notice-list-payment-01 > li::before{
content:'\030FB';
position:absolute;
left:0;
top:0;
}

/* .modal-hankyu
----------------------------------------------- */
.modal-hankyu .cmn-modal-item{
font-size:14px;
}
.modal-hankyu .hankyu-plan li{
margin-top:24px;
}
.modal-hankyu .hankyu-plan li .hankyu-plan-hdg{
font-weight:bold;
font-size:16px;
border-bottom:1px solid #E5E5E5;
padding-bottom:4px;
margin-bottom:12px;
}
.modal-hankyu .hankyu-plan li img {
margin-bottom: 12px;
}

/* .search-result-item-btn-cv
----------------------------------------------- */
.search-result-item-agent .search-result-item-btn-box{
margin-left:auto;
width:210px;
padding-left:15px;
}
[class^="search-result-item-btn-cv"]{
display:table;
padding:5px 0;
border:none;
border-radius:4px;
height:40px;
width:210px;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
font-size:14px;
font-weight:bold;
background-color:#72ba00;
-webkit-box-sizing:border-box;
box-sizing:border-box;
white-space:nowrap;
text-align:center;
float:right;
}
[class^="search-result-item-btn-cv"]:link,
[class^="search-result-item-btn-cv"]:hover,
[class^="search-result-item-btn-cv"]:active,
[class^="search-result-item-btn-cv"]:visited{
color:#fff;
text-decoration:none;
}
[class^="search-result-item-btn-cv"] > span{
position:relative;
display:table-cell;
vertical-align:middle;
}
[class^="search-result-item-btn-cv"] .btn-cv-hdg{
position:relative;
display:inline-block;
vertical-align:middle;
width:70px;
line-height:1.3;
font-size:12px;
font-weight:normal;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
[class^="search-result-item-btn-cv"] .btn-cv-hdg:before{
content:"";
width:1px;
height:27px;
position:absolute;
right:0;
top:0;
background-color:#5a9200;
}
[class^="search-result-item-btn-cv"] .btn-cv-hdg [class^="btn-cv-icon"]{
display:inline-block;
width:13px;
height:13px;
padding-left:12px;
overflow:hidden;
vertical-align:top;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
[class^="search-result-item-btn-cv"] .btn-cv-hdg .btn-cv-icon{
position:relative;
}
[class^="search-result-item-btn-cv"] .btn-cv-hdg .btn-cv-icon:before{
content:"";
display:block;
width:13px;
height:13px;
overflow:hidden;
position:absolute;
top:0;
left:0;
}
[class^="search-result-item-btn-cv"] .btn-cv-hdg .btn-cv-icon:before{
border:2px solid #fff;
border-radius:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
[class^="search-result-item-btn-cv"] .btn-cv-hdg .sup{
display:block;
font-size:11px;
}
[class^="search-result-item-btn-cv"] > span > b{
display:inline-block;
vertical-align:middle;
width:140px;
font-size:18px;
margin-left:-5px;
}
[class^="search-result-item-btn-cv"].branch .btn-cv-hdg:before{
margin-top:-7px;
}
[class^="search-result-item-btn-cv"].branch > span > b{
font-size:15px;
}

/* .detail-toggle-hook
----------------------------------------------- */
.detail-toggle-hook{
text-align:right;
clear:both;
display:block;
margin:13px 0 10px;
font-size:12px;
}
.detail-toggle-hook > button{
padding:6px 0 6px 18px;
color:var(--cmn-font-color-base);
border:none;
font-size:12px;
display:inline-block;
margin:-14px 0 0;
position:relative;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat;
background-size:12px 12px;
background-position:0 9px;
}
.detail-toggle-hook.is-active > button{
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat;
background-size:12px 12px;
background-position:0 9px;
}
.detail-toggle-hook .detail-toggle-item{
margin:0 0 10px;
text-align:left ;
display:none;
}
.detail-toggle-hook.is-active .detail-toggle-item{
display:block;
word-wrap:break-word;
}


/* .filter-hotel-item
----------------------------------------------- */
.filter-hotel-item .filter-hotel-select-item{
background:#fff;
padding:10px;
}
.filter-hotel-select-item .filter-hotel-select{
display:table;
margin-top:10px;
}
.filter-hotel-select-item .filter-hotel-select > div{
display:table-cell;
}
.filter-hotel-select-item .filter-hotel-select > .filter-hotel-select-hdg{
font-weight:bold;
width:8em;
}
.select-list li{
display:inline-block;
}
label,
label input{
cursor:pointer;
}
.is-disabled label,
.is-disabled label input[type="checkbox"],
.is-disabled label input[type="radio"]{
opacity:.5;
cursor:default;
}
label.is-disabled{
color:#ccc;
cursor:default;
}
label.is-disabled input[type="checkbox"]{
opacity:.5;
cursor:default;
}
_::-webkit-full-page-media, _:future, :root label.is-disabled input[type="checkbox"] {
-webkit-appearance: checkbox;
}
@media screen and (max-width: 1025px){
_::-webkit-full-page-media, _:future, :root label.is-disabled input[type="checkbox"] {
-webkit-appearance: none;
}
}

/* .filter-hotel-stay-item
----------------------------------------------- */
.filter-hotel-stay-item {
display:flex;
flex-wrap:nowrap;
margin:10px 0;
}
.filter-hotel-stay-item .filter-hotel-col{
background:#fff;
min-height:80px;
flex-grow:1;
}
.filter-hotel-stay-item .filter-hotel-col:not(:first-child){
margin-left:10px;
}
.filter-hotel-col-hdg{
text-align:center;
font-size:15px;
padding:5px;
border-bottom:1px solid #bbb;
}
.filter-hotel-col-hdg .num{
font-size:16px;
}
.filter-hotel-col-item{
overflow-y:scroll;
height:300px;
padding:5px;
}
.filter-hotel-col-item .hotel-item{
height:70px;
background:#eee;
}
.filter-hotel-col-item .hotel-item:not(:first-child){
margin-top:5px;
}

/* ----------------------------------------------------------------
  btn
----------------------------------------------------------------- */
/* .btn-share
----------------------------------------------- */
.btn-share{
display:inline-block;
color:#666;
background:#fff;
font-size:12px;
border-radius:3px;
border:1px solid #bbb;
box-shadow:0 -1px 0 #bbb inset;
width:20px;
height:20px;
box-sizing:border-box;
text-indent:-9999px;
background:url(/element/w_hotel/shared/images/icon-share.svg) no-repeat;
background-size:9px 13px;
background-position:4px 2px;
font-size:0;
}

/* .btn-detail
----------------------------------------------- */
.btn-detail-s{
display:inline-block;
color:#666;
background:#fff;
font-size:11px;
border-radius:3px;
border:1px solid #bbb;
box-shadow:0 -1px 0 #bbb inset;
box-sizing:border-box;
padding:3px ;
line-height:1;
}
.btn-detail{
display:inline-block;
color:#666;
background:#fff;
font-size:13px;
border-radius:3px;
border:1px solid #bbb;
box-shadow:0 -1px 0 #bbb inset;
box-sizing:border-box;
padding:5px 8px;
line-height:1;
}

/* ----------------------------------------------------------------
price-detail-balloon
----------------------------------------------------------------- */
/* .tip-price-detail
----------------------------------------------- */
.cmn-tip-container,
.cmn-tip-container.fee-detail-tip{
text-align:left;
}
.cmn-tip-container.tip-price-detail-tour{
width:600px;
margin-top:5px;
}
.cmn-tip-container.tip-price-detail-tour-s{
width:500px;
margin-top:5px;
}
.cmn-tip-container.tip-price-detail-flights{
width:500px;
}
.cmn-tip-container.tip-price-detail-flights-s{
width:400px;
}

/* .price-detail-hdg
----------------------------------------------- */
.price-detail-balloon .price-detail-hdg{
margin-bottom:5px;
font-size:14px;
font-weight:bold;
}

/* .price-detail-note
----------------------------------------------- */
.price-detail-note{
color:#666;
}
.price-detail-balloon .price-detail-hdg .price-detail-note{
font-size:11px;
font-weight:normal;
display:inline-block;
margin-left:5px;
}
.price-detail-balloon .price-detail-tbl tbody td .price-detail-note{
text-align:center;
display:block;
padding:5px 0;
}


/* .price-detail-hdg-01
----------------------------------------------- */
.price-detail-balloon .price-detail-hdg-01{
margin:15px 0 2px;
font-size:12px;
font-weight:normal;
position:relative;
padding-left:1em;
}
.price-detail-balloon .price-detail-hdg-01:before{
content:"";
width:8px;
height:8px;
display:block;
position:absolute;
top:5px;
left:0;
background-color:#333;
}

/* .notice-list
----------------------------------------------- */
.notice-list{
font-size:11px;
}
.notice-list > li{
position:relative;
padding-left:15px;
color:#666;
}
.notice-list > li:not(:first-child){
margin-top:2px;
}
.notice-list > li:before{
content:"\203b";
position:absolute;
left:0;
top:0;
}
.notice-list > li a:link,
.notice-list > li a:visited,
.notice-list > li a:hover,
.notice-list > li a:active{
color:#666;
text-decoration:underline;
}

/* .price-detail-tbl
----------------------------------------------- */
.price-detail-balloon .price-detail-tbl{
width:100%;
border-collapse:collapse;
border:1px solid #ccc;
}
.price-detail-balloon .price-detail-tbl thead th{
padding:6px 0;
text-align:center;
font-size:11px;
font-weight:normal;
line-height:1;
border:1px solid #ccc;
white-space:nowrap;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#888;
color:#fff;
}
.price-detail-balloon .price-detail-tbl tbody th,
.price-detail-balloon .price-detail-tbl tbody td{
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #ccc;
height:28px;
}
.price-detail-balloon .price-detail-tbl tbody td.bg-cr{
background:#efefef;
}
.price-detail-balloon .price-detail-tbl tbody th .num,
.price-detail-balloon .price-detail-tbl tbody td .num{
font-size:12px;
font-family:Arial;
}
.price-detail-balloon .price-detail-tbl tbody td b.num{
font-size:18px;
}
.price-detail-balloon .price-detail-tbl tbody th{
padding:8px 0 5px 8px;
width:101px;
text-align:left;
font-weight:normal;
font-size:11px;
line-height:1.2;
white-space:nowrap;
}
.price-detail-balloon .price-detail-tbl tbody td{
padding:7px 8px;
text-align:right;
font-size:11px;
line-height:1.2;
}
.price-detail-balloon .price-detail-tbl tbody td:first-child{
text-align:left;
width:160px;
box-sizing:border-box;
}
.price-detail-balloon .price-detail-tbl tbody td span:not([class]){
display:inline-block;
}
.price-detail-balloon.balloon-small .price-detail-tbl tbody td span:not([class]){
display:block;
}
.price-detail-balloon .price-detail-tbl tbody td.num{
padding:0 8px;
width:45px;
text-align:center;
}
.price-detail-balloon .price-detail-tbl thead th.adult,
.price-detail-balloon .price-detail-tbl thead th.child-01,
.price-detail-balloon .price-detail-tbl thead th.child-02{
width:130px;
box-sizing:border-box;
}
.price-detail-balloon .price-detail-tbl tbody td .num-blk{
display:block;
font-size:10px;
}
.price-detail-balloon .price-detail-tbl tbody td .num-total .num{
font-size:15px;
}
.price-detail-balloon .price-detail-tbl tbody td .num-blk .num{
font-size:11px;
}
.price-detail-balloon .price-detail-tbl tbody .total-item,
.price-detail-balloon .price-detail-tbl tbody .fee-item{
display:table;
width:100%;
}
.price-detail-balloon .price-detail-tbl tbody .total-item > div,
.price-detail-balloon .price-detail-tbl tbody .fee-item > div{
display:table-cell;
}
.price-detail-balloon .price-detail-tbl tbody .total-item > div:last-child,
.price-detail-balloon .price-detail-tbl tbody .fee-item > div:last-child{
text-align:right;
}
.price-detail-balloon .price-detail-tbl tbody .fee-item{
border-top:1px solid #ccc;
margin-top:8px;
}
.price-detail-balloon .price-detail-tbl tbody .fee-item > div{
padding-top:8px;
}
.important {
color:var(--cmn-font-color-red);
}

/* .price-detail-tbl.total
----------------------------------------------- */
.price-detail-balloon .price-detail-tbl.total{
margin:15px 0 15px;
background:#efefef;
}
.price-detail-balloon .price-detail-tbl.total th,
.price-detail-balloon .price-detail-tbl.total td{
border-width:1px 0;
}
.price-detail-balloon .price-detail-tbl.total td b{
font-size:18px;
}

/* .price-detail-tbl.agt
----------------------------------------------- */
.price-detail-balloon .price-detail-tbl.agt{
border:none;
margin-bottom:12px;
width:100%;
font-size:11px;
}
.cmn-tip-container .price-detail-balloon .price-detail-tbl.agt th,
.cmn-tip-container .price-detail-balloon .price-detail-tbl.agt td{
border:none;
text-align:right;
}
.price-detail-balloon .price-detail-tbl.agt th{
vertical-align:top;
}
.price-detail-balloon .price-detail-tbl.agt td span:not([class]){
display:block;
}
.price-detail-balloon .price-detail-tbl.agt td b{
font-size:16px;
font-weight:normal;
}
.price-detail-balloon .price-detail-tbl.agt td .txt-ilb{
vertical-align:text-top;
}

/* .price-detail-toggle
----------------------------------------------- */
.price-detail-balloon .price-detail-toggle{
padding:10px 0;
margin-top:9px;
border-top:1px solid #e5e5e5;
}
.price-detail-balloon .price-detail-toggle .price-detail-toggle-hook{
padding:0 0 0 20px;
color:var(--cmn-font-color-base);
font-size:12px;
border:none;
background:none;
position:relative;
}
.price-detail-balloon .price-detail-toggle .price-detail-toggle-hook::before{
position:absolute;
left:3px;
top:50%;
margin-top:-5px;
content:"";
display:block;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 11px;
}
.price-detail-balloon .price-detail-toggle.is-active .price-detail-toggle-hook::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
margin-top:-7px;
}
.price-detail-balloon .price-detail-toggle > .toggle-item{
margin-top:-7px;
display:none;
}
.price-detail-balloon .price-detail-toggle.is-active > .toggle-item{
display:block;
}

/* .price-detail-balloon > .price-detail-disp-price-list
----------------------------------------------- */
.price-detail-balloon .price-detail-disp-price-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:11px;
margin:11px 0 9px;
line-height:1.64;
}
.price-detail-balloon .price-detail-disp-price-list > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:10px 10px 7px;
border:1px solid #ccc;
}
.price-detail-balloon .price-detail-disp-price-list > li:not(:first-child){
border-left:none;
}
.price-detail-balloon .price-detail-disp-price-list > li > div:first-child{
text-align:center;
margin-bottom:3px;
}
.price-detail-balloon .price-detail-list{
border:1px solid #ccc;
display:table;
width:100%;
margin-top:20px

}
.price-detail-balloon .price-detail-list > li{
display:table-row
}
.price-detail-balloon .price-detail-list > li:not(:last-child){
border-top:1px solid #ccc;
}
.price-detail-balloon .price-detail-list > li >div{
display:table-cell;
vertical-align:middle;
padding:8px 10px;
width:51%
}
.price-detail-balloon .price-detail-list > li >div:first-child{
font-size:11px;
}
.price-detail-balloon .price-detail-list > li >div:last-child{
font-size:12px;
border-left:1px solid #ccc;
text-align:right;
}
.price-detail-balloon .price-detail-list > li >div .pseudo-price-list-sup{
font-size:12px;
}
.price-detail-balloon .price-detail-list > li >div .pseudo-price-list-value{
font-size:12px
}
.price-detail-balloon .price-detail-list > li >div .pseudo-price-list-value .num{
font-size:13px;
font-family:Arial;
}

/* ----------------------------------------------------------------
  Modal
----------------------------------------------------------------- */
/* .modal-search-container
----------------------------------------------- */
.cmn-modal-hdg .modal-hdg-sup{
font-size:12px;
font-weight:normal;
padding-left:15px;
}
.cmn-modal-hdg .modal-hdg-sup .cmn-tip-btn{
margin-top:-3px;
}
.modal-item-txt{
font-size:14px;
line-height:1.5;
}
.modal-item-note{
display:block;
font-size:11px;
color:var(--cmn-font-color-gray);
text-indent:-1em;
padding-left:1em;
margin-top:5px;
}
.modal-item-notice{
font-size:14px;
position:relative;
padding:0 0 0 20px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) left center no-repeat;
background-size:14px 12px;
margin:12px 0;
}
.modal-hdg-01{
margin:20px 0 5px;
padding:5px 8px 4px;
color:var(--cmn-font-color-base);
background-color:#f1f1f1;
font-size:14px;
font-weight:bold;
}
.modal-hotel-name{
font-size:12px;
font-weight:bold;
margin:10px 0 5px;
}
.modal-hotel-name > span{
display:inline-block;
vertical-align:middle;
}
.modal-hotel-name > span:last-child{
max-width:710px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.modal-search-container .form-custom-select{
border-radius:1px;
}

/* .suggest
----------------------------------------------- */
.modal-search-container .suggest-container .suggest{
top:34px;
width :-webkit-calc(100% - 17px) ;
width :calc(100% - 17px) ;
}

/* .modal-item-txt
----------------------------------------------- */
.modal-search-container input[type="checkbox"],
.modal-search-container input[type="radio"]{
vertical-align:middle;
}
.modal-search-item{
display:table;
width:100%;
margin-top:15px;
}
.modal-search-item > div{
display:table-cell;
vertical-align:middle;
}
.modal-search-item select{
padding:5px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
box-sizing:border-box;
background-color:transparent;
color:var(--cmn-font-color-base);
min-height:32px;
box-sizing:border-box;
}
.modal-search-item > .modal-search-hdg{
margin-bottom:3px;
font-size:11px;
width:144px;
line-height:1.4;
position:relative;
}
.modal-search-item > .modal-search-hdg .cmn-tip-btn{
position:absolute;
top:50%;
margin-top:-6px;
right:43px;
}
.modal-search-item > .modal-search-hdg .icon-required{
position:absolute;
top:50%;
margin:-9px 0 0 0;
right:8px;
}
.hotel-date.modal-search-item > .modal-search-hdg .icon-required,
.room-num.modal-search-item > .modal-search-hdg .icon-required{
top:8px;
margin:0;
}
.hotel-date.incld-saty-num.modal-search-item > .modal-search-hdg .cmn-tip-btn,
.room-num.modal-search-item > .modal-search-hdg .cmn-tip-btn,
.modal-search-item.hotel-date .modal-search-hdg .cmn-tip-btn{
top:12px;
margin:0;
}
.form-search-index-item select {
border:0;
min-height:inherit;
display:inherit;
position:relative;
vertical-align:middle;
min-height:32px;
box-sizing:border-box;
height:32px;
}
.modal-search-item.departure select{
width:280px;
}
.modal-search-item.destination .modal-search-form-item{
display:table;
width:100%;
}
.modal-search-item.destination .modal-search-form-item > div{
display:table-cell;
vertical-align:middle;
}
.modal-search-item.destination .modal-search-form-item > div:first-child{
width:150px;
}
.modal-search-item.destination .modal-search-form-item > div:first-child input[type="radio"]{
margin-top:0;
vertical-align:middle;
}
.modal-search-item.destination .modal-search-form-item input[type="search"],
.modal-search-container .date-list > li input[type="search"],
.modal-search-item.destination .modal-search-form-item input[type="text"],
.modal-search-container .date-list > li input[type="text"]{
width:100%;
padding:5px;
border:1px solid #bebebe;
box-sizing:border-box;
min-height:35px;
vertical-align:text-bottom;
border-radius:1px;
padding-right:16px;
}
.modal-search-container .date-list > li input[type="text"].is-null,
.modal-search-item.destination .modal-search-form-item input.is-null,
.modal-search-container .form-custom-select.is-null{
border-color: rgba(233,57,57,.35);
box-shadow: 0 0 0 1px rgba(233,57,57,.35) inset;
background-color: rgba(233,57,57,.1);
}
.modal-search-container .date-list > li input[type="text"].is-null{
border-color: rgba(233,57,57,.35);
box-shadow: 0 0 0 1px rgba(233,57,57,.35) inset;
background-color: rgba(233,57,57,.1);
}
.modal-search-container .date-list > li input[type="text"]:disabled.is-null {
border-color: rgba(233,57,57,.35);
box-shadow: 0 0 0 1px rgba(233,57,57,.35) inset;
background-color: rgba(233,57,57,.1);
}
.modal-search-container .form-search-destination-list-input{
padding-right:10px;
position:relative;
box-sizing:border-box;
padding:0;
}
.form-search-destination-list-btn-del {
padding:0;
border:none;
border-radius:0 2px 2px 0;
width:17px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
right:0;
cursor:pointer;
background:#bebebe url(/element/w_hotel/dp/images/icon-close.svg) 50% 50% no-repeat;
background-size:7px 7px;
text-indent:-9999px;
max-height:35px;
}
_::-webkit-full-page-media,
_:future,
:root .form-search-destination-list-btn-del{
top:2px;
}
.modal-search-item .search-filter-list > li > ul:not([class]) > li {
display:inline-block;
margin-right:-6px;
width:28%;
}
.modal-search-item .search-filter-list > li > ul:not([class]) > li:last-child{
width:44%;
}
.modal-search-item .search-filter-list > li > ul:not([class]) > li .form-custom-select,
.modal-search-item .search-filter-list > li > ul:not([class]) > li select{
width:100%;
}
.modal-search-container .date-list{
display:flex;
justify-content:space-between;
max-width:660px;
box-sizing:border-box
}
.modal-search-container .hotel-date.incld-saty-num > .modal-search-form-item{
position:relative;
padding-left:45px;
}
.modal-search-container .hotel-date > .modal-search-form-item{
position:relative;
padding-left:0;
}
.modal-search-container .hotel-date.incld-saty-num .saty-num{
position:absolute;
left:0;
top:8px;
}
.modal-search-container .hotel-date .modal-search-hdg{
vertical-align:top;
padding-top:10px;
}
.modal-search-container .hotel-date.incld-saty-num .modal-item-note {
margin-left:-45px;
}
.modal-search-container .hotel-date .modal-item-note {
margin-left:0;
}
.modal-search-container .date-list > li{
display:flex;
flex-grow:1;
padding-left:5px;
max-width:100%;
box-sizing:border-box
}
.modal-search-container .date-list > li:first-child{
padding-left:0;
padding-right:5px;
}
.modal-search-container .date-list > li .date-select-box{
position:relative;
width:100%;
display:block;
}
.modal-search-container .date-list > li img{
position:absolute;
right:10px;
top:6px;
z-index:1;
cursor:pointer;
}
.modal-search-container .date-list > li input[type="text"]{
padding-right:30px;
padding-left:82px;
}
.modal-search-container .date .date-list > .date-return input[type="text"]{
padding-left:103px;
}
.modal-search-container .hotel-date .date-list > .date-going input[type="text"]{
padding-left:91px;
}
.modal-search-container .hotel-date .date-list > .date-return input[type="text"]{
padding-left:103px;
}
.search-date-info{
font-size:11px;
position:absolute;
left:8px;
top:9px;
}
.modal-search-container .date-list > li input[type="text"]:disabled + .ui-datepicker-trigger {
display:none;
}
.modal-search-item.room select{
width:180px;
}
.modal-search-item.room-num .modal-search-hdg{
vertical-align:top;
padding-top:3px;
}
.modal-search-item.room-num .modal-search-form-item > ul{
font-size:0;
}
.modal-search-item.room-num .modal-search-form-item > ul > li{
display:inline-block;
vertical-align:top;
}
.modal-search-item.room-num .modal-search-form-item > ul > li:not(:first-child){
margin-left:7px;
}
.modal-search-item.room-num .modal-search-form-item > ul li .form-search-label{
display:inline-block;
border:1px solid #ccc;
height:34px;
box-sizing:border-box;
line-height:1.2;
font-size:11px;
text-align:center;
margin-right:-1px;
min-width:62px;
padding-top:3px;
}
.modal-search-item.room-num .modal-search-form-item > ul li.adult .form-search-label,
.modal-search-item.room-num .modal-search-form-item > ul li .child-list .form-search-label{
padding-top:9px;
}
.modal-search-item.room-num .modal-search-form-item > ul li.child .form-search-label,
.modal-search-item.room-num .modal-search-form-item > ul li.infant .form-search-label{
width:55px;
}
.modal-search-item.room-num .modal-search-form-item > ul > li .sup{
display:block;
font-size:11px;
}
.modal-search-item.room-num .modal-search-form-item > ul li select{
width:120px;
}
.modal-search-item.room-num .modal-search-form-item > ul li .form-custom-select{
vertical-align:top;
}
.modal-search-item.room-num .modal-search-form-item > ul li .child-list,
.modal-search-item.stay-area-date{
display:none;
}
.modal-search-item.room-num .modal-search-form-item > ul li .child-list li{
margin-top:8px;
}
.modal-search-item.room-num .modal-search-form-item .room-note{
margin-top:8px;
text-align:right;
font-size:11px;
display:none;
}
.modal-search-item.room-num .modal-search-form-item > ul li .child-list.is-active,
.modal-search-item.room-num .modal-search-form-item .room-note.is-active,
.modal-search-item.stay-area-date.is-active{
display:block;
}
.modal-search-item.seat select{
width:280px;
}
.modal-search-item.seat .select-item-direct{
padding-left:5px;
}
.search-info-brt-list{
display:block;
margin:0 0 10px;
}
.search-info-brt-list li{
padding:0 0 0 18px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 3px no-repeat;
background-size:14px 12px;
text-align:left;
width:340px;
margin:0 auto;
}
.cmn-modal-select .cmn-cancel-btn {
padding:6px 10px;
border-radius:4px;
color:#fff;
min-width:7.5em;
cursor:pointer;
font-size:20px;
font-weight:bold;
background-color:#fff;
border:1px solid #c5c5c5;
color:#666;
box-shadow:0 -2px 0 rgba(0, 0, 0, .2) inset;
}
.cmn-modal-select .cmn-modal-decision button{
margin:0 5px;
}
.cmn-modal-select .cmn-modal-decision .cmn-modal-btn.is-disabled{
opacity:.33;
cursor:default;
}
.cmn-modal-select .cmn-modal-decision .cmn-modal-btn.is-disabled:hover{
box-shadow:0 -3px 0 #5b9500 inset;
background-color:#72ba00;
}

/* .modal-search-select-item
----------------------------------------------- */
.modal-search-select-item{
display:table;
width:100%;
margin-top:25px;
padding-top:15px;
border-top:1px solid #ddd;
font-size:11px;
}
.modal-search-select-item .num{
font-size:12px;
}
.modal-search-select-item > div{
display:table-cell;
}
.modal-search-select-hdg{
width:120px;
}
.filter-select-list{
font-size:0;
}
.filter-select-list li{
font-size:11px;
display:inline-block;
}
.filter-select-list li:not(:last-child){
margin-right:6px;
}
.modal-search-select-item .filter-select-list li {
margin-bottom:6px;
}

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

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

/* alert-item-research
-----------------------------------------------------*/
.alert-item-research{
width:420px;
text-align:left;
font-size:14px;
}
.alert-item-research .reserch-hdg{
font-size:16px;
display:block;
text-align:center;
margin-bottom:15px;
}
.alert-item-research .notice-list{
margin:12px 0 25px;
}
.cmn-modal-box .modal-btn-box.btn-reserch .cmn-cancel-btn{
font-size:13px;
}

/* .modal-sns
-----------------------------------------------------*/
.modal-sns{
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:440px;
min-width:auto;
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:#666;
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;
}

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

/* flight-detail-box
-----------------------------------------------------*/
.flight-detail-box{
position:relative;
padding:5px;
background-color:var(--cmn-font-color-gray);
}
.flight-detail-box .flight-detail-main-col{
padding:15px 15px 10px;
background-color:#fff;
}
.flight-detail-box .flight-detail-main-col .cmn-loading-spinner{
margin:40px auto;
}
.flight-detail-box .close-txt{
display:block;
position:absolute;
top:-36px;
right:0;
border-radius:3px 3px 0 0;
background-color:var(--cmn-font-color-gray);
text-align:center;
line-height:37px;
}
.flight-detail-box .close-txt a{
overflow:hidden;
display:block;
width:180px;
height:37px;
color:#fff;
font-size:14px;
}
.flight-detail-box .add-modal-box p{
color:#555;
font-weight:bold;
font-size:15px;
}
.flight-detail-box .add-modal-box p img{
margin:0 10px 0 3px;
}
.flight-detail-box .add-modal-box p .number{
position:relative;
bottom:-5px;
margin-left:10px;
color:var(--cmn-font-color-base);
font-size:26px;
font-family:Arial, Helvetica, sans-serif;
}
.flight-detail-box .add-modal-box p .number + span{
position:relative;
bottom:-5px;
color:var(--cmn-font-color-base);
font-size:20px;
}
.flight-detail-box .add-modal-box button:not([class]){
border:none;
border-radius:4px;
width:117px;
height:32px;
color:#fff;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-weight:bold;
font-size:15px;
}
.flight-detail-box .add-modal-box button:not([class]):hover{
background-color:#67a700;
}
.flight-detail-box .add-modal-box button:not([class]) > span{
position:relative;
padding-left:18px;
width:90px;
}
.flight-detail-box .add-modal-box button:not([class]) > span::before{
position:absolute;
top:50%;
left:0;
margin-top:-3px;
border-width:6px 5px 0 5px;
border-style:solid;
border-color:#fff transparent transparent transparent;
width:0;
height:0;
content:"";
}
.flight-detail-box .flight-nav-txt{
display:block;
background:#fff;
}
.flight-detail-box .flight-nav-txt a{
display:block;
height:40px;
color:#666;
background:#fff;
text-align:center;
font-size:14px;
line-height:40px;
}
.flight-detail-box .flight-nav-txt a:before{
display:inline-block;
position:relative;
top:1px;
margin-right:4px;
margin-bottom:3px;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
vertical-align:middle;
}
.flight-detail-box .flight-nav-txt.closed a:before{
background-image:url(/element/shared/images/icon/icon-toggle-plus.svg);
}
.flight-detail-box .flight-nav-txt a span{
position:relative;
}
.flight-detail-box .flight-schedule-col{
padding-bottom:15px;
border-top:1px solid #ccc;
}
.flight-detail-box .flight-schedule-col > :first-child{
border-top:none;
}
.flight-detail-box .flight-schedule-col .flight-schedule-add-notes{
padding:11px 0 10px;
}
.flight-detail-box .flight-schedule-col .flight-schedule-add-notes li{
margin-left:1em;
color:#333333;
text-indent:-1em;
font-size:12px;
}
.flight-detail-box .flight-schedule-col .sch-notes{
margin-bottom:15px;
padding:0 15px;
color:#333333;
}
.flight-detail-box .flight-schedule-col .sch-notes li{
font-size:12px;
}
.flight-detail-box .flight-schedule-col .sch-notes li:not(:first-child){
margin-top:3px;
}
.flight-detail-box .flight-schedule-col .sch-notes li .sch-notes-key{
color:var(--cmn-font-color-red);
}
.flight-detail-box .flight-schedule-col .sch-notes li .sch-notes-key.font-num{
font-family:Arial, Helvetica, sans-serif;
}
.flight-detail-box .flight-schedule-col .sch-notes li.sch-notes-indent{
margin-left:1em;
text-indent:-1em;
}
.flight-detail-box .flight-schedule-col .flight-connection-txt{
background-color:#eee;
}
.flight-detail-box .flight-schedule-col .flight-connection-txt span{
float:left;
}
.flight-detail-box .flight-schedule-col .flight-connection-txt span b{
margin:0 1.5em 0 0;
font-size:120%;
}
.flight-detail-box .flight-schedule-col .flight-connection-txt table{
width:100%;
text-align:left;
}
.flight-detail-box .flight-schedule-col .flight-connection-txt table th{
width:18%;
font-size:120%;
}
.flight-detail-box .flight-schedule-col .flight-connection-txt table td{
width:30%;
}
.flight-detail-box .flight-schedule-col .flight-connection-txt table .sum{
width:16%;
text-align:right;
}
.flight-detail-box .stay-schedule-box{
overflow:hidden;
margin-bottom:18px;
padding:8px 10px;
border-top:1px solid #ccc;
color:var(--cmn-font-color-base);
background-color:#f1f1f1;
text-align:right;
}
.flight-detail-box .flight-schedule_Box{
padding-bottom:20px;
border-top:1px solid #ccc;
}
.flight-detail-box .reserve-attention-txt{
margin-bottom:10px;
color:var(--cmn-font-color-base);
text-align:center;
font-weight:normal;
font-size:13px;
}

/* res-agt
------------------------------------------------ */
.res-agt{
position:relative;
}
.res-agt .res-agt-header{
position:relative;
margin:-15px -15px 0;
padding:15px 20px 10px;
-webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, .16);
box-shadow:0px 1px 6px rgba(0, 0, 0, .16);
}
.res-agt .res-agt-header .res-agt-header-item{
position:relative;
padding-right:80px;
}
.res-agt .res-agt-header .res-agt-header-item .res-agt-header-flt-dtl{
position:absolute;
top:50%;
right:3px;
margin-top:-25px;
}
.res-agt .res-agt-header .res-agt-header-item .res-agt-header-flt-dtl .res-agt-header-flt-dtl-btn{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
padding:0;
border:none;
border:1px solid #b0b0b0;
border:1px solid #bebebe;
background:#fff;
border-radius:6px;
border-radius:5px;
width:56px;
height:40px;
color:#666;
background:none;
-webkit-box-shadow:0px 1px 0px #bebebe;
box-shadow:0px 1px 0px #bebebe;
text-align:center;
font-size:11px;
line-height:1.3;
}
.res-agt .res-agt-header .res-agt-header-item .res-agt-header-flt-dtl .cmn-tip-container{
right:0;
width:410px;
}
.res-agt-header-item .search-flight-item{
width:615px;
padding:0;
margin:0;
}
.res-agt-header-item .search-product-hdg{
font-size:13px;
}
.res-agt-header-item .flight-detail-list > .time-detail{
width:175px;
padding:0 10px 0 0;
}
.res-agt-header-item .flight-detail-list > .time-detail .seat-class::after{
margin-left:-80px;
width:160px;
}
.res-agt-header-item .flight-detail-list > .time-detail .seat-class:before{
margin-right:-81px;
}
.res-agt-header-item .flight-detail-list > .date-detail.dpt .date-detail-item{
float:left;
}
.res-agt .res-agt-item{
margin:0 -15px -10px;
padding:19px 10px 10px;
background-color:#ededed;
position:relative;
}

/* .res-agt-item-txt
------------------------------------------------ */
.res-agt .res-agt-item-txt{
font-size:13px;
}
.res-agt .res-agt-item-txt .date{
font-size:12px;
padding-left:15px;
}
.res-agt-item-sort{
text-align:right;
margin-top:-22px;
margin-bottom:8px;
padding-right:17px;
}
.res-agt-item-sort select{
padding:2px 8px;
vertical-align:top;
min-height:26px;
min-width:100px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
box-sizing:border-box;
background-color:transparent;
font-size:13px;
}
.res-agt-item-sort .form-custom-select{
height:26px;
}

/* IE,Edge adjust */
.cmn-ms .res-agt-item-sort select{
padding:0 8px;
min-height:34px;
}
.cmn-ms .res-agt-item-sort .form-custom-select{
height:34px;
}

/* res-agt-list
------------------------------------------------ */
.res-agt .res-agt-list{
max-height:540px;
overflow-y:scroll;
margin-right:-5px;
margin-top:12px;
padding:0 5px 12px 0;
}
.res-agt .res-agt-list > li:not(.res-agt-list-header){
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table;
padding:12px 0;
border-radius:5px;
width:100%;
background:#fff;
box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);
table-layout:fixed;
}
.res-agt .res-agt-list > li:not(:first-child){
margin-top:8px;
}
.res-agt .res-agt-list > li:not(.res-agt-list-header) > div{
display:table-row;
}
.res-agt .res-agt-list > li:not(.res-agt-list-header) > div > div{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
height:100%;
vertical-align:top;
}
.res-agt .res-agt-list > li.res-agt-list-header > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
text-align:center;
}
.res-agt .res-agt-list > li .res-agt-list-desc{
padding:0 15px 0 12px;
width:490px;
position:relative;
}
.res-agt .res-agt-list > li .res-agt-list-desc .desc-seat{
font-size:12px;
}
.res-agt .res-agt-list > li .res-agt-list-desc .item-plan-name{
padding:0;
margin:10px 0 3px;
font-size:13px;
min-height:56px;
}
.modal-list .res-agt .res-agt-list > li .res-agt-list-desc .item-plan-name,
.res-agt .plan-travelko .res-agt-list > li .res-agt-list-desc .item-plan-name{
min-height:60px;
}
.res-agt .res-agt-list > li .res-agt-list-desc .btn-detail-s{
position:absolute;
right:18px;
top:0;
padding:5px 6px 4px;
}
.res-agt .res-agt-list > li .res-agt-list-desc .item-agt-link{
margin:0;
}
.res-agt .res-agt-list > li .res-agt-list-desc .item-agt-link .agt-note,
.res-agt .res-agt-list > li .res-agt-list-desc .item-agt-link .txt-invoice{
padding-left:8px;
font-size:12px;
}
.res-agt .res-agt-list > li .res-agt-list-desc .item-agt-link .agt-note .cmn-tip-caution-btn .cmn-tip-caution-btn-icon{
margin:-2px 0 0 3px;
}
.res-agt .res-agt-list > li .res-agt-list-amount{
padding:0 12px 0 0;
text-align:right;
position:relative;
}
.res-agt .res-agt-list > li .res-agt-list-amount-col > div:not(.tip-payment-info){
height:100%;
padding-bottom:40px;
}
.res-agt .res-agt-list > li .res-agt-list-amount .search-price-btn-item{
position:absolute;
bottom:0;
right:0;
}
.res-agt .res-agt-list > li .res-agt-list-amount > div{
display:block;
padding-left:11px;
}
.res-agt .res-agt-list > li .res-agt-list-amount .price-num-total{
margin-top:0;
font-size:0;
}
.res-agt .res-agt-list > li .res-agt-list-amount .num-total-block{
display:inline-block;
text-align:left;
vertical-align:middle;
font-size:11px;
float:left;
padding-top:5px;
}
.res-agt .res-agt-list > li .res-agt-list-amount .num-total-block .txt-sum{
display:block;
font-size:12px;
}
.res-agt .res-agt-list > li .res-agt-list-amount .search-price-detail-item .price-sum > span:first-child{
float:left;
}
.res-agt .res-agt-list > li .res-agt-list-amount .search-price-detail-item .price-sum > span:last-child{
min-width:95px;
}
.res-agt .res-agt-list > li .res-agt-list-amount .search-price-detail-item .price-sum > span:last-child .num{
font-size:18px;
}
.res-agt .res-agt-list > li .res-agt-list-amount .search-price-btn-item{
margin-top:10px;
margin-right:12px;
}
.res-agt .res-agt-list > li .res-agt-list-amount .search-price-btn-item .btn-book{
font-size:16px;
padding:4px 5px;
}
.res-agt .res-agt-list > li .res-agt-list-amount .list-payment-brt-note{
font-size:11px;
color:#666;
margin-top:5px;
}
.res-agt .res-agt-list > li .res-agt-list-amount .list-payment-brt-note li{
text-indent:-1em;
padding-left:1em;
}
.res-agt .res-agt-list > li .res-agt-list-amount .list-payment-brt-note li::before{
content:'\0203B';
}

/* list-type
------------------------------------------------ */
.res-agt .list-type > li{
display:inline-block;
float:none;
margin-top:2px;
color:var(--cmn-font-color-base);
font-size:11px;
line-height:1.4;
}
.res-agt .list-type > li:not(.list-type-card):not(:last-child){
position:relative;
padding-right:6px;
}
.res-agt .list-type > li:not(.list-type-card):not(:last-child)::after{
display:block;
position:absolute;
top:-1px;
right:-2px;
color:var(--cmn-font-color-base);
content:"\002f";
}
.res-agt .list-type > li:first-child{
display:block;
}
.res-agt .list-type > li .cmn-tip-caution-btn-icon{
position:relative;
top:-1px;
left:3px;
}
.res-agt .list-type .card{
overflow:hidden;
display:inline-block;
position:relative;
top:-1px;
border:0;
height:inherit;
vertical-align:middle;
}
.res-agt .list-type .card img{
float:left;
margin-right:2px;
height:11px;
}
.res-agt .list-type .card-info{
margin-top:2px;
}
.res-agt .list-type .card-info .cmn-tip-btn{
margin-right:0;
}
.res-agt .list-type .payment-notes{
display:block;
}
.res-agt .list-type .payment-notes > li{
margin-left:1em;
color:#666;
text-indent:-1em;
}

/* site-info-link-mark
------------------------------------------------ */
.res-agt .site-info-link-mark{
margin-top:4px;
font-size:11px;
}
.res-agt .site-info-link-mark a{
text-decoration:underline;
}
.res-agt .site-info-link-mark a strong{
width:66px;
color:var(--cmn-font-color-red);
text-decoration:underline;
font-weight:normal;
}

/* site-info-notes
------------------------------------------------ */
.res-agt .site-info-notes li{
position:relative;
font-size:11px;
}
.res-agt .site-info-notes li em{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* info-tip-container
------------------------------------------------ */
.info-tip-container{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
right:0;
z-index:10;
padding:20px 18px;
border:solid 1px #dcdcdc;
border-radius:4px;
width:570px;
background-color:rgb(255, 255, 255);
-webkit-box-shadow:2px 2px 3px 0 rgba(153, 153, 153, .75);
box-shadow:2px 2px 3px 0 rgba(153, 153, 153, .75);
text-align:left;
}

/* modal-flt-dtl
------------------------------------------------ */
.modal-flt-dtl{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:20px 25px 20px;
width:422px;
}
.modal-flt-dtl .sch-dtl-container{
margin:0 -25px;
}
/* flightExtra_main_Col
------------------------------------------------ */
.flightExtra_main_Col .sch-dtl-container{
margin:0 -10px;
width:422px;
}
/* .sch-dtl-container
------------------------------------------------ */
.sch-dtl-notice{
padding:0 20px 8px;
margin-bottom:8px;
border-bottom:2px solid #ccc;
}
.sch-dtl-notice-txt{
font-size:12px;
position:relative;
padding-left:20px;
margin-bottom:10px;
}
.sch-dtl-notice-txt::before {
display:block;
position:absolute;
top:1px;
left:0;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
vertical-align:middle;
}
.sch-dtl-notice-list{
font-size:11px;
}
.sch-dtl-notice-list li{
text-indent:-1em;
padding-left:1em;
margin-top:5px;
}
.sch-dtl-notice-list li::before{
content:'\030FB';
}

/* ticket-header-container
------------------------------------------------ */
.ticket-header-container{
margin-bottom:10px;
padding:10px 20px 15px;
border-bottom:2px solid #ccc;
}
.ticket-header-container .ticket-header-att{
position:relative;
margin-bottom:5px;
padding-left:18px;
font-size:12px;
}
.ticket-header-container .ticket-header-att::before{
display:block;
position:absolute;
top:0;
left:0;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
vertical-align:top;
}
.ticket-header-container .ticket-header-notes{
margin-top:10px;
}
.ticket-header-container .ticket-header-notes > li{
margin-left:1em;
font-size:11px;
}
.ticket-header-container .ticket-header-notes > li::before{
display:inline-block;
content:"\30FB";
text-indent:-1em;
}
.ticket-header-container .ticket-header-notes > li:not(:first-child){
margin-top:7px;
}
.ticket-header-container .ticket-header-notes > li em{
color:var(--cmn-font-color-red);
}

/* sch-dtl-container
------------------------------------------------ */
.cmn-tip-container.tip-flight-detail{
width:420px;
}
.sch-dtl-container{
position:relative;
margin:0 -16px -5px;
color:var(--cmn-font-color-base);
text-align:left;
line-height:1.4;
}
.sch-dtl-container .sch-dtl-item-zoom .sch-dtl-item-zoom-btn{
overflow:hidden;
position:absolute;
top:-5px;
right:5px;
padding-top:20px;
border:none;
width:20px;
height:0;
background:none;
}
.sch-dtl-container .sch-dtl-item-zoom .sch-dtl-item-zoom-btn::before{
display:block;
position:absolute;
top:3px;
left:3px;
width:14px;
height:14px;
background:url(/element/w_hotel/dp/images/icon-zoom-in.svg) 0 0 no-repeat;
content:"";
}
.sch-dtl-container .sch-dtl-item{
padding:5px 20px 0 20px;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header{
-ms-flex-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:10px;
-webkit-box-align:center;
align-items:center;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header > div:first-child{
-ms-flex-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header > div:last-child{
margin-left:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header .sch-dtl-header-hdg{
margin-right:5px;
font-weight:normal;
font-size:14px;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header .sch-dtl-header-req{
padding-bottom:1px;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header .sch-dtl-header-req .font-num{
font-size:12px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header .sch-dtl-header-note{
color:#666;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl::after{
display:table;
clear:both;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dt{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
top:-5px;
float:left;
clear:left;
margin-bottom:10px;
padding-right:8px;
width:95px;
text-align:right;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dt b{
margin-bottom:-5px;
font-weight:normal;
font-size:13px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > dt.flight.time{
padding:0 5px 0 0;
}
.sch-dtl-container .sch-dtl-item > dl > dt .date{
position:relative;
top:-1px;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dt .date .font-num{
font-size:12px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > 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:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > dt .sch-info{
display:block;
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
top:-2px;
float:left;
padding:0 0 15px 18px;
width:273px;
text-align:left;
word-break:break-all;
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport::before{
overflow:hidden;
display:block;
position:absolute;
top:10px;
left:5px;
width:2px;
height:100%;
background-color:#898989;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport::after{
position:absolute;
top:0;
left:0;
border:2px solid #898989;
border-radius:50%;
width:8px;
height:8px;
background-color:#fff;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > b{
position:relative;
top:-3px;
font-weight:normal;
font-size:13px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > b > a{
position:relative;
padding-left:13px;
color:#666;
font-size:14px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > b > a::before{
display:inline-block;
position:absolute;
top:1px;
left:0px;
width:9px;
height:13px;
background:url(/element/w_hotel/dp/images/icon-pin.svg) no-repeat;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > b > span{
margin-left:3px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport.end{
padding-bottom:0;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport.end::before{
display:none;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term{
display:block;
position:relative;
padding-top:10px;
padding-right:0;
padding-left:0;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term > b{
position:absolute;
top:50%;
left:-83px;
margin-top:-3px;
font-weight:normal;
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term > b .font-num{
font-size:13px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc{
display:table-cell;
vertical-align:top;
word-break:break-all;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-desc-name{
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-desc-blank{
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-desc-flt-code{
margin-left:3px;
font-size:13px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-alliance-logo{
display:inline-block;
position:relative;
top:-2px;
margin-left:4px;
vertical-align:middle;
line-height:2;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-alliance-logo span{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
border:1px solid #d2d2d2;
width:13px;
height:13px;
background-color:#fff;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-alliance-logo span img{
display:table-cell;
max-width:12px;
max-height:12px;
vertical-align:middle;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-notes{
display:block;
color:#666;
font-weight:normal;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:relative;
width:255px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info::after{
display:table;
clear:both;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external{
display:inline-block;
float:right;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external::before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:4px;
border-top:1px solid #666;
border-right:1px solid #666;
width:3px;
height:3px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a{
color:#666;
font-size:11px !important;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a:link,
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a:visited,
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a:hover,
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a:active{
color:#666;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a::after{
display:inline-block;
position:relative;
top:1px;
margin-left:3px;
width:12px;
height:11px;
background:url(/element/shared/images/icon/icon-external.svg);
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info-notes{
display:block;
margin-top:2px;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-seat-class{
display:inline-block;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-seat-class.carrier-seat-class-att{
color:var(--cmn-font-color-red);
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-seat-class.carrier-seat-class-att::before{
display:inline-block;
margin-right:2px;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
vertical-align:middle;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-seat-att{
display:block;
position:relative;
margin-top:3px;
padding-left:18px;
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-seat-att.txt-imp{
color: var(--cmn-font-color-base);
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-seat-att::before{
display:block;
position:absolute;
top:3px;
left:0;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-baggage-rules{
display:block;
margin-top:3px;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-baggage-rules > span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-baggage-rules > span > span:first-child{
white-space:nowrap;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-baggage-rules > span > span:first-child::after{
display:inline-block;
margin:0 2px 0 3px;
content:":";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-baggage-rules > span > span::last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-desc-transit{
margin-right:5px;
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .ico-transit-01{
overflow:hidden;
display:inline-block;
position:relative;
padding-top:13px;
width:14px;
height:0;
background: url(/element/w_hotel/dp/images/icon-car-gray.svg) 0 0 no-repeat;
background-size:100%;
vertical-align:middle;
line-height:2;
margin-right:4px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport.transfer:before{
border-left:2px dotted #898989;
background-color:transparent;
}
.sch-dtl-container .sch-stay-item{
margin:5px 0 10px;
padding:7px 15px;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}
.sch-dtl-container .sch-stay-item .sch-stay-header{
-ms-flex-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
min-height:32px;
-webkit-box-align:center;
align-items:center;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-hdg{
margin-right:15px;
white-space:nowrap;
font-weight:normal;
font-size:12px;
padding-left:5px;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-length{
font-size:11px;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-length .font-num,
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-length .num{
font-size:12px;
font-family:Arial;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-req{
font-size:11px;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-req .font-num{
font-size:12px;
font-family:Arial;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-blank{
font-size:11px;
}

/* 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 li{
margin-top:10px;
}
.cmn-tip-box .tip-list li:before{
display:inline-block;
content:"\30FB";
}
.cmn-tip-box .tip-list.tip-list-indent li{
margin-left:1em;
}
.cmn-tip-box .tip-list.tip-list-indent li:before{
text-indent:-1em;
}
.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{
margin-left:2em;
text-indent:-2em;
font-size:11px;
}
.cmn-tip-box .tip-example .tip-example-img{
margin-left:0;
vertical-align:middle;
text-indent:0;
line-height:1;
}
.cmn-tip-box .tip-example .tip-example-img span{
display:table-cell;
width:40px;
vertical-align:middle;
text-align:center;
}
.cmn-tip-box .tip-example .tip-example-img span img{
max-width:30px;
max-height:15px;
vertical-align:middle;
}
.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{
-ms-flex-align:stretch;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
width:100%;
-webkit-box-align:stretch;
align-items:stretch;
-webkit-box-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;
margin:0 7px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.cmn-tip-box .tip-route .tip-item .tip-mid > div{
-ms-flex-align:stretch;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
-ms-flex-pack:center;
height:100%;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:stretch;
align-items:stretch;
}
.cmn-tip-box .tip-route .tip-item .tip-mid > div::before{
display:block;
position:absolute;
top:8px;
right:1px;
width:calc(100% - 1px);
height:2px;
background-color:#aaa;
content:"";
}
.cmn-tip-box .tip-route .tip-item .tip-mid > div::after{
display:block;
position:absolute;
bottom:8px;
left:1px;
width:calc(100% - 1px);
height:2px;
background-color:#aaa;
content:"";
}
.cmn-tip-box .tip-route .tip-item .tip-mid > div > span{
-ms-flex-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
z-index:10;
padding:0 5px;
width:35px;
background:#fff;
vertical-align:middle;
-webkit-box-align:center;
align-items:center;
}
.cmn-tip-box .tip-route .tip-item .tip-mid > div > span > span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
width:35px;
vertical-align:middle;
text-align:center;
font-size:11px;
line-height:1;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
justify-content:center;
}
.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{
display:block;
position:absolute;
top:50%;
right:0px;
margin-top:-10px;
border-top:transparent 4px solid;
border-bottom:transparent 4px solid;
border-left:6px solid #aaa;
content:"";
}
.cmn-tip-box .tip-route .tip-item .tip-mid::after{
display:block;
position:absolute;
top:50%;
left:0px;
margin-top:2px;
border-top:transparent 4px solid;
border-right:6px solid #aaa;
border-bottom:transparent 4px solid;
content:"";
}
.cmn-tip-box .tip-notes-02{
margin-top:5px;
margin-bottom:5px;
margin-left:1em;
color:#666;
text-indent:-1em;
font-size:11px;
}
.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-codeshare-tbl
----------------------------------------------- */
.cmn-tip-box .tip-codeshare-tbl{
margin-top:10px;
border:1px solid #ccc;
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.cmn-tip-box .tip-codeshare-tbl th{
width:75px;
background-color:#f5f5f5;
text-align:left;
font-weight:normal;
font-size:12px;
}
.cmn-tip-box .tip-codeshare-tbl th,
.cmn-tip-box .tip-codeshare-tbl td{
padding:7px 10px;
}

/* carrier-link-external
------------------------------------------------ */
.carrier-link-external:before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:4px;
border-top:1px solid #666;
border-right:1px solid #666;
width:3px;
height:3px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.carrier-link-external a{
color:#666;
font-size:11px !important;
}
.carrier-link-external a:link,
.carrier-link-external a:visited,
.carrier-link-external a:hover,
.carrier-link-external a:active{
color:#666;
}
.carrier-link-external a:after{
display:inline-block;
position:relative;
top:1px;
margin-left:3px;
width:12px;
height:11px;
background:url(/element/shared/images/icon/icon-external.svg);
content:"";
}

/* cmn-tip .sum-info-box
----------------------------------------------- */
.sum-info-box > p{
margin-top:0;
}
.price-info-item{
margin-bottom:10px;
margin-top:10px;
}
.price-info-list{
margin:5px 0 0;
padding:0 10px;
}
.price-info-list .fee-list{
border:1px solid #ddd;
display:block;
margin:5px 0 0;
padding:8px;
font-size:12px;
}
.price-info-list .fee-list .fee-area-list{
margin:0;
font-size:0;
padding:0 13px;
}
.price-info-list .fee-list .fee-area-list li{
width:49.5%;
font-size:12px;
display:inline-block;
}
.price-info-list-item{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}
.price-info-list-item li{
text-indent:-1em;
padding-left:1em;
}
.price-info-list-item li:before{
content:'\030FB';
}
.search-result-inner .plan-item-list > .plan-item-cell.going .name,
.search-result-inner .plan-item-list > .plan-item-cell.return .name{
font-size:12px;
padding:5px 5px 3px 5px;
}

/* tip tour
----------------------------------------------- */
.tip-tbl{
display:table;
width:100%;
}
.tip-tbl .tip-cell{
display:table-cell;
}
.filter-time-tbl{
margin-top:7px;
}
.filter-time-tbl + .filter-time-tbl{
margin-top:0;
}
.filter-time-tbl .tip-cell:first-child{
width:130px;
white-space:nowrap;
}
.filter-time-tbl .tip-cell:last-child{
padding-left:17px;
}
.filter-time-tbl .tip-cell:last-child::before{
content:'\02192';
margin-left:-17px;
margin-right:5px;
}

/* .search-result-item-time-balloon
----------------------------------------------- */
.search-result-item-time-balloon{
position:absolute;
bottom:auto;
top:100%;
right:-10px;
margin-top:10px;
padding:12px 9px 10px 12px;
border:1px solid #aaa;
border-radius:3px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:4px 4px 5px rgba(153,153,153,.75);
box-shadow:4px 4px 5px rgba(153,153,153,.75);
background-color:#fff;
z-index:1;
display:inline-block;
}
.search-result-item-time-balloon:after{
margin-left:-5px;
content:"";
display:block;
width:10px;
height:10px;
position:absolute;
top:-6px;
bottom:auto;
right:19px;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}

/* .search-result-item-time-list
----------------------------------------------- */
.search-result-item-time-list > li{
position:relative;
padding-left:44px;
}
.search-result-item-time-list > li:not(:first-child){
margin-top:6px;
padding-top:10px;
border-top:1px solid #ddd;
}
.search-result-item-time-list > li > b{
position:absolute;
left:0;
top:10px;
display:block;
padding:3px 6px 2px;
line-height:1;
color:#fff;
font-size:11px;
font-weight:normal;
background-color:#888;
}
.search-result-item-time-list > li:first-child > b{
top:0;
}

/* .search-result-item-time-detail
----------------------------------------------- */
.search-result-item-time-detail{
font-size:12px;
}
.search-result-item-time-detail > li{
-webkit-display:flex;
-moz-display:flex;
-ms-display:flex;
-o-display:flex;
display:-webkit-box;
display:flex;
white-space:nowrap;
}
.search-result-item-time-detail > li:not(:first-child){
margin-top:2px;
}
.search-result-item-time-detail > li > .place{
padding-right:12px;
}
.search-result-item-time-detail > li > .time{
width:2em;
}

/* .info-departure-time-text
----------------------------------------------- */
.tip-departure-time {
width:420px;
}
.modal-departure-time .info-departure-time-text{
margin-bottom:17px;
font-size:14px;
line-height:1.7;
}
.tip-departure-time .info-departure-time-text{
margin-top:2px;
}

/* .info-departure-time-list
----------------------------------------------- */
.info-departure-time-list{
margin-bottom:30px;
padding:0 10px;
font-size:13px;
}
.info-departure-time-list > li{
position:relative;
padding:5px 0 5px 25px;
margin:0 -10px;
border-bottom:1px dotted #d7d7d7;
}
.info-departure-time-list > li:last-child{
border-bottom:1px solid #ddd;
}
.info-departure-time-list > li:before{
position:absolute;
left:10px;
top:4px;
}
.info-departure-time-list > li:nth-child(1):before{
content:"\2460";
}
.info-departure-time-list > li:nth-child(2):before{
content:"\2461";
}
.tip-departure-time .info-departure-time-list{
margin:3px 0 22px;
font-size:12px;
}
.tip-departure-time .info-departure-time-list > li{
padding:2px 0 0 25px;
border-bottom:none;
}
.tip-departure-time .info-departure-time-list > li:before{
top:2px;
}

/* .info-departure-time-list-ex
----------------------------------------------- */
.info-departure-time-list-ex-container{
margin:8px 0 12px;
}
.tip-departure-time .info-departure-time-list-ex-container{
margin-bottom:21px;
}
.info-departure-time-list-ex{
font-size:13px;
}

/* .info-departure-time-img
----------------------------------------------- */
.info-departure-time-img{
position:relative;
padding-top:85px;
margin:0 auto 33px;
width:100%;
color:#023570;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:url(/element/w_hotel/dp/images/img-departure-time.svg) center top no-repeat;
background-size:384px 56px;
}
.tip-departure-time .info-departure-time-img{
margin-bottom:14px;
}
.info-departure-time-img-date{
position:absolute;
bottom:0;
left:28px;
padding-top:1px;
min-width:70px;
text-align:center;
font-size:11px;
border:1px solid #396eaa;
}
.tip-departure-time .info-departure-time-img-date{
left:0;
}
.info-departure-time-img-date:last-of-type{
left:inherit;
right:97px;
}
.tip-departure-time .info-departure-time-img-date:last-of-type{
right:71px;
}
.info-departure-time-img-date:before,
.info-departure-time-img-date:after{
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:-6px;
left:30px;
border-width:0 4px 6px 4px;
border-color:transparent transparent #396eaa transparent;
border-style:solid;
}
.info-departure-time-img-date:after{
top:-5px;
border-width:0 4px 6px 4px;
border-color:transparent transparent #fff transparent;
}

/* .info-departure-time-note
----------------------------------------------- */
.info-departure-time-note{
font-size:11px;
color:#666;
}
.info-departure-time-note > li{
padding-left:1em;
text-indent:-1em;
}
.info-departure-time-note > li:before{
content:"\203b";
}


/* .modal-map
----------------------------------------------- */
.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-dp-price
----------------------------------------------- */
.cmn-modal-item.modal-dp-list{
background:#ededed;
}
.cmn-modal-select .cmn-modal-hdg-container .cmn-modal-hdg .sup{
font-size:12px;
font-weight:normal;
padding-left:15px;
}
.cmn-modal-select .cmn-modal-hdg-container .cmn-modal-hdg .sup .cmn-tip-btn{
margin-top:-2px;
}
.modal-dp-price{
margin:-20px -20px 0;
box-shadow:0px 1px 6px rgba(0, 0, 0, .16);
background:#fff;
}
.cmn-modal-select .cmn-modal-item >.modal-dp-price:first-child{
margin-top:-20px;
}
.modal-dp-price .search-result-item {
display:flex;
flex-wrap:nowrap;
background:#fff;
}
.modal-dp-price .search-product-item .flight-detail-list{
padding-right:0;
}
.modal-dp-price .search-result-item .search-product-item {
flex-grow:1;
width:64%;
box-sizing:border-box;
position:relative;
padding:10px;
border-right:1px solid #bbb;
}
.modal-dp-price .search-result-item .search-price-item{
flex-grow:1;
width:36%;
box-sizing:border-box;
text-align:right;
padding:10px;
}
.modal-dp-price .search-hotel-item{
padding:10px 10px 0;
margin:0 -10px;
}
.modal-dp-price-cont.res-agt .res-agt-item{
padding:10px 0 0 0;
margin:0;
background:none;
}
.modal-dp-price-cont.res-agt .res-agt-list > li .res-agt-list-amount > div{
display:block;
padding-left:60px;
position:relative;
margin-bottom:0;
}
.modal-dp-price-cont.res-agt .res-agt-list > li .res-agt-list-amount > div .btn-detail-s{
position:absolute;
top:0;
left:20px;
}
.modal-dp-price-cont.res-agt .res-agt-list > li .res-agt-list-amount .search-price-btn-item .btn-book{
width:160px;
}
.modal-dp-price-cont.res-agt .res-agt-list > li .res-agt-list-amount .search-price-detail-item .price-sum > span:last-child .num {
font-size:16px;
font-weight:bold;
}
.modal-dp-price-cont.res-agt .res-agt-list > li .res-agt-list-amount .search-price-btn-item{
margin:0;
min-height:auto;
height:auto;
padding-bottom:0;
}
.modal-dp-price-cont.res-agt .res-agt-list > li .res-agt-list-desc .item-plan-name,
.modal-dp-price-cont.res-agt .search-price-detail{
margin-top:0;
}
.modal-dp-price-cont.res-agt .res-agt-list{
max-height:445px;
text-align:left;
}
.modal-dp-price-cont{
text-align:center;
}
.modal-dp-price-cont .btn-modal-more{
font-size:13px;
color:#666;
padding:0 0 0 18px;
margin:0 auto;
border:0;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 8px;
background-size:10px 10px;
min-height:26px;
margin-top:2px;
margin-bottom:-1px;
}
.modal-dp-price-cont .is-active .btn-modal-more{
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat 0 8px;
background-size:10px 10px;
}
.modal-dp-price-cont.res-agt .res-agt-item-txt{
text-align:left;
margin-top:-22px;
}
.modal-dp-price-cont.res-agt .res-agt-item-txt b{
font-size:13px;
padding-right:15px;
}
.modal-dp-price-cont.res-agt .res-agt-item-txt span{
padding-left:0;
font-size:12px;
}
.modal-dp-price-hook > .btn-modal-more{
margin:3px 0 -10px;
}
.modal-dp-price-hook.is-active > .btn-modal-more{
display:none;
}
.modal-dp-price-hook .modal-dp-price-item{
display:none;
}
.modal-dp-price-hook.is-active .modal-dp-price-item,
.modal-dp-price-hook.plan-travelko .modal-dp-price-item{
display:block;
}
.list-btn-item{
text-align:center;
margin:20px 0 5px;
}
.btn-other{
height:34px;
border-radius:4px;
background:#fff;
border:1px solid #ccc;
box-shadow:0px 1px 0px #ccc;
padding:0 10px;
color:#666;
font-size:13px;
font-weight:bold;
min-width:220px;
}

/* modal-dp-price travelko
----------------------------------------------- */
.modal-dp-price .res-agt-header .search-flight-item{
padding:15px 20px;
}
.modal-dp-price .res-agt-header{
position:relative;
}
.modal-dp-price .res-agt-header-flt-dtl .res-agt-header-flt-dtl-btn{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
padding:0;
border:none;
border:1px solid #bebebe;
background:#fff;
border-radius:6px;
border-radius:5px;
width:56px;
height:40px;
color:#666;
background:none;
-webkit-box-shadow:0px 1px 0px #bebebe;
box-shadow:0px 1px 0px #bebebe;
text-align:center;
font-size:11px;
line-height:1.3;
position:absolute;
right:20px;
bottom:20px;
}
.modal-dp-price-cont.res-agt .plan-travelko .res-agt-item-txt{
margin:8px 0 5px;
}
.modal-dp-list .res-agt-header-item .search-flight-item{
width:685px;
}
.modal-dp-list .res-agt-header-item .btn-share{
position:absolute;
right:20px;
top:15px;
}
.modal-dp-list .res-agt-header-item .search-flight-item-note{
margin:-19px -35px 3px 0;
display: flex;
padding: 2px 66px 0 92px;
justify-content: space-between;
align-items: center;
}
.modal-dp-price-cont.res-agt .plan-travelko .res-agt-list > li .res-agt-list-amount > div{
padding-left:40px;
}
.res-agt .plan-travelko .res-agt-list > li .res-agt-list-amount .num-total-block{
float:left;
}
.modal-dp-price-cont.res-agt .plan-travelko  .res-agt-list > li .res-agt-list-desc .item-plan-name{
margin-top:10px;
}
.modal-dp-price-cont.res-agt .plan-travelko .res-agt-list > li .res-agt-list-amount .search-price-detail-item .price-sum > span:last-child .num{
font-weight:normal;
}
.modal-dp-price-cont.res-agt .plan-travelko .txt-price{
margin-top:3px;
}
.modal-dp-price-cont.res-agt .plan-travelko .res-agt-list > li .res-agt-list-amount .search-price-btn-item .btn-book{
width:120px;
font-size:13px;
}
.modal-dp-price-cont.res-agt .plan-travelko .res-agt-item-sort{
margin:-29px 0 15px;
}

/* modal-dp-item
----------------------------------------------- */
.cmn-modal-select .cmn-modal-item >.modal-dp-item{
background:#fff;
margin:-20px -20px -30px -20px;
padding:20px;
}
.modal-dp-item .loaing-container{
min-height:250px;
}

/* agt-link-info
----------------------------------------------- */
.agt-link-info{
font-size:17px;
margin:15px 0;
}
.agt-link-note {
color:#666;
font-size:11px;
}
.agt-link-txt{
font-size:13px;
margin:15px 0;
}
.agt-link-att-name{
font-size:18px;
}
.agt-link-att{
font-size:17px;
font-weight:bold;
margin:15px 0;
}

/* agent-move-price-tbl
------------------------------------------------ */
.agent-move-price-tbl{
margin:0 auto;
border-collapse:collapse;
border-top:1px solid #ccc;
width:570px;
}
.agent-move-price-tbl th{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
padding:9px 10px 0 10px;
width:120px;
text-align:left;
font-weight:normal;
font-size:12px;
line-height:1.9;
}
.agent-move-price-tbl .agent-move-price-notes{
display:block;
font-size:11px;
}
.agent-move-price-tbl .font-num{
font-family:Arial, Helvetica, sans-serif;
}
.move-price-s{
display:block;
font-size:12px;
}
.agent-move-price-chg .agent-move-price-chg-col:last-child .move-price-s{
color:var(--cmn-font-color-base);
}
.move-price-s .num{
font-size:16px;
}

/* agent-move-price-chg
------------------------------------------------ */
.agent-move-price-chg{
-ms-flex-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.agent-move-price-chg .agent-move-price-chg-col{
position:relative;
width:50%;
line-height:1.3;
padding:8px 0 0;
}
.agent-move-price-chg .agent-move-price-chg-col:first-child{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
color:#a4a4a4;
text-align:right;
font-size:14px;
}
.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:8px 100px 0 40px;
color:var(--cmn-font-color-red);
text-align:left;
font-size:14px;
text-align:right;
width:126px;
}
.agent-move-price-chg .agent-move-price-chg-col:last-child .font-num{
font-weight:bold;
font-size:22px;
}
.agent-move-price-chg .agent-move-price-chg-col:last-child:before{
display:inline-block;
position:absolute;
top:50%;
left:18px;
margin-top:-5px;
width:50px;
height:10px;
background:url(/element/w_hotel/dp/images/icon-arrow-02.svg) top left no-repeat;
content:"";
}
.agent-move-price-chg.agent-move-price-chg-branch .agent-move-price-chg-col:first-child{
width:130px;
}
.agent-move-tbl-container .airline-item{
display:table;
margin-bottom:5px;
}
.agent-move-tbl-container .airline-item > div{
display:table-cell;
}
.agent-move-tbl-container .airline-item .txt-hdg{
font-size:12px;
width:28px;
}
.agent-move-tbl-container .flight-detail-list > .time-detail{
width:150px;
}
.agent-move-tbl-container .flight-detail-list{
display:inherit;
}

/* .price-tbl-02
------------------------------------------------ */
.agent-move-price-tbl.price-tbl-02 th{
background-color:#f4f4f4;
padding:9px 10px;
}
.price-tbl-02 .agent-move-price-chg .agent-move-price-chg-col {
padding:2px 0;
}
.price-tbl-02 .agent-move-price-chg .agent-move-price-chg-col:last-child{
padding:0 100px 0 80px;
width:auto;
}
.price-tbl-02 .agent-move-price-chg .agent-move-price-chg-col:last-child .move-price-s{
color:var(--cmn-font-color-red);
}
.price-tbl-02 + .agent-move-tbl-container{
padding:20px 0;
}
.agent-move-detail .agent-flight-detail{
display:table;
width:100%;
}
.agent-move-detail .agent-flight-detail > div{
display:table-cell;
vertical-align:middle;
font-size:11px;
}
.agent-move-detail .agent-flight-detail .seat-class > span + span::before{
content:'/';
margin:0 5px;
}
.agent-move-detail .agent-flight-detail .flight-detail-btn{
text-align:right;
}
.agent-move-detail .agent-flight-detail .flight-detail-btn .btn-detail-s{
padding:5px;
font-size:11px;
}
.agent-move-detail .item-plan-name{
margin:20px 0 0;
padding:0;
font-size:12px;
}
.agent-move-detail .stay-num{
font-size:12px;
}

/* agt-hotel-check-num
------------------------------------------------ */
.agt-hotel-check-num{
text-align:left;
font-size:11px;
padding:0 10px 5px;
}
.agt-hotel-check-num .num{
font-size:12px;
}
.agent-move-detail .agt-hotel-check-num{
padding:0;
margin:3px 0 4px;
}
.agent-move-detail .agt-hotel-check-num b .num{
font-size:13px;
}
.agt-hotel-plan{
font-size:11px;
}

/* luggage-info
------------------------------------------------ */
.search-flight-detail .luggage-info{
font-size:11px;
text-align:left;
margin-top:4px;
}

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

/* .agent-move-detail
------------------------------------------------ */
.agent-move-detail{
width:570px;
margin:15px auto 30px;
text-align:left;
}
.agent-move-detail .seat-class{
font-size:12px;
}
.agent-move-detail .btn-detail-item{
text-align:right;
margin-top:-20px;
margin-bottom:20px;
}
.agent-move-detail .btn-detail-item .btn-detail{
font-size:11px;
}
.agent-move-btn-list{
width:420px;
margin:0 auto;
font-size:0;
}
.agent-move-btn-list li{
width:200px;
display:inline-block;
}
.agent-move-btn-list li .btn-str-01{
padding:0 5px;
min-width:200px;
}
.agent-move-btn-list li:not(:last-child){
margin-right:18px;
}
.agent-move-note{
color:#666;
width:420px;
text-align:left;
margin:8px auto 0;
font-size:11px;
}

/* direct-flight-info
----------------------------------------*/
.direct-flight-info{
position:relative;
color:var(--cmn-font-color-base);
font-size:14px;
padding:15px 15px 15px 15px;
text-align:left;
margin:-20px 0 18px 0;
border:2px solid #999;
}
.direct-flight-info p{
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 3px no-repeat;
background-size:14px 12px;
padding-left:16px;
}
.direct-flight-info a{
display:block;
width:14px;
height:0;
padding-top:14px;
line-height:2;
overflow:hidden;
position:absolute;
top:8px;
right:8px;
background: url(/element/w_hotel/map/images/icon-x.svg) 50% 50% no-repeat;
background-size: 9px 9px;
}
.flight-direct-box {
margin:15px 0 15px 0;
}
.flight-direct-box .direct-flight-info{
margin:0 auto;
box-sizing:border-box;
}
.flight-direct-box .direct-flight-info b{
font-weight:normal;
color:var(--cmn-font-color-red);
}

/* cmn-tip-box
----------------------------------------------- */
.cmn-tip-box p + ul{
margin-top:5px;
}
.ic-share{
width:20px;
height:20px;
box-sizing:border-box;
text-indent:-9999px;
background:url(/element/w_hotel/shared/images/icon-share.svg) no-repeat top center;
background-size:10px auto;
display:inline-block;
}
.cmn-tip-box p + ul.mt-15{
margin-top:15px;
}
.notice-list.mt-15 li:not(:first-child){
margin-top:8px;
}
.cmn-tip-box .brt-list{
padding-left:1em;
}
.cmn-tip-box .brt-list li{
position:relative;
}
.cmn-tip-box .brt-list li::before{
content:'\030FB';
position:absolute;
left:-1em;
}

/* .terms-and-conditions-tbl
----------------------------------------------- */
.terms-and-conditions-tbl{
border:1px solid #ccc;
border-spacing:0;
border-collapse:collapse;
font-size:12px;
margin:8px 0;
width:100%;
}
.terms-and-conditions-tbl th{
background-color:#F5F5F5;
border-left:1px solid #ccc;
box-sizing:border-box;
font-weight:normal;
padding:8px;
text-align:left;
}
.terms-and-conditions-tbl th:first-of-type{
min-width:100px;
}
.terms-and-conditions-tbl th:last-of-type{
min-width:75px;
}
.terms-and-conditions-tbl td{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
padding:8px;
}

/* .tip-link-list-exclude-cv-btn
----------------------------------------------- */
.tip-link-list-exclude-cv-btn{
margin:10px auto;
padding:7px 5px 6px;
border-radius:4px;
color:#fff !important;
display:block;
box-sizing:border-box;
width:250px;
position:relative;
background-color:#72ba00;
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
font-size:14px;
font-weight:bold;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
line-height:1.35;
}
.tip-payment-cv-btn:active,
.tip-payment-cv-btn:hover,
.tip-payment-cv-btn:focus,
.tip-link-list-exclude-cv-btn:active,
.tip-link-list-exclude-cv-btn:hover,
.tip-link-list-exclude-cv-btn:focus{
background-color:#67a700;
text-decoration:none;
}


/* alert
----------------------------------------------- */
.cmn-alert-wording .text-info-note{
display:block;
font-size:11px;
color:#666;
margin-top:12px;
}

/* .suggest-dp
----------------------------------------------- */
.suggest-container .suggest-dp {
top:34px;
width:-webkit-calc(100% - 17px);
width:calc(100% - 17px);
box-sizing:border-box;
background-color:#fff;
text-align:left;
left:0;
z-index:101;
padding:10px;
border:1px solid #bebebe;
display:none;
position:absolute;
}
.suggest-container .suggest-dp.is-active {
display:block;
}
.suggest-container .suggest-dp > :first-child {
margin:-10px -10px 5px;
padding:10px 10px 0;
color:var(--cmn-font-color-base);
font-size:12px;
}
.suggest-dp-list-item + .suggest-dp-list-item{
border-top:1px dotted #ccc;
margin-top:10px;
padding-top:10px;
}
.suggest-dp-hdg{
font-weight:bold;
font-size:12px;
margin-bottom:5px;
display:table;
width:100%;
}
.suggest-dp-hdg .suggest-distance{
text-align:right;
}
.suggest-container .suggest-list.suggest-list-dp > li {
display:table;
width:100%;
}
.suggest-container .suggest-list.suggest-list-dp > li > span,
.suggest-dp-hdg > span{
display:table-cell;
}
.suggest-container .suggest-list.suggest-list-dp > li > span.suggest-distance{
width:80px;
color:#666;
font-size:11px;
text-align:right;
}

/* .loading-spinner-item
----------------------------------------------- */
.loading-spinner-item{
margin:20px 0;
text-align:center;
}
.loading-spinner-item b{
font-size:15px;
}
.loading-spinner-item > .loading-spinner-note{
margin:12px 0;
}
.tab-dp li button .tab-filter-txt .cmn-loading-spinner-dot{
display:inline-block;
margin:-1px 5px 0;
vertical-align:middle;
}

/* Progress Bar
----------------------------------------------- */
.loading-progress-item{
display:table;
width:100%;
margin:15px 0;
}
.loading-progress-item > .progress-col{
display:block;
padding-left:10px;
width:50%;
box-sizing:border-box;
float:right;
}
.loading-progress-item > .progress-col:first-child{
padding:0 10px 0 0;
float:left;
}
.loading-progress-item .loading-info{
font-size:12px;
margin:5px 0 -5px;
display:flex;
overflow:hidden;
}
.ic-flights{
background:url(/element/w_hotel/shared/images/icon-air-on.svg) no-repeat;
width:14px;
height:15px;
display:inline-block;
text-indent:-9999px;
vertical-align:middle;
margin:-2px 4px 0 0;
}
.ic-hotels{
background:url(/element/w_hotel/shared/images/icon-htl-on.svg) no-repeat;
width:10px;
height:14px;
display:inline-block;
text-indent:-9999px;
vertical-align:middle;
margin:-2px 8px 0 0;
}
.loading-progress-item .hotels.loading-info > span:first-child{
width:1.2em;
}
.loading-progress-item .dp.loading-info > span:first-child{
width:4em;
white-space:nowrap;
}
.loading-progress-item .loading-info > span.loading-search,
.loading-progress-item .hotels.loading-info > span.loading-search{
width:5.5em;
white-space:nowrap;
}
.loading-progress-item .loading-info > span:last-child{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.progress-item {
position:relative;
height:4px;
display:block;
width:100%;
background-color:#f5f5f5;
background-clip:padding-box;
margin:0.5rem 0 1rem 0;
overflow:hidden;
}
.progress-item .determinate-item {
position:absolute;
background-color:inherit;
top:0;
bottom:0;
background:url(/element/w_hotel/shared/images/progress-bar.gif) no-repeat top right;
background-size:30px 4px;
background-color:#57A2EF;
overflow:hidden;
text-indent:-9999px;
}

/* error
----------------------------------------------- */
.error-item{
text-align:center;
margin:45px 0;
}
.agent-link-item-box .error-item{
margin:0;
}
.error-note{
font-size:17px;
margin-bottom:20px;
font-weight:bold;
}
.error-txt{
font-size:13px;
font-weight:normal;
margin-bottom:30px;
}
.btn-str-01{
min-width:190px;
height:40px;
border-radius:4px;
background:#fff;
border:1px solid #c5c5c5;
box-shadow:0px 2px 0px #c5c5c5;
color:#666;
font-size:14px;
padding:0 20px;
}
.tab-error{
font-size:12px;
padding-left:5px;
}
li:first-child .tab-error{
padding-left:12px;
}
.error-info-note{
margin-top:20px;
font-size:11px;
color:#666;
}
.filter-item .error-note{
font-size:12px;
font-weight:normal;
line-height:1.6;
}

/* ----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */
.filter-item::before,
.filter-item::after{
content:"";
display:table;
}
.filter-item::after{
clear:both;
}