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

  Clearfix

----------------------------------------------------------------- */
.box-bg-img-ctrl::before,
.form-search .form-search-item-col::before,
.form-search .form-search-item-route::before,
.form-search .form-search-item-route-list::before,
.form-search .form-search-lyt::before,
.form-search .form-search-price::before,
.form-search-index .form-search-index-lyt::before,
.search-result .search-result-sort::before,
.box-bg-img-ctrl::after,
.form-search .form-search-item-col::after,
.form-search .form-search-item-route::after,
.form-search .form-search-item-route-list::after,
.form-search .form-search-lyt::after,
.form-search .form-search-price::after,
.form-search-index .form-search-index-lyt::after,
.search-result .search-result-sort::after{
content:'';
display:table;
}

.box-bg-img-ctrl::after,
.form-search .form-search-item-col::after,
.form-search .form-search-item-route::after,
.form-search .form-search-item-route-list::after,
.form-search .form-search-lyt::after,
.form-search .form-search-price::after,
.form-search-index .form-search-index-lyt::after,
.search-result .search-result-sort::after{
clear:both;
}



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

  Base

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  font,cursor control
----------------------------------------------------------------- */
button,
input,
select,
textarea{
color:var(--cmn-font-color-base);
font-family:var(--cmn-font-family);
}

button,
select{
cursor:pointer;
}

button:disabled,
select:disabled{
color:#ccc;
cursor:default;
}

option{
color:var(--cmn-font-color-base);
}

option:disabled{
color:#ccc;
}

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

::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-btn
----------------------------------------------------------------- */
.cmn-tip-btn{
margin-top:-2px;
}


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

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


/* ----------------------------------------------------------------
  .cmn-loading-spinner
----------------------------------------------------------------- */
.cmn-loading-spinner{
margin:40px auto;
}

.seo-popular-destination .cmn-loading-spinner{
margin:200px auto;
}

.fomr-search-flight-setting-list-item .cmn-loading-spinner{
margin:53px auto;
}

.result-tbl .no-item .cmn-loading-spinner-dot{
margin:0 auto;
}


/* ----------------------------------------------------------------
  .cmn-loading-spinner-dot
----------------------------------------------------------------- */
.result-tbl-catch .cmn-loading-spinner-dot{
margin:-2px 0 0;
display:inline-block;
vertical-align:middle;
width:12px;
height:12px;
}



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

  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:280px;
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-container .menu-header h1{
display:inline-block;
font-size:30px;
}

/* .menu-header-sup
----------------------------------------------- */
.menu-header-container .menu-header-sup{
margin:4px 0 12px;
padding:6px 10px 2px;
border:1px solid rgba(255,255,255,.65);
border-radius:4px;
width:fit-content;
line-height:1.45;
background-color:rgba(0,72,148,.65);
font-size:14px;
}

.menu-header-container .menu-header-sup > span{
display:block;
font-size:13px;
}

/* .menu-header-more
----------------------------------------------- */
.menu-header-container .menu-header-more{
position:absolute;
top:21px;
right:20px;
font-size:12px;
}

.menu-header-container .menu-header-more a{
padding-left:10px;
display:inline-block;
color:#fff;
position:relative;
}

.menu-header-container .menu-header-more a::before{
border-right:1px solid #fff;
border-bottom:1px solid #fff;
content:'';
display:block;
position:absolute;
top:6px;
left:0;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.box-bg-img-ctrl .menu-header-more{
right:136px;
}

/* .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::after{
color:var(--cmn-font-color-base);
content:'...';
display:inline-block;
vertical-align:bottom;
font-size:16px;
-webkit-box-flex:1;
flex:1;
}

.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;
top:24px;
right:20px;
font-size:12px;
}

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

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

.lyt-simple-popup .hdg-l2{
margin:0 -10px 10px;
padding:8px 10px;
}

/* .hdg-tip
----------------------------------------------- */
/* cmn-tip-container Heading */
.hdg-tip{
margin-top:10px;
}

.hdg-tip > span{
padding: 0 8px;
border-right:1px solid #ccc;
position:absolute;
top:0;
left:0;
height: 100%;
font-size:20px;
}


/* ----------------------------------------------------------------
  Button
----------------------------------------------------------------- */
/* .btn-close
----------------------------------------------- */
.btn-close{
margin-top:30px;
text-align:center;
}

.btn-close button{
color:#666;
padding:5px 10px 5px 30px;
border:none;
position:relative;
font-size:14px;
background-color:#f6f6f6;
}

.btn-close button::before,
.btn-close button::after{
margin-top:-1px;
content:'';
display:block;
width:16px;
height:2px;
position:absolute;
top:50%;
left:10px;
background-color:#aaa;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}

.btn-close button::after{
margin-top:-8px;
width:2px;
height:16px;
left:17px;
}

/* ----------------------------------------------------------------
  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:#fff;
padding:5px 2px;
background-color:#555;
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:transparent;
text-decoration:none;
}

.pager li > b{
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-agt
----------------------------------------------- */
.tab-agt{
margin:15px 0;
border-bottom:1px solid #777;
}

.tab-agt .tab-agt-list{
display:inline-block;
vertical-align:bottom;
}

.tab-agt .tab-agt-list > li{
margin-right:5px;
display:inline-block;
vertical-align:bottom;
}

.tab-agt .tab-agt-list > li a{
border-width:1px 1px 0;
border-style:solid;
border-color:#bbb;
display:block;
width:270px;
box-sizing:border-box;
min-height:55px;
position:relative;
}

.tab-agt .tab-agt-list > li a > span{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
-ms-transform:translate(50%, 50%);
transform:translate(50%, 50%);
display:block;
width:100%;
height:40px;
}

.tab-agt .tab-agt-list > li a > span img{
margin:auto;
max-width:100%;
max-height:100%;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display:block;
}

.tab-agt .tab-agt-list > li.jal a,
.tab-agt .tab-agt-list > li.fda a{
width:180px;
}

.tab-agt .tab-agt-list > li.is-active{
position:relative;
}

.tab-agt .tab-agt-list > li.is-active::before{
content:'';
display:block;
width:100%;
height:1px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
}

.tab-agt .tab-agt-list > li.is-active::before{
border-width:0 1px;
border-style:solid;
border-color:var(--cmn-font-color-gray);
background-color:#fff;
z-index:1;
box-sizing:border-box;
}

.tab-agt .tab-agt-list > li.is-active a{
border-color:var(--cmn-font-color-gray);
background-color:#fff;
}

.tab-agt .tab-agt-list > li.is-disabled a{
border-color:#eee;
cursor:default;
background-color:#eee;
}

.tab-agt .tab-agt-list > li.is-disabled img{
opacity:.25;
}


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


/* ----------------------------------------------------------------
  Notice
----------------------------------------------------------------- */
/* .notice-list
----------------------------------------------- */
.notice-list{
margin-top:10px;
font-size:11px;
color:var(--cmn-font-color-gray);
}

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

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

.notice-list > li:first-child{
margin-top:0;
}

.agt-link-info-list-num .notice-list{
margin:5px 0 0;
}

.agt-link-info-list-num .notice-list li{
text-indent:0;
}

.agt-link-info-list-num .notice-list li:not(:first-child){
margin-top: 3px;
}

/* .notice-box
----------------------------------------------- */
.notice-box{
margin:20px 0 10px;
display:table;
width:100%;
font-size:11px;
}

.notice-box > .notice-box-hdg{
padding:4px 10px;
color:#fff;
display:table-cell;
width:8em;
background-color:var(--cmn-font-color-gray);
font-weight:normal;
}

.notice-box > .notice-box-hdg > span{
display:block;
}

.notice-box > .notice-box-list{
padding-left:10px;
display:table-cell;
}

.notice-box > .notice-box-list > li{
margin-top:3px;
padding-left:10px;
position:relative;
}

.notice-box > .notice-box-list > li::before{
content:'';
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:6px;
left:0;
}

.notice-box > .notice-box-list > li::before{
background-color:var(--cmn-font-color-base);
border-radius:1px;
}

.notice-box > .notice-box-list > li:first-child{
margin-top:0;
}


/* ----------------------------------------------------------------
  Icon
----------------------------------------------------------------- */
/* .icon-smoking
----------------------------------------------- */
.icon-smoking{
padding-left:15px;
display:block;
min-height:12px;
background:url(/element/j_dp/shared/images/icon-smoking.svg) 0 0 no-repeat;
background-size:12px 12px;
}

/* .icon-smoking-non
----------------------------------------------- */
.icon-smoking-non{
padding-left:15px;
display:block;
min-height:12px;
background:url(/element/j_dp/shared/images/icon-smoking-non.svg) 0 0 no-repeat;
background-size:12px 12px;
}

/* .icon-smoking-unfixed
----------------------------------------------- */
.icon-smoking-unfixed{
padding-left:15px;
display:block;
min-height:12px;
background:url(/element/j_dp/shared/images/icon-smoking-unfixed.svg) 0 0 no-repeat;
background-size:12px 12px;
}

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


/* ----------------------------------------------------------------
  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 optgroup{
color:#666;
font-style:normal;
}

.form-custom-select optgroup[role="presentation"]{
color:#ccc;
}

.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;
}

/* Win10 > Edge adjust */
.cmn-ms .form-custom-select select::-ms-expand{
display:block;
}

/* .form-list
----------------------------------------------- */
.form-list{
margin-top:-5px;
color:var(--cmn-font-color-base);
}

.form-list > li{
margin-top:10px;
}

.form-list > li label{
display:inline-block;
padding-left:18px;
position:relative;
cursor:pointer;
}

.form-list > li label input[type='checkbox'],
.form-list > li label input[type='radio']{
margin:0;
position:absolute;
top:3px;
left:0;
}

.form-list > li .num{
display:inline-block;
}

.form-list > li.is-disabled{
opacity:.25;
}

.form-list > li.is-disabled label{
cursor:default;
}

.form-list.list-col-3,
.form-list.list-col-4{
margin-top:10px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:10px;
}

.form-list.list-col-3 > li,
.form-list.list-col-4 > li{
margin:0;
}

.form-list.list-col-3 > li{
width:calc(33.33% - 7px);
}

.form-list.list-col-4 > li{
width:calc(25% - 8px);
}


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

  Component Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .form-search
----------------------------------------------------------------- */
/* .form-search
----------------------------------------------- */
.form-search{
margin-bottom:20px;
padding:10px 20px 0;
box-sizing:border-box;
max-width:960px;
position:relative;
background-color:#ededed;
}


.form-search .ui-datepicker-btn{
margin-top:4px;
}

/* .form-search-select
----------------------------------------------- */
.form-search .form-search-select{
vertical-align:top;
height:34px;
width:200px;
box-sizing:border-box;
}

.form-search .form-search-item.room-type .form-search-select{
vertical-align:middle;
}

.form-search .form-search-item.air .form-search-select{
float:left;
width:325px;
}

.form-search .form-search-item-route-list > li .form-search-select{
width:120px;
}

.form-search .form-search-stay-area > li:first-child .form-search-select,
.form-search .meal .form-search-select{
width:180px;
}

.form-search .form-search-stay-area > li .form-search-select{
width:290px;
}

.form-search .form-search-date > li:last-child .form-search-select{
min-width:0;
width:50px;
}

.form-search .form-search-num .adult .form-search-select{
width:55px;
}

.form-search .form-search-num .room-num .form-search-select{
width:70px;
}

.form-search .room-type .form-search-select{
width:100px;
}

.form-search .form-search-price > li .form-search-select{
width:108px;
vertical-align:middle;
}

/* .form-search-inner
----------------------------------------------- */
.form-search-inner{
margin:0 -20px;
padding:0 20px 12px;
position:relative;
}

.form-search .form-search-inner + .form-search-inner,
.form-search .form-search-inner + .form-search-error + .form-search-inner{
border-top:10px solid #fff;
}

/* .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:top;
}

.form-search .form-search-item > .form-search-item-cell > :first-child{
margin-top:0;
}

.form-search .form-search-item > .form-search-item-cell:first-child{
padding-right:5px;
width:93px;
}

.form-search .form-search-item.line{
border-bottom:1px solid #ccc;
padding-bottom:10px;
}

.form-search .form-search-item.meal > .form-search-item-cell:first-child{
width:30px;
}

/* .form-search-item Unique Style
----------------------------------------------- */
.form-search .form-search-item.outward{
margin-top:0;
}

.form-search .form-search-item.air > .form-search-item-cell{
position:relative;
}

.form-search .form-search-item.num > .form-search-item-cell:first-child{
width:115px;
}

.form-search .form-search-item.other{
margin-top:13px;
}

.form-search .form-search-item.other .form-search-hdg{
height:78px;
}

.form-search .form-search-item.picky-selected{
margin-top:15px;
padding-top:10px;
border-top:1px solid #ccc;
}

.form-search .form-search-item.picky-selected .form-search-hdg{
height:auto;
}

/* .form-search-item-01
----------------------------------------------- */
.form-search .form-search-item-01{
margin-top:10px;
display:table;
width:100%;
}

.form-search .form-search-item-01 > .form-search-item-01-cell{
display:table-cell;
vertical-align:middle;
height:34px;
box-sizing:border-box;
}

.form-search .form-search-item-01 > .form-search-item-01-cell:first-child{
padding:1px 5px 0;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
width:110px;
background-color:#f6f6f6;
font-size:11px;
line-height:1.25;
}

.form-search .form-search-item-01 > .form-search-item-01-cell.required{
padding-right:35px;
position:relative;
}

.form-search .form-search-item-01 > .form-search-item-01-cell.required .form-search-icon-required{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
right:5px;
}

/* .form-search-item-col
----------------------------------------------- */
.form-search .form-search-item-col > .form-search-item{
float:left;
}

.form-search .form-search-item-col > .form-search-item.date{
width:45%;
}

.form-search .form-search-item-col > .form-search-item.num{
width:53%;
}

.form-search .form-search-item-col > .form-search-item.room-type{
width:45%;
}

.form-search .form-search-item-col > .form-search-item.meal{
width:34%;
}

/* .form-search-lyt
----------------------------------------------- */
.form-search .form-search-lyt{
margin-left:-20px;
position:relative;
}

.form-search .form-search-lyt > .form-search-lyt-cell{
padding-left:20px;
float:left;
width:53.5%;
box-sizing:border-box;
}

.form-search .form-search-lyt > .form-search-lyt-cell:first-child{
width:46.5%;
}

.form-search .form-search-lyt > .form-search-lyt-cell > :first-child{
margin-top:0;
}

/* .form-search-header
----------------------------------------------- */
.form-search .form-search-header{
margin:0 150px 6px 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .form-search-header-hdg
----------------------------------------------- */
.form-search .form-search-header-hdg{
color:var(--cmn-font-color-base);
font-size:16px;
font-weight:bold;
}

/* .form-search-header-link
----------------------------------------------- */
.form-search .form-search-header-link{
margin-left:20px;
padding-left:10px;
color:#666;
position:relative;
font-size:11px;
}

.form-search .form-search-header-link::before{
content:'';
display:block;
position:absolute;
top:5px;
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);
}

/* .form-search-hdg
----------------------------------------------- */
.form-search .form-search-hdg{
padding-right:18px;
display:table;
width:100%;
height:34px;
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 > span{
display:block;
}

.form-search .form-search-hdg > h2 .sup{
display:block;
font-size:11px;
font-weight:normal;
}

.form-search .form-search-hdg.required{
padding-right:46px;
position:relative;
}

.form-search .form-search-hdg.required .cmn-tip-btn{
right:35px;
}

.form-search .form-search-hdg.no-tip-btn{
padding-right:0;
}

.form-search .form-search-hdg .cmn-tip-btn{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
right:0;
}

/* .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-note
----------------------------------------------- */
.form-search .form-search-note{
margin:0 0 0 10px;
color:var(--cmn-font-color-gray);
font-size:11px;
float:left;
line-height:1.35;
}

.form-search .form-search-note > li{
padding-left:14px;
position:relative;
}

.form-search .form-search-note > li::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

.form-search-item-cell .form-search-note{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:34px;
}

/* .form-search-link
----------------------------------------------- */
.form-search .form-search-link{
margin-top:5px;
padding-left:10px;
color:#666;
display:inline-block;
position:relative;
font-size:11px;
}

.form-search .form-search-link::before{
content:'';
display:block;
position:absolute;
top:5px;
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);
}

/* .form-search-input
----------------------------------------------- */
.form-search .form-search-input{
border:1px solid #bebebe;
background-color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
width:239px;
}

.form-search .form-search-input > input{
padding:5px;
border:none;
border-radius:0;
box-sizing:border-box;
height:34px;
-webkit-box-flex:1;
flex:1;
}

.form-search .form-search-input > button{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:24px;
height:34px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-reset-line.svg) 50% 50% no-repeat;
background-size:7px;
}

/* .form-search-btn
----------------------------------------------- */
.form-search .form-search-btn{
padding:6px 10px 6px 16px;
border:1px solid #bebebe;
border-radius:1px;
color:#666;
display:inline-block;
min-width:80px;
height:34px;
box-sizing:border-box;
position:relative;
background-color:#fff;
box-shadow:0 -1px 0 #bebebe inset;
cursor:pointer;
font-size:13px;
text-align:left;
}

.form-search .form-search-btn::before{
margin-top:-3px;
border-right:1px solid #666;
border-bottom:1px solid #666;
content:'';
display:block;
position:absolute;
top:50%;
left:4px;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.form-search .form-search-btn.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);
}

