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

	Clearfix

----------------------------------------------------------------- */
.tab-view-switch::before,
.form-search .form-search-item-col::before,
.form-search .form-search-destination-area::before,
.form-search .form-search-toggle-lyt::before,
.form-search .form-search-balloon::before,
.form-search-index .form-search-index-lyt::before,
.form-search-index .form-search-index-destination-area::before,
.search-result .search-result-sort::before,
.search-result .search-result-agt-info-airport::before,
.tab-view-switch::after,
.form-search .form-search-item-col::after,
.form-search .form-search-destination-area::after,
.form-search .form-search-toggle-lyt::after,
.form-search .form-search-balloon::after,
.form-search-index .form-search-index-lyt::after,
.form-search-index .form-search-index-destination-area::after,
.search-result .search-result-sort::after,
.search-result .search-result-agt-info-airport::after{
content:'';
display:table;
}

.tab-view-switch::after,
.form-search .form-search-item-col::after,
.form-search .form-search-destination-area::after,
.form-search .form-search-toggle-lyt::after,
.form-search .form-search-balloon::after,
.form-search-index .form-search-index-lyt::after,
.form-search-index .form-search-index-destination-area::after,
.search-result .search-result-sort::after,
.search-result .search-result-agt-info-airport::after{
clear:both;
}


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

  Base

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  font,cursor control
----------------------------------------------------------------- */
button,
select{
cursor:pointer;
}

button[disabled],
select[disabled]{
cursor:default;
}

::placeholder{
color:#949494;
}
::-ms-input-placeholder{
color:#949494;
}
:-ms-input-placeholder{
color:#949494;
}


/* ----------------------------------------------------------------
  HTML5 display definitions
----------------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary{
display:block;
}

audio,
canvas,
progress,
video{
display:inline-block;
}

audio:not([controls]){
display:none;
height:0;
}

progress{
vertical-align:baseline;
}



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

  Site Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .cmn-tip
----------------------------------------------------------------- */
/* .cmn-tip-container
----------------------------------------------- */
.cmn-tip-container strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

.cmn-tip-container{
display:none;
}

.cmn-tip-container.is-active{
display:block;
}

/* .cmn-tip-hdg-01
----------------------------------------------- */
.cmn-tip-hdg-01{
padding-left:0;
}

.cmn-tip-hdg-01::before{
display:none;
}



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

  Menu Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Heading
----------------------------------------------------------------- */
/* .menu-header-container
----------------------------------------------- */
.menu-header-container{
padding:15px 20px 12px;
color:#fff;
position:relative;
background-color:#287ac4;
}

.box-bg-img-ctrl .menu-header-container{
background-color:rgba(16, 92, 169, .6);
}

/* .menu-header
----------------------------------------------- */
.menu-header-container .menu-header{
padding-right:150px;
display:block;
line-height:1.25;
font-size:30px;
text-shadow:1px 1px 1px rgba(0, 0, 0, .35);
}
.menu-header-container .menu-header a{
color:#fff;
}
.menu-header-container .menu-header a:active,
.menu-header-container .menu-header a:hover,
.menu-header-container .menu-header a:focus{
text-decoration:none;
}

/* .menu-header-sup
----------------------------------------------- */
.menu-header-container .menu-header-sup{
margin:6px 0 8px;
line-height:1.45;
font-size:14px;
}

/* .menu-header-agt
----------------------------------------------- */
.menu-header-container .menu-header-agt{
margin-top:8px;
padding:0 10px;
background-color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
height:30px;
box-sizing:border-box;
line-height:1;
font-size:14px;
}

/* .menu-header-agt-catch
----------------------------------------------- */
.menu-header-container .menu-header-agt-catch{
padding-top:2px;
color:var(--cmn-font-color-base);
font-weight:bold;
}

/* .menu-header-agt-list
----------------------------------------------- */
.menu-header-container .menu-header-agt-list{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
}

.menu-header-container .menu-header-agt-list > li img{
display:block;
}

/* .menu-header-utility
----------------------------------------------- */
.menu-header-container .menu-header-utility{
border:1px solid rgba(255, 255, 255, .5);
position:absolute;
top:15px;
right:20px;
display:table;
font-size:12px;
}
.menu-header-container .menu-header-utility > li{
border-left:1px solid rgba(255, 255, 255, .5);
display:table-cell;
vertical-align:middle;
}
.menu-header-container .menu-header-utility > li:first-child{
border-left:none;
}
.menu-header-container .menu-header-utility > li > a{
color:#fff;
display:block;
padding:4px 15px;
}
.menu-header-container .menu-header-utility > li > a:active,
.menu-header-container .menu-header-utility > li > a:hover,
.menu-header-container .menu-header-utility > li > a:focus{
background-color:rgba(0, 0, 0, .1);
text-decoration:none;
}

/* .menu-header-note
----------------------------------------------- */
.menu-header-container .menu-header-note{
position:absolute;
bottom:47px;
right:20px;
font-size:12px;
}

.menu-header-container .menu-header-note::before{
margin-right:4px;
content:"\203b";
display:inline-block;
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
padding:8px 20px;
color:#fff;
background-color:var(--cmn-font-color-base);
font-size:18px;
}


/* ----------------------------------------------------------------
  Navigation
----------------------------------------------------------------- */
/* .pager
----------------------------------------------- */
.pager{
line-height:1;
font-size:14px;
white-space:nowrap;
}
.pager li{
display:inline-block;
text-align:center;
}
.pager li > a,
.pager li > b{
color:#555;
padding:6px 2px 4px 2px;
background-color:#ececec;
display:block;
min-width:24px;
box-sizing:border-box;
}
.pager li > a:active,
.pager li > a:hover,
.pager li > a:focus,
.pager li > b:active,
.pager li > b:hover,
.pager li > b:focus{
background-color:#fff;
text-decoration:none;
}
.pager li > b{
color:#fff;
background-color:transparent;
}
.pager li > b:active,
.pager li > b:hover,
.pager li > b:focus{
background-color:transparent;
}
.pager .first,
.pager .last,
.pager .prev,
.pager .next{
font-size:12px;
}
.pager .first > a,
.pager .last > a,
.pager .prev > a,
.pager .next > a{
padding:7px 5px 5px;
}
.pager .prev{
margin-right:3px;
}
.pager .next{
margin-left:3px;
}
.pager .ellipsis{
margin-left:-3px;
padding-left:16px;
position:relative;
}
.pager .ellipsis::before{
content:'...';
display:block;
position:absolute;
color:#ececec;
left:0;
bottom:0;
font-weight:normal;
}

/* .tab-view-switch
----------------------------------------------- */
.tab-view-switch{
margin-bottom:20px;
border-bottom:1px solid #bbb;
}
.tab-view-switch > li{
margin-right:5px;
float:left;
position:relative;
z-index:1;
}
.tab-view-switch > li a{
padding:10px 5px;
color:#666;
border-width:1px 1px 0;
border-style:solid;
border-color:#bbb;
display:block;
min-width:130px;
background-color:#f8f8f8;
font-weight:bold;
font-size:13px;
text-align:center;
text-decoration:none;
}
.tab-view-switch > li a::before{
margin:-1px 5px 0 0;
content:'';
display:inline-block;
width:15px;
height:15px;
overflow:hidden;
position:static;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-tab-list.png) 0 0 no-repeat;
}
.tab-view-switch > li:last-child a::before{
background-image:url(/element/w_wifi/shared/images/icon-tab-list.png);
}
.tab-view-switch > li.is-active a{
color:var(--cmn-font-color-base);
position:relative;
background-color:#fff;
}
.tab-view-switch > li.is-active a::after{
content:'';
display:block;
width:100%;
height:1px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
z-index:1;
background-color:#fff;
}

/* ----------------------------------------------------------------
  Box
----------------------------------------------------------------- */
/* .box-bg-img-ctrl
----------------------------------------------- */
.box-bg-img-ctrl{
margin:-1px -10px -50px;
padding:1px 10px 50px;
background:#ebf5f9 url(/element/w_wifi/index/images/bg-contents.png) 50% 0 no-repeat;
background-size:100% auto;
}

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

/* .panel > .panel-hdg
----------------------------------------------- */
.panel .panel-hdg{
margin-bottom:10px;
font-size:18px;
}

/* .panel > .panel-hdg-container
----------------------------------------------- */
.panel .panel-hdg-container{
margin-bottom:10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.panel .panel-hdg-container > .panel-hdg{
margin-bottom:0;
}

.panel .panel-hdg-container > .panel-hdg-sup{
margin-left:10px;
color:#666;
text-align:right;
font-size:11px;
}

.panel .panel-hdg-container > .panel-hdg-more{
-webkit-box-flex:1;
flex:1;
text-align:right;
font-weight:bold;
}

.panel .panel-hdg-container > .panel-hdg-more a{
padding-left:12px;
color:var(--cmn-font-color-base);
display:inline-block;
position:relative;
font-weight:bold;
}

.panel .panel-hdg-container > .panel-hdg-more a:before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1.5px solid #666;
border-bottom:1.5px solid #666;
width:4.5px;
height:4.5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}


/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* .form-custom-select
----------------------------------------------- */
.form-custom-select{
border:1px solid #bebebe;
display:inline-block;
min-width:50px;
height:34px;
padding:0;
box-sizing:border-box;
background-color:#fff;
position:relative;
}
.form-custom-select::before{
margin-top:-2px;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:5px;
display:block;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}
.form-custom-select select{
padding:5px 16px 5px 5px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:34px;
box-sizing:border-box;
position:relative;
background-color:transparent;
font-size:13px;
}
.form-custom-select select:disabled{
color:#949494;
}

.form-custom-select.is-error{
border-color:rgba(var(--cmn-font-color-red-rgb), .35);
box-shadow:0 0 0 1px rgba(var(--cmn-font-color-red-rgb), .35) inset;
background-color:rgba(var(--cmn-font-color-red-rgb), .1);
}

