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

  Custom Properties

----------------------------------------------------------------- */
:root{
--key-color:2,32,104;
--bg-color:219,220,214;
}



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

  Defoult parts

----------------------------------------------------------------- */
input[type='radio']{
margin:0;
padding:0;
border:none;
border-radius:0;
width:20px;
height:20px;
-webkit-appearance:none;
appearance:none;
display:inline-block;
vertical-align:baseline;
background:url(/element_sp/shared/images/icon/icon-form-radio.svg) 0 0 no-repeat;
background-size:100%;
}
input[type='radio']:checked{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-on.svg);
}
input[type='radio']:disabled{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-disabled.svg);
opacity:1;
}




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

  Site Common Modules modify

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .cmn-info
----------------------------------------------------------------- */
.cmn-info{
margin-bottom:-18px;
}


/* ----------------------------------------------------------------
  .cmn-topic-path
----------------------------------------------------------------- */
.str-footer .cmn-topic-path,
.str-footer .cmn-topic-path .cmn-topic-path-home{
color:var(--cmn-font-color-base);
background-color:rgba(var(--bg-color),1);
}

.str-footer .cmn-topic-path .cmn-topic-path-home a::before{
border-color:transparent transparent var(--cmn-font-color-base);
}

.str-footer .cmn-topic-path .cmn-topic-path-home a::after{
border-color:var(--cmn-font-color-base);
}

.str-footer .cmn-topic-path.is-slide-active .cmn-topic-path-slide::after,
.str-footer .cmn-topic-path::after{
display:none;
}




/* ----------------------------------------------------------------
  .str-footer
----------------------------------------------------------------- */
.str-footer,
.str-footer a{
color:var(--cmn-font-color-base);
}

.str-footer-nav,
.str-footer-app{
border-top-color:rgba(var(--bg-color),1);
}

.str-footer-switch,
.str-footer-nav,
.str-footer-nav-list,
.str-footer-app,
.str-footer-utility{
background-color:rgba(var(--bg-color),1);
}

.str-footer-utility,
.str-footer-switch,
.str-footer-utility li{
border-color:#fff;
}

.str-footer-switch a{
--cmn-dashed-color:#949494;;
--cmn-dashed-font-color:var(--cmn-font-color-base);
}

.str-footer-copyright{
color:#fff;
background-color:#3c3c3c;
}



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

  Site Top Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .br
----------------------------------------------------------------- */
.br{
display:block;
}


/* ----------------------------------------------------------------
  .site-top
----------------------------------------------------------------- */
.site-top-bg{
padding-top:8px;
background-color: #388dcf;
background-image:url(/element_sp/shared/images/top/bg-02.png), url(/element_sp/shared/images/top/bg.png);
background-repeat:no-repeat;
background-size:100% auto;
background-position:0 0, 0 100%;
}

.j-travel.site-top-bg,
.w-travel.site-top-bg{
background-image:url(/element_sp/shared/images/top/bg-02.png), url(/element_sp/shared/images/top/bg-01.png);
}


/* ----------------------------------------------------------------
  .site-top-nav
----------------------------------------------------------------- */
/* .site-top-nav
----------------------------------------------- */
.site-top-nav{
padding:0 10px 28px;
color:#fff;
font-size:12px;
}

/* .site-top-nav-catch
----------------------------------------------- */
.site-top-nav-catch{
margin:20px 0 12px;
text-shadow:0 1px 1px rgba(0,0,0,.3);
text-align:center;
font-size:16px;
}

.site-top-nav-catch a{
--cmn-dashed-font-color:#fff;
--cmn-dashed-color:#fff;
display:inline-block;
line-height:1;
text-shadow:none;
}

/* site-top-nav-press
------------------------------------------------ */
.site-top-nav-press{
position:relative;
z-index: 1;
transform:translateZ(0);
-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(8px);
}

.site-top-nav-press > div{
padding:8px 12px;
border-radius:6px;
line-height:1.3;
font-size:13px;
background-color:rgba(var(--key-color),.75);
}

.site-top-nav-press ul > li:not(:first-child){
margin-top:10px;
}

.site-top-nav-press ul > li > a{
color:#fff;
padding-left:56px;
display:inline-block;
position:relative;
text-decoration:none;
}

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

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