.form-search .form-search-num .form-search-btn{
padding:0;
text-align:center;
}

.form-search .form-search-num .form-search-btn::before{
display:none;
}

/* .form-search-list-line
----------------------------------------------- */
.form-search .form-search-list-line{
color:var(--cmn-font-color-base);
font-size:12px;
}

.form-search .form-search-list-line > li{
margin:5px 10px 0 0;
display:inline-block;
}

.form-search .form-search-list-line > li:last-child{
margin-right:0;
}

.form-search .form-search-list-line > li label{
padding-left:17px;
cursor:pointer;
display:block;
position:relative;
}

.form-search .form-search-list-line > li label input[type='radio'],
.form-search .form-search-list-line > li label input[type='checkbox']{
margin:0;
position:absolute;
bottom:50%;
left:0;
-webkit-transform:translateY(50%);
-ms-transform:translateY(50%);
transform:translateY(50%);
}

.form-search .form-search-item.room-type .form-search-list-line{
margin-left:4px;
display:inline-block;
}

.form-search .form-search-item.room-type .form-search-list-line > li{
margin-top:0;
}

/* .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 > .form-search-error{
margin:-5px 0 10px auto;
display:table;
}

/* .form-search-date-btn
----------------------------------------------- */
.form-search .form-search-date-btn{
padding:0 30px 0 10px;
border:1px solid #bebebe;
width:180px;
height:34px;
box-sizing:border-box;
vertical-align:top;
background:#fff url(/element/shared/lib/jquery/jquery.travelko.date-range-picker/images/icon.png) 95% 4px no-repeat;
text-align:left;
font-size:13px;
vertical-align:middle;
}

.form-search .form-search-date .form-search-date-btn{
width:180px;
}

.form-search .form-search-date-btn.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);
}

/* .form-search-item-route
----------------------------------------------- */
.form-search .form-search-item-route > .form-search-item-route-cell{
float:left;
box-sizing:border-box;
}

.form-search .form-search-item-route > .form-search-item-route-cell:first-child{
width:305px;
}

/* .form-search-item-route-list
----------------------------------------------- */
.form-search .form-search-item-route-list > li{
padding-right:50px;
float:left;
position:relative;
}

.form-search .form-search-item-route-list > li::before{
content:'';
display:block;
width:18px;
height:2px;
overflow:hidden;
position:absolute;
top:50%;
right:18px;
}

.form-search .form-search-item-route-list > li::before{
margin-top:-1px;
background-color:#b5b5b5;
}

.form-search .form-search-item-route-list > li::after{
content:'';
display:inline-block;
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:4px 0 4px 4px;
border-color:transparent transparent transparent #bbb;
border-style:solid;
}

.form-search .form-search-item-route-list > li::after{
margin-top:-4px;
top:50%;
right:16px;
}

.form-search .form-search-item-route-list > li:last-child{
padding-right:0;
}

.form-search .form-search-item-route-list > li:last-child::before,
.form-search .form-search-item-route-list > li:last-child::after{
display:none;
}

.form-search .form-search-item-route-list > li.set{
padding:6px;
}

/* .form-search-stay-area
----------------------------------------------- */
.form-search .form-search-stay-area > li{
padding-left:21px;
display:inline-block;
position:relative;
}

.form-search .form-search-stay-area > li::before{
content:'\ff1e';
display:block;
position:absolute;
top:8px;
left:4px;
width:13px;
}

.form-search .form-search-stay-area > li:first-child{
padding-left:0;
}

.form-search .form-search-stay-area > li:first-child::before{
display:none;
}


/* .form-search-date
----------------------------------------------- */
.form-search .form-search-date{
float:left;
}

.form-search .form-search-date > li{
display:inline-block;
vertical-align:top;
}

.form-search .form-search-date > li:last-child{
padding-left:21px;
position:relative;
}

.form-search .form-search-date > li:last-child::before{
content:'\ff5e';
display:block;
position:absolute;
top:7px;
left:3px;
width:13px;
}

.form-search .form-search-date > li > span:last-child{
margin:8px 0 0 3px;
display:inline-block;
vertical-align:top;
}

/* .form-search-num
----------------------------------------------- */
.form-search .form-search-num > li{
margin-left:1px;
display:inline-block;
vertical-align:top;
}

.form-search .form-search-num > li:first-child{
margin-left:0;
}

.form-search .form-search-num > li.adult > label{
display:block;
float:left;
}

.form-search .form-search-num > li.adult > label > span:first-child{
padding:7px 0 4px 10px;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
color:var(--cmn-font-color-base);
display:block;
float:left;
width:45px;
height:34px;
box-sizing:border-box;
background-color:#fff;
font-size:13px;
}

.form-search .form-search-num > li.room-num{
margin-left:4px;
padding-left:19px;
background:url(/element/shared/images/icon/icon-reset-line.svg) 2px 50% no-repeat;
background-size:7px 7px;
}

.form-search .form-search-num > li.room-num > label > span:first-child{
margin:9px 4px 0 0;
display:inline-block;
font-size:11px;
font-weight:bold;
}

.form-search .form-search-num > li.adult > label.is-error > span{
border-color:rgba(var(--cmn-font-color-red-rgb), .35);
}

.form-search .form-search-num > li.adult > label.is-error > span:first-child{
box-shadow:1px -1px 0 rgba(var(--cmn-font-color-red-rgb), .35) inset,0 1px 0 rgba(var(--cmn-font-color-red-rgb), .35) inset;
background-color:rgba(var(--cmn-font-color-red-rgb), .1);
}

.form-search .form-search-num > li.adult > label.is-error > span:last-child{
border-left-color:#bebebe;
box-shadow:-1px -1px 0 rgba(var(--cmn-font-color-red-rgb), .35) inset,0 1px 0 rgba(var(--cmn-font-color-red-rgb), .35) inset;
background-color:rgba(var(--cmn-font-color-red-rgb), .1);
}


/* .form-search-price
----------------------------------------------- */
.form-search .form-search-price > li{
padding-right:25px;
float:left;
position:relative;
}

.form-search .form-search-price > li::after{
display:block;
content:'\ff5e';
position:absolute;
top:7px;
right:6px;
}

.form-search .form-search-price > li:last-child{
padding-right:0;
}

.form-search .form-search-price > li:last-child::after{
display:none;
}

/* .form-search-del-list
----------------------------------------------- */
.form-search .form-search-del-list{
margin-bottom:-3px;
}

.form-search .form-search-del-list > li{
margin:0 10px 3px 0;
display:inline-block;
}

.form-search .form-search-del-list button{
padding:0 16px 0 0;
border:none;
color:#666;
position:relative;
background:none;
font-size:12px;
text-align:left;
}

.form-search .form-search-del-list button .logo{
border:1px solid #dae1e5;
display:block;
position:relative;
width:50px;
height:24px;
box-sizing:border-box;
background-color:#fff;
}

.form-search .form-search-del-list button .logo img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
-ms-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:80%;
max-height:80%;
vertical-align:bottom;
}

.form-search .form-search-del-list button .del{
margin-top:-6px;
color:rgba(var(--cmn-font-color-base-rgb), 0);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
display:block;
position:absolute;
top:50%;
right:0;
width:12px;
height:12px;
overflow:hidden;
background-color:#999;
}