/* IE,Edge adjust */
.cmn-ms .form-custom-select::before{
display:none;
}

.cmn-ms .form-custom-select select{
padding:4px 4px 6px 5px;
}

.cmn-ms .form-custom-select select::-ms-expand{
display:block;
}

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

	Component Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .form-search
----------------------------------------------------------------- */
/* .form-search & .form-search-inner
----------------------------------------------- */
.form-search{
margin-bottom:20px;
padding:10px 20px 20px;
color:#555;
position:relative;
box-sizing:border-box;
max-width:960px;
background-color:#ededed;
}
.form-search-inner{
padding-right:150px;
position:relative;
}
.form-search .form-search-select{
vertical-align:top;
min-width:130px;
box-sizing:border-box;
}

/* .form-search-item
----------------------------------------------- */
.form-search .form-search-item{
margin-top:9px;
display:table;
width:100%;
}
.form-search .form-search-item > .form-search-item-cell{
display:table-cell;
vertical-align:middle;
}
.form-search .form-search-item > .form-search-item-cell:first-child{
padding-right:5px;
width:80px;
}
.form-search .form-search-item.price > .form-search-item-cell{
vertical-align:top;
}
.form-search .form-search-item.destination{
margin-top:0;
}
.form-search .form-search-item.destination > .form-search-item-cell{
vertical-align:top;
}
.form-search .form-search-item.date{
margin-top:26px;
}
.form-search .form-search-item.date > .form-search-item-cell:first-child{
width:95px;
}
.form-search .form-search-item.date .form-search-hdg{
height:34px;
}
.form-search .form-search-item.place > .form-search-item-cell{
vertical-align:top;
}

/* .form-search-item-col
----------------------------------------------- */
.form-search .form-search-item-col > .form-search-item{
float:left;
width:63.2%;
box-sizing:border-box;
}
.form-search .form-search-item-col > .form-search-item:last-child{
padding-left:30px;
float:right;
width:36.8%;
}

/* .form-search-hdg-l1
----------------------------------------------- */
.form-search .form-search-hdg-l1{
margin:0 150px 8px 0;
color:var(--cmn-font-color-base);
font-size:16px;
font-weight:bold;
}

/* .form-search-hdg
----------------------------------------------- */
.form-search .form-search-hdg{
padding-right:18px;
display:table;
width:100%;
box-sizing:border-box;
position:relative;
vertical-align:middle;
line-height:1.25;
}
.form-search .form-search-hdg > h2{
display:table-cell;
vertical-align:middle;
font-size:11px;
}
.form-search .form-search-hdg > h2 .sup{
display:block;
font-size:11px;
font-weight:normal;
}
.form-search .form-search-hdg .cmn-tip-btn{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
right:5px;
}
.form-search .form-search-hdg.required{
padding-right:46px;
position:relative;
}
.form-search .form-search-hdg.required .cmn-tip-btn{
right:35px;
}

/* .form-search-destination-tab
----------------------------------------------- */
.form-search .form-search-destination-tab{
margin-top:-2px;
color:var(--cmn-font-color-base);
font-size:13px;
}
.form-search .form-search-destination-tab > li{
margin-left:10px;
display:inline-block;
}
.form-search .form-search-destination-tab > li:first-child{
margin-left:0;
}
.form-search .form-search-destination-tab > li label{
padding-left:17px;
display:block;
cursor:pointer;
position:relative;
}
.form-search .form-search-destination-tab > li label input[type='radio']{
margin:0;
position:absolute;
bottom:50%;
left:0;
-webkit-transform:translateY(50%);
-ms-transform:translateY(50%);
transform:translateY(50%);
}
.form-search .form-search-destination-tab > li label > span{
font-size:11px;
}

/* .form-search-destination-item
----------------------------------------------- */
.form-search .form-search-destination-item{
margin-top:8px;
display:none;
}
.form-search .form-search-destination-item.is-active{
display:block;
}
.form-search .form-search-destination-item .form-search-select{
width:100%;
}

/* .form-search-destination-area
----------------------------------------------- */
.form-search .form-search-destination-area .form-search-select{
float:left;
min-width:0;
width:145px;
}
.form-search .form-search-destination-area .form-search-select:last-child{
margin-left:-1px;
width:250px;
}

/* .form-search-toggle
----------------------------------------------- */
.form-search .form-search-toggle{
margin-top:15px;
}

/* .form-search-toggle-hook
----------------------------------------------- */
.form-search .form-search-toggle .form-search-toggle-hook{
margin-bottom:10px;
padding:4px 20px 4px 35px;
border:1px solid #bebebe;
border-radius:1px;
color:#666;
box-shadow:0 -1px 0 #bebebe inset;
position:relative;
background-color:#fff;
font-size:12px;
}
.form-search .form-search-toggle .form-search-toggle-hook::before{
margin:auto 0;
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:0;
bottom:0;
left:15px;
background:url(/element/shared/images/icon/icon-toggle-plus.svg) 0 0 no-repeat;
}

.form-search .form-search-toggle.is-active .form-search-toggle-hook::before{
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
}

/* .form-search-toggle-item
----------------------------------------------- */
.form-search .form-search-toggle .form-search-toggle-item{
padding:16px 0 15px;
border-top:1px solid #ccc;
display:none;
}
.form-search .form-search-toggle .form-search-toggle-item .form-search-item-disabled-wording{
margin:0 auto;
display:none;
position:absolute;
top:90px;
right:0;
left:0;
z-index:2;
}
.form-search .form-search-toggle .form-search-toggle-item.is-disabled{
position:relative;
}
.form-search .form-search-toggle .form-search-toggle-item.is-disabled::before{
padding:1px 25px 0;
content:'';
position:absolute;
top:-1px;
left:-25px;
width:100%;
height:100%;
z-index:1;
background-color:rgba(0, 0, 0, .6);
}
.form-search .form-search-toggle .form-search-toggle-item.is-disabled::after{
margin:0 0 0 -20px;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:100%;
left:50%;
z-index:1;
display:block;
border-width:10px 20px 0 20px;
border-color:rgba(0, 0, 0, .6) transparent transparent transparent;
border-style:solid;
}
.form-search .form-search-toggle .form-search-toggle-item.is-disabled .form-search-item-disabled-wording{
color:#fff;
display:block;
text-align:center;
font-size:20px;
font-weight:bold;
}

.form-search .form-search-toggle.is-active .form-search-toggle-item{
display:block;
}

/* .form-search-agt
----------------------------------------------- */
.form-search .form-search-agt{
margin:-2px 0 0 -2px;
overflow:hidden;
min-height:61px;
}
.form-search .form-search-agt > li{
margin-top:2px;
padding-left:2px;
float:left;
width:13.7931%;
box-sizing:border-box;
}
.form-search .form-search-agt > li button{
padding:5px 4px 6px;
border:1px solid #c4c4c4;
border-radius:2px;
color:#666;
box-shadow:0 -1px 0 #d9d9d9 inset;
width:100%;
min-height:60px;
line-height:1;
font-size:11px;
background-color:#fff;
display:block;
position:relative;
}
.form-search .form-search-agt > li .agt-logo{
margin-bottom:5px;
display:block;
height:18px;
box-sizing:border-box;
position:relative;
background-color:#fff;
}
.form-search .form-search-agt > li .agt-logo img{
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
max-width:96%;
max-height:84%;
}
.form-search .form-search-agt > li .num,
.form-search .form-search-agt > li .num-line{
margin-top:3px;
display:block;
font-size:11px;
}
.form-search .form-search-agt > li .num-line{
display:inline-block;
}
.form-search .form-search-agt > li.is-active button{
border-color:#888;
color:#fff;
box-shadow:none;
background-color:#888;
}
.form-search .form-search-agt > li.is-active .num,
.form-search .form-search-agt > li.is-active .num-line{
color:#fff;
}
.form-search .form-search-agt > li.is-disabled button{
color:#a4a4a4;
border-color:#ddd;
background-color:#ededed;
box-shadow:none;
}
.form-search .form-search-agt > li.is-disabled .agt-logo{
opacity:.5;
}
.form-search .form-search-agt > li.is-disabled .num,
.form-search .form-search-agt > li.is-disabled .num-line{
color:#a4a4a4;
}
.form-search .form-search-agt > li.is-clear{
clear:both;
}

/* .form-search-toggle-lyt
----------------------------------------------- */
.form-search .form-search-toggle-lyt > .form-search-toggle-lyt-cell{
float:left;
width:54%;
box-sizing:border-box;
}
.form-search .form-search-toggle-lyt > .form-search-toggle-lyt-cell:first-child{
padding-right:20px;
width:46%;
}

/* .form-search-slider
----------------------------------------------- */
.form-search .form-search-slider{
margin-bottom:20px;
width:251px;
position:relative;
}

/* .form-search-slider-range
----------------------------------------------- */
.form-search .form-search-slider .form-search-slider-range{
color:var(--cmn-font-color-base);
position:relative;
width:100%;
height:10px;
background:url(/element/w_wifi/shared/images/form-search-slider-bg-range.png) 0 0 no-repeat;
}
.form-search .form-search-slider .form-search-slider-range > li{
position:absolute;
bottom:-20px;
left:0;
}
.form-search .form-search-slider .form-search-slider-range > li.max{
left:auto;
right:0;
}