.site-top-nav-press strong{
color:#f5e26d;
}

.site-top-nav-press strong > span{
font-size:16px;
}

/* .site-top-nav-content
----------------------------------------------- */
.site-top-nav-content{
padding-bottom:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
position: relative;
z-index:1;
line-height:1.25;
text-align:center;
}

.site-top-nav-content a{
color:#fff;
}

.site-top-nav-content > div{
border-radius:6px;
overflow:hidden;
-webkit-box-flex:1;
flex:1;
background:rgba(var(--key-color),.1);
}

.site-top-nav-content > div + div{
margin-left:7px;
}

/* .site-top-nav-content-hdg
----------------------------------------------- */
.site-top-nav-content-hdg{
line-height:27px;
background-color:rgba(var(--key-color),1);
font-size:14px;
font-weight:normal;
}

.site-top-nav-content-hdg a{
display:block;
}

ul.site-top-nav-content-hdg{
margin:0;
padding:4px 16px 6px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:22px;
}

ul.site-top-nav-content-hdg > li{
margin-right:24px;
}

ul.site-top-nav-content-hdg>li[role="heading"]{
border-bottom:1px solid #fff;
}

/* .site-top-nav-content-list
----------------------------------------------- */
.site-top-nav-content-list{
margin:0 0 0 -1px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
line-height:1.2;
transform:translateZ(0);
-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(8px);
}

.site-top-nav-content-list > li{
margin:1px 0 0 1px;
width:calc(50% - 1px);
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
height:67px;
background-color:rgba(var(--key-color),.75);
}

.site-top-nav-content-list .matome{
width:100%;
height:40px;
border-radius: 0 0 6px 6px;
}

.site-top-nav-content-list a{
padding-top:30px;
box-sizing:border-box;
position:relative;
height:100%;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background-repeat:no-repeat;
background-position:50% 12px;
}

.site-top-nav-content-list .hotel a{
background-image:url(/element_sp/shared/images/top/icon-hotel.svg);
background-size:13px auto;
}

.site-top-nav-content-list .air a{
background-image:url(/element_sp/shared/images/top/icon-air.svg);
background-size:16px auto;
}

.site-top-nav-content-list .tour a{
background-image:url(/element_sp/shared/images/top/icon-tour.svg);
background-size:17px auto;
}

.site-top-nav-content-list .dp a{
background-image:url(/element_sp/shared/images/top/icon-dp.svg);
background-size:40px auto;
}

.site-top-nav-content-list .traindp a{
background-image:url(/element_sp/shared/images/top/icon-traindp.svg);
background-size:39px auto;
}

.site-top-nav-content-list .optional a{
background-image:url(/element_sp/shared/images/top/icon-optional.svg);
background-position:50% 11px;
background-size:13px auto;
}

.site-top-nav-content-list .bus a{
background-image:url(/element_sp/shared/images/top/icon-bus.svg);
background-size:21px auto;
}

.site-top-nav-content-list .rentacar a{
background-image:url(/element_sp/shared/images/top/icon-rentacar.svg);
background-size:22px auto;
}

.site-top-nav-content-list .wifi a{
background-image:url(/element_sp/shared/images/top/icon-wifi.svg);
background-size:19px auto;
}

.site-top-nav-content-list .insurance a{
background-image:url(/element_sp/shared/images/top/icon-insurance.svg);
background-position:50% 10px;
background-size:16px auto;
}

.site-top-nav-content-list .bustour a{
background-image:url(/element_sp/shared/images/top/icon-bustour.svg);
background-position:50% 9px;
background-size:12px auto;
}

.site-top-nav-content-list .matome a,
.site-top-nav-content-list .final a{
padding-top:0;
}

.site-top-nav-content-list .branch a{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
padding:0;
background:transparent;
}

.site-top-nav-content-list .branch a > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.site-top-nav-content-list .branch a > span:first-child{
padding-top:10px;
box-sizing:border-box;
height:32px;
}

.site-top-nav-content-list .branch a > span:last-child{
-webkit-box-flex:1;
flex:1;
}