.form-search .form-search-del-list button .del::before,
.form-search .form-search-del-list button .del::after{
margin:-1px 0 0 -4px;
position:absolute;
top:50%;
left:50%;
content:'';
display:block;
width:8px;
height:2px;
background-color:#fff;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}

.form-search .form-search-del-list button .del::after{
margin:-4px 0 0 -1px;
width:2px;
height:8px;
}

/* .form-search-btn-del
----------------------------------------------- */
.form-search .form-search-btn-del{
padding:0 16px 0 0;
color:#555;
border:none;
position:relative;
background:none;
text-align:left;
font-weight:bold;
font-size:11px;
}

.form-search .form-search-btn-del::before{
content:'';
display:block;
width:12px;
height:12px;
overflow:hidden;
position:absolute;
top:0;
right:0;
}

.form-search .form-search-btn-del::before{
margin:auto 0;
bottom:0;
background-color:#999;
}

.form-search .form-search-btn-del > span{
display:block;
}

.form-search .form-search-btn-del > span::before,
.form-search .form-search-btn-del > span::after{
content:'';
position:absolute;
display:block;
width:8px;
height:2px;
overflow:hidden;
bottom:50%;
right:2px;
background-color:#fff;
-webkit-transform:translateY(50%) rotate(45deg);
-ms-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}

.form-search .form-search-btn-del > span::after{
width:2px;
height:8px;
right:5px;
}

.form-search .form-search-btn-del:disabled{
opacity:.5;
}

/* .form-search-exec
----------------------------------------------- */
.form-search .form-search-exec{
position:absolute;
right:20px;
bottom:10px;
width:128px;
z-index:1;
}

/* .form-search-exec-btn
----------------------------------------------- */
.form-search .form-search-exec-btn{
padding:5px;
border:none;
border-radius:4px;
color:#fff;
width:100%;
-webkit-box-shadow:inset 0 -3px 0 #5b9500;
box-shadow:inset 0 -3px 0 #5b9500;
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-exec-btn:active,
.form-search .form-search-exec-btn:hover,
.form-search .form-search-exec-btn:focus{
background-color:var(--cmn-btn-color-hover);
}

.form-search .form-search-exec-btn:disabled{
opacity:.33;
background-color:var(--cmn-btn-color);
}

/* .form-search-exec-btn-ballon
----------------------------------------------- */
.form-search .form-search-exec-btn-ballon{
margin-top:10px;
padding:6px 10px;
border-radius:4px;
color:#fff;
box-sizing:border-box;
position:absolute;
top:100%;
right:-15px;
display:none;
width:128%;
background-color:#555;
line-height:1.4;
font-size:12px;
text-align:center;
}

.form-search .form-search-exec-btn-ballon::before{
border-width:0 8px 8px 8px;
border-color:transparent transparent #555 transparent;
border-style:solid;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:-7px;
right:70px;
}

.is-re-search .form-search-exec-btn-ballon{
display:block;
}

/* .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:url(/element/j_dp/shared/images/icon-close.svg) 10px 50% no-repeat;
background-size:8px 8px;
font-size:11px;
}


/* ----------------------------------------------------------------
  .form-search-index
----------------------------------------------------------------- */
/* .form-search-index & .form-search-index-inner
----------------------------------------------- */
.form-search-index{
padding:0 20px 25px;
box-sizing:border-box;
max-width:960px;
background-color:rgba(16,92,169,.6);
}

.form-search-index input[type='text']{
padding:5px;
border:1px solid #bebebe;
box-sizing:border-box;
width:100%;
height:34px;
}

.form-search-index .ui-datepicker-btn{
margin-top:4px;
}

.form-search-index-inner{
padding:15px;
position:relative;
background-color:#f6f6f6;
}

/* .form-search-index-input
----------------------------------------------- */
.form-search-index .form-search-index-input{
border:1px solid #bebebe;
background-color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.form-search-index .form-search-index-input > input{
padding-right:0;
border:none;
-webkit-box-flex:1;
flex:1;
letter-spacing:-.035rem;
}

.form-search-index .form-search-index-input > button{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:20px;
height:34px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-reset-line.svg) 50% 50% no-repeat;
background-size:7px;
}

/* .form-search-index-select
----------------------------------------------- */
.form-search-index .form-search-index-select{
vertical-align:top;
width:100%;
height:34px;
box-sizing:border-box;
}

.form-search-index .form-search-index-lyt .form-search-index-select{
width:175px;
}

.form-search-index .form-search-index-item.air .form-search-index-select{
float:left;
width:302px;
}

.form-search-index .form-search-index-stay-area > li:first-child .form-search-index-select{
width:120px;
}

.form-search-index .form-search-index-stay-area > li .form-search-index-select{
width:262px;
}

.form-search-index .form-search-index-date > li:last-child .form-search-index-select{
min-width:0;
width:50px;
}

.form-search-index .form-search-index-num > li.adult > label .form-search-index-select{
float:left;
min-width:0;
width:55px;
}

.form-search-index .form-search-index-num > li.room-num .form-search-index-select{
width:70px;
}

/* .form-search-index-lyt
----------------------------------------------- */
.form-search-index .form-search-index-lyt{
margin:10px -15px 10px;
padding:0 15px;
}

.form-search-index .form-search-index-lyt > .form-search-index-lyt-cell{
padding-left:30px;
float:left;
width:52%;
box-sizing:border-box;
}

.form-search-index .form-search-index-lyt > .form-search-index-lyt-cell:first-child{
padding-left:0;
width:48%;
}

/* .form-search-index-lyt-01
----------------------------------------------- */
.form-search-index .form-search-index-lyt-01{
display:-webkit-box;
display:flex;
}

.form-search-index .form-search-index-lyt-01 > .form-search-index-lyt-01-cell:first-child{
margin-right:30px;
-webkit-box-flex:1;
flex:1;
}

.form-search-index .form-search-index-lyt-01 > .form-search-index-lyt-01-cell:last-child{
width:230px;
}

.form-search-index .form-search-index-item .form-search-index-item-cell > .form-search-index-lyt-01:first-child{
margin-top:-10px;
}

/* .form-search-index-lyt-02
----------------------------------------------- */
.form-search-index .form-search-index-lyt-02{
display:-webkit-box;
display:flex;
}

.form-search-index .form-search-index-lyt-02 > .form-search-index-lyt-02-cel:first-child{
margin-right:20px;
-webkit-box-flex:1;
flex:1;
}

.form-search-index .form-search-index-lyt-02 > .form-search-index-lyt-02-cel:last-child{
width:295px;
}

/* .form-search-index-item
----------------------------------------------- */
.form-search-index .form-search-index-item{
margin-top:9px;
display:table;
width:100%;
}

.form-search-index .form-search-index-item > .form-search-index-item-cell{
display:table-cell;
vertical-align:top;
}

.form-search-index .form-search-index-item > .form-search-index-item-cell > :first-child{
margin-top:0;
}

.form-search-index .form-search-index-item > .form-search-index-item-cell:first-child{
padding-right:5px;
width:100px;
}

.form-search-index .form-search-index-item.air{
margin:0 -15px;
padding:0 15px 10px;
border-bottom:1px solid #ccc;
}

.form-search-index .form-search-index-item.air > .form-search-index-item-cell{
position:relative;
}

.form-search-index .form-search-index-item.air > .form-search-index-item-cell:first-child{
padding-right:0;
}

.form-search-index .form-search-index-item.air > .form-search-index-item-cell:first-child::before{
content:'';
display:block;
width:1px;
height:34px;
overflow:hidden;
position:absolute;
top:0;
right:-1px;
}

.form-search-index .form-search-index-item.air > .form-search-index-item-cell:first-child::before{
z-index:1;
background-color:#015eaa;
}


/* .form-search-index-item-01
----------------------------------------------- */
.form-search-index .form-search-index-item-01{
margin-top:10px;
display:table;
width:100%;
}

.form-search-index .form-search-index-item-01 > .form-search-index-item-01-cell{
display:table-cell;
vertical-align:middle;
height:34px;
box-sizing:border-box;
}

.form-search-index .form-search-index-item-01 > .form-search-index-item-01-cell:first-child{
padding:1px 15px 0 5px;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
width:122px;
background-color:#f6f6f6;
font-size:11px;
line-height:1.25;
position:relative;
}

.form-search-index .form-search-index-item-01 > .form-search-index-item-01-cell:first-child .sup{
display:block;
font-size:11px;
}

.form-search-index .form-search-index-item-01 > .form-search-index-item-01-cell:first-child .cmn-tip-btn{
position: absolute;
top:11px;
right:5px;
}

.form-search-index .form-search-index-item-01 > .form-search-index-item-01-cell.required{
padding-right:51px;
height:34px;
}

.form-search-index .form-search-index-item-01 > .form-search-index-item-01-cell.required .cmn-tip-btn{
right:40px;
}

.form-search-index .form-search-index-item-01.set > .form-search-index-item-01-cell{
padding-left:10px;
}

.form-search-index .form-search-index-item-01.set > .form-search-index-item-01-cell:first-child{
padding-left:5px;
border:none;
}

.form-search-index .form-search-index-item-01.room-type > .form-search-index-item-01-cell:first-child,
.form-search-index .form-search-index-item-01.meal > .form-search-index-item-01-cell:first-child{
width:82px;
}

.form-search-index .form-search-index-item-01.hotel > .form-search-index-item-01-cell:first-child{
width:65px;
}

/* .form-search-index-hdg
----------------------------------------------- */
.form-search-index .form-search-index-hdg{
padding:2px 10px 1px;
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-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;
line-height:1;
box-sizing:border-box;
vertical-align:middle;
position:absolute;
top:9px;
right:5px;
font-size:11px;
background-color:#fff;
white-space:nowrap;
}

/* .form-search-index-note
----------------------------------------------- */
.form-search-index .form-search-index-note{
margin:3px 0 0 10px;
padding-left:1em;
color:var(--cmn-font-color-gray);
position:relative;
font-size:11px;
float:left;
line-height:1.35;
}

.form-search-index .form-search-index-note li{
padding-left:1em;
position:relative;
}

.form-search-index .form-search-index-note li::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

/* .form-search-index-btn
----------------------------------------------- */
.form-search-index .form-search-index-btn{
padding:6px 0;
border:1px solid #bebebe;
border-radius:1px;
color:#666;
display:inline-block;
min-width:6em;
height:34px;
box-sizing:border-box;
position:relative;
background-color:#fff;
box-shadow:0 -1px 0 #bebebe inset;
cursor:pointer;
font-size:13px;
}

.form-search-index .form-search-index-btn.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);
}

/* .form-search-index-link
----------------------------------------------- */
.form-search-index .form-search-index-link{
margin-top:5px;
padding-left:10px;
display:inline-block;
position:relative;
color:#666;
font-size:11px;
}

.form-search-index .form-search-index-link::before{
content:'';
display:block;
position:absolute;
top:5px;
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);
}

/* .form-search-index-list-line
----------------------------------------------- */
.form-search-index .form-search-index-list-line{
color:var(--cmn-font-color-base);
font-size:12px;
}

.form-search-index .form-search-index-list-line > li{
margin:5px 10px 0 0;
display:inline-block;
}

.form-search-index .form-search-index-list-line > li:last-child{
margin-right:0;
}

.form-search-index .form-search-index-list-line > li label{
padding-left:17px;
cursor:pointer;
display:block;
position:relative;
}

.form-search-index .form-search-index-list-line > li label input[type='radio'],
.form-search-index .form-search-index-list-line > li label input[type='checkbox']{
margin:-7px 0 0;
position:absolute;
top:50%;
left:0;
}

/* .form-search-index-date-btn
----------------------------------------------- */
.form-search-index .form-search-index-date-btn{
padding:0 30px 0 10px;
border:1px solid #bebebe;
width:175px;
height:34px;
box-sizing:border-box;
vertical-align:top;
background:#fff url(/element/shared/lib/jquery/jquery.travelko.date-range-picker/images/icon.png) 95% 4px no-repeat;
text-align:left;
font-size:13px;
}

.form-search-index-date-btn.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);
}

/* .form-search-index-stay-area
----------------------------------------------- */
.form-search-index .form-search-index-stay-area > li{
padding-left:16px;
display:inline-block;
position:relative;
}

.form-search-index .form-search-index-stay-area > li::before{
content:'\ff1e';
display:block;
position:absolute;
top:8px;
left:0;
width:13px;
}

.form-search-index .form-search-index-stay-area > li:first-child{
padding-left:0;
}

.form-search-index .form-search-index-stay-area > li:first-child::before{
display:none;
}

/* .form-search-index-date
----------------------------------------------- */
.form-search-index .form-search-index-date{
float:left;
}

.form-search-index .form-search-index-date > li{
display:inline-block;
vertical-align:top;
}

.form-search-index .form-search-index-date > li:last-child{
padding-left:26px;
position:relative;
}

.form-search-index .form-search-index-date > li:last-child::before{
content:'\ff5e';
display:block;
position:absolute;
top:5px;
left:5px;
width:13px;
}


.form-search-index .form-search-index-date > li > span:last-child{
margin:8px 0 0 3px;
display:inline-block;
vertical-align:top;
}

/* .form-search-index-num
----------------------------------------------- */
.form-search-index .form-search-index-num > li{
margin-left:13px;
display:inline-block;
vertical-align:top;
}

.form-search-index .form-search-index-num > li:first-child{
margin-left:0;
}

.form-search-index .form-search-index-num > li.adult > label{
display:block;
float:left;
}

.form-search-index .form-search-index-num > li.adult > label > span:first-child{
padding:8px 0 4px 10px;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
color:var(--cmn-font-color-base);
display:block;
float:left;
width:45px;
height:34px;
box-sizing:border-box;
background-color:#fff;
font-size:13px;
}


.form-search-index .form-search-index-num > li.adult > label.is-error > span{
border-color:rgba(var(--cmn-font-color-red-rgb), .35);
}

.form-search-index .form-search-index-num > li.adult > label.is-error > span:first-child{
box-shadow:1px -1px 0 rgba(var(--cmn-font-color-red-rgb), .35) inset,0 1px 0 rgba(var(--cmn-font-color-red-rgb), .35) inset;
background-color:rgba(var(--cmn-font-color-red-rgb), .1);
}

.form-search-index .form-search-index-num > li.adult > label.is-error > span:last-child{
border-left-color:#bebebe;
box-shadow:-1px -1px 0 rgba(var(--cmn-font-color-red-rgb), .35) inset,0 1px 0 rgba(var(--cmn-font-color-red-rgb), .35) inset;
background-color:rgba(var(--cmn-font-color-red-rgb), .1);
}

.form-search-index .form-search-index-num > li.child{
margin-left:1px;
}

.form-search-index .form-search-index-num > li.room-num{
margin-left:4px;
padding-left:19px;
background:url(/element/shared/images/icon/icon-reset-line.svg) 2px 50% no-repeat;
background-size:7px 7px;
}