/* .form-search-slider-ui
----------------------------------------------- */
.form-search .form-search-slider .form-search-slider-ui{
position:absolute;
top:0;
left:0;
width:100%;
height:10px;
background-color:rgba(0, 0, 0, .15);
}
.form-search .form-search-slider .form-search-slider-ui > li a{
color:rgba(51, 51, 51, 0);
display:block;
width:18px;
height:28px;
position:absolute;
left:-10px;
bottom:0;
background:url(/element/w_wifi/shared/images/form-search-slider-bg-ui.png) 0 0 no-repeat;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.form-search .form-search-slider .form-search-slider-ui > li.max a{
margin-left:-10px;
left:100%;
}

/* .form-search-list
----------------------------------------------- */
.form-search .form-search-list{
margin:0 0 -5px -5px;
color:var(--cmn-font-color-base);
}
.form-search .form-search-list > li{
margin:0 10px 5px 0;
padding-left:5px;
display:inline-block;
box-sizing:border-box;
}
.form-search .form-search-list > li label{
padding-left:17px;
display:inline-block;
position:relative;
cursor:pointer;
}
.form-search .form-search-list > li label input[type='checkbox'],
.form-search .form-search-list > li label input[type='radio']{
margin:0;
position:absolute;
bottom:50%;
left:0;
-webkit-transform:translateY(50%);
-ms-transform:translateY(50%);
transform:translateY(50%);
}
.form-search .form-search-list > li .num{
font-size:11px;
}
.form-search .form-search-list > li.is-disabled{
opacity:.5;
}
.form-search .form-search-list > li.is-disabled label{
cursor:default;
}

/* .form-search-list-01
----------------------------------------------- */
.form-search .form-search-list-01{
padding-bottom:55px;
color:var(--cmn-font-color-base);
overflow:hidden;
}
.form-search .form-search-list-01 > li{
margin-bottom:5px;
padding-left:5px;
float:left;
box-sizing:border-box;
position:relative;
}
.form-search .form-search-list-01 > li:first-child{
padding-left:0;
}
.form-search .form-search-list-01 > li > label{
padding-left:17px;
display:block;
position:relative;
cursor:pointer;
}
.form-search .form-search-list-01 > li > label input[type='checkbox'],
.form-search .form-search-list-01 > li > label input[type='radio']{
margin:0;
position:absolute;
bottom:50%;
left:0;
-webkit-transform:translateY(50%);
-ms-transform:translateY(50%);
transform:translateY(50%);
}
.form-search .form-search-list-01 > li .num{
font-size:11px;
}
.form-search .form-search-list-01 > li.is-disabled{
opacity:.44;
}
.form-search .form-search-list-01 > li.is-disabled label{
cursor:default;
}

/* .form-search-list-range
----------------------------------------------- */
.form-search .form-search-list-range > li{
display:inline-block;
vertical-align:middle;
}
.form-search .form-search-list-range > li .form-custom-select{
min-width:130px;
vertical-align:middle;
}
.form-search .form-search-list-range > li:first-child::after{
margin-left:3px;
content:'\ff5e';
display:inline-block;
}

/* .form-search-balloon
----------------------------------------------- */
.form-search .form-search-balloon{
margin-top:8px;
padding:6px 6px 6px 10px;
border:1px solid #ccc;
position:absolute;
left:0;
top:100%;
width:260px;
box-sizing:border-box;
font-size:11px;
}
.form-search .form-search-balloon::before{
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
content:'';
display:block;
position:absolute;
top:-6px;
left:60px;
width:8px;
height:8px;
-webkit-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
transform:rotate(-135deg);
background-color:#ededed;
}
.form-search .form-search-balloon .form-search-select{
margin-left:5px;
min-width:195px;
vertical-align:middle;
}

/* .form-search-note
----------------------------------------------- */
.form-search .form-search-note{
padding:4px 0 0 calc(1em + 2px);
color:var(--cmn-font-color-gray);
display:inline-block;
position:relative;
font-size:11px;
line-height:1.35;
}
.form-search .form-search-note::before{
content:'\203b';
display:block;
position:absolute;
top:4px;
left:0;
}
.form-search .form-search-note > span{
display:block;
}

/* .form-search-inner > .form-search-note
----------------------- */
.form-search-inner .form-search-note{
margin:8px 0 0 85px;
font-size:12px;
}

/* .form-search-error
----------------------------------------------- */
.form-search .form-search-error{
margin:7px 0 0;
color:var(--cmn-font-color-red);
font-size:12px;
}

.form-search .form-search-error > li{
margin-top:5px;
padding-left:18px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
}

/* .form-search-btn-search
----------------------------------------------- */
.form-search .form-search-btn{
padding:5px;
border:none;
border-radius:4px;
color:#fff;
min-width:120px;
position:absolute;
right:0;
bottom:0;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
font-size:20px;
font-weight:bold;
background-color:var(--cmn-btn-color);
}
.form-search .form-search-btn:active,
.form-search .form-search-btn:hover,
.form-search .form-search-btn:focus{
background-color:var(--cmn-btn-color-hover);
}

.form-search .form-search-btn:disabled{
opacity:.33;
}

/* .form-search-btn-reset
----------------------------------------------- */
.form-search .form-search-btn-reset{
padding:3px 10px 2px 26px;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#bbb;
position:absolute;
top:0;
right:0;
color:#666;
background-color:transparent;
font-size:11px;
}
.form-search .form-search-btn-reset::before{
margin:auto 0;
content:'';
display:block;
width:8px;
height:8px;
overflow:hidden;
position:absolute;
top:0;
left:10px;
bottom:0;
background:url(/element/w_wifi/shared/images/icon-close.svg) 0 0 no-repeat;
}

/* .form-search-icon-required
----------------------------------------------- */
.form-search .form-search-icon-required{
padding:1px 3px;
border:1px solid var(--cmn-font-color-red);
color:var(--cmn-font-color-red);
display:inline-block;
position:absolute;
top:9px;
right:0;
line-height:1;
box-sizing:border-box;
vertical-align:middle;
font-size:11px;
background-color:#fff;
white-space:nowrap;
}
.form-search .destination .form-search-icon-required{
top:0;
}

/* .form-search-exec
----------------------------------------------- */
.form-search .form-search-exec{
padding:15px 10px 10px;
box-shadow:0 1px 2px rgba(0, 0, 0, .3) inset;
position:relative;
background-color:#fff;
text-align:center;
font-size:15px;
}
.form-search .form-search-exec::before,
.form-search .form-search-exec::after{
content:'';
display:block;
margin:0 0 0 -20px;
width:0;
height:0;
position:absolute;
top:1px;
left:50%;
display:block;
border-width:10px 20px 0 20px;
border-color:rgba(0, 0, 0, .28) transparent transparent transparent;
border-style:solid;
}
.form-search .form-search-exec::after{
margin-left:-21px;
top:-1px;
border-width:11px 21px 0 21px;
border-top-color:#ededed;
}

/* .form-search-exec-num
----------------------------------------------- */
.form-search .form-search-exec .form-search-exec-num b{
margin:0 2px;
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:middle;
font-size:25px;
text-align:right;
}

/* ----------------------------------------------------------------
  .form-search-index
----------------------------------------------------------------- */
/* .form-search-index & .form-search-index-inner
----------------------------------------------- */
.form-search-index{
padding:0 20px 25px;
color:#555;
box-sizing:border-box;
max-width:960px;
background-color:rgba(16, 92, 169, .6);
}
.form-search-index-inner{
padding:20px 15px 15px;
position:relative;
background-color:#f6f6f6;
}
.form-search-index .form-search-index-select{
vertical-align:top;
min-width:150px;
box-sizing:border-box;
}

/* .form-search-index-lyt / .form-search-index-lyt-cell
----------------------------------------------- */
.form-search-index .form-search-index-lyt > .form-search-index-lyt-cell{
float:left;
width:500px;
}
.form-search-index .form-search-index-lyt > .form-search-index-lyt-cell:last-child{
float:right;
width:355px;
}

/* .form-search-index-item
----------------------------------------------- */
.form-search-index .form-search-index-item{
margin-top:20px;
display:table;
width:100%;
}
.form-search-index .form-search-index-item > .form-search-index-item-cell{
position:relative;
display:table-cell;
vertical-align:top;
}
.form-search-index .form-search-index-item > .form-search-index-item-cell::before{
content:'';
display:block;
width:1px;
height:34px;
overflow:hidden;
position:absolute;
top:0;
left:0;
z-index:1;
background-color:#015eaa;
}
.form-search-index .form-search-index-item > .form-search-index-item-cell:first-child{
width:120px;
}
.form-search-index .form-search-index-item > .form-search-index-item-cell:first-child::before{
display:none;
}
.form-search-index .form-search-index-item.destination{
margin-top:0;
}
.form-search-index .form-search-index-item.destination > .form-search-index-item-cell:last-child{
padding-left:5px;
}

/* .form-search-index-hdg
----------------------------------------------- */
.form-search-index .form-search-index-hdg{
padding:2px 18px 1px 8px;
color:#fff;
display:table;
border-radius:2px 0 0 2px;
width:100%;
height:34px;
box-sizing:border-box;
position:relative;
vertical-align:middle;
line-height:1.25;
background-color:#015eaa;
text-align:center;
}
.form-search-index .form-search-index-hdg > h2{
display:table-cell;
vertical-align:middle;
font-weight:normal;
font-size:12px;
text-align:left;
}
.form-search-index .form-search-index-hdg > h2 .sup{
display:block;
font-size:11px;
}
.form-search-index .form-search-index-hdg .cmn-tip-btn{
margin:auto 0;
position:absolute;
top:0;
right:5px;
bottom:0;
}
.form-search-index .form-search-index-hdg.required{
padding-right:48px;
position:relative;
}
.form-search-index .form-search-index-hdg.required .form-search-index-icon-required{
position:absolute;
top:10px;
right:5px;
}
.form-search-index .form-search-index-hdg.required .cmn-tip-btn{
right:37px;
}

/* .form-search-index-destination-tab
----------------------------------------------- */
.form-search-index .form-search-index-destination-tab{
margin-top:7px;
color:var(--cmn-font-color-base);
font-size:13px;
}
.form-search-index .form-search-index-destination-tab > li{
margin-left:10px;
display:inline-block;
}
.form-search-index .form-search-index-destination-tab > li label{
padding-left:17px;
display:block;
cursor:pointer;
position:relative;
}
.form-search-index .form-search-index-destination-tab > li label input[type='radio']{
margin:0;
position:absolute;
bottom:50%;
left:0;
-webkit-transform:translateY(50%);
-ms-transform:translateY(50%);
transform:translateY(50%);
}
.form-search-index .form-search-index-destination-tab > li label > span{
font-size:11px;
}

/* .form-search-index-destination-item
----------------------------------------------- */
.form-search-index .form-search-index-destination-item{
margin-top:8px;
display:none;
}
.form-search-index .form-search-index-destination-item.is-active{
display:block;
}
.form-search-index .form-search-index-destination-item .form-search-index-select{
width:100%;
}

/* .form-search-index-destination-area
----------------------------------------------- */
.form-search-index .form-search-index-destination-area .form-search-index-select{
min-width:0;
width:145px;
float:left;
}
.form-search-index .form-search-index-destination-area .form-search-index-select:last-child{
margin-left:-1px;
width:230px;
}

/* .form-search-index-map
----------------------------------------------- */
.form-search-index .form-search-index-map{
margin-top:35px;
padding:10px;
border:1px solid #ddd;
box-sizing:border-box;
box-shadow:0 0 0 3px #fff inset;
position:relative;
height:160px;
background:#e0ebf9 url(/element/w_wifi/index/images/bg-form-search-index-map.png) 50% 50% no-repeat;
}
.form-search-index .form-search-index-map.multiple .form-search-index-map-list{
display:none;
}
.form-search-index .form-search-index-map.multiple .form-search-index-map-list-multiple{
display:block;
}

/* .form-search-index-map-list
----------------------------------------------- */
.form-search-index .form-search-index-map-list > li{
position:absolute;
}
.form-search-index .form-search-index-map-list > li.asia{
top:48px;
left:128px;
}
.form-search-index .form-search-index-map-list > li.hawaii{
top:81px;
left:128px;
}
.form-search-index .form-search-index-map-list > li.oceania{
top:115px;
left:128px;
}
.form-search-index .form-search-index-map-list > li.america{
top:48px;
left:237px;
}
.form-search-index .form-search-index-map-list > li.caribbean{
top:81px;
left:267px;
}
.form-search-index .form-search-index-map-list > li.europe{
top:48px;
left:45px;
}
.form-search-index .form-search-index-map-list > li.africa{
top:81px;
left:19px;
}
.form-search-index .form-search-index-map-list > li.indian-ocean{
top:115px;
left:45px;
}

.form-search-index .form-search-index-map-list button{
padding:1px 4px;
border:none;
border-radius:2px;
color:#666;
min-width:70px;
box-shadow:0 1px 0 #d5d5d5;
background-color:#fff;
white-space:nowrap;
font-size:11px;
}
.form-search-index .form-search-index-map-list button:active,
.form-search-index .form-search-index-map-list button:hover,
.form-search-index .form-search-index-map-list button:focus{
background-color:#f2f2f2;
}
.form-search-index .form-search-index-map-list button:disabled{
color:#a4a4a4;
box-shadow:none;
background-color:#eee;
}

/* .form-search-index-map-list-multiple
----------------------------------------------- */
.form-search-index .form-search-index-map-list-multiple{
display:none;
}
.form-search-index .form-search-index-map-list-multiple > li{
position:absolute;
}
.form-search-index .form-search-index-map-list-multiple > li.world{
top:14px;
right:20px;
}
.form-search-index .form-search-index-map-list-multiple > li.asia{
top:38px;
left:115px;
}
.form-search-index .form-search-index-map-list-multiple > li.hawaii{
top:96px;
left:100px;
}
.form-search-index .form-search-index-map-list-multiple > li.oceania{
top:122px;
left:100px;
}
.form-search-index .form-search-index-map-list-multiple > li.america{
top:68px;
right:20px;
}
.form-search-index .form-search-index-map-list-multiple > li.caribbean{
top:96px;
right:20px;
}
.form-search-index .form-search-index-map-list-multiple > li.europe{
top:38px;
left:15px;
}
.form-search-index .form-search-index-map-list-multiple > li.africa{
top:68px;
left:15px;
}
.form-search-index .form-search-index-map-list-multiple > li.indian-ocean{
top:96px;
left:15px;
}
.form-search-index .form-search-index-map-list-multiple button{
padding:1px 4px;
border:none;
border-radius:2px;
color:#555;
min-width:70px;
white-space:nowrap;
box-shadow:0 1px 0 #d5d5d5;
background-color:#fff;
font-size:11px;
}
.form-search-index .form-search-index-map-list-multiple button:active,
.form-search-index .form-search-index-map-list-multiple button:hover,
.form-search-index .form-search-index-map-list-multiple button:focus{
background-color:#f2f2f2;
}
.form-search-index .form-search-index-map-list-multiple button:disabled{
color:#a4a4a4;
box-shadow:none;
background-color:#eee;
}

/* .form-search-index-icon-required
----------------------------------------------- */
.form-search-index .form-search-index-icon-required{
padding:1px 3px;
border:1px solid var(--cmn-font-color-red);
color:var(--cmn-font-color-red);
display:inline-block;
box-sizing:border-box;
height:14px;
white-space:nowrap;
line-height:1;
vertical-align:middle;
background-color:#fff;
font-size:11px;
}

/* .form-search-index-btn-reset
----------------------------------------------- */
.form-search-index .form-search-index-btn-reset{
padding:3px 10px 2px 26px;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#bbb;
position:absolute;
top:0;
right:0;
color:#666;
background-color:transparent;
font-size:11px;
}
.form-search-index .form-search-index-btn-reset::before{
margin:auto 0;
content:'';
display:block;
width:8px;
height:8px;
overflow:hidden;
position:absolute;
top:0;
bottom:0;
left:10px;
background:url(/element/w_wifi/shared/images/icon-close.svg) 0 0 no-repeat;
}

/* .form-search-index-exec
----------------------------------------------- */
.form-search-index .form-search-index-exec{
padding:20px 10px 10px;
box-shadow:0 1px 2px rgba(0, 0, 0, .3) inset;
position:relative;
background-color:#fff;
text-align:center;
font-size:15px;
}
.form-search-index .form-search-index-exec::before,
.form-search-index .form-search-index-exec::after{
content:'';
display:block;
margin:0 0 0 -20px;
width:0;
height:0;
position:absolute;
top:1px;
left:50%;
display:block;
border-width:10px 20px 0 20px;
border-color:rgba(0, 0, 0, .28) transparent transparent transparent;
border-style:solid;
}
.form-search-index .form-search-index-exec::after{
top:0;
border-top-color:#f6f6f6;
}

/* .form-search-index-exec-btn
----------------------------------------------- */
.form-search-index .form-search-index-exec .form-search-index-exec-btn{
padding:5px;
border:none;
border-radius:4px;
color:#fff;
min-width:170px;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
font-size:20px;
font-weight:bold;
background-color:var(--cmn-btn-color);
}
.form-search-index .form-search-index-exec .form-search-index-exec-btn:active,
.form-search-index .form-search-index-exec .form-search-index-exec-btn:hover,
.form-search-index .form-search-index-exec .form-search-index-exec-btn:focus{
background-color:var(--cmn-btn-color-hover);
}

.form-search-index .form-search-index-exec .form-search-index-exec-btn:disabled{
opacity:.33;
}

/* .form-search-index-error
----------------------------------------------- */
.form-search-index .form-search-index-error{
margin:7px 0 0;
color:var(--cmn-font-color-red);
font-size:12px;
}

.form-search-index .form-search-index-error > li{
margin-top:5px;
padding-left:18px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
}

.form-search-index-exec .form-search-index-error{
margin:0 0 10px;
text-align:left;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
flex-direction:column;
font-size:12px;
}


/* ----------------------------------------------------------------
  Search Result
----------------------------------------------------------------- */
/* .search-result-area
----------------------------------------------- */
.search-result-area{
position:relative;
}
.search-result-area .search-result-area-alert{
margin:0 auto;
padding:25px 20px;
border:4px solid #ccc;
width:60%;
display:none;
position:absolute;
top:150px;
right:0;
left:0;
z-index:2;
background-color:#fff;
font-size:18px;
font-weight:bold;
text-align:center;
}
.search-result-area.is-disabled::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:2;
background-color:rgba(255, 255, 255, .8);
}
.search-result-area.is-disabled .search-result-area-alert{
display:block;
}

