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

  Custom Properties

----------------------------------------------------------------- */
:root{
--button-color:#177bcb;
--button-color-hover:#004c9a;
}



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

	Clearfix

----------------------------------------------------------------- */
.list-col-2::before,
.box-bg-img-ctrl::before,
.form-search .form-search-lyt::before,
.form-search .form-search-lyt-01::before,
.form-search .form-search-num::before,
.form-search .form-search-num > li.adult > label::before,
.form-search .form-search-keyword-filter::before,
.form-search .form-search-destination-map-view-area-list::before,
.form-search .form-search-picky::before,
.form-search-index .form-search-index-lyt::before,
.form-search-index .form-search-index-num > li.adult > label::before,
.form-search-index .form-search-index-picky::before,
.search-result .search-result-ctrl-sort::before,
.detail-item-result .detail-item-result-sort::before,
.modal-child .modal-child-list::before,
.list-col-2::after,
.box-bg-img-ctrl::after,
.form-search .form-search-lyt::after,
.form-search .form-search-lyt-01::after,
.form-search .form-search-num::after,
.form-search .form-search-num > li.adult > label::after,
.form-search .form-search-keyword-filter::after,
.form-search .form-search-destination-map-view-area-list::after,
.form-search .form-search-picky::after,
.form-search-index .form-search-index-lyt::after,
.form-search-index .form-search-index-num > li.adult > label::after,
.form-search-index .form-search-index-picky::after,
.search-result .search-result-ctrl-sort::after,
.detail-item-result .detail-item-result-sort::after,
.modal-child .modal-child-list::after{
content:'';
display:table;
}

.list-col-2::after,
.box-bg-img-ctrl::after,
.form-search .form-search-lyt::after,
.form-search .form-search-lyt-01::after,
.form-search .form-search-num::after,
.form-search .form-search-num > li.adult > label::after,
.form-search .form-search-keyword-filter::after,
.form-search .form-search-destination-map-view-area-list::after,
.form-search .form-search-picky::after,
.form-search-index .form-search-index-lyt::after,
.form-search-index .form-search-index-num > li.adult > label::after,
.form-search-index .form-search-index-picky::after,
.search-result .search-result-ctrl-sort::after,
.detail-item-result .detail-item-result-sort::after,
.modal-child .modal-child-list::after{
clear:both;
}



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

	Base

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  font,cursor control
----------------------------------------------------------------- */
[type="search"]{
-webkit-appearance:none;
outline-offset:-2px;
}

[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}

[type="search"]::-webkit-search-cancel-button{
display:none;
}

button,
select{
color:inherit;
cursor:pointer;
}

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

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

::placeholder{
color:#949494;
}
::-ms-input-placeholder{
color:#949494;
}
:-ms-input-placeholder{
color:#949494;
}
::-ms-clear{
display:none;
}


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



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

	Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  form customize
----------------------------------------------------------------- */
[type=checkbox].is-checked:disabled{
background-image:url(/element/shared/images/icon/icon-form-checkbox-on.svg);
}


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

.result-tbl .cmn-loading-spinner{
margin:10px auto;
}

.search-result-item-footer .cmn-loading-spinner{
margin:0 auto;
}

.detail-item-result > .cmn-loading-spinner{
margin-bottom:500px;
}

.gallery-view-photo .cmn-loading-spinner{
margin:-12px 0 0 -12px;
position:absolute;
top:50%;
left:50%;
}


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

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

.lyt-flexible .menu-header-container{
margin-bottom:0;
}

/* .menu-header-container > .menu-header
----------------------------------------------- */
.menu-header-container .menu-header{
margin-bottom:-2px;
padding-right:120px;
display:block;
line-height:1.25;
font-size:30px;
text-shadow:1px 1px 1px rgba(0,0,0,.35);
}

#container .menu-header-container .menu-header a{
color:#fff;
}

#container .menu-header-container .menu-header a:active,
#container .menu-header-container .menu-header a:hover,
#container .menu-header-container .menu-header a:focus{
text-decoration:none;
}

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

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

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

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

.menu-header-container .menu-header-agt-list::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-left:1px solid rgba(255,255,255,.5);
position:absolute;
top:15px;
right:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
}

.menu-header-container .menu-header-utility > li{
border-width:1px 1px 1px 0;
border-style:solid;
border-color:rgba(255,255,255,.5);
}

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

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

/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
padding:8px 20px;
color:#fff;
background-color:#333;
font-size:18px;
}

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


/* ----------------------------------------------------------------
  List
----------------------------------------------------------------- */
/* list-col-2
----------------------------------------------- */
/* only column layout */
.list-col-2{
margin-left:-15px;
}

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

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

.list-col-2 > li.list-col-2-wide{
width:auto;
}

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


/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* .link-list-line
----------------------------------------------- */
.link-list-line{
overflow:hidden;
}

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

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

.link-list-line > li a::before{
content:'';
display:block;
position:absolute;
top:7px;
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);
}

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

.link-list-line > li.more{
float:right;
}

/* .link-filter
----------------------------------------------- */
.link-filter{
border-bottom:1px solid #92ccf4;
color:inherit;
line-height:1.2;
display:inline-block;
text-decoration:none !important;
}


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

.btn-close button{
color:#555;
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
----------------------------------------------------------------- */
/* .nav-top
----------------------------------------------- */
.nav-top{
margin:10px 0 30px;
text-align:right;
font-size:11px;
}

.nav-top a{
padding-left:15px;
color:var(--cmn-font-color-gray);
display:inline-block;
position:relative;
}

.nav-top a::before{
content:'';
display:inline-block;
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:0 5px 5px 5px;
border-color:transparent transparent #555 transparent;
border-style:solid;
}

.nav-top a::before{
top:.5em;
left:0;
}

.detail-item + .nav-top{
margin-top:-20px;
}

/* .nav-internal
----------------------------------------------- */
.nav-internal{
margin:30px 0 10px;
}

.nav-internal > li{
margin-right:10px;
padding-right:15px;
min-width:5em;
border-right:1px solid #ccc;
text-align:center;
display:inline-block;
}

.nav-internal > li a{
color:var(--cmn-font-color-gray);
display:block;
}

.pickup + .nav-internal{
margin-top:40px;
}

/* .pager
----------------------------------------------- */
.pager{
line-height:1;
font-size:14px;
white-space:nowrap;
font-family:Arial;
}

.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{
text-decoration:none;
background-color:transparent;
}

.pager li > b,
.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 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;
}

/* .detail-item-result > .pager
----------------------------------------------- */
.detail-item-result .pager li > a{
color:#555;
background-color:#ececec;
}

.detail-item-result .pager li > b{
color:#555;
background-color:transparent;
}

.detail-item-result .pager .ellipsis::before{
color:#555;
}

.detail-item-result .pager li > a:active,
.detail-item-result .pager li > a:hover,
.detail-item-result .pager li > a:focus,
.detail-item-result .pager li > b:active,
.detail-item-result .pager li > b:hover,
.detail-item-result .pager li > b:focus{
background-color:transparent;
}

/* .tab-view-switch
----------------------------------------------- */
.tab-view-switch{
margin:20px 0;
max-width:730px;
border-bottom:1px solid #bbb;
display:-webkit-box;
display:flex;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
}

.tab-view-switch.result-list-view{
margin-top:0;
}

/* .tab-view-switch-list
----------------------------------------------- */
.tab-view-switch .tab-view-switch-list{
-webkit-box-flex:1;
flex:1;
}

.tab-view-switch .tab-view-switch-list > li{
margin-right:5px;
float:left;
position:relative;
z-index:1;
}

.tab-view-switch .tab-view-switch-list > li a{
padding:12px 5px;
color:var(--cmn-font-color-gray);
border-width:1px 1px 0;
border-style:solid;
border-color:#bbb;
display:block;
min-width:148px;
background-color:#f8f8f8;
font-size:13px;
text-align:center;
text-decoration:none;
}

.tab-view-switch .tab-view-switch-list > li a::before{
content:'';
display:inline-block;
width:15px;
height:15px;
overflow:hidden;
position:static;
}

.tab-view-switch .tab-view-switch-list > li a::before{
margin:-1px 5px 0 0;
vertical-align:middle;
background-position:0 0;
background-repeat:no-repeat;
}

.tab-view-switch .tab-view-switch-list > li.is-active a{
color:var(--cmn-font-color-base);
position:relative;
font-weight:bold;
background-color:#fff;
}

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

.tab-view-switch .tab-view-switch-list > li.is-active a::after{
z-index:1;
background-color:#fff;
}

.tab-view-switch .tab-view-switch-list > li.is-disabled a{
border-color:#e9e9e9;
color:#ccc;
}

.tab-view-switch .tab-view-switch-list > li.is-disabled a::before{
opacity:.5;
}

.tab-view-switch .tab-view-switch-list > .list a::before{
background-image:url(/element/shared/images/icon/icon-tab-list.png);
}

.tab-view-switch .tab-view-switch-list > .visual a::before{
width:10px;
background-image:url(/element/shared/images/icon/icon-tab-map.png);
}

.tab-view-switch .tab-view-switch-list > .info a::before{
margin-top:-2px;
width:12px;
background-image:url(/element/shared/images/icon/icon-tab-hotel.svg);
}

.tab-view-switch .tab-view-switch-list > .review a::before{
background-image:url(/element/shared/images/icon/icon-tab-review.svg);
}

/* .tab-view-switch-history-back
----------------------------------------------- */
.tab-view-switch .tab-view-switch-history-back{
padding:5px 12px;
border:1px solid #bebebe;
border-radius:4px;
color:var(--cmn-font-color);
box-shadow:0 -1px 0 #bebebe inset;
background-color:#fff;
font-size:14px;
font-weight:bold;
text-decoration:none;
}


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


/* ----------------------------------------------------------------
  Notice
----------------------------------------------------------------- */
/* .notice
----------------------------------------------- */
.notice{
margin-top:5px;
color:var(--cmn-font-color-gray);
text-align:right;
font-size:11px;
}

.notice::before{
margin-right:2px;
content:'\203b';
display:inline-block;
}

.notice.no-mark::before{
display:none;
}

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

.notice-list > li{
margin-top:10px;
padding:0 0 4px 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;
}

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

.notice-list > li.em{
font-weight:bold;
}

.notice-list > li.attention::before{
color:var(--cmn-font-color-red);
}

.cmn-tip-container .notice-list{
margin-top:4px;
font-size:11px;
}

.tip-payment-list .notice-list,
.modal-plan-content-panel-payment-list .notice-list,
.modal-plan-content-panel-cancel .notice-list,
.modal-plan-content-panel-price-detail .notice-list{
margin-top:4px;
}

.cmn-tip-container .notice-list > li,
.tip-payment-list .notice-list > li,
.modal-plan-content-panel-payment-list .notice-list > li,
.modal-plan-content-panel-price-detail .notice-list > li{
padding-bottom:0;
}

.cmn-tip-container .notice-list > li:not(:first-child),
.tip-payment-list .notice-list > li:not(:first-child),
.modal-plan-content-panel-payment-list .notice-list > li:not(:first-child),
.modal-plan-content-panel-price-detail .notice-list > li:not(:first-child){
margin-top:4px;
}

.agt-link .agt-link-info-list > .notice-list{
margin-top:20px;
}

.detail-item-list-separate-line .notice-list{
margin:0 0 0 8px;
display:inline-block;
}

.detail-item-list-separate-line .notice-list{
margin:0 0 0 8px;
display:inline-block;
}


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

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

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

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

/* icon-brackets
----------------------------------------------- */
.icon-brackets{
padding:0 7px;
display:inline-block;
position:relative;
}

.icon-brackets::before{
content:'\300c';
display:block;
position:absolute;
top:-1px;
left:-5px;
}

.icon-brackets::after{
content:'\300d';
display:block;
position:absolute;
bottom:-1px;
right:-5px;
}


/* ----------------------------------------------------------------
  Inquiry
----------------------------------------------------------------- */
/* .inquiry
----------------------------------------------- */
.inquiry{
position:relative;
color:var(--cmn-font-color-base);
}

/* .gallery .inquiry
------------------- */
.gallery .inquiry{
position:fixed;
top:24px;
right:77px;
z-index:1;
}

/* .inquiry-hook
----------------------------------------------- */
.inquiry .inquiry-hook{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
display:block;
width:24px;
height:24px;
overflow:hidden;
cursor:pointer;
background:url(/element/shared/images/frame/icon-inquiry.svg) 50% 50% no-repeat;
filter:brightness(60%) invert(100%);
}

/* .gallery .inquiry-hook
------------------- */
.gallery .inquiry-hook{
width:32px;
height:32px;
}

/* .inquiry-pulldown
----------------------------------------------- */
.inquiry .inquiry-pulldown{
padding:16px;
border-radius:6px;
position:absolute;
top:100%;
right:0;
width:284px;
z-index:152;
box-sizing:border-box;
box-shadow:0 1px 4px rgba(0,0,0,.45);
background-color:#eee;
}

.inquiry[aria-expanded="false"] .inquiry-pulldown{
display:none;
}

.inquiry[aria-expanded="true"] .inquiry-pulldown{
display:block;
}

/* .inquiry .inquiry-pulldown-hdg
----------------------------------------------- */
.inquiry .inquiry-pulldown-hdg{
margin-bottom:6px;
padding:1px 0 5px 28px;
line-height:1.25;
background:url(/element/shared/images/frame/icon-inquiry.svg) 0 0 no-repeat;
background-size:22px;
font-size:14px;
font-weight:bold;
}

/* .inquiry-pulldown-list
----------------------------------------------- */
.inquiry .inquiry-pulldown-list > li:not(:first-child){
margin-top:12px;
}

.inquiry .inquiry-pulldown-list button{
margin:0;
padding:0;
border:1px solid #bbb;
border-radius:4px;
color:var(--cmn-font-color-base);
display:block;
width:100%;
min-height:34px;
background-color:#fff;
font-size:12px;
font-weight:bold;
}


/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* .form-custom-select
----------------------------------------------- */
.form-custom-select{
border:1px solid #bebebe;
display:inline-block;
min-width:50px;
height:34px;
padding:0;
box-sizing:border-box;
background-color:#fff;
position:relative;
}

.form-custom-select::before{
margin-top:-2px;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:5px;
display:block;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}

.form-custom-select select{
padding:5px 16px 5px 5px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:34px;
box-sizing:border-box;
position:relative;
background-color:transparent;
font-size:13px;
}

.form-custom-select select[disabled]{
color:#949494;
}

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

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

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

.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:4px;
left:0;
}

.form-list > li .num{
margin-left:8px;
display:inline-block;
font-size:12px;
}

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

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

.form-list .form-list{
margin-left:18px;
}

.form-list .form-list-note{
margin:3px 0 0 1em;
color:var(--cmn-font-color-gray);
display:block;
font-size:11px;
text-indent: -1em;
}

.form-list .hotel-rank{
display:inline-block;
}

.form-list .hotel-rank > span{
margin-right:8px;
display:inline-block;
}

.cmn-modal-select .form-list:first-child{
margin-top:-5px;
}

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

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

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

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

.form-list-logo > li .logo{
display:block;
border:1px solid #dae1e5;
display:block;
position:absolute;
top:0;
left:20px;
width:50px;
height:20px;
box-sizing:border-box;
overflow:hidden;
background-color:#fff;
}

.form-list-logo > li .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-list-logo > li .num{
display:inline-block;
}

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

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

.cmn-modal-select .form-list-logo:first-child{
margin-top:-5px;
}


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

Component Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .form-search-map
----------------------------------------------------------------- */
/* .form-search-map-item
----------------------------------------------- */
.form-search-map .form-search-map-item{
padding:10px;
border:1px solid #bbb;
position:relative;
background-color:#fff;
}

/* .form-search-map-item-hdg
----------------------------------------------- */
.form-search-map .form-search-map-item-hdg{
margin:-3px 0 5px;
padding-left:23px;
color:var(--cmn-font-color-base);
background:url(/element/j_hotel/shared/images/icon-map-active.png) no-repeat 0 50%;
font-size:12px;
}

/* .form-search-map-view
----------------------------------------------- */
.form-search-map .form-search-map-view{
height:210px;
position:relative;
background-color:#ccc;
}

.form-search-map .form-search-map-view img{
position:absolute;
top:0;
left:0;
}

/* .form-search-map-multiple
----------------------------------------------- */
.form-search-map .form-search-map-multiple{
margin-bottom:-10px;
}

/* .form-search-map-multiple-item
----------------------------------------------- */
.form-search-map .form-search-map-multiple-item{
margin:0 -10px;
border-top:1px solid #d3d3d3;
padding:10px 20px 10px 10px;
position:relative;
cursor:pointer;
}

.form-search-map .form-search-map-multiple-item.is-active::before{
content:'';
display:block;
position:absolute;
top:-1px;
left:-1px;
width:calc(100% + 2px);
box-sizing:border-box;
height:calc(100% + 2px);
border:2px solid #efc056;
z-index:1;
}

.form-search-map .form-search-map-multiple-item .form-search-map-multiple-btn,
.form-search-map .form-search-map-multiple-item .form-search-map-multiple-btn-clear{
padding:0;
border:none;
position:absolute;
top:0;
right:0;
z-index:1;
width:16px;
height:100%;
cursor:pointer;
background:#bebebe url(/element/j_hotel/shared/images/icon-close.svg) 50% 50% no-repeat;
background-size:7px 7px;
overflow:hidden;
}

.form-search-map .form-search-map-multiple-item .form-search-map-multiple-btn > span,
.form-search-map .form-search-map-multiple-item .form-search-map-multiple-btn-clear > span{
display:block;
opacity:0;
}

.form-search-map .form-search-map-multiple-item .form-search-map-multiple-btn-clear{
background-color:transparent;
background-image:url(/element/shared/images/icon/icon-reset-line.svg);
}

/* .form-search-map-multiple-path
----------------------------------------------- */
.form-search-map .form-search-map-multiple-path{
overflow:hidden;
position:relative;
z-index:1;
font-size:12px;
}

.form-search-map .form-search-map-multiple-path > li{
padding-left:12px;
position:relative;
float:left;
}

.form-search-map .form-search-map-multiple-path > li::before{
content:'/';
display:block;
position:absolute;
top:3px;
left:4px;
font-size:12px;
line-height:1;
}

.form-search-map .form-search-map-multiple-path > li:first-child{
padding-left:0;
}

.form-search-map .form-search-map-multiple-path > li:first-child::before{
display:none;
}

.form-search-map .form-search-map-multiple-path > li:empty::before{
display:none;
}

.form-search-map .form-search-map-multiple-path .path-hook{
color:var(--cmn-font-color-link);
display:inline-block;
cursor:pointer;
}

/* .form-search-map-multiple-list
----------------------------------------------- */
.form-search-map .form-search-map-multiple-list{
overflow:hidden;
position:relative;
z-index:1;
font-size:11px;
}

.form-search-map .form-search-map-multiple-list > li{
margin:3px 5px 0 0;
padding-right:5px;
border-right:1px solid #ccc;
float:left;
}

/* .form-search-map-item-re-search
----------------------------------------------- */
.form-search-map .form-search-map-item-re-search{
color:#fff;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:3;
background-color:rgba(0,0,0,.6);
display:none;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
text-align:center;
cursor:pointer;
}