.site-top-nav-content-list .icon-new{
padding:0 2px;
color:#fff;
border-radius:3px;
display:block;
position:absolute;
top:3px;
right:3px;
line-height:15px;
background-color:#e93939;
font-size:10px;
}

/* .j-travel .site-top-nav-content > .site-top-nav-content-list
----------------------------------------------- */
.j-travel .site-top-nav-content .site-top-nav-content-list > li{
width:calc(25% - 1px);
}

.j-travel .site-top-nav-content .site-top-nav-content-list .matome{
height:67px;
border-radius:0;
}

/* .w-travel .site-top-nav-content > .site-top-nav-content-list
----------------------------------------------- */
.w-travel .site-top-nav-content .site-top-nav-content-list > li{
width:calc(25% - 1px);
}

.w-travel .site-top-nav-content .site-top-nav-content-list .matome{
height:67px;
border-radius:0;
}



/* ----------------------------------------------------------------
  .site-top-recommend-bnr
----------------------------------------------------------------- */
/* .site-top-recommend-bnr
----------------------------------------------- */
.site-top-recommend-bnr{
margin:24px 0;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:7px;
}
.site-top-recommend-bnr > li{
border-radius:6px;
width:calc((100% - 7px) / 2);
box-shadow:0 0 6px rgba(0,0,0,.4);
overflow:hidden;
background-color:#fff;
}

.site-top-recommend-bnr > li > a{
color:var(--cmn-font-color-base);
display:-webkit-box;
display:flex;
flex-direction:column-reverse;
height:100%;
}

.site-top-recommend-bnr > li > a > div{
padding:8px 12px;
-webkit-box-flex:1;
flex:1;
}

.site-top-recommend-bnr > li > a > div > b{
margin-bottom:4px;
line-height:1.25;
font-size:16px;
}

.site-top-recommend-bnr > li > a > span{
height:100px;
}

.site-top-recommend-bnr > li > a > span img{
width:100%;
height:100%;
object-fit:cover;
}


/* ----------------------------------------------------------------
  .site-top-contents
----------------------------------------------------------------- */
/* .site-top-contents
----------------------------------------------- */
.site-top-contents{
margin:-30px -10px -10px;
padding:0 10px 8px;
position:relative;
background-color:rgba(var(--bg-color),1);
}

.site-top-contents::before{
content:'';
display:block;
width:100%;
height:28px;
overflow:hidden;
position:absolute;
top:-28px;
left:0;
background:linear-gradient(rgba(var(--bg-color),0) 0%, rgba(var(--bg-color),1) 100%);
}

/* .site-top-contents-item
----------------------------------------------- */
.site-top-contents-item{
margin-top:12px;
padding:12px;
border-radius:6px;
line-height:1.42;
background-color:#fff;
box-shadow:0 0 4px rgba(0,0,0,.3);
}

/* .site-top-contents-item-hdg
----------------------------------------------- */
.site-top-contents-item-hdg{
margin-bottom:12px;
font-size:18px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-weight:normal;
}

.site-top-contents-item-hdg > span + span{
-webkit-box-flex:1;
flex:1;
font-size:14px;
text-align:right;
}

/* .site-top-contents-list-thumb
----------------------------------------------- */
.site-top-contents-list-thumb{
margin:-8px 0;
font-size:14px;
}

.site-top-contents-list-thumb > li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}

.site-top-contents-list-thumb > li > a{
padding:8px 0;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
display:-webkit-box;
display:flex;
}


.site-top-contents-list-thumb .date{
margin-top:2px;
color:#9e9e9e;
display:block;
font-size:12px;
}

.site-top-contents-list-thumb .thumb{
margin-right:8px;
width:97px;
height:55px;
}

.site-top-contents-list-thumb .thumb img{
width:97px;
height:55px;
object-fit:cover;
}

.site-top-contents-list-thumb > li > a > span:not([class]){
-webkit-box-flex:1;
flex:1;
}

/* .site-top-contents-list
----------------------------------------------- */
.site-top-contents-list{
margin:0;
border-top:1px solid #e5e5e5;
box-shadow:0 -1px 0 #e5e5e5 inset;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
flex-wrap:wrap;
line-height:1.25;
font-size:14px;
}