/* .search-result
----------------------------------------------- */
.search-result{
margin:10px 0 0;
padding:20px 15px;
border-radius:6px;
background-color:var(--cmn-font-color-gray);
}

/* .search-result-sort
----------------------------------------------- */
.search-result .search-result-sort{
margin-top:-10px;
color:#fff;
border-bottom:1px solid #999;
}
.search-result .search-result-sort > li{
margin-right:20px;
padding-right:10px;
display:table;
position:relative;
float:left;
}
.search-result .search-result-sort > li::before{
margin-top:-6px;
content:'';
display:block;
width:1px;
height:12px;
overflow:hidden;
position:absolute;
top:50%;
right:0;
background-color:#d0d0d0;
}
.search-result .search-result-sort > li:last-child::before{
margin-right:0;
padding-right:0;
display:none;
}
.search-result .search-result-sort > li > span{
display:table-cell;
white-space:nowrap;
vertical-align:middle;
}
.search-result .search-result-sort > li > span::after{
margin-left:5px;
content:'\ff1a';
display:inline-block;
}

/* .search-result-sort-btn
----------------------------------------------- */
.search-result .search-result-sort .search-result-sort-btn{
display:table-cell;
}
.search-result .search-result-sort .search-result-sort-btn > li{
float:left;
}
.search-result .search-result-sort .search-result-sort-btn > li a{
padding:10px 8px;
color:#fff;
display:block;
position:relative;
background:none;
font-size:12px;
text-decoration:none;
}
.search-result .search-result-sort .search-result-sort-btn > li.is-active a{
font-weight:bold;
}
.search-result .search-result-sort .search-result-sort-btn > li.is-active a::after{
content:'';
display:block;
width:100%;
height:3px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
background-color:#fff;
}