.form-search-index .form-search-index-num > li.room-num > label{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.form-search-index .form-search-index-num > li.room-num > label > span:first-child{
padding:11px 5px 0 5px;
border-width:1px 0 1px 1px;
border-style:solid;
width:60px;
box-sizing:border-box;
border-color:#bebebe;
background-color:#f6f6f6;
font-size:11px;
line-height:1.25;
position:relative;
}

/* .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-item-cell > .form-search-index-error{
margin-left:123px;
}

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

/* .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:url(/element/j_dp/shared/images/icon-close.svg) 10px 50% no-repeat;
background-size:8px 8px;
font-size:11px;
}

/* .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 .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;
background-color:var(--cmn-btn-color);
}


/* ----------------------------------------------------------------
  .re-search-container
----------------------------------------------------------------- */
/* .re-search-container
----------------------------------------------- */
.re-search-container.is-re-search{
position:relative;
}

.re-search-container.is-re-search::after{
content:"";
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background-color:rgba(255,255,255,.8);
}

/* .re-search-alert
----------------------------------------------- */
.re-search-container .re-search-alert{
display:none;
}

.re-search-container.is-re-search .re-search-alert{
margin:0 auto;
padding:5px;
border:4px solid #ccc;
color:var(--cmn-font-color-base);
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
position:sticky;
top:80px;
right:0;
left:0;
width:625px;
height:110px;
z-index:2;
font-weight:bold;
font-size:18px;
text-align:center;
background-color:#fff;
}

.re-search-container .re-search-alert strong{
color:var(--cmn-font-color-base);
font-weight:bold;
}


/* ----------------------------------------------------------------
  Fomr Search Flight Setting
----------------------------------------------------------------- */
/* .fomr-search-flight-setting
----------------------------------------------- */
.fomr-search-flight-setting{
margin-bottom:20px;
}

/* .fomr-search-flight-setting-inner
----------------------------------------------- */
.fomr-search-flight-setting .fomr-search-flight-setting-inner{
margin-top:12px;
display:table;
width:100%;
box-sizing:border-box;
}

/* .fomr-search-flight-setting-cell
----------------------------------------------- */
.fomr-search-flight-setting .fomr-search-flight-setting-cell{
padding-left:8px;
display:table-cell;
width:50%;
box-sizing:border-box;
}

.fomr-search-flight-setting .fomr-search-flight-setting-cell:first-child{
padding:0 8px 0 0;
}

/* .fomr-search-flight-setting-hdg
----------------------------------------------- */
.fomr-search-flight-setting .fomr-search-flight-setting-hdg{
margin-bottom:7px;
color:#666;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:11px;
}

.fomr-search-flight-setting .fomr-search-flight-setting-hdg h2{
margin-right:12px;
color:var(--cmn-font-color-base);
font-size:18px;
}

/* .fomr-search-flight-setting-header
----------------------------------------------- */
.fomr-search-flight-setting .fomr-search-flight-setting-header{
margin-bottom:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
font-size:12px;
}

.fomr-search-flight-setting .fomr-search-flight-setting-header-hdg{
margin-right:8px;
font-size:16px;
}

.fomr-search-flight-setting-header-date > span{
display:inline-block;
font-size:13px;
font-family:Arial;
}

.fomr-search-flight-setting .fomr-search-flight-setting-header-airport{
margin-left:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.fomr-search-flight-setting .fomr-search-flight-setting-header-airport > li{
display:inline-block;
}

.fomr-search-flight-setting .fomr-search-flight-setting-header-airport > li:not(:last-child){
padding-right:25px;
background:url(/element/j_dp/shared/images/icon-arrow.svg) 98% 45% no-repeat;
background-size:12px 5px;
}

/* .fomr-search-flight-setting-footer
----------------------------------------------- */
.fomr-search-flight-setting .fomr-search-flight-setting-footer{
margin-top:15px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.fomr-search-flight-setting .fomr-search-flight-setting-footer > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.fomr-search-flight-setting .fomr-search-flight-setting-footer > div:last-child{
margin-left:125px;
}

/* .fomr-search-flight-setting-footer-note
----------------------------------------------- */
.fomr-search-flight-setting .fomr-search-flight-setting-footer-note{
font-size:11px;
}

.fomr-search-flight-setting .fomr-search-flight-setting-footer-note > li{
margin-top:5px;
display:inline-block;
}

.fomr-search-flight-setting .fomr-search-flight-setting-footer-note > li:first-child{
margin-top:0;
}

.fomr-search-flight-setting .fomr-search-flight-setting-footer-note > li:not(:last-child){
margin-right:10px;
}

.fomr-search-flight-setting .fomr-search-flight-setting-footer-note img{
vertical-align:middle;
}

/* .fomr-search-flight-setting-footer-btn
----------------------------------------------- */
.fomr-search-flight-setting .fomr-search-flight-setting-footer-btn{
padding:3px 5px 2px 27px;
border:1px solid #aeaeae;
border-radius:3px;
min-width:135px;
color:#666;
position:relative;
background-color:#fff;
font-size:11px;
text-align:left;
}

.fomr-search-flight-setting .fomr-search-flight-setting-footer-btn::before{
content:'';
display:block;
width:12px;
height:7px;
overflow:hidden;
position:absolute;
top:7px;
left:10px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 0;
}

.fomr-search-flight-setting.is-expand .fomr-search-flight-setting-footer-btn::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .fomr-search-flight-setting-btn
----------------------------------------------- */
.fomr-search-flight-setting .fomr-search-flight-setting-btn{
margin:12px auto 0;
display:table;
position:relative;
}

.fomr-search-flight-setting .fomr-search-flight-setting-btn button{
padding:8px 5px;
border-radius:4px;
border:none;
color:#fff;
width:110px;
background-color:var(--cmn-btn-color);
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
font-size:20px;
font-weight:bold;
text-shadow:0 1px 0 rgba(0,0,0,.3);
line-height:1.25;
}

.fomr-search-flight-setting .fomr-search-flight-setting-btn button:not(:disabled):active,
.fomr-search-flight-setting .fomr-search-flight-setting-btn button:not(:disabled):hover,
.fomr-search-flight-setting .fomr-search-flight-setting-btn button:not(:disabled):focus{
background-color:var(--cmn-btn-color-hover);
text-decoration:none;
}

.fomr-search-flight-setting .fomr-search-flight-setting-btn button:disabled{
opacity:.45;
}

.fomr-search-flight-setting .fomr-search-flight-setting-btn-ballon{
display:none;
}

.fomr-search-flight-setting .fomr-search-flight-setting-btn.is-re-search .fomr-search-flight-setting-btn-ballon{
margin-left:10px;
padding:5px 5px 0 10px;
border-radius:4px;
color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:0;
left:100%;
display:block;
width:155px;
height:100%;
background-color:#555;
line-height:1.4;
font-size:12px;
}

.fomr-search-flight-setting .fomr-search-flight-setting-btn.is-re-search .fomr-search-flight-setting-btn-ballon::after{
margin-top:-8px;
border-width:8px 8px 8px 0;
border-color:transparent #555 transparent transparent;
border-style:solid;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
left:-8px;
}

/* .fomr-search-flight-setting-list-header
----------------------------------------------- */
.fomr-search-flight-setting .fomr-search-flight-setting-list-header{
padding:3px 15px 3px 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#eee;
font-size:11px;
text-align:center;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-header .air{
width:35%;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-header .departure-time,
.fomr-search-flight-setting .fomr-search-flight-setting-list-header .arrival-time{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-header .price{
width:32%;
}

/* .fomr-search-flight-setting-list-item
----------------------------------------------- */
.fomr-search-flight-setting .fomr-search-flight-setting-list-item{
border-width:1px 0;
border-style:solid;
border-color:#e5e5e5;
overflow-y:scroll;
height:130px;
background-color:#fff;
}

.fomr-search-flight-setting.is-expand .fomr-search-flight-setting-list-item{
height:auto;
}

/* .fomr-search-flight-setting-list-item-unselected
----------------------------------------------- */
.fomr-search-flight-setting .fomr-search-flight-setting-list-item-unselected label{
padding:4px 40px;
display:block;
position:relative;
font-size:11px;
text-align:center;
cursor:pointer;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-unselected input{
margin:auto 0;
position: absolute;
top:0;
bottom:0;
left:16px;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-unselected label.is-active{
background-color:#f1efdc;
}

/* .fomr-search-flight-setting-list-item-header
----------------------------------------------- */
.fomr-search-flight-setting .fomr-search-flight-setting-list-item-header{
padding:4px 5px;
border-top:1px solid #e5e5e5;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
}

/* .fomr-search-flight-setting-list-item-header-hdg
----------------------------------------------- */
.fomr-search-flight-setting .fomr-search-flight-setting-list-item-header-hdg{
font-weight:normal;
}

/* .fomr-search-flight-setting-list-item-header-link
----------------------------------------------- */
.fomr-search-flight-setting .fomr-search-flight-setting-list-item-header-link{
margin-left:15px;
display:inline-block;
color:#666;
text-decoration:underline;
}

/* .fomr-search-flight-setting-list-item-content
----------------------------------------------- */
.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content{
margin-left:6px;
font-family:Arial;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content > li:not(:first-child){
border-top:1px dotted #ccc;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content label{
padding:4px 0 4px 30px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
cursor:pointer;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content label:active,
.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content label:hover,
.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content label:focus,
.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content label.is-active{
background-color:#f1efdc;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content label.is-disabled
.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content label.is-disabled:active,
.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content label.is-disabled:hover,
.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content label.is-disabled:focus{
cursor:default;
background-color:#fff;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content input{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
left:10px;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content .air{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content .logo{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content .logo + .logo{
margin-top:2px;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content .logo img{
display:block;
max-width:35px;
max-height:20px;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content .flight-num{
margin-left:5px;
white-space:nowrap;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content .flight-num > span{
display:inline-block;
}


.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content .departure-time,
.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content .arrival-time{
width:50px;
text-align:center;
font-size:15px;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content .via{
color:#999;
width:30px;
line-height:1;
font-size:11px;
text-align:center;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content .via-icon{
margin:0 auto;
color:rgba(0,0,0,0);
display:block;
width:22px;
height:8px;
background:url(/element/j_dp/shared/images/icon-arrow.svg) 50% 50% no-repeat;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content .via-sup{
margin-top:3px;
display:block;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content .price{
padding-right:10px;
width:145px;
text-align:right;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content .sup{
margin-top:2px;
color:#af700a;
display:block;
font-size:11px;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content .icon-classj{
display:inline-block;
width:12px;
height:12px;
vertical-align:middle;
}

.fomr-search-flight-setting .fomr-search-flight-setting-list-item-content .icon-disabled{
margin:auto 0;
color:#999;
display:block;
height:1.35em;
position:absolute;
top:0;
bottom:0;
left:3px;
font-size:11px;
}


/* ----------------------------------------------------------------
  Search Result
----------------------------------------------------------------- */
/* .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{
content:'';
display:block;
width:1px;
height:12px;
overflow:hidden;
position:absolute;
top:50%;
right:0;
}

.search-result .search-result-sort > li::before{
margin-top:-6px;
background-color:#d0d0d0;
}

.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 .search-result-sort > li:last-child::before{
margin-right:0;
padding-right:0;
display:none;
}

/* .search-result-sort
----------------------------------------------- */
.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;
}

.search-result .search-result-sort .search-result-sort-btn > li.is-active a::after{
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;
font-family:Arial;
}

.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-item
----------------------------------------------- */
.search-result .search-result-item{
margin:15px -8px 0;
padding:18px 13px 0;
border-radius:6px;
position:relative;
background-color:#fff;
font-size:12px;
}

.search-result .search-result-num-container + .search-result-item{
margin-top:10px;
}

/* .search-result-item-header
----------------------------------------------- */
.search-result .search-result-item-header{
margin-bottom:20px;
display:table;
width:100%;
}

.search-result .search-result-item-header > .search-result-item-header-image{
padding-right:20px;
width:220px;
box-sizing:border-box;
vertical-align:top;
display:table-cell;
}

.search-result .search-result-item-header > .search-result-item-header-image .search-result-item-image{
display:block;
border:1px solid #dae1e5;
height:150px;
box-sizing:border-box;
overflow:hidden;
position:relative;
}

.search-result .search-result-item-header > .search-result-item-header-image .search-result-item-image img{
max-width:100%;
max-height:100%;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
-ms-transform:translate(50%, 50%);
transform:translate(50%, 50%);
}

.search-result .search-result-item-header > .search-result-item-header-image .search-result-item-image-caption{
margin-top:3px;
display:block;
color:#666;
font-size:11px;
}

.search-result .search-result-item-header > .search-result-item-header-image .search-result-item-image-caption a{
color:#666;
}

.search-result .search-result-item-header > .search-result-item-header-col{
display:table-cell;
vertical-align:top;
}

/* .search-result-item-hdg
----------------------------------------------- */
.search-result .search-result-item-hdg{
margin-bottom:5px;
padding-right:100px;
min-height:35px;
font-size:20px;
line-height:1.35;
}

.search-result .search-result-item-hdg .icon{
padding:2px 5px;
color:#fff;
display:block;
position:absolute;
top:2px;
left:0;
background-color:#555;
font-size:12px;
font-weight:normal;
}

.search-result .search-result-item-hdg.minpaku > a{
padding-left:40px;
display:inline-block;
position:relative;
}

/* .search-result-item-info
----------------------------------------------- */
.search-result .search-result-item-info > li{
width:50%;
margin-top:3px;
overflow:hidden;
}

.search-result .search-result-item-info > li:first-child{
margin-top:0;
}

.search-result .search-result-item-info > li a{
color:#666;
}

.search-result .search-result-item-info > li > .cell{
overflow:hidden;
}

.search-result .search-result-item-info > li > .cell:first-child{
padding-right:10px;
float:left;
box-sizing:border-box;
width:5.5em;
position:relative;
overflow:visible;
clear:both;
}

.search-result .search-result-item-info > li > .cell:first-child::after{
content:'\ff1a';
display:block;
position:absolute;
top:0;
right:2px;
}

.search-result .search-result-item-info > li .info-map{
padding-left:13px;
display:inline-block;
background:url(/element/j_dp/shared/images/icon-pin.png) 0 48% no-repeat;
}

.search-result .search-result-item-info > li .info-hp{
padding-left:15px;
display:inline-block;
}

.search-result p + .search-result-item-info{
margin-top:15px;
}

/* .search-result-item-review
----------------------------------------------- */
.search-result .search-result-item-review{
margin-top:10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.search-result .search-result-item-review > li{
margin-right:15px;
}

.search-result .search-result-item-review a,
.search-result .search-result-item-review a > span{
color:var(--cmn-font-color-base);
text-decoration:none;
}

.search-result .search-result-item-review a > span:first-child{
margin-bottom:2px;
padding-right:15px;
display:inline-block;
background:url(/element/shared/images/icon/icon-tip-info.svg) no-repeat 100% 50%;
background-size:12px 12px;
}

.search-result .search-result-item-review a:active > span:first-child,
.search-result .search-result-item-review a:hover > span:first-child,
.search-result .search-result-item-review a:focus > span:first-child{
background-image:url(/element/shared/images/icon/icon-tip-info-disabled.svg);
}

.search-result .search-result-item-review .is-hidden{
visibility:hidden;
}

.search-result .search-result-item-review .is-hidden a::after{
content:'';
display:inline-block;
width:69px;
height:13px;
}

/* .search-result-item-covid19
----------------------------------------------- */
.search-result .search-result-item-info-container {
position:relative;
margin-top:15px;
}

.search-result .search-result-item-covid19{
position:absolute;
top:0;
left:358px;
}

.search-result .search-result-item-covid19 > b{
margin-right:5px;
display:inline-block;
}

.search-result .search-result-item-covid19 > a{
color:#666;
display:inline-block;
position:relative;
text-decoration:underline;
}

.search-result .search-result-item-covid19 > a .tip{
padding:5px 10px;
border:1px solid #aaa;
border-radius:4px;
color:var(--cmn-font-color-base);
position:absolute;
top:100%;
left:-60px;
white-space:nowrap;
background-color:#fff;
box-shadow:2px 2px 3px rgba(0,0,0,.2);
display:none;
}

.search-result .search-result-item-covid19 > a:active .tip,
.search-result .search-result-item-covid19 > a:hover .tip,
.search-result .search-result-item-covid19 > a:focus .tip{
display:block;
}

/* .search-result-item-favorite
----------------------------------------------- */
.search-result .search-result-item-favorite{
padding:2px 3px 3px 22px;
border:1px solid #ddd;
border-radius:1px;
color:#666;
position:absolute;
top:15px;
right:13px;
width:82px;
box-sizing:border-box;
box-shadow:0 -1px 0 rgba(0,0,0,.1) inset;
background-color:#fff;
font-size:11px;
text-align:left;
line-height:1.35;
}

.search-result .search-result-item-favorite::before{
content:'';
display:block;
width:16px;
height:13px;
overflow:hidden;
position:absolute;
top:50%;
left:3px;
}

.search-result .search-result-item-favorite::before{
margin-top:-6px;
opacity:.6;
background:url(/element/shared/images/sprite/sprite-icon-symbol.png) -269px -46px no-repeat;
}

.search-result .search-result-item-favorite.is-active::before{
opacity:1;
background-position:-269px -10px;
}

.search-result .search-result-item-favorite:disabled{
opacity:.35;
}


/* ----------------------------------------------------------------
  Result Table
----------------------------------------------------------------- */
/* .result-tbl
----------------------------------------------- */
.result-tbl{
margin:0 -13px;
border-top:1px solid #ccc;
position:relative;
}

.result-tbl a{
color:#666;
}

/* .result-tbl > table
----------------------------------------------- */
.result-tbl table{
border-collapse:collapse;
width:100%;
box-sizing:border-box;
font-size:11px;
}

.result-tbl table thead{
font-size:12px;
}

.result-tbl table thead th{
padding:3px 5px;
border-bottom:1px solid #ccc;
background-color:#f1f1f1;
font-weight:normal;
}

.result-tbl table thead th.cheapest{
padding-left:10px;
width:280px;
text-align:left;
}

.result-tbl table thead th.air-outward,
.result-tbl table thead th.air-return{
width:180px;
}

.result-tbl table thead th.hotel-plan{
width:236px;
}

.result-tbl table thead th .sup{
margin-left:5px;
display:inline-block;
font-weight:normal;
font-size:11px;
}

.result-tbl table tbody th,
.result-tbl table tbody td{
padding:10px;
border-top:1px solid #bbb;
text-align:left;
vertical-align:top;
position:relative;
}

.result-tbl table tbody td::before{
content:'';
display:block;
width:1px;
height:calc(100% - 20px);
overflow:hidden;
position:absolute;
top:10px;
left:-1px;
background-color:#eee;
}

.result-tbl table tbody th{
width:130px;
}

.result-tbl table tbody > tr td:last-child{
max-width:0;
}

.result-tbl table tbody > tr:first-of-type th,
.result-tbl table tbody > tr:first-of-type td{
border-top:none;
}

.result-tbl table tbody > tr td:first-child::before{
display:none;
}

.result-tbl table img{
max-width:100%;
vertical-align:middle;
}

.result-tbl table .center{
text-align:center;
}

.result-tbl table .br{
display:block;
}

.result-tbl table .no-item{
color:#ccc;
text-align:center;
vertical-align:middle;
font-size:12px;
}

/* .result-tbl-catch
----------------------------------------------- */
.result-tbl .result-tbl-catch{
display:block;
font-size:13px;
line-height:1.45;
}

/* .result-tbl-sup
----------------------------------------------- */
.result-tbl .result-tbl-sup{
margin-top:5px;
display:block;
color:#af700a;
font-size:11px;
}

/* .result-tbl-sup-link
----------------------------------------------- */
.result-tbl .result-tbl-sup-link{
margin-top:5px;
display:inline-block;
color:#666;
font-size:11px;
text-decoration:underline;
}

/* .result-tbl-agt
----------------------------------------------- */
.result-tbl .result-tbl-agt{
margin-top:4px;
text-align:right;
font-size:11px;
}

.result-tbl .result-tbl-agt a{
margin:0 0 4px auto;
display:block;
white-space:nowrap;
overflow:hidden;
width:fit-content;
text-overflow:ellipsis;
max-width:120px;
line-height:1.25;
}

.result-tbl .result-tbl-agt span{
margin-top:4px;
display:block;
}

/* .result-tbl-payment
----------------------------------------------- */
.result-tbl .result-tbl-payment{
line-height:1.25;
font-size:11px;
text-align:center;
}

.result-tbl .result-tbl-payment > li{
margin-top:4px;
padding:2px 3px;
border:1px solid #aaa;
}

/* .result-tbl-price-air
----------------------------------------------- */
.result-tbl .result-tbl-price-air{
margin-bottom:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1.35;
}

.result-tbl .result-tbl-price-air .logo{
margin-right:5px;
}

.result-tbl .result-tbl-price-air .logo img{
max-width:35px;
max-height:25px;
}

.result-tbl .result-tbl-price-air .sup{
margin-right:0;
color:#666;
display:inline-block;
letter-spacing:-.025em;
}

.result-tbl .result-tbl-price-air .multiple{
padding-left:18px;
display:block;
position:relative;
}

.result-tbl .result-tbl-price-air .multiple::before{
content:"";
display:block;
width:16px;
height:14px;
position:absolute;
left:0;
bottom:50%;
transform:translateY(50%);
background:url(/element/j_dp/shared/images/icon-airline.svg) no-repeat 50% 50%;
}

/* .result-tbl-price-cheapest-list
----------------------------------------------- */
.result-tbl .result-tbl-price-cheapest-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.result-tbl .result-tbl-price-cheapest-list > li > span:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.result-tbl .result-tbl-price-cheapest-list > li > span:last-child{
text-align:right;
}

.result-tbl .result-tbl-price-cheapest-list b{
display:inline-block;
min-width:60px;
font-size:14px;
font-family:Arial;
font-weight:normal;
}

.result-tbl .result-tbl-price-cheapest-list .sum b{
font-size:20px;
}

/* .result-tbl-price-sup
----------------------------------------------- */
.result-tbl .result-tbl-price-sup{
margin-top:5px;
display:block;
text-align:right;
font-size:11px;
}

/* .result-tbl-price-sum
----------------------------------------------- */
.result-tbl .result-tbl-price-sum > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.result-tbl .result-tbl-price-sum > li > span:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.result-tbl .result-tbl-price-sum > li > span:last-child{
text-align:right;
}

.result-tbl .result-tbl-price-sum b{
display:inline-block;
min-width:50px;
font-size:14px;
font-family:Arial;
font-weight:normal;
}

.result-tbl .result-tbl-price-sum .air{
margin-top:5px;
}

.result-tbl .result-tbl-price-sum .air b,
.result-tbl .result-tbl-price-sum .hotel b{
font-size:11px;
}

/* .result-tbl-air-list
----------------------------------------------- */
.result-tbl .result-tbl-air-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
background:url(/element/j_dp/shared/images/icon-arrow.svg) no-repeat 50% calc(100% - 5px);
background-size:23px 8px;
}

.result-tbl .result-tbl-air-list.transit{
background-image:url(/element/j_dp/shared/images/icon-arrow-transit.svg);
background-position:50% calc(100% - 4px);
}

.result-tbl .result-tbl-air-list > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:center;

}

.result-tbl .result-tbl-air-list > li .time{
display:block;
font-family:Arial;
font-size:13px;
font-weight:normal;
}

/* .result-tbl-hotel-plan-description
----------------------------------------------- */
.result-tbl .result-tbl-hotel-plan-description{
overflow:hidden;
display:block;
white-space:nowrap;
text-overflow:ellipsis;
}

/* .result-tbl-hotel-plan-description-01
----------------------------------------------- */
.result-tbl-hotel-plan-description-01{
margin-bottom:4px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

/* .result-tbl-hotel-plan-list
----------------------------------------------- */
.result-tbl .result-tbl-hotel-plan-list{
margin-top:3px;
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
gap:3px;
font-size:11px;
}

.result-tbl .result-tbl-hotel-plan-list > li{
padding:2px;
border:1px solid #aaa;
min-width:65px;
height:18px;
line-height:1.25;
overflow:hidden;
box-sizing:border-box;
text-align:center;
}

.result-tbl .result-tbl-hotel-plan-list > li > span{
display:inline-block;
}

/* .result-tbl-cv
----------------------------------------------- */
.result-tbl .result-tbl-cv{
margin:8px 0 4px;
position:relative;
}

.result-tbl .result-tbl-cv:last-child{
margin-bottom:0;
}

/* .result-tbl-cv-sup
----------------------------------------------- */
.result-tbl .result-tbl-cv-sup{
margin-top:2px;
display:block;
text-align:right;
}

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

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

/* .result-tbl-cv-01
----------------------------------------------- */
.result-tbl .result-tbl-cv-btn-01{
padding:6px 4px 8px;
border:1px solid #bebebe;
border-radius:3px;
color:#666;
box-sizing:border-box;
display:block;
position:relative;
background-color:#fff;
box-shadow:0 -2px 0 #bebebe inset;
text-align:center;
font-size:12px;
text-decoration:none;
}

.result-tbl-cv-list-btn .result-tbl-cv-btn-01{
margin-bottom:0;
}

/* .result-tbl-cv-list-btn
----------------------------------------------- */
.result-tbl .result-tbl-cv-list-btn{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
gap:12px;
}

.result-tbl .result-tbl-cv-list-btn > li{
-webkit-box-flex:1;
flex:1;
}

.result-tbl .result-tbl-cv-list-btn > li:first-child:last-child{
-webkit-box-flex:none;
flex:none;
min-width:100px;
}


/* ----------------------------------------------------------------
  Panel Info
----------------------------------------------------------------- */
/* .panel-info
----------------------------------------------- */
.panel-info{
margin:20px auto;
padding:20px 40px;
box-sizing:border-box;
width:788px;
background-color:#f5f5f5;
font-size:14px;
}

/* .panel-info-list
----------------------------------------------- */
.panel-info .panel-info-list{
margin-top:-32px;
position:relative;
}

.panel-info .panel-info-list::before{
content:'';
display:block;
width:100%;
height:1px;
background-color:#f5f5f5;
position:absolute;
top:0;
left:0;
}

.panel-info .panel-info-list > li{
margin-top:16px;
padding-top:16px;
border-top:1px solid #bbb;
}

/* .panel-info-list-wording
----------------------------------------------- */
.panel-info .panel-info-list-wording{
margin:0 auto;
padding-left:20px;
display:block;
width:fit-content;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
}

/* .panel-info-note
----------------------------------------------- */
.panel-info .panel-info-note{
margin-top:10px;
color:var(--cmn-font-color-gray);
line-height:1.45;
font-size:12px;
}

.panel-info .panel-info-note > li{
padding-left:calc(1em + 4px);
position:relative;
}

.panel-info .panel-info-note > li:not(:first-child){
margin-top:5px;
}

.panel-info .panel-info-note > li::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

/* .panel-info-flight-list
----------------------------------------------- */
.panel-info .panel-info-airport-list{
margin-top:8px;
font-size:18px;
}

.panel-info .panel-info-airport-list > li{
background:url(/element/j_dp/shared/images/icon-arrow-03.svg) 50% 50% no-repeat;
background-size: 16px auto;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
gap:0 16px;
}

.panel-info .panel-info-airport-list > li > span{
width:10em;
text-align:center;
}



/* ----------------------------------------------------------------
  Modal Modules
----------------------------------------------------------------- */
/* .modal-content
----------------------------------------------- */
.cmn-modal-box .modal-content{
margin-bottom:30px;
}


/* ----------------------------------------------------------------
  Modal Child
----------------------------------------------------------------- */
/* .modal-child-list
----------------------------------------------- */
.modal-child-list{
font-size:13px;
}

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

.modal-child-list > li label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.modal-child-list > li label > span:first-child{
margin-right:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.modal-child-list .form-custom-select{
width:100px;
}

.modal-child-list .note{
color:var(--cmn-font-color-gray);
display:block;
font-size:11px;
}


/* ----------------------------------------------------------------
  Modal Searching
----------------------------------------------------------------- */
/* .modal-searching
----------------------------------------------- */
.modal-searching{
padding:0;
width:680px;
background-color:transparent;
}

.modal-searching .cmn-modal-item{
padding:8px 8px 40px;
}

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

/* .modal-searching-list
----------------------------------------------- */
.modal-searching .modal-searching-list{
margin:0 auto;
display:table;
font-size:14px;
}

.modal-searching .modal-searching-list > li{
margin-top:3px;
display:table;
width:100%;
}

.modal-searching .modal-searching-list > li:first-child{
margin-top:0;
}

.modal-searching .modal-searching-list > li > div{
display:table-cell;
vertical-align:top;
text-align:left;
}

.modal-searching .modal-searching-list > li > div:first-child{
padding-right:20px;
width:6em;
color:#555;
position:relative;
font-size:13px;
}

.modal-searching .modal-searching-list > li > div:first-child::after{
content:':';
display:block;
position:absolute;
top:0;
right:10px;
}

/* .modal-searching-list-via
----------------------------------------------- */
.modal-searching .modal-searching-list-via > li{
margin-left:12px;
display:inline-block;
padding-left:30px;
position:relative;
}

.modal-searching .modal-searching-list-via > li::before{
position:absolute;
content:'';
display:block;
background-color:#8d8c8c;
width:12px;
height:2px;
left:0;
top:8px;
}

.modal-searching .modal-searching-list-via > li::after{
position:absolute;
content:'';
display:block;
border-left:6px solid #8d8c8c;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
left:12px;
top:5px;
}

.modal-searching .modal-searching-list-via > li:first-child{
margin-left:0;
padding-left:0;
}

.modal-searching .modal-searching-list-via > li:first-child::before,
.modal-searching .modal-searching-list-via > li:first-child::after{
display:none;
}

/* .modal-searching-spinner
----------------------------------------------- */
.modal-searching .modal-searching-spinner{
margin:30px 0 15px;
color:var(--cmn-font-color-gray);
font-size:11px;
text-align:center;
}

/* .modal-searching-agt
----------------------------------------------- */
.modal-searching .modal-searching-agt{
font-size:12px;
text-align:center;
}

.modal-searching .modal-searching-agt > li{
margin-top:4px;
}


/* ----------------------------------------------------------------
  Tooltip Common Modules
----------------------------------------------------------------- */
/* .tip-hdg
----------------------------------------------- */
.tip-hdg{
margin-top:10px;
font-size:12px;
font-weight:normal;
}

/* .tip-list
----------------------------------------------- */
.tip-list > li{
margin-top:5px;
}

/* .tip-list-bullet
----------------------------------------------- */
.tip-list-bullet > li{
margin-top:5px;
padding-left:12px;
position:relative;
}

.tip-list-bullet > li::before{
content:'';
display:block;
width:2px;
height:2px;
border-radius:50%;
overflow:hidden;
position:absolute;
top:7px;
left:4px;
background-color:var(--cmn-font-color-base);
}

/* .tip-note
----------------------------------------------- */
.tip-note{
margin-top:15px;
color:var(--cmn-font-color-gray);
font-size:12px;
}

.tip-note > li{
margin-top:5px;
padding-left:1.25em;
position:relative;
}

.tip-note .tip-note-mark{
display:block;
position:absolute;
top:0;
left:0;
}

/* .tip-tbl
----------------------------------------------- */
.tip-tbl{
margin-top:10px;
padding:0;
border-bottom:1px solid #ccc;
border-spacing:0;
width:100%;
font-size:12px;
}

.tip-tbl th,
.tip-tbl td{
padding:5px 7px;
border-top:1px solid #ccc;
text-align:left;
font-weight:normal;
}

.tip-tbl th{
width:6em;
background-color:#f5f5f5;
}

/* .tip-link
----------------------------------------------- */
.tip-link:link,
.tip-link:visited,
.tip-link:active,
.tip-link:hover,
.tip-link:focus{
color:#666;
text-decoration:underline;
}


/* ----------------------------------------------------------------
  .tip-price-range
----------------------------------------------------------------- */
/* .tip-price-range-catch
----------------------------------------------- */
.tip-price-range .tip-price-range-catch{
padding-bottom:6px;
border-bottom:1px solid #ccc;
font-size:14px;
font-weight:bold;
}

/* .tip-price-range-list
----------------------------------------------- */
.tip-price-range .tip-price-range-list > li{
margin-top:5px;
}

.tip-price-range .tip-price-range-list > li > span:not([class]){
margin-left:10px;
}


/* ----------------------------------------------------------------
  .tip-smoking
----------------------------------------------------------------- */
/* .tip-smoking
----------------------------------------------- */
.tip-smoking{
padding:10px;
border:1px solid #aaa;
border-radius:4px;
position:absolute;
display:none;
top:100%;
right:0;
width:380px;
box-sizing:border-box;
background-color:#fff;
z-index:1;
box-shadow:2px 2px 5px -2px rgba(0,0,0,.45);
font-size:12px;
}

.tip-smoking::before{
margin:-5px 0 0 -5px;
content:'';
display:block;
width:10px;
height:10px;
position:absolute;
right:-6px;
top:50%;
display:block;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
-webkit-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
transform:rotate(-135deg);
}

.tip-smoking.is-active{
display:block;
}

/* .tip-smoking-hdg
----------------------------------------------- */
.tip-smoking .tip-smoking-hdg{
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px dotted #c2c2c2;
font-weight:normal;
}

/* .tip-smoking-list
----------------------------------------------- */
.tip-smoking .tip-smoking-list > li:not(:first-child){
margin-top:5px;
}


/* ----------------------------------------------------------------
  .tip-cancel
----------------------------------------------------------------- */
/* .tip-cancel
----------------------------------------------- */
.tip-cancel{
width:420px;
}

/* .tip-cancel-list
----------------------------------------------- */
.tip-cancel .tip-cancel-list{
margin-top:8px;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ccc;
}

.tip-cancel .tip-cancel-list > li{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ccc;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.tip-cancel .tip-cancel-list > li > div{
padding:8px;
box-sizing:border-box;
}

.tip-cancel .tip-cancel-list > li > div:first-child{
width:225px;
position:relative;
background-color:#f5f5f5;
}

.tip-cancel .tip-cancel-list > li > div:last-child{
border-left:1px solid #ccc;
-webkit-box-flex:1;
flex:1;
}



/* ----------------------------------------------------------------
  .tip-payment
----------------------------------------------------------------- */
/* .tip-payment
----------------------------------------------- */
.tip-payment{
margin-top:10px;
padding:20px;
border:1px solid #666;
border-radius:4px;
position:absolute;
display:none;
top:100%;
right:0;
width:590px;
box-sizing:border-box;
background-color:#fff;
z-index:2;
box-shadow:0 0 8px rgba(0,0,0,.8);
font-size:12px;
}

.tip-payment.is-active{
display:block;
}

/* .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 .tip-payment-list sup{
line-height:1;
}

/* .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-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;
color:var(--cmn-font-color-gray);
font-size:11px;
}

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

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

.tip-payment .tip-payment-list-notice > li.no-icon{
padding-left:0;
}

.tip-payment .tip-payment-list-notice > li.no-icon::before{
display:none;
}

.tip-payment-list .tip-payment-list-notice{
margin-top:4px;
margin-left:calc(-5em - 25px);
}

/* .tip-payment-list-notice-01
----------------------------------------------- */
.tip-payment .tip-payment-list-notice-01{
margin-bottom:2px;
font-size:11px;
}

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

.tip-payment .tip-payment-list-notice-01 > li::before{
content:'';
display:block;
width:2px;
height:2px;
border-radius:1px;
position:absolute;
top:7px;
left:0;
background-color:var(--cmn-font-color-base);
}

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

.tip-payment .tip-payment-list-caution > li{
padding-left:10px;
position:relative;
}

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

.tip-payment .tip-payment-list-caution > li::before{
content:'';
border-radius:1px;
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:7px;
left:2px;
background-color:var(--cmn-font-color-base);
}

/* .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 Caution Tooltip
----------------------------------------------------------------- */
/* .tip-price-caution-toggle
----------------------------------------------- */
.tip-price-caution .tip-price-caution-toggle{
margin:15px 0 5px;
}

/* .tip-price-caution-toggle-hook
----------------------------------------------- */
.tip-price-caution .tip-price-caution-toggle-hook{
margin:0 -6px;
padding:5px 10px 4px 30px;
border:1px solid #c9c9c9;
position:relative;
background:url(/element/shared/images/icon/icon-toggle-plus.svg) 10px 50% no-repeat;
background-size:11px 11px;
}

.tip-price-caution .tip-price-caution-toggle-hook button{
color:rgba(0,0,0,0);
position: absolute;
top:0;
left:0;
border:none;
background:none;
width:100%;
height:100%;
}

.tip-price-caution-toggle.is-active .tip-price-caution-toggle-hook {
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
}

/* .tip-price-caution-toggle-hdg
----------------------------------------------- */
.tip-price-caution .tip-price-caution-toggle-hdg{
font-size:12px;
font-weight:normal;
}

/* .tip-price-caution-toggle-content
----------------------------------------------- */
.tip-price-caution .tip-price-caution-toggle-content{
display:none;
}

.tip-price-caution-toggle.is-active .tip-price-caution-toggle-content{
display:block;
}

/* .tip-price-caution-toggle-list
----------------------------------------------- */
.tip-price-caution .tip-price-caution-toggle-list{
margin-top:10px;
}

.tip-price-caution .tip-price-caution-toggle-list > li{
padding-left:1.5em;
position:relative;
}

.tip-price-caution .tip-price-caution-toggle-list > li:not(:first-child){
margin-top:5px;
}

.tip-price-caution .tip-price-caution-toggle-list .num{
display:block;
position:absolute;
top:0;
left:0;
}


/* ----------------------------------------------------------------
  Hotel Rank Tooltip
----------------------------------------------------------------- */
/* .tip-hotel-rank-catch
----------------------------------------------- */
.tip-hotel-rank .tip-hotel-rank-catch{
margin-bottom:5px;
font-size:14px;
font-weight:bold;
}

/* .tip-hotel-rank-list
----------------------------------------------- */
.tip-hotel-rank .tip-hotel-rank-list{
overflow:hidden;
}

.tip-hotel-rank .tip-hotel-rank-list:not(:last-child){
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}

.tip-hotel-rank .tip-hotel-rank-list > li{
margin:3px 0 0 5%;
width:45%;
float:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.tip-hotel-rank .tip-hotel-rank-list > li:nth-child(2n+1){
margin-left:0;
clear:left;
}

.tip-hotel-rank .tip-hotel-rank-list > li > div:first-child{
min-width:6.5em;
}

.tip-hotel-rank .tip-hotel-rank-list > li > div:last-child::before{
content:'\ff1a';
}


/* ----------------------------------------------------------------
  Review Tooltip
----------------------------------------------------------------- */
/* .tip-review-catch
----------------------------------------------- */
.tip-review .tip-review-catch{
margin-bottom:5px;
font-size:14px;
font-weight:bold;
}

.tip-review .tip-review-catch > span{
display:inline-block;
font-weight:normal;
font-size:11px;
}

/* .tip-review-list
----------------------------------------------- */
.tip-review .tip-review-list{
overflow:hidden;
}

.tip-review .tip-review-list:not(:last-child){
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}

.tip-review .tip-review-list > li{
margin:5px 0 0 6%;
width:44%;
float:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.tip-review .tip-review-list > li:nth-child(2n+1){
margin-left:0;
clear:left;
}

.tip-review .tip-review-list > li > div:first-child{
min-width:8.5em;
}

.tip-review .tip-review-list > li > div:last-child::before{
content:'\ff1a';
}


/* ----------------------------------------------------------------
  Reservation Flow Tooltip
----------------------------------------------------------------- */
/* .tip-reservation-flow-hdg
----------------------------------------------- */
.tip-reservation-flow .tip-reservation-flow-hdg{
margin:12px 0 -6px;
border-top:1px solid #e5e5e5;
padding-top:10px;
}

/* .tip-reservation-flow-box
----------------------------------------------- */
.tip-reservation-flow .tip-reservation-flow-box{
margin-top:10px;
padding:10px 0 0 15px;
border-top:1px dotted #aaa;
}

/* .tip-reservation-flow-box-hdg
----------------------------------------------- */
.tip-reservation-flow .tip-reservation-flow-box-hdg{
margin-bottom:-10px;
position:relative;
font-weight:normal;
}

.tip-reservation-flow .tip-reservation-flow-box-hdg:before{
content:'\30fb';
position:absolute;
top:0;
left:-15px;
}

/* .tip-reservation-flow-flight-info
----------------------------------------------- */
.tip-reservation-flow .tip-reservation-flow-flight-info{
margin-top:10px;
}

/* .tip-reservation-flow-flight-info-hdg
----------------------------------------------- */
.tip-reservation-flow .tip-reservation-flow-flight-info-hdg{
font-weight:normal;
}

.tip-reservation-flow .tip-reservation-flow-flight-info-hdg:before{
content:'\3010';
}

.tip-reservation-flow .tip-reservation-flow-flight-info-hdg:after{
content:'\3011';
}

/* .tip-reservation-flow-flight-info-list
----------------------------------------------- */
.tip-reservation-flow .tip-reservation-flow-flight-info-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.tip-reservation-flow .tip-reservation-flow-flight-info-list > li > span:after{
content:'\ff1a';
}

.tip-reservation-flow .tip-reservation-flow-flight-info-list > li > div{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .tip-reservation-flow-flight-info-note
----------------------------------------------- */
.tip-reservation-flow .tip-reservation-flow-flight-info-note{
margin-top:2px;
padding-left:1em;
text-indent:-1em;
font-size:11px;
}

.tip-reservation-flow .tip-reservation-flow-flight-info-note:before{
content:'\203b';
}

/* ----------------------------------------------------------------
  Loading
----------------------------------------------------------------- */
/* ..loading-spinner
----------------------------------------------- */
.loading-spinner{
margin:50px 0 70px;
text-align:center;
}

.loading-spinner b{
margin-top:10px;
display:block;
font-size:16px;
}

/* .loading-progressbar
----------------------------------------------- */
.loading-progressbar{
margin:15px 0 20px;
}

@keyframes loading-progressbar{
0%{
opacity:1;
}
50%{
opacity:0;
}
100%{
opacity:1;
}
}

.loading-progressbar > div{
margin-top:3px;
overflow:hidden;
background-color:#f5f5f5;
}

.loading-progressbar > div > span{
display:block;
color:transparent;
height:4px;
overflow:hidden;
position:relative;
background-color:#57a3ef;
}

.loading-progressbar > div > span > span{
position:absolute;
top:0;
right:0;
width:30px;
background:linear-gradient(to right, #57a3ef 0%, #3dc6ef 30%);
background-size:contain;
background-position:0 100%;
animation:loading-progressbar 1s infinite;
animation-timing-function:linear;
}


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

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

/* .agt-link-wording
----------------------------------------------- */
.agt-link .agt-link-wording{
margin-bottom:30px;
font-size:18px;
text-align:center;
}

/* .agt-link-catch
----------------------------------------------- */
.agt-link .agt-link-catch{
margin-top:40px;
font-size:14px;
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-note
----------------------------------------------- */
.agt-link .agt-link-note{
margin-top:20px;
text-align:center;
font-size:13px;
}

.cmn-loading-spinner + .agt-link-note{
margin-top:40px;
}

.agt-link .agt-link-note a{
color:var(--cmn-font-color-gray);
text-decoration:underline;
}

/* .agt-link-info
----------------------------------------------- */
.agt-link .agt-link-info{
margin:20px 0;
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:30px 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;
-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:18px;
}

.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;
}

.agt-link .agt-link-info a{
color:#666;
text-decoration:underline;
}

/* .agt-link-info-list
----------------------------------------------- */
.agt-link .agt-link-info-list > li:not(:first-child){
margin-top:15px;
}

.agt-link .agt-link-info-list > li > b{
margin-bottom:2px;
display:block;
font-size:15px;
}

.agt-link .agt-link-info-list > li > b .date-txt{
font-size: 13px;
}

/* .agt-link-info-list-bullet
----------------------------------------------- */
.agt-link .agt-link-info-list-bullet > li{
margin-top:5px;
padding-left:15px;
position:relative;
}

.agt-link .agt-link-info-list-bullet > li::before{
content:'';
display:block;
width:2px;
height:2px;
border-radius:50%;
position:absolute;
top:.65em;
left:5px;
background-color:var(--cmn-font-color-base);
}

/* .agt-link-info-note
----------------------------------------------- */
.agt-link .agt-link-info-note > li:not(:first-child){
margin-top:5px;
}

/* .agt-link-box
----------------------------------------------- */
.agt-link .agt-link-box{
margin:20px auto 0;
padding:30px 20px;
max-width:75%;
background-color:#fff5f6;
font-size:15px;
}

/* .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-loading
----------------------------------------------- */
.agt-link .agt-link-loading{
margin: 20px auto 0;
color: transparent;
width: 50px;
height: 50px;
background: url(/element/shared/images/icon/ic_load_l.gif) 50% 50% no-repeat;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error{
margin:40px 0 70px;
}

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

.error .error-wording strong{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:18px;
}

/* .error-btn
----------------------------------------------- */
.error-btn{
margin:30px auto 90px;
padding:8px 5px 4px;
border:1px solid #ccc;
border-radius:4px;
color:#666;
display:block;
box-shadow:0 -2px 0 #ccc inset;
min-width:200px;
min-height:58px;
line-height:1.4;
background-color:#fff;
text-align:center;
font-size:13px;
}

.error-btn > b{
display:block;
font-size:20px;
}

/* .error-prev
----------------------------------------------- */
.error .error-prev{
margin-top:32px;
text-align:center;
}

.error .error-prev a{
padding:9px 12px 8px;
border:1px solid #c5c5c5;
border-radius:3px;
color:#666;
display:inline-block;
min-width:202px;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
font-size:14px;
}

/* .error-hint
----------------------------------------------- */
.error .error-hint{
margin:45px auto 30px;
width:570px;
}

.error .error-hint-wording{
font-size:14px;
font-weight:bold;
}

.error .error-hint-list{
margin-top:10px;
}

.error .error-hint-list > li{
padding:8px 0;
border-top:1px dotted #ccc;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.error .error-hint-list > li:first-child{
padding-top:0;
border-top:none;
}

.error .error-hint-list > li:last-child{
padding-bottom:0;
}

.error .error-hint-list > li > div{
position:relative;
box-sizing:border-box;
}

.error .error-hint-list > li > div:first-child{
padding:0 0 0 15px;
width:45%;
}

.error .error-hint-list > li > div:first-child::before{
content:'';
display:block;
width:10px;
height:11px;
overflow:hidden;
position:absolute;
top:3px;
left:0;
background:url(/element/j_dp/shared/images/icon-checked.svg) no-repeat 0 0;
}

.error .error-hint-list > li > div:last-child{
padding-left:25px;
flex: 1;
}

.error .error-hint-list > li > div:last-child::before{
content:'\2192';
display:block;
position:absolute;
top:-1px;
left:0;
}

.error .error-hint-list-link{
margin-top:5px;
padding-left:12px;
color:#666;
display:block;
position:relative;
}

.error .error-hint-list-link::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);
}

/* .error-box
----------------------------------------------- */
.error .error-box{
margin-top:30px;
padding:20px;
background-color:#ededed;
position:relative;
}

.error .error-box::before{
margin-left:-10px;
content:'';
display:inline-block;
width:0;
height:0;
position:absolute;
top:-10px;
left:50%;
display:block;
border-width:0 10px 10px 10px;
border-color:transparent transparent #ededed transparent;
border-style:solid;
}

.error .error-box .error-box-catch{
margin-bottom:10px;
text-align:center;
font-size:13px;
}

.error .error-box .error-box-link{
margin:0 auto 5px;
padding:15px 40px 15px 15px;
color:var(--cmn-font-color-base);
border-radius:6px;
border:1px solid #ccc;
display:block;
width:460px;
box-sizing:border-box;
position:relative;
background-color:#fff;
font-size:12px;
}

.error .error-box .error-box-link::before{
margin-top:-7px;
content:'';
display:block;
position:absolute;
top:50%;
right:15px;
border-right:2.5px solid #888;
border-bottom:2.5px solid #888;
width:12px;
height:12px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.error .error-box .error-box-link:active,
.error .error-box .error-box-link:hover,
.error .error-box .error-box-link:focus{
text-decoration:none;
}

.error .error-box .error-box-link > b{
padding-left:30px;
display:block;
font-size:18px;
background:url(/element/j_dp/shared/images/icon-baggage.svg) 0 2px no-repeat;
background-size:20px 18px;
}


/* ----------------------------------------------------------------
  Calendar
----------------------------------------------------------------- */
/* .calendar-note
----------------------------------------------- */
.calendar-note{
margin-top:10px;
color:var(--cmn-font-color-gray);
font-size:11px;
}




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

  SEO

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .seo
----------------------------------------------------------------- */
.seo{
margin:32px 0 -50px;
padding:32px 0 50px;
border-image:linear-gradient(#eee,#eee) fill 0 //0 100vw 0 100vw;
background-color:#eee;
}

.seo > section:first-child{
margin-top:0;
}




/* ----------------------------------------------------------------
  .seo-panel
----------------------------------------------------------------- */
/* .seo-panel
----------------------------------------------------------------- */
.seo .seo-panel{
margin-top:36px;
font-size:14px;
}

/* .seo-panel-header
----------------------------------------------------------------- */
.seo .seo-panel-header{
margin-bottom:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 12px;
}

.seo .seo-panel-header > *{
margin-bottom:0;
}

/* .seo-panel-header-link
----------------------------------------------------------------- */
.seo .seo-panel-header-link{
margin:0 0 0 auto;
padding-left:12px;
color:var(--cmn-font-color-base);
display:block;
width:fit-content;
position:relative;
font-weight:bold;
font-size:13px;
}

.seo .seo-panel-header-link: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);
}

/* .seo-panel-header-sup
----------------------------------------------------------------- */
.seo .seo-panel-header-sup{
-webkit-box-flex:1;
flex:1;
text-align:right;
font-size:14px;
}

/* .seo-panel-hdg
----------------------------------------------------------------- */
.seo .seo-panel-hdg{
margin-bottom:12px;
font-size:16px;
}

.seo .seo-panel-header .seo-panel-hdg{
margin:0;
}

/* .seo-panel-content
----------------------------------------------------------------- */
.seo .seo-panel-content{
padding:20px;
border-radius:6px;
box-shadow:0 0 6px rgba(0,0,0,.3);
overflow:hidden;
background-color:#fff;
}

.seo-panel-content > p{
margin-bottom:12px;
}

.seo .seo-panel-content > :last-child{
margin-bottom:0;
}

/* .seo-panel-sup
----------------------------------------------------------------- */
.seo .seo-panel-sup{
margin-top:8px;
text-align:right;
}


/* ----------------------------------------------------------------
  .seo-panel-toggle
----------------------------------------------------------------- */
/* .seo-panel-toggle
----------------------------------------------------------------- */
.seo .seo-panel-toggle{
margin-top:20px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.seo-panel-toggle + .seo-panel-toggle{
margin-top:-1px;
border-top-color:transparent;
}

.seo-panel-toggle[aria-expanded=true]{
border-top-color:transparent;
border-bottom-color:transparent;
}

.seo-panel-toggle + .seo-panel-toggle[aria-expanded=true]{
border-bottom-color:transparent;
}

.seo-panel-toggle[aria-expanded=true] + .seo-panel-toggle[aria-expanded=false]{
border-top-color:#ccc;
margin-top:20px;
}

.seo-panel-toggle[aria-expanded=true] + .seo-panel-toggle[aria-expanded=true]{
margin-top:20px;
}

.seo-panel-toggle[aria-expanded=false] + .seo-panel:not([aria-expanded]){
margin-top:12px;
}

/* .seo-panel-toggle-hook
----------------------------------------------------------------- */
.seo .seo-panel-toggle-hook{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:48px;
background:url(/element/j_dp/shared/images/icon-arrow-down.svg) no-repeat calc(100% - 8px) 50%;
background-size:16px auto;
cursor:pointer;
}

.seo-news .seo-panel-toggle-hook{
border-bottom:1px solid #ccc;
}

.seo .seo-panel-toggle[aria-expanded=true] .seo-panel-toggle-hook{
border-color:transparent;
background-image:url(/element/j_dp/shared/images/icon-arrow-up.svg);
}

.seo-panel-toggle[aria-expanded=false] + .seo-panel-toggle[aria-expanded=true] .seo-panel-toggle-hook{
border-top-color:#ccc;
}

/* .seo-panel-toggle-content
----------------------------------------------------------------- */
.seo .seo-panel-toggle[aria-expanded=false] .seo-panel-toggle-content{
display:none;
}

.seo .seo-panel-toggle[aria-expanded=true] .seo-panel-toggle-content{
display:block;
}


/* ----------------------------------------------------------------
  SEO Common Modules
----------------------------------------------------------------- */
/* .seo-notice-list
----------------------------------------------------------------- */
.seo-notice-list{
margin-bottom:8px;
color:var(--cmn-font-color-gray);
font-size:12px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:8px 12px;
}

.seo-notice-list > li{
padding-left:1.25em;
position:relative;
display:inline-block;
}

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

.seo-notice-list > li:first-child{
margin-top:0;
}

/* .seo-list
----------------------------------------------------------------- */
.seo .seo-list{
font-size:12px;
}

.seo .seo-list > li{
border-top:1px solid #e5e5e5;
}

.seo .seo-list > li > a,
.seo .seo-list > li > button,
.seo .seo-list > li > span{
padding:4px 0;
border:none;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
min-height:40px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-list > li > button{
width:100%;
text-align:left;
font-size:12px;
background:transparent;
}

.seo .seo-list > li > button > span{
padding-right:20px;
-webkit-box-flex:1;
flex:1;
background:url(/element/j_dp/shared/images/icon-arrow-down.svg) calc(100% - 4px) 50% no-repeat;
background-size:16px auto;
}

.seo .seo-list > li.is-active > button > span{
background-image:url(/element/j_dp/shared/images/icon-arrow-up.svg);
}

.seo .seo-list > li > span{
color:#ccc;
}

.seo .seo-panel-content > .seo-list{
margin:-18px 0 -21px;
}

.seo .seo-panel-content > .seo-list > li:first-child{
border-top:none;
}

.seo .seo-area-tabpanel > .seo-list{
margin-bottom:-21px;
}

/* .seo-list > .seo-list
--------------------------------- */
.seo .seo-list .seo-list{
margin-left:28px;
}

.seo .seo-list .seo-list > li > button > span{
padding-right:24px;
background-size:12px auto;
background-position:calc(100% - 6px);
}

.seo .seo-list > li > .seo-list{
display:none;
}

.seo .seo-list > li.is-active > .seo-list{
display:block;
}

/* .seo-list-01
----------------------------------------------------------------- */
.seo .seo-list-01{
margin:0 0 16px 28px;
-webkit-box-align:start;
align-items:flex-start;
flex-wrap:wrap;
gap:16px 32px;
line-height:1.85;
}

.seo .seo-list-01 > li > span{
color:#ccc;
}

.seo .seo-list > li > .seo-list-01{
display:none;
}

.seo .seo-list > li.is-active > .seo-list-01{
display:-webkit-box;
display:flex;
}

/* .seo-list-line
----------------------------------------------------------------- */
.seo .seo-list-line{
display:-webkit-box;
display:flex;
gap:8px 24px;
flex-wrap:wrap;
overflow:hidden;
font-size:12px;
}

.seo .seo-list-line > li{
margin-left:-13px;
padding-left:12px;
border-left:1px solid #bbb;
}

.seo .seo-list-line a{
color:var(--cmn-font-color-base);
}

/* .seo-list-separate
----------------------------------------------------------------- */
.seo .seo-list-separate{
font-size:12px;
}

.seo .seo-list-separate > li{
display:-webkit-box;
display:flex;
gap:0 8px;
}

.seo .seo-list-separate > li:not(:first-child){
margin-top:8px;
}

.seo .seo-list-separate > li > div:first-child{
width:8em;
}

.seo .seo-list-separate > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}



/* ----------------------------------------------------------------
  .seo-carousel
----------------------------------------------------------------- */
/* .seo-carousel
----------------------------------------------------------------- */
.seo .seo-carousel{
position:relative;
}

/* .seo-carousel-nav
----------------------------------------------------------------- */
.seo .seo-carousel-nav > li{
position:absolute;
top:42%;
z-index:2;
}

.seo .seo-carousel-nav > .next{
right:-14px;
}

.seo .seo-carousel-nav > .prev{
left:-14px;
}

.seo .seo-carousel-nav button{
border:1px solid #bbb;
border-radius:16px;
color:rgba(0,0,0,0);
width:32px;
height:32px;
overflow:hidden;
position:relative;
background-color:#fff;
}

.seo .seo-carousel-nav button::before{
content:'';
display:block;
width:7px;
height:12px;
overflow:hidden;
position:absolute;
bottom:50%;
right:50%;
transform:translate(50%, 50%);
background:url(/element/shared/images/icon/icon-chevron-left.svg) 50% 50% no-repeat;
}

.seo .seo-carousel-nav .next button::before{
transform:translate(50%, 50%) rotate(180deg);
}

.seo .seo-carousel-nav button:disabled{
display:none;
}

/* .seo-carousel-item
----------------------------------------------------------------- */
.seo .seo-carousel-item{
margin:-4px;
padding:4px;
overflow:hidden;
font-size:12px;
}


/* ----------------------------------------------------------------
  .seo-dp-description
----------------------------------------------------------------- */
/* .seo-dp-description-col
----------------------------------------------------------------- */
.seo .seo-dp-description-col{
display:-webkit-box;
display:flex;
gap:18px;
font-size:14px;
}

/* .seo-dp-description-inner
----------------------------------------------------------------- */
.seo .seo-dp-description-col > div:first-child{
flex:1;
}

.seo .seo-dp-description-col > div:last-child{
width:430px;
}

.seo .seo-dp-description-col > div > :first-child{
margin-top:0;
}

/* .seo-dp-description-hdg
----------------------------------------------------------------- */
.seo .seo-dp-description-hdg{
margin:12px 0 4px;
font-size:14px;
}

.seo .seo-dp-description-hdg.branch{
color:#3c6fa5;
}

/* .seo-dp-description-list
----------------------------------------------------------------- */
.seo .seo-dp-description-list{
display:-webkit-box;
display:flex;
gap:4px;
line-height:1.35;
font-size:12px;
text-align:center;
}

.seo .seo-dp-description-list > li{
padding:50px 0 12px;
border-radius:4px;
-webkit-box-flex:1;
flex:1;
background-repeat: no-repeat;
background-position:50% 19px;
background-size:auto 22px;
background-color:#f2f6fb;
}

.seo .seo-dp-description-list > .dp{
background-image:url(/element/j_dp/index/images/icon-dp.svg);
}

.seo .seo-dp-description-list > .separate{
background-image:url(/element/j_dp/index/images/icon-separate.svg);
}
.seo .seo-dp-description-list > .train{
background-image:url(/element/j_dp/index/images/icon-traindp.svg);
}

.seo .seo-dp-description-list > .tour{
background-image:url(/element/j_dp/index/images/icon-tour.svg);
}

.seo .seo-dp-description-list > li > span{
display:block;
}


/* ----------------------------------------------------------------
  .seo-cheapest
----------------------------------------------------------------- */
/* .seo-cheapest-filter
----------------------------------------------------------------- */
.seo .seo-cheapest-filter{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-direction:row-reverse;
gap:0 22px;
-webkit-box-flex:1;
flex:1;
}

/* .seo-cheapest-filter-select
----------------------------------------------------------------- */
.seo .seo-cheapest-filter-select .form-custom-select{
border-radius:18px;
border-color:#ccc;
width:146px;
min-height:35px;
font-size:14px;
}

.seo .seo-cheapest-filter-select .form-custom-select::before{
right:8px;
}

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

.seo .seo-cheapest-filter-select select{
padding-left:12px;
}

/* .seo-cheapest-filter-list
----------------------------------------------------------------- */
.seo .seo-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;
}

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

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

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

/* .seo-cheapest-tbl
----------------------------------------------------------------- */
.seo p + .seo-cheapest-tbl{
margin-top:16px;
}

/* .seo-cheapest-tbl-header
----------------------------------------------------------------- */
.seo .seo-cheapest-tbl-header{
margin-bottom:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-cheapest-tbl-header > span{
-webkit-box-flex:1;
flex:1;
}

.seo .seo-cheapest-tbl-header-hdg + span{
text-align:right;
}

.seo p + .seo-cheapest-tbl-header{
margin-top:16px;
}

/* .seo-index > .seo-cheapest-tbl-header
------------------------------------ */
.seo-index .seo-cheapest-tbl-header{
margin-bottom:8px;
}

.seo-index .seo-cheapest-tbl-header > span{
text-align:right;
}

/* .seo-cheapest-tbl-content
----------------------------------------------------------------- */
.seo .seo-cheapest-tbl-content{
display:-webkit-box;
display:flex;
gap:0 24px;
}

.seo .seo-cheapest-tbl-content > div{
-webkit-box-flex:1;
flex:1;
}

.seo .seo-cheapest-tbl-content:has(+ p){
margin-bottom:12px;
}

/* .seo-cheapest-tbl-content > table
----------------------------------------------------------------- */
.seo-cheapest-tbl-content table{
margin:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
table-layout:fixed;
width:100%;
}

.seo-cheapest-tbl-content table caption{
height:0;
overflow:hidden;
position:absolute;
}

.seo-cheapest-tbl-content table th,
.seo-cheapest-tbl-content table td{
border-bottom: 1px solid #ddd;
padding:8px 0;
font-weight:normal;
text-align:center;
}

.seo-cheapest-tbl-content table thead th{
padding:0 0 8px;
}

.seo-cheapest-tbl-content table thead th > span{
display:block;
}

.seo-cheapest-tbl-content table thead tr > th:first-child{
padding-left:0;
width:260px;
text-align:left;
}

.seo-cheapest-tbl-content table tbody th{
text-align:left;
}

.seo-cheapest-tbl-content table tbody th > span{
display:inline-block;
}

.seo-cheapest-tbl-content table tbody td > span{
display:inline-block;
min-width:5em;
text-align:right;
}

.seo-cheapest-tbl-content table th.unset{
padding-left:2.5em;
}

.seo-cheapest-tbl-content table td.unset > span{
text-align:center;
}

/* .seo-index > .seo-cheapest-tbl-content > table
--------------------------------------------- */
.seo-index .seo-cheapest-tbl-content table{
border-top:1px solid #ddd;
}

.seo-index .seo-cheapest-tbl-content table thead th{
padding-top:8px;
}

.seo-index .seo-cheapest-tbl-content table thead tr > th:first-child{
width:140px;
}

.seo-index .seo-cheapest-tbl-content table tbody tr:last-child th,
.seo-index .seo-cheapest-tbl-content table tbody tr:last-child td{
padding-bottom:0;
border-bottom:none;
}


/* ----------------------------------------------------------------
  .seo-popular-destination
----------------------------------------------------------------- */
/* .seo-popular-destination-header
----------------------------------------------------------------- */
.seo .seo-popular-destination-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .seo-popular-destination-filter
----------------------------------------------------------------- */
.seo .seo-popular-destination-filter{
margin:0 0 8px;
-webkit-box-flex:1;
flex:1;
text-align:right;
}

.seo .seo-popular-destination-filter .form-custom-select{
border-radius:18px;
border-color:#ccc;
width:146px;
min-height:35px;
font-size:14px;
}

.seo .seo-popular-destination-filter .form-custom-select::before{
right:8px;
}

.seo .seo-popular-destination-filter .form-custom-select select{
padding-left:12px;
}

/* .seo-popular-destination-toggle
----------------------------------------------------------------- */
.seo .seo-popular-destination-toggle{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
flex-wrap:wrap;
gap:20px 8px;
}

.seo-popular-destination-toggle[aria-expanded=false] > div:nth-of-type(n+5){
display:none;
}

/* .seo-popular-destination-toggle-hook
----------------------------------------------------------------- */
.seo .seo-popular-destination-toggle-hook{
display:block !important;
width:100%;
}

.seo .seo-popular-destination-toggle-hook button{
margin:0 auto;
border:1px solid #ddd;
border-radius:6px;
display:block;
width:250px;
min-height:37px;
background-color:#fff;
font-size:14px;
}

.seo .seo-popular-destination-toggle-hook button > span{
padding-left:16px;
display:inline-block;
background:url(/element/j_dp/shared/images/icon-arrow-down.svg) 0 49% no-repeat;
background-size:12px auto;
}

.seo-popular-destination-toggle[aria-expanded=true] .seo-popular-destination-toggle-hook button > span{
background-image:url(/element/j_dp/shared/images/icon-arrow-up.svg);
}

/* .seo-popular-destination-item
----------------------------------------------------------------- */
.seo .seo-popular-destination-item{
box-sizing:border-box;
width:calc((100% - 24px) / 4);
}

.seo .seo-popular-destination-item > div{
border-radius:6px;
box-shadow:0 0 6px rgba(0,0,0,.3);
height:100%;
overflow:hidden;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
flex-direction:column-reverse;
background-color:#fff;
font-size:12px;
}

/* .seo-popular-destination-item > .data
----------------------------------------------------------------- */
.seo .seo-popular-destination-item .data{
padding:8px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

/* .seo-popular-destination-item > .thumb
----------------------------------------------------------------- */
.seo .seo-popular-destination-item .thumb{
height:125px;
}

.seo .seo-popular-destination-item .thumb img{
width:100%;
height:100%;
object-fit:cover;
}

.seo .seo-popular-destination-item .thumb.no-photo{
box-shadow:0 -1px 0 #dadce0 inset;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.seo .seo-popular-destination-item .thumb.no-photo img{
width:100px;
height:auto;
}


/* .seo-popular-destination-item-hdg
----------------------------------------------------------------- */
.seo .seo-popular-destination-item-hdg{
margin-bottom:4px;
line-height:1.25;
min-height:4.5em;
font-size:14px;
font-weight:normal;
}

.seo .seo-popular-destination-item-hdg .tag{
margin-bottom:8px;
padding:4px 8px;
color:#fff;
display:block;
width:fit-content;
line-height:1;
background-color:var(--cmn-font-color-gray);
font-size:12px;
}

.seo .seo-popular-destination-item-hdg > span{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

/* .seo-popular-destination-item-list
----------------------------------------------------------------- */
.seo .seo-popular-destination-item-list{
margin:4px 0 0;
}

.seo .seo-popular-destination-item-list > li{
display:-webkit-box;
display:flex;
overflow:hidden;
}

.seo .seo-popular-destination-item-list > li > span:first-child{
padding-right:calc(1em + 4px);
width:2em;
position:relative;
}

.seo .seo-popular-destination-item-list > li > span:first-child::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:2px;
}

.seo .seo-popular-destination-item-list > li > span:last-child{
-webkit-box-flex:1;
flex:1;
min-width:0;
display:-webkit-box;
display:flex;
flex-direction:column;
}

.seo .seo-popular-destination-item-list > li > span:last-child > span{
overflow:hidden;
width:100%;
}

.seo .seo-popular-destination-item-list > li > span:last-child > span:first-child{
min-width:0;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

.seo .seo-popular-destination-item-list > li > span:last-child > span:last-child{
white-space:nowrap;
text-overflow:ellipsis;
}

/* .seo-popular-destination-item-footer
----------------------------------------------------------------- */
.seo .seo-popular-destination-item-footer{
margin-top:auto;
}

.seo .seo-popular-destination-item-footer > div{
margin-top:8px;
text-align:right;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-popular-destination-item-footer > div > span:first-child{
margin-right:8px;
-webkit-box-flex:1;
flex:1;
text-align: right;
}

.seo .seo-popular-destination-item-footer > div b{
font-size:18px;
font-family:Arial;
}

.seo .seo-popular-destination-item-footer > a{
margin:8px auto 0;
padding:4px;
border:1px solid #ccc;
border-radius:4px;
color:var(--cmn-font-color-base);
display:block;
text-align:center;
}

.seo .seo-popular-destination-item-footer > a > span{
display:block;
}


/* ----------------------------------------------------------------
  .seo-faq
----------------------------------------------------------------- */
/* .seo-faq-item
----------------------------------------------------------------- */
.seo .seo-faq-item{
border-bottom:1px solid #ddd;
}
.seo-panel-content > .seo-faq-item:first-child{
margin-top:-10px;
}

.seo-panel-content > .seo-faq-item:last-child{
margin-bottom:-10px;
border-bottom:none;
}

/* .seo-faq-item-hook
----------------------------------------------------------------- */
.seo .seo-faq-item-hook{
padding:0 24px;
border:none;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
width:100%;
min-height:46px;
position:relative;
background:url(/element/j_dp/shared/images/icon-faq-q.svg) 0 50% no-repeat;
background-size:11px auto;
text-align:left;
font-weight:normal;
cursor:pointer;
}

.seo .seo-faq-item-hook::before{
margin-top:-4px;
content:'';
display:block;
width:16px;
height:10px;
overflow:hidden;
position:absolute;
top:50%;
right:4px;
background:url(/element/j_dp/shared/images/icon-arrow-down.svg) 0 0 no-repeat;
}

.seo-faq-item[aria-expanded=true] > .seo-faq-item-hook::before{
background-image:url(/element/j_dp/shared/images/icon-arrow-up.svg);
}

/* .seo-faq-item-content
----------------------------------------------------------------- */
.seo .seo-faq-item-content{
padding:0 0 12px 24px;
background:url(/element/j_dp/shared/images/icon-faq-a.svg) 0 3px no-repeat;
background-size:11px auto;
}

.seo .seo-faq-item-content p{
margin:0;
}

.seo-faq-item[aria-expanded=false] > .seo-faq-item-content{
display:none;
}

/* .seo-faq-item-content-list
----------------------------------------------------------------- */
.seo .seo-faq-item-content-list{
margin:8px 0;
}

.seo .seo-faq-item-content-list > li{
margin-top:4px;
display:-webkit-box;
display:flex;
}

.seo .seo-faq-item-content-list > li > span{
min-width:1.5em;
}

.seo .seo-faq-item-content-list > li > div{
-webkit-box-flex:1;
flex:1;
}

/* .seo-faq-item-content-date
----------------------------------------------------------------- */
.seo .seo-faq-item-content-date{
margin-top:8px;
color:var(--cmn-font-color-gray);
display:block;
text-align:right;
font-size:12px;
}

/* .seo-faq-toggle-hook
----------------------------------------------------------------- */
.seo .seo-faq-toggle-hook{
margin:16px auto 0;
padding-left:16px;
border:none;
display:block;
position:relative;
background:url(/element/j_dp/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size:9px auto;
font-size:14px;
}

.seo-faq-toggle[aria-expanded=true] .seo-faq-toggle-hook{
margin-top:0;
background-image:url(/element/j_dp/shared/images/icon-arrow-up.svg);
}

/* .seo-faq-toggle-content
----------------------------------------------------------------- */
.seo .seo-faq-toggle-content{
display:none;
}

.seo-faq-toggle[aria-expanded=true] .seo-faq-toggle-content{
display:block;
}

/* .seo-faq-link
----------------------------------------------------------------- */
.seo .seo-faq-link{
padding:12px 0;
text-align:right;
}


/* ----------------------------------------------------------------
  .seo-airline
----------------------------------------------------------------- */
/* .seo-airline-list
----------------------------------------------------------------- */
.seo-airline-list a{
color:var(--cmn-font-color-base);
}

.seo-airline-list > li:not(:first-child){
margin-top:8px;
padding-top:8px;
border-top:1px solid #ddd;
}

.seo-airline-list a > b{
margin-bottom:4px;
display:block;
}


/* ----------------------------------------------------------------
  .seo-matome
----------------------------------------------------------------- */
/* .seo-carouse-matome
----------------------------------------------------------------- */
.seo .seo-carouse-matome{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.seo .seo-carouse-matome li{
border-radius:6px;
min-width:234px;
width:234px;
min-height:254px;
height:auto;
box-shadow:0 0 6px rgba(0,0,0,.3);
overflow:hidden;
background-color:#fff;
}

.seo .seo-carouse-matome a{
color:var(--cmn-font-color-base);
position:relative;
height:100%;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
flex-direction:column-reverse;
-webkit-box-align:stretch;
align-items:stretch;
text-decoration:none;
}

.seo .seo-carouse-matome .detail{
padding:12px;
box-sizing:border-box;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

.seo .seo-carouse-matome .sup{
margin:auto 0 0;
}

.seo .seo-carouse-matome .thumb{
height:122px;
overflow:hidden;
position:relative;
box-sizing:border-box;
}

.seo .seo-carouse-matome .thumb img{
position:absolute;
bottom:50%;
left:0;
transform:translateY(50%);
width:100%;
}


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

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

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

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


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

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

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

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

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

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

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

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