.site-top-contents-list > li{
width:50%;
display:-webkit-box;
display:flex;
}

.site-top-contents-list > li > a{
padding:2px 0 2px 8px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#e5e5e5;
color:var(--cmn-color-font-base);
box-sizing:border-box;
min-height:44px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}

.site-top-contents-list > li:nth-child(2n) > a{
border-right:none;
}

.site-top-contents-list > li:nth-child(2n+1) > a{
padding-left:0;
}

/* .site-top-contents-notice
----------------------------------------------- */
.site-top-contents-notice{
margin-top:12px;
color:var(--cmn-font-color-base);
font-size:12px;
}

.site-top-contents-notice > li{
display:-webkit-box;
display:flex;
}

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

.site-top-contents-notice > li > span{
margin-right:8px;
}


.site-top-contents-notice > li > div{
-webkit-box-flex:1;
flex:1;
}

/* .site-top-contents-sns
----------------------------------------------- */
.site-top-contents-sns{
margin-top:28px;
text-align:center;
}

/* .site-top-contents-sns-hdg
----------------------------------------------- */
.site-top-contents-sns-hdg{
font-size:14px;
font-weight:normal;
}

/* .site-top-contents-sns-list
----------------------------------------------- */
.site-top-contents-sns-list{
margin:12px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
line-height:1;
}

.site-top-contents-sns-list > li{
margin:0 16px;
}

.site-top-contents-sns-list a{
padding:0;
color:rgba(0,0,0,0);
display:block;
width:28px;
height:28px;
min-width:0;
overflow:hidden;
background-repeat:no-repeat;
background-position:0 0;
user-select:none;
}

.site-top-contents-sns-list .fb a{
background-image:url(/element/shared/images/icon/icon-sns-fb.svg);
}

.site-top-contents-sns-list .tw a{
background-image:url(/element/shared/images/icon/icon-sns-twitter.svg);
}

.site-top-contents-sns-list .instagram a{
background-image:url(/element/shared/images/icon/icon-sns-instagram.svg);
}

.site-top-contents-sns-list .youtube a{
background-image:url(/element/shared/images/icon/icon-sns-youtube.svg);
}


/* ----------------------------------------------------------------
  .site-top-cheapest
----------------------------------------------------------------- */
/* .site-top-cheapest
----------------------------------------------- */
.site-top-cheapest > :first-child{
margin-top:0;
}

/* .site-top-cheapest-tablist
----------------------------------------------- */
.site-top-cheapest-tablist{
margin:12px 0 0;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
gap:24px;
}

.site-top-cheapest-tablist button{
margin:0;
padding:0 0 3px;
border:none;
border-bottom:2px solid transparent;
background:transparent;
font-size:16px;
}

.site-top-cheapest-tablist button.is-active{
  border-bottom-color:var(--cmn-color-font-base);
}

/* .site-top-cheapest-tabpanel
----------------------------------------------- */
.site-top-cheapest-tabpanel{
margin:0 -12px;
padding:16px 12px 0;
border-top:1px solid #ddd;
display:none;
}

.site-top-cheapest-tabpanel > :first-child{
margin-top:0;
}

.site-top-cheapest-tabpanel.is-active{
display:block;
}

.site-top-cheapest-note + .site-top-cheapest-tabpanel{
margin-top:12px;
}

/* .site-top-cheapest-filter
----------------------------------------------- */
.site-top-cheapest-filter{
margin:12px -12px 0;
padding:0 12px;
}

.site-top-cheapest-filter > div:first-child{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 20px;
}

.site-top-cheapest-tabpanel > .site-top-cheapest-filter:not(:first-child){
margin-top:32px;
padding-top:16px;
border-top:1px solid #ddd;
}

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

/* .site-top-cheapest-filter-pulldown
----------------------------------------------- */
.site-top-cheapest-filter-pulldown{
position:relative;
z-index:2;
-webkit-box-flex:1;
flex:1;
}

.site-top-cheapest-filter-pulldown > button{
margin:0 0 0 auto;
padding:8px 20px 8px 12px;
border:1px solid #bbb;
border-radius:4px;
position:relative;
display:block;
width:100%;
height:44px;
background-color:#fff;
font-size:16px;
text-align:left;
max-width:136px;
}