/* .search-result-num-container
----------------------------------------------- */
.search-result .search-result-num-container{
margin-top:20px;
display:table;
width:100%;
}
.search-result .search-result-num-container > .search-result-num,
.search-result .search-result-num-container > .search-result-pager{
display:table-cell;
vertical-align:middle;
}
.search-result .search-result-num-container > .search-result-num{
padding-right:10px;
color:#fff;
font-size:12px;
}
.search-result .search-result-num-container > .search-result-num > span{
display:inline-block;
}
.search-result .search-result-num-container > .search-result-num b{
margin:0 2px;
display:inline-block;
font-size:18px;
}
.search-result .search-result-num-container > .search-result-pager{
text-align:right;
}

/* .search-result-heading-tag
----------------------------------------------- */
.search-result .search-result-heading-tag{
margin:10px -8px -5px;
color:#fff;
background-color:#939393;
text-align:center;
overflow:hidden;
font-size:11px;
}
.search-result .search-result-heading-tag > li{
padding:7px 5px 6px;
border-right:1px solid #afafaf;
float:left;
box-sizing:border-box;
}
.search-result .search-result-heading-tag > li.agt{
width:175px;
}
.search-result .search-result-heading-tag > li.plan{
width:150px;
}
.search-result .search-result-heading-tag > li.speed{
width:111px;
}
.search-result .search-result-heading-tag > li.place{
width:140px;
}
.search-result .search-result-heading-tag > li.price{
width:244px;
}

/* .search-result-item
----------------------------------------------- */
.search-result .search-result-item{
margin:15px -8px 0;
padding:10px 140px 10px 13px;
border-radius:6px;
position:relative;
background-color:#fff;
font-size:12px;
}
.search-result .search-result-item.agt-view{
padding:10px 13px;
}

/* .search-result-item-header
----------------------------------------------- */
.search-result .search-result-item-header{
margin:-10px -13px 15px;
padding:10px 13px 10px 173px;
border-radius:6px 6px 0 0;
position:relative;
min-height:44px;
background-color:#f2f2f2;
}
.search-result .search-result-item-header .search-result-item-header-hdg{
margin-top:6px;
display:inline-table;
vertical-align:middle;
line-height:1.25;
font-size:22px;
}
.search-result .search-result-item-header .search-result-item-header-logo{
margin:auto 0;
border:1px solid #cecece;
display:block;
width:140px;
height:44px;
position:absolute;
top:0;
bottom:0;
left:13px;
background-color:#fff;
}
.search-result .search-result-item-header .search-result-item-header-logo img{
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
max-width:85%;
max-height:100%;
}

/* .search-result-basic-info
----------------------------------------------- */
.search-result .search-result-basic-info{
margin-bottom:10px;
display:table;
width:100%;
}
.search-result .search-result-basic-info > .search-result-basic-info-inner{
padding:0 5px;
display:table-cell;
vertical-align:top;
text-align:center;
box-sizing:border-box;
}
.search-result .search-result-basic-info > .search-result-basic-info-inner.agt{
padding-left:0;
width:162px;
text-align:left;
}
.search-result .search-result-basic-info > .search-result-basic-info-inner.plan{
width:150px;
text-align:left;
}
.search-result .search-result-basic-info > .search-result-basic-info-inner.speed{
width:111px;
vertical-align:middle;
}
.search-result .search-result-basic-info > .search-result-basic-info-inner.place{
width:140px;
vertical-align:middle;
}
.search-result .search-result-basic-info > .search-result-basic-info-inner.price{
padding-right:0;
width:230px;
}

/* .search-result-agt
----------------------------------------------- */
.search-result .search-result-agt{
font-size:11px;
font-weight:normal;
}
.search-result .search-result-agt .logo{
margin-top:5px;
height:50px;
border:1px solid #cecece;
display:block;
box-sizing:border-box;
position:relative;
background-color:#fff;
}
.search-result .search-result-agt .logo img{
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
max-width:85%;
max-height:90%;
}

/* .search-result-plan
----------------------------------------------- */
.search-result .search-result-plan{
display:inline-block;
text-align:left;
font-size:12px;
}
.search-result .search-result-plan b{
font-size:20px;
}

/* .search-result-speed
----------------------------------------------- */
.search-result .search-result-speed{
display:inline-block;
font-size:16px;
}

/* .search-result-place
----------------------------------------------- */
.search-result .search-result-place{
position:relative;
line-height:1;
font-size:11px;
}
.search-result .search-result-place > li{
padding:3px 5px 2px;
border:1px solid #ccc;
display:inline-block;
vertical-align:top;
}
.search-result .search-result-place > li.is-disabled{
margin-bottom:0;
opacity:.25;
}
.search-result .search-result-place > li.is-active{
margin-bottom:30px;
}

.search-result .search-result-tbl-plan .search-result-place > li.is-active{
margin-bottom:62px;
}

/* .search-result-place-balloon
----------------------------------------------- */
.search-result .search-result-place-balloon{
margin-top:-20px;
padding:7px 40px 5px 7px;
border:1px solid #d6d6d6;
display:none;
position:absolute;
top:100%;
left:0;
width:130px;
box-sizing:border-box;
background-color:#fff;
text-align:left;
font-size:11px;
}
.search-result .search-result-place-balloon::before{
border-right:1px solid #d6d6d6;
border-bottom:1px solid #d6d6d6;
content:'';
display:block;
position:absolute;
top:-6px;
left:22px;
width:8px;
height:8px;
-webkit-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
transform:rotate(-135deg);
background-color:#fff;
}
.search-result .search-result-place-balloon .search-result-place-balloon-list > li{
margin-top:2px;
padding-left:3em;
position:relative;
}
.search-result .search-result-place-balloon .search-result-place-balloon-list > li:first-child{
margin-top:0;
}
.search-result .search-result-place-balloon .search-result-place-balloon-list > li > span{
display:block;
position:absolute;
top:0;
left:0;
}
.search-result .search-result-place-balloon .search-result-place-balloon-list > li > span::after{
content:'\ff1a';
}
.search-result .search-result-place-balloon .search-result-place-balloon-btn{
padding:1px 5px 0;
border:1px solid #aeaeae;
border-radius:2px;
position:absolute;
bottom:50%;
right:5px;
-webkit-transform:translateY(50%);
-ms-transform:translateY(50%);
transform:translateY(50%);
background-color:#fff;
font-size:11px;
}

.search-result .is-active .search-result-place-balloon{
display:block;
}

.search-result .search-result-tbl-plan .search-result-place-balloon{
margin-left:-20px;
top:4em;
left:auto;
bottom:auto;
}

/* .search-result-price
----------------------------------------------- */
.search-result .search-result-price{
padding-right:40px;
display:inline-block;
position:relative;
line-height:1.25;
font-size:11px;
text-align:right;
}
.search-result .search-result-price b{
font-size:28px;
}
.search-result .search-result-price .sup{
display:block;
}
.search-result .search-result-price .search-result-price-btn{
padding:2px 3px 1px;
border:1px solid #aeaeae;
border-radius:2px;
color:#666;
position:absolute;
top:10px;
right:0;
line-height:1.2;
background-color:#fff;
font-size:11px;
}

/* .search-result-price-payment
----------------------------------------------- */
.search-result .search-result-price-payment{
margin-top:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
font-size:11px;
text-align:center;
line-height:1.2;
}
.search-result .search-result-price-payment li{
padding:3px 2px;
border:1px solid #d9d9d9;
box-sizing:border-box;
background-color:#fff;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.search-result .search-result-price-payment li:not(:first-child){
margin-left:4px;
}

/* .search-result-note
----------------------------------------------- */
.search-result .search-result-note{
margin-bottom:20px;
}
.search-result .search-result-note > li:not(:first-child){
margin-top:10px;
}
.search-result .search-result-note > li > b{
display:block;
}
.search-result .search-result-note > li.notice > b{
font-weight:normal;
}

/* .search-result-note-01
----------------------------------------------- */
.search-result .search-result-note-01 > li{
padding-left:1em;
color:#666;
position:relative;
}
.search-result .search-result-note-01 > li::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}
.search-result .search-result-note-01 > li:not(:first-child){
margin-top:2px;
}

/* .search-result-toggle
----------------------------------------------- */
.search-result .search-result-toggle .search-result-toggle-hook{
padding:1px 0 0 18px;
border:none;
color:#666;
position:relative;
background:none;
}
.search-result .search-result-toggle .search-result-toggle-hook::before{
margin:auto 0;
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:0;
bottom:0;
left:0;
background:url(/element/shared/images/icon/icon-toggle-plus.svg) 0 0 no-repeat;
}
.search-result .search-result-toggle.is-active .search-result-toggle-hook::before{
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
}
.search-result .search-result-toggle .search-result-toggle-item{
margin-top:10px;
display:none;
}
.search-result .search-result-toggle.is-active .search-result-toggle-item{
display:block;
}

/* .search-result-tab
----------------------------------------------- */
.search-result .search-result-tab .search-result-tab-item{
margin:15px 0;
display:none;
}
.search-result .search-result-tab .search-result-tab-item.is-active{
display:block;
}

/* .search-result-tab-list
----------------------------------------------- */
.search-result .search-result-tab .search-result-tab-list{
border-left:1px solid #c9c9c9;
overflow:hidden;
}
.search-result .search-result-tab .search-result-tab-list > li{
border-width:1px 1px 1px 0;
border-style:solid;
border-color:#c9c9c9;
float:left;
width:33.33333%;
box-sizing:border-box;
background-color:#f6f6f6;
text-align:center;
}
.search-result .search-result-tab .search-result-tab-list > li a{
padding:5px;
color:#666;
display:block;
text-decoration:none;
}
.search-result .search-result-tab .search-result-tab-list > li.is-active{
border-bottom-color:#fff;
background-color:#fff;
font-weight:bold;
}
.search-result .search-result-tab .search-result-tab-list > li.is-active a{
color:var(--cmn-font-color-base);
}
.search-result .search-result-tab .search-result-tab-list > li.is-disabled{
border-top-color:#f6f6f6;
background-color:#f6f6f6;
}
.search-result .search-result-tab .search-result-tab-list > li.is-disabled a{
color:#a4a4a4;
}
.search-result .search-result-tab .search-result-tab-list > li.is-disabled:last-child{
border-right:none;
}

