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

  clearfix

----------------------------------------------------------------- */
.box-bg-img-ctrl:before,
.box-bg-ctrl:before,
.list-col-2:before,
.list-col-3:before,
.list-col-4:before,
.menu-area-col-container:before,
.menu-area-list:before,
.box-bg-img-ctrl:after,
.box-bg-ctrl:after,
.list-col-2:after,
.list-col-3:after,
.list-col-4:after,
.menu-area-col-container:after,
.menu-area-list:after{
content:"";
display:table;
}

.box-bg-img-ctrl:after,
.box-bg-ctrl:after,
.list-col-2:after,
.list-col-3:after,
.list-col-4:after,
.menu-area-col-container:after,
.menu-area-list:after{
clear:both;
}


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

  Base

----------------------------------------------------------------- */
#container{
min-height:600px;
font-size:13px;
}


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

  modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
Heading
----------------------------------------------------------------- */
/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
margin:0 0 15px;
font-size:20px;
font-weight:bold;
}

/* .hdg-l2-container
----------------------------------------------- */
.hdg-l2-container{
margin-bottom:15px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.hdg-l2-container .hdg-l2{
margin:0;
-webkit-box-flex:1;
flex:1;
}

/* .hdg-l2-more
----------------------------------------------- */
.hdg-l2-container .hdg-l2-more{
padding-left:12px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
font-weight:bold;
}

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


/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* .link-more
----------------------------------------------- */
.link-more{
margin-top:10px;
text-align:right;
}

.link-more > a{
color:var(--cmn-font-color-base);
padding:5px 25px 4px 15px;
border:1px solid #cdcdcd;
display:inline-block;
position:relative;
background-color:#fff;
font-size:14px;
font-weight:bold;
}

.link-more > a:active,
.link-more > a:hover,
.link-more > a:focus{
background-color:#eee;
text-decoration:none;
}

.link-more > a:before{
content:"";
display:block;
position:absolute;
border-right:2px solid #666;
border-bottom:2px solid #666;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.link-more > a:before{
margin-top:-4px;
top:50%;
right:10px;
}

/* .link-list-line
----------------------------------------------- */
.link-list-line{
font-weight:bold;
}

.link-list-line > li{
margin:5px 20px 0 0;
display:inline-block;
}

.link-list-line > li a{
padding-left:12px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
}

.link-list-line > li a:before{
content:"";
display:block;
position:absolute;
border-right:1.5px solid #666;
border-bottom:1.5px solid #666;
width:4.5px;
height:4.5px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.link-list-line > li a:before{
left:0;
top:6px;
width:4px;
height:4px;
}

.link-list-line > li a:after{
width:4px;
height:4px;
}

.hdg-l2 + .link-list-line{
margin-top:-5px;
}

/* .link-list-support
----------------------------------------------- */
.link-list-support{
margin:-5px 0 0 -10px;
max-width:630px;
overflow:hidden;
font-weight:bold;
}

.link-list-support > li{
margin-top:5px;
padding-left:10px;
float:left;
box-sizing:border-box;
width:25%;
}

.link-list-support > li:nth-child(4n+1){
clear:left;
}

.link-list-support > li:nth-child(2){
width:15%;
}

.link-list-support > li:nth-child(3),
.link-list-support > li:nth-child(7){
width:auto;
}

.link-list-support > li:nth-child(6){
width:auto;
}

.link-list-support > li a{
padding-left:12px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
}

.link-list-support > li a:before{
content:"";
display:block;
position:absolute;
border-right:1.5px solid #666;
border-bottom:1.5px solid #666;
width:4.5px;
height:4.5px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.link-list-support > li a:before{
left:0;
top:6px;
width:4px;
height:4px;
}

.link-list-support > li a:after{
width:4px;
height:4px;
}

/* .link-list-thumb
----------------------------------------------- */
.link-list-thumb{
margin:-15px 0 20px;
word-wrap:break-word;
font-size:12px;
}

.link-list-thumb > li{
margin-top:15px;
}

.link-list-thumb > li a{
padding-left:100px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
min-height:60px;
}

.link-list-thumb > li b{
display:block;
font-size:13px;
}

.link-list-thumb > li .thumb{
position:absolute;
top:0;
left:0;
max-width:90px;
max-height:100px;
}

.link-list-thumb > li .new-icon{
margin-left:2px;
color:#d5a725;
display:inline-block;
vertical-align:middle;
font-weight:bold;
font-size:11px;
font-family:Arial;
}

.link-list-thumb.guide > li a{
min-height:84px;
}

/* .link-list-thumb-01
----------------------------------------------- */
.link-list-thumb-01{
word-wrap:break-word;
font-size:12px;
}

.link-list-thumb-01 > li{
margin-top:15px;
}

.link-list-thumb-01 > li a{
padding:5px 8px;
color:var(--cmn-font-color-base);
display:block;
min-height:185px;
background-color:#fff;
font-size:11px;
}

.link-list-thumb-01 > li b{
display:block;
font-size:13px;
}

.link-list-thumb-01 > li .date{
color:#9e9e9e;
display:block;
}

.link-list-thumb-01 > li .thumb{
margin-left:-3px;
margin-right:-3px;
margin-bottom:5px;
position:relative;
height:126px;
overflow:hidden;
background-color:#eee;
text-align:center;
}

.link-list-thumb-01 > li .thumb img{
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
max-width:100%;
max-height:100%;
width:auto;
height:auto;
}

.link-list-thumb-01 > li .pr-icon,
.link-list-thumb-01 > li .new-icon,
.link-list-thumb-01 > li .topic-icon{
width:60px;
padding:18px 0 2px;
color:#fff;
box-sizing:border-box;
position:absolute;
top:-6px;
left:-22px;
line-height:1;
background-color:var(--cmn-font-color-base);
font-weight:bold;
font-size:10px;
text-align:center;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
z-index:1;
}

.link-list-thumb-01 > li .new-icon,
.link-list-thumb-01 > li .topic-icon{
background-color:#bc9013;
}

.link-list-thumb-01 > li .sup{
margin-top:2px;
color:#777;
display:block;
font-size:10px;
}


/* ----------------------------------------------------------------
  Notice
----------------------------------------------------------------- */
.notice-list{
margin:16px 0 0;
color:var(--cmn-font-color-gray);
font-size:12px;
}

.notice-list > li{
display:-webkit-box;
display:flex;
gap:0 4px;
}

.notice-list > li:not(:first-child){
margin-top:4px;
}

.notice-list > li > div{
-webkit-box-flex:1;
flex:1;
}

.cheapest .notice-list{
font-size:14px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:4px 16px;
}

.cheapest .notice-list > li{
margin:0;
}


/* ----------------------------------------------------------------
  Navigation
----------------------------------------------------------------- */
/* .tab
----------------------------------------------- */
.tab{
overflow:hidden;
text-align:center;
}

.tab > li{
margin:0 1px 1px 0;
float:left;
}

.tab > li a{
padding:7px 5px 5px;
color:#fff;
display:block;
width:135px;
font-size:18px;
box-sizing:border-box;
background-color:rgba(57, 98, 143, .7);
}

.tab > li a:active,
.tab > li a:hover,
.tab > li a:focus{
text-decoration:none;
background-color:rgba(57, 98, 143, .8);
}

.tab > li.is-active{
margin-bottom:0;
}

.tab > li.is-active a{
padding-bottom:6px;
background-color:rgba(16, 92, 169, .6);
}

/* ----------------------------------------------------------------
  Box
---------------------------------------------------------------- */
/* .box-bg-img-ctrl
----------------------------------------------- */
.box-bg-img-ctrl{
margin:0 -10px -50px;
padding:0 10px 60px;
min-width:960px;
background:#b0e2ff url(/element/w_travel/index/images/bg-contents.jpg) 50% 0 no-repeat;
background-size:100% auto;
}

.lyt-ad-both .box-bg-img-ctrl{
min-width:1320px;
}

.lyt-ad-r .box-bg-img-ctrl{
min-width:1140px;
}

/* .box-bg-ctrl
----------------------------------------------- */
.box-bg-ctrl{
margin-top:10px;
padding:20px 10px;
background-color:#fff;
}

.box-bg-ctrl.branch{
margin-top:0;
}

/* .box-bg-ctrl-01
----------------------------------------------- */
.box-bg-ctrl-01{
margin-top:20px;
padding:10px;
background-color:rgba(255, 255, 255, .75);
}

/* ----------------------------------------------------------------
  Layout
----------------------------------------------------------------- */
.list-col-2{
margin-left:-10px;
}

.list-col-2 > li{
padding-left:10px;
float:left;
box-sizing:border-box;
width:50%;
}

.list-col-2 > li:nth-child(2n+1){
clear:left;
}

.list-col-2 > li li{
padding-left:0;
width:auto;
float:none;
}

.list-col-3{
margin-left:-10px;
}

.list-col-3 > li{
padding-left:10px;
float:left;
box-sizing:border-box;
width:33.33333%;
}

.list-col-3 > li:nth-child(3n+1){
clear:left;
}

.list-col-3 > li li{
padding-left:0;
width:auto;
float:none;
}

.list-col-4{
margin-left:-10px;
}

.list-col-4 > li{
padding-left:10px;
float:left;
box-sizing:border-box;
width:25%;
}

.list-col-4 > li:nth-child(4n+1){
clear:left;
}

.list-col-4 > li li{
padding-left:0;
width:auto;
float:none;
}

/* ----------------------------------------------------------------
  Component
----------------------------------------------------------------- */
/* .menu-area
----------------------------------------------- */
.menu-area{
padding:25px 20px 20px;
background-color:rgba(16, 92, 169, .6);
}

.menu-area a{
color:#fff;
}

/* .menu-area > .menu-area-catch
----------------------------------------------- */
.menu-area-catch{
margin:0 0 12px 112px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
font-size:20px;
text-shadow:1px 1px 0 rgba(0,83,160,.75);
text-align:center;
}

.menu-area-catch > span:first-child{
-webkit-box-flex:1;
flex:1;
}

.menu-area-catch a{
--cmn-solid-color:rgba(255,255,255,.6);
--cmn-solid-font-color:#fff;
--cmn-font-color-link:#fff;
font-size:16px;
text-shadow:none;
}

/* menu-area-press
------------------------------------------------ */
.menu-area-press{
margin-top:12px;
padding:16px;
background-color:rgba(0,67,133,.4);
font-size:18px;
}

.menu-area-press > ul{
margin:0 auto;
width:fit-content;
text-shadow:1px 1px 0 rgba(0,83,160,.75);
}

.menu-area-press > ul > li:not(:first-child){
margin-top:8px;
}

.menu-area-press > ul > li > a{
padding-left:64px;
display:inline-block;
position:relative;
text-decoration:none;
}

.menu-area-press > ul > li > a::before{
padding:1px 2px 0;
border:1px solid rgba(255,255,255,.4);
border-radius:2px;
content:'PRESS';
display:block;
min-width:50px;
position:absolute;
top:4px;
left:0;
font-size:11px;
text-align:center;
}

.menu-area-press > ul > li.info > a::before{
content:'\304a\77e5\3089\305b';
}

.menu-area-press strong{
color:#f5e26d;
font-size:20px;
}

/* .menu-area > .menu-area-col-container
----------------------------------------------- */
.menu-area-col-container{
margin-top:15px;
}

.menu-area-col-container > .menu-area-col{
margin-left:2.17391%;
float:left;
width:48.91304%;
}

.menu-area-col-container > .menu-area-col:nth-child(2n+1){
margin-left:0;
}

/* .menu-area > .menu-area-list
----------------------------------------------- */
.menu-area-list{
position:relative;
background-color:#0e4c8f;
}

.menu-area-list::before{
content:"";
display:block;
width:100%;
height:2px;
position:absolute;
bottom:0;
left:0;
background-color:#0e4c8f;
}

.menu-area-list > li{
float:left;
width:25%;
box-sizing:border-box;
border-width:0 2px 2px 0;
border-style:solid;
border-color:#06366c;
}

.menu-area-list > li > a{
padding:15px 10px;
display:block;
position:relative;
font-size:15px;
}

.menu-area-list > li > a:active,
.menu-area-list > li > a:hover,
.menu-area-list > li > a:focus{
text-decoration:none;
}

.menu-area-list > li > a:active .menu-area-tooltip,
.menu-area-list > li > a:hover .menu-area-tooltip,
.menu-area-list > li > a:focus .menu-area-tooltip{
display:block;
}

.menu-area-list > li > a > span{
font-size:15px;
letter-spacing:-.09em;
}

.menu-area-list > li .menu-area-tooltip{
padding:15px;
display:none;
position:absolute;
bottom:110%;
left:5px;
max-width:195px;
background-color:rgba(51, 51, 51, .9);
font-size:12px;
z-index:1;
}

.menu-area-list > li .menu-area-tooltip:before{
margin-left:-6px;
content:"";
display:block;
border-width:12px 6px 0 6px;
border-color:rgba(51, 51, 51, .9) transparent transparent transparent;
border-style:solid;
width:0;
height:0;
position:absolute;
left:50%;
bottom:-12px;
}

.menu-area-list > li .menu-area-tooltip .tooltip-br{
display:block;
}

.menu-area-list > li:nth-child(4n+1){
clear:both;
}

.menu-area-list > li:nth-child(4n){
border-right:none;
}

.menu-area-list > li .icon-new{
margin-left:2px;
color:#d5a725;
display:inline-block;
vertical-align:middle;
letter-spacing:normal;
font-weight:bold;
font-size:11px;
font-family:Arial;
}

.menu-area-list > li a:not(:active):not(:focus):hover .menu-area-tooltip:hover{
display:none;
}

/* .menu-area-applink
----------------------------------------------- */

.menu-area-applink-container.type-b{
border: 1px solid #98bfe5;
margin-top: 15px;
margin-bottom: 15px;
}
.menu-area-applink-container{
margin-bottom: 5px;
}
.menu-area-applink{
display: table;
margin: 0 auto;
}
.type-b .menu-area-applink{
padding: 8px 0 5px;
margin-bottom: 0;
}
.menu-area-applink > div,
.menu-area-applink > .menu-area-applink-list{
display: table-cell;
vertical-align: middle;
color: #fff;
font-size: 13px;
}
.menu-area-applink > .menu-area-applink-hdg{
font-size: 20px;
text-shadow: 1px 1px 0 rgba(0, 83, 160, .75);
padding-right: 8px;
}
.menu-area-applink > .menu-area-applink-txt{
padding: 0 30px 0 22px;
}
.menu-area-applink > .menu-area-applink-list li{
display: inline-block;
vertical-align:bottom;
}
.type-b .menu-area-applink > .menu-area-applink-list li{
margin-bottom: -4px;
margin-top: 2px;
}
.menu-area-applink > .menu-area-applink-list li:first-child{
margin-right: 5px;
}
.type-b .menu-area-applink > .menu-area-applink-list li:first-child{
margin-right: 12px;
}


/* .article
----------------------------------------------- */
.article{
margin-top:20px;
padding:20px;
overflow:hidden;
position:relative;
background-color:rgba(255, 255, 255, .75);
}

.article .article-hdg-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.article .article-hdg{
margin:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:20px;
}

.article .article-hdg-container .article-hdg-more-list> li{
margin-left:15px;
display:inline-block;
}

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

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


/* .popular-place
----------------------------------------------- */
.popular-place{
margin-top:20px;
padding:20px;
background-color:rgba(255, 255, 255, .75);
}

/* .popular-place > .popular-place-hdg
----------------------------------------------- */
.popular-place .popular-place-hdg{
margin-bottom:10px;
font-size:14px;
}

.popular-place .popular-place-hdg a{
padding-left:14px;
color:#555;
position:relative;
display:inline-block;
}

.popular-place .popular-place-hdg a:before{
margin-top:-4px;
content:"";
display:block;
position:absolute;
top:50%;
left:0;
border-right:1px solid #888;
border-bottom:1px solid #888;
width:5px;
height:5px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .popular-place > .popular-place-tab-list
----------------------------------------------- */
.popular-place .popular-place-tab-list{
display:table;
width:100%;
table-layout:fixed;
text-align:center;
font-size:14px;
line-height:1.25;
}

.popular-place .popular-place-tab-list > li{
padding-left:2px;
vertical-align:bottom;
display:table-cell;
}

.popular-place .popular-place-tab-list > li:first-child{
margin-left:0;
}

.popular-place .popular-place-tab-list > li a{
padding:15px 0 0;
color:var(--cmn-font-color-base);
height:48px;
box-sizing:border-box;
background-color:#dfe3e8;
display:block;
}

.popular-place .popular-place-tab-list > li a:active,
.popular-place .popular-place-tab-list > li a:hover,
.popular-place .popular-place-tab-list > li a:focus{
text-decoration:none;
}

.popular-place .popular-place-tab-list > li.multiple a{
padding-top:6px;
}

.popular-place .popular-place-tab-list > li.is-active a{
color:#fff;
background-color:#0d3f78;
font-weight:bold;
}

/* .popular-place > .popular-place-item
----------------------------------------------- */
.popular-place .popular-place-tab-item{
padding:20px;
display:none;
background-color:#fff;
}

.popular-place .popular-place-tab-item.is-active{
display:block;
}

/* .popular-place > .popular-place-link-list
----------------------------------------------- */
.popular-place .popular-place-link-list > li{
margin-top:15px;
}

.popular-place .popular-place-link-list > li > span{
display:block;
font-weight:bold;
font-size:14px;
}

.popular-place .popular-place-link-list > li > span > a{
padding-left:14px;
color:var(--cmn-font-color-base);
display:inline-block;
position:relative;
}

.popular-place .popular-place-link-list > li > span > a:before{
margin-top:-5px;
content:"";
display:block;
position:absolute;
top:50%;
left:0;
border-right:1px solid #888;
border-bottom:1px solid #888;
width:5px;
height:5px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.popular-place .popular-place-link-list > li:first-child{
margin-top:0;
}

/* .popular-place > .popular-place-link-list-01
----------------------------------------------- */
.popular-place .popular-place-link-list-01{
margin-left:14px;
}

.popular-place .popular-place-link-list-01 > li{
padding-top:10px;
display:table;
width:100%;
}

.popular-place .popular-place-link-list-01 > li:first-child{
padding-top:0;
}

.popular-place .popular-place-link-list-01 > li > span{
display:table-cell;
width:100px;
font-weight:bold;
font-size:12px;
}

.popular-place .popular-place-link-list-01 > li > .popular-place-link-list-line{
padding-left:15px;
display:table-cell;
box-sizing:border-box;
}

/* .popular-place > .popular-place-link-list-line
----------------------------------------------- */
.popular-place .popular-place-link-list-line{
margin-left:14px;
font-size:12px;
}

.popular-place .popular-place-link-list-line > li{
margin:5px 10px 0 0;
padding-right:15px;
border-right:1px solid #ddd;
display:inline-block;
}

.popular-place .popular-place-link-list-line > li a{
color:#666;
}

.popular-place .popular-place-link-list-line > li:last-child{
margin-right:0;
padding-right:0;
border-right:none;
}

/* .popular-place > .popular-place-toggle-hook
----------------------------------------------- */
.popular-place .popular-place-toggle-hook{
margin-top:20px;
}

.popular-place .popular-place-toggle-hook button{
padding:5px 5px 5px 18px;
border:none;
color:#555;
cursor:pointer;
position:relative;
background:none;
font-size:13px;
}

.popular-place .popular-place-toggle-hook button:before{
content:"";
display:block;
width:12px;
height:12px;
overflow:hidden;
position:absolute;
bottom:50%;
left:0;
}

.popular-place .popular-place-toggle-hook button:before{
-webkit-transform:translateY(50%);
-ms-transform:translateY(50%);
transform:translateY(50%);
background-color:#666;
}

.popular-place .popular-place-toggle-hook button > span:before,
.popular-place .popular-place-toggle-hook button > span:after{
content:"";
display:block;
width:8px;
height:2px;
overflow:hidden;
position:absolute;
bottom:50%;
left:2px;
background-color:#fff;
-webkit-transform:translateY(50%);
-ms-transform:translateY(50%);
transform:translateY(50%);
}

.popular-place .popular-place-toggle-hook button > span:after{
width:2px;
height:8px;
left:5px;
}

.popular-place .popular-place-toggle-hook.is-active button > span:after{
display:none;
}




/* ----------------------------------------------------------------
  .cheapest
----------------------------------------------------------------- */
/* .cheapest
----------------------------------------------- */
.cheapest{
margin-top:20px;
padding:20px;
background-color:rgba(255, 255, 255, .75);
font-size:14px;
}

/* .cheapest-header
----------------------------------------------- */
.cheapest-header{
margin-bottom:15px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
}

.cheapest-header > div:last-child{
-webkit-box-flex:1;
flex:1;
text-align:right;
}

.cheapest-header > div > :first-child{
margin-top:0;
}

/* .cheapest-header-hdg
----------------------------------------------- */
.cheapest-header-hdg{
font-size:20px;
}

/* .cheapest-filter
----------------------------------------------- */
.cheapest-filter{
margin-bottom:10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.cheapest-filter > div:first-child{
-webkit-box-flex:1;
flex:1;
gap:0 12px;
}

.cheapest-filter > div:last-child{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 12px;
}

/* .cheapest-filter-hdg
----------------------------------------------- */
.cheapest-filter-hdg{
font-size:16px;
}

/* .cheapest-filter-select
----------------------------------------------- */
.cheapest-filter-select label{
height:0;
overflow:hidden;
position:absolute;
}

.cheapest-filter-select select{
padding:3px;
color:var(--cmn-font-color-base);
width:174px;
font-size:14px;
cursor:pointer;
}

/* .cheapest-filter-list
----------------------------------------------- */
.cheapest-filter-list{
border:1px solid #a9a9a9;
border-radius:3px;
overflow:hidden;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.cheapest-filter-list button{
padding:0;
border:none;
color:var(--cmn-font-color-base);
width:58px;
height:28px;
background-color:#e8e7e7;
font-size:14px;
}

.cheapest-filter-list button:disabled{
color:var(--cmn-font-color-base);
opacity:1;
background-color:#fff;
font-weight:bold;
}

.cheapest-filter-list > li:not(:last-child) button{
border-right:1px solid #a9a9a9;
}

/* .cheapest-data
----------------------------------------------- */
.cheapest-data{
display:-webkit-box;
display:flex;
gap:20px;
}

.cheapest-data:has(+ .cheapest-filter){
margin-bottom:20px;
}

/* .cheapest-data-item
----------------------------------------------- */
.cheapest-data-item{
padding:12px;
-webkit-box-flex:1;
flex:1;
background-color:#fff;
}

/* .cheapest-data-item-tbl-col
----------------------------------------------- */
.cheapest-data-item-tbl-col{
display:-webkit-box;
display:flex;
gap:36px;
}

/* .cheapest-data-item-header
----------------------------------------------- */
.cheapest-data-item-header{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.cheapest-data-item-header-hdg{
-webkit-box-flex:1;
flex:1;
font-size:16px;
}

/* .cheapest-data-item-tbl
----------------------------------------------- */
.cheapest-data-item-tbl{
margin:0;
padding:0;
border-bottom: 1px solid #ddd;
border-collapse:collapse;
border-spacing:0;
table-layout:fixed;
width:100%;
}

.cheapest-data-item-tbl caption{
height:0;
overflow:hidden;
position:absolute;
}

.cheapest-data-item-tbl th,
.cheapest-data-item-tbl td{
border-top: 1px solid #ddd;
padding:8px 0;
font-weight:normal;
text-align:center;
}

.cheapest-data-item-tbl thead th{
padding:12px 0 8px;
}

.cheapest-data-item-tbl thead tr > th:first-child{
padding-left:0;
width:140px;
text-align:left;
}

.cheapest-data-item-tbl tbody th{
text-align:left;
}

.cheapest-data-item-tbl tbody td > span{
min-width:72px;
display:inline-block;
text-align:right;
}

.cheapest-data-item-tbl th.unset{
padding-left:2.5em;
}

.cheapest-data-item-tbl td.unset{
text-align:center;
}

/* .cheapest-data-item-tbl.air
--------------------------------- */
.cheapest-data-item-tbl.air thead tr > th:first-child{
width:auto;
}

.cheapest-data-item-tbl.air thead tr > th:last-child{
width:80px;
}

/* .cheapest-data-item-link
----------------------------------------------- */
.cheapest-data-item-link{
margin-top:8px;
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
flex-wrap:wrap;
gap:0 20px;
}


/* ----------------------------------------------------------------
  .ex-cheapest
----------------------------------------------------------------- */
/* .ex-cheapest
----------------------------------------------- */
.ex-cheapest{
margin-top:20px;
padding:20px;
background-color:rgba(255, 255, 255, .75);
}

/* .ex-cheapest > .ex-cheapest-header
----------------------------------------------- */
.ex-cheapest-header{
margin-bottom:15px;
display:table;
}

.ex-cheapest-header > *{
display:table-cell;
vertical-align:middle;
}

.ex-cheapest-header > .ex-cheapest-hdg{
padding-right:30px;
font-size:20px;
font-weight:bold;
}

.ex-cheapest-header > .ex-cheapest-select{
padding-right:20px;
}

.ex-cheapest-header > .ex-cheapest-select select{
padding:3px;
color:var(--cmn-font-color-base);
width:13em;
font-size:14px;
}

.ex-cheapest-header > .ex-cheapest-btn-list{
padding-right:20px;
overflow:hidden;
}

.ex-cheapest-header > .ex-cheapest-btn-list > li{
float:left;
}

.ex-cheapest-header > .ex-cheapest-btn-list > li button{
padding:2px;
border-radius:3px 0 0 3px;
border:1px solid #a9a9a9;
background:none;
width:100px;
cursor:pointer;
background-color:#e8e7e7;
font-size:14px;
}

.ex-cheapest-header > .ex-cheapest-btn-list > li button[disabled]{
color:var(--cmn-font-color-base);
font-weight:bold;
background-color:#fff;
cursor:default;
}

.ex-cheapest-header > .ex-cheapest-btn-list > li:last-child button{
border-left:none;
border-radius:0 3px 3px 0;
color:var(--cmn-font-color-base);
}

.ex-cheapest-header > .ex-cheapest-description{
overflow:hidden;
font-size:11px;
}

.ex-cheapest-header > .ex-cheapest-description > span{
display:block;
overflow:hidden;
}

.ex-cheapest-header > .ex-cheapest-description > span:first-of-type{
float:left;
width:auto;
}

.ex-cheapest-header > .ex-cheapest-description > span:first-of-type:before{
content:"\3010";
}

.ex-cheapest-header > .ex-cheapest-description > span:first-of-type:after{
content:"\3011";
}

/* .ex-cheapest > .ex-cheapest-hdg-01
----------------------------------------------- */
.ex-cheapest .ex-cheapest-hdg-01{
margin-bottom:10px;
font-size:16px;
}

.ex-cheapest .ex-cheapest-hdg-01 a{
color:var(--cmn-font-color-base);
}

/* .ex-cheapest > .ex-cheapest-col-container
----------------------------------------------- */
.ex-cheapest-col-container{
display:-webkit-box;
display:flex;
gap:20px;
}

.ex-cheapest-col-container > .ex-cheapest-col,
.ex-cheapest-col-container > .ex-cheapest-col-2{
padding:10px 10px 20px;
box-sizing:border-box;
min-height:260px;
background-color:#fff;
-webkit-box-flex:1;
flex:1;
}

.ex-cheapest-col-container > .ex-cheapest-col:last-child{
width:450px;
}

.ex-cheapest-col-container > .ex-cheapest-col-2{
width:455px;
min-height:200px;
}

/* .ex-cheapest > .ex-cheapest-col-hdg
----------------------------------------------- */
.ex-cheapest-col-hdg{
margin:-10px -10px 10px;
padding:10px 10px 8px;
border-bottom:1px solid #e0e0e0;
font-size:16px;
}

.ex-cheapest-col-hdg a{
color:var(--cmn-font-color-base);
}

/* .ex-cheapest > .ex-cheapest-list
----------------------------------------------- */
.ex-cheapest-list{
font-size:12px;
}

.ex-cheapest-list > li{
margin-top:5px;
}

.ex-cheapest-list > li > a{
padding-right:15px;
position:relative;
display:block;
text-decoration:none;
}

.ex-cheapest-list > li > a:active .price,
.ex-cheapest-list > li > a:hover .price,
.ex-cheapest-list > li > a:focus .price{
text-decoration:underline;
}

.ex-cheapest-list > li .destination{
color:var(--cmn-font-color-base);
display:table-cell;
width:100%;
}

.ex-cheapest-list > li .price{
padding-left:10px;
color:#0b4cae;
display:table-cell;
white-space:nowrap;
font-size:10px;
}

.ex-cheapest-list > li .price b{
font-size:12px;
}

.ex-cheapest-list .ex-cheapest-icon{
position:absolute;
top:0;
right:0;
}




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

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

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

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

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

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

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

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