.site-top-cheapest-filter-pulldown > button::after{
margin-top:-2px;
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 50%;
right:8px;
display: block;
border-width: 6px 6px 0 6px;
border-color:#666 transparent transparent transparent;
border-style: solid;
}

.site-top-cheapest-filter-pulldown[aria-expanded=true] > button::after{
transform:rotate(180deg);
}

/* .site-top-cheapest-filter-pulldown-content
----------------------------------------------- */
.site-top-cheapest-filter-pulldown-content{
display:none;
margin-top:10px;
padding:16px;
border-radius:3px;
box-shadow:0 0 6px rgba(0,0,0,.3);
width:100%;
box-sizing:border-box;
position: absolute;
top:100%;
left:0;
background-color:#fff;
}

.site-top-cheapest-filter-pulldown-content::before{
content:'';
display:block;
width:14px;
height:12px;
overflow:hidden;
position:absolute;
top:-8px;
right:60px;
background:url(/element_sp/shared/images/top/icon-balloon-arrow.svg) 0 0 no-repeat;
filter:drop-shadow(rgba(0,0,0,.2) 0 -2px 1px);
transform:translateZ(0);
}

.site-top-cheapest-filter-pulldown[aria-expanded=true] .site-top-cheapest-filter-pulldown-content{
display:block;
}

/* .site-top-cheapest-filter-pulldown-content > ul
--------------------------------- */
.site-top-cheapest-filter-pulldown-content > ul{
margin:0;
}

.site-top-cheapest-filter-pulldown-content > ul > li{
padding:10px 0 10px 23px;
display:block;
}

.site-top-cheapest-filter-pulldown-content >ul > li.is-active{
background:url(/element_sp/shared/images/top/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}

/* .site-top-cheapest-filter-pulldown-content > button
--------------------------------- */
.site-top-cheapest-filter-pulldown-content > button{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:36px;
height:36px;
position:absolute;
top:0;
right:0;
z-index:1;
background:url(/element_sp/shared/images/top/icon-close.svg) calc(100% - 12px) 12px no-repeat;
background-size:10px;
}

/* .site-top-cheapest-filter-list
----------------------------------------------- */
.site-top-cheapest-filter-list{
margin:8px 0 12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:4px 12px;
}

.site-top-cheapest-filter-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px;
}

.site-top-cheapest-filter-list > li > span{
-webkit-box-flex:1;
flex:1;
}

/* .site-top-cheapest-tbl
----------------------------------------------- */
.site-top-cheapest-tbl table{
border-collapse:collapse;
border-spacing:0;
width:100%;
table-layout: fixed;
font-size:14px;
}

.site-top-cheapest-tbl table caption{
margin-bottom:20px;
height:auto;
overflow:visible;
position:static;
}

.site-top-cheapest-tbl table caption > span{
display:block;
text-align:left;
}

.site-top-cheapest-tbl table caption > span:first-child{
margin-bottom:8px;
font-weight:bold;
}

.site-top-cheapest-tbl table th,
.site-top-cheapest-tbl table td{
padding:12px 0;
border-bottom:1px solid #e5e5e5;
font-weight:normal;
text-align:center;
}

.site-top-cheapest-tbl table thead th{
padding:0 0 8px;
}

.site-top-cheapest-tbl table thead tr > th:first-child{
width:30%;
text-align:left;
}

.site-top-cheapest-tbl table td > span{
display:inline-block;
min-width:65px;
text-align:right;
}

.site-top-cheapest-tbl table tbody th{
text-align:left;
}

.site-top-cheapest-tbl table tbody th,
.site-top-cheapest-tbl table tbody td{
font-weight:normal;
}

.site-top-cheapest-tbl table th.unset{
padding-left:2.5em;
}


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

.site-top-cheapest-tbl.air thead tr > th:last-child{
padding:0;
width:80px;
}

/* .site-top-cheapest-link
----------------------------------------------- */
.site-top-cheapest-link{
margin-top:12px;
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
flex-wrap:wrap;
gap:0 16px;
}

/* .site-top-cheapest-note
----------------------------------------------- */
.site-top-cheapest-note{
margin:12px 0 0;
color:var(--cmn-font-color-base);
}