/* .search-result-agt-info-sup
----------------------------------------------- */
.search-result .search-result-agt-info-sup{
margin-top:20px;
position:relative;
text-align:right;
font-size:11px;
}

/* .search-result-agt-info-option
----------------------------------------------- */
.search-result .search-result-agt-info-option > li{
margin-top:15px;
padding-bottom:15px;
border-bottom:1px dotted #ccc;
overflow:hidden;
}
.search-result .search-result-agt-info-option > li:first-child{
margin-top:0;
}
.search-result .search-result-agt-info-option > li > div{
float:left;
box-sizing:border-box;
}
.search-result .search-result-agt-info-option > li > div.name{
padding-right:10px;
width:20%;
position:relative;
font-weight:bold;
}
.search-result .search-result-agt-info-option > li > div.name::after{
content:'\ff1a';
display:block;
position:absolute;
top:0;
right:0;
font-weight:normal;
}
.search-result .search-result-agt-info-option > li > div.detail{
padding:0 5px;
width:57%;
}
.search-result .search-result-agt-info-option > li > div.price{
width:23%;
text-align:right;
}
.search-result .search-result-agt-info-option > li > div.price b{
display:inline-block;
}

/* .search-result-agt-info-airport
----------------------------------------------- */
.search-result .search-result-agt-info-airport{
font-size:11px;
}
.search-result .search-result-agt-info-airport > li{
margin-top:15px;
padding:0 38px 0 5px;
border-left:1px solid #ddd;
position:relative;
float:left;
width:16.66667%;
box-sizing:border-box;
}
.search-result .search-result-agt-info-airport > li:nth-child(6n+1){
padding-left:0;
clear:both;
border-left:none;
}
.search-result .search-result-agt-info-airport > li > span{
padding-right:3px;
display:inline-block;
}
.search-result .search-result-agt-info-airport > li .search-result-agt-info-airport-btn{
padding:1px 3px 0;
border:1px solid #aeaeae;
border-radius:2px;
color:#666;
position:absolute;
bottom:50%;
right:7px;
-webkit-transform:translateY(50%);
-ms-transform:translateY(50%);
transform:translateY(50%);
background-color:#fff;
font-size:11px;
}
.search-result .search-result-agt-info-airport > li.is-active > span{
color:#fff;
background-color:#888;
}

/* .search-result-item-indent
----------------------------------------------- */
.search-result .search-result-item-indent{
margin-left:160px;
}

/* .search-result-cv
----------------------------------------------- */
.search-result .search-result-cv{
padding:30px 15px 0;
border-left:1px solid #ddd;
position:absolute;
top:0;
right:0;
width:127px;
height:100%;
box-sizing:border-box;
}

.search-result .search-result-cv-inner{
position:relative;
}

.search-result .search-result-cv-sup{
margin-top:5px;
display:block;
font-size:11px;
}

.search-result .search-result-tbl-plan .search-result-cv{
padding:0;
border:none;
width:auto;
position:static;
}

/* .search-result-cv-btn
----------------------------------------------- */
.search-result .search-result-cv-btn{
padding:5px;
border-radius:4px;
color:#fff;
display:block;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
font-size:20px;
font-weight:bold;
background-color:var(--cmn-btn-color);
text-align:center;
}
.search-result .search-result-cv-btn:active,
.search-result .search-result-cv-btn:hover,
.search-result .search-result-cv-btn:focus{
background-color:var(--cmn-btn-color-hover);
text-decoration:none;
}

/* .search-result-cv-sup
----------------------------------------------- */
.search-result .search-result-cv-sup{
margin-top:5px;
display:block;
font-size:11px;
text-align:center;
line-height:1.45;
}

/* .search-result-tbl-plan
----------------------------------------------- */
.search-result-tbl-plan{
margin:15px -13px -10px;
}
.search-result-tbl-plan > table{
border-spacing:0;
width:100%;
border-collapse:collapse;
}
.search-result-tbl-plan > table > thead > tr > th,
.search-result-tbl-plan > table > thead > tr > td,
.search-result-tbl-plan > table > tbody > tr > th,
.search-result-tbl-plan > table > tbody > tr > td{
padding:8px 13px;
border-top:1px solid #d6d6d6;
font-weight:normal;
text-align:center;
}
.search-result-tbl-plan > table > thead > tr > th{
background-color:#f1f1f1;
}
.search-result-tbl-plan > table > thead > tr > th.plan{
width:22%;
}
.search-result-tbl-plan > table > thead > tr > th.speed{
width:12%;
}
.search-result-tbl-plan > table > thead > tr > th.price{
width:28%;
}
.search-result-tbl-plan > table > thead > tr > th.cv{
width:14%;
}
.search-result-tbl-plan > table > tbody > tr:first-child > th,
.search-result-tbl-plan > table > tbody > tr:first-child > td{
border-top:none;
}
.search-result-tbl-plan > table > tbody > tr > :last-child{
border-left:1px solid #ddd;
}
.search-result-tbl-plan > table > tbody > tr > th{
text-align:left;
}
.search-result-tbl-plan > table .search-result-tbl-plan-sup td{
padding-top:0;
border-top:none;
text-align:left;
}


/* ----------------------------------------------------------------
  .country-search
----------------------------------------------------------------- */
/* .country-search-tab
----------------------------------------------- */
.country-search .country-search-tab{
margin-bottom:20px;
display:table;
width:100%;
}
.country-search .country-search-tab > li{
border-left:2px solid #fff;
display:table-cell;
}
.country-search .country-search-tab > li:first-child{
border-left:none;
}
.country-search .country-search-tab > li a{
padding:8px 2px;
color:#666;
display:block;
min-width:4em;
white-space:nowrap;
background-color:#dfe3e8;
text-align:center;
text-decoration:none;
}
.country-search .country-search-tab > li.is-active a{
color:#fff;
background-color:#0d3f78;
font-weight:bold;
}

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

/* .country-search-list
----------------------------------------------- */
.country-search .country-search-list{
margin:-10px 0 0 -30px;
overflow:hidden;
}
.country-search .country-search-list > li{
margin-top:10px;
padding-left:30px;
float:left;
width:25%;
box-sizing:border-box;
}
.country-search .country-search-list > li:nth-child(4n+1){
clear:both;
}
.country-search .country-search-list > li a{
padding-left:35px;
color:#666;
display:inline-block;
position:relative;
min-height:20px;
}
.country-search .country-search-list > li a .thumb{
width:30px;
height:20px;
position:absolute;
top:-1px;
left:0;
}


/* ----------------------------------------------------------------
  .panel-attention
----------------------------------------------------------------- */
.panel-attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}

.panel-attention ul > li:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}

.panel-attention ul a{
padding-left:22px;
color:#555;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
text-decoration:none;
}

.panel-attention ul a:active,
.panel-attention ul a:hover,
.panel-attention ul a:focus{
text-decoration:underline;
}


/* ----------------------------------------------------------------
  .panel-news
----------------------------------------------------------------- */
.panel-news ul > li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}

.panel-news ul a{
color:#555;
text-decoration:none;
}

.panel-news ul a:active > div,
.panel-news ul a:hover > div,
.panel-news ul a:focus > div{
text-decoration:underline;
}

.panel-news ul a > span{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 12px;
font-size:12px;
}

.panel-news ul a > span [class^=tag]{
color:#fff;
min-width:100px;
line-height:20px;
text-align:center;
}

.panel-news ul a > span .tag-w{
background-color:#48c2e6;
}

.panel-news ul a > span .tag-j{
background-color:#8db955;
}

.panel-news ul a > span .tag-other{
background-color:#bca446;
}


/* ----------------------------------------------------------------
  Contents Footer Nav
----------------------------------------------------------------- */
/* .contents-footer-nav
----------------------------------------------- */
.contents-footer-nav{
margin-bottom:30px;
font-size:12px;
}

/* .contents-footer-nav-hdg
----------------------------------------------- */
.contents-footer-nav .contents-footer-nav-hdg{
margin:30px 0 20px;
padding-top:20px;
border-top:1px solid #d9d9d9;
font-size:14px;
font-weight:bold;
}

/* .contents-footer-nav-hdg-container
----------------------------------------------- */
.contents-footer-nav .contents-footer-nav-hdg-container{
margin:30px 0 20px;
padding-top:20px;
border-top:1px solid #d9d9d9;
color:#666;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.contents-footer-nav .contents-footer-nav-hdg-container > .contents-footer-nav-hdg{
margin:0 10px 0 0;
padding:0;
border:none;
color:var(--cmn-font-color-base);
}

.contents-footer-nav .contents-footer-nav-hdg-container > .contents-footer-nav-hdg-sup{
font-size:11px;
}

/* .contents-footer-nav-list-line
----------------------------------------------- */
.contents-footer-nav .contents-footer-nav-list-line{
margin-top:-10px;
line-height:1.25;
}
.contents-footer-nav .contents-footer-nav-list-line > li{
margin:10px 7px 0 0;
display:inline-block;
padding-right:10px;
border-right:1px solid #d9d9d9;
}
.contents-footer-nav .contents-footer-nav-list-line > li:last-child{
margin-right:0;
padding-right:0;
border-right:none;
}
.contents-footer-nav .contents-footer-nav-list-line > li > a{
color:#666;
}