.form-search-map.is-disabled .form-search-map-item-re-search{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

/* .form-search-map-add-btn
----------------------------------------------- */
.form-search-map .form-search-map-add-btn{
margin-left:auto;
padding:5px 5px 5px 16px;
color:var(--cmn-font-color-gray);
border:none;
display:block;
position:relative;
background:none;
font-size:12px;
}

.form-search-map .form-search-map-add-btn::before{
margin-top:-6px;
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background:url(/element/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
}

.form-search-map .form-search-map-add-btn:disabled{
opacity:.25;
}


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

.form-search input[type='text'],
.form-search input[type='search']{
padding:5px;
border:1px solid #bebebe;
border-radius:0;
box-sizing:border-box;
height:34px;
background-color:#fff;
}

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

.menu-header-container + .form-search{
margin-top:-20px;
}

.form-search .destination .form-search-select{
width:80px;
}

/* .detail-item > .form-search
------------------------------------ */
.detail-item .form-search{
margin:-20px -20px 0;
padding:15px 20px;
}

/* .form-search-lyt
----------------------------------------------- */
.form-search .form-search-lyt > .form-search-lyt-cell{
float:left;
width:578px;
}

.form-search .form-search-lyt > .form-search-lyt-cell:last-child{
margin:0;
width:322px;
float:right;
}

/* .form-search-lyt-01
----------------------------------------------- */
.form-search .form-search-lyt-01 > .form-search-lyt-01-cell{
float:left;
width:430px;
}

.form-search .form-search-lyt-01 > .form-search-lyt-01-cell:last-child{
margin-left:50px;
}

/* .form-search-lyt-02
----------------------------------------------- */
/* detail page layout */
.form-search .form-search-lyt-02{
margin-top:15px;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
}

.form-search .form-search-lyt-02 > .form-search-lyt-02-cell{
margin-right:15px;
padding-right:15px;
border-right:1px solid #ccc;
box-sizing:border-box;
width:30%;
}

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

.form-search .form-search-lyt-02 > .form-search-lyt-02-cell:last-child{
margin-right:0;
padding-right:0;
border-right:none;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.form-search .form-search-lyt-02 > .form-search-lyt-02-cell .form-search-item{
margin-top:0;
}

/* .form-search-item-lyt
----------------------------------------------- */
.form-search .form-search-item-lyt{
display:-webkit-box;
display:flex;
gap:19px;
}

.form-search .form-search-item-lyt > div:first-child{
-webkit-box-flex:1;
flex:1;
}

.form-search .form-search-item-lyt > div:last-child{
width:270px
}

/* .detail-item > .form-search-item-lyt
------------------------------------ */
.detail-item .form-search-item-lyt{
gap:29px;
}

.detail-item .form-search-item-lyt > div:first-child{
width:360px;
-webkit-box-flex:0;
flex:none;
}

.detail-item .form-search-item-lyt > div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .form-search-item-lyt-01
----------------------------------------------- */
.form-search .form-search-item-lyt-01{
display:-webkit-box;
display:flex;
gap:12px;
}

.form-search .form-search-item-lyt-01 > div:first-child{
width:210px;
flex:none;
}

.form-search .form-search-item-lyt-01 > div{
-webkit-box-flex:1;
flex:1;
}

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

.form-search .form-search-item.destination{
margin:0 0 9px;
}

.form-search .form-search-item.date{
margin-top:0;
}

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

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

.form-search .form-search-item.room-num > .form-search-item-cell:first-child,
.form-search .form-search-item.smoking > .form-search-item-cell:first-child,
.form-search .form-search-item.budget > .form-search-item-cell:first-child{
width:70px;
}

.form-search .form-search-item.review > .form-search-item-cell:first-child{
width:75px;
}

.form-search .form-search-item.price-range > .form-search-item-cell:first-child{
width:55px;
}

.form-search .form-search-item.picky > .form-search-item-cell{
padding-left:3px;
}

.form-search .form-search-item.picky > .form-search-item-cell:first-child{
padding-left:0;
}

.form-search .form-search-item.ext > .form-search-item-cell{
vertical-align:middle;
}

/* .detail-item > .form-search-item
------------------------------------ */
.detail-item .form-search .form-search-item > .form-search-item-cell:first-child{
width:85px;
}

/* .form-search-header
----------------------------------------------- */
.form-search .form-search-header{
margin:0 150px 8px 0;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:0 8px;
}

/* .form-search-header-hdg
----------------------------------------------- */
.form-search .form-search-header-hdg{
font-size:16px;
font-weight:bold;
}

/* .form-search-header-sup
----------------------------------------------- */
.form-search .form-search-header-sup{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 4px;
font-weight:normal;
font-size:12px;
}

/* .form-search-header-sup-hdg
----------------------------------------------- */
.form-search .form-search-header-sup-hdg{
font-weight:normal;
}

/* .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 .sup{
display:block;
font-size:11px;
font-weight:normal;
}

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

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

.form-search .form-search-item.ext .form-search-hdg{
color:rgba(0,0,0,0);
}

.form-search .form-search-item.smoking .form-search-hdg > h2{
padding-top:3px;
vertical-align:top;
}

/* .form-search-hdg-01
----------------------------------------------- */
.form-search .form-search-hdg-01{
margin-bottom:3px;
}

.form-search .form-search-hdg-01 > h2{
display:inline-block;
font-size:11px;
}

.form-search .form-search-hdg-01 .form-search-btn-del{
margin:0 0 0 5px;
display:inline-block;
}

/* .form-search-btn
----------------------------------------------- */
.form-search .form-search-btn,
.form-search .form-search-btn-01{
padding:3px 10px 3px 18px;
border:1px solid #bebebe;
border-radius:1px;
color:var(--cmn-font-color-gray);
display:inline-block;
min-width:95px;
box-sizing:border-box;
position:relative;
background-color:#fff;
box-shadow:0 -1px 0 #bebebe inset;
font-size:13px;
text-align:left;
}

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

.form-search .form-search-btn .sup,
.form-search .form-search-btn-01 .sup{
font-size:11px;
}

.form-search .hotel-rank .form-search-btn-01,
.form-search .price-range .form-search-btn-01{
min-width:0;
}

/* .form-search-btn-01
----------------------------------------------- */
.form-search .form-search-btn-01{
padding:6px 5px 6px 17px;
width:100%;
height:34px;
cursor:pointer;
}

.form-search .form-search-btn-01::before{
left:7px;
}

/* .form-search-btn-01-tip
----------------------------------------------- */
/* cmn-tip-btn inner */
.form-search-btn-01-tip{
position:relative;
}

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

.form-search-btn-01-tip .form-search-btn-01 .num{
margin-left:10px;
display:inline-block;
}

.form-search-btn-01-tip .cmn-tip-btn{
position:absolute;
left:45px;
bottom:50%;
-webkit-transform:translateY(50%);
-ms-transform:translateY(50%);
transform:translateY(50%);
}

/* .form-search-list-line
----------------------------------------------- */
.form-search .form-search-list-line{
color:var(--cmn-font-color-base);
font-size:11px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.form-search .form-search-list-line > li{
margin-right:8px;
}

.form-search .form-search-list-line > li label{
padding-left:15px;
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;
top:2px;
left:0;
}

.form-search .smoking .form-search-list-line > li{
margin-right:5px;
letter-spacing:-.025em;
}

/* .form-search-note
----------------------------------------------- */
.form-search .form-search-note{
padding-left:15px;
color:var(--cmn-font-color-gray);
display:block;
position:relative;
font-size:11px;
}

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

.form-search .smoking .form-search-note{
margin-left:-70px;
letter-spacing:-.05em;
}

.detail-item .smoking .form-search-note{
margin-left:-85px;
}

/* .form-search-error
----------------------------------------------- */
.form-search .form-search-error{
margin:6px 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-destination-list
----------------------------------------------- */
.form-search .form-search-destination-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.form-search .form-search-destination-list > li:not(:first-child){
margin-top:6px;
}

.form-search .form-search-destination-list input[type='text'],
.form-search .form-search-destination-list input[type='search']{
border:none;
height:32px;
width:100%;
}

.form-search .form-search-destination-list > li.is-hide{
display:none;
}

/* .form-search-destination-list-input
----------------------------------------------- */
.form-search .form-search-destination-list-input{
margin-right:10px;
padding-right:16px;
border:1px solid #bebebe;
border-radius:0 2px 2px 0;
position:relative;
width:450px;
box-sizing:border-box;
background-color:#fff;
}

/* .form-search-destination-list-btn-clear / .form-search-destination-list-btn-del
----------------------------------------------- */
.form-search .form-search-destination-list-btn-clear,
.form-search .form-search-destination-list-btn-del{
padding:0;
border:none;
border-radius:0 2px 2px 0;
width:17px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
right:-1px;
cursor:pointer;
background:#bebebe url(/element/j_hotel/shared/images/icon-close.svg) 50% 50% no-repeat;
background-size:7px 7px;
}

.form-search .form-search-destination-list-btn-clear > span,
.form-search .form-search-destination-list-btn-del > span{
visibility:hidden;
}

.form-search .form-search-destination-list-btn-clear{
background-image:url(/element/shared/images/icon/icon-reset-line.svg);
background-color:transparent;
}

/* .form-search-destination-btn
----------------------------------------------- */
.form-search .form-search-destination-btn{
padding:5px 5px 5px 16px;
color:var(--cmn-font-color-gray);
border:none;
display:block;
position:relative;
background:none;
font-size:12px;
}

.form-search .form-search-destination-btn::before{
margin-top:-6px;
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background:url(/element/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
}

.form-search .form-search-destination-btn.is-hide{
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:16px;
position:relative;
}

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

.form-search .form-search-date > li:last-child .form-search-select{
width:auto;
}

.form-search .form-search-date > li .form-search-select{
width:205px;
}

.form-search .form-search-date > li img{
margin-top:4px;
}

/* .form-search-date-btn
----------------------------------------------- */
.form-search .form-search-date-btn{
padding:0 30px 0 10px;
border:1px solid #bebebe;
width:205px;
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.5% 4px no-repeat;
text-align:left;
font-size:13px;
}

/* .form-search-checkbox
----------------------------------------------- */
.form-search .form-search-checkbox{
margin:3px 0 0 10px;
padding-left:18px;
color:var(--cmn-font-color-base);
display:block;
float:left;
position:relative;
line-height:1.25;
cursor:pointer;
}

.form-search .form-search-checkbox input[type='checkbox']{
margin:auto 0;
position:absolute;
top:0;
left:0;
bottom:0;
}

.form-search .form-search-checkbox .sup{
color:var(--cmn-font-color-base);
display:block;
font-size:11px;
}

.form-search .form-search-item.ext .form-search-checkbox{
margin-left:0;
padding:7px 7px 7px 27px;
border-radius:4px;
color:#fff;
min-width:170px;
line-height:1;
background-color:#287ac4;
}

.form-search .form-search-item.ext .form-search-checkbox input[type='checkbox']{
left:10px;
}

/* .form-search-num
----------------------------------------------- */
.form-search .form-search-num > li{
float:left;
}

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

.form-search .form-search-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 .form-search-num > li.adult > label .form-search-select{
float:left;
width:55px;
}

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

.form-search .form-search-num > li.child .form-search-btn-01{
padding-right:0;
width:96px;
}

/* .form-search-room-type
----------------------------------------------- */
.form-search .form-search-room-type{
overflow:hidden;
}

.form-search .form-search-room-type .form-search-btn-01{
float:left;
}

/* .form-search-keyword
----------------------------------------------- */
.form-search .form-search-keyword{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.form-search .form-search-keyword > :first-child{
-webkit-box-flex:1;
flex:1 0 0;
}

/* .form-search-keyword > label
----------------------------------------------- */
.form-search .form-search-keyword > label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
font-size:11px;
}

.form-search .form-search-keyword > label > span:first-child{
height:0;
position:absolute;
top:0;
left:0;
overflow:hidden;
}

.form-search .form-search-keyword > label > span:last-child{
padding-right:5px;
border:1px solid #bebebe;
color:#949494;
-webkit-box-flex:1;
-ms-flex:1 0 0;
flex:1 0 0;
background-color:#fff;
}

.form-search .form-search-keyword > label input[type='text'],
.form-search .form-search-keyword > label input[type='search']{
width:290px;
height:32px;
border:none;
}

/* .detail-item > .form-search-item-lyt
------------------------------------ */
.detail-item .form-search-keyword > label input[type='text'],
.detail-item .form-search-keyword > label input[type='search']{
width:225px;
}

/* .form-search-picky
----------------------------------------------- */
.form-search .form-search-picky{
margin-bottom:5px;
}

.form-search .form-search-picky > li{
margin-bottom:2px;
padding-left:2px;
float:left;
position:relative;
box-sizing:border-box;
width:20%;
}

.form-search .form-search-picky > li:nth-child(5n+1){
padding-left:0;
clear:left;
}

.form-search .form-search-picky > li button{
padding:19px 0 2px;
border:1px solid #c4c4c4;
border-radius:2px;
color:var(--cmn-font-color-gray);
box-shadow:0 -1px 0 #d9d9d9 inset;
width:100%;
min-height:52px;
font-size:11px;
background-color:#fff;
line-height:1.25;
display:block;
position:relative;
}

.form-search .form-search-picky > li button[disabled]{
opacity:.33;
}

.form-search .form-search-picky > li.is-active button{
border:none;
color:#fff;
box-shadow:none;
background-color:#888;
}

.form-search .form-search-picky > li.is-active .tag{
box-shadow:0 1px 0 #888 inset;
color:#fff;
background-color:#606060;
}

.form-search .form-search-picky > li.is-active .num{
color:#fff;
}

.form-search .form-search-picky .tag{
padding:2px;
border-radius:3px 3px 0 0;
display:block;
position:absolute;
top:0;
left:0;
width:100%;
box-sizing:border-box;
box-shadow:0 1px 0 #fff inset;
background-color:#f1f1f1;
font-size:11px;
}

.form-search .form-search-picky .num{
display:block;
font-size:11px;
}

.form-search .form-search-picky .sup{
margin-top:4px;
color:var(--cmn-font-color-base);
display:block;
width:10em;
position:absolute;
top:100%;
right:-20px;
line-height:1.25;
font-size:11px;
text-align:center;
}

/* .form-search-agt
----------------------------------------------- */
.form-search .form-search-agt{
margin-bottom:5px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:2px;
}

.form-search .form-search-agt > li{
width:66px;
}

.form-search .form-search-agt > li button{
padding:4px 5px;
border:1px solid #c4c4c4;
border-radius:2px;
box-shadow:0 -1px 0 #d9d9d9 inset;
width:100%;
min-height:51px;
font-size:11px;
background-color:#fff;
display:block;
position:relative;
}

.form-search .form-search-agt > li button[disabled]{
opacity:.33;
}

.form-search .form-search-agt > li.is-active button{
border:none;
color:#fff;
box-shadow:none;
background-color:#888;
}

.form-search .form-search-agt > li.is-active .num{
color:#fff;
}

.form-search .form-search-agt .logo{
border:1px solid #fff;
display:block;
height:22px;
box-sizing:border-box;
position:relative;
background-color:#fff;
}

.form-search .form-search-agt .logo img{
position:absolute;
right:50%;
bottom:50%;
-webkit-transform:translate(50%, 50%);
-ms-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:100%;
max-height:100%;
}

.form-search .form-search-agt .num{
margin-top:3px;
color:var(--cmn-font-color-gray);
display:block;
font-size:11px;
}

/* .form-search-del-list
----------------------------------------------- */
.form-search .form-search-del-list{
margin-top:3px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:1px 10px;
}

.form-search .form-search-del-list button{
padding:0;
border:none;
color:#555;
font-size:12px;
text-align:left;
background:none;
vertical-align:bottom;
}

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

.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 .logo-s{
margin-right:3px;
border:1px solid #dae1e5;
display:inline-block;
width:30px;
height:15px;
box-sizing:border-box;
position:relative;
overflow:hidden;
vertical-align:middle;
background-color:#fff;
}

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

.form-search .form-search-del-list button .del{
color:rgba(var(--cmn-font-color-base-rgb) ,0);
display:inline-block;
width:11px;
height:11px;
overflow:hidden;
vertical-align:middle;
background:url(/element/j_hotel/shared/images/icon-close-square.svg) 0% 0% no-repeat;
}

/* .form-search-filter-add
----------------------------------------------- */
.form-search-filter-add{
margin-top:18px;
font-size:12px;
}

/* .form-search-filter-add-hdg
----------------------------------------------- */
.form-search-filter-add-hdg{
margin-bottom:4px;
font-size:11px;
}

/* .form-search-filter-add-list
----------------------------------------------- */
.form-search-filter-add-list{
margin:0;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:4px 0;
}

.form-search-filter-add-list > li{
width:calc(100% / 6);
}

.form-search-filter-add-list > li > label{
display:-webkit-box;
display:flex;
width:fit-content;
cursor:pointer;
}

.form-search-filter-add-list > li > label > input{
margin-right:4px;
}

.form-search-filter-add-list > li > label > span{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .form-search-filter-add-list-line
----------------------------------------------- */
.form-search-filter-add-list-line{
margin:0;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:4px 16px;
}

.form-search-filter-add-list-line > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 4px;
}

.form-search-filter-add-list-line > li > label{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
width:fit-content;
cursor:pointer;
gap:0 4px;
}

.form-search-filter-add-list-line > li > label > span{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.form-search-filter-add-list-line > li.add-line{
padding-left:16px;
border-left:1px solid #aaa;
}

/* .form-search-btn-del
----------------------------------------------- */
.form-search .form-search-btn-del{
margin:5px 0 0 5px;
padding-left:15px;
color:var(--cmn-font-color-gray);
border:none;
position:relative;
background:none;
font-size:12px;
}

.form-search .form-search-btn-del::before{
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:4px;
left:0;
background:url(/element/j_hotel/shared/images/icon-close-square.svg) 0 0 no-repeat;
}

.form-search .form-search-btn-del[disabled]{
opacity:.44;
}

/* .form-search-utility
----------------------------------------------- */
.form-search .form-search-utility{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:absolute;
top:8px;
right:20px;
font-size:11px;
}

.form-search .form-search-utility span{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
display:inline-block;
}

.form-search .form-search-utility button{
padding:0 0 0 12px;
border:none;
background:url(/element/j_hotel/shared/images/icon-close-01.svg) 0 50% no-repeat;
background-size:8px 8px;
font-size:11px;
}


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

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

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

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

.form-search-index .destination .form-search-index-select{
width:70px;
}

.form-search-index .price-range .form-search-index-select{
width:170px;
}

/* .form-search-index-lyt
----------------------------------------------- */
.form-search-index .form-search-index-lyt > .form-search-index-lyt-cell{
float:left;
width:548px;
}

.form-search-index .form-search-index-lyt > .form-search-index-lyt-cell:last-child{
margin:10px 0 0 20px;
width:322px;
}

/* .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.destination{
margin-top:0;
}

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

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

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

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

.form-search-index .form-search-index-item > .form-search-index-item-cell:first-child::before{
display:none;
}

.form-search-index .form-search-index-item.budget > .form-search-index-item-cell:last-child,
.form-search-index .form-search-index-item.picky > .form-search-index-item-cell:last-child{
padding-left:4px;
}

/* .form-search-index-item-col
----------------------------------------------- */
.form-search-index .form-search-index-item-col{
display:-webkit-box;
display:flex;
gap:10px;
}

.form-search-index .form-search-index-item-col > .form-search-index-item:first-child{
width:310px;
}

.form-search-index .form-search-index-item-col > .form-search-index-item:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .form-search-index-item-lyt
----------------------------------------------- */
.form-search-index-item-lyt{
display:-webkit-box;
display:flex;
gap:10px
}

.form-search-index-item-lyt > div:first-child{
width:310px;
}

.form-search-index-item-lyt > div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .form-search-index-hdg
----------------------------------------------- */
.form-search-index .form-search-index-hdg{
padding:2px 18px 1px 8px;
color:#fff;
display:table;
border-radius:2px 0 0 2px;
width:100%;
height:34px;
box-sizing:border-box;
position:relative;
vertical-align:middle;
line-height:1.25;
background-color:#015eaa;
text-align:center;
}

.form-search-index .form-search-index-hdg > h2{
display:table-cell;
vertical-align:middle;
font-weight:normal;
font-size:12px;
text-align:left;
}

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

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

.form-search-index .form-search-index-hdg.no-tip-btn{
padding-right:5px;
}

/* .form-search-index-btn
----------------------------------------------- */
.form-search-index .form-search-index-btn,
.form-search-index .form-search-index-btn-01{
padding:3px 10px 3px 20px;
border:1px solid #bebebe;
border-radius:1px;
color:var(--cmn-font-color-gray);
display:inline-block;
min-width:100px;
box-sizing:border-box;
position:relative;
background-color:#fff;
box-shadow:0 -1px 0 #bebebe inset;
font-size:13px;
text-align:left;
}

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

.form-search-index .form-search-index-btn .sup,
.form-search-index .form-search-index-btn-01 .sup{
color:var(--cmn-font-color-gray);
font-size:11px;
}

/* .form-search-index-btn-01
----------------------------------------------- */
.form-search-index .form-search-index-btn-01{
padding:6px 5px 6px 17px;
height:34px;
width:100%;
cursor:pointer;
}

.form-search-index .form-search-index-btn-01::before{
left:7px;
}

/* .form-search-index-btn-01-tip
----------------------------------------------- */
/* cmn-tip-btn inner */
.form-search-index-btn-01-tip{
position:relative;
}

.form-search-index-btn-01-tip .form-search-index-btn-01{
padding-right:0;
}

.form-search-index-btn-01-tip .form-search-index-btn-01 .num{
margin-left:13px;
display:inline-block;
}

.form-search-index-btn-01-tip .cmn-tip-btn{
position:absolute;
left:47px;
bottom:50%;
-webkit-transform:translateY(50%);
-ms-transform:translateY(50%);
transform:translateY(50%);
}

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

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

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

.form-search-index .form-search-index-list-line > li label{
padding-left:15px;
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:0;
position:absolute;
top:2px;
left:0;
}

/* .form-search-index-note
----------------------------------------------- */
.form-search-index .form-search-index-note{
padding-left:15px;
color:var(--cmn-font-color-gray);
display:block;
position:relative;
font-size:11px;
}

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

.form-search-index .smoking .form-search-index-note{
margin:4px 0 0 -107px;
}

/* .form-search-index-error
----------------------------------------------- */
.form-search-index .form-search-index-error{
margin:6px 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-destination-list
----------------------------------------------- */
.form-search-index .form-search-index-destination-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.form-search-index .form-search-index-destination-list > li:not(:first-child){
margin-top:6px;
}

.form-search-index .form-search-index-destination-list input[type='text'],
.form-search-index .form-search-index-destination-list input[type='search']{
border:none;
height:32px;
width:100%;
}

.form-search-index .form-search-index-destination-list > li.is-hide{
display:none;
}

/* .form-search-index-destination-list-input
----------------------------------------------- */
.form-search-index .form-search-index-destination-list-input{
margin-right:10px;
padding-right:16px;
border:1px solid #bebebe;
border-radius:0 2px 2px 0;
position:relative;
width:442px;
box-sizing:border-box;
background-color:#fff;
}

/* .form-search-index-destination-list-btn-clear / .form-search-index-destination-list-btn-del
----------------------------------------------- */
.form-search-index .form-search-index-destination-list-btn-clear,
.form-search-index .form-search-index-destination-list-btn-del{
padding:0;
border:none;
border-radius:0 2px 2px 0;
width:17px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
right:-1px;
cursor:pointer;
background:#bebebe url(/element/j_hotel/shared/images/icon-close.svg) 50% 50% no-repeat;
background-size:7px 7px;
}

.form-search-index .form-search-index-destination-list-btn-clear > span,
.form-search-index .form-search-index-destination-list-btn-del > span{
visibility:hidden;
}

.form-search-index .form-search-index-destination-list-btn-clear{
background-color:transparent;
background-image:url(/element/shared/images/icon/icon-reset-line.svg);
}

/* .form-search-index-destination-btn
----------------------------------------------- */
.form-search-index .form-search-index-destination-btn{
padding:5px 5px 5px 16px;
color:var(--cmn-font-color-gray);
border:none;
display:block;
position:relative;
background:none;
font-size:12px;
}

.form-search-index .form-search-index-destination-btn::before{
margin-top:-6px;
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background:url(/element/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
}

.form-search-index .form-search-index-destination-btn.is-hide{
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:17px;
position:relative;
}

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

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

.form-search-index .form-search-index-date > li img{
margin-top:4px;
}

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

/* .form-search-index-checkbox
----------------------------------------------- */
.form-search-index .form-search-index-checkbox{
margin:3px 0 0 10px;
padding-left:18px;
color:var(--cmn-font-color-base);
display:block;
float:left;
position:relative;
line-height:1.25;
cursor:pointer;
}

.form-search-index .form-search-index-checkbox input[type='checkbox']{
margin:auto 0;
position:absolute;
top:0;
left:0;
bottom:0;
}

.form-search-index .form-search-index-checkbox .sup{
display:block;
font-size:11px;
}

/* .form-search-index-num
----------------------------------------------- */
.form-search-index .form-search-index-num{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.form-search-index .form-search-index-num > li:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

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

.form-search-index .form-search-index-num > li.adult > label > span:first-child{
padding:8px 0 4px 10px;
border-width:1px 0;
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 .form-search-index-select{
display:block;
float:left;
min-width:0;
width:55px;
}

/* .form-search-index-room-type
----------------------------------------------- */
.form-search-index .form-search-index-room-type{
overflow:hidden;
}

/* .form-search-index-picky
----------------------------------------------- */
.form-search-index .form-search-index-picky{
margin-bottom:5px;
}

.form-search-index .form-search-index-picky > li{
margin-bottom:2px;
padding-left:2px;
float:left;
box-sizing:border-box;
width:20%;
position:relative;
}

.form-search-index .form-search-index-picky > li:nth-child(5n+1){
padding-left:0;
clear:left;
}

.form-search-index .form-search-index-picky > li button{
padding:20px 0 4px;
border:1px solid #c4c4c4;
border-radius:2px;
color:var(--cmn-font-color-gray);
box-shadow:0 -1px 0 #d9d9d9 inset;
width:100%;
min-height:54px;
font-size:11px;
background-color:#fff;
line-height:1.25;
display:block;
position:relative;
}

.form-search-index .form-search-index-picky > li button[disabled]{
opacity:.33;
}

.form-search-index .form-search-index-picky > li.is-active button{
border:none;
color:#fff;
box-shadow:none;
background-color:#888;
}

.form-search-index .form-search-index-picky > li.is-active .tag{
padding-top:3px;
box-shadow:0 1px 0 #888 inset;
color:#fff;
background-color:#606060;
}

.form-search-index .form-search-index-picky > li.is-active .num{
color:#fff;
}

.form-search-index .form-search-index-picky .tag{
padding:2px;
border-radius:3px 3px 0 0;
color:#555;
display:block;
position:absolute;
top:0;
left:0;
width:100%;
box-sizing:border-box;
box-shadow:0 1px 0 #fff inset;
background-color:#f1f1f1;
font-size:11px;
}

.form-search-index .form-search-index-picky .num{
display:block;
font-size:11px;
}

.form-search-index .form-search-index-picky .sup{
margin-top:4px;
color:var(--cmn-font-color-base);
display:block;
width:10em;
position:absolute;
top:100%;
right:-20px;
line-height:1.25;
font-size:11px;
text-align:center;
}

/* .form-search-index-del-list
----------------------------------------------- */
.form-search-index .form-search-index-del-list:empty{
display:none;
}

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

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

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

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

.form-search-index .form-search-index-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-index .form-search-index-del-list button .logo-s{
margin-right:3px;
border:1px solid #dae1e5;
display:inline-block;
width:30px;
height:15px;
box-sizing:border-box;
position:relative;
overflow:hidden;
vertical-align:middle;
background-color:#fff;
}

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

.form-search-index .form-search-index-del-list button .del{
color:rgba(var(--cmn-font-color-base-rgb) ,0);
display:inline-block;
vertical-align:middle;
width:11px;
height:11px;
overflow:hidden;
background:url(/element/j_hotel/shared/images/icon-close-square.svg) 0 0 no-repeat;
}

/* .form-search-index-btn-del
----------------------------------------------- */
.form-search-index .form-search-index-btn-del{
margin:5px 0 0 5px;
padding-left:16px;
color:var(--cmn-font-color-gray);
border:none;
position:relative;
background:none;
font-size:12px;
}

.form-search-index .form-search-index-btn-del::before{
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:4px;
left:0;
background:url(/element/j_hotel/shared/images/icon-close-square.svg) 0 0 no-repeat;
}

.form-search-index .form-search-index-btn-del[disabled]{
opacity:.33;
}

/* .form-search-index-utility
----------------------------------------------- */
.form-search-index .form-search-index-utility{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:absolute;
top:8px;
right:15px;
font-size:11px;
}

.form-search-index .form-search-index-utility > li:not(:last-child){
margin-right:15px;
}

.form-search-index .form-search-index-utility span{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
display:inline-block;
}

.form-search-index .form-search-index-utility button{
padding:0 0 0 12px;
border:none;
background:url(/element/j_hotel/shared/images/icon-close-01.svg) 0 50% no-repeat;
background-size:8px 8px;
font-size:11px;
}

.form-search-index .form-search-index-utility a{

padding-left:14px;
display:inline-block;
background:url(/element/j_hotel/shared/images/icon-history.svg) 0 50% no-repeat;
background-size:10px 10px;
text-decoration:none;
}

/* .form-search-index-exec
----------------------------------------------- */
.form-search-index .form-search-index-exec{
padding:15px 10px 10px;
box-shadow:0 1px 2px rgba(0,0,0,.3) inset;
position:relative;
background-color:#fff;
text-align:center;
font-size:15px;
}

.form-search-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, .25) transparent transparent transparent;
border-style:solid;
}

.form-search-index .form-search-index-exec::after{
top:-1px;
margin-left:-21px;
border-width:11px 21px 0 21px;
border-top-color:#f6f6f6;
}

.form-search-index .form-search-index-exec .form-search-index-exec-num{
margin-right:30px;
display:inline-block;
vertical-align:middle;
}

.form-search-index .form-search-index-exec .form-search-index-exec-num b{
margin:0 5px;
color:var(--cmn-font-color-base);
display:inline-block;
min-width:4.1em;
vertical-align:middle;
font-size:25px;
text-align:right;
}

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


/* ----------------------------------------------------------------
  Alert Modules
----------------------------------------------------------------- */
/* .alert
----------------------------------------------- */
.alert{
width:560px;
box-sizing:border-box;
}

/* .alert-content
----------------------------------------------- */
.alert .alert-content{
color:var(--cmn-font-color-base);
font-size:13px;
text-align:left;
}

.alert .alert-content > b{
margin-bottom:15px;
display:block;
font-size:16px;
text-align:center;
}

/* .alert-content-list
----------------------------------------------- */
.alert .alert-content-list >li{
margin-top:10px;
padding-left:.75em;
position:relative;
}

.alert .alert-content-list >li::before{
content:"";
display:block;
border-radius:50%;
width:2px;
height:2px;
position:absolute;
top:8px;
left:0;
background-color:#333;
}


/* ----------------------------------------------------------------
  Modal Modules
----------------------------------------------------------------- */
/* .modal-sup
----------------------------------------------- */
.modal-sup{
margin-bottom:10px;
background-color:#f1f1f1;
}

.cmn-modal-hdg-01 + .modal-sup{
margin-top:-5px;
padding:0 5px 3px;
}

/* .modal-child
----------------------------------------------- */
.modal-child{
padding:15px 0;
color:#555;
display:table;
width:100%;
border-top:1px solid #ccc;
}

.modal-child:first-child{
padding-top:0;
border-top:none;
}

.modal-child > .modal-child-cell{
display:table-cell;
box-sizing:border-box;
vertical-align:middle;
}

.modal-child > .modal-child-cell:first-child{
padding-right:15px;
width:4em;
}

.modal-child > .modal-child-cell > :first-child{
margin-top:0;
}

/* .modal-child-list
----------------------------------------------- */
.modal-child .modal-child-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.modal-child .modal-child-list > li{
width:38%;
}

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

.modal-child .modal-child-list label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}

.modal-child .modal-child-list .form-custom-select{
margin:0 5px;
}

/* .modal-tab-list
----------------------------------------------- */
.modal-tab .modal-tab-list{
margin-bottom:20px;
border-bottom:2px solid #b8b8b8;
letter-spacing:-.4em;
}

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

.modal-tab .modal-tab-list > li button{
padding:2px;
border-radius:4px 4px 0 0;
border-width:2px 2px 0;
border-style:solid;
border-color:#b8b8b8;
min-width:200px;
min-height:40px;
display:block;
box-sizing:border-box;
font-weight:bold;
background-color:#f5f5f5;
font-size:16px;
}

.modal-tab .modal-tab-list > li button[disabled]{
margin-bottom:-2px;
padding-bottom:4px;
color:var(--cmn-font-color-base);
min-height:42px;
background-color:#fff;
}

.modal-tab .modal-tab-list.bottom{
margin:20px 0 0;
border-top:2px solid #b8b8b8;
border-bottom:none;
}

.modal-tab .modal-tab-list.bottom > li{
vertical-align:top;
}

.modal-tab .modal-tab-list.bottom > li button{
border-radius:0 0 4px 4px;
border-width:0 2px 2px;
}

.modal-tab .modal-tab-list.bottom > li button[disabled]{
margin:-2px 0 0;
padding:4px 2px 2px;
}

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

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

/* .modal-exec
----------------------------------------------- */
.modal-exec{
font-size:15px;
}

.modal-exec > b{
margin:0 5px;
color:var(--cmn-font-color-base);
display:inline-block;
min-width:4em;
vertical-align:middle;
font-size:25px;
text-align:right;
}

/* .modal-map
----------------------------------------------- */
.modal-map{
margin-left:-20px;
overflow:hidden;
}

.modal-map .modal-map-cell{
padding-left:20px;
float:left;
box-sizing:border-box;
width:45%;
}

.modal-map .modal-map-cell:first-child{
width:55%;
}

/* .modal-map-hdg
----------------------------------------------- */
.modal-map .modal-map-hdg{
margin-bottom:10px;
font-size:16px;
}

/* .modal-map-hdg-01
----------------------------------------------- */
.modal-map .modal-map-hdg-01{
margin:10px 0 5px;
padding-top:10px;
border-top:1px solid #ddd;
}

.modal-map .modal-map-hdg + .modal-map-hdg-01{
margin-top:0;
}

/* .modal-map-view
----------------------------------------------- */
.modal-map .modal-map-view{
position:relative;
height:275px;
}

/* .modal-map-route-search
----------------------------------------------- */
.modal-map .modal-map-route-search{
padding:10px;
border:1px solid #ddd;
background-color:#f7f7f7;
}

/* .modal-map-route-search-inner
----------------------------------------------- */
.modal-map .modal-map-route-search-inner{
margin-top:5px;
padding-right:95px;
position:relative;
}

/* .modal-map-route-search-list
----------------------------------------------- */
.modal-map .modal-map-route-search-list > li{
margin-top:5px;
}

.modal-map .modal-map-route-search-list > li input[type='text'],
.modal-map .modal-map-route-search-list > li input[type='search']{
padding:5px;
border:1px solid #bebebe;
border-radius:0;
width:235px;
box-sizing:border-box;
}

/* .modal-map-route-search-list-01
----------------------------------------------- */
.modal-map .modal-map-route-search-list-01{
display:inline-block;
vertical-align:top;
}

.modal-map .modal-map-route-search-list-01 > li{
margin-right:5px;
display:inline-block;
vertical-align:top;
}

.modal-map .modal-map-route-search-list-01 > li label{
padding-left:16px;
display:block;
position:relative;
cursor:pointer;
}

.modal-map .modal-map-route-search-list-01 > li input[type='radio']{
position:absolute;
top:2px;
left:0;
}

/* .modal-map-route-search-btn
----------------------------------------------- */
.modal-map .modal-map-route-search-btn{
padding:3px;
border-radius:3px;
color:#fff;
border:none;
position:absolute;
top:2px;
right:0;
min-width:90px;
background-color:#717171;
box-shadow:0 -2px 0 rgba(0,0,0,.4) inset;
font-weight:bold;
font-size:15px;
}


/* ----------------------------------------------------------------
  Modal Plan Deatail
----------------------------------------------------------------- */
/* .modal-plan
----------------------------------------------- */
.modal-plan{
margin:0 auto;
display:none;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
position:absolute;
top:20px;
left:0;
right:0;
z-index:calc(var(--cmn-modal-layer-z-index) + 1);
width:680px;
max-height:calc(100vh - 40px);
background-color:#ccc;
}

.modal-plan.is-active{
display:-webkit-box;
display:flex;
}

/* .modal-plan-btn-close
----------------------------------------------- */
.modal-plan-btn-close{
border:none;
cursor:pointer;
position:absolute;
top:-18px;
right:-25px;
width:53px;
height:52px;
background:url(/element/shared/images/sprite/sprite-modal-01.png) 0 0 no-repeat;
text-indent:-9999px;
}

.modal-plan-btn-close:active,
.modal-plan-btn-close:hover,
.modal-plan-btn-close:focus{
background-position:0 -65px;
}

/* .modal-plan-header
----------------------------------------------- */
.modal-plan-header{
padding:12px 33px 12px 20px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background-color:var(--cmn-font-color-base);
}

/* .modal-plan-header-hdg
----------------------------------------------- */
.modal-plan-header-hdg{
box-sizing:border-box;
min-width:0;
white-space:nowrap;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:15px;
}

/* .modal-plan-header-hdg-sup
----------------------------------------------- */
.modal-plan-header-hdg-sup{
margin-left:8px;
display:inline-block;
position:relative;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-weight:normal;
}

/* .modal-plan
----------------------------------------------- */
.modal-plan-content{
-webkit-box-flex:1;
flex:1;
overflow-wrap:break-word;
overflow-y:scroll;
}

/* .modal-plan-footer
----------------------------------------------- */
.modal-plan-footer{
padding:14px 20px;
color:#fff;
display:none;
-webkit-box-align:center;
align-items:center;
background-color:var(--cmn-font-color-base);
font-size:14px;
}

.modal-plan-footer.is-sticky{
display:block;
}

/* .modal-plan-footer-inner
----------------------------------------------- */
.modal-plan-footer-inner{
display:-webkit-box;
display:flex;
}

/* .modal-plan-footer-price
----------------------------------------------- */
.modal-plan-footer-price{
margin-right:8px;
-webkit-box-flex:1;
flex:1;
}

.modal-plan-footer-price > div > span{
display:inline-block;
}

.modal-plan-footer-price > div > span + span{
margin-left:20px;
}

.modal-plan-footer-price > div > span > span{
font-size:12px;
}

.modal-plan-footer-price b{
font-size:20px;
font-family:Arial;
}

.modal-plan-footer-price > span{
display:block;
font-size:12px;
}

/* .modal-plan-footer-cv
----------------------------------------------- */
.modal-plan-footer-cv{
line-height:1.45;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
text-align:right;
font-size:12px;
}

.modal-plan-footer-cv > span > span{
display:block;
}

.modal-plan-footer-cv > button{
margin-left:8px;
padding:6px 10px;
border:none;
border-radius:4px;
color:#fff;
box-shadow:0 -3px 0 #5b9500 inset;
width:100px;
height:42px;
cursor:pointer;
background-color:var(--cmn-btn-color);
font-size:16px;
font-weight:bold;
text-shadow:1px 1px 1px rgba(0,0,0,.4);
}

.modal-plan-footer-cv > button:active,
.modal-plan-footer-cv > button:hover,
.modal-plan-footer-cv > button:focus{
background-color:var(--cmn-btn-color-hover);
}

.modal-plan-footer-cv strong{
color:#ffa8a8;
}


/* .modal-plan-content-loading
----------------------------------------------- */
.modal-plan-content-loading{
padding:80px 0;
background-color:#fff;
}

/* .modal-plan-content-header
----------------------------------------------- */
.modal-plan-content-header{
padding:20px;
box-shadow:0 2px 4px rgba(0,0,0,.3);
display:-webkit-box;
display:flex;
flex-direction:row-reverse;
flex-wrap:wrap;
background-color:#fff;
font-size:12px;
}

/* .modal-plan-content-header-column
----------------------------------------------- */
.modal-plan-content-header-column{
-webkit-box-flex:1;
flex:1;
}

.modal-plan-content-header-column > p{
margin-top:8px;
}

/* .modal-plan-content-header-hdg
----------------------------------------------- */
.modal-plan-content-header-hdg{
margin-bottom:4px;
font-size:16px;
font-weight:normal;
}

/* .modal-plan-content-header-list
----------------------------------------------- */
.modal-plan-content-header-list > li{
margin-top:4px;
display:inline-block;
}

.modal-plan-content-header-list > li:not(:last-child)::after{
margin:0 4px;
content:'/';
display:inline-block;
}

/* .modal-plan-content-header-agt
----------------------------------------------- */
.modal-plan-content-header-agt{
margin-top:12px;
text-align:right;
}

/* .modal-plan-content-header-cv
----------------------------------------------- */
.modal-plan-content-header-cv{
margin-top:4px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .modal-plan-content-header-cv-price
----------------------------------------------- */
.modal-plan-content-header-cv-price{
-webkit-box-flex:1;
flex:1;
line-height:1.25;
font-size:14px;
}

.modal-plan-content-header-cv-price > span{
display:block;
}

.modal-plan-content-header-cv-price b{
margin-left:8px;
line-height:1.25;
font-size:20px;
font-family:Arial;
}

/* .modal-plan-content-header-cv-btn
----------------------------------------------- */
.modal-plan-content-header-cv-btn{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1.45;
text-align:right;
}

.modal-plan-content-header-cv-btn > span > span{
display:block;
}

.modal-plan-content-header-cv-btn > button{
margin-left:8px;
padding:6px 10px;
border:none;
border-radius:4px;
color:#fff;
box-shadow:0 -3px 0 #5b9500 inset;
width:94px;
height:42px;
cursor:pointer;
background-color:var(--cmn-btn-color);
font-size:16px;
font-weight:bold;
text-shadow:1px 1px 1px rgba(0,0,0,.4);
}

.modal-plan-content-header-cv-btn button:active,
.modal-plan-content-header-cv-btn button:hover,
.modal-plan-content-header-cv-btn button:focus{
background-color:var(--cmn-btn-color-hover);
}

/* .modal-plan-content-header-column-thumb
----------------------------------------------- */
.modal-plan-content-header-column-thumb{
margin-right:16px;
position:relative;
width:240px;
height:170px;
overflow:hidden;
}

.modal-plan-content-header-column-thumb::before{
content:'';
display:block;
width:100%;
height:35px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background:linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 50%, rgba(0,0,0,.7) 100%);
z-index:1;
}

.modal-plan-content-header-column-thumb > div{
overflow:hidden;
}

/* .modal-plan-content-header-column-thumb-nav
----------------------------------------------- */
.modal-plan-content-header-column-thumb-nav button{
margin:auto 0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
bottom:0;
left:9px;
z-index:1;
width:12px;
height:20px;
background:url(/element/shared/images/icon/icon-chevron-left.svg) 50% 50% no-repeat;
filter:brightness(0) invert(1);
}

.modal-plan-content-header-column-thumb-nav .next button{
left:auto;
right:9px;
transform:rotate(180deg);
}

/* .modal-plan-content-header-column-thumb-list
----------------------------------------------- */
.modal-plan-content-header-column-thumb-list{
display:-webkit-box;
display:flex;
}

.modal-plan-content-header-column-thumb-list > li{
min-width:240px;
width:240px;
height:170px;
}

.modal-plan-content-header-column-thumb-list > li img{
width:100%;
height:100%;
object-fit:cover;
}

.modal-plan-content-header-column-thumb-list > li.no-photo{
position:relative;
}

.modal-plan-content-header-column-thumb-list > li.no-photo img{
margin:auto;
position:absolute;
inset:0;
width:100px;
height:100px;
}

/* .modal-plan-content-header-column-thumb-gallery
----------------------------------------------- */
.modal-plan-content-header-column-thumb-gallery{
padding:2px 24px 2px 3px;
border:1px solid rgba(255,255,255,.4);
border-radius:3px;
color:#fff;
box-sizing:content-box;
overflow:hidden;
position:absolute;
top:8px;
right:4px;
min-height:18px;
min-width:48px;
background:rgba(0,0,0,.7) url(/element_sp/j_hotel/shared/images/icon-gallery-wht.svg) no-repeat 88% 50%;
background-size:14px auto;
font-size:14px;
font-family:Arial;
text-align:center;
}

.modal-plan-content-header-column-thumb-gallery > span{
height:0;
overflow:hidden;
position:absolute;
}

/* .modal-plan-content-header-column-thumb-agt
----------------------------------------------- */
.modal-plan-content-header-column-thumb-agt{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
left:6px;
bottom:4px;
font-size:11px;
z-index:1;
text-decoration:none;
}

.modal-plan-content-header-column-thumb-agt:active,
.modal-plan-content-header-column-thumb-agt:hover,
.modal-plan-content-header-column-thumb-agt:focus{
color:rgba(255,255,255,.7);
text-decoration:none;
}

/* .modal-plan-content-panel
----------------------------------------------- */
.modal-plan-content-panel{
margin-top:12px;
padding:20px;
box-shadow:0 2px 4px rgba(0,0,0,.3);
background-color:#fff;
font-size:14px;
}

.modal-plan-content-panel + .modal-plan-content-panel{
margin-top:12px;
}

/* .modal-plan-content-panel-hdg
----------------------------------------------- */
.modal-plan-content-panel-hdg{
margin:0 120px 8px 0;
font-size:18px;
}

/* .modal-plan-content-panel-hdg-01
----------------------------------------------- */
.modal-plan-content-panel-hdg-01{
margin-bottom:12px;
font-size:14px;
font-weight:normal;
}


/* .modal-plan-content-panel-thumb
----------------------------------------------- */
.modal-plan-content-panel-thumb{
display:-webkit-box;
display:flex;
flex-direction:row-reverse;
}

/* .modal-plan-content-panel-thumb-column
----------------------------------------------- */
.modal-plan-content-panel-thumb-column{
-webkit-box-flex:1;
flex:1;
}

.modal-plan-content-panel-thumb-column > p{
margin-top:8px;
word-break:break-word;
}

/* .modal-plan-content-panel-thumb-photo
----------------------------------------------- */
.modal-plan-content-panel-thumb-photo{
margin-right:12px;
position:relative;
width:160px;
height:125px;
overflow:hidden;
}

.modal-plan-content-panel-thumb-photo::before{
content:'';
display:block;
width:100%;
height:35px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background:linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 50%, rgba(0,0,0,.7) 100%);
z-index:1;
}

.modal-plan-content-panel-thumb-photo img{
width:100%;
height:100%;
object-fit:cover;
}

.modal-plan-content-panel-thumb-photo button{
padding:2px 18px 2px 3px;
border:1px solid rgba(255,255,255,.4);
border-radius:3px;
color:#fff;
box-sizing:content-box;
overflow:hidden;
position:absolute;
top:8px;
right:4px;
min-height:14px;
min-width:16px;
background:rgba(0,0,0,.7) url(/element_sp/j_hotel/shared/images/icon-gallery-wht.svg) no-repeat 88% 40%;
background-size:11px auto;
font-size:12px;
font-family:Arial;
text-align:center;
}

.modal-plan-content-panel-thumb-photo button > span{
height:0;
overflow:hidden;
position:absolute;
}

.modal-plan-content-panel-thumb-photo > span{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
left:6px;
bottom:4px;
font-size:11px;
z-index:1;
text-decoration:none;
}

/* .modal-plan-content-panel-thumb-photo.no-photo
----------------------------- */
.modal-plan-content-panel-thumb-photo.no-photo{
box-shadow:0 0 0 1px #e5e5e5 inset;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.modal-plan-content-panel-thumb-photo.no-photo::before{
display:none;
}

.modal-plan-content-panel-thumb-photo.no-photo img{
width:80px;
height:80px;
}

/* .modal-plan-content-panel-meal > .modal-plan-content-panel-thumb-photo
------------------------- */
.modal-plan-content-panel-meal .modal-plan-content-panel-thumb-photo{
width:130px;
height:100px;
}

/* .modal-plan-content-panel-more
----------------------------------------------- */
.modal-plan-content-panel-more{
padding-left:1.2em;
color:#a4a4a4;
display:inline-block;
position:relative;
}

.modal-plan-content-panel-more::after{
content:'...';
display:block;
position:absolute;
bottom:0;
left:0;
}

/* .modal-plan-content-panel-list-inline
----------------------------------------------- */
.modal-plan-content-panel-list-inline{
margin-top:-4px;
font-size:12px;
}

.modal-plan-content-panel-list-inline > li{
margin-top:4px;
display:inline-block;
}

.modal-plan-content-panel-list-inline > li:not(:last-child)::after{
margin:0 4px;
content:'/';
display:inline-block;
}

/* .modal-plan-content-panel-list-separate
----------------------------------------------- */
.modal-plan-content-panel-list-separate > li{
display:-webkit-box;
display:flex;
}

.modal-plan-content-panel-list-separate > li:not(:first-child){
margin-top:12px;
}

.modal-plan-content-panel-list-separate > li > div:first-child{
margin-right:20px;
width:5em;
box-sizing:border-box;
font-weight:bold;
font-size:12px;
}

.modal-plan-content-panel-list-separate > li > div:first-child > span{
display:block;
}

.modal-plan-content-panel-list-separate > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .modal-plan-content-panel-list-separate-border
----------------------------------------------- */
.modal-plan-content-panel-list-separate-border{
border-bottom:1px solid #ddd;
font-size:12px;
}

.modal-plan-content-panel-list-separate-border > li{
border-top:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
min-height:30px;
}

.modal-plan-content-panel-list-separate-border > li > div{
padding:2px 0;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.modal-plan-content-panel-list-separate-border > li > div:first-child{
padding-right:8px;
border-right:1px solid #ddd;
width:272px;
}

.modal-plan-content-panel-list-separate-border > li > div:last-child{
padding-left:8px;
-webkit-box-flex:1;
flex:1;
}

.modal-plan-content-panel-list-bullet + .modal-plan-content-panel-list-separate-border{
margin-top:8px;
}

/* .modal-plan-content-panel-cancel > .modal-plan-content-panel-list-separate-border
------------------------- */
.modal-plan-content-panel-cancel .modal-plan-content-panel-list-separate-border{
margin:8px 0;
}

/* .modal-plan-content-panel-child > .modal-plan-content-panel-list-separate-border
------------------------- */
.modal-plan-content-panel-child .modal-plan-content-panel-list-separate-border{
margin-bottom:8px;
}

/* .modal-plan-content-panel-list-separate-colon
----------------------------------------------- */
.modal-plan-content-panel-list-separate-colon{
font-size:12px;
}

.modal-plan-content-panel-list-separate-colon > li{
display:-webkit-box;
display:flex;
}

.modal-plan-content-panel-list-separate-colon > li:not(:first-child){
margin-top:8px;
}

.modal-plan-content-panel-list-separate-colon > li > div:first-child{
padding-right:1em;
width:5em;
position:relative;
}

.modal-plan-content-panel-list-separate-colon > li > div:first-child::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}

.modal-plan-content-panel-list-separate-colon > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

.modal-plan-content-panel-list-separate-colon .url{
padding-bottom:1px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* .modal-plan-content-panel-meal > .modal-plan-content-panel-list-separate-colon
------------------------- */
.modal-plan-content-panel-meal .modal-plan-content-panel-list-separate-colon > li:not(:first-child){
margin-top:4px;
}

.modal-plan-content-panel-meal .modal-plan-content-panel-list-separate-colon > li > div:first-child{
width:2em;
}

/* .modal-plan-content-panel-list-separate-colon.inline
----------------------------------------------- */
.modal-plan-content-panel-list-separate-colon.inline{
margin-top:8px;
display:-webkit-box;
display:flex;
}

.modal-plan-content-panel-list-separate-colon.inline > li{
margin-top:0;
}

.modal-plan-content-panel-list-separate-colon.inline > li:not(:last-child){
margin-right:16px;
}

.modal-plan-content-panel-list-separate-colon.inline > li > div:first-child{
padding-right:1em;
width:auto;
position:relative;
}

/* .modal-plan-content-panel-list-bullet
----------------------------------------------- */
.modal-plan-content-panel-list-bullet{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:4px 12px;
font-size:12px;
}

.modal-plan-content-panel-list-bullet > li{
padding-left:9px;
position:relative;
box-sizing:border-box;
}

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

.modal-plan-content-panel-list-bullet > li:first-child:last-child{
width:auto;
}

/* .modal-plan-content-panel-list-separate > .modal-plan-content-panel-list-bullet
-------------------------- */
.modal-plan-content-panel-list-separate .modal-plan-content-panel-list-bullet > li{
width:calc(25% - ((12px * 3) / 4));
}

/* .modal-plan-content-panel-toggle
----------------------------------------------- */
.modal-plan-content-panel-toggle{
margin-top:12px;
border-radius:4px;
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
}

/* .modal-plan-content-panel-toggle-hook
----------------------------------------------- */
.modal-plan-content-panel-toggle-hook{
padding:0 16px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
position:relative;
min-height:46px;
font-size:12px;
}

.modal-plan-content-panel-toggle-hook > button{
margin:0;
padding:0;
border:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
}

.modal-plan-content-panel-toggle[aria-expanded] .modal-plan-content-panel-toggle-hook{
padding-right:40px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) calc(100% - 12px) 47% no-repeat;
background-size:12px auto;
}

.modal-plan-content-panel-toggle[aria-expanded="true"] .modal-plan-content-panel-toggle-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

.modal-plan-content-panel-toggle[aria-expanded="true"] .modal-plan-content-panel-toggle-hook > span{
display:none;
}

/* .modal-plan-content-panel-toggle-hook-hdg
----------------------------------------------- */
.modal-plan-content-panel-toggle-hook-hdg{
-webkit-box-flex:1;
flex:1;
font-size:14px;
}

/* .modal-plan-content-panel-toggle-content
----------------------------------------------- */
.modal-plan-content-panel-toggle-content{
padding:0 16px 12px;
display:none;
font-size:12px;
}

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

.modal-plan-content-panel-toggle-content > :last-child{
margin-bottom:0;
}

/* .modal-plan-content-panel-meal-hdg
----------------------------------------------- */
.modal-plan-content-panel-meal-hdg{
margin:20px 0 12px;
padding:2px 8px;
background-color:#eee;
font-size:14px;
font-weight:normal;
}

.modal-plan-content-panel-meal-hdg:first-of-type{
margin-top:8px;
}

/* .modal-plan-content-panel-meal-hdg-01
----------------------------------------------- */
.modal-plan-content-panel-meal-hdg-01{
margin:16px 0 -4px;
padding:0 20px;
position:relative;
width:fit-content;
text-align:center;
font-size:12px;
font-weight:normal;
}

.modal-plan-content-panel-meal-hdg-01::before,
.modal-plan-content-panel-meal-hdg-01::after{
content:'';
border-bottom:1px dashed #949494;
display:block;
width:14px;
height:0;
overflow:hidden;
position:absolute;
top:.7em;
left:0;
}

.modal-plan-content-panel-meal-hdg-01::after{
left:auto;
right:0;
}

/* .modal-plan-content-panel-meal-hdg-02
----------------------------------------------- */
.modal-plan-content-panel-meal-hdg-02{
margin:16px 0 -4px;
font-weight:normal;
}

/* .modal-plan-content-panel-meal-catch
----------------------------------------------- */
.modal-plan-content-panel-meal-catch{
margin-bottom:8px;
font-size:14px;
}

/* .modal-plan-content-panel-payment-list
----------------------------------------------- */
.modal-plan-content-panel-payment-list{
border-top:1px solid #ddd;
font-size:12px;
}

.modal-plan-content-panel-payment-list > li{
border-bottom:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.modal-plan-content-panel-payment-list > li > div{
padding:8px;
box-sizing:border-box;
}

.modal-plan-content-panel-payment-list > li > div:first-child{
border-right:1px solid #ddd;
width:80px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background-color:#f1f1f1;
}

.modal-plan-content-panel-payment-list > li > div:last-child{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

/* .modal-plan-content-panel-payment-list > .modal-plan-content-panel-payment-list
----------------------------------------------- */
.modal-plan-content-panel-payment-list .modal-plan-content-panel-payment-list{
margin:-9px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

.modal-plan-content-panel-payment-list .modal-plan-content-panel-payment-list > li{
-webkit-box-flex:1;
flex:1;
}

.modal-plan-content-panel-payment-list .modal-plan-content-panel-payment-list > li > div:first-child{
width:95px;
background-color:transparent;
}

.modal-plan-content-panel-payment-list .modal-plan-content-panel-payment-list > li > div:first-child > :first-child{
margin-top:0;
}

.modal-plan-content-panel-payment-list .modal-plan-content-panel-payment-list > li > div:last-child{
border-right:none;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
-webkit-box-pack:center;
justify-content:center;
}

.modal-plan-content-panel-payment-list .modal-plan-content-panel-payment-list > li > div.width-s{
width:55px;
}

/* .modal-plan-content-panel-price-detail
----------------------------------------------- */
.modal-plan-content-panel-price-detail{
font-size:14px;
}

/* .modal-plan-content-panel-price-detail-hdg
----------------------------------------------- */
.modal-plan-content-panel-price-detail-hdg{
margin:16px 0 4px;
font-size:14px;
font-weight:normal;
}

/* .modal-plan-content-panel-price-detail-sum
----------------------------------------------- */
.modal-plan-content-panel-price-detail-sum{
margin-bottom:16px;
padding-bottom:4px;
border-bottom:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
font-size:12px;
}

.modal-plan-content-panel-price-detail-sum > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.modal-plan-content-panel-price-detail-sum > div:first-child{
-webkit-box-flex:1;
flex:1;
}

.modal-plan-content-panel-price-detail-sum > div > span{
margin-left:10px;
}

.modal-plan-content-panel-price-detail-sum h6{
font-size:14px;
font-weight:normal;
}

.modal-plan-content-panel-price-detail-sum b{
font-size:18px;
font-family:Arial;
}

/* .modal-plan-content-panel-price-detail-breakdown
----------------------------------------------- */
.modal-plan-content-panel-price-detail-breakdown{
border-bottom:1px solid #ddd;
font-size:12px;
}

/* .modal-plan-content-panel-price-detail-breakdown-item
----------------------------------------------- */
.modal-plan-content-panel-price-detail-breakdown-item{
border-top:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.modal-plan-content-panel-price-detail-breakdown-item > div{
padding:6px 0 5px 8px;
box-sizing:border-box;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
text-align:right;
}

.modal-plan-content-panel-price-detail-breakdown-item span{
display:inline-block;
}

.modal-plan-content-panel-price-detail-breakdown-item b{
font-size:14px;
font-weight:normal;
}

.modal-plan-content-panel-price-detail-breakdown-item.night{
margin-bottom:2px;
border-bottom:1px solid #ddd;
}

.modal-plan-content-panel-price-detail-breakdown-item.night > div{
padding:0;
}

.modal-plan-content-panel-price-detail-breakdown-item.branch{
margin-top:-3px;
}

/* .modal-plan-content-panel-price-detail-breakdown-item-hdg
----------------------------------------------- */
.modal-plan-content-panel-price-detail-breakdown-item-hdg{
padding:6px 8px 5px 0;
border-right:1px solid #ddd;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
width:272px;
font-weight:normal;
}

.modal-plan-content-panel-price-detail-breakdown-item.night .modal-plan-content-panel-price-detail-breakdown-item-hdg{
padding:8px 0;
width:70px;
background-color:#f5f5f5;
-webkit-box-pack:center;
justify-content:center;
text-align:center;
}

/* .modal-plan-content-panel-price-detail-breakdown-list
----------------------------------------------- */
.modal-plan-content-panel-price-detail-breakdown-list{
-webkit-box-flex:1;
flex:1;
text-align:left;
}

.modal-plan-content-panel-price-detail-breakdown-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.modal-plan-content-panel-price-detail-breakdown-list > li:not(:first-child){
border-top:1px solid #ddd;
}

.modal-plan-content-panel-price-detail-breakdown-list > li > div{
padding:6px 8px 5px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.modal-plan-content-panel-price-detail-breakdown-list > li > div:first-child{
width:202px;
border-right:1px solid #ddd;
}

.modal-plan-content-panel-price-detail-breakdown-list > li > div:last-child{
padding-right:0;
-webkit-box-flex:1;
flex:1;
-webkit-box-pack:end;
justify-content:flex-end;
text-align:right;
}

/* .modal-plan-content-panel-agt-info
----------------------------------------------- */
.modal-plan-content-panel-agt-info{
position:relative;
}

/* .modal-plan-content-panel-agt-info-hdg
----------------------------------------------- */
.modal-plan-content-panel-agt-info-hdg{
margin-bottom:8px;
font-size:14px;
font-weight:normal;
}

/* .modal-plan-content-panel-agt-info-column
----------------------------------------------- */
.modal-plan-content-panel-agt-info-column{
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}

.modal-plan-content-panel-agt-info-column > div:first-child{
margin-right:12px;
width:calc(60% - 12px);
}

.modal-plan-content-panel-agt-info-column > div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .modal-plan-content-panel-agt-info-link
----------------------------------------------- */
.modal-plan-content-panel-agt-info-link{
text-align:right;
font-size:12px;
}

.modal-plan-content-panel-agt-info-link > li{
margin:8px 0 0 auto;
position:relative;
width:fit-content;
}

/* .modal-plan-content-panel-agt-info-btn
----------------------------------------------- */
.modal-plan-content-panel-agt-info-btn{
padding:0;
border:1px solid #aeaeae;
border-radius:3px;
width:112px;
height:30px;
position:absolute;
top:-35px;
right:0;
background-color:#fff;
font-size:12px;
}


/* ----------------------------------------------------------------
  .slider
----------------------------------------------------------------- */
/* .slider
----------------------------------------------- */
.slider{
margin:0;
position:relative;
line-height:1;
max-width:200px;
}

/* .slider-ui
----------------------------------------------- */
.slider-ui{
margin:0 0 13px 12px;
padding:0 0 2px;
box-sizing:border-box;
position:relative;
width:175px;
}

/* .slider-ui-graph
----------------------------------------------- */
.slider-ui-graph{
margin-left:-1px;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
height:30px;
}

.slider-ui-graph > li{
margin-left:1px;
-webkit-box-flex:1;
flex:1;
position:relative;
overflow:hidden;
background-color:#d5d5d5;
height:50%;
}

.slider-ui-graph > li.is-selected{
background-color:#92ccf4;
}

.slider-ui-graph > li > span{
height:0;
overflow:hidden;
position:absolute;
}

/* .slider-ui-range
----------------------------------------------- */
.slider-ui-range,
.ui-slider-horizontal{
border-radius:10px;
position:absolute;
bottom:0;
left:0;
width:100%;
height:2px;
background-color:#bbb;
}

/* .slider-ui-range-bar
----------------------------------------------- */
.slider-ui-range-bar,
.ui-slider-range{
position:absolute;
bottom:0;
width:100%;
height:2px;
background-color:#177bcb;
}

/* .slider-ui-range-handle
----------------------------------------------- */
.slider-ui-range-handle,
.ui-slider-handle{
margin-left:-10px;
border-radius:50%;
border:2px solid #177bcb;
width:20px;
height:20px;
box-sizing:border-box;
position:absolute;
bottom:-10px;
cursor:pointer;
background-color:#fff;
}

/* .slider-num
----------------------------------------------- */
.slider-num{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack: justify;
justify-content:space-between;
font-size:12px;
}

.slider-num > span:first-child{
min-width:24px;
text-align:center;
}

/* .slider-input
----------------------------------------------- */
.slider-input{
margin-top:6px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px;
font-size:13px;
}

.slider-input > li{
-webkit-box-flex:1;
flex:1;
}

.slider-input > li:nth-child(2){
width:1em;
-webkit-box-flex:0;
flex:none;
}

.slider-input > li > label{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:2px;
}

.slider-input > li > label > span:first-child{
-webkit-box-flex:1;
flex:1;
}

.slider-input > li > label input{
width:100%;
min-height:34px;
border:1px solid #bebebe;
box-sizing: border-box;
}

.slider-input > li > label input.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);
}


/* ----------------------------------------------------------------
  Suggest
----------------------------------------------------------------- */
/* .suggest-container
----------------------------------------------- */
.suggest-container{
position:relative;
}

.form-search .form-search-destination-map-view-keyword .suggest-container{
display:inline-block;
vertical-align:middle;
}

/* .suggest
----------------------------------------------- */
.suggest-container .suggest{
padding:8px 10px;
border:1px solid #bebebe;
color:var(--cmn-font-color-base);
display:none;
position:absolute;
top:100%;
left:0;
z-index:101;
width:100%;
box-sizing:border-box;
box-shadow:2px 2px 4px rgba(0,0,0,.3);
background-color:#fff;
text-align:left;
}

.suggest-container .suggest.is-active{
display:block;
}

/* suggest form destination inner */
.form-search-destination .suggest-container .suggest,
.form-search-index-destination .suggest-container .suggest{
width:calc(100% + 18px);
left:-1px;
}

/* suggest form tab inner */
.form-search-map .suggest-container .suggest{
top:34px;
}

/* .suggest-sup
----------------------------------------------- */
.suggest-container .suggest-sup{
margin:10px 0;
}

/* .suggest-btn-prev
----------------------------------------------- */
.suggest-container .suggest-btn-prev{
margin:4px 0;
padding:0;
border:none;
color:#0b4cae;
background:none;
font-size:12px;
}

.suggest-container .suggest-tab .suggest-btn-prev{
margin-top:8px;
}

/* .suggest-btn-reset
----------------------------------------------- */
.suggest-container .suggest-btn-reset{
margin:5px 0 0 auto;
padding:0;
border:none;
display:block;
font-size:12px;
}

/* .suggest-list
----------------------------------------------- */
.suggest-container .suggest-list{
line-height:1.35;
font-size:12px;
}

.suggest-container .suggest-list > li{
padding:4px 0;
cursor:pointer;
word-wrap:break-word;
}

.suggest-container .suggest-list > li:active,
.suggest-container .suggest-list > li:hover,
.suggest-container .suggest-list > li:focus{
background-color:#f9eaba;
}

.suggest-container .suggest-list > li.is-active{
background-color:#f9eaba;
}

.suggest-container .suggest-list > li[class]:not([class="is-active"]){
padding-left:25px;
position:relative;
}

.suggest-container .suggest-list > li[class]:not([class="is-active"])::before{
content:'';
display:block;
width:16px;
height:16px;
position:absolute;
top:4px;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
}

.suggest-container .suggest-list > li.loupe{
padding-left:0 !important;;
cursor:default;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}

.suggest-container .suggest-list > li.loupe:active,
.suggest-container .suggest-list > li.loupe:hover,
.suggest-container .suggest-list > li.loupe:focus{
background-color:#fff;
}

.suggest-container .suggest-list > li.loupe > span{
padding-left:18px;
cursor:pointer;
background:url(/element/j_hotel/shared/images/icon-search.svg) 0 50% no-repeat;
background-size:13px 13px;
}

.suggest-container .suggest-list > li.loupe > span > span{
background-image:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%);
background-size:4px 1px;
background-repeat:repeat-x;
background-position:0 100%;
}

.suggest-container .suggest-list > li.area::before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:13px 14px;
}

.suggest-container .suggest-list > li.spot::before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:12px 14px;
}

.suggest-container .suggest-list > li.airport::before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:16px 16px;
}

.suggest-container .suggest-list > li.station::before{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-size:12px 15px;
}

.suggest-container .suggest-list > li.hotel::before{
background-image:url(/element/shared/images/icon/icon-hotel.svg);
background-size:13px 10px;
}

.suggest-container .suggest-list > li.onsen::before{
background-image:url(/element/j_hotel/shared/images/icon-onsen.svg);
background-size:13px auto;
}

.suggest-container .suggest-list > li.address::before{
background-image:url(/element/j_hotel/shared/images/icon-address.svg);
background-size:11px auto;
}

.suggest-container .suggest-list > li > span{
display:inline-block;
}

.suggest-container .suggest-list .sup{
color:var(--cmn-font-color-gray);
font-size:11px;
}

.suggest-container .suggest-list > li.minpaku{
box-sizing: border-box;
width:100%;
display:-webkit-box;
display:flex;
}

.suggest-container .suggest-list > li.minpaku > span{
white-space:nowrap;
}

.suggest-container .suggest-list > li.minpaku > span:first-child{
overflow:hidden;
text-overflow:ellipsis;
}

.suggest-container .suggest-list > li.minpaku > span + span{
margin-left:4px;
}

/* .suggest-filter
----------------------------------------------- */
.suggest-container .suggest-filter{
margin-bottom:4px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .suggest-filter-pulldown
----------------------------------------------- */
.suggest-container .suggest-filter-pulldown{
margin-right:4px;
-webkit-box-flex:1;
flex:1;
position:relative;
}

.suggest-container .suggest-filter-pulldown > button{
padding:4px 18px 4px 8px;
border:1px solid #ccc;
border-radius:4px;
position:relative;
white-space:nowrap;
background-color:#fff;
font-size:12px;
text-align:left;
}

.suggest-container .suggest-filter-pulldown > button::before{
margin-top:-2px;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:6px;
display:block;
border-width:5px 4px 0 4px;
border-color:var(--cmn-font-color-base) transparent transparent transparent;
border-style:solid;
}

.suggest-filter-pulldown[aria-expanded="true"] > button::before{
transform:rotate(180deg);
}

/* .suggest-filter-pulldown-content
----------------------------------------------- */
.suggest-container .suggest-filter-pulldown-content{
margin-top:10px;
padding:28px 16px 12px;
border-radius:3px;
box-shadow:0 0 6px rgba(0,0,0,.3);
display:none;
position:absolute;
top:100%;
left:0;
z-index:1;
background-color:#fff;
}

.suggest-container .suggest-filter-pulldown-content::before{
content:'';
display:block;
width:12px;
height:8px;
overflow:hidden;
position:absolute;
top:-8px;
left:24px;
background:url(/element/j_hotel/shared/images/icon-tip-arrow-up.svg) 0 0 no-repeat;
filter:drop-shadow(rgba(0,0,0,.2) 0 -2px 1px);
}

.suggest-filter-pulldown[aria-expanded="true"] .suggest-filter-pulldown-content{
display:block;
}

/* .suggest-filter-pulldown-content-hdg
----------------------------------------------- */
.suggest-container .suggest-filter-pulldown-content-hdg{
margin-bottom:8px;
font-size:14px;
}

/* .suggest-filter-pulldown-content-list
----------------------------------------------- */
.suggest-container .suggest-filter-pulldown-content-list{
font-size:14px;
}

.suggest-container .suggest-filter-pulldown-content-list a,
.suggest-container .suggest-filter-pulldown-content-list > li > span{
padding:4px 0 4px 20px;
color:var(--cmn-font-color-base);
display:block;
text-decoration:none;
white-space:nowrap;
}

.suggest-container .suggest-filter-pulldown-content-list a > span,
.suggest-container .suggest-filter-pulldown-content-list span > span{
padding-left:24px;
display:block;
background-repeat:no-repeat;
background-position:0 50%;
background-size:18px auto;
}

.suggest-filter-pulldown-content-list > .is-active a{
background:url(/element/j_hotel/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:12px auto;
}

.suggest-filter-pulldown-content-list > .area a > span,
.suggest-filter-pulldown-content-list > .area span > span{
background-image:url(/element/shared/images/icon/icon-pin.svg);
}

.suggest-filter-pulldown-content-list > .hotel a > span,
.suggest-filter-pulldown-content-list > .hotel span > span{
background-image:url(/element/shared/images/icon/icon-hotel.svg);
}

.suggest-filter-pulldown-content-list > .station a > span,
.suggest-filter-pulldown-content-list > .station span > span{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-position:3% 50%;
background-size:13px auto;
}

.suggest-filter-pulldown-content-list > .airport a > span,
.suggest-filter-pulldown-content-list > .airport span > span{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:17px auto;
}

.suggest-filter-pulldown-content-list > .onsen a > span,
.suggest-filter-pulldown-content-list > .onsen span > span{
background-image:url(/element/j_hotel/shared/images/icon-onsen.svg);
background-size:17px auto;
}

.suggest-filter-pulldown-content-list > .spot a > span,
.suggest-filter-pulldown-content-list > .spot span > span{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-position:4% 50%;
background-size:13px auto;
}

.suggest-filter-pulldown-content-list > .address a > span,
.suggest-filter-pulldown-content-list > .address span > span{
background-image:url(/element/j_hotel/shared/images/icon-address.svg);
background-size:12px auto;
}

.suggest-filter-pulldown-content-list > .is-disabled{
opacity:.33;
}

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

/* .suggest-filter-search
----------------------------------------------- */
.suggest-container .suggest-filter-search button{
padding:0 0 0 20px;
border:none;
background:url(/element/j_hotel/shared/images/icon-search.svg) no-repeat 0 70%;
background-size:13px auto;
font-size:12px;
text-align:left;
}

/* .suggest-category
----------------------------------------------- */
.suggest-container .suggest-category{
margin-top:10px;
padding-top:7px;
border-top:1px solid #ccc;
font-size:11px;
}

/* .suggest-category-hdg
----------------------------------------------- */
.suggest-container .suggest-category-hdg{
font-weight:normal;
}

/* .suggest-category-list
----------------------------------------------- */
.suggest-container .suggest-category-list{
margin-top:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1;
}

.suggest-container .suggest-category-list > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.suggest-container .suggest-category-list > li:not(:last-child){
border-right:1px solid #ddd;
}

.suggest-container .suggest-category-list > li > a{
padding:19px 0 0;
color:var(--cmn-font-color-gray);
display:block;
position:relative;
text-decoration:none;
text-align:center;
}

.suggest-container .suggest-category-list > li > a::before{
content:'';
display:block;
width:100%;
height:16px;
position:absolute;
top:0;
left:0;
opacity:.5;
background-position:50% 50%;
background-repeat:no-repeat;
}

.suggest-container .suggest-category-list > li.is-active > a{
color:var(--cmn-font-color-base);
cursor:default;
}

.suggest-container .suggest-category-list > li.is-active > a::before{
opacity:1;
}

.suggest-container .suggest-category-list > li.is-disabled > a{
color:#ccc;
cursor:default;
}

.suggest-container .suggest-category-list > li.is-disabled > a::before{
opacity:.25;
}

.suggest-container .suggest-category-list > li.all > a::before{
background-image:url(/element/shared/images/icon/icon-list-gray.svg);
background-size:14px 10px;
}

.suggest-container .suggest-category-list > li.area > a::before{
background-image:url(/element/shared/images/icon/icon-pin-gray.svg);
background-size:15px 16px;
}

.suggest-container .suggest-category-list > li.station > a::before{
background-image:url(/element/shared/images/icon/icon-train-gray.svg);
background-size:15px 15px;
}

.suggest-container .suggest-category-list > li.airport > a::before{
background-image:url(/element/shared/images/icon/icon-plane-gray.svg);
background-size:16px 16px;
}

.suggest-container .suggest-category-list > li.spot > a::before{
background-image:url(/element/shared/images/icon/icon-flag-gray.svg);
background-size:11px 13px;
}

.suggest-container .suggest-category-list > li.hotel > a::before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:15px 12px;
}

/* .suggest-logo
----------------------------------------------- */
.suggest-container .suggest-logo{
margin-top:10px;
text-align:right;
line-height:1;
}

.suggest-container .suggest-logo a{
color:var(--cmn-font-color-gray);
display:inline-block;
font-size:11px;
text-decoration:none;
}

.suggest-container .suggest-logo a > span{
color:#0b4cae;
}

.suggest-container .suggest-logo img{
margin:0 0 1px 2px;
padding:0;
display:inline-block;
width:123px;
vertical-align:text-bottom;
backface-visibility:hidden;
}

/* .suggest-tab
----------------------------------------------- */
.suggest-tab [tabindex],
.suggest-tab [tabindex]:focus{
outline:none;
}

.suggest-tab [tabindex]:focus-visible{
outline:1px solid #3798e0;
}

/* .suggest-tab-list
----------------------------------------------- */
.suggest-container .suggest-tab-list{
margin:-8px -10px 0;
padding:6px 10px;
box-shadow:0 2px 3px rgba(0,0,0,.2);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
position:relative;
z-index:1;
background-color:#fff;
}

.suggest-container .suggest-tab-list > li{
margin-right:24px;
}

.suggest-container .suggest-tab-list button{
padding:0;
border:none;
height:24px;
position:relative;
background:transparent;
font-size:12px;
}

.suggest-container .suggest-tab-list button[aria-selected="true"]::before{
content:'';
display:block;
width:100%;
height:2px;
overflow:hidden;
position:absolute;
bottom:-2px;
left:0;
background-color:#333;
}

/* .suggest-tab-panel
----------------------------------------------- */
.suggest-container .suggest-tab-panel{
display:none;
}

.suggest-container .suggest-tab-panel.is-active{
display:block;
}

/* .suggest-tab-panel-list
----------------------------------------------- */
.suggest-container .suggest-tab-panel-list{
margin:-1px -10px 0;
padding-top:1px;
line-height:1.35;
position:relative;
font-size:12px;
}

.suggest-container .suggest-tab-panel-list::before{
content:'';
display:block;
width:calc(100% - 20px);
height:1px;
overflow:hidden;
position:absolute;
top:0;
left:10px;
background-color:#ddd;
}

.suggest-container .suggest-tab-panel-list > li{
padding:6px 10px;
cursor:pointer;
position:relative;
}

.suggest-container .suggest-tab-panel-list > li:first-child{
padding-top:8px;
}

.suggest-container .suggest-tab-panel-list > li::before{
content:'';
display:block;
width:calc(100% - 20px);
height:1px;
overflow:hidden;
position:absolute;
bottom:0;
left:10px;
background-color:#eee;
}

.suggest-container .suggest-tab-panel-list > li:active,
.suggest-container .suggest-tab-panel-list > li:hover,
.suggest-container .suggest-tab-panel-list > li:focus{
background-color:#f9eaba;
}

.suggest-container .suggest-tab-panel-list > li > label{
margin:-6px -10px;
padding:6px 10px 6px 30px;
display:block;
position:relative;
cursor:pointer;
}

.suggest-container .suggest-tab-panel-list > li > label input{
position:absolute;
top:6px;
left:10px;
}

.suggest-container .suggest-tab-panel-list > li span{
display:inline-block;
}

.suggest-container .suggest-tab-panel-list .has-child{
padding-right:20px;
}

.suggest-container .suggest-tab-panel-list .has-child::after{
border-right:1px solid #888;
border-bottom:1px solid #888;
content:'';
display:block;
position:absolute;
top:10px;
right:12px;
width:7px;
height:7px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.suggest-container .suggest-tab-panel-list .is-selected::after{
margin-left:8px;
content:'';
display:inline-block;
width:12px;
height:9px;
overflow:hidden;
background:url(/element/j_hotel/shared/images/icon-check.svg) no-repeat 0 0;
}

/* .suggest-tab-panel-footer
----------------------------------------------- */
.suggest-container .suggest-tab-panel-footer{
margin:-1px -10px -8px;
padding:12px;
position:relative;
background-color:#e5e5e5;
}

/* .suggest-tab-panel-footer-btn
----------------------------------------------- */
.suggest-container .suggest-tab-panel-footer-btn{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

/* .suggest-tab-panel-footer-btn
----------------------------------------------- */
.suggest-container .suggest-tab-panel-footer-btn > li{
margin:0 6px;
}

.suggest-container .suggest-tab-panel-footer-btn button{
padding:0;
border:none;
border-radius:4px;
min-width:100px;
min-height:31px;
font-weight:bold;
font-size:14px;
}

.suggest-container .suggest-tab-panel-footer-btn button:not(.reset){
color:#fff;
box-shadow:0 -2px 0 #5B9500 inset;
background-color:var(--cmn-btn-color);
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
}

.suggest-container .suggest-tab-panel-footer-btn .reset{
border:1px solid #ccc;
color:var(--cmn-font-color-gray);
box-shadow:0 -2px 0 #ccc inset;
background-color:#fff;
}


/* ----------------------------------------------------------------
  Review Component
----------------------------------------------------------------- */
/* .review-component
----------------------------------------------- */
.review-component{
margin:10px 0 5px;
font-size:12px;
}

/* .detail-header > .review-component
----------------------------------------------- */
.detail-header .review-component{
margin:15px 0 0;
padding-top:10px;
border-top:1px dotted #ccc;
}

/* .review-component-list
----------------------------------------------- */
.review-component-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.review-component-list .price-range{
margin:0 25px;
}

.review-component-list div,
.review-component-list div > span{
color:var(--cmn-font-color-base);
display:block;
text-align:center;
text-decoration:none;
}

.review-component-list div > span:first-child{
margin-bottom:2px;
padding:0 15px 0 0;
display:inline-block;
position:relative;
}

.review-component-list div > span:first-child > span{
position: absolute;
top:0;
right:0;
}

.review-component-list div > span:last-child > span{
margin-right:8px;
}

.review-component-list div > span:last-child .review-rate{
margin-right:0;
vertical-align:top;
}

.review-component-list .is-hidden{
visibility:hidden;
}

.review-component-list .is-hidden div::after{
content:'';
display:block;
width:69px;
height:13px;
}

/* .search-result-item-header > .review-component-list
----------------------------------------------- */
.search-result-item-header .review-component-list div > span:first-child{
font-size:11px;
}

/* .detail-header > .review-component-list
----------------------------------------------- */
.detail-header .review-component-list div > span{
display:inline-block;
}

.detail-header .review-component-list .is-hidden div::after{
display:inline-block;
}


/* ----------------------------------------------------------------
  More Nights Recommend Component
----------------------------------------------------------------- */
/* .more-nights-recommend
----------------------------------------------- */
.more-nights-recommend{
margin-bottom:16px;
}

/* .search-result-item-header > .more-nights-recommend
----------------------------------------------- */
.search-result-item-header .more-nights-recommend{
margin:16px -13px 24px;
padding:24px 13px 0;
border-top:1px solid #ccc;
}

/* .more-nights-recommend-catch
----------------------------------------------- */
.more-nights-recommend .more-nights-recommend-catch{
font-size:16px;
text-align:center;
}

.more-nights-recommend .more-nights-recommend-catch > span{
display:inline-block;
}

/* .more-nights-recommend-list
----------------------------------------------- */
.more-nights-recommend .more-nights-recommend-list{
margin-top:16px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.more-nights-recommend .more-nights-recommend-list > li:not(:first-child){
margin-left:10px;
}

.more-nights-recommend .more-nights-recommend-list button{
padding:0;
border:1px solid #bbb;
border-radius:4px;
width:163px;
height:52px;
background-color:#fff;
font-size:14px;
}

.more-nights-recommend .more-nights-recommend-list button > span{
display:block;
}

.more-nights-recommend .more-nights-recommend-list button > span > span{
font-size:12px;
}

.more-nights-recommend .more-nights-recommend-list .is-active button{
border:2px solid #338cd5;
background-color:#e4f2fb;
}

/* .search-result-item-header > .more-nights-recommend-list
----------------------------------------------- */
.search-result-item-header .more-nights-recommend .more-nights-recommend-list > li:not(:first-child){
margin-left:12px;
}

/* .more-nights-recommend-note
----------------------------------------------- */
.more-nights-recommend .more-nights-recommend-note{
margin-bottom:16px;

display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}

/* .more-nights-recommend-note-inner
----------------------------------------------- */
.more-nights-recommend .more-nights-recommend-note-inner{
padding-left:16px;
color:var(--cmn-font-color-gray);
position:relative;
}

.more-nights-recommend .more-nights-recommend-note-inner::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

/* .more-nights-recommend-note-list
----------------------------------------------- */
.more-nights-recommend .more-nights-recommend-note-list{
text-align:right;
}

.more-nights-recommend .more-nights-recommend-note-list > li{
display:inline-block;
}

.more-nights-recommend .more-nights-recommend-note-list > li:not(:first-child)::before{
margin:0 4px;
content:'/';
display:inline-block;
}

.more-nights-recommend .more-nights-recommend-note-list a{
color:var(--cmn-font-color-gray);
background-image:linear-gradient(90deg, var(--cmn-font-color-gray), var(--cmn-font-color-gray) 50%, transparent 50%, transparent 100%);
background-size:4px 1px;
background-repeat:repeat-x;
background-position:0 100%;
text-decoration:none;
}


/* ----------------------------------------------------------------
  Search Result
----------------------------------------------------------------- */
/* .search-result
----------------------------------------------- */
.search-result{
margin:10px 0 20px;
padding:10px 15px 20px;
border-radius:6px;
background-color:#777;
}

/* .search-result-ctrl
----------------------------------------------- */
.search-result .search-result-ctrl{
margin-bottom:15px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .search-result-ctrl-sort
----------------------------------------------- */
.search-result .search-result-ctrl-sort{
margin:-10px 0 -5px;
border-bottom:1px solid #999;
}

.search-result .search-result-ctrl-sort > li{
float:left;
}

.search-result .search-result-ctrl-sort > li a{
padding:10px;
color:#fff;
display:block;
position:relative;
background:none;
font-size:12px;
text-decoration:none;
}

.search-result .search-result-ctrl-sort > li.is-active a{
font-weight:bold;
}

.search-result .search-result-ctrl-sort > li.is-active a::after{
content:'';
display:block;
width:100%;
height:3px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
}

.search-result .search-result-ctrl-sort > li.is-active a::after{
background-color:#fff;
}

/* .search-result-ctrl-reload
----------------------------------------------- */
.search-result .search-result-ctrl-reload{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}

/* .search-result-ctrl-reload-btn
----------------------------------------------- */
.search-result .search-result-ctrl-reload-btn{
padding:0;
border:none;
border-radius:4px;
color:var(--cmn-font-color-gray);
min-width:140px;
min-height:30px;
box-shadow:0 -2px 0 #c5c5c5 inset;
background-color:#fff;
font-size:14px;
font-weight:bold;
}

.search-result .search-result-ctrl-reload-btn::before{
margin:0 8px 2px 0;
content:'';
display:inline-block;
width:13px;
height:13px;
overflow:hidden;
background:url(/element/j_hotel/shared/images/icon-realtime.svg) no-repeat 50% 50%;
vertical-align:middle;
opacity:.78;
}

.search-result .search-result-ctrl-reload-btn:disabled,
.search-result .search-result-ctrl-reload-btn.is-disabled{
opacity:.33;
}

/* .search-result-num-container
----------------------------------------------- */
.search-result .search-result-num-container{
display:table;
width:100%;
}

.search-result .search-result-num-container > .search-result-num,
.search-result .search-result-num-container > .search-result-pager{
display:table-cell;
vertical-align:middle;
}

.search-result .search-result-num-container > .search-result-num{
padding-right:10px;
color:#fff;
font-size:12px;
}

.search-result .search-result-num-container > .search-result-num > span{
display:inline-block;
line-height:1.35;
font-family:Arial;
}

.search-result .search-result-num-container > .search-result-num > span b{
margin:0 2px;
display:inline-block;
font-size:18px;
}

.search-result .search-result-num-container > .search-result-pager{
text-align:right;
}

.search-result .search-result-item + .search-result-num-container,
.search-result .search-result-item + * + .search-result-num-container{
margin-top:15px;
}

/* .search-result-item
----------------------------------------------- */
.search-result .search-result-item{
margin:15px -8px 0;
padding:18px 13px;
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:10px;
}

/* .search-result-item-header-inner
----------------------------------------------- */
.search-result .search-result-item-header-inner{
display:table;
width:100%;
position:relative;
}

.search-result .search-result-item-header-inner + .search-result-item-header-inner{
margin-top:10px;
}

/* .search-result-item-header-inner-01
----------------------------------------------- */
.search-result-item-header-inner-01{
position:relative;
min-height:40px;
}

/* .search-result-item-header-image
----------------------------------------------- */
.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{
width:100%;
height:100%;
object-fit:cover;
}

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

.search-result .search-result-item-header .search-result-item-header-image .search-result-item-image-caption a{
color:var(--cmn-font-color-gray);
}

/* .search-result-item-header-image.no-photo
----------------------------------------------- */
.search-result .search-result-item-header .search-result-item-header-image.no-photo .search-result-item-image{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.search-result .search-result-item-header .search-result-item-header-image.no-photo img{
width:100px;
height:auto;
}

/* search-result-item-header-col
----------------------------------------------- */
.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;
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{
font-size:12px;
}

.search-result .search-result-item-info > li{
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:var(--cmn-font-color-gray);
display:inline-block;
}

.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:11.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_hotel/shared/images/icon-pin.png) 0 48% no-repeat;
}

/* .search-result-item-footer
----------------------------------------------- */
.search-result .search-result-item-footer{
margin:0 -13px;
padding:15px 13px 0;
border-top:2px solid #ccc;
min-height:30px;
box-sizing:border-box;
position:relative;
text-align:center;
font-size:13px;
}

.search-result .search-result-item-footer > span{
display:block;
font-size:11px;
}

.search-result .search-result-item-footer > span span{
font-family:Arial;
font-size:14px;
}

/* .search-result-item-btn-favorite
----------------------------------------------- */
.search-result .search-result-item-btn-favorite{
padding:2px 3px 3px 22px;
border:1px solid #ddd;
border-radius:1px;
color:var(--cmn-font-color-gray);
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-btn-favorite::before{
content:'';
display:block;
width:16px;
height:13px;
overflow:hidden;
position:absolute;
top:50%;
left:3px;
}

.search-result .search-result-item-btn-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-btn-favorite.is-active::before{
opacity:1;
background-position:-269px -10px;
}


/* ----------------------------------------------------------------
  Result Table
----------------------------------------------------------------- */
/* .result-tbl
----------------------------------------------- */
.result-tbl{
margin:0 -13px;
border-top:2px solid #ccc;
background-color:#f1f1f1;
}

.result-tbl table{
border-spacing:0;
border-collapse:collapse;
width:100%;
background-color:#fff;
font-size:11px;
}

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

.result-tbl table thead th.plan{
padding-left:10px;
border-left:none;
font-weight:bold;
text-align:left;
}

.result-tbl table thead th.plan span{
margin-left:8px;
display:inline-block;
font-weight:normal;
}

.result-tbl table .meal{
width:11%;
}

.result-tbl table .room-type{
width:16%;
}

.result-tbl table .price{
width:28%;
}

.result-tbl table .room-status{
width:12.5%;
}

.result-tbl table tbody th,
.result-tbl table tbody td{
padding:10px 8px;
border-bottom:2px solid #ccc;
text-align:left;
vertical-align:top;
overflow-wrap:anywhere;
position:relative;
}

/* IE11 Hack */
_:-ms-lang(x)::-ms-backdrop, .result-tbl table tbody th,
_:-ms-lang(x)::-ms-backdrop, .result-tbl table tbody td{
word-break:break-all;
}

.result-tbl table tbody th{
padding-right:8px;
font-weight:normal;
font-size:12px;
}

.result-tbl table tbody > tr:last-child th,
.result-tbl table tbody > tr:last-child td{
border-bottom:none;
}

.result-tbl table tbody td:not([colspan]){
border-left:1px solid #fff;
}

.result-tbl table img{
vertical-align:middle;
}

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

.detail-item-result .result-tbl{
margin:10px -20px;
border-bottom:2px solid #ccc;
}

/* .result-tbl-toggle-group
----------------------------------------------- */
.result-tbl table .result-tbl-toggle-group{
display:none;
}

.result-tbl table .result-tbl-toggle-group tbody th,
.result-tbl table .result-tbl-toggle-group tbody td{
border:none;
}

.result-tbl table .result-tbl-toggle-group > td{
padding:0;
position:relative;
}

.result-tbl table .result-tbl-toggle-group > td::before,
.result-tbl table .result-tbl-toggle-group > td::after{
content:'';
display:block;
width:100%;
height:2px;
overflow:hidden;
position:absolute;
top:-2px;
left:0;
background-color:#fff;
}

.result-tbl table .result-tbl-toggle-group > td::after{
width:320px;
height:1px;
left:190px;
background:url(/element/j_hotel/shared/images/bg-result-tbl.svg) repeat 0 0;
}

.result-tbl table .result-tbl-toggle-group.is-active{
display:table-row;
}

.result-tbl table .result-tbl-toggle-group tbody tr:not(:first-child) th{
position:relative;
}

.result-tbl table .result-tbl-toggle-group tbody tr:not(:first-child) th::before{
content:"";
display:block;
width:320px;
height:1px;
position:absolute;
top:0;
left:190px;
background:url(/element/j_hotel/shared/images/bg-result-tbl.svg) repeat 0 0;
}

/* .result-tbl-toggle
----------------------------------------------- */
.result-tbl table .result-tbl-toggle{
border-bottom: 2px solid #ccc;
}

.result-tbl table tbody > tr:last-child.result-tbl-toggle{
border-bottom:none;
}

.result-tbl table .result-tbl-toggle td{
padding:0;
border-bottom:none;
text-align:right;
}

/* .result-tbl-toggle-btn
----------------------------------------------- */
.result-tbl table .result-tbl-toggle-btn{
margin-top:-5px;
padding:0 10px;
border:none;
color:var(--cmn-font-color-gray);
position:relative;
background-color:#fff;
font-size:11px;
text-align:left;
}

.result-tbl table .result-tbl-toggle-btn > span{
margin-bottom:10px;
padding:2px 10px 2px 18px;
display:inline-block;
cursor:pointer;
position:relative;
}

.result-tbl table .result-tbl-toggle-btn > span::before{
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:5px;
left:0;
background:url(/element/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
}

.result-tbl table .result-tbl-toggle-btn.is-active > span::before{
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
}

/* .result-tbl.fixed
----------------------------------------------- */
.result-tbl.fixed{
padding-top:33px;
position:relative;
}

.result-tbl.fixed .result-tbl-inner{
overflow-y:auto;
max-height:500px;
background-color:#fff;
}

.result-tbl.fixed table thead th{
padding:0;
border:none;
}

.result-tbl.fixed table thead th > div{
padding:8px 5px;
border-left:1px solid #d6d6d6;
position:absolute;
top:0;
box-sizing:border-box;
}

.result-tbl.fixed table thead th.plan > div{
padding-left:8px;
font-weight:bold;
}

.result-tbl.fixed table thead th.meal > div{
width:11%;
}

.result-tbl.fixed table thead th.room-type > div{
width:16%;
}

.result-tbl.fixed table thead th.price > div{
width:28%;
}

.result-tbl.fixed table thead th.room-status > div{
padding-right:0;
padding-left:8px;
width:11.5%;
}

/* .result-tbl-agt-data
----------------------------------------------- */
.result-tbl table .result-tbl-agt-data{
margin-bottom:2px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
font-size:11px;
}

/* .result-tbl-agt-data-logo
----------------------------------------------- */
.result-tbl table .result-tbl-agt-data-logo{
max-width:60px;
max-height:25px;
}

.result-tbl table .result-tbl-agt-data-logo img{
max-width:100%;
height:auto;
max-height:25px;
vertical-align:bottom;
}

/* .result-tbl-agt-data-sup
----------------------------------------------- */
.result-tbl table .result-tbl-agt-data-sup{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}

/* .result-tbl-note-cell
----------------------------------------------- */
.result-tbl .result-tbl-note-cell th{
padding:8px;
border-bottom:none;
background-color:#f1f1f1;
text-align:center;
}

/* .result-tbl-price
----------------------------------------------- */
.result-tbl .result-tbl-price{
padding-right:40px;
position:relative;
text-align:right;
}

.result-tbl .result-tbl-price .result-tbl-price-list > li > b{
display:inline-block;
font-size:16px;
font-family:Arial;
}

.result-tbl .result-tbl-price .result-tbl-price-list > li.coupon > .coupon-icon{
margin-right:2px;
padding:1px 3px 2px;
border-radius:2px;
box-shadow:0 -1px 0 #d5c177 inset;
background-color:#fae38c;
font-size:11px;
display:inline-block;
}

.result-tbl .result-tbl-price .result-tbl-price-list > li.coupon > .coupon-price{
display:inline-block;
vertical-align:middle;
}

.result-tbl .result-tbl-price .result-tbl-price-list > li.coupon > .coupon-price > b{
font-size:15px;
font-weight:normal;
text-decoration:line-through;
font-family:Arial;
}

.result-tbl .result-tbl-price .result-tbl-price-btn{
padding:2px 3px 1px;
border:1px solid #aeaeae;
border-radius:2px;
color:var(--cmn-font-color-gray);
position:absolute;
bottom:0;
right:0;
line-height:1.2;
cursor:pointer;
}

/* .result-tbl-payment
----------------------------------------------- */
.result-tbl .result-tbl-payment{
margin-top:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
font-size:11px;
text-align:center;
line-height:1.2;
}

.result-tbl .result-tbl-payment > li{
padding:3px 2px;
border:1px solid #d9d9d9;
box-sizing:border-box;
background-color:#fff;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}

.result-tbl .result-tbl-payment > li:not(:first-child){
margin-left:4px;
}

/* .result-tbl-btn-cv
----------------------------------------------- */
.result-tbl .result-tbl-btn-cv{
margin-bottom:5px;
padding-top:1px;
border-radius:3px;
color:#fff;
box-sizing:border-box;
height:30px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background-color:var(--cmn-btn-color);
box-shadow:0 2px 0 #5b9500;
text-align:center;
text-decoration:none;
text-shadow:0 1px 1px rgba(0,0,0,.4);
font-size:12px;
font-weight:bold;
}

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

/* .result-tbl-btn-cv-sup
----------------------------------------------- */
.result-tbl .result-tbl-btn-cv-sup{
line-height:1.35;
display:block;
}

.result-tbl .result-tbl-btn-cv-sup + .result-tbl-btn-cv-sup{
margin-top:4px;
}

/* .result-tbl-error
----------------------------------------------- */
.result-tbl .result-tbl-error{
padding:15px 0;
color:var(--cmn-font-color-base);
display:block;
text-align:center;
font-size:13px;
}


/* ----------------------------------------------------------------
  DP Add Plan
----------------------------------------------------------------- */
/* .add-plan
----------------------------------------------- */
.add-plan{
margin:0 0 0 auto;
font-size:11px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:400px;
}

.add-plan > li{
margin:10px 0 0 5px;
display:inline-block;
position:relative;
}

.add-plan > li:last-child{
margin-right:0;
}

.detail-header .add-plan{
margin-left:-5px;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
width:auto;
}

/* .add-plan-hook
----------------------------------------------- */
.add-plan .add-plan-hook{
padding:16px 5px 3px;
border:1px solid #c5c5c5;
border-radius:2px;
color:var(--cmn-font-color-gray);
display:block;
box-shadow:0 -2px 0 #e5e5e5 inset;
background-color:#fff;
cursor:pointer;
min-width:125px;
box-sizing:border-box;
text-align:center;
text-decoration:none;
background-repeat:no-repeat;
}

.add-plan > li.air .add-plan-hook{
background-position:50% 3px;
background-image:url(/element/j_hotel/shared/images/plan-hook-bg-air.png);
}

.add-plan > li.jr .add-plan-hook{
background-position:50% 1px;
background-image:url(/element/j_hotel/shared/images/plan-hook-bg-jr.png);
}

/* .add-plan-balloon
----------------------------------------------- */
.add-plan .add-plan-balloon{
padding:10px;
border:1px solid #aaa;
border-radius:4px;
box-sizing:border-box;
box-shadow:2px 2px 5px -2px rgba(0,0,0,.45);
display:none;
width:250px;
position:absolute;
bottom:98%;
left:50%;
transform:translateX(-50%);
background-color:#fff;
z-index:1;
font-size:12px;
}

.add-plan .add-plan-balloon::before{
margin-left:-5px;
content:'';
display:block;
width:10px;
height:10px;
position:absolute;
bottom:-6px;
left:50%;
display:block;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.add-plan .add-plan-balloon.bottom{
top:100%;
bottom:auto;
}

.add-plan .add-plan-balloon.wide{
width:400px;
}

.add-plan .add-plan-balloon.bottom::before{
top:-6px;
bottom:auto;
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg);
}

.add-plan > li.is-active .add-plan-balloon{
display:block;
}

.add-plan .add-plan-balloon > p{
margin-top:3px;
}

/* .add-plan-balloon-catch
----------------------------------------------- */
.add-plan .add-plan-balloon-catch{
display:block;
}

/* .add-plan-balloon-note
----------------------------------------------- */
.add-plan .add-plan-balloon-note{
margin:5px 0;
color:var(--cmn-font-color-gray);
font-size:11px;
}

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

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

.add-plan .add-plan-balloon-note > li:first-child{
margin-top:0;
}

.add-plan .add-plan-balloon-note > li.em{
font-weight:bold;
}

.add-plan .add-plan-balloon-note > li.attention::before{
color:var(--cmn-font-color-red);
}

/* .add-plan-balloon-btn
----------------------------------------------- */
.add-plan .add-plan-balloon-btn{
padding:5px 10px;
border:1px solid #bbb;
border-radius:3px;
color:var(--cmn-font-color-gray);
display:table;
box-shadow:0 -1px 0 #ddd inset;
font-size:12px;
text-decoration:none;
}

.add-plan .add-plan-balloon-catch + .add-plan-balloon-btn{
margin-top:3px;
}

/* .add-plan-list
----------------------------------------------- */
.add-plan .add-plan-list{
line-height:1.25;
}

.add-plan .add-plan-list > li{
margin-top:5px;
}

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

.add-plan .add-plan-list > li > a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.add-plan .add-plan-list > li > a .logo{
margin-right:5px;
border:1px solid #dae1e5;
display:block;
width:40px;
height:26px;
box-sizing:border-box;
position:relative;
background-color:#fff;
}

.add-plan .add-plan-list > li > a .logo img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
-ms-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:100%;
max-height:100%;
vertical-align:bottom;
}

.add-plan .add-plan-list > li > a > span:not([class]){
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .add-plan-list-01
----------------------------------------------- */
.add-plan-list-01{
margin-top:-10px;
}

.add-plan-list-01 > li{
padding:10px 0 10px 70px;
border-top:1px dotted #ccc;
position:relative;
min-height:19px;
box-sizing:border-box;
}

.add-plan-list-01 > li:first-child{
border-top:none;
}

.add-plan-list-01 > li > .logo{
position:absolute;
left:0;
bottom:50%;
-webkit-transform:translateY(50%);
-ms-transform:translateY(50%);
transform:translateY(50%);
}

.add-plan-list-01 > li > .logo img{
vertical-align:bottom;
}


/* ----------------------------------------------------------------
  Detail Heading
----------------------------------------------------------------- */
.detail-hdg-l1{
margin-bottom:8px;
font-size:14px;
}


/* ----------------------------------------------------------------
  Detail Header
----------------------------------------------------------------- */
/* .detail-header
----------------------------------------------- */
.detail-header{
border:3px solid #c9c9c9;
padding:15px 15px 10px;
position:relative;
font-size:12px;
}

/* .detail-header-inner
----------------------------------------------- */
.detail-header .detail-header-inner{
display:table;
width:100%;
}

.detail-header .detail-header-inner > .detail-header-image,
.detail-header .detail-header-inner > .detail-header-col{
display:table-cell;
vertical-align:top;
}

/* .detail-header-image
----------------------------------------------- */
.detail-header .detail-header-image{
padding-right:20px;
width:180px;
}

.detail-header .detail-header-image .detail-header-image-view{
border:1px solid #dae1e5;
display:block;
height:160px;
box-sizing:border-box;
position:relative;
}

.detail-header .detail-header-image .detail-header-image-view img{
width:100%;
height:100%;
object-fit:cover;
}

.detail-header .detail-header-image .detail-header-image-caption{
margin-top:3px;
display:block;
font-size:11px;
}

.detail-header .detail-header-image .detail-header-image-caption a{
color:var(--cmn-font-color-gray);
}

.detail-header .detail-header-image .detail-header-image-nav-internal{
margin-top:3px;
display:block;
font-size:11px;
}

.detail-header .detail-header-image .detail-header-image-nav-internal a{
padding-left:13px;
color:var(--cmn-font-color-gray);
display:inline-block;
position:relative;
}

.detail-header .detail-header-image .detail-header-image-nav-internal a::before{
content:'';
display:block;
position:absolute;
top:4px;
left:2px;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:5px;
height:5px;
transform:rotate(45deg);
}

/* .detail-header-image.no-photo
----------------------------------------------- */
.detail-header .detail-header-image.no-photo .detail-header-image-view{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.detail-header .detail-header-image.no-photo .detail-header-image-view img{
width:100px;
height:auto;
}

/* .detail-header-hdg
----------------------------------------------- */
.detail-header .detail-header-hdg{
margin:0 85px 5px 0;
line-height:1.35;
font-size:20px;
font-weight:bold;
}

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

.detail-header .detail-header-hdg.minpaku{
padding-left:40px;
position:relative;
}

.detail-header .detail-header-hdg .icon-image{
display:block;
}

.detail-header .detail-header-hdg .icon-image img{
vertical-align:bottom;
}

/* .detail-header-sup
----------------------------------------------- */
.detail-header .detail-header-sup{
margin:0 0 10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 4px;
font-weight:normal;
font-size:13px;
}

/* .detail-header-sup-hdg
----------------------------------------------- */
.detail-header .detail-header-sup-hdg{
font-weight:normal;
}

/* .detail-header-info
----------------------------------------------- */
.detail-header .detail-header-info{
margin-top:10px;
}

.detail-header .detail-header-info > li{
margin-top:3px;
overflow:hidden;
}

.detail-header .detail-header-info > li:first-child{
margin-top:0;
}

.detail-header .detail-header-info > li a{
color:var(--cmn-font-color-gray);
}

.detail-header .detail-header-info > li > .cell{
overflow:hidden;
}

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

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

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

/* .detail-header-btn-favorite
----------------------------------------------- */
.detail-header .detail-header-btn-favorite{
padding:2px 3px 3px 22px;
border:1px solid #ddd;
border-radius:1px;
color:var(--cmn-font-color-gray);
position:absolute;
top:8px;
right:15px;
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;
}

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

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

.detail-header .detail-header-btn-favorite.is-active::before{
opacity:1;
background-position:-269px -10px;
}


/* ----------------------------------------------------------------
  Detail Item
----------------------------------------------------------------- */
/* .detail-item
----------------------------------------------- */
.detail-item{
margin:5px 0 30px;
padding:20px;
border:4px solid #777;
border-radius:6px;
font-size:13px;
}

/* .detail-item-hdg
----------------------------------------------- */
.detail-item .detail-item-hdg{
margin:-20px -20px 20px;
padding:10px 20px;
color:#fff;
background-color:#777;
font-size:18px;
font-weight:bold;
}

/* .detail-item-hdg-01
----------------------------------------------- */
.detail-item .detail-item-hdg-01{
margin:16px 0 8px;
padding-top:12px;
border-top:1px solid #ddd;
}

.detail-item-hdg + .detail-item-hdg-01{
margin-top:0;
border-top:none;
padding-top:0;
}

.detail-item-hdg-02 + .detail-item-hdg-01{
margin-top:8px;
border-top:none;
padding-top:0;
}

/* .detail-item-hdg-02
----------------------------------------------- */
.detail-item .detail-item-hdg-02{
margin:28px 0 8px;
padding:5px 8px 4px;
background-color:#eee;
font-size:13px;
}

.detail-item-hdg + .detail-item-hdg-02,
.detail-item-carousel + .detail-item-hdg-02{
margin-top:20px;
}


/* .detail-item-hdg-container
----------------------------------------------- */
.detail-item .detail-item-hdg-container{
margin:-20px -20px 20px;
padding:10px 20px;
color:#fff;
overflow:hidden;
background-color:#777;
}

.detail-item .detail-item-hdg-container .detail-item-hdg{
margin:0;
padding:0;
width:70%;
float:left;
}

.detail-item .detail-item-hdg-container .detail-item-hdg-sup{
padding-top:3px;
float:right;
width:30%;
text-align:right;
font-size:12px;
}

/* .detail-item-list-separate
----------------------------------------------- */
.detail-item .detail-item-list-separate > li{
display:-webkit-box;
display:flex;
}

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

.detail-item .detail-item-list-separate > li > div:first-child{
margin-right:8px;
padding-right:1em;
width:5.5em;
position:relative;
}

.detail-item .detail-item-list-separate > li > div:first-child::after{
content:'\ff1a';
position:absolute;
top:0;
right:0;
}

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

.detail-item .detail-item-list-separate + p{
margin-top:8px;
}

/* .detail-item-list-separate-line > .detail-item-list-separate
------------------------- */
.detail-item-list-separate-line .detail-item-list-separate > li > div:first-child{
width:6.5em;
}

/* .detail-item-list-separate-line
----------------------------------------------- */
.detail-item .detail-item-list-separate-line{
margin-top:10px;
border-top:1px solid #ddd;
}

.detail-item .detail-item-list-separate-line > li{
overflow:hidden;
border-bottom:1px solid #ddd;
}

.detail-item .detail-item-list-separate-line > li > div{
padding:10px 0;
overflow:hidden;
}

.detail-item .detail-item-list-separate-line > li > div:first-child{
padding-right:10px;
box-sizing:border-box;
float:left;
min-width:9em;
overflow:visible;
font-weight:bold;
font-size:12px;
}

.detail-item .detail-item-list-separate-line > li .tel{
font-size:16px;
}

.detail-item-hdg + .detail-item-list-separate-line{
margin:-10px 0 0;
border-top:none;
}

.detail-item > .detail-item-list-separate-line:last-child > li:last-child{
margin-bottom:-10px;
border-bottom:none;
}

/* .detail-item-list-facility
----------------------------------------------- */
.detail-item .detail-item-list-facility{
margin:-8px 0 0 -12px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}

.detail-item .detail-item-list-facility > li{
margin:8px 0 0 12px;
padding-left:10px;
box-sizing:border-box;
width:calc(25% - 12px);
position:relative;
}

.detail-item .detail-item-list-facility>li::before{
content:'';
border-radius:1px;
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:.64em;
left:0;
background-color:#333;
}

.detail-item .detail-item-list-facility > li:first-child:last-child{
width:auto;
}

/* .detail-item-list-facility.branch
----------------------------------------------- */
.detail-item-list-facility.branch > li{
width:calc(33.3333% - 12px);
}

/* .ddetail-item-carousel
----------------------------------------------- */
.detail-item .detail-item-carousel{
margin:0 auto;
max-width:380px;
position:relative;
}

/* .ddetail-item-carousel-list
----------------------------------------------- */
.detail-item .detail-item-carousel-list > li{
aspect-ratio:380 / 240;
height:auto;
}

.detail-item .detail-item-carousel-list img{
width:100%;
height:100%;
object-fit:cover;
vertical-align:bottom;
}

.detail-item .detail-item-carousel-list > .no-photo{
position:relative;
box-shadow:0 0 0 1px #e5e5e5 inset;
}

.detail-item .detail-item-carousel-list > .no-photo img{
margin:auto;
position:absolute;
inset:0;
width:120px;
height:120px;
}

/* .ddetail-item-carousel-nav
----------------------------------------------- */
.detail-item .detail-item-carousel-nav button{
margin:auto 0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
bottom:0;
left:0;
z-index:2;
width:40px;
height:100%;
background:url(/element/shared/images/icon/icon-chevron-left.svg) 8px 50% no-repeat;
background-size:12px auto;
filter:brightness(0) invert(1) drop-shadow(#000 0 0 2px);
transform:translateZ(0);
outline:none;
}

.detail-item .detail-item-carousel-nav .next button{
left:auto;
right:0;
transform:rotate(180deg);
}

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

/* .detail-item-carousel-gallery-btn
----------------------------------------------- */
.detail-item .detail-item-carousel-gallery-btn{
padding:2px 24px 2px 3px;
border:1px solid rgba(255,255,255,.4);
border-radius:3px;
color:#fff;
box-sizing:content-box;
overflow:hidden;
position:absolute;
bottom:8px;
right:8px;
z-index:2;
min-height:18px;
min-width:48px;
background:rgba(0,0,0,.7) url(/element_sp/j_hotel/shared/images/icon-gallery-wht.svg) no-repeat 88% 50%;
background-size:14px auto;
font-size:14px;
font-family:Arial;
text-align:center;
}

.detail-item .detail-item-carousel-gallery-btn > span{
height:0;
overflow:hidden;
position:absolute;
}

/* .detail-item-carousel-agt
----------------------------------------------- */
.detail-item .detail-item-carousel-agt{
padding:15px 8px 4px;
color:rgba(255,255,255,.7);
display:block;
box-sizing:border-box;
width:100%;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background:linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 50%, rgba(0,0,0,.7) 100%);
z-index:1;
font-size:11px;
}

/* .detail-item-room
----------------------------------------------- */
.detail-item .detail-item-room{
margin-bottom:-8px;
}

/* .detail-item-room-inner
----------------------------------------------- */
.detail-item .detail-item-room-inner{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:20px;
}

.detail-item .detail-item-room-inner > :nth-child(n+3){
display:none;
}

.detail-item-room.is-active .detail-item-room-inner > :nth-child(n+3){
display:block;
}

/* .detail-item-room-col
----------------------------------------------- */
.detail-item .detail-item-room-col{
width:calc(50% - 10px);
}

.detail-item .detail-item-room-col > .data{
margin-top:12px;
}

.detail-item .detail-item-room-col > .data > span{
display:block;
}

.detail-item .detail-item-room-col > .data > ul{
margin-top:4px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:4px 16px;
overflow:hidden;
line-height:1;
}

.detail-item .detail-item-room-col > .data > ul > li{
margin-left:-8px;
padding-left:8px;
position:relative;
}

.detail-item .detail-item-room-col > .data > ul > li::before{
content:'/';
position: absolute;
top:-1px;
left:-2px;
}

.detail-item .detail-item-room-col > .data > a{
margin:12px 0 0 auto;
display:block;
line-height:1.35;
width:fit-content;
}

/* .detail-item-room-btn
----------------------------------------------- */
.detail-item .detail-item-room-btn{
margin-top:12px;
padding:12px 0 0;
border:none;
border-top:1px solid #ddd;
width:100%;
background:none;
}

.detail-item .detail-item-room-btn > span{
display:inline-block;
padding-left:16px;
background:url(/element/j_hotel/shared/images/icon-arrow-down.svg) 0 43% no-repeat;
background-size:9px auto;
}

.detail-item-room.is-active .detail-item-room-btn > span{
background-image:url(/element/j_hotel/shared/images/icon-arrow-up.svg);
}

/* .detail-item-route
----------------------------------------------- */
.detail-item .detail-item-route{
margin-top:10px;
}

/* .detail-item-route-map
----------------------------------------------- */
.detail-item .detail-item-route-map{
height:390px;
position:relative;
max-width:100%;
}

/* .detail-item-route-search
----------------------------------------------- */
.detail-item .detail-item-route-search{
padding:10px 15px;
border:1px solid #ddd;
background-color:#f7f7f7;
}

/* .detail-item-route-search-inner
----------------------------------------------- */
.detail-item .detail-item-route-search-inner{
margin-top:5px;
padding-right:95px;
position:relative;
}

/* .detail-item-route-search-list
----------------------------------------------- */
.detail-item .detail-item-route-search-list > li{
display:inline-block;
vertical-align:middle;
}

.detail-item .detail-item-route-search-list > li:first-child{
margin-right:20px;
}

.detail-item .detail-item-route-search-list > li input[type='text'],
.detail-item .detail-item-route-search-list > li input[type='search']{
padding:5px;
border:1px solid #bebebe;
border-radius:0;
width:280px;
box-sizing:border-box;
}

/* .detail-item-route-search-list-01
----------------------------------------------- */
.detail-item .detail-item-route-search-list-01{
display:inline-block;
}

.detail-item .detail-item-route-search-list-01 > li{
margin-right:5px;
display:inline-block;
vertical-align:top;
}

.detail-item .detail-item-route-search-list-01 > li label{
padding-left:16px;
display:block;
position:relative;
cursor:pointer;
}

.detail-item .detail-item-route-search-list-01 > li input[type='radio']{
position:absolute;
top:2px;
left:0;
}

/* .detail-item-route-search-btn
----------------------------------------------- */
.detail-item .detail-item-route-search-btn{
padding:3px;
border-radius:3px;
color:#fff;
border:none;
position:absolute;
top:-2px;
right:0;
min-width:90px;
background-color:#717171;
box-shadow:0 -2px 0 rgba(0,0,0,.4) inset;
font-weight:bold;
font-size:15px;
}

/* .detail-item-route > #mapFloatingWindow
----------------------------------------------- */
#mapFloatingWindow{
position:absolute;
z-index:10000;
bottom:6px;
left:50%;
margin:0 0 0 -125px;
padding:5px;
width:260px;
min-height:20px;
height:auto !important;
height:20px;
line-height:20px;
border:2px solid #999;
text-align:center;
background-color:#fff;
}

#mapFloatingWindow b{
color:var(--cmn-font-color-gray);
}


/* ----------------------------------------------------------------
  Detail Item Result
----------------------------------------------------------------- */
/* .detail-item-result
----------------------------------------------- */
.detail-item-result{
margin:0 -20px;
padding:10px 20px 0;
border-top:3px solid #777;
}

/* .detail-item-result-ctrl
----------------------------------------------- */
.detail-item-result .detail-item-result-ctrl{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .detail-item-result-ctrl-reload-
----------------------------------------------- */
.detail-item-result .detail-item-result-ctrl-reload{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}

/* .detail-item-result-ctrl-reload-btn
----------------------------------------------- */
.detail-item-result .detail-item-result-ctrl-reload-btn{
padding:0;
border:1px solid #ccc;
border-radius:4px;
color:var(--cmn-font-color-gray);
min-width:140px;
min-height:30px;
box-shadow:0 -1px 0 #c5c5c5 inset;
background-color:#fff;
font-size:14px;
font-weight:bold;
}

.detail-item-result .detail-item-result-ctrl-reload-btn::before{
margin:0 8px 2px 0;
content:'';
display:inline-block;
width:13px;
height:13px;
overflow:hidden;
background:url(/element/j_hotel/shared/images/icon-realtime.svg) no-repeat 50% 50%;
vertical-align:middle;
}

.detail-item-result .detail-item-result-ctrl-reload-btn:disabled,
.detail-item-result .detail-item-result-ctrl-reload-btn.is-disabled{
opacity:.33;
}


/* .detail-item-result-ctrl-sort
----------------------------------------------- */
.detail-item-result .detail-item-result-ctrl-sort > li{
float:left;
}

.detail-item-result .detail-item-result-ctrl-sort > li button{
padding:5px 12px 8px;
border:none;
color:var(--cmn-font-color-gray);
position:relative;
background:none;
font-size:12px;
}

.detail-item-result .detail-item-result-ctrl-sort > li button::before{
content:'';
display:block;
width:1px;
height:12px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
}

.detail-item-result .detail-item-result-ctrl-sort > li button::before{
margin-top:-6px;
background-color:#888;
}

.detail-item-result .detail-item-result-ctrl-sort > li button[disabled]{
color:var(--cmn-font-color-base);
font-weight:bold;
}

.detail-item-result .detail-item-result-ctrl-sort > li button[disabled]::after{
content:'';
display:block;
width:100%;
height:3px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
}

.detail-item-result .detail-item-result-ctrl-sort > li button[disabled]::after{
background-color:#888;
}

.detail-item-result .detail-item-result-ctrl-sort > li:first-child button::before{
display:none;
}

/* .detail-item-result-num-container
----------------------------------------------- */
.detail-item-result .detail-item-result-num-container{
margin-top:15px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
}

.detail-item-result .detail-item-result-num-container > .detail-item-result-num{
padding-right:10px;
font-size:12px;
font-family:Arial;
}

.detail-item-result .detail-item-result-num-container > .detail-item-result-num > span{
display:inline-block;
line-height:1.35;
}

.detail-item-result .detail-item-result-num-container > .detail-item-result-num > span b{
margin:0 2px;
display:inline-block;
font-size:18px;
}

.detail-item-result .detail-item-result-num-container > .detail-item-result-pager{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}

/* ----------------------------------------------------------------
  .detail-review-overall-rating
----------------------------------------------------------------- */
/* .detail-review-overall-rating
----------------------------------------------- */
.detail-review .detail-review-overall-rating{
margin-bottom:15px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .detail-review-overall-rating-num
----------------------------------------------- */
.detail-review .detail-review-overall-rating-num{
line-height:1;
font-size:14px;
font-weight:bold;
}

.detail-review .detail-review-overall-rating-num b{
margin-left:5px;
display:inline-block;
vertical-align:middle;
font-family:Arial;
font-size:20px;
}

/* .detail-review-overall-rating-sup
----------------------------------------------- */
.detail-review .detail-review-overall-rating-sup{
margin-left:15px;
font-size:11px;
}


/* ----------------------------------------------------------------
  .detail-review
----------------------------------------------------------------- */
/* .detail-review-content
----------------------------------------------- */
.detail-review-content{
margin:10px 0 20px;
padding:0 15px 10px;
border:4px solid #777;
border-radius:6px;
background-color:#fff;
}

/* .detail-review-content-header
----------------------------------------------- */
.detail-review .detail-review-content-header{
margin:0 -15px 10px;
padding:2px 15px 10px;
background-color:#777;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
font-family:Arial;
}

/* .detail-review-content-header-sort
----------------------------------------------- */
.detail-review .detail-review-content-header-site{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
min-height:47px;
}

.detail-review .detail-review-content-header-site > li{
border-bottom: 1px solid #999;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.detail-review .detail-review-content-header-site > li a{
padding:4px 10px;
color:#fff;
display:block;
box-sizing:border-box;
background:none;
font-size:12px;
text-align:center;
text-decoration:none;
}

.detail-review .detail-review-content-header-site > li.is-active a::after{
content:'';
display:block;
width:100%;
height:3px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
}

.detail-review .detail-review-content-header-site > li.is-active a::after{
background-color:#fff;
}

.detail-review .detail-review-content-header-site > li a > span{
display:block;
}


/* .detail-review-content-header-site-other
----------------------------------------------- */
.detail-review .detail-review-content-header-site-other{
margin-left:10px;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
max-width:300px;
}

.detail-review .detail-review-content-header-site-other > span{
display:inline-block;
-webkit-box-flex:1;
flex:1;
text-align:right;
}

.detail-review .detail-review-content-header-site-other > span:last-child{
margin-left:5px;
width:15px;
-webkit-box-flex:0;
flex:none;
}

/* .detail-review-content-rating
----------------------------------------------- */
.detail-review .detail-review-content-rating{
margin:0 -15px 5px;
padding:0 15px 10px;
border-bottom:4px solid #777;
}

/* .detail-review-content-rating-header
----------------------------------------------- */
.detail-review .detail-review-content-rating-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .detail-review-content-rating-header-note
----------------------------------------------- */
.detail-review .detail-review-content-rating-header-note{
margin-left:15px;
padding-left:1em;
color:var(--cmn-font-color-gray);
-webkit-box-flex:1;
flex:1;
position:relative;
font-size:11px;
}

.detail-review .detail-review-content-rating-header-note::before{
content:"\203b";
position: absolute;
top:0;
left:0;
}

.detail-review .detail-review-content-rating-header-note a{
color:var(--cmn-font-color-gray);
text-decoration:underline;
}

/* .detail-review-content-rating-hook
----------------------------------------------- */
.detail-review .detail-review-content-rating-hook{
padding:3px 0 2px 18px;
display:table;
position:relative;
line-height:1;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:12px 7px;
}

.detail-review .is-active .detail-review-content-rating-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .detail-review-content-rating-hdg
----------------------------------------------- */
.detail-review .detail-review-content-rating-hdg{
font-size:12px;
font-weight:normal;
}

/* .detail-review-content-rating-hook-btn
----------------------------------------------- */
.detail-review .detail-review-content-rating-hook-btn{
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:none;
overflow:hidden;
}

/* .detail-review-content-rating-content
----------------------------------------------- */
.detail-review .detail-review-content-rating-content{
display:none;
}

.detail-review .is-active > .detail-review-content-rating-content{
display:block;
}

/* .detail-review-content-rating-list
----------------------------------------------- */
.detail-review .detail-review-content-rating-list > li{
margin-top:7px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.detail-review .detail-review-content-rating-list .filter{
width:90px;
}

.detail-review .detail-review-content-rating-list .filter > label{
padding-left:18px;
display:block;
position:relative;
cursor:pointer;
}

.detail-review .detail-review-content-rating-list .filter input[type='checkbox']{
margin:auto 0;
position: absolute;
top:0;
bottom:0;
left:0;
cursor:pointer;
}

.detail-review .detail-review-content-rating-list .chart{
color:rgba(0,0,0,0);
width:200px;
height:14px;
overflow:hidden;
position:relative;
background-color:#eee;
}

.detail-review .detail-review-content-rating-list .chart > div{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-color:#2d7bc1;
}

.detail-review .detail-review-content-rating-list .num{
margin-left:20px;
}

.detail-review .detail-review-content-rating-list > .is-disabled{
color:#ccc;
}

.detail-review .detail-review-content-rating-list > .is-disabled label{
cursor:default;
}

.detail-review .detail-review-content-rating-list > .is-disabled input[type='checkbox']{
cursor:default;
opacity:.25;
}

/* .detail-review-content-note
----------------------------------------------- */
.detail-review .detail-review-content-note{
color:var(--cmn-font-color-gray);
font-size:11px;
}

.detail-review .detail-review-content-note > li{
padding-left:1.25em;
position:relative;
}

.detail-review .detail-review-content-note > li:not(:first-child){
margin-top:5px;
}

.detail-review .detail-review-content-note > li > .mark{
display:block;
position:absolute;
top:0;
left:0;
}

/* .detail-review-content-article
----------------------------------------------- */
.detail-review .detail-review-content-article{
margin-top:12px;
padding-top:15px;
border-top:1px solid #777;
}

.detail-review .detail-review-content-note + input + .detail-review-content-article{
margin-top:5px;
}

/* .detail-review-content-article-header
----------------------------------------------- */
.detail-review .detail-review-content-article-header{
margin-bottom:5px;
}

/* .detail-review-content-article-header-hdg
----------------------------------------------- */
.detail-review .detail-review-content-article-header-hdg{
font-size:16px;
}

/* .detail-review-content-article-header-sup
----------------------------------------------- */
.detail-review .detail-review-content-article-header-sup{
font-size:11px;
}

/* .detail-review-content-article-header-list
----------------------------------------------- */
.detail-review .detail-review-content-article-header-list{
margin-top:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
}

.detail-review .detail-review-content-article-header-list > .agt{
margin-left:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}

.detail-review .detail-review-content-article-header-list .agt-logo{
max-width:80px;
max-height:20px;
vertical-align:middle;
}

.detail-review .detail-review-content-article-header-list .agt-logo img{
max-width:100%;
max-height:100%;
vertical-align:middle;
}

/* .detail-review-content-article-header-review-num
----------------------------------------------- */
.detail-review .detail-review-content-article-header-review-num{
margin-top:3px;
font-size:12px;
}

.detail-review .detail-review-content-article-header-review-num > span{
margin-left:2px;
padding:8px 3px;
border-radius:6px 6px 6px 0;
color:#fff;
line-height:1;
display:inline-block;
min-width:32px;
box-sizing:border-box;
background:#003580;
font-size:16px;
text-align:center;
}

/* .detail-review-content-article-header-review-num-01
----------------------------------------------- */
.detail-review .detail-review-content-article-header-review-num-01{
margin-top:3px;
font-size:12px;
}

.detail-review .detail-review-content-article-header-review-num-01 > span{
display:inline-block;
vertical-align:middle;
}

/* .detail-review-content-article-list
----------------------------------------------- */
.detail-review .detail-review-content-article-list{
line-height:1.65;
font-size:13px;
}

.detail-review .detail-review-content-article-list[role="button"]{
cursor:pointer;
}

.detail-review .detail-review-content-article-list > li{
padding-left:20px;
position:relative;
background-position:0 1px;
background-repeat:no-repeat;
background-size:16px 15px;
}

.detail-review .detail-review-content-article-list > li:not(:first-child){
margin-top:10px;
}

.detail-review .detail-review-content-article-list > .good{
background-image:url(/element/j_hotel/shared/images/icon-detail-review-plus.svg);
}

.detail-review .detail-review-content-article-list > .bad{
background-image:url(/element/j_hotel/shared/images/icon-detail-review-minus.svg);
}

/* .detail-review-content-article-more
----------------------------------------------- */
.detail-review .detail-review-content-article-more{
margin:0;
border:none;
color:#a4a4a4;
display:inline-block;
background:transparent;
font-weight:normal;
}

.detail-review .detail-review-content-article-more::before{
margin:0 5px 0 3px;
content:'...';
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:bottom;
}

/* .detail-review-content-article-btn-close
----------------------------------------------- */
.detail-review .detail-review-content-article-btn-close{
margin-left:auto;
padding:0 0 0 16px;
border:none;
color:var(--cmn-font-color-gray);
display:table;
position:relative;
background-color:transparent;
font-size:14px;
}

.detail-review .detail-review-content-article-btn-close::before{
margin-top:-6px;
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background:url(/element/shared/images/icon/icon-toggle-minus.svg) 0 50% no-repeat;
}

/* .detail-review-content-more
----------------------------------------------- */
.detail-review .detail-review-content-more{
margin-top:10px;
padding-top:5px;
border-top:1px solid #777;
}

/* .detail-review-content-more-btn
----------------------------------------------- */
.detail-review .detail-review-content-more-btn{
margin:5px auto 0;
padding:5px 5px 5px 16px;
color:var(--cmn-font-color-base);
border:none;
display:block;
position:relative;
background:none;
font-size:12px;
}

.detail-review .detail-review-content-more-btn::before{
margin-top:-6px;
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background:url(/element/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
}

/* .detail-review-btn
----------------------------------------------- */
.detail-review .detail-review-btn{
margin:35px auto 0;
display:table;
text-align:center;
min-width:48%;
}

.detail-review .detail-review-btn > a{
padding:10px;
border:1px solid #c5c5c5;
border-radius:4px;
color:#555;
box-sizing:border-box;
display:block;
box-shadow:0 -2px 0 #ccc inset;
background-color:#fff;
text-decoration:none;
text-align:center;
font-weight:bold;
font-size:14px;
}

.detail-review .detail-review-btn > span{
margin-top:8px;
color:var(--cmn-font-color-gray);
display:block;
font-size:11px;
}

.detail-review .detail-review-content .detail-review-btn{
margin-bottom:35px;
}

/* .detail-review-overall-rating-agt
----------------------------------------------- */
.detail-review .detail-review-overall-rating-agt{
margin-top:10px;
padding:10px;
background-color:#f5f5f5;
}

/* .detail-review-overall-rating-agt-list
----------------------------------------------- */
.detail-review .detail-review-overall-rating-agt-list > li{
margin:4px 13px 0 0;
display:inline-block;
}

.detail-review .detail-review-overall-rating-agt-list > li:last-child{
margin-right:0;
}

.detail-review .detail-review-overall-rating-agt-list .num{
display:inline-block;
}

.detail-review .detail-review-overall-rating-agt-list .num::before{
content:"\ff1a";
}

/* .detail-review-alert
----------------------------------------------- */
.detail-review .detail-review-alert{
margin:15px 0;
padding:30px 10px;
border:1px solid #ccc;
text-align:center;
font-size:13px;
}

.detail-review .detail-review-alert .catch{
margin-bottom:5px;
display:block;
font-size:16px;
}


/* ----------------------------------------------------------------
  Image Gallery
----------------------------------------------------------------- */
/* .image-gallery-inner
----------------------------------------------- */
.image-gallery .image-gallery-inner{
overflow:hidden;
}

/* .image-gallery-view
----------------------------------------------- */
.image-gallery .image-gallery-view{
float:left;
width:370px;
overflow:hidden;
}

.image-gallery .image-gallery-view > a{
color:#555;
display:block;
height:370px;
position:relative;
background-color:#eee;
text-align:center;
}

.image-gallery .image-gallery-view > a:active,
.image-gallery .image-gallery-view > a:hover,
.image-gallery .image-gallery-view > a:focus{
text-decoration:none;
}

.image-gallery .image-gallery-view > a img{
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:auto;
height:auto;
max-width:100%;
max-height:100%;
}

.image-gallery .image-gallery-view .image-gallery-view-caption{
margin-top:5px;
display:block;
text-align:left;
font-size:11px;
}

/* .image-gallery-view.no-photo
----------------------------------------------- */
.image-gallery .image-gallery-view.no-photo > a{
border:1px solid #e5e5e5;
background-color:#fff;
}

/* .image-gallery-list-thumb
----------------------------------------------- */
.image-gallery .image-gallery-list-thumb{
float:right;
width:295px;
overflow-y:auto;
height:415px;
}

.image-gallery .image-gallery-list-thumb > ul{
overflow:hidden;
}

.image-gallery .image-gallery-list-thumb > ul > li{
margin:0 0 10px 10px;
float:left;
}

.image-gallery .image-gallery-list-thumb > ul > li:nth-child(4n+1){
margin-left:0;
clear:both;
}

.image-gallery .image-gallery-list-thumb > ul > li a{
display:block;
box-sizing:border-box;
position:relative;
width:60px;
height:55px;
overflow:hidden;
background-color:#ededed;
}

.image-gallery .image-gallery-list-thumb > ul > li a::before{
content:'';
display:block;
width:100%;
height:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
}

.image-gallery .image-gallery-list-thumb > ul > li a::before{
border:2px solid #287ac4;
display:none;
box-sizing:border-box;
z-index:1;
}

.image-gallery .image-gallery-list-thumb > ul > li a:active::before,
.image-gallery .image-gallery-list-thumb > ul > li a:hover::before,
.image-gallery .image-gallery-list-thumb > ul > li a:focus::before{
display:block;
}

.image-gallery .image-gallery-list-thumb > ul > li a img{
width:100%;
height:100%;
object-fit:cover;
}

.image-gallery .image-gallery-list-thumb > ul > li.is-active a::before{
display:block;
}

.image-gallery .image-gallery-list-thumb > ul > li.no-photo a{
border:1px solid #e5e5e5;
background-color:#fff;
}

/* .image-gallery-info
----------------------------------------------- */
.image-gallery .image-gallery-info{
margin-top:10px;
display:table;
width:100%;
}

.image-gallery .image-gallery-info > .image-gallery-info-nav,
.image-gallery .image-gallery-info > .image-gallery-info-num,
.image-gallery .image-gallery-info > .image-gallery-info-agt{
display:table-cell;
vertical-align:middle;
}

/* .image-gallery-info-nav
----------------------------------------------- */
.image-gallery .image-gallery-info-nav{
padding-right:20px;
width:370px;
}

.image-gallery .image-gallery-info-nav > ul{
margin:0 auto;
padding:0 40px;
width:100px;
position:relative;
text-align:center;
}

.image-gallery .image-gallery-info-nav > ul > li{
display:inline-block;
}

.image-gallery .image-gallery-info-nav > ul > li.prev,
.image-gallery .image-gallery-info-nav > ul > li.next{
position:absolute;
}

.image-gallery .image-gallery-info-nav > ul > li.prev button,
.image-gallery .image-gallery-info-nav > ul > li.next button{
padding:0;
color:transparent;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border:none;
background:none;
width:30px;
height:100%;
overflow:hidden;
}

.image-gallery .image-gallery-info-nav > ul > li.prev button::before,
.image-gallery .image-gallery-info-nav > ul > li.next button::before{
content:'';
display:block;
position:absolute;
border-right:2px solid #555;
border-bottom:2px solid #555;
width:12px;
height:12px;
}

.image-gallery .image-gallery-info-nav > ul > li.prev{
left:0;
}

.image-gallery .image-gallery-info-nav > ul > li.prev button::before{
top:3px;
left:8px;
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg);
}

.image-gallery .image-gallery-info-nav > ul > li.next{
right:0;
}

.image-gallery .image-gallery-info-nav > ul > li.next button::before{
top:3px;
right:8px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .image-gallery-info-agt
----------------------------------------------- */
.image-gallery .image-gallery-info-agt a{
color:var(--cmn-font-color-gray);
}


/* ----------------------------------------------------------------
  Calendar
----------------------------------------------------------------- */
/* .calendar
----------------------------------------------- */
.calendar{
margin-top:20px;
padding:15px;
background-color:#fff;
}

/* .calendar-tab
----------------------------------------------- */
.calendar .calendar-tab{
margin-bottom:20px;
border-bottom:1px solid #bbb;
text-align:right;
}

.calendar .calendar-tab > li{
margin-left:2px;
display:inline-block;
vertical-align:bottom;
}

.calendar .calendar-tab > li button{
padding:2px;
color:#555;
border-width:1px 1px 0;
border-style:solid;
border-color:#bbb;
min-width:4em;
height:30px;
background-color:#f8f8f8;
font-weight:bold;
}

.calendar .calendar-tab > li button[disabled]{
margin-bottom:-1px;
padding-bottom:3px;
height:31px;
background-color:#fff;
}

/* .calendar-tbl
----------------------------------------------- */
.calendar .calendar-tbl{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ddd;
border-collapse:collapse;
color:#555;
width:100%;
border-spacing:0;
table-layout:fixed;
background-color:#fff;
text-align:center;
font-size:12px;
}

.calendar .calendar-tbl th,
.calendar .calendar-tbl td{
padding:0;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ddd;
}

.calendar .calendar-tbl thead th{
background-color:#f1f1f1;
font-weight:normal;
}

.calendar .calendar-tbl tr > td:nth-child(1) .date{
color:var(--cmn-font-color-red);
}

.calendar .calendar-tbl tr > td:nth-child(7) .date{
color:#1c85b6;
}

.calendar .calendar-tbl td > div{
padding-top:12px;
cursor:pointer;
box-sizing:border-box;
position:relative;
min-height:75px;
cursor:pointer;
vertical-align:top;
text-align:center;
}

.calendar .calendar-tbl td > div:active,
.calendar .calendar-tbl td > div:hover,
.calendar .calendar-tbl td > div:focus{
background-color:#f5f5f5;
}

.calendar .calendar-tbl td > div .date{
position:absolute;
top:4px;
left:8px;
display:block;
font-size:11px;
line-height:1;
}

.calendar .calendar-tbl td > div .price{
display:block;
}

.calendar .calendar-tbl td > div .state::before{
content:'';
display:block;
width:10px;
height:10px;
overflow:hidden;
position:static;
}

.calendar .calendar-tbl td > div .state::before{
margin:0 auto 5px;
border-radius:50%;
border:2px solid #287ac4;
}

.calendar .calendar-tbl td > div.holiday .date{
color:var(--cmn-font-color-red);
}

.calendar .calendar-tbl td > div.is-disabled{
cursor:default;
}

.calendar .calendar-tbl td > div.is-disabled:active,
.calendar .calendar-tbl td > div.is-disabled:hover,
.calendar .calendar-tbl td > div.is-disabled:focus{
background-color:#fff;
}

.calendar .calendar-tbl td > div.is-disabled::before{
content:'-';
color:#bbb;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
-ms-transform:translate(50%, 50%);
transform:translate(50%, 50%);
display:block;
line-height:1;
font-size:18px;
}

.calendar .calendar-tbl td > div.no-room{
cursor:default;
}

.calendar .calendar-tbl td > div.no-room:active,
.calendar .calendar-tbl td > div.no-room:hover,
.calendar .calendar-tbl td > div.no-room:focus{
background-color:#fff;
}

.calendar .calendar-tbl td > div.no-room .state{
color:transparent;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

.calendar .calendar-tbl td > div.no-room .state::before,
.calendar .calendar-tbl td > div.no-room .state::after{
margin:0;
content:'';
display:block;
border:none;
border-radius:0;
width:18px;
height:2px;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%) rotate(45deg);
-ms-transform:translate(50%, 50%) rotate(45deg);
transform:translate(50%, 50%) rotate(45deg);
background-color:#bbb;
}

.calendar .calendar-tbl td > div.no-room .state::after{
width:2px;
height:18px;
}


/* ----------------------------------------------------------------
  Price Detail Tooptip
----------------------------------------------------------------- */
/* .tip-price-detail
----------------------------------------------- */
.tip-price-detail{
padding:15px;
border:1px solid #aaa;
border-radius:4px;
position:absolute;
display:none;
top:100%;
right:0;
width:420px;
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-price-detail::before{
margin-left:-5px;
content:'';
display:block;
width:10px;
height:10px;
position:absolute;
right:91px;
top:-6px;
display:block;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.tip-price-detail.is-active{
display:block;
}

/* .tip-price-detail-hdg
----------------------------------------------- */
.tip-price-detail .tip-price-detail-hdg{
margin:20px 0 4px;
font-size:14px;
font-weight:normal;
}

/* .tip-price-detail-note
----------------------------------------------- */
.tip-price-detail .tip-price-detail-note{
margin-top:8px;
color:var(--cmn-font-color-gray);
}

.tip-price-detail .tip-price-detail-note > li{
margin-top:2px;
padding-left:16px;
position:relative;
}

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

/* .tip-price-detail-sum
----------------------------------------------- */
.tip-price-detail .tip-price-detail-sum{
margin-bottom:16px;
}

/* .tip-price-detail-sum-hdg
----------------------------------------------- */
.tip-price-detail .tip-price-detail-sum-hdg{
margin-bottom:4px;
padding-bottom:4px;
border-bottom:1px solid #ebebeb;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-weight:normal;
font-size:14px;
}

.tip-price-detail .tip-price-detail-sum-hdg .sup{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
font-size:12px;
}

/* .tip-price-detail-sum-content
----------------------------------------------- */
.tip-price-detail .tip-price-detail-sum-content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:14px;
}

.tip-price-detail .tip-price-detail-sum-content .price{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
font-size:12px;
}

.tip-price-detail .tip-price-detail-sum-content .price b{
font-size:18px;
font-family:Arial;
}

/* .tip-price-detail-breakdown
----------------------------------------------- */
.tip-price-detail .tip-price-detail-breakdown{
border-bottom:1px solid #ddd;
}

/* .tip-price-detail-breakdown-item
----------------------------------------------- */
.tip-price-detail .tip-price-detail-breakdown-item{
border-width:1px 1px 0;
border-style:solid;
border-color:#ddd;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}

.tip-price-detail .tip-price-detail-breakdown-item > div{
padding:5px 8px;
box-sizing:border-box;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
text-align:right;
}

.tip-price-detail .tip-price-detail-breakdown-item span{
display:inline-block;
}

.tip-price-detail .tip-price-detail-breakdown-item b{
font-size:14px;
font-weight:normal;
font-family:Arial;
}

.tip-price-detail .tip-price-detail-breakdown-item.night{
margin-bottom:4px;
border-bottom:1px solid #ddd;
}

.tip-price-detail .tip-price-detail-breakdown-item.night > div{
padding:0;
}

.tip-price-detail .tip-price-detail-breakdown-item.branch{
margin-top:-5px;
}

/* .tip-price-detail-breakdown-item-hdg
----------------------------------------------- */
.tip-price-detail .tip-price-detail-breakdown-item-hdg{
padding:5px 8px;
border-right:1px solid #ddd;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:208px;
font-weight:normal;
}

.tip-price-detail-breakdown-item.night .tip-price-detail-breakdown-item-hdg{
padding:5px 0;
width:46px;
background-color:#f5f5f5;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
text-align:center;
}

.tip-price-detail-breakdown-item.night .tip-price-detail-breakdown-item-hdg > span > span{
display:block;
}

/* .tip-price-detail-breakdown-list
----------------------------------------------- */
.tip-price-detail .tip-price-detail-breakdown-list{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:left;
}

.tip-price-detail .tip-price-detail-breakdown-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}

.tip-price-detail .tip-price-detail-breakdown-list > li:not(:first-child){
border-top:1px solid #ddd;
}

.tip-price-detail .tip-price-detail-breakdown-list > li > div{
padding:4px 8px;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.tip-price-detail .tip-price-detail-breakdown-list > li > div:first-child{
width:162px;
border-right:1px solid #ddd;
}

.tip-price-detail .tip-price-detail-breakdown-list > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
text-align:right;
}

/* .tip-price-detail-point
----------------------------------------------- */
.tip-price-detail .tip-price-detail-point{
border-top:1px solid #ddd;
}

.tip-price-detail .tip-price-detail-point > li{
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#ddd;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}

.tip-price-detail .tip-price-detail-point > li > div{
padding:5px 8px;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.tip-price-detail .tip-price-detail-point > li > div:first-child{
border-right:1px solid #ddd;
width:208px;
}

.tip-price-detail .tip-price-detail-point > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
text-align:right;
}

.tip-price-detail .tip-price-detail-point b{
font-size:14px;
font-weight:normal;
font-family:Arial;
}


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

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

.tip-payment.is-active > :first-child{
margin-top:0;
}

/* .tip-payment-hdg
----------------------------------------------- */
.tip-payment .tip-payment-hdg{
margin:12px 0 2px;
}

/* .tip-payment-list-bullet
----------------------------------------------- */
.tip-payment .tip-payment-list-bullet > li{
padding-left:calc(1em + 2px);
position:relative;
}

.tip-payment .tip-payment-list-bullet > li::before{
content:"\30fb";
display: block;
position: absolute;
top:0;
left:0;
}

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

/* .tip-payment-list
----------------------------------------------- */
.tip-payment .tip-payment-list{
margin-top:12px;
border-width:1px 1px 0 1px;
border-style:solid;
border-color:#ddd;
}

.tip-payment .tip-payment-list > li{
border-bottom:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

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

.tip-payment .tip-payment-list > li > div:first-child{
border-right:1px solid #ddd;
width:80px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background-color:#f1f1f1;
}

.tip-payment .tip-payment-list > li > div:last-child{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

/* .tip-payment-list > .tip-payment-list
----------------------------------------------- */
.tip-payment .tip-payment-list .tip-payment-list{
margin:-9px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

.tip-payment .tip-payment-list .tip-payment-list > li{
-webkit-box-flex:1;
flex:1;
}

.tip-payment .tip-payment-list .tip-payment-list > li > div:first-child{
width:95px;
background-color:transparent;
}

.tip-payment .tip-payment-list .tip-payment-list > li > div:first-child > :first-child{
margin-top:0;
}

.tip-payment .tip-payment-list .tip-payment-list > li > div:last-child{
border-right:none;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
-webkit-box-pack:center;
justify-content:center;
}

.tip-payment .tip-payment-list .tip-payment-list > li > div.width-s{
width:55px;
}

/* .tip-payment-btn
----------------------------------------------- */
div.tip-payment a.tip-payment-btn{
margin:16px 0 0 auto;
padding:7px 5px 6px;
border-radius:4px;
border:none;
color:#fff;
display:block;
width:fit-content;
min-width:116px;
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);
}

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


/* ----------------------------------------------------------------
  Price range Tooptip
----------------------------------------------------------------- */
/* .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;
}


/* ----------------------------------------------------------------
  Smoking Tooptip
----------------------------------------------------------------- */
/* .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.is-active{
display:block;
}

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

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


/* ----------------------------------------------------------------
  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';
}

.tip-review .tip-review-list a{
text-decoration:none;
}


/* ----------------------------------------------------------------
  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 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-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:6em;
}

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


/* ----------------------------------------------------------------
  Realtime Tooptip
----------------------------------------------------------------- */
/* .tip-realtime-tbl
----------------------------------------------- */
.tip-realtime .tip-realtime-tbl{
margin-top:10px;
border-collapse:collapse;
border-spacing:0;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ddd;
width:100%;
table-layout:fixed;
line-height:1.25;
font-size:11px;
}

.tip-realtime .tip-realtime-tbl th,
.tip-realtime .tip-realtime-tbl td{
padding:5px 2px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ddd;
text-align:center;
font-weight:normal;
}

.tip-realtime .tip-realtime-tbl thead th{
background-color:#f1f1f1;
}

.tip-realtime .tip-realtime-tbl-note{
color:var(--cmn-font-color-gray);
display:block;
}

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

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

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


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

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

.tip-cancel .tip-cancel-list > li > div{
padding:3px 8px;
}

.tip-cancel .tip-cancel-list > li > div:first-child{
width:58%;
position:relative;
background-color:#f1f1f1;
}

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


/* ----------------------------------------------------------------
  Link Filter Tooptip
----------------------------------------------------------------- */
/* .tip-filter-list
----------------------------------------------- */
.tip-filter{
width:auto;
max-width:550px;
}

.tip-filter p{
margin-top:6px;
}

/* .tip-filter-list
----------------------------------------------- */
.tip-filter .tip-filter-list-form{
margin-top:-6px;
margin-bottom:12px;
}

.tip-filter p +.tip-filter-list-form{
margin-top:-2px;
}

.tip-filter .tip-filter-list-form > li{
margin-top:10px;
-webkit-box-flex:1;
-ms-flex:1 0 50%;
flex:1 0 50%;
box-sizing:border-box;
}

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

.tip-filter .tip-filter-list-form > li > label input{
position:absolute;
top:2px;
left:0;
}

.tip-filter .tip-filter-list-form > .is-disabled{
color:#ccc;
}

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

.tip-filter .tip-filter-list-form .num{
margin-left:4px;
display:inline-block;
font-size:12px;
}

.tip-filter .tip-filter-list-form .review{
display:inline-block;
vertical-align:top;
}

.tip-filter .tip-filter-list-form .icon-r-hotel{
margin-right:4px;
}

.tip-filter .tip-filter-list-form > .is-disabled .icon-r-hotel{
opacity:.25;
}

.tip-filter .tip-filter-note + .tip-filter-list-form{
margin-top:0;
}

/* .tip-filter-list.line
----------------------------------------------- */
.tip-filter .tip-filter-list-form.line > li{
display:inline-block;
}

.tip-filter .tip-filter-list-form.line > li:not(:last-child){
margin-right:20px;
}

/* .tip-filter-list.logo
----------------------------------------------- */
.tip-filter .tip-filter-list-form.logo{
margin-top:0;
}

.tip-filter .tip-filter-list-form.logo > li{
margin-top:4px;
}

.tip-filter .tip-filter-list-form.logo > li label{
padding:3px 0 3px 80px;
position:relative;
display:inline-block;
}

.tip-filter .tip-filter-list-form.logo > li > label input{
top:4px;
}

.tip-filter .tip-filter-list-form.logo .logo{
display:block;
border:1px solid #dae1e5;
display:block;
position:absolute;
top:1px;
left:22px;
width:50px;
height:20px;
box-sizing:border-box;
overflow:hidden;
background-color:#fff;
}

.tip-filter .tip-filter-list-form.logo .logo img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
-ms-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:90%;
max-height:90%;
height:auto;
vertical-align:bottom;
}

.tip-filter .tip-filter-list-form.logo > .is-disabled .logo{
opacity:.25;
}

/* .tip-filter-btn
----------------------------------------------- */
.tip-filter .tip-filter-btn{
margin:12px auto 4px;
padding:7px 5px 6px;
border:none;
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-filter .tip-filter-btn:link,
.tip-filter .tip-filter-btn:visited{
color:#fff;
}

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

/* .tip-filter-note
----------------------------------------------- */
.tip-filter .tip-filter-note{
margin:8px 0 0;
color:var(--cmn-font-color-gray);
}

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

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

.tip-filter .tip-filter-note.align-r{
text-align:right;
}

.tip-filter .tip-filter-note.align-r > li{
display:inline-flex;
}

.tip-filter > .tip-filter-note:first-child{
margin:0 0 6px;
}


/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error{
margin-bottom:20px;
}

.error .error-inner{
margin-top:30px;
padding:20px;
background-color:#f1f1f1;
}

.error .error-inner > :first-child{
margin-top:0;
}

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

/* .error-hdg
----------------------------------------------- */
.error .error-hdg{
margin:30px 0 10px;
padding-left:15px;
position:relative;
font-size:16px;
}

.error .error-hdg::before{
content:'';
display:block;
width:8px;
height:8px;
overflow:hidden;
position:absolute;
top:6px;
left:0;
}

.error .error-hdg::before{
background-color:#333;
}

/* .error-wording
----------------------------------------------- */
.error .error-wording,
#errMsg{
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-link-list
----------------------------------------------- */
.error .error-link-list{
font-size:14px;
font-weight:bold;
}

.error .error-link-list > li{
display:inline-block;
}

.error .error-link-list > li::after{
margin:0 4px;
display:inline-block;
content:'/';
}

.error .error-link-list > li:empty::after,
.error .error-link-list > li:last-child::after{
display:none;
}

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

.error-prev a{
padding:9px 8px 8px;
border:1px solid #c5c5c5;
border-radius:3px;
color:var(--cmn-font-color-gray);
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;
max-width:90%;
}

.error .error-hint-catch{
font-size:16px;
font-weight:bold;
}

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

.error .error-hint-list > li{
padding:8px 0;
border-top:1px dotted #ccc;
overflow:hidden;
}

.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{
float:left;
position:relative;
font-weight:bold;
box-sizing:border-box;
}

.error .error-hint-list > li > div:first-child{
padding:0 10px 0 20px;
width:54%;
}

.error .error-hint-list > li > div:first-child::before{
content:'';
display:block;
width:13px;
height:13px;
overflow:hidden;
position:absolute;
top:3px;
left:0;
}

.error .error-hint-list > li > div:first-child::before{
background-color:#287ac4;
}

.error .error-hint-list > li > div:first-child::after{
content:'';
display:block;
position:absolute;
top:4px;
left:4px;
border-right:2.5px solid #fff;
border-bottom:2.5px solid #fff;
width:3px;
height:6px;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}

.error .error-hint-list > li > div:last-child{
padding-left:25px;
width:46%;
font-weight:normal;
}

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

/* .error-01
----------------------------------------------- */
.error-01{
margin:10px 0;
text-align:center;
font-weight:bold;
font-size:14px;
}

.error-01 strong{
color:var(--cmn-font-color-base);
font-weight:bold;
}


/* ----------------------------------------------------------------
  Loading
----------------------------------------------------------------- */
/* .loading
----------------------------------------------- */
.loading{
text-align:center;
font-weight:bold;
font-size:16px;
}

.loading > span{
margin-top:-20px;
display:block;
}


/* ----------------------------------------------------------------
  Agent Link Modules
----------------------------------------------------------------- */
/* .agt-link
----------------------------------------------- */
.agt-link{
margin:30px auto;
border:3px solid #a9a9a9;
padding:40px 30px;
width:800px;
box-sizing:border-box;
font-size:13px;
}

.agt-link.is-sticky{
margin-bottom:80px;
}

/* .agt-link-inner
----------------------------------------------- */
.agt-link .agt-link-inner{
margin:30px auto 0;
padding-top:20px;
border-top:1px solid #e6e6e6;
width:630px;
box-sizing:border-box;
}

.agt-link .agt-link-inner > :first-child{
margin-top:0;
}

.agt-link .agt-link-wording + .agt-link-inner{
margin-top:0;
}

/* .agt-link-wording
----------------------------------------------- */
.agt-link .agt-link-wording{
position:relative;
font-size:18px;
font-weight:bold;
text-align:center;
}

.agt-link .agt-link-wording img{
margin:0 auto 30px;
display:block;
}

/* .agt-link-wording-sup
----------------------------------------------- */
.agt-link .agt-link-wording-sup{
margin-top:8px;
display:block;
font-weight:normal;
font-size:16px;
}

/* .agt-link-caution
----------------------------------------------- */
.agt-link .agt-link-caution{
margin-bottom:20px;
}

.agt-link .agt-link-caution > li:not(:first-child){
margin-top:10px;
}

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

.agt-link .agt-link-wording-cpn img{
margin:0 auto 10px;
display:block;
}

/* .agt-link-wording-cpn-attention
----------------------------------------------- */
.agt-link .agt-link-wording-cpn-attention{
margin-top:15px;
padding-left:23px;
display:inline-block;
background:url(/element/shared/images/icon/icon-caution-triangle.svg) 0 35% no-repeat;
background-size:18px auto;
}

/* .agt-link-note
----------------------------------------------- */
.agt-link .agt-link-note{
margin-top:10px;
color:#555;
font-size:13px;
text-align:center;
font-weight:normal;
}

/* .agt-link-catch
----------------------------------------------- */
.agt-link .agt-link-catch{
margin-top:20px;
font-weight:bold;
font-size:15px;
}

.agt-link .agt-link-catch:first-of-type{
margin-top:0;
}

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


/* .agt-link-catch-01
----------------------------------------------- */
.agt-link .agt-link-catch-01{
font-size:14px;
font-weight:bold;
text-align:center;
}

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

/* .agt-link-list
----------------------------------------------- */
.agt-link .agt-link-list{
font-size:14px;
}

.agt-link .agt-link-list > li{
padding-top:5px;
display:table;
width:100%;
}

.agt-link .agt-link-list > li > span{
display:table-cell;
}

.agt-link .agt-link-list > li > span:first-child{
padding-right:15px;
width:8em;
position:relative;
white-space:nowrap;
}

.agt-link .agt-link-list > li > span:first-child::after{
content:':';
display:block;
position:absolute;
top:-1px;
right:5px;
}

/* .agt-link-notice
----------------------------------------------- */
.agt-link .agt-link-notice{
margin-top:10px;
color:var(--cmn-font-color-gray);
font-size:11px;
text-align:center;
}

.agt-link .agt-link-notice > li{
margin-top:3px;
padding-bottom:0;
text-align:left;
}

.agt-link-info-list-num .agt-link-notice{
margin:3px 0 0 1.25em;
}

/* .agt-link-cv
----------------------------------------------- */
.agt-link .agt-link-cv{
margin-top:20px;
text-align:center;
}

.agt-link .agt-link-cv a,
.agt-link .agt-link-cv button{
padding:5px 20px;
border:none;
border-radius:4px;
color:#fff;
display:inline-block;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0,0,0,.4);
font-size:20px;
font-weight:bold;
background-color:var(--cmn-btn-color);
}

.agt-link .agt-link-cv a:active,
.agt-link .agt-link-cv a:hover,
.agt-link .agt-link-cv a:focus,
.agt-link .agt-link-cv button:active,
.agt-link .agt-link-cv button:hover,
.agt-link .agt-link-cv button:focus{
background-color:var(--cmn-btn-color-hover);
text-decoration:none;
}

.agt-link .agt-link-cv button{
margin:5px auto;
display:block;
}

/* .agt-link-image
----------------------------------------------- */
.agt-link .agt-link-image{
margin-top:20px;
display:block;
}

/* .agt-link-price-change
----------------------------------------------- */
.agt-link .agt-link-price-change{
margin:20px auto;
border-width:1px 0;
border-style:solid;
border-color:#e1e1e1;
width:420px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}

/* .agt-link-price-change-hdg
----------------------------------------------- */
.agt-link .agt-link-price-change-hdg{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:10px;
background-color:#f4f4f4;
font-size:13px;
font-weight:normal;
}

/* .agt-link-price-change-col
----------------------------------------------- */
.agt-link .agt-link-price-change-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:5px 10px;
}

/* .agt-link-price-change-item
----------------------------------------------- */
.agt-link .agt-link-price-change-item .before{
color:var(--cmn-font-color-gray);
display:inline-block;
vertical-align:middle;
font-size:11px;
}

.agt-link .agt-link-price-change-item .before .num{
font-family:Arial;
font-size:17px;
}

.agt-link .agt-link-price-change-item .after{
display:inline-block;
vertical-align:middle;
font-size:12px;
}

.agt-link .agt-link-price-change-item .after .num{
font-family:Arial;
font-size:24px;
font-weight:bold;
}

.agt-link .agt-link-price-change-item .arrow{
margin:0 5px;
color:rgba(0,0,0,0);
width:40px;
height:10px;
overflow:hidden;
position:relative;
display:inline-block;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

.agt-link .agt-link-price-change-item .arrow::before{
margin-top:-1px;
content:'';
display:block;
width:32px;
height:2px;
position:absolute;
top:50%;
background-color:var(--cmn-font-color-gray);
}

.agt-link .agt-link-price-change-item .arrow::after{
content:'';
display:block;
position:absolute;
top:0;
right:0;
width:0;
height:0;
border-width:5px 0 5px 8px;
border-color:transparent transparent transparent var(--cmn-font-color-gray);
border-style:solid;
}

/* .agt-link-cv-list
----------------------------------------------- */
.agt-link .agt-link-cv-list{
margin:20px auto 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}

.agt-link .agt-link-cv-list > li{
max-width:50%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.agt-link .agt-link-cv-list > li:not(:last-child){
margin-right:25px;
}

.agt-link .agt-link-cv-list > li > a{
display:block;
min-width:215px;
box-sizing:border-box;
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-flex:1 0 0;
-ms-flex:1 0 0;
flex:1 0 0;
text-align:center;
font-weight:bold;
font-size:17px;
text-decoration: none;
}

.agt-link .agt-link-cv-list > li.prev > a{
padding:7px 25px 6px;
border:1px solid #ccc;
border-radius:4px;
color:var(--cmn-font-color-gray);
min-width:160px;
background-color:#fff;
box-shadow:0 -2px 0 #ccc inset;
font-weight:bold;
}

.agt-link .agt-link-cv-list > li.cv > a{
padding:5px 25px;
border-radius:4px;
color:#fff;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0,0,0,.4);
background-color:var(--cmn-btn-color);
font-size:20px;
}

.agt-link .agt-link-cv-list > li.ctrip > a{
line-height:1.35;
font-size:13px;
}

.agt-link .agt-link-cv-list > li .br{
display:block;
}


/* ----------------------------------------------------------------
  Gallery
----------------------------------------------------------------- */
/* .gallery-lyt
----------------------------------------------- */
.gallery-lyt .str-header,
.gallery-lyt .nav-global,
.gallery-lyt .cmn-topic-path,
.gallery-lyt #container,
.gallery-lyt .str-footer{
display:none;
}

/* .gallery
----------------------------------------------- */
.gallery{

color:#fff;
position:absolute;
top:0;
left:0;
box-sizing:border-box;
width:100vw;
height:100svh;
background-color:#000;
display:none;
font-size:14px;
}

.gallery-lyt .gallery{
display:block;
}

/* .gallery-inner
----------------------------------------------- */
.gallery .gallery-inner{
margin:auto;
padding:24px;
box-sizing:border-box;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
max-height:100%;
max-width:100%;
aspect-ratio:1047 / 714;
display:grid;
grid-template-rows:auto minmax(0,1fr);
grid-template-columns:minmax(0,1fr) 293px;
font-size:14px;
}

/* .gallery-header
----------------------------------------------- */
.gallery .gallery-header{
padding:0 0 16px;
padding-bottom:16px;
grid-row:1/2;
grid-column:1/3;
}

/* .gallery-header-hdg
----------------------------------------------- */
.gallery .gallery-header-hdg{
margin-bottom:4px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-weight:normal;
}

.gallery .gallery-header-hdg + span{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* .gallery-header-list
----------------------------------------------- */
.gallery .gallery-header-list{
margin-top:28px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.gallery .gallery-header-list > li{
margin-right:32px;
}

.gallery .gallery-header-list button{
margin:0;
padding:0 0 12px;
border:none;
font-size:14px;
background-color:transparent;
}

.gallery .gallery-header-list .is-active button{
box-shadow:0 -3px 0 #fff inset;
}

.gallery .gallery-header-list button span{
margin-left:6px;
display:inline-block;
}

/* .gallery-header-btn-close
----------------------------------------------- */
.gallery .gallery-header-btn-close{
border:none;
color:rgba(0,0,0,0);
position:fixed;
top:24px;
right:24px;
width:28px;
height:28px;
overflow:hidden;
background:url(/element/j_hotel/shared/images/icon-close-02.svg) 50% 50% no-repeat;
filter:brightness(0) invert(1);
}

/* .gallery-thumb
----------------------------------------------- */
.gallery .gallery-thumb{
padding-right:4px;
grid-row:2/3;
grid-column:2/3;
overflow-y:auto;
}

.gallery .gallery-thumb::-webkit-scrollbar{
width:8px;
}

.gallery .gallery-thumb::-webkit-scrollbar-track{
border-radius:20px;
background-color:#444;
}

.gallery .gallery-thumb::-webkit-scrollbar-thumb{
border-radius:20px;
background-color:#888;
}

/* .gallery-thumb-list
----------------------------------------------- */
.gallery .gallery-thumb-list > li{
margin:0 8px 9px 0;
border-radius:4px;
overflow:hidden;
cursor:pointer;
width:calc(50% - 8px);
}

.gallery .gallery-thumb-list > li img{
width:100%;
height:100%;
object-fit:cover;
vertical-align:bottom;
}

.gallery .gallery-thumb-list .is-active{
outline:2px solid #fff;
outline-offset:-2px;
}

.gallery .gallery-thumb-list .is-active::before{
content:'';
display:block;
width:100%;
height:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
background-color:rgba(255,255,255,.4);
}

.gallery .gallery-thumb-list > li.no-photo{
padding:10px;
background-color:#fff;
box-sizing:border-box;
}

/* .gallery-view
----------------------------------------------- */
.gallery .gallery-view{
padding-right:20px;
grid-row:2/3;
grid-column:1/2;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

/* .gallery-view-photo
----------------------------------------------- */
.gallery .gallery-view-photo{
position:relative;
-webkit-box-flex:1;
flex:1;
}

.gallery .gallery-view-photo::before{
content:'';
display:block;
width:100%;
height:65px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background:linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 50%, rgba(0,0,0,.7) 100%);
z-index:1;
}

.gallery .gallery-view-photo img{
max-width:100%;
max-height:100%;
display:block;
position:absolute;
right:50%;
bottom:50%;
transform:translate(50%, 50%);
}

.gallery .gallery-view-photo.no-photo{
background-color:#fff;
}

/* .gallery-view-photo-nav
----------------------------------------------- */
.gallery .gallery-view-photo-nav{
padding:10px 0;
width:100%;
justify-content:center;
position:absolute;
bottom:0;
left:0;
z-index:2;
}

.gallery .gallery-view-photo-nav > span{
position: absolute;
bottom:22px;
right:50%;
transform:translateX(50%);
display:block;
line-height:1;
font-size:16px;
font-family:Arial;
}

.gallery .gallery-view-photo-nav > ul{
margin:0 auto;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
width:276px;
}

.gallery .gallery-view-photo-nav > ul button{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:40px;
height:40px;
overflow:hidden;
background:url(/element/j_hotel/shared/images/icon-gallery-next.svg);
}

.gallery .gallery-view-photo-nav .prev button{
background-image:url(/element/j_hotel/shared/images/icon-gallery-prev.svg);
}

/* .gallery-view-caption
----------------------------------------------- */
.gallery .gallery-view-caption{
margin-top:12px;
display:-webkit-box;
display:flex;
min-height:21px;
}

.gallery .gallery-view-caption .cap{
-webkit-box-flex:1;
flex:1;
}

.gallery .gallery-view-caption .agt{
margin-left:12px;
color:rgba(255,255,255,.7);
text-decoration:none;
font-size:12px;
}





/* ----------------------------------------------------------------
  .covid19-info
----------------------------------------------------------------- */
/* .covid19-info
----------------------------------------------- */
.covid19-info{
margin:10px 0;
padding:10px;
border-radius:4px;
border:1px solid #ddd;
position:relative;
box-sizing:border-box;
font-size:11px;
}

.covid19-info .covid19-info-inner{
margin-bottom:10px;
box-sizing:border-box;
background-color:#fff;
font-size:12px;
}

.covid19-info .covid19-info-inner > .covid19-info-hdg{
display:inline-block;
}

.covid19-info .covid19-info-inner > a{
margin-left:5px;
display:inline-block;
color:#666;
position:relative;
text-decoration:underline;
z-index:1;
}

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

.covid19-info .covid19-info-inner > a:active .tip,
.covid19-info .covid19-info-inner > a:hover .tip,
.covid19-info .covid19-info-inner > a:focus .tip{
display:block;
}

.covid19-info .covid19-info-text .more{
padding-left:25px;
color:#666;
display:inline-block;
position:relative;
}

.covid19-info .covid19-info-text .more::after{
content:'...';
display:block;
position: absolute;
bottom:0;
left:0;
}

.covid19-info .covid19-info-text .more::before{
border-right:1px solid #666;
border-bottom:1px solid #666;
content:'';
display:block;
position:absolute;
top:5px;
left:15px;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.covid19-info .covid19-info-date{
color:#666;
display:block;
font-size:11px;
}

/* .search-result-item-header > .covid19-info
----------------------------------------------- */
.search-result-item-header .covid19-info{
margin:60px 0 0;
border-top-left-radius:0;
border-color:#bbb;
}

.search-result-item-header .add-plan + .covid19-info{
margin-top:10px;
}

.search-result-item-header .covid19-info-inner{
padding:14px 10px 0;
border-width:1px 1px 0 1px;
border-style:solid;
border-color:#bbb;
border-radius:4px 4px 0 0;
position:absolute;
top:-42px;
left:-1px;
height:42px;
box-sizing:border-box;
}


/* ----------------------------------------------------------------
  Pickup Ad Modules
----------------------------------------------------------------- */
/* .pickup
----------------------------------------------- */
.pickup{
margin:20px 0;
padding:10px 10px 8px 93px;
border:3px solid #dcdcdc;
display:block;
position:relative;
box-sizing:border-box;
min-height:132px;
background-color:#f9f9f9;
font-size:13px;
}

.pickup::before{
content:'';
display:block;
width:72px;
height:110px;
position:absolute;
top:12px;
left:12px;
background:url(/element/j_hotel/shared/images/icon-pickup-travelko.png) 0 0 no-repeat;
}

.pickup > a{
color:var(--cmn-font-color-base);
text-decoration:none;
}

/* .pickup-hdg
----------------------------------------------- */
.pickup .pickup-hdg{
margin-bottom:5px;
line-height:1.35;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
font-size:17px;
}

/* .pickup-hdg-tag
----------------------------------------------- */
.pickup .pickup-hdg-tag{
margin-right:5px;
padding:5px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background-color:#358ad6;
font-size:12px;
}

/* .pickup-hdg-text
----------------------------------------------- */
.pickup .pickup-hdg-text{
margin-top:3px;
-webkit-box-flex:1;
flex:1;
}

.pickup .pickup-hdg-text > span{
display:inline-block;
font-size:15px;
}

/* .pickup-item
----------------------------------------------- */
.pickup .pickup-item{
display:-webkit-box;
display:flex;
}
.pickup .pickup-item p{
margin-top:5px;
}

/* .pickup-item-col
----------------------------------------------- */
.pickup .pickup-item-col{
-webkit-box-flex:1;
flex:1;
}

/* .pickup-item-image
----------------------------------------------- */
.pickup .pickup-item-image{
margin-left:10px;
width:155px;
height:113px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background-color:#f5f5f5;
}

.pickup .pickup-item-image img{
max-width:100%;
max-height:100%;
}

/* .pickup-item-more
----------------------------------------------- */
.pickup .pickup-item-more{
display:block;
color:#0b4cae;
}

/* .pickup-toggle-introduction
----------------------------------------------- */
.pickup .pickup-toggle-introduction > p{
margin-top:5px;
}

.pickup .pickup-toggle.is-active .pickup-toggle-introduction{
display:none;
}

/* .pickup-toggle-introduction-btn
----------------------------------------------- */
.pickup .pickup-toggle-introduction-btn{
border:none;
padding:0;
background:none;
display:inline-block;
color:#a4a4a4
}
.pickup .pickup-toggle-introduction-btn::before{
margin:0 3px;
content:'...';
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:bottom
}

/* .pickup-toggle-detail
----------------------------------------------- */
.pickup .pickup-toggle-detail{
display:none;
}

.pickup .pickup-toggle.is-active .pickup-toggle-detail{
display:block;
}

/* .pickup-toggle-detail-inner
----------------------------------------------- */
.pickup .pickup-toggle-detail-inner{
margin:20px -10px 0 -93px;
padding:20px 30px 0;
position:relative;
}

.pickup .pickup-toggle-detail-inner::before{
content:'';
display:block;
width:calc(100% - 60px);
height:1px;
position:absolute;
top:0;
left:30px;
background-color:#dcdcdc;
}

/* .pickup-toggle-btn-close
----------------------------------------------- */
.pickup .pickup-toggle-btn-close{
margin:8px 0 0 auto;
padding:2px 0 2px 15px;
border:none;
color:#555;
position:relative;
line-height:1.25;
display:table;
background:0 0;
font-size:14px;
}

.pickup .pickup-toggle-btn-close::before{
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:4px;
left:0;
background:url(/element/shared/images/icon/icon-toggle-minus.svg) 0 center no-repeat;
}

/* .pickup-toggle-promotion-text
----------------------------------------------- */
.pickup .pickup-toggle-promotion-text > p{
margin-top:5px;
}

/* .pickup-toggle-list
----------------------------------------------- */
.pickup .pickup-toggle-list{
overflow:hidden;
font-size:12px;
}

.pickup .pickup-toggle-list > li{
margin:0 0 20px 24px;
float:left;
width:320px;
}

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

.pickup .pickup-toggle-list > li > b{
margin-bottom:2px;
display:block;
}

.pickup .pickup-toggle-list > li > div{
position:relative;
}

/* .pickup-toggle-list-image
----------------------------------------------- */
.pickup .pickup-toggle-list-image{
display:block;
height:208px;
position:relative;
background-color:#f5f5f5;
}

.pickup .pickup-toggle-list-image img{
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
max-width:100%;
max-height:100%;
}

/* .pickup-toggle-list-text
----------------------------------------------- */
.pickup .pickup-toggle-list-text{
padding:5px 10px;
color:#fff;
display:block;
position:absolute;
bottom:0;
left:0;
width:100%;
box-sizing:border-box;
background-color:rgba(0,0,0,.6);
}

/* .pickup-bnr
----------------------------------------------- */
.pickup-bnr{
margin:20px 0;
}

.pickup-bnr img{
margin:0 auto;
display:block;
max-width:100%;
}

.result-tbl .pickup-bnr{
margin:0;
}


/* ----------------------------------------------------------------
  External Only Modules
----------------------------------------------------------------- */
/* .ext-appeal
----------------------------------------------- */
.ext-appeal{
margin-top:10px;
padding:10px 15px;
display:table;
width:100%;
box-sizing:border-box;
background-color:#f1f1f1;
}

.ext-appeal .ext-appeal-catch{
display:table-cell;
vertical-align:middle;
font-weight:bold;
}

.ext-appeal .ext-appeal-list{
padding:0 15px;
display:table-cell;
width:45%;
vertical-align:middle;
font-size:11px;
}

.ext-appeal .ext-appeal-list > li{
margin-top:2px;
padding-left:10px;
position:relative;
}

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

.ext-appeal .ext-appeal-list > li::before{
content:'';
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:.64em;
left:0;
}

.ext-appeal .ext-appeal-list > li::before{
border-radius:1px;
background-color:#555;
}

.ext-appeal .ext-appeal-cv{
vertical-align:middle;
display:table-cell;
}

.ext-appeal .ext-appeal-cv a{
border-radius:3px;
padding:10px;
color:#fff;
display:block;
position:relative;
background-color:var(--cmn-btn-color);
box-shadow:0 2px 0 #5b9500;
white-space:nowrap;
text-align:center;
font-size:16px;
font-weight:bold;
}

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


/* ----------------------------------------------------------------
  App Navigation
----------------------------------------------------------------- */
/* .app-nav
----------------------------------------------- */
.app-nav{
margin:0 -10px;
padding-right:100px;
box-sizing:border-box;
position:relative;
background-color:#454545;
}

.app-nav a{
color:#fff;
display:block;
padding:40px 20px 40px 155px;
font-size:45px;
}

.app-nav a:visited,
.app-nav a:active,
.app-nav a:hover,
.app-nav a:focus{
color:#fff;
text-decoration:none;
}

.app-nav .app-nav-icon{
margin:0 35px 0 30px;
color:#fff;
height:52px;
vertical-align:middle;
display:inline-block;
position:absolute;
top: 42px;
left: 10px;
background-color:#b87e00;
box-sizing:border-box;
font-size:35px;
}

.app-nav .app-nav-icon::before,
.app-nav .app-nav-icon::after{
content:'';
display:block;
overflow:hidden;
width:52px;
height:52px;
border-radius:50%;
position:absolute;
top:0;
left:-27px;
background-color:#b87e00;
}

.app-nav .app-nav-icon::after{
left:auto;
right:-27px;
}

.app-nav .app-nav-icon > span{
display:block;
position:relative;
z-index:1;
line-height:54px;
}

.app-nav .app-nav-btn{
border:none;
color:rgba(255,255,255,0);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
position:absolute;
top:0;
right:0;
width:100px;
height:100%;
background-color:transparent;
}

.app-nav .app-nav-btn::before,
.app-nav .app-nav-btn::after{
content:'';
position:absolute;
bottom:50%;
right:50%;
height:4px;
width:60px;
display:block;
background-color:#999;
-webkit-transform:translate(50%, 50%) rotate(45deg);
-ms-transform:translate(50%, 50%) rotate(45deg);
transform:translate(50%, 50%) rotate(45deg);
}

.app-nav .app-nav-btn::after{
width:4px;
height:60px;
}



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

	SubCol Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .sub-col-btn-covid19
----------------------------------------------------------------- */
.sub-col-btn-covid19{
margin-bottom:20px;
padding:7px 0;
border:1px solid #338cd5;
border-radius:3px;
display:block;
box-shadow:0 -2px 0 #ddd inset;
font-size:12px;
text-decoration:none;
text-align:center;
max-width:210px;
background-color:#fff;
}

.sub-col-btn-covid19:link,
.sub-col-btn-covid19:visited,
.sub-col-btn-covid19:active,
.sub-col-btn-covid19:hover,
.sub-col-btn-covid19:focus{
color:#0b4cae;
text-decoration:none;
}

.sub-col-btn-covid19 > span{
display:block;
}

.sub-col-btn-covid19 .note{
margin-top:2px;
color:var(--cmn-font-color-gray);
display:inline-block;
letter-spacing:-.07em;
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 img{
vertical-align:bottom;
}


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

/* .seo-link-more+.seo-panel
----------------------------------------------- */
.seo-index .seo-link-more + .seo-panel{
margin-top:0;
}

/* .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;
font-weight:normal;
}

.seo-panel-header > span{
font-size:12px;
}

/* .seo-panel-header-sup
----------------------------------------------------------------- */
.seo .seo-panel-header-sup{
margin:0 0 0 auto;
font-size:14px;
}

/* .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-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 .seo-panel-content > :last-child{
margin-bottom:0;
}

.seo-cheapest .seo-panel-content{
padding-top:12px;
padding-bottom:12px;
}


/* ----------------------------------------------------------------
  .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_hotel/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_hotel/shared/images/icon-arrow-up.svg);
}

/* .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-hdg
----------------------------------------------------------------- */
.seo .seo-hdg{
margin:20px 0 8px;
padding-top:20px;
border-top:1px solid #ddd;
font-size:14px;
}

.seo-panel-content > .seo-hdg:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}

/* .seo-hdg-01
----------------------------------------------------------------- */
.seo .seo-hdg-01{
margin:12px 0 8px;
padding-top:8px;
border-top:1px solid #ddd;
font-size:12px;
}

.seo-panel-content > .seo-hdg-01:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}

/* .seo-hdg-02
----------------------------------------------------------------- */
.seo .seo-hdg-02{
margin:12px 0 8px;
font-size:14px;
}

.seo-panel-content > .seo-hdg-02:first-child{
margin-top:0;
}

.seo-hdg-02 .seo-hdg-02-icon{
margin-right:6px;
padding:3px 2px 1px;
border:1px solid #ddd;
display:inline-block;
box-sizing:border-box;
min-width:32px;
line-height:1;
text-align:center;
font-size:14px;
}

/* .seo-ellipsis-3
----------------------------------------------------------------- */
.seo-ellipsis-3{
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}

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

.seo-notice-list > li{
margin:0 12px 8px 0;
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-panel-header > .seo-notice-list > li{
margin-bottom:0;
}

.seo-cheapest-sup > .seo-notice-list > li{
margin:0;
font-size:14px;
}

/* .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 button{
outline:none;
}

.seo .seo-list button:focus-visible{
outline:-webkit-focus-ring-color auto 1px;
}

.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_hotel/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_hotel/shared/images/icon-arrow-up.svg);
}

/* li > div ver
----------------------------------------------- */
.seo .seo-list > li > div{
padding:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:40px;
gap:0 60px;
}

.seo .seo-list > li > div > a{
text-decoration:none;
}

.seo .seo-list > li > div > button{
padding:0;
border:none;
height:40px;
color:rgba(0,0,0,0);
-webkit-box-flex:1;
flex:1;
background:url(/element/j_hotel/shared/images/icon-arrow-down.svg) calc(100% - 4px) 50% no-repeat;
background-size:16px auto;
}

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

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

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

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

.seo .seo-list .seo-list > li > div > button,
.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 0 28px;
-webkit-box-align:start;
align-items:flex-start;
flex-wrap:wrap;
}

.seo .seo-list-01 a{
text-decoration:none;
}

.seo .seo-list-01 > li{
margin:0 0 16px 32px;
width:calc((100% - (32px * 2)) / 3);
}

.seo .seo-list-01 > li:nth-child(3n+1){
margin-left:0;
}

.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-bullet
----------------------------------------------------------------- */
.seo .seo-list-bullet{
margin:8px 0;
}
.seo .seo-list-bullet > li{
display:-webkit-box;
display:flex;
gap:0 2px;
}

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

.seo .seo-list-bullet > li > span{
width:1.5em;
}

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

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

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

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

.seo-list-line:has(+ .seo-list-separate){
margin-bottom:20px;
}

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

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

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

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

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

.seo .seo-list-separate a{
padding-left:12px;
color:var(--cmn-font-color-base);
display:inline-block;
position:relative;
}

.seo .seo-list-separate .arrow::before{
content:'';
display:block;
width:5px;
height:12px;
overflow:hidden;
position:absolute;
top:1px;
left:0;
transform:rotate(180deg);
background:url(/element/shared/images/icon/icon-chevron-left.svg) 50% 50% no-repeat;
}

/* .seo-link-more
----------------------------------------------------------------- */
.seo .seo-link-more{
margin:8px 0 0 auto;
display:block;
width:fit-content;
font-size:14px;
}

/* .seo-link-more-footer
----------------------------------------------------------------- */
.seo .seo-link-more-footer{
margin-top:16px;
padding-top:16px;
border-top:1px solid #ddd;
text-align:center;
}



/* ----------------------------------------------------------------
  .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:none;
color:rgba(0,0,0,0);
width:32px;
height:32px;
overflow:hidden;
position:relative;
background:url(/element/j_hotel/shared/images/icon-carousel-nav-prev.svg) 50% 50% no-repeat;
}

.seo .seo-carousel-nav .next button{
background-image:url(/element/j_hotel/shared/images/icon-carousel-nav-next.svg);
}

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

/* .seo-ranking-hotel > .seo-carousel-nav
----------------------------------------------- */
.seo-ranking-hotel .seo-carousel-nav > li{
top:110px;
}

/* Media Queries
----------------------------------------------- */
@media (min-resolution:192dpi){
.seo .seo-carousel-nav > .next{
right:-10px;
}

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

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

/* .seo-carousel-pagination
----------------------------------------------------------------- */
.seo div.seo-carousel-pagination{
margin:8px auto 0;
width:fit-content;
}

.seo .seo-carousel-pagination > span{
width:7px;
height:7px;
opacity:1;
background-color:#ccc;
}

.seo .seo-carousel-pagination > .swiper-pagination-bullet-active{
background-color:#666;
}


/* ----------------------------------------------------------------
  .seo-recommend-bnr
----------------------------------------------------------------- */
/* .seo-recommend-bnr
----------------------------------------------------------------- */
.seo-recommend-bnr{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:12px 20px;
font-size:12px;
}

.seo-recommend-bnr > li{
border-radius:6px;
width:calc(50% - 10px);
display:-webkit-box;
display:flex;
flex-direction:row-reverse;
box-shadow:0 0 6px rgba(0,0,0,.3);
overflow:hidden;
background-color:#fff;
}

.seo-recommend-bnr > li > div{
padding:12px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
flex-direction:column;
gap:4px;
}

.seo-recommend-bnr > li > div > b{
line-height:1.25;
font-size:14px;
}

.seo .seo-recommend-bnr > li > span{
width:210px;
}

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

/* .seo-recommend-bnr-list
----------------------------------------------------------------- */
.seo .seo-recommend-bnr-list{
margin:auto 0 0;
display:-webkit-box;
display:flex;
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
flex-wrap:wrap;
gap:4px 12px;
}

.seo .seo-recommend-bnr-list a{
padding-bottom:0;
}


/* ----------------------------------------------------------------
  .seo-cheapest
----------------------------------------------------------------- */
/* .seo-cheapest
----------------------------------------------------------------- */
.seo-cheapest > p:last-child{
margin-top:10px;
}

/* .seo-cheapest-sup
----------------------------------------------------------------- */
.seo .seo-cheapest-sup{
margin-bottom:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:16px;
}

/* .seo-cheapest-data
----------------------------------------------------------------- */
.seo .seo-cheapest-data{
position:relative;
}

/* .seo-cheapest-data-nav
----------------------------------------------------------------- */
.seo .seo-cheapest-data-nav > li{
position:absolute;
top:38px;
right:8px;
z-index:2;
}

.seo .seo-cheapest-data-nav > li:last-child{
right:auto;
left:8px;
}

.seo .seo-cheapest-data-nav button{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:32px;
height:32px;
overflow:hidden;
text-indent:-100px;
background:url(/element/j_hotel/shared/images/icon-carousel-nav-next.svg) 50% 50% no-repeat;
}

.seo .seo-cheapest-data-nav > li:last-child button{
background-image:url(/element/j_hotel/shared/images/icon-carousel-nav-prev.svg);
}

/* .seo-index .seo-cheapest-data-nav
----------------------------------------------- */
.seo-index .seo-cheapest-data-nav > li:last-child{
left:120px;
}

/* .seo-cheapest-data-tbl
----------------------------------------------------------------- */
.seo .seo-cheapest-data-tbl{
overflow:hidden;
box-sizing:border-box;
background-color:#fff;
}

/* .seo-cheapest-data-tbl-inner
----------------------------------------------------------------- */
.seo .seo-cheapest-data-tbl-inner{
width:1474px;
}

/* .seo-cheapest-data-tbl > table
----------------------------------------------------------------- */
.seo-cheapest-data-tbl table{
margin:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
position:relative;
width:100%;
}

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

.seo-cheapest-data-tbl th,
.seo-cheapest-data-tbl td{
padding:8px 0;
background-color:#fff;
font-weight:normal;
}

.seo-cheapest-data-tbl thead th{
padding-top:0;
}

.seo-cheapest-data-tbl thead th:first-child,
.seo-cheapest-data-tbl tbody th:first-child{
text-align:left;
}

.seo-cheapest-data-tbl tbody th,
.seo-cheapest-data-tbl tbody td{
border-top:1px solid #ddd;
text-align:center;
}

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

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

/* .seo-cheapest-data-tbl-inner > table
----------------------------------------------------------------- */
.seo-cheapest-data-tbl-inner table{
width:auto;
}

.seo-cheapest-data-tbl-inner table caption{
position:sticky;
left:0;
width:920px;
height:36px;
text-align:left;
}

.seo-cheapest-data-tbl-inner table caption > span:first-child{
font-weight:bold;
font-size:16px;
}

.seo-cheapest-data-tbl-inner table caption > span + span{
float:right;
}

.seo-cheapest-data-tbl-inner thead th{
padding:12px 0 8px;
width:85px;
}

.seo-cheapest-data-tbl-inner thead > tr:first-child th{
padding-top:8px;
background-color:#f5f5f5;
font-weight:bold;
}

.seo-cheapest-data-tbl-inner thead th:first-child,
.seo-cheapest-data-tbl-inner tbody th:first-child{
position:sticky;
left:0;
z-index:1;
width:111px;
}

.seo-cheapest-data-tbl-inner tbody tr:last-child th,
.seo-cheapest-data-tbl-inner tbody tr:last-child td{
padding-bottom:0;
}

.seo-cheapest-data-tbl-inner thead tr > th:nth-child(3n+1):not(:first-child) + th{
padding-left:22px;
}

.seo-cheapest-data-tbl-inner thead > tr:first-child th:nth-child(n+3){
padding-left:22px;
}

.seo-cheapest-data-tbl-inner tbody tr > td:nth-child(3n+1) + td{
padding-left:22px;
}

/* .seo-cheapest-data-tbl-toggle
----------------------------------------------------------------- */
.seo .seo-cheapest-data-tbl-toggle .is-hidden{
display:none;
}

/* .seo-cheapest-data-tbl-toggle-btn
----------------------------------------------------------------- */
.seo .seo-cheapest-data-tbl-toggle-btn{
padding-top:8px;
border-top:1px solid #ddd;
}

.seo .seo-cheapest-data-tbl-toggle-btn button{
margin:0 0 0 auto;
padding:0 0 0 15px;
border:none;
color:var(--cmn-font-color-base);
display:block;
background: url(/element/j_hotel/shared/images/icon-arrow-down.svg) 0 45% no-repeat;
background-size:9px auto;
font-size:12px;
}

.seo .seo-cheapest-data-tbl-toggle-btn.is-active button{
background-image: url(/element/j_hotel/shared/images/icon-arrow-up.svg);
}


/* ----------------------------------------------------------------
  .seo-category
----------------------------------------------------------------- */
/* .seo-category-list
----------------------------------------------------------------- */
.seo .seo-category-list{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
font-size:14px;
}

.seo .seo-category-list > li{
border-radius:6px;
box-shadow:0 0 6px rgba(0,0,0,.3);
overflow:hidden;
height:auto;
background-color:#fff;
}

.seo .seo-category-list a{
color:var(--cmn-font-color-base);
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
flex-direction:column-reverse;
height:100%;
text-decoration:none;
}

.seo .seo-category-list a > div{
padding:8px 12px 20px;
-webkit-box-flex:1;
flex:1;
}

.seo .seo-category-list a > span{
height:125px;
}

.seo .seo-category-list a > span img{
width:100%;
height:100%;
object-fit:cover;
}


/* ----------------------------------------------------------------
  .seo-carousel-ranking-area
----------------------------------------------------------------- */
/* .seo-carousel-ranking-hotel
----------------------------------------------------------------- */
.seo .seo-carousel-ranking-hotel{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.seo .seo-carousel-ranking-hotel > li{
width:238px;
min-width:238px;
height:auto;
}

.seo .seo-carousel-ranking-hotel > li > a{
border-radius:6px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
box-shadow:0 0 6px rgba(0,0,0,.3);
position:relative;
overflow:hidden;
width:100%;
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;
background-color:#fff;
text-decoration:none;
}

/* .seo-index > .seo-carousel-ranking-hotel
----------------------------------------------- */
.seo-index .seo-carousel-ranking-hotel > li{
width:234px;
min-width:234px;
}

/* .seo-carousel-ranking-hotel > .icon
----------------------------------------------- */
.seo .seo-carousel-ranking-hotel .icon{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:27px;
height:32px;
overflow:hidden;
position:absolute;
top:0;
left:12px;
z-index:1;
line-height:1;
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
transform:translateZ(0);
background:url(/element/j_hotel/shared/images/icon-ranking.svg) 0 0 no-repeat;
font-size:16px;
font-family:Arial;
}

.seo .seo-carousel-ranking-hotel .icon > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .seo-carousel-ranking-hotel > .data
----------------------------------------------- */
.seo .seo-carousel-ranking-hotel .data{
padding:8px 12px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
flex-direction:column;
gap:4px 0;
}

.seo .seo-carousel-ranking-hotel .data p{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

.seo .seo-carousel-ranking-hotel .data p.line-3{
-webkit-line-clamp:3;
}

/* .seo-carousel-ranking-hotel > .name
----------------------------------------------- */
.seo .seo-carousel-ranking-hotel .name{
min-height:3em;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
font-size:14px;
}

.seo .seo-carousel-ranking-hotel .name > span{
display:inline-block;
font-size:12px;
}

.seo .seo-carousel-ranking-hotel .name.line-1{
display:block;
min-height:0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* .seo-carousel-ranking-hotel > .review
----------------------------------------------- */
.seo .seo-carousel-ranking-hotel .review{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 16px;
}

.seo .seo-carousel-ranking-hotel .review .is-hidden{
visibility:hidden;
}

.seo .seo-carousel-ranking-hotel .review [class^='icon-r-'] span{
width:59px;
}

.seo .seo-carousel-ranking-hotel .review-num{
margin-left:-12px;
}

/* .seo-carousel-ranking-hotel > .area
----------------------------------------------- */
.seo .seo-carousel-ranking-hotel .area{
margin-top:2px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* .seo-carousel-ranking-hotel > .price
----------------------------------------------- */
.seo .seo-carousel-ranking-hotel .price{
margin:auto 0 0;
padding-top:4px;
text-align:right;
}

.seo .seo-carousel-ranking-hotel .price > span{
display:block;
}

.seo .seo-carousel-ranking-hotel .price > span:last-child{
font-size:14px;
}

.seo .seo-carousel-ranking-hotel .price > span:last-child > span{
font-size:12px;
}

.seo .seo-carousel-ranking-hotel .price b{
margin-left:2px;
display:inline-block;
font-family:Arial;
font-size:16px;
font-weight:normal;
}

/*  .seo-carousel-ranking-hotel > .thumb
----------------------------------------------- */
.seo .seo-carousel-ranking-hotel .thumb{
height:125px;
overflow:hidden;
position:relative;
box-sizing:border-box;
}

.seo .seo-carousel-ranking-hotel .thumb::before{
content:'';
display:block;
width:100%;
height:3em;
overflow:hidden;
position:absolute;
left:0;
bottom:0;
z-index:1;
background:linear-gradient(transparent 5%, rgba(0,0,0,.1) 25%, rgba(0,0,0,.5) 80%, rgba(0,0,0,.6) 100%);
}

.seo .seo-carousel-ranking-hotel .thumb > span{
color:rgba(255,255,255,.7);
display:block;
box-sizing:border-box;
position:absolute;
bottom:6px;
left:12px;
z-index:1;
line-height:1;
font-size:11px;
}

.seo .seo-carousel-ranking-hotel .thumb img{
width:100%;
height:100%;
object-fit:cover;
}

/*  .seo-carousel-ranking-hotel > .thumb.no-photo
---------------------------------- */
.seo .seo-carousel-ranking-hotel .thumb.no-photo{
box-shadow:0 -1px 0 #e5e5e5 inset;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.seo .seo-carousel-ranking-hotel .thumb.no-photo::before{
display:none;
}

.seo .seo-carousel-ranking-hotel .thumb.no-photo img{
width:120px;
height:auto;
}


/* ----------------------------------------------------------------
  .seo-carousel-ranking-area
----------------------------------------------------------------- */
/* .seo-carousel-ranking-area
----------------------------------------------------------------- */
.seo .seo-carousel-ranking-area{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

/* .seo-carousel-ranking-area-item
----------------------------------------------------------------- */
.seo .seo-carousel-ranking-area-item{
padding:12px;
border-radius:6px;
box-sizing:border-box;
box-shadow:0 0 6px rgba(0,0,0,.3);
width:238px;
min-width:238px;
height:auto;
position:relative;
display:-webkit-box;
display:flex;
flex-direction:column;
background-color:#fff;
}

.seo-index .seo-carousel-ranking-area-item{
width:234px;
min-width:234px;
}

/* .seo-carousel-ranking-area-item-hdg
----------------------------------------------------------------- */
.seo .seo-carousel-ranking-area-item-hdg{
padding-left:32px;
line-height:1.25;
font-size:16px;
font-weight:normal;
}

.seo .seo-carousel-ranking-area-item-hdg .icon{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:27px;
height:32px;
overflow:hidden;
position:absolute;
top:0;
left:12px;
z-index:1;
line-height:1;
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
transform:translateZ(0);
background:url(/element/j_hotel/shared/images/icon-ranking.svg) 0 0 no-repeat;
font-size:14px;
}

.seo .seo-carousel-ranking-area-item-hdg .icon > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .seo-carousel-ranking-area-item-hdg.no-icon
----------------------------------------------- */
.seo .seo-carousel-ranking-area-item-hdg.no-icon{
padding-left:0;
}

/* .seo-carousel-ranking-area-item-hdg.line-2
----------------------------------------------- */
.seo .seo-carousel-ranking-area-item-hdg.line-2{
min-height:40px;
}

/* .seo-carousel-ranking-area-item-hdg.line-3
----------------------------------------------- */
.seo .seo-carousel-ranking-area-item-hdg.line-3{
min-height:60px;
}

/* .seo-carousel-ranking-area-item-list
----------------------------------------------------------------- */
.seo .seo-carousel-ranking-area-item-list{
margin:8px 0 0;
border-top:1px solid #ddd;
-webkit-box-flex:1;
flex:1;
}

.seo .seo-carousel-ranking-area-item-list > li:not(:nth-child(3)){
border-bottom:1px solid #ddd;
}

.seo .seo-carousel-ranking-area-item-list > li > div{
padding:8px 0 8px 24px;
position:relative;
}

/* .seo-carousel-ranking-area-item-list > .icon
----------------------------------------------- */
.seo .seo-carousel-ranking-area-item-list .icon{
color:#fff;
border-radius:2px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:17px;
height:17px;
overflow:hidden;
position:absolute;
top:9px;
left:0;
line-height:1;
background-color:rgba(34,34,34,.45);
font-size:12px;
font-weight:normal;
}

.seo .seo-carousel-ranking-area-item-list .icon > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .seo-carousel-ranking-area-item-list > .name
----------------------------------------------- */
.seo .seo-carousel-ranking-area-item-list .name{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:14px;
}

/* .seo-carousel-ranking-area-item-list > .area
----------------------------------------------- */
.seo .seo-carousel-ranking-area-item-list .area{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* .seo-carousel-ranking-area-item-list > .review
----------------------------------------------- */
.seo .seo-carousel-ranking-area-item-list .review{
margin:4px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 16px;
}

.seo .seo-carousel-ranking-area-item-list .review .is-hidden{
visibility:hidden;
}

.seo .seo-carousel-ranking-area-item-list .review [class^='icon-r-'] span{
width:59px;
}

.seo .seo-carousel-ranking-area-item-list .review-num{
margin-left:-12px;
}

/* .seo-carousel-ranking-area-item-list > .price
----------------------------------------------- */
.seo .seo-carousel-ranking-area-item-list .price{
margin-top:4px;
text-align:right;
}

.seo .seo-carousel-ranking-area-item-list .price > span{
display:block;
}

.seo .seo-carousel-ranking-area-item-list .price > span:last-child{
font-size:14px;
}

.seo .seo-carousel-ranking-area-item-list .price > span:last-child > span{
font-size:12px;
}

.seo .seo-carousel-ranking-area-item-list .price b{
margin-left:2px;
display:inline-block;
font-family:Arial;
font-size:16px;
font-weight:normal;
}

/* .seo-carousel-ranking-area-item-link
----------------------------------------------------------------- */
.seo .seo-carousel-ranking-area-item-link{
padding-top:8px;
border-top:1px solid #ddd;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
text-align:center;
font-size:14px;
}

.seo-carousel-ranking-area-item-link a{
text-decoration:none;
}

.seo .seo-carousel-ranking-area-item-link span > span{
display:inline-block;
}

/* .seo-carousel-ranking-area-item-link.line-2
----------------------------------------------- */
.seo .seo-carousel-ranking-area-item-link.line-2{
min-height:62px;
}

/* .seo-carousel-ranking-area-item-link.line-3
----------------------------------------------- */
.seo .seo-carousel-ranking-area-item-link.line-3{
min-height:87px;
}



/* ----------------------------------------------------------------
  .seo-faq
----------------------------------------------------------------- */
/* .seo-faq-item
----------------------------------------------------------------- */
.seo .seo-panel-faq-item{
border-bottom:1px solid #ddd;
}

.seo-panel-content > .seo-panel-faq-item:first-child{
margin-top:-10px;
}

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

/* .seo-panel-faq-item-hook
----------------------------------------------------------------- */
.seo .seo-panel-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_hotel/shared/images/icon-faq-q.svg) 0 50% no-repeat;
background-size:11px auto;
text-align:left;
font-weight:normal;
cursor:pointer;
}

.seo .seo-panel-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_hotel/shared/images/icon-arrow-down.svg) 0 0 no-repeat;
}

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

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

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

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

/* .seo-panel-faq-item-content-date
----------------------------------------------------------------- */
.seo .seo-panel-faq-item-content-date{
margin-top:8px;
color:var(--cmn-font-color-gray);
display:block;
text-align:right;
font-size:12px;
}

/* .seo-panel-faq-link
----------------------------------------------------------------- */
.seo .seo-panel-faq-link{
margin-top:12px;
text-align:right;
}


/* ----------------------------------------------------------------
  .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:238px;
width:238px;
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-index > .seo-carouse-matome
----------------------------------------------- */
.seo-index .seo-carouse-matome li{
width:234px;
min-width:234px;
}



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