.site-top-cheapest-note > li{
display:-webkit-box;
display:flex;
gap:4px;
}

.site-top-cheapest-note > li:not(:first-child){
margin-top:8px;
}

.site-top-cheapest-note > li > div{
-webkit-box-flex:1;
flex:1;
}


/* ----------------------------------------------------------------
  .ex-site-top-cheapest
----------------------------------------------------------------- */
/* .ex-site-top-cheapest-filter
----------------------------------------------- */
.ex-site-top-cheapest-filter{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.ex-site-top-cheapest-filter > div:first-child{
width:90px;
}

.ex-site-top-cheapest-filter > div:last-child{
margin-left:8px;
-webkit-box-flex:1;
flex:1;
}

.ex-site-top-cheapest-filter select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
padding:4px 8px;
border:1px solid #bbb;
border-radius:4px;
color:var(--cmn-font-color-base);
width:100%;
height:38px;
background:#fff;
font-size:16px;
}

/* .ex-site-top-cheapest-tablist
----------------------------------------------- */
.ex-site-top-cheapest-tablist{
margin:12px -12px;
padding:0 12px 8px;
position:relative;
box-shadow:0 2px 2px rgba(0,0,0,.2);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.ex-site-top-cheapest-tablist > li:not(:last-child){
margin-right:20px;
}

.ex-site-top-cheapest-tablist button[aria-selected]{
margin:0;
padding:4px 0 8px;
border:none;
position:relative;
background:transparent;
font-size:14px;
}

.ex-site-top-cheapest-tablist button[aria-selected] > span{
display:inline-block;
font-size:12px;
}

.ex-site-top-cheapest-tablist button[aria-selected="true"]::before{
content:'';
display:block;
width:100%;
height:2px;
overflow:hidden;
position:absolute;
bottom:0;
right:50%;
transform:translateX(50%);
background-color:var(--cmn-font-color-base);
}

/* .ex-site-top-cheapest-tabpanel
----------------------------------------------- */
.ex-site-top-cheapest-tabpanel[role="tabpanel"]{
display:none;
}

.ex-site-top-cheapest-tabpanel[role="tabpanel"].is-active{
display:block;
}

.ex-site-top-cheapest-tabpanel > p:not([class]){
font-size:12px;
}

/* .ex-site-top-cheapest-tabpanel-hdg
----------------------------------------------- */
.ex-site-top-cheapest-tabpanel-hdg{
margin:16px 0 -4px;
font-size:14px;
font-weight:normal;
}

/* .ex-site-top-cheapest-list
----------------------------------------------- */
.ex-site-top-cheapest-list{
margin:0;
border-top:1px solid #e5e5e5;
box-shadow:0 -1px 0 #e5e5e5 inset;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
flex-wrap:wrap;
line-height:1.25;
font-size:14px;
}

.ex-site-top-cheapest-list > li{
width:50%;
display:-webkit-box;
display:flex;
}

.ex-site-top-cheapest-list > li > a{
padding:2px 0 2px 8px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#e5e5e5;
color:var(--cmn-color-font-base);
box-sizing:border-box;
min-height:55px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}

.ex-site-top-cheapest-list > li:nth-child(2n) > a{
border-right:none;
}

.ex-site-top-cheapest-list > li:nth-child(2n+1) > a{
padding-left:0;
}

.ex-site-top-cheapest-list .price{
margin-top:4px;
color:var(--cmn-font-color-link);
display:block;
}

/* .ex-site-top-cheapest-more
----------------------------------------------- */
.ex-site-top-cheapest-more{
margin-bottom:0;
text-align:right;
font-size:14px;
}




/* ----------------------------------------------------------------
  .site-top-news
----------------------------------------------------------------- */
.site-top-news ul > li{
margin-bottom:12px;
padding-bottom:12px;
border-bottom:1px solid #e5e5e5;
}

.site-top-news ul a{
color:var(--cmn-font-color-base);
}

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

.site-top-news ul a > span [class^=tag]{
padding:0 2px;
color:#fff;
box-sizing:border-box;
min-width:76px;
line-height:17px;
text-align:center;
font-size:10px;
}

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

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

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