/* ----------------------------------------------------------------
  Modal Modules
----------------------------------------------------------------- */
/* .modal-hdg
----------------------------------------------- */
.modal-hdg{
margin:25px 0 20px;
font-size:14px;
}
.modal-hdg:first-child{
margin-top:20px;
}

/* .modal-tab-list
----------------------------------------------- */
.modal-tab .modal-tab-list{
margin-bottom:20px;
display:table;
table-layout:fixed;
width:100%;
line-height:1.25;
}
.modal-tab .modal-tab-list > li{
border-left:2px solid #fff;
display:table-cell;
vertical-align:top;
}
.modal-tab .modal-tab-list > li:first-child{
border-left:none;
}
.modal-tab .modal-tab-list > li a{
padding:2px;
color:#555;
display:table;
width:100%;
height:40px;
box-sizing:border-box;
background-color:#dfe3e8;
text-align:center;
text-decoration:none;
}
.modal-tab .modal-tab-list > li a > span{
display:table-cell;
vertical-align:middle;
}
.modal-tab .modal-tab-list > li.is-active a{
color:#fff;
background-color:#0d3f78;
font-weight:bold;
}

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

/* .modal-link-list-thumb
----------------------------------------------- */
.modal-tab .modal-link-list-thumb{
margin:-10px 0 0 -30px;
overflow:hidden;
}
.modal-tab .modal-link-list-thumb > li{
margin-top:10px;
padding-left:30px;
float:left;
width:25%;
box-sizing:border-box;
}
.modal-tab .modal-link-list-thumb > li:nth-child(4n+1){
clear:both;
}
.modal-tab .modal-link-list-thumb > li a{
padding-left:35px;
color:#555;
display:inline-block;
position:relative;
min-height:20px;
}
.modal-tab .modal-link-list-thumb > li a .thumb{
width:30px;
height:20px;
position:absolute;
top:-1px;
left:0;
}

/* .modal-link
----------------------------------------------- */
.modal-tab .modal-link{
margin-top:20px;
}
.modal-tab .modal-link a{
padding-left:12px;
color:#555;
display:inline-block;
position:relative;
}
.modal-tab .modal-link a::before{
content:'';
display:block;
position:absolute;
top:6px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}


/* ----------------------------------------------------------------
  Payment Tooltip
----------------------------------------------------------------- */
/* .tip-payment
----------------------------------------------- */
.tip-payment{
margin-top:10px;
padding:20px;
border:1px solid var(--cmn-font-color-gray);
border-radius:4px;
position:absolute;
display:none;
top:100%;
right:0;
width:620px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
z-index:2;
-webkit-box-shadow:0px 0px 8px 2px #888;
box-shadow:0px 0px 8px 2px #888;
font-size:12px;
text-align:left;
}
.tip-payment.is-active{
display:block;
}

/* .tip-payment-list-caution
----------------------------------------------- */
.tip-payment .tip-payment-list-caution{
margin-bottom:15px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
font-size:12px;
}

.tip-payment .tip-payment-list-caution > li{
padding-left:20px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px 12px;
}

.tip-payment .tip-payment-list-caution > li:not(:first-child){
margin-top:10px;
}

.tip-payment .tip-payment-list-caution > li.no-icon{
background:none;
}

.tip-payment .tip-payment-list-caution > li strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .tip-payment-list
----------------------------------------------- */
.tip-payment .tip-payment-list{
margin-top:-5px;
}
.tip-payment .tip-payment-list > li{
margin-top:5px;
display:table;
width:100%;
}
.tip-payment .tip-payment-list > li > div{
display:table-cell;
vertical-align:top;
}
.tip-payment .tip-payment-list > li > div:first-child{
padding-right:20px;
white-space:nowrap;
width:5em;
position:relative;
}
.tip-payment .tip-payment-list > li > div:first-child::after{
content:'\ff1a';
position:absolute;
top:2px;
right:0;
line-height:1;
font-size:13px;
}

/* .tip-payment-list-01
----------------------------------------------- */
.tip-payment .tip-payment-list-01{
overflow:hidden;
}
.tip-payment .tip-payment-list-01 > li{
float:left;
}
.tip-payment .tip-payment-list-01 > li::before{
content:'\ff0f';
}
.tip-payment .tip-payment-list-01 > li:first-child::before{
display:none;
}
.tip-payment .tip-payment-list-01 > li.is-disabled{
opacity:.25;
}
.tip-payment .tip-payment-list-01 .cmn-tip-btn{
margin:-2px 0 0 2px;
}

/* .tip-payment-list-credit
----------------------------------------------- */
.tip-payment .tip-payment-list-credit{
display:inline-block;
vertical-align:middle;
}
.tip-payment .tip-payment-list-credit > li{
display:inline-block;
}
.tip-payment .tip-payment-list-credit > li img{
vertical-align:middle;
height:15px;
width:auto;
}

/* .tip-payment-list-notice
----------------------------------------------- */
.tip-payment .tip-payment-list-notice{
margin-top:10px;
padding-top:5px;
color:#666;
border-top:1px solid #ccc;
}

.tip-payment .tip-payment-list-notice > li{
margin-top:2px;
padding-left:1.25em;
position:relative;
}

.tip-payment .tip-payment-list-notice > li::before{
display:block;
content:'\203b';
position:absolute;
top:0;
left:0;
}

/* .tip-payment-cv-btn
----------------------------------------------- */
.tip-payment .tip-payment-cv-btn{
margin:10px 0 0 auto;
padding:7px 5px 6px;
border-radius:4px;
color:#fff;
display:block;
box-sizing:border-box;
width:116px;
position:relative;
background-color:var(--cmn-btn-color);
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
font-size:18px;
font-weight:bold;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
line-height:1.35;
}

.tip-payment .tip-payment-cv-btn:active,
.tip-payment .tip-payment-cv-btn:hover,
.tip-payment .tip-payment-cv-btn:focus{
background-color:var(--cmn-btn-color-hover);
text-decoration:none;
}


/* ----------------------------------------------------------------
  Price Tooltip
----------------------------------------------------------------- */
/* .tip-price
----------------------------------------------- */
.tip-price{
margin-top:-10px;
padding:10px;
border:1px solid #aaa;
border-radius:4px;
position:absolute;
display:none;
top:100%;
right:-130px;
width:500px;
box-sizing:border-box;
background-color:#fff;
z-index:1;
box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
font-size:12px;
text-align:left;
}
.tip-price.is-active{
display:block;
}
.tip-price::before{
border-width:1px 1px 0 0;
border-style:solid;
border-color:#aaa;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:-6px;
left:348px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
background-color:#fff;
}

/* .tip-price-hdg
----------------------------------------------- */
.tip-price .tip-price-hdg{
margin-bottom:10px;
font-size:13px;
}

/* .tip-price-tbl
----------------------------------------------- */
.tip-price .tip-price-tbl{
border:1px solid #bbb;
border-spacing:0;
width:100%;
border-collapse:collapse;
table-layout:fixed;
}
.tip-price .tip-price-tbl th,
.tip-price .tip-price-tbl td{
padding:6px 5px;
border:none;
font-weight:normal;
text-align:center;
}
.tip-price .tip-price-tbl thead th{
background-color:#f1f1f1;
font-size:11px;
}
.tip-price .tip-price-tbl thead th:first-child{
width:33%;
}
.tip-price .tip-price-tbl tbody th{
padding-left:15px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#e5e5e5;
text-align:left;
}
.tip-price .tip-price-tbl tbody td{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#e5e5e5;
}
.tip-price .tip-price-tbl tbody td:last-child{
padding-right:15px;
border-right:none;
text-align:right;
}
.tip-price .tip-price-tbl tbody td b{
font-weight:normal;
font-size:14px;
}
.tip-price .tip-price-tbl tbody td[colspan='3']{
font-size:11px;
}
.tip-price .tip-price-tbl tfoot td{
padding-right:15px;
text-align:right;
}
.tip-price .tip-price-tbl tfoot td b{
font-size:16px;
}
.tip-price .tip-price-tbl .tip-price-tbl-note{
margin-top:2px;
padding-left:1em;
color:#949494;
text-indent:-1em;
font-size:11px;
}

/* .tip-price-list-notice
----------------------------------------------- */
.tip-price .tip-price-list-notice{
margin-top:10px;
color:#666;
}
.tip-price .tip-price-list-notice > li{
margin-top:2px;
padding-left:1.25em;
position:relative;
}
.tip-price .tip-price-list-notice > li::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}


/* ----------------------------------------------------------------
  Agt Tooltip
----------------------------------------------------------------- */
/* .tip-agt
----------------------------------------------- */
.tip-agt{
margin-top:6px;
padding:10px;
border:1px solid #aaa;
border-radius:4px;
position:absolute;
display:none;
top:100%;
right:-5px;
width:350px;
box-sizing:border-box;
background-color:#fff;
z-index:1;
box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
font-size:12px;
text-align:left;
}
.tip-agt.is-active{
display:block;
}
.tip-agt::before{
border-width:1px 1px 0 0;
border-style:solid;
border-color:#aaa;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:-6px;
left:315px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
background-color:#fff;
}

/* .tip-agt-hdg
----------------------------------------------- */
.tip-agt .tip-agt-hdg{
margin-bottom:10px;
padding:7px 10px 6px;
background-color:#efefef;
}

/* .tip-agt-list
----------------------------------------------- */
.tip-agt .tip-agt-list{
margin-top:10px;
}
.tip-agt .tip-agt-list > li{
margin-top:5px;
overflow:hidden;
}
.tip-agt .tip-agt-list > li > div:first-child{
padding-right:10px;
width:6em;
float:left;
position:relative;
box-sizing:border-box;
}
.tip-agt .tip-agt-list > li > div:first-child::after{
content:'\ff1a';
display:block;
position:absolute;
top:0;
right:0;
}
.tip-agt .tip-agt-list > li > div:last-child{
overflow:hidden;
}


/* ----------------------------------------------------------------
  Place Tooltip
----------------------------------------------------------------- */
/* .tip-place
----------------------------------------------- */
.tip-place{
padding:10px;
border:1px solid #aaa;
border-radius:4px;
position:absolute;
display:none;
top:100%;
left:-380px;
width:900px;
box-sizing:border-box;
background-color:#fff;
z-index:1;
box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
font-size:12px;
text-align:left;
}
.tip-place::before{
border-width:1px 1px 0 0;
border-style:solid;
border-color:#aaa;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:-6px;
left:522px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
background-color:#fff;
}
.tip-place.is-active{
display:block;
}

.tip-place.branch{
margin-top:10px;
left:0;
width:480px;
}
.tip-place.branch::before{
left:105px;
}

.search-result-agt-info-airport > li:nth-child(4) .tip-place.branch,
.search-result-agt-info-airport > li:nth-child(5) .tip-place.branch,
.search-result-agt-info-airport > li:nth-child(6) .tip-place.branch,
.search-result-agt-info-airport > li:nth-child(10) .tip-place.branch,
.search-result-agt-info-airport > li:nth-child(11) .tip-place.branch,
.search-result-agt-info-airport > li:nth-child(12) .tip-place.branch{
left:auto;
right:0;
}
.search-result-agt-info-airport > li:nth-child(4) .tip-place.branch::before,
.search-result-agt-info-airport > li:nth-child(5) .tip-place.branch::before,
.search-result-agt-info-airport > li:nth-child(6) .tip-place.branch::before,
.search-result-agt-info-airport > li:nth-child(10) .tip-place.branch::before,
.search-result-agt-info-airport > li:nth-child(11) .tip-place.branch::before,
.search-result-agt-info-airport > li:nth-child(12) .tip-place.branch::before{
left:auto;
right:15px;
}

.search-result-tbl-plan .tip-place{
left:-310px;
}

/* .tip-place-hdg
----------------------------------------------- */
.tip-place .tip-place-hdg{
margin-bottom:10px;
font-size:13px;
}

/* .tip-place-lyt
----------------------------------------------- */
.tip-place .tip-place-lyt{
margin-left:-20px;
overflow:hidden;
}
.tip-place .tip-place-lyt > .tip-place-lyt-col{
padding-left:20px;
float:left;
width:50%;
box-sizing:border-box;
}

/* .tip-place-tbl
----------------------------------------------- */
.tip-place .tip-place-tbl{
border:1px solid #bbb;
border-spacing:0;
width:100%;
border-collapse:collapse;
}
.tip-place .tip-place-tbl th,
.tip-place .tip-place-tbl td{
padding:5px 7px;
font-weight:normal;
text-align:center;
}
.tip-place .tip-place-tbl thead th{
background-color:#f1f1f1;
font-size:11px;
}
.tip-place .tip-place-tbl thead th:first-child{
text-align:left;
}
.tip-place .tip-place-tbl tbody th,
.tip-place .tip-place-tbl tbody td{
border-top:1px solid #d6d6d6;
}
.tip-place .tip-place-tbl tbody th{
text-align:left;
}
.tip-place .tip-place-tbl tbody > tr:first-child th,
.tip-place .tip-place-tbl tbody > tr:first-child td{
border-top:none;
}
.tip-place .tip-place-tbl .time{
width:24%;
}
.tip-place .tip-place-tbl .receipt{
width:11%;
}
.tip-place .tip-place-tbl .return{
width:15%;
}
.tip-place .tip-place-tbl .day{
width:16%;
}
.tip-place .tip-place-tbl .tip-place-tbl-sup{
color:#666;
line-height:1.25;
display:block;
font-size:11px;
}


/* ----------------------------------------------------------------
  Special Info Tooltip
----------------------------------------------------------------- */
/* tip-special-info > special-info-guide
---------------------------------- */
.tip-special-info .special-info-guide{
margin-top:4px;
}

.tip-special-info .special-info-guide > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}

.tip-special-info .special-info-guide > li:not(:first-child){
margin-top:8px;
}

.tip-special-info .special-info-guide > li > span:first-child{
position:relative;
padding-right:25px;
}

.tip-special-info .special-info-guide > li > span:first-child::after{
position:absolute;
top:0;
right:8px;
content:":";
display:block;
}

/* tip-special-info > special-info-link
---------------------------------- */
.tip-special-info .special-info-link{
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
color:#666;
}

.tip-special-info .special-info-link:link,
.tip-special-info .special-info-link:visited,
.tip-special-info .special-info-link:hover,
.tip-special-info .special-info-link:active{
text-decoration:none;
}

.tip-special-info .special-info-link a{
color:#666;
}

.tip-special-info .special-info-link a:link,
.tip-special-info .special-info-link a:visited,
.tip-special-info .special-info-link a:hover,
.tip-special-info .special-info-link a:active{
text-decoration:none;
}

.tip-special-info .special-info-link.right{
text-align:right;
}

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


/* ----------------------------------------------------------------
  Loading
----------------------------------------------------------------- */
/* .loading
----------------------------------------------- */
.loading{
margin:40px 0;
text-align:center;
font-weight:bold;
font-size:16px;
}
.loading::before{
margin:0 auto 10px;
content:'';
display:block;
width:48px;
height:48px;
overflow:hidden;
position:static;
background:url(/element/shared/images/icon/ic_load_l.gif) 0 0 no-repeat;
}


/* ----------------------------------------------------------------
  .error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error{
margin:100px 0;
}

/* .error-wording
----------------------------------------------- */
.error .error-wording{
margin:20px 0;
text-align:center;
}

.error .error-wording strong{
font-size:17px;
}

/* .error-prev
----------------------------------------------- */
.error .error-prev{
margin-top:20px;
text-align:center;
}
.error .error-prev a{
padding-left:18px;
display:inline-block;
background:url(/element/shared/images/icon/icon-return.svg) 0 50% no-repeat;
}

/* .error-item
----------------------------------------------- */
.error-item{
text-align:center;
}
.error-catch{
margin:40px 0 20px;
font-size:18px;
}
.error-desc {
padding-bottom:120px;
}
.error-desc p:not([class]){
font-size:14px;
}
.error-btn {
margin-top:32px;
font-size:14px;
}
.error-btn>a {
padding:9px 20px;
border:1px solid #c5c5c5;
border-radius: 3px;
color:#666;
display:inline-block;
background-color:#fff;
text-decoration:none;
min-width:202px;
height:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size: 14px;
}

/* ----------------------------------------------------------------
  Agent Link Modules
----------------------------------------------------------------- */
/* .agt-link
----------------------------------------------- */
.agt-link{
margin:30px auto;
padding:0 40px;
width:800px;
box-sizing:border-box;
}

.agt-link strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .agt-link-inner
----------------------------------------------- */
.agt-link .agt-link-inner{
margin:0 -40px 20px;
padding:40px 40px 30px;
border:3px solid #a9a9a9;
}

/* .agt-link-wording
----------------------------------------------- */
.agt-link .agt-link-wording{
margin-bottom:30px;
position:relative;
font-size:18px;
font-weight:bold;
text-align:center;
}
.agt-link .agt-link-wording img{
margin:0 auto 30px;
display:block;
max-width:260px;
}

/* .agt-link-info
----------------------------------------------- */
.agt-link .agt-link-info{
margin:30px 0 20px;
border-bottom:1px solid #ccc;
font-size:13px;
}
.agt-link .agt-link-info > li{
border-top:1px solid #ccc;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.agt-link .agt-link-info > li > div{
padding:15px 0;
}
.agt-link .agt-link-info > li > div:first-child{
color:#666;
width:85px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-color:#f1f1f1;
font-size:11px;
}
.agt-link .agt-link-info > li > div:last-child{
padding-left:15px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.agt-link .agt-link-info > li > div > [class^="icon-"]::before{
margin:0 auto 5px;
content:'';
display:block;
width:20px;
}
.agt-link .agt-link-info > li > div > .icon-caution::before{
height:18px;
background:url(/element/shared/images/icon/icon-caution-triangle.svg) 0 0 no-repeat;
background-size:20px 18px;
}

/* .agt-link-info-list
----------------------------------------------- */
.agt-link .agt-link-info-list > li{
padding-left:1.25em;
position:relative;
}
.agt-link .agt-link-info-list > li:not(:first-child){
margin-top:15px;
}
.agt-link .agt-link-info-list > li::before{
content:"\ff0a";
display:block;
position:absolute;
top:0;
left:0;
}

/* .agt-link-catch
----------------------------------------------- */
.agt-link .agt-link-catch{
margin-top:40px;
font-size:13px;
font-weight:bold;
text-align:center;
}

.agt-link .agt-link-catch strong{
font-weight:bold;
}

.agt-link .agt-link-info + .agt-link-catch{
margin-top:20px;
}

/* .agt-link-list-bullet
----------------------------------------------- */
.agt-link .agt-link-list-bullet{
color:#555;
font-size:12px;
}
.agt-link .agt-link-list-bullet > li{
padding-left:10px;
position:relative;
}
.agt-link .agt-link-list-bullet > li::before{
content:'';
display:block;
width:2px;
height:2px;
border-radius:50%;
position:absolute;
top:.65em;
left:0;
background-color:#555;
}
.agt-link .agt-link-list-bullet > li:not(:first-child){
margin-top:5px;
}

/* .agt-link-btn
----------------------------------------------- */
.agt-link .agt-link-btn{
margin:20px auto 0;
padding:5px 20px;
box-sizing:border-box;
border-radius:4px;
color:#fff;
display:table;
height:40px;
box-shadow:0 -3px 0 #5b9500 inset;
background-color:var(--cmn-btn-color);
text-align:center;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-weight:bold;
font-size:20px;
text-decoration:none;
}
.agt-link .agt-link-btn:active,
.agt-link .agt-link-btn:hover,
.agt-link .agt-link-btn:focus{
background-color:var(--cmn-btn-color-hover);
}