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

  Custom Properties

----------------------------------------------------------------- */
:root{
--key-color:#00428e;
}




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

  Outline Control

----------------------------------------------------------------- */
[data-whatintent='touch'] .seo-popular-hotel [role="tabpanel"]:focus,
[data-whatintent='touch'] .pseudo .pseudo-word-search-tab button:focus,
[data-whatintent='touch'] .detail .detail-content:focus,
[data-whatintent='touch'] .search-condition .search-condition-btn button{
outline:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}



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

  Site Common Modules modify

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .cmn-ad-bnr
----------------------------------------------------------------- */
/* .cmn-ad-bnr
----------------------------------------------- */
.search-result .cmn-ad-bnr{
padding-top:12px;
padding-bottom:0;
}

.seo-index .act_ad_manage .cmn-ad-bnr,
.contents-footer .act_ad_manage .cmn-ad-bnr{
padding-bottom:0;
}


/* ----------------------------------------------------------------
  .cmn-seo-link modify
----------------------------------------------------------------- */
/* .cmn-seo-link
----------------------------------------------- */
.seo > .cmn-seo-link{
margin:28px 0 0;
padding:0;
background-color:transparent;
}

.seo .seo-card > .cmn-seo-link:first-child{
margin-top:-8px;
}

.seo .seo-card > .cmn-seo-link:last-child{
margin-bottom:-8px;
}

/* .seo-index > .cmn-seo-link
---------------------------------- */
.seo-index .cmn-seo-link{
margin-top:-4px;
}

.seo-index .seo-card > .cmn-seo-link:last-child{
margin-bottom:-12px;
}

/* .cmn-seo-link-hdg
----------------------------------------------- */
.cmn-seo-link .cmn-seo-link-hdg{
margin:0 0 8px;
padding:0;
color:var(--cmn-font-color-base);
line-height:1.35;
background-color:transparent;
font-weight:normal;
font-size:18px;
}

/* .cmn-seo-link-list
----------------------------------------------- */
.cmn-seo-link .cmn-seo-link-list > li > a{
border-bottom-color:#ebebeb;
}

.cmn-seo-link .cmn-seo-link-list > li:last-child > a{
border-bottom:none;
}

/* .seo > .cmn-seo-link-list
---------------------------------- */
.seo > .cmn-seo-link .cmn-seo-link-list{
margin-top:8px;
padding:4px 12px;
border-radius:6px;
line-height:1.42;
background-color:#fff;
box-shadow:0 0 4px rgba(0,0,0,.3);
font-size:12px;
}

/* .cmn-seo-link-list-thumb
----------------------------------------------- */
.cmn-seo-link .cmn-seo-link-list-thumb{
margin-right:8px;
width:72px;
height:54px;
}

/* .cmn-seo-link-toggle-btn
----------------------------------------------- */
.cmn-seo-link .cmn-seo-link-toggle-btn{
font-size:14px;
}

.cmn-seo-link .cmn-seo-link-toggle-btn > span{
padding-left:16px;
background-image:url(/element/j_hotel/shared/images/icon-arrow-down.svg);
background-size:12px 7px;
}

.cmn-seo-link .cmn-seo-link-toggle-active .cmn-seo-link-toggle-btn > span{
background-image:url(/element/j_hotel/shared/images/icon-arrow-up.svg);
}


/* ----------------------------------------------------------------
  .cmn-notice-list
----------------------------------------------------------------- */
.contents-footer .cmn-ad-bnr-hidden + .cmn-notice-list{
margin-top:16px;
}


/* ----------------------------------------------------------------
  .cmn-tip-btn
----------------------------------------------------------------- */
/* .review-content-catch > .cmn-tip-btn
----------------------------------------------- */
.review .review-content-catch .cmn-tip-btn{
margin-left:4px;
}



/* ----------------------------------------------------------------
  .cmn-modal modify
----------------------------------------------------------------- */
/* .cmn-modal padding modify
----------------------------------------------- */
.cmn-modal .modal-info-area,
.cmn-modal .modal-info-area-02{
padding:24px 16px 20px;
}

/* .cmn-modal paragraph modify
----------------------------------------------- */
.cmn-modal .info-text{
font-size:16px;
}

/* .cmn-modal button modify
----------------------------------------------- */
.cmn-modal [class^="modal-btn-box"]{
margin:0 auto;
-webkit-box-pack:center;
justify-content:center;
}

.cmn-modal .modal-btn-box li{
max-width:210px;
}

.cmn-modal [class^="modal-btn-box"] button{
padding:0;
box-sizing:border-box;
min-height:44px;
font-weight:normal;
font-size:14px;
}

.cmn-modal .cmn-cancel-btn{
color:var(--cmn-font-color-base);
}

.cmn-modal .cmn-info-btn{
box-shadow:none;
background-color:var(--cmn-btn-color);
}

/* .cmn-agt-info modify
----------------------------------------------- */
.cmn-agt-info .cmn-agt-info-btn-filter{
margin-top:-8px;
}



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

  Menu Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Base layout
----------------------------------------------------------------- */
[data-role='page'],
[role='dialog']:not([class^="gm-"]):not(.xxGHyP-dialog-view){
position:absolute;
top:0;
left:-100%;
overflow:hidden;
z-index:-1;
width:100%;
height:100%;
opacity:0;
}

[data-role='page'].is-active{
z-index:1;
position:relative;
top:0;
left:0;
overflow:auto;
width:auto;
height:auto;
min-height:100%;
box-sizing:border-box;
opacity:1;
}

[role='dialog'].is-active:not([class^="gm-"]):not(.xxGHyP-dialog-view){
z-index:10;
position:fixed;
top:0;
left:0;
overflow:auto;
display:-webkit-box;
display:flex;
background-color:#fff;
opacity:1;
}

iframe[name="google_conversion_frame"]{
display:none;
}

/* .contents-footer
----------------------------------------------- */
.contents-footer{
margin:0 -10px -10px;
padding:0 10px 24px;
overflow:hidden;
background-color:#f5f5f5;
}


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

strong.cmn-dashed{
--cmn-dashed-color:rgba(var(--cmn-font-color-red-rgb),.6);
--cmn-dashed-font-color:var(--cmn-font-color-red);
}


/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* link color
----------------------------------------------- */
main a{
color:var(--cmn-font-color-link);
}

/* .link-blank
----------------------------------------------- */
.link-blank{
padding-left:15px;
color:var(--cmn-font-color-gray);
display:inline-block;
background:url(/element_sp/shared/images/icon/ico-external.svg) 0 2px no-repeat;
background-size:12px auto;
}

/* .link-filter
----------------------------------------------- */
.link-filter{
border-bottom:1px solid #92ccf4;
color:inherit;
}


/* .link-history-back
----------------------------------------------- */
a.link-history-back{
margin:-1px -10px;
padding:4px 10px 4px 34px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
min-height:45px;
position:relative;
line-height:1.35;
background-color:rgba(0,0,0,.3);
text-align:left;
font-size:16px;
}

a.link-history-back > span{
white-space:nowrap;
}

a.link-history-back > span:first-child{
overflow:hidden;
text-overflow:ellipsis;
}

a.link-history-back > span:last-child{
-webkit-box-flex:1;
flex:1;
}

a.link-history-back::before{
margin-top:-8px;
content:'';
display:block;
width:16px;
height:16px;
position:absolute;
top:50%;
left:10px;
background:url(/element_sp/j_hotel/shared/images/icon-arrow-prev.svg) no-repeat 0 0;
filter:brightness(0) invert(1);
}

a.link-history-back:last-child{
margin:-1px 0;
padding:4px 0 4px 24px;
border-top:1px solid #000;
border-bottom:1px solid #000;
background-color:transparent;
}

a.link-history-back:last-child::before{
left:0;
}

/* .detail-header > .link-history-back
----------------------------- */
.detail-header .link-history-back{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:12px;
left:2px;
width:40px;
height:40px;
overflow:hidden;
z-index:1;
background:url(/element_sp/j_hotel/shared/images/icon-arrow-prev-01.svg) no-repeat 0 0;
}

.detail-header .link-history-back::before{
display:none;
}

/* div.link-history-back
----------------------------------------------- */
div.link-history-back{
margin:0 -10px;
padding:8px 40px;
color: #fff;
display:-webkit-box;
display: flex;
-webkit-box-align:center;
align-items:center;
min-height:45px;
box-sizing:border-box;
position:relative;
background-color:#111;
}

/* div.link-history-back > .link-history-back-hdg
----------------------------------------------- */
div.link-history-back .link-history-back-hdg{
padding:0;
box-sizing:border-box;
font-size:16px;
font-weight:bold;
text-align:center;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

/* div.link-history-back > button
----------------------------------------------- */
div.link-history-back button{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element_sp/j_hotel/shared/images/icon-close.svg) no-repeat 50% 50%;
background-size:16px auto;
filter:brightness(0) invert(1);
}


/* ----------------------------------------------------------------
  Button
----------------------------------------------------------------- */
/* default
----------------------------------------------- */
button{
margin:0;
}

/* .btn
----------------------------------------------- */
.btn{
margin:20px auto 0;
padding:8px 12px;
border:1px solid #bbb;
border-radius:5px;
color:var(--cmn-font-color-base);
display:table;
min-width:164px;
text-align:center;
font-size:14px;
background-color:#fff;
}


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

.notice-list > li{
padding-left:16px;
position:relative;
}

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

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

.notice-list > li.no-mark{
padding-left:0;
color:var(--cmn-font-color-base);
}

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

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

.notice-list a{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}

/* .form-search-index > .notice-list
--------------------- */
.form-search-index .notice-list{
margin-top:12px;
letter-spacing:-.03em;
text-align:center;
font-size:14px;
}

/* .detail-hotel-cheapest > .notice-list
--------------------- */
.detail-hotel-cheapest .notice-list{
font-size:14px;
}

/* .detail-hotel-list-separate > .notice-list
--------------------- */
.detail-hotel .detail-hotel-list-separate .notice-list{
margin:0;
}

.detail-hotel .detail-hotel-list-separate .detail-hotel-list-bullet + .notice-list{
margin-top:8px;
}

/* .seo-hdg + .notice-list
--------------------- */
.seo-hdg + p + .notice-list{
margin-top:0;
}

/* .seo-index > .notice-list
--------------------- */
.seo-index .seo-card .notice-list{
color:var(--cmn-font-color-base);
font-size:14px;
}

/* .pseudo-list > .notice-list
--------------------- */
.pseudo-list .notice-list{
margin:0 0 12px;
}

.pseudo .pseudo-list li[aria-expanded] .notice-list > li{
border:none;
}

/* .pseudo-plan-panel-cancel > .notice-list
--------------------- */
.pseudo-plan-panel-cancel .notice-list{
margin-top:4px;
}

/* .pseudo-plan-panel-cancel > .notice-list
--------------------- */
.pseudo-plan-panel-list-separate-colon .notice-list{
margin:4px 0 0;
}

.pseudo-plan-panel-list-separate-colon + .notice-list{
margin:12px 0 0;
}

/* .agt-link-sticky-footer > .notice-list
--------------------- */
.agt-link-sticky-footer .notice-list{
color:#fff;
}

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

.notice-list-01 > li{
padding-left:1em;
text-indent:-1em;
}

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

.notice-list-01 > li::before{
content:'\203b';
}

.notice-list-01 > li.no-mark{
padding-left:0;
text-indent:0;
}

.notice-list-01 > li.no-mark::before{
display:none;
}


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

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

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

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

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

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

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

/* .minpaku
----------------------------------------------- */
.minpaku{
display:inline-block;
}

.minpaku::before{
content:'\ff0f';
}


/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* default
----------------------------------------------- */
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='email'],
input[type='number'],
textarea{
padding:5px;
border:1px solid #999;
border-radius:4px;
display:block;
width:100%;
min-height:44px;
font-size:16px;
box-sizing:border-box;
-webkit-appearance:none;
appearance:none;
font-size:16px;
}

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

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

/* .form-custom-select
----------------------------------------------- */
.form-custom-select{
margin:10px 0;
border:1px solid #999;
display:block;
min-height:44px;
padding:0;
box-sizing:border-box;
border-radius:4px;
background-color:#fff;
position:relative;
}

.form-custom-select::before{
margin-top:-3px;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:7px;
border-width:7px 6px 0 6px;
border-color:#888 transparent transparent transparent;
border-style:solid;
}

.form-custom-select select{
padding:5px 20px 5px 7px;
border:none;
color:var(--cmn-font-color-base);
-webkit-appearance:none;
appearance:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
box-sizing:border-box;
background-color:transparent;
font-size:16px;
}

.form-custom-select.is-disabled{
border-color:#ddd;
}

.form-custom-select.is-disabled::before{
border-top-color:#ccc;
}

.form-custom-select.is-disabled select{
color:#ccc;
}

.form-custom-select.is-unselected select{
color:#9e9e9e;
}

.form-custom-select.multi-line{
height:45px;
}



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

	Component Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .index-container
----------------------------------------------------------------- */
/* .index-container
----------------------------------------------- */
.index-container{
margin:-10px -10px 0;
padding:12px 8px 32px;
background-image:url(/element_sp/j_hotel/index/images/bg-01.png), url(/element_sp/j_hotel/index/images/bg.jpg);
background-repeat:no-repeat;
background-size:100% auto;
background-position:0 0, 0 100%;
background-color:var(--key-color);
}

/* .index-container-header
----------------------------------------------- */
.index-container .index-container-header{
margin-bottom:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1.2;
}

/* .index-container-header-hdg
----------------------------------------------- */
.index-container .index-container-header-hdg{
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,.5);
font-size:16px;
}


/* ----------------------------------------------------------------
  .form-search-index
----------------------------------------------------------------- */
/* .form-search-index
----------------------------------------------- */
.form-search-index{
padding:12px 12px 16px;
border-radius:6px;
background-color:rgba(255,255,255,.95);
}

/* .form-search-index-faq
----------------------------------------------- */
.form-search-index .form-search-index-faq{
margin:0 0 8px auto;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
line-height:1.25;
font-size:12px;
}

.form-search-index .form-search-index-faq > li:not(:first-child){
margin-left:12px;
padding-left:12px;
border-left:1px solid #ccc;
}

/* .form-search-index-filter
----------------------------------------------- */
.form-search-index .form-search-index-filter{
margin:12px 0;
border-bottom:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
flex-wrap:wrap;
}

.form-search-index .form-search-index-filter > li{
border-width:1px 1px 0 0;
border-style:solid;
border-color:#ddd;
box-sizing:border-box;
width:50%;
min-height:40px;
}

.form-search-index .form-search-index-filter > li:first-child{
border-right:none;
width:100%;
}

.form-search-index .form-search-index-filter > li:nth-child(3),
.form-search-index .form-search-index-filter > li:nth-child(5){
padding-left:8px;
border-right:none;
}

.form-search-index .form-search-index-filter button{
padding:0;
border:none;
position:relative;
width:100%;
height:100%;
background:url(/element_sp/j_hotel/shared/images/icon-arrow-02.svg) no-repeat calc(100% - 8px) 50%;
background-size:7px auto;
text-align:left;
font-size:14px;
}

.form-search-index .form-search-index-filter > .is-checked button > span{
padding-right:20px;
background:url(/element_sp/j_hotel/shared/images/icon-selected.svg) 100% 50% no-repeat;
background-size:12px auto;
}

/* .form-search-index-btn
----------------------------------------------- */
.form-search-index .form-search-index-btn{
margin-top:12px;
}

.form-search-index .form-search-index-btn button{
margin:0 auto;
padding:4px;
border:none;
border-radius:4px;
color:#fff;
display:block;
width:88%;
height:44px;
background-color:#444;
text-shadow:1px 2px 0 rgba(0,0,0,.1);
font-size:16px;
}


/* ----------------------------------------------------------------
  .search-filter
----------------------------------------------------------------- */
/* .search-filter
----------------------------------------------- */
.search-filter{
position:relative;
}

.search-filter button{
padding:4px 8px;
border:1px solid #999;
border-radius:4px;
min-height:44px;
width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
background-color:#fff;
font-size:16px;
text-align:left;
}

.search-filter button:disabled{
opacity:.33;
}

/* .search-result-header-sticky.is-sticky > .search-filter
   .detail-sticky >. search-filter
----------------------------------------------- */
.search-result-header-sticky.is-sticky .search-filter button,
.detail-sticky .search-filter button{
border-color:#ccc;
}

/* .search-filter-hdg
----------------------------------------------- */
.search-filter .search-filter-hdg{
height:0;
position:absolute;
overflow:hidden;
}

/* .search-filter-pulldown
----------------------------------------------- */
.search-filter .search-filter-pulldown{
margin-top:8px;
padding:16px 16px 10px;
border-radius:4px;
position:absolute;
top:100%;
right:50%;
width:calc(100% + 12px);
transform:translateX(50%);
box-sizing:border-box;
z-index:2;
background-color:#fff;
font-size:14px;
box-shadow:0 0 6px rgba(0,0,0,.3);
}

.search-filter .search-filter-pulldown::before{
margin-left:-6px;
content:'';
display:block;
width:12px;
height:12px;
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
left:50%;
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
}

.search-filter .search-filter-pulldown::after{
margin-left:-20px;
content:'';
display:block;
width:40px;
height:15px;
position:absolute;
top:0;
left:50%;
background-color:#fff;
}

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

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

/* Media Queries */
@media screen and (max-width:359px){
.search-filter .search-filter-pulldown{
padding:16px 8px 8px;
}
}

/* .search-filter-destination-spot > .search-filter-pulldown
----------------------------------------------- */
.search-filter .search-filter-destination-spot .search-filter-pulldown{
width:calc(100% + 20px);
}

/* .search-filter-date-num > .search-filter-pulldown
----------------------------------------------- */
.search-filter .search-filter-date-num .search-filter-pulldown{
width:calc(100% + 30px);
}

/* .search-result-header-sticky.is-sticky > .search-filter-pulldown
----------------------------------------------- */
.search-result-header-sticky.is-sticky .search-filter-destination-spot .search-filter-pulldown,
.search-result-header-sticky.is-sticky .search-filter-date-num .search-filter-pulldown{
left:auto;
right:-4px;
transform:none;
}

/* .search-result-header-sticky.is-sticky > .search-filter-pulldown
----------------------------------------------- */
.detail-sticky .search-filter-date-num .search-filter-pulldown{
left:auto;
right:-4px;
transform:none;
}

/* .search-filter-pulldown-hdg
----------------------------------------------- */
.search-filter .search-filter-pulldown-hdg{
margin-bottom:6px;
font-weight:bold;
font-size:14px;
}

.search-filter .search-filter-date-num .search-filter-pulldown-hdg{
letter-spacing:-.055em;
}

/* .search-filter-pulldown-list
----------------------------------------------- */
.search-filter .search-filter-pulldown-list{
margin:0 -16px;
padding:0 16px;
line-height:1;
max-height:188px;
overflow:auto;
}

.search-filter .search-filter-pulldown-list > li > a{
padding:10px 0 10px 23px;
color:var(--cmn-font-color-base);
display:block;
white-space:nowrap;
}

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

.search-filter .search-filter-pulldown-list .holiday a > span:first-child{
color:var(--cmn-font-color-red);
}

/* Media Queries */
@media screen and (max-width:359px){
.search-filter .search-filter-pulldown-list{
margin:0 -8px;
padding:0 8px;
}
}

/* .search-filter-destination
----------------------------------------------- */
.search-filter .search-filter-destination{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}


/* .search-filter-destination-list
----------------------------------------------- */
.search-filter .search-filter-destination-list{
margin:-8px 0 0;
overflow:hidden;
-webkit-box-flex:1;
flex:1;
}

.search-filter .search-filter-destination-list > li{
margin-top:8px;
border:1px solid #999;
border-radius:4px;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
background-color:#fff;
}

.search-filter .search-filter-destination-list button{
border:none;
min-height:42px;
border-radius:0;
background:transparent;
}

.search-filter .search-filter-destination-list .search-filter-destination-btn{
padding-left:30px;
-webkit-box-flex:1;
flex:1;
background:url(/element_sp/j_hotel/shared/images/icon-search-filter-pin.svg) no-repeat 10px 50%;
background-size:12px auto;
}

.search-filter .search-filter-destination-list .search-filter-destination-btn.is-unset{
color:#949494;
}

.search-filter .search-filter-destination-list .search-filter-destination-btn-clear{
padding:0;
color:rgba(0,0,0,0);
width:24px;
overflow:hidden;
background:url(/element_sp/j_hotel/shared/images/icon-close.svg) no-repeat calc(100% - 8px) 50%;
background-size:10px;
}

.search-result-header-sticky.is-sticky  .search-filter-destination-list > li{
border-color:#ccc;
}

/* .search-filter-destination-btn-add
----------------------------------------------- */
.search-filter button.search-filter-destination-btn-add{
margin-left:8px;
border:none;
border-radius:0;
padding:4px 0 4px 18px;
line-height:1.2;
background:url(/element/shared/images/icon/icon-toggle-plus-circle.svg) 0 50% no-repeat;
background-size:15px auto;
font-size:12px;
}

.search-filter .search-filter-destination-btn-add > span{
display:block;
}

/* .search-filter-destination-sup
----------------------------------------------- */
.search-filter .search-filter-destination-sup{
line-height:38px;
width:32px;
white-space:nowrap;
text-align:center;
font-size:12px;
}

/* .search-filter-destination-spot
----------------------------------------------- */
.search-filter .search-filter-destination-spot{
position:relative;
width:88px;
}

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

/* .search-filter-date-btn
----------------------------------------------- */
.search-filter .search-filter-date-btn{
padding-left:30px;
width:calc(50% - 16px);
background:#fff url(/element_sp/j_hotel/shared/images/icon-search-filter-calendar.svg) no-repeat 10px 50%;
background-size:15px auto;
}

/* .search-filter-date-sup
----------------------------------------------- */
.search-filter .search-filter-date-sup{
width:32px;
white-space:nowrap;
text-align:center;
font-size:12px;
}

/* .search-filter-date-num
----------------------------------------------- */
.search-filter .search-filter-date-num{
width:calc(50% - 16px);
position:relative;
}

/* .search-filter-num-people
----------------------------------------------- */
.search-filter .search-filter-num-people{
margin-top:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .search-filter-num-people-list
----------------------------------------------- */
.search-filter .search-filter-num-people-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}

.search-filter .search-filter-num-people-list > li{
margin-right:8px;
position:relative;
-webkit-box-flex:1;
flex:1;
}

/* .search-filter-num-people-room
----------------------------------------------- */
.search-filter .search-filter-num-people-room{
margin-left:calc(1em + 4px);
position:relative;
width:88px;
}

.search-filter .search-filter-num-people-room::before{
margin-top:-.5em;
content:"\00d7";
display:block;
position:absolute;
top:50%;
left:calc(-1 * 1em);
line-height:1;
font-size:18px;
}

/* .search-filter-btn-search (ranking / onsen seo use)
----------------------------------------------- */
main .search-filter-btn-search{
margin:12px auto 0;
padding:0;
border:none;
border-radius:4px;
color:#fff;
display:block;
min-height:44px;
width:calc((100% + 16px) * .6);
background-color:#444;
font-size:16px;
text-align:center;
}



/* ----------------------------------------------------------------
  .search-result-header
----------------------------------------------------------------- */
/* .search-result-header
----------------------------------------------- */
.search-result-header{
margin:-11px -10px 0;
padding:0 10px 10px;
border-top:1px solid var(--key-color);
background:var(--key-color) url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size:100% auto;
}

/* .search-result-header-category
----------------------------------------------- */
.search-result-header-category{
margin:12px 0 0;
color:#fff;
line-height:1.35;
}

.cmn-info + .search-result-header-category{
margin-top:16px;
}

/* .search-result-header-category-hdg
----------------------------------------------- */
.search-result-header .search-result-header-category-hdg{
text-shadow:0 1px 0 rgba(0,0,0,.5);
font-size:16px;
}

/* .search-result-header-category-sup
----------------------------------------------- */
.search-result-header .search-result-header-category-sup{
margin-top:2px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:0 4px;
font-size:14px;
}

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


/* ----------------------------------------------------------------
  .search-result-header-sticky
----------------------------------------------------------------- */
/* .search-result-header-sticky
----------------------------------------------- */
.search-result-header-sticky{
margin-top:12px;
}

.search-result-header-sticky.is-sticky{
margin-top:0;
padding:8px 10px;
position:fixed;
top:0;
left:0;
box-sizing:border-box;
width:100%;
background-color:#f5f5f5;
z-index:3;
box-shadow:0 2px 6px rgba(0,0,0,.6);
}

/* .search-result-header-sticky-btn
----------------------------------------------- */
.search-result-header-sticky-btn{
margin:12px auto 0;
padding:0 0 0 20px;
border:none;
display:none;
background:url(/element/j_hotel/shared/images/icon-arrow-up.svg) no-repeat 0 50%;
background-size:14px auto;
font-size:14px;
}

.search-result-header-sticky.is-sticky .search-result-header-sticky-btn{
display:block;
}

/* .search-result-header-sticky-summary
----------------------------------------------- */
.search-result-header-sticky-summary,
.search-result-header-sticky.is-sticky.is-active .search-result-header-sticky-summary{
display:none;
}

.search-result-header-sticky.is-sticky .search-result-header-sticky-summary{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

/* .search-result-header-sticky-summary-btn-toggle
----------------------------------------------- */
.search-result-header-sticky-summary-btn-toggle{
-webkit-box-flex:1;
flex:1;
overflow:hidden;
}

.search-result-header-sticky-summary-btn-toggle button{
padding:0 28px 0 12px;
border:1px solid #ccc;
border-radius:4px;
min-height:48px;
width:100%;
background:#fff url(/element/j_hotel/shared/images/icon-arrow-down.svg) no-repeat calc(100% - 12px) 50%;
background-size:12px auto;
text-align:left;
font-size:12px;
}

.search-result-header-sticky-summary-btn-toggle button > span{
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* .search-result-header-sticky-summary-btn-map
----------------------------------------------- */
.search-result-header-sticky-summary-btn-map{
margin-left:12px;
border-left:1px solid #ccc;
width:60px;
}

.search-result-header-sticky-summary-btn-map button{
padding:20px 0 0 8px;
border:none;
width:100%;
height:100%;
background:url(/element_sp/j_hotel/shared/images/icon-map.svg) calc(50% + 4px) 6px no-repeat;
background-size:11px auto;
font-size:14px;
}

/* .search-result-header-sticky-detail
----------------------------------------------- */
.search-result-header-sticky.is-sticky .search-result-header-sticky-detail{
display:none;
}

.search-result-header-sticky.is-sticky.is-active .search-result-header-sticky-detail{
display:block;
}


/* ----------------------------------------------------------------
  .search-condition
----------------------------------------------------------------- */
/* .search-condition-toggle
----------------------------------------------- */
.search-condition .search-condition-toggle{
padding:8px 8px 12px;
border-radius:4px;
background-color:#fff;
}

/* .search-result-header-sticky.is-sticky > .search-condition-toggle
----------------------------------------------- */
.search-result-header-sticky.is-sticky .search-condition-toggle{
margin-bottom:12px;
padding:0;
background-color:transparent;
}

/* .detail-sticky > .search-condition-toggle
----------------------------------------------- */
.detail-sticky .search-condition-toggle{
margin-bottom:12px;
padding:0;
background-color:transparent;
}

/* .search-condition-toggle-hook
----------------------------------------------- */
.search-condition .search-condition-toggle-hook{
margin:-8px -8px -12px;
padding:4px 24px 4px 12px;
border:none;
border-radius:4px;
min-height:44px;
display:block;
width:calc(100% + 16px);
background:#fff url(/element/j_hotel/shared/images/icon-arrow-down.svg) calc(100% - 12px) 50% no-repeat;
background-size: 12px auto;
font-size:14px;
text-align:left;
}

.search-condition .search-condition-toggle-hook > span{
display:block;
}

.search-condition .search-condition-toggle-hook > span > span{
margin-right:5px;
display:inline-block;
}

.search-condition-toggle[aria-expanded="true"] .search-condition-toggle-hook{
display:none;
}

/* .search-result-header > .search-condition-toggle-hook
----------------------------------------------- */
.search-result-header .search-condition-toggle-hook{
min-height:52px;
font-size:12px;
}

/* .search-condition-toggle-content
----------------------------------------------- */
.search-condition-toggle[aria-expanded="false"] .search-condition-toggle-content{
display:none;
}

.search-condition-toggle[aria-expanded="true"] .search-condition-toggle-content {
display:block;
}

/* .search-condition-toggle-btn-close
----------------------------------------------- */
.search-condition .search-condition-toggle-btn-close{
margin:0 0 0 auto;
padding:0 0 0 16px;
border:none;
display:block;
background:url(/element/j_hotel/shared/images/icon-arrow-up.svg) no-repeat 0 50%;
background-size:12px auto;
font-size:12px;
}

/* .search-condition-toggle-faq
----------------------------------------------- */
.search-condition .search-condition-toggle-faq{
-webkit-box-flex:1;
flex:1;
font-size:12px;
}

/* .search-condition-toggle-content-utility
----------------------------------------------- */
.search-condition .search-condition-toggle-content-utility{
margin-top:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.search-condition-toggle-content > .search-condition-toggle-content-utility:first-child{
margin:0 0 8px auto;
width:fit-content;
}

/* .search-condition-keyword
----------------------------------------------- */
.search-condition .search-condition-keyword{
margin:8px 0 0;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.search-condition .search-condition-keyword .search-condition-word{
padding:5px 16px 5px 30px;
border:none;
border-radius:4px;
display:block;
width:100%;
min-height:44px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background:#fff url(/element_sp/j_hotel/shared/images/icon-search.svg) no-repeat 12px 50%;
background-size:14px auto;
text-align:left;
font-size:14px;
-webkit-box-flex:1;
flex:1;
}

.search-condition .search-condition-keyword .search-condition-word > span::before{
margin:0 8px;
display:inline-block;
content:"/";
font-size:16px;
}

/* .ssearch-filter > .search-condition-keyword
------------------------------- */
.search-filter .search-condition-keyword .search-condition-word{
border:1px solid #999;
}

/* .search-result-header-sticky.is-sticky > .search-condition-keyword
   .detail-sticky > .search-condition-keyword
------------------------------- */
.search-result-header-sticky.is-sticky .search-condition .search-condition-keyword,
.detail-sticky .search-condition .search-condition-keyword{
margin-top:0;
}

.search-result-header-sticky.is-sticky .search-condition .search-condition-keyword .search-condition-word,
.detail-sticky .search-condition .search-condition-keyword .search-condition-word{
border:1px solid #ccc;
}

/* .search-condition-calendar
----------------------------------------------- */
.search-condition .search-condition-calendar{
margin-left:16px;
padding:0;
border:none;
background-color:transparent;
font-size:12px;
}

.detail-plan-header .search-condition .search-condition-calendar span{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}


/* ----------------------------------------------------------------
  .search-result
----------------------------------------------------------------- */
/* .search-result
----------------------------------------------- */
.search-result{
margin:0 -10px;
padding:10px 8px 20px;
background-color:#f5f5f5;
}

/* .search-result-sort
----------------------------------------------- */
.search-result-sort{
margin-bottom:10px;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
}

/* .search-result-header-sticky > .search-result-sort
------------------------- */
.search-result-header-sticky .search-result-sort{
margin:12px 0 0;
display:none;
}

.search-result-header-sticky.is-sticky .search-result-sort{
display:-webkit-box;
display:flex;
}

/* .detail-review > .search-result-sort
------------------------- */
.detail-review .search-result-sort{
margin-bottom:-2px;
padding-top:10px;
border-top:1px solid #ddd;
-webkit-box-align:end;
align-items:flex-end;
}

/* .detail-sticky-summary > .search-result-sort
------------------------- */
.detail-sticky-summary .search-result-sort{
margin:0;
}

/* .detail-sticky-detail > .search-result-sort
------------------------- */
.detail-sticky-detail .search-result-sort{
margin:12px 0 0;
}

/* .search-result-sort-num
----------------------------------------------- */
.search-result-sort-num{
-webkit-box-flex:1;
flex:1;
line-height:1.25;
min-width:105px;
}

.search-result-sort-num > span{
display:block;
font-size:12px;
}

.search-result-sort-num button{
padding:0 17px 0 0;
border:none;
min-height:15px;
background:url(/element/shared/images/icon/icon-tip-faq.svg) 100% 50% no-repeat;
background-size:15px;
font-size:12px;
text-align:left;
}

.search-result-sort-num > label{
padding:3px 0 0 24px;
display:table;
position:relative;
min-height:20px;
box-sizing:border-box;
}

.search-result-sort-num > label input{
position:absolute;
top:0;
left:0;
}

.search-result-sort-num > label.is-disabled{
color:rgba(34,34,34,.33);
}

/* .detail-plan > .search-result-sort-num
------------------------- */
.detail-plan .search-result-sort-num > span{
display:inline-block;
}

.detail-plan .search-result-sort-num > span::after{
content:' / ';
}

/* .detail-sticky-detail > .search-result-sort-num
------------------------- */
.detail-sticky-detail .search-result-sort-num > span{
display:inline-block;
}

.detail-sticky-detail .search-result-sort-num > span + button::before{
content:' / ';
}

.detail-sticky-detail .search-result-sort-num > button + span{
display:block;
}

/* .detail-review > .search-result-sort-num
------------------------- */
.detail-review .search-result-sort-num{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.detail-review .search-result-sort-num > span{
margin-right:8px;
}

.detail-review .search-result-sort-num > span:first-child{
margin-right:4px;
}

/* .search-result-sort-btn
----------------------------------------------- */
.search-result-sort-btn{
margin:-4px 0 0 -3px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
}

.search-result-sort-btn > li{
margin:4px 0 0 4px;
position:relative;
}

.search-result-sort-btn > li > button{
padding:0 8px 0 27px;
border:1px solid #ccc;
border-radius:17px;
height:34px;
max-width:95px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background-color:#fff;
background-position:10px 50%;
background-repeat:no-repeat;
background-size:15px auto;
font-size:14px;
}

.search-result-sort-btn > li > button.is-disabled,
.search-result-sort-btn > li > button:disabled{
opacity:.33;
}

.search-result-sort-btn .map > button{
padding-left:25px;
background-image:url(/element_sp/j_hotel/shared/images/icon-map.svg);
background-position:11px 50%;
background-size:9px auto;
}

.search-result-sort-btn .sort > button{
background-image:url(/element_sp/j_hotel/shared/images/icon-sort.svg);
}

.search-result-sort-btn .real-time > button{
background-image:url(/element/j_hotel/shared/images/icon-realtime.svg);
background-size:12px;
}

/* .detail > .search-result-sort-btn
---------------------- */
.detail .search-result-sort-btn > li > button{
max-width:125px;
}

/* .search-result-sort-btn-pulldown
----------------------------------------------- */
.search-result-sort-btn-pulldown{
margin-top:8px;
padding:24px 16px 10px;
border-radius:4px;
display:none;
position:absolute;
top:100%;
right:50%;
max-width:170px;
transform:translateX(50%);
box-sizing:border-box;
z-index:2;
background-color:#fff;
font-size:14px;
box-shadow:0 0 6px rgba(0,0,0,.3);
}

.sort[aria-expanded="true"] .search-result-sort-btn-pulldown{
display:block;
}

.search-result-sort-btn-pulldown::before{
margin-left:-6px;
content:'';
display:block;
width:12px;
height:12px;
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
left:50%;
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
}

.search-result-sort-btn-pulldown::after{
margin-left:-16px;
content:'';
display:block;
width:32px;
height:15px;
position:absolute;
top:0;
left:50%;
background-color:#fff;
}

.search-result-sort-btn > li:last-child .search-result-sort-btn-pulldown{
right:0;
transform:none;
width:auto;
}

.search-result-sort-btn > li:last-child .search-result-sort-btn-pulldown::before,
.search-result-sort-btn > li:last-child .search-result-sort-btn-pulldown::after{
left:68%;
}

/* Media Queries */
@media screen and (max-width:359px){
.search-result-sort-btn-pulldown{
padding:16px 8px 8px;
}
}

/* .search-result-sort-btn-pulldown.is-realtime
---------------------- */
.detail .search-result-sort-btn-pulldown.is-realtime{
width:275px;
max-width:none;
right:-70px;
transform:none;
}

.detail .search-result-sort-btn-pulldown.is-realtime::before,
.detail .search-result-sort-btn-pulldown.is-realtime::after{
left:58%;
}

/* .search-result-sort-btn-pulldown-btn-close
----------------------------------------------- */
.search-result-sort-btn-pulldown-btn-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_sp/j_hotel/shared/images/icon-close.svg) calc(100% - 12px) 12px no-repeat;
background-size:12px;
}

/* .search-result-sort-btn-pulldown-list
----------------------------------------------- */
.search-result-sort-btn-pulldown-list{
margin:0;
line-height:1;
overflow:hidden;
}

.search-result-sort-btn-pulldown-list > li > a{
padding:10px 0 10px 23px;
color:var(--cmn-font-color-base);
display:block;
white-space:nowrap;
}

.search-result-sort-btn-pulldown-list > li.is-active > a{
background:url(/element_sp/j_hotel/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}


/* ----------------------------------------------------------------
  .search-result-view-switch
----------------------------------------------------------------- */
/* .search-result-view-switch-ctrl
----------------------------------------------- */
.search-result-view-switch-ctrl{
margin:12px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
gap:8px;
font-size:12px;
}

.search-result-view-switch-ctrl input[type=checkbox]{
padding:3px;
border:1px solid #ccc;
border-radius:20px;
box-sizing:border-box;
width:44px;
height:28px;
background:#fff;
}

.search-result-view-switch-ctrl input[type=checkbox]::before{
content:'';
border-radius:50%;
display:block;
width:20px;
height:20px;
background-color:#bbb;
transition:.2s;
}

.search-result-view-switch-ctrl input[type=checkbox]:checked{
border-color:#177bcb;
background-color:#177bcb;
}

.search-result-view-switch-ctrl input[type=checkbox]:checked::before{
transform:translatex(17px);
background-color:#fff;
}

/* .search-result-header-sticky > .search-result-view-switch-ctrl
------------------------- */
.search-result-header-sticky .search-result-view-switch-ctrl{
margin-bottom:0;
display:none;
}

.search-result-header-sticky.is-sticky .search-result-view-switch-ctrl{
display:-webkit-box;
display:flex;
}

/* .search-result-view-switch-hidden
----------------------------------------------- */
.search-result-view-switch-hidden{
display:none !important;
}




/* ----------------------------------------------------------------
  .search-result-item
----------------------------------------------------------------- */
/* .search-result-item
----------------------------------------------- */
.search-result .search-result-item{
padding:12px;
border-radius:6px;
line-height:1.42;
position:relative;
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
font-size:12px;
}

.search-result .search-result-item + .search-result-item,
.search-result .act_ad_manage + .search-result-item{
margin-top:12px;
}


/* ----------------------------------------------------------------
  .search-result-item-header
----------------------------------------------------------------- */
/* .search-result-item-header
----------------------------------------------- */
.search-result .search-result-item-header{
display:grid;
grid-template-columns:108px 1fr;
grid-template-rows:auto auto;
-webkit-column-gap:12px;
column-gap:12px;
}

/* .search-result-item-header-basic
----------------------------------------------- */
.search-result .search-result-item-header-basic{
grid-column:2 / 3;
grid-row:1 / 2;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
min-width:0;
}

/* .search-result-item-header-basic-hdg
----------------------------------------------- */
.search-result .search-result-item-header-basic-hdg{
line-height:1.35;
font-weight:normal;
font-size:16px;
}

/* .search-result-item-header-basic-list
----------------------------------------------- */
.search-result .search-result-item-header-basic-list{
margin:0;
}

.search-result .search-result-item-header-basic-list > li{
margin-top:8px;
}

.search-result .search-result-item-header-basic-list > li > span{
display:block;
}

.search-result .search-result-item-header-basic-list > li a{
color:var(--cmn-font-color-base);
}

.search-result .search-result-item-header-basic-list .area{
padding-left:14px;
background:url(/element_sp/j_hotel/shared/images/icon-map.svg) 0 2px no-repeat;
background-size:9px auto;
}

/* .search-result-item-header-basic-bottom
----------------------------------------------- */
.search-result .search-result-item-header-basic-bottom{
margin-top:auto;
}

/* .search-result-item-header-link
----------------------------------------------- */
.search-result .search-result-item-header-link{
margin-top:4px;
text-align:right;
}

/* .search-result-item-header-toggle-hook
----------------------------------------------- */
.search-result .search-result-item-header-toggle-hook{
margin:8px 0 0 auto;
padding:0 0 0 10px;
border:none;
display:block;
font-size:12px;
background:url(/element_sp/j_hotel/shared/images/icon-arrow-01-down.svg) no-repeat 0 50%;
background-size:8px auto;
}

.search-result .search-result-item-header-toggle-hook.is-active{
background-image:url(/element_sp/j_hotel/shared/images/icon-arrow-01-up.svg);
}

/* .search-result-item-header-toggle-detail
----------------------------------------------- */
.search-result .search-result-item-header-toggle-detail{
margin-top:8px;
grid-column:1 / 3;
grid-row:2 / 3;
display:none;
line-height:1.5;
}

.search-result .search-result-item-header-toggle-detail > :first-child{
margin-top:0;
}

.search-result .search-result-item-header-toggle-detail p{
margin:8px 0 0;
}

.search-result .search-result-item-header-toggle-detail.is-active{
display:block;
}

/* .search-result-item-header-thumb
----------------------------------------------- */
.search-result .search-result-item-header-thumb{
margin:-12px 0 0 -12px;
border-top-left-radius:6px;
border-bottom-right-radius:6px;
grid-column:1 / 2;
grid-row:1 / 2;
position:relative;
overflow:hidden;
height:156px;
box-sizing:border-box;
}

.search-result .search-result-item-header-thumb::before{
content:'';
display:block;
width:100%;
height:30px;
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;
}

.search-result .search-result-item-header-thumb img{
width:100%;
height:100%;
object-fit:cover;
}

.search-result .search-result-item-header-thumb a,
.search-result .search-result-item-header-thumb span{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
left:6px;
bottom:4px;
font-size:10px;
z-index:1;
}

.search-result .search-result-item-header-thumb .favorite button{
padding:0;
color:rgba(0,0,0,0);
border:none;
display:block;
width:25px;
height:23px;
overflow:hidden;
position:absolute;
top:2px;
left:4px;
z-index:1;
background:transparent url(/element_sp/j_hotel/shared/images/icon-favorite.png) no-repeat 50% 50%;
background-size:contain;
}

.search-result .search-result-item-header-thumb .favorite.is-active button{
background-image:url(/element_sp/j_hotel/shared/images/icon-favorite-active.png);
}

.search-result .search-result-item-header-thumb .gallery{
padding:2px 18px 2px 3px;
border:none;
border-radius:3px;
color:#fff;
display:block;
overflow:hidden;
position:absolute;
top:6px;
right:6px;
z-index:1;
min-height:20px;
min-width:40px;
background:rgba(0,0,0,.45) url(/element_sp/j_hotel/shared/images/icon-gallery-wht.svg) no-repeat 88% 50%;
background-size:10px auto;
font-size:10px;
text-align:center;
}

.search-result .search-result-item-header-thumb .gallery > span{
height:0;
overflow:hidden;
position:absolute;
}

/* .search-result-item-header-thumb.no-photo
----------------------------------------------- */
.search-result .search-result-item-header-thumb.no-photo{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#eee;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background-color:#fcfcfc;
}

.search-result .search-result-item-header-thumb.no-photo::before{
display:none;
}

.search-result .search-result-item-header-thumb.no-photo img{
display:block;
width:90px;
height:auto;
}


/* ----------------------------------------------------------------
  .search-result-item-plan
----------------------------------------------------------------- */
/* .search-result-item-plan
----------------------------------------------- */
.search-result .search-result-item-plan{
margin:8px 0 12px;
padding-top:8px;
border-top:1px solid #ebebeb;
}

/* .search-result-item-plan-name
----------------------------------------------- */
.search-result .search-result-item-plan-name{
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
font-size:14px;
}

/* .search-result-item-plan-detail
----------------------------------------------- */
.search-result .search-result-item-plan-detail{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.search-result .search-result-item-plan-detail > div{
margin-right:8px;
-webkit-box-flex:1;
flex:1;
}

.search-result .search-result-item-plan-detail > span button{
margin:0;
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:70px;
height:20px;
background-color:#fff;
font-size:12px;
}

/* .search-result-item-plan-detail-list
----------------------------------------------- */
.search-result .search-result-item-plan-detail-list{
margin:0;
}

.search-result .search-result-item-plan-detail-list > li{
margin-top:6px;
display:inline-block;
}

.search-result .search-result-item-plan-detail-list > li::after{
margin:0 4px;
content:'/';
display:inline-block;
}

.search-result .search-result-item-plan-detail-list > li:last-child::after{
display:none;
}

.search-result .search-result-item-plan-detail-list > li:first-child:last-child::after{
display:inline-block;
}


/* ----------------------------------------------------------------
  .search-result-item-price
----------------------------------------------------------------- */
/* .search-result-item-price
----------------------------------------------- */
.search-result .search-result-item-price{
margin-top:12px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}

/* .search-result-item-price-detail
----------------------------------------------- */
.search-result .search-result-item-price-detail{
-webkit-box-flex:1;
flex:1;
}

.search-result .search-result-item-price-detail > span{
display:block;
}

.search-result .search-result-item-price-detail .sum{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.search-result .search-result-item-price-detail .sum > span > span{
display:inline-block;
}

.search-result .search-result-item-price-detail .sum > span > span:first-child{
margin-right:5px;
}

.search-result .search-result-item-price-detail .sum b{
font-size:18px;
}

.search-result .search-result-item-price-detail .sum button{
margin-left:4px;
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:36px;
height:22px;
background-color:#fff;
font-size:12px;
}

.search-result .search-result-item-price-detail .sup > span{
margin-top:2px;
display:inline-block;
}

/* .search-result-item-header-basic-bottom > .search-result-item-price-detail
----------------------------------------------- */
.search-result-item-header-basic-bottom .search-result-item-price-detail:not(:has(+ .search-result-item-price-cv)){
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-direction:row-reverse;
}

.search-result-item-header-basic-bottom .search-result-item-price-detail:not(:has(+ .search-result-item-price-cv)) > .sum{
flex:none;
}

.search-result-item-header-basic-bottom .search-result-item-price-detail:not(:has(+ .search-result-item-price-cv)) > .sum > span > span{
margin:0;
}

.search-result-item-header-basic-bottom .search-result-item-price-detail:not(:has(+ .search-result-item-price-cv)) > span:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .search-result-item-price-cv
----------------------------------------------- */
.search-result .search-result-item-price-cv{
margin-left:4px;
}

.search-result .search-result-item-price-cv > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.search-result .search-result-item-price-cv > div > div > span{
display:block;
line-height:1.25;
text-align:right;
}

.search-result .search-result-item-price-cv > div > a{
margin-left:4px;
color:#fff;
border-radius:4px;
width:70px;
height:36px;
background-color:var(--cmn-btn-color);
font-size:14px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

/* .search-result-item-header-basic-bottom > .search-result-item-price-cv
----------------------------------------------- */
.search-result-item-header-basic-bottom .search-result-item-price-cv > div{
-webkit-box-align:end;
align-items:flex-end;
flex-direction:column-reverse;
gap:4px;
}

.search-result-item-header-basic-bottom .search-result-item-price-cv > div > div >span{
display: inline;
}

/* .search-result-item-price-sup
----------------------------------------------- */
.search-result .search-result-item-price-sup{
width:100%;
}

.search-result .search-result-item-price-sup > span{
margin-top:2px;
display:inline-block;
}

.search-result .search-result-item-price-sup > span:not(:last-child):after{
margin:0 4px;
content:'/';
display:inline-block;
}


/* ----------------------------------------------------------------
  .search-result-item-error
----------------------------------------------------------------- */
/* .search-result-item-error
----------------------------------------------- */
.search-result .search-result-item-error{
margin:8px 0 12px;
padding-top:12px;
border-top:1px solid #ebebeb;
text-align:center;
}

.search-result .search-result-item-error span{
display:inline-block;
}


/* ----------------------------------------------------------------
  .search-result-item-footer
----------------------------------------------------------------- */
/* .search-result-item-footer
----------------------------------------------- */
.search-result .search-result-item-footer{
margin-top:8px;
padding-top:12px;
border-top:1px solid #ebebeb;
text-align:center;
}

/* .search-result-item-footer-btn
----------------------------------------------- */
.search-result .search-result-item-footer-btn{
font-size:14px;
}

/* .search-result-item-footer-sup
----------------------------------------------- */
.search-result .search-result-item-footer-sup{
margin-top:4px;
}


/* ----------------------------------------------------------------
  .detail-header
----------------------------------------------------------------- */
/* .detail-header
----------------------------------------------- */
.detail-header{
position:relative;
line-height:1.42;
font-size:12px;
}

/* .detail-header-inner
----------------------------------------------- */
.detail-header .detail-header-inner{
margin-top:12px;
position:relative;
}

/* .detail-header-hdg
----------------------------------------------- */
.detail-header .detail-header-hdg{
margin-right:30px;
line-height:1.35;
font-size:18px;
font-weight:normal;
}

/* .detail-header-sup
----------------------------------------------- */
.detail-header .detail-header-sup{
margin:0 30px 8px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 4px;
font-weight:normal;
font-size:14px;
}

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

/* .detail-header-basic-list
----------------------------------------------- */
.detail-header .detail-header-basic-list{
margin:8px 30px 0 0;
}

.detail-header .detail-header-basic-list > li{
margin-top:6px;
}

.detail-header .detail-header-basic-list > li > span:not([class]){
display:block;
}

.detail-header .detail-header-basic-list > li a{
color:var(--cmn-font-color-base);
}

.detail-header .detail-header-basic-list .area{
padding-left:14px;
display:block;
background:url(/element_sp/j_hotel/shared/images/icon-map.svg) 0 2px no-repeat;
background-size:9px auto;
}

.detail-header .detail-header-basic-list .price-range{
padding-left:14px;
background:url(/element_sp/j_hotel/shared/images/icon-yen.svg) 0 2px no-repeat;
background-size:11px;
}

.detail-header .detail-header-basic-list .hours{
padding-left:14px;
background:url(/element_sp/j_hotel/shared/images/icon-hours.svg) 0 2px no-repeat;
background-size:11px;
}

/* .detail-header-toggle
----------------------------------------------- */
.detail-header .detail-header-toggle{
margin-top:12px;
}

/* .detail-header-toggle-hook
----------------------------------------------- */
.detail-header .detail-header-toggle-hook{
line-height:1.5;
}

.detail-header .detail-header-toggle[aria-expanded="true"] .detail-header-toggle-hook{
display:none;
}

/* .detail-header-toggle-hook-text
----------------------------------------------- */
.detail-header .detail-header-toggle-hook-text{
padding:0 0 0 1.2em;
border:none;
color:#a4a4a4;
line-height:1.5;
display:inline-block;
position:relative;
background:none;
font-weight:normal;
font-size:12px;
}

.detail-header .detail-header-toggle-hook-text::after{
content:'...';
color:var(--cmn-font-color-base);
display:block;
position:absolute;
bottom:0;
left:0;
}

/* .detail-header-toggle-content-btn-close
----------------------------------------------- */
.detail-header .detail-header-toggle-content{
display:none;
line-height:1.5;
}

.detail-header .detail-header-toggle[aria-expanded="true"] .detail-header-toggle-content{
display:block;
}

/* .detail-header-toggle-content-btn-close
----------------------------------------------- */
.detail-header .detail-header-toggle-content-btn-close{
margin:0 0 0 auto;
padding:0 0 0 12px;
border:none;
display:table;
background:url(/element_sp/j_hotel/shared/images/icon-arrow-01-up.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:12px;
}

/* .detail-header-btn-list
----------------------------------------------- */
.detail-header .detail-header-btn-list{
margin:0;
position:absolute;
top:2px;
right:0;
}

.detail-header .detail-header-btn-list > li{
margin:0 auto 12px;
width:19px;
}

.detail-header .detail-header-btn-list button{
margin:0 auto;
padding:0;
border:none;
display:block;
color:rgba(0,0,0,0);
width:19px;
height:17px;
overflow:hidden;
}

.detail-header .detail-header-btn-list .favorite button{
background:url(/element_sp/j_hotel/shared/images/icon-favorite.svg) no-repeat 0 0;
}

.detail-header .detail-header-btn-list .favorite.is-active button{
background-image:url(/element_sp/j_hotel/shared/images/icon-favorite-active.svg);
}

.detail-header .detail-header-btn-list .share button{
width:16px;
height:20px;
background:url(/element_sp/j_hotel/shared/images/icon-share.svg) no-repeat 0 0;
}


/* ----------------------------------------------------------------
  .detail
----------------------------------------------------------------- */
/* .detail-bg
----------------------------------------------- */
.detail-bg{
margin:-10px -10px 0;
padding:0 10px;
overflow:hidden;
background:#2a2a2a url(/element_sp/shared/images/frame/bg-secondary.jpg) repeat 0 0;
background-size:100% auto;
}

/* .detail-bg-hdg
----------------------------------------------- */
.detail-bg-hdg{
padding:8px 0;
color:#fff;
border-bottom:1px solid #000;
font-size:14px;
}

/* .detail
----------------------------------------------- */
.detail{
line-height:1.42;
font-size:12px;
}

main .detail .is-hidden{
display:none;
}

/* .detail-list
----------------------------------------------- */
.detail .detail-list{
margin:8px -10px 0;
padding:0 10px 8px;
box-shadow:0 4px 4px rgba(0,0,0,.2);
position:relative;
z-index:1;
display:-webkit-box;
display:flex;
}

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

.detail .detail-list button{
padding:12px 0 6px;
border:none;
border-bottom:2px solid transparent;
line-height:1;
background-color:transparent;
font-size:14px;
}

.detail .detail-list button[aria-selected="true"]{
border-bottom-color:var(--cmn-font-color-base);
}

.detail .detail-list .photo{
padding-top:8px;
}

.detail .detail-list .photo h2{
border:1px solid #bbb;
border-radius:3px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:44px;
height:22px;
line-height:1;
font-size:12px;
font-weight:normal;
}

.detail .detail-list > li.dp{
margin-left:0;
-webkit-box-flex:1;
flex:1;
text-align:right;
}

.detail .detail-list > li.dp button{
padding-left:16px;
position:relative;
font-size:12px;
}

.detail .detail-list > li.dp button::before{
content:'';
display:block;
width:1px;
height:20px;
overflow:hidden;
position:absolute;
top:10px;
left:0;
background-color:#ccc;
}

/* .detail-sticky.is-sticky > .detail-list
------------------------- */
.detail-sticky.is-sticky .detail-list{
margin:0;
padding-bottom:0;
box-shadow:none;
}

/* Media Queries
--------------------- */
@media screen and (max-width:374px){
.detail .detail-list > li:not(:first-child){
margin-left:10px;
}
.detail .detail-list > li.dp button{
padding-left:10px;
}
}

@media screen and (max-width:350px){
.detail .detail-list > li:not(:first-child){
margin-left:5px;
}

.detail .detail-list > li.dp button{
padding-left:5px;
}
}

/* .detail-content
----------------------------------------------- */
.detail .detail-content{
margin:0 -10px -10px;
padding:0 10px 10px;
background-color:#f5f5f5;
display:none;
}

.detail .detail-content.is-active{
display:block;
}

/* .detail-content-hdg
----------------------------------------------- */
.detail .detail-content-hdg{
margin:6px 0 12px;
line-height:1;
font-size:18px;
font-weight:normal;
}

.detail .detail-plan-header .detail-content-hdg{
color:#fff;
}

/* .detail-content-inner
----------------------------------------------- */
.detail .detail-content-inner{
margin:0 -10px;
padding:12px 8px 36px;
min-height:350px;
}

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

.detail .detail-content-inner > .detail-content-panel:first-child{
margin-top:0;
}

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


/* ----------------------------------------------------------------
  .detail-sticky
----------------------------------------------------------------- */
/* .detail-sticky
----------------------------------------------- */
.detail .detail-sticky.is-sticky{
position:fixed;
top:0;
left:0;
z-index:3;
width:100%;
box-shadow:0 2px 6px rgba(0,0,0,.6);
background-color:#fff;
}

/* .detail-sticky-btn
----------------------------------------------- */
.detail .detail-sticky-btn{
margin:12px auto 0;
padding:0 0 0 20px;
border:none;
display:block;
background:url(/element/j_hotel/shared/images/icon-arrow-up.svg) no-repeat 0 50%;
background-size:14px auto;
font-size:14px;
}

/* .detail-sticky-hotel-name
----------------------------------------------- */
.detail .detail-sticky-hotel-name{
padding:10px 0 0;
display:none;
font-size:14px;
}

.detail .detail-sticky.is-sticky .detail-sticky-hotel-name{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.detail .detail-sticky-hotel-name > button{
margin:0 4px 0 0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:relative;
width:48px;
height:16px;
background: url(/element_sp/j_hotel/shared/images/icon-arrow-prev.svg) no-repeat 50% 0;
background-size:16px auto;
}

.detail .detail-sticky-hotel-name > button::before{
content:'';
display:block;
width:1px;
height:20px;
overflow:hidden;
position:absolute;
top:-2px;
right:0;
background-color:#000;
}

.detail .detail-sticky-hotel-name > span{
margin-left:8px;
-webkit-box-flex:1;
flex:1;
}

/* .detail-sticky-summary
----------------------------------------------- */
.detail .detail-sticky-summary{
padding:4px 8px 8px;
display:none;
}

.detail .detail-sticky.is-sticky .detail-sticky-summary{
margin-top:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.detail .detail-sticky.is-sticky.is-active .detail-sticky-summary{
display:none;
}

/* .detail-sticky-summary-btn
----------------------------------------------- */
.detail .detail-sticky-summary-btn{
-webkit-box-flex:1;
flex:1;
overflow:hidden;
}

.detail .detail-sticky-summary-btn button{
padding:0 12px;
border:1px solid #ccc;
border-radius:4px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:44px;
width:100%;
background:#fff url(/element/j_hotel/shared/images/icon-arrow-down.svg) no-repeat calc(100% - 12px) 50%;
background-size:12px auto;
text-align:left;
font-size:12px;
}

.detail .detail-sticky-summary-btn button > span{
white-space:nowrap;
}

.detail .detail-sticky-summary-btn button > span:first-child{
margin-right:5px;
overflow:hidden;
text-overflow:ellipsis;
}

/* .detail-sticky-summary-rating
----------------------------------------------- */
.detail .detail-sticky-summary-rating{
width:104px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
line-height:1;
}

.detail .detail-sticky-summary-rating > span{
margin-right:8px;
white-space:nowrap;
}

/* .detail-sticky-summary-rating-num
----------------------------------------------- */
.detail .detail-sticky-summary-rating-num{
margin-left:-4px;
font-size:14px;
}

/* .detail-sticky-summary-rating-sup
----------------------------------------------- */
.detail .detail-sticky-summary-rating-sup{
margin-top:4px;
display:block;
}

/* .detail-sticky-detail
----------------------------------------------- */
.detail .detail-sticky-detail{
padding:10px;
display:none;
background-color:#fff;
}

.detail .detail-sticky.is-sticky.is-active .detail-sticky-detail{
display:block;
}

.detail .detail-sticky-detail > :first-child{
margin-top:0;
}


/* ----------------------------------------------------------------
  .detail-hotel
----------------------------------------------------------------- */
/* .detail-hotel-hdg
----------------------------------------------- */
.detail-hotel .detail-hotel-hdg{
margin-bottom:8px;
padding-bottom:8px;
border-bottom:1px solid #ebebeb;
font-size:18px;
font-weight:normal;
}

.detail-hotel .detail-hotel-hdg:has(+ .detail-hotel-cheapest){
padding-bottom:0;
border-bottom:none;
}

/* .detail-hotel-hdg-01
----------------------------------------------- */
.detail-hotel .detail-hotel-hdg-01{
margin:12px 0 8px;
padding-top:12px;
border-top:1px solid #ebebeb;
}

.detail-hotel-hdg + .detail-hotel-hdg-01,
.detail-hotel-carousel + .detail-hotel-hdg-01{
padding-top:0;
border-top:none;
}

/* .detail-hotel-list-bullet
----------------------------------------------- */
.detail-hotel ul.detail-hotel-list-bullet{
margin-bottom:4px;
}

.detail-hotel ul.detail-hotel-list-bullet > li{
padding-left:9px;
position:relative;
}

.detail-hotel ul.detail-hotel-list-bullet > li:not(:first-child){
margin-top:12px;
}

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

.detail-hotel ul.detail-hotel-list-bullet.column-2{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:4px 8px;
}

.detail-hotel ul.detail-hotel-list-bullet.column-2 > li{
box-sizing:border-box;
width:calc(50% - 4px);
}

.detail-hotel ul.detail-hotel-list-bullet.column-2 > li:not(:first-child){
margin-top:0;
}

/* .detail-hotel-list-separate
----------------------------------------------- */
.detail-hotel .detail-hotel-list-separate{
margin:0;
}

.detail-hotel .detail-hotel-list-separate > li{
display:-webkit-box;
display:flex;
}

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

.detail-hotel .detail-hotel-list-separate > li > div:first-child{
margin-right:12px;
width:5.25em;
box-sizing:border-box;
}

.detail-hotel .detail-hotel-list-separate > li > div:first-child > span{
display:block;
}

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

.detail-hotel .detail-hotel-list-separate ul,
.detail-hotel .detail-hotel-list-separate p{
margin:0;
}

.detail-hotel .detail-hotel-list-separate ul + p{
margin:4px 0 0;
}

/* .detail-hotel-list-separate.separate-wide
--------------------------- */
.detail-hotel .detail-hotel-list-separate.separate-wide > li > div:first-child{
width:6.5em;
}

/* .detail-hotel-list-separate-hdg
----------------------------------------------- */
.detail-hotel .detail-hotel-list-separate-hdg{
position:relative;
font-weight:normal;
}

.detail-hotel .detail-hotel-list-separate-hdg:not(:first-of-type){
margin-top:4px;
}

.detail-hotel .detail-hotel-list-separate-hdg::before,
.detail-hotel .detail-hotel-list-separate-hdg::after{
margin:-4px 4px 0 0;
content:'';
display:inline-block;
width:10px;
height:0;
vertical-align:middle;
border-bottom:1px dashed #949494;
overflow:hidden;
}

.detail-hotel .detail-hotel-list-separate-hdg::after{
margin:-4px 0 0 4px;
}

/* .detail-hotel-list-separate-01
----------------------------------------------- */
.detail-hotel .detail-hotel-list-separate-01 > li{
margin-top:-1px;
border:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.detail-hotel .detail-hotel-list-separate-01 > li > div{
padding:2px 8px;
}

.detail-hotel .detail-hotel-list-separate-01 > li > div:first-child{
border-right:1px solid #ddd;
width:6em;
}

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

/* .detail-hotel-list-separate-colon
----------------------------------------------- */
.detail-hotel .detail-hotel-list-separate-colon > li{
display:-webkit-box;
display:flex;
}

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

.detail-hotel .detail-hotel-list-separate-colon > li > div:first-child{
padding-right:calc(1em + 6px);
width:5em;
position:relative;
}

.detail-hotel .detail-hotel-list-separate-colon > li > div:first-child::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:4px;
}

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

/* .detail-hotel-list-separate > .detail-hotel-list-separate-colon
--------------------------- */
.detail-hotel-list-separate .detail-hotel-list-separate-colon > li:not(:first-child){
margin-top:4px;
}

/* .detail-hotel-carousel
----------------------------------------------- */
.detail-hotel .detail-hotel-carousel{
margin:12px 0;
position:relative;
}

.detail-hotel .detail-hotel-carousel::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,.1) 20%, rgba(0,0,0,.4) 60%, rgba(0,0,0,.7) 100%);
z-index:2;
}

.detail-hotel .detail-hotel-carousel.no-photo::before{
display:none;
}

.detail-hotel-room-item .detail-hotel-carousel{
margin:0 0 8px;
}

/* .detail-hotel-carousel-list
----------------------------------------------- */
.detail-hotel .detail-hotel-carousel-list{
margin:0;
}

.detail-hotel .detail-hotel-carousel-list > li{
aspect-ratio:335 / 200;
height:auto;
}

.detail-hotel .detail-hotel-carousel-list img{
width:100%;
height:100%;
object-fit:cover;
vertical-align:bottom;
}

.detail-hotel-carousel.no-photo .detail-hotel-carousel-list > li,
.detail-hotel-carousel .detail-hotel-carousel-list > li.no-photo{
position:relative;
box-shadow:0 0 0 1px #eee inset;
background-color:#fcfcfc;
}

.detail-hotel-carousel.no-photo .detail-hotel-carousel-list > li img,
.detail-hotel-carousel .detail-hotel-carousel-list > li.no-photo img{
margin:auto;
position:absolute;
inset:0;
width:100px;
height:100px;
}

/* .detail-hotel-carousel-gallery-btn
----------------------------------------------- */
.detail-hotel .detail-hotel-carousel-gallery-btn{
padding:3px 28px 2px 8px;
border:none;
border-radius:3px;
color:#fff;
overflow:hidden;
position:absolute;
bottom:6px;
right:8px;
z-index:2;
min-height:22px;
min-width:50px;
background:rgba(0,0,0,.45) url(/element_sp/j_hotel/shared/images/icon-gallery-wht.svg) no-repeat calc(100% - 8px) 50%;
background-size:11px auto;
font-size:12px;
text-align:center;
}

.detail-hotel-carousel-gallery-btn > span{
height:0;
overflow:hidden;
position:absolute;
}

/* .detail-hotel-carousel-agt
----------------------------------------------- */
.detail-hotel .detail-hotel-carousel-agt{
max-width:38%;
position:absolute;
bottom:6px;
left:8px;
color:rgba(255,255,255,.7);
font-size:10px;
z-index:2;
}

/* .detail-hotel-carousel-pagination
----------------------------------------------- */
.detail-hotel .detail-hotel-carousel-pagination{
margin:0;
position:absolute;
bottom:6px;
left:45%;
height:8px;
z-index:2;
}

.detail-hotel .detail-hotel-carousel-pagination > div{
margin:auto;
border-radius:50%;
width:4px;
height:4px;
position:absolute;
left:0;
right:0;
transition:.3s ease-in-out;
background-color:rgba(255,255,255,.6);
}

.detail-hotel .detail-hotel-carousel-pagination > .is-active{
background-color:rgba(255,255,255,.9);
}

/* .detail-hotel-cheapest
----------------------------------------------- */
.detail-hotel .detail-hotel-cheapest{
font-size:14px;
}

.detail-hotel .detail-hotel-cheapest .is-hidden{
display:none;
}

/* .detail-hotel-cheapest-hdg
----------------------------------------------- */
.detail-hotel .detail-hotel-cheapest-hdg{
font-weight:normal;
}

/* .detail-hotel-cheapest-graph
----------------------------------------------- */
.detail-hotel .detail-hotel-cheapest-graph{
margin:16px 0 24px;
aspect-ratio:335 / 128;
height:auto;
}

/* .detail-hotel-cheapest-graph-tip
----------------------------------------------- */
.detail-hotel-cheapest-graph-tip{
border-radius:4px;
position:absolute;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-shadow:0 0 3px rgba(0,0,0,.4);
background-color: #f6f6f6;
line-height:1;
font-size:12px;
}

.detail-hotel-cheapest-graph-tip::after{
content:'';
border-radius:0 0 5px 5px;
display:block;
width:100%;
height:8px;
position:absolute;
bottom:0;
left:0;
background-color:#f6f6f6;
}

.detail-hotel-cheapest-graph-tip > span:not([role="presentation"]){
padding:4px;
-webkit-box-flex:1;
flex:1;
position:relative;
z-index:1;
white-space:nowrap;
}

.detail-hotel-cheapest-graph-tip > button{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:18px;
height:24px;
overflow:hidden;
background:url(/element_sp/j_hotel/shared/images/icon-close.svg) no-repeat calc(100% - 8px) 50%;
background-size:8px;
text-indent:-100px;
}

/* .detail-hotel-cheapest-graph-tip-arrow
----------------------------------------------- */
.detail-hotel-cheapest-graph-tip .detail-hotel-cheapest-graph-tip-arrow{
display:block;
width:10px;
height:10px;
transform:rotate(-45deg);
position:absolute;
bottom:-5px;
left:calc(50% - 5px);
box-shadow:-1px 1px 2px rgba(0,0,0,.2);
background-color:#f6f6f6;
}

/* .detail-hotel-cheapest-data
----------------------------------------------- */
.detail-hotel-cheapest-data{
margin-bottom:12px;
}

/* .detail-hotel-cheapest-data-form
----------------------------------------------- */
.detail-hotel .detail-hotel-cheapest-data-form{
margin-bottom:14px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 12px;
}

.detail-hotel .detail-hotel-cheapest-data-form > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 4px
}

.detail-hotel .detail-hotel-cheapest-data-form > li > label{
-webkit-box-flex:1;
flex:1;
cursor:pointer;
}

/* .detail-hotel-cheapest-data-tab
----------------------------------------------- */
.detail-hotel .detail-hotel-cheapest-data-tab{
margin:0 -12px 16px;
overflow:hidden;
}

.detail-hotel .detail-hotel-cheapest-data-tab > ul{
margin:0;
padding:0 12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
overflow-x:auto;
overflow-y:hidden;
gap:0 20px;
}

.detail-hotel .detail-hotel-cheapest-data-tab > ul::-webkit-scrollbar{
display:none;
}

.detail-hotel .detail-hotel-cheapest-data-tab > ul > li{
min-width:32px;
}

.detail-hotel .detail-hotel-cheapest-data-tab button{
padding:0 0 4px;
border:none;
border-bottom:2px solid transparent;
width:100%;
background:none;
font-size:14px;
}

.detail-hotel .detail-hotel-cheapest-data-tab button.is-active{
border-bottom-color:var(--cmn-font-color-base);
}

.detail-hotel .detail-hotel-cheapest-data-tab button:disabled{
opacity:.33;
}

/* .detail-hotel-cheapest-data-tbl
----------------------------------------------- */
.detail-hotel .detail-hotel-cheapest-data-tbl table{
margin:0;
border-collapse:collapse;
border-spacing:0;
width:100%;
table-layout:fixed;
text-align:right;
}

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

.detail-hotel .detail-hotel-cheapest-data-tbl table th,
.detail-hotel .detail-hotel-cheapest-data-tbl table td{
padding:12px 0;
border-bottom:1px solid #e5e5e5;
font-weight:normal;
}

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

.detail-hotel .detail-hotel-cheapest-data-tbl table thead th{
padding:0 0 8px;
}

.detail-hotel .detail-hotel-cheapest-data-tbl table tbody th{
text-align:left;
}

.detail-hotel .detail-hotel-cheapest-data-tbl table td.unset > span{
text-align:center;
}

/* table[aria-labelledby] > caption
------------------------------- */
.detail-hotel .detail-hotel-cheapest-data-tbl table[aria-labelledby] caption{
padding-bottom:8px;
border-bottom:1px solid #ddd;
height:auto;
position:static;
text-align:left;
}

.detail-hotel .detail-hotel-cheapest-data-tbl table[aria-labelledby] caption > span:first-child{
height:0;
overflow:hidden;
position:absolute;
}

/* .detail-hotel-cheapest-data-tbl.branch
----------------------------------------------- */
.detail-hotel .detail-hotel-cheapest-data-tbl.branch table{
text-align:center;
table-layout:fixed;
}

.detail-hotel .detail-hotel-cheapest-data-tbl.branch thead > tr > th:first-child{
width:5em;
}

.detail-hotel .detail-hotel-cheapest-data-tbl.branch thead > tr > th:last-child{
width:auto;
}

.detail-hotel .detail-hotel-cheapest-data-tbl.branch table tbody td{
font-size:12px;
}

/* .detail-hotel-cheapest-data-tbl-btn
----------------------------------------------- */
.detail-hotel .detail-hotel-cheapest-data-tbl-btn{
margin-top:12px;
}

.detail-hotel .detail-hotel-cheapest-data-tbl-btn button{
margin: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 50% no-repeat;
background-size:9px auto;
font-size:14px;
}

.detail-hotel .detail-hotel-cheapest-data-tbl-btn.is-active button{
background-image: url(/element/j_hotel/shared/images/icon-arrow-up.svg);
}

/* .detail-hotel-cheapest-sup
----------------------------------------------- */
.detail-hotel-cheapest-sup{
text-align:right;
}

p + .detail-hotel-cheapest-sup,
.notice-list + .detail-hotel-cheapest-sup{
margin-top:12px;
}

/* .detail-hotel-cheapest-btn
----------------------------------------------- */
.detail-hotel-cheapest-btn{
margin:8px auto 0;
padding:8px 12px;
border:1px solid #bbb;
border-radius:4px;
box-sizing:border-box;
color:var(--cmn-font-color-base);
display:block;
width:fit-content;
min-width:225px;
text-decoration:none;
text-align:center;
}

/* .detail-hotel-room-inner
----------------------------------------------- */
.detail-hotel .detail-hotel-room-inner > :first-child{
margin-top:0;
}

.detail-hotel .detail-hotel-room-inner > :nth-child(n+3){
display:none;
}

.detail-hotel-room.is-active .detail-hotel-room-inner > :nth-child(n+3){
display:block;
}

/* .detail-hotel-room-item
----------------------------------------------- */
.detail-hotel-room-item{
margin-top:16px;
}

.detail-hotel .detail-hotel-room-item .data > span{
display:block;
}

.detail-hotel .detail-hotel-room-item .data > ul{
margin:4px 0 0;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:4px 16px;
overflow:hidden;
line-height:1;
}

.detail-hotel .detail-hotel-room-item .data > ul > li{
margin-left:-8px;
padding-left:8px;
position:relative;
}

.detail-hotel .detail-hotel-room-item .data > ul > li::before{
content:'/';
position: absolute;
top:-1px;
left:-2px;
}

.detail-hotel .detail-hotel-room-item .data > a{
margin:8px 0 0 auto;
display:block;
width:fit-content;
}

/* .detail-item-room-btn
----------------------------------------------- */
.detail-hotel .detail-hotel-room-btn{
margin-top:12px;
padding:12px 0 0;
border:none;
border-top:1px solid #ddd;
width:100%;
background:none;
font-size:14px;
}

.detail-hotel .detail-hotel-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-hotel-room.is-active .detail-hotel-room-btn > span{
background-image:url(/element/j_hotel/shared/images/icon-arrow-up.svg);
}

/* .detail-hotel-map
----------------------------------------------- */
.detail-hotel .detail-hotel-map{
margin:4px 0 8px;
}

/* .detail-hotel-map-view
----------------------------------------------- */
.detail-hotel .detail-hotel-map-view{
height:200px;
overflow:hidden;
}

/* .detail-hotel-map-btn
----------------------------------------------- */
.detail-hotel .detail-hotel-map-btn{
margin:8px 0 0 auto;
padding:9px 24px 7px 8px;
border:1px solid #bbb;
border-radius:3px;
color:var(--cmn-font-color-base);
position:relative;
display:table;
line-height:1;
font-size:12px;
}

.detail-hotel .detail-hotel-map-btn > span{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
right:8px;
}


/* ----------------------------------------------------------------
  .detail-plan
----------------------------------------------------------------- */
/* .detail-plan-header
----------------------------------------------- */
.detail-plan-header{
margin:0 -10px;
padding:12px 10px 10px;
background-color:#666;
}

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

/* .detail-plan-sup
----------------------------------------------- */
.detail-plan .detail-plan-sup{
margin:18px 0 0;
}

.detail-plan .detail-plan-sup p{
margin:0;
}

.detail-plan-error + .detail-plan-sup{
margin:20px 0 -2px;
padding-top:16px;
border-top:1px solid #ddd;
}

/* .detail-plan-btn-more
----------------------------------------------- */
.detail-plan .detail-plan-btn-more{
margin:16px auto 0;
padding:0;
border:none;
display:block;
font-size:14px;
}


/* ----------------------------------------------------------------
  .detail-plan-item
----------------------------------------------------------------- */
/* .detail-plan-item-header
----------------------------------------------- */
.detail-plan .detail-plan-item-header{
margin-bottom:8px;
display:flex;
flex-direction:row-reverse;
}

.detail-plan .detail-plan-item-toggle .detail-plan-item-header{
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}

/* .detail-plan-item-header-hdg
----------------------------------------------- */
.detail-plan .detail-plan-item-header-hdg{
line-height:1.35;
flex:1;
font-weight:normal;
font-size:14px;
}

/* .detail-plan-item-header-thumb
----------------------------------------------- */
.detail-plan .detail-plan-item-header-thumb{
margin-right:12px;
position:relative;
width:130px;
height:100px;
overflow:hidden;
}

.detail-plan .detail-plan-item-header-thumb::before{
content:'';
display:block;
width:100%;
height:30px;
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;
}

.detail-plan .detail-plan-item-header-thumb img{
width:130px;
height:100px;
object-fit:cover;
}

.detail-plan .detail-plan-item-header-thumb > a,
.detail-plan .detail-plan-item-header-thumb > span{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
left:6px;
bottom:4px;
font-size:10px;
z-index:1;
}

.detail-plan .detail-plan-item-header-thumb .gallery{
padding:2px 18px 2px 3px;
border:none;
border-radius:3px;
color:#fff;
overflow:hidden;
position:absolute;
top:6px;
right:6px;
min-height:18px;
min-width:40px;
background:rgba(0,0,0,.45) url(/element_sp/j_hotel/shared/images/icon-gallery-wht.svg) no-repeat 88% 50%;
background-size:10px auto;
font-size:10px;
text-align:center;
}

.detail-plan .detail-plan-item-header-thumb .gallery > span{
height:0;
overflow:hidden;
position:absolute;
}

/* .detail-plan-item-detail
----------------------------------------------- */
.detail-plan .detail-plan-item-detail{
margin:-6px 0 12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.detail-plan .detail-plan-item-detail > div{
margin-right:8px;
-webkit-box-flex:1;
flex:1;
}

.detail-plan .detail-plan-item-detail > span button{
margin:0;
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:70px;
height:20px;
background-color:#fff;
font-size:12px;
}

/* .detail-plan-item-detail-list
----------------------------------------------- */
.detail-plan .detail-plan-item-detail-list{
margin:0;
}

.detail-plan .detail-plan-item-detail-list > li{
margin-top:6px;
display:inline-block;
}

.detail-plan .detail-plan-item-detail-list > li::after{
margin:0 4px;
content:'/';
display:inline-block;
}

.detail-plan .detail-plan-item-detail-list > li:last-child::after{
display:none;
}

.detail-plan .detail-plan-item-detail-list > li:first-child:last-child::after{
display:inline-block;
}

/* .detail-plan-item-price
----------------------------------------------- */
.detail-plan .detail-plan-item-price{
margin:12px 0 4px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}

/* .search-result-item-price-detail
----------------------------------------------- */
.detail-plan .detail-plan-item-price-detail{
-webkit-box-flex:1;
flex:1;
}

.detail-plan .detail-plan-item-price-detail > span{
display:block;
}

.detail-plan .detail-plan-item-price-detail .sum{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.detail-plan .detail-plan-item-price-detail .sum > span > span{
display:inline-block;
}

.detail-plan .detail-plan-item-price-detail .sum > span > span:first-child{
margin-right:5px;
}

.detail-plan .detail-plan-item-price-detail .sum b{
font-size:18px;
}

.detail-plan .detail-plan-item-price-detail .sum button{
margin-left:8px;
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:36px;
height:22px;
background-color:#fff;
font-size:12px;
}

/* .search-result-item-price-cv
----------------------------------------------- */
.detail-plan .detail-plan-item-price-cv{
margin-left:15px;
}

.detail-plan .detail-plan-item-price-cv > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.detail-plan .detail-plan-item-price-cv > div > div > span{
display:block;
line-height:1.25;
text-align:right;
}

.detail-plan .detail-plan-item-price-cv > div > a{
margin-left:4px;
color:#fff;
border-radius:4px;
width:70px;
height:36px;
background-color:var(--cmn-btn-color);
font-size:14px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

/* .detail-plan-item-price-sup
----------------------------------------------- */
.detail-plan .detail-plan-item-price-sup{
width:100%;
}

.detail-plan .detail-plan-item-price-sup > span{
margin-top:2px;
display:inline-block;
}

.detail-plan .detail-plan-item-price-sup > span:not(:last-child):after{
margin:0 4px;
content:'/';
display:inline-block;
}

/* .detail-plan-item-toggle-hook
----------------------------------------------- */
.detail-plan .detail-plan-item-toggle-hook{
margin-top:12px;
border-top:1px solid #ddd;
text-align:center;
}

.detail-plan .detail-plan-item-toggle-hook > button{
margin:0 0 -12px;
padding:12px 4px 12px 12px;
border:none;
min-height:30px;
background:url(/element_sp/j_hotel/shared/images/icon-arrow-01-down.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:12px;
}

.detail-plan .detail-plan-item-toggle[aria-expanded="true"] .detail-plan-item-toggle-hook > button{
background-image:url(/element_sp/j_hotel/shared/images/icon-arrow-01-up.svg);
}

/* .detail-plan-item-toggle-content
----------------------------------------------- */
.detail-plan .detail-plan-item-toggle-content{
display:none;
}

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


/* ----------------------------------------------------------------
  .detail-review-rating
----------------------------------------------------------------- */
/* .detail-review-rating
----------------------------------------------- */
.detail-review .detail-review-rating{
margin-top:4px;
}

/* .detail-review-rating-overall
----------------------------------------------- */
.detail-review .detail-review-rating-overall{
margin-bottom:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
}

.detail-review .detail-review-rating-overall > span{
margin-right:4px;
}

/* .detail-review-rating-overall > .icon-r-face
----------------------------------------------- */
.detail-review-rating-overall .icon-r-face span{
width:72px;
}

/* .detail-review-rating-overall-num
----------------------------------------------- */
.detail-review .detail-review-rating-overall-num{
font-size:14px;
}

/* .detail-review-rating-scroll
----------------------------------------------- */
.detail-review-rating-scroll{
margin-top:12px;
position:relative;
}

.detail-review-rating-scroll::after{
content:'';
display:block;
width:20px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
right:0;
z-index:1;
background:linear-gradient(to right, rgba(245,245,245,0) 0%, rgba(245,245,245, 1) 80%);
}

/* .detail-sticky-summary > .detail-review-rating-scroll
----------------------------------------------- */
.detail-sticky-summary .detail-review-rating-scroll{
margin:-4px -8px -4px 0;
overflow-x:auto;
-webkit-box-flex:1;
flex:1;
}

/* .detail-review-rating-scroll-inner
----------------------------------------------- */
.detail-review-rating-scroll-inner{
overflow-x:auto;
overflow-y:hidden;
}

.detail-review-rating-scroll-inner::-webkit-scrollbar{
display:none;
}

/* .detail-review-rating-scroll-list
----------------------------------------------- */
.detail-review-rating-scroll-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.detail-review-rating-scroll-list > li{
margin-right:4px;
}

.detail-review-rating-scroll-list > li:last-child{
padding-right:25px;
}

.detail-review-rating-scroll-list li > button{
padding:4px 16px;
border:1px solid #ccc;
border-radius:22px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
background-color:#fff;
line-height:1.25;
font-size:12px;
}

.detail-review-rating-scroll-list li > button > span{
display:block;
white-space:nowrap;
}

.detail-review-rating-scroll-list li.is-active > button{
border-color:var(--cmn-btn-color);
background-color:#f2faff;
}

.detail-review-rating-scroll-list li > a{
margin-left:8px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
text-align:center;
font-size:12px;
}

.detail-review-rating-scroll-list li > a > span{
display:block;
white-space:nowrap;
}

/* .detail-review-rating-chart
----------------------------------------------- */
.detail-review .detail-review-rating-chart{
margin:12px 0 10px;
}

.detail-review .detail-review-rating-chart > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.detail-review .detail-review-rating-chart .label{
margin-top:1px;
width:70px;
}

.detail-review .detail-review-rating-chart .chart{
border-radius:10px;
color:rgba(0,0,0,0);
-webkit-box-flex:1;
flex:1;
background-color:#dbdbdb;
}

.detail-review .detail-review-rating-chart .chart > div{
border-radius:8px;
height:4px;
overflow:hidden;
background-color:var(--cmn-btn-color);
}

.detail-review .detail-review-rating-chart .num{
margin-top:1px;
width:40px;
text-align:right;
}

/* .detail-review-rating-list
----------------------------------------------- */
.detail-review .detail-review-rating-list > li{
display:inline-block;
}

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

/* .detail-review-rating-agt
----------------------------------------------- */
.detail-review .detail-review-rating-agt{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
}

.detail-review .detail-review-rating-agt > li{
margin-top:6px;
width:160px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.detail-review .detail-review-rating-agt > li:nth-child(-n+2){
margin-top:0;
}

.detail-review .detail-review-rating-agt > li > div:first-child{
width:8.75em;
}

.detail-review .detail-review-rating-agt > li > div:last-child{
padding-left:5px;
position:relative;
}

.detail-review .detail-review-rating-agt > li > div:last-child::before{
content:':';
display:block;
position:absolute;
top:0;
left:0;
}

/* Media Queries
--------------------- */
@media screen and (max-width: 359px){
.detail-review .detail-review-rating-agt > li{
width:50%;
}
}

/* .detail-review-rating-error
----------------------------------------------- */
.detail-review .detail-review-rating-error{
margin:12px 0 40px;
padding-top:16px;
border-top:1px solid #ddd;
font-size:14px;
}

.detail-review .detail-review-rating-error p{
margin:0;
}


/* ----------------------------------------------------------------
  .detail-review
----------------------------------------------------------------- */
/* .detail-review-hdg
----------------------------------------------- */
.detail-review .detail-review-hdg{
margin:8px 0;
line-height:1.35;
font-size:14px;
font-weight:normal;
}

/* .detail-review-data
----------------------------------------------- */
.detail-review .detail-review-data{
margin:0 0 4px;
padding-bottom:8px;
border-bottom:1px solid #e5e5e5;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.detail-review .detail-review-data .date{
margin-left:4px;
-webkit-box-flex:1;
flex:1;
text-align:right;
white-space:nowrap;
}

/* .detail-review-num
----------------------------------------------- */
.detail-review .detail-review-num{
margin-top:8px;
font-size:12px;
}

.detail-review .detail-review-num > span{
margin:-4px 0 0 2px;
padding:6px 2px;
border-radius:4px 4px 4px 0;
color:#fff;
line-height:1;
display:inline-block;
min-width:25px;
box-sizing:border-box;
background:#003580;
font-size:14px;
text-align:center;
}

.detail-review .detail-review-num > b{
display:inline-block;
font-weight:normal;
font-size:14px;
}

/* .detail-review-article
----------------------------------------------- */
.detail-review .detail-review-article{
margin:0;
line-height:1.5;
}

.detail-review .detail-review-article > li{
margin-top:8px;
padding-left:20px;
position:relative;
background-position:0 1px;
background-repeat:no-repeat;
background-size:16px 15px;
}

.detail-review .detail-review-article > .good{
background-image:url(/element/j_hotel/shared/images/icon-detail-review-plus.svg);
}

.detail-review .detail-review-article > .bad{
background-image:url(/element/j_hotel/shared/images/icon-detail-review-minus.svg);
}

/* .detail-review-article-list
----------------------------------------------- */
.detail-review .detail-review-article-list{
margin-top:4px;
}

.detail-review .detail-review-article-list > li{
display:inline-block;
}

.detail-review .detail-review-article-list > li:not(:last-child)::after{
margin-left:4px;
content:'/';
display:inline-block;
}

/* .detail-review-article-response
----------------------------------------------- */
.detail-review .detail-review-article-response{
margin-top:12px;
padding:4px 8px;
border:1px solid #e5e5e5;
line-height:1.5;
}

.detail-review .detail-review-article-response p{
margin:0;
}

/* .detail-review-article-response-hdg
----------------------------------------------- */
.detail-review .detail-review-article-response-hdg{
margin-bottom:4px;
font-weight:normal;
}

/* .detail-review-article-toggle-summry
----------------------------------------------- */
.detail-review .detail-review-article-toggle[aria-expanded="true"] .detail-review-article-toggle-summry{
display:none;
}

/* .detail-review-article-toggle-detail
----------------------------------------------- */
.detail-review .detail-review-article-toggle[aria-expanded="false"] .detail-review-article-toggle-detail{
display:none;
}

.detail-review .detail-review-article-toggle[aria-expanded="true"] .detail-review-article-toggle-detail{
display:block;
}

/* .detail-review-article-toggle-more
----------------------------------------------- */
.detail-review .detail-review-article-toggle-more{
padding:0 8px 0 1.2em;
color:#a4a4a4;
display:inline-block;
position:relative;
}

.detail-review .detail-review-article-toggle-more::after{
content:'...';
color:var(--cmn-font-color-base);
display:block;
position:absolute;
bottom:0;
left:0;
}

/* .detail-review-article-toggle-close
----------------------------------------------- */
.detail-review .detail-review-article-toggle-detail-close{
margin:8px 0 0 auto;
padding:0 0 0 10px;
border:none;
display:table;
font-size:12px;
background:url(/element_sp/j_hotel/shared/images/icon-arrow-01-up.svg) no-repeat 0 50%;
background-size:8px auto;
}

/* .detail-review-more
----------------------------------------------- */
.detail-review .detail-review-more{
margin:16px auto;
padding:0;
border:none;
display:block;
font-size:14px;
}

/* .detail-review-agt-logo
----------------------------------------------- */
.detail-review .detail-review-agt-logo{
margin-top:16px;
font-size:12px;
text-align:right;
}

.detail-review .detail-review-agt-logo a{
margin-left:4px;
display:inline-block;
}

.detail-review .detail-review-agt-logo img{
width:auto;
height:19px;
vertical-align:middle;
}

/* .detail-review-footer
----------------------------------------------- */
.detail-review .detail-review-footer{
margin-top:24px;
text-align:center;
}

.detail-review .detail-review-footer > a{
margin:0 auto;
padding:4px 28px;
border-radius:6px;
color:var(--cmn-font-color-base);
box-shadow:0 0 4px rgba(0,0,0,.3);
display:block;
box-sizing:border-box;
max-width:300px;
line-height:1.25;
background:#fff url(/element/shared/images/icon/icon-external.svg) calc(100% - 16px) 50% no-repeat;
background-size:12px;
font-size:14px;
}

.detail-review .detail-review-footer > a > span{
display:block;
}

.detail-review .detail-review-footer > span{
margin-top:8px;
color:var(--cmn-font-color-gray);
display:block;
}

.detail-review .detail-review-footer > span::before{
margin-right:4px;
content:'\203b';
display:inline-block;
}

/* .detail-review-footer.is-sticky
----------------------------------------------- */
.detail-review .detail-review-footer.is-sticky{
padding:12px 0;
position:fixed;
bottom:0;
left:0;
width:100%;
z-index:1;
background-color:rgba(34,34,34,.8);
}

.detail-review .detail-review-footer.is-sticky > a{
box-shadow:none;
}


/* ----------------------------------------------------------------
  .plan-cheapest
----------------------------------------------------------------- */
/* .plan-cheapest
----------------------------------------------- */
.plan-cheapest{
margin:12px 0;
color:var(--cmn-font-color-base);
position:relative;
font-size:12px;
}

.plan-cheapest::after{
content:'';
display:block;
width:30px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
right:0;
background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
}

.plan-cheapest.is-scrolled::before{
content:'';
display:block;
width:30px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
background:linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
z-index:1;
}

.plan-cheapest.is-loading::after{
display:none;
}

/* .plan-cheapest-inner
----------------------------------------------- */
.plan-cheapest-inner{
overflow-x:auto;
overflow-y:hidden;
display:-webkit-box;
display:flex;
min-height:58px;
}

.plan-cheapest-inner::-webkit-scrollbar{
display:none;
}

/* .plan-cheapest-list
----------------------------------------------- */
.plan-cheapest-list{
margin:0;
display:-webkit-box;
display:flex;
justify-content:stretch;
}

.plan-cheapest-list > li{
border-right:1px solid #eee;
min-width:55px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
text-align:center;
}

.plan-cheapest-list > li:last-child{
margin-right:30px;
border-right:none;
}

.plan-cheapest-list > li > a,
.plan-cheapest-list > li > span{
padding:6px 4px;
color:var(--cmn-color-font-base);
-webkit-box-flex:1;
flex:1;
background-color:#f8f8f8;
}

.plan-cheapest-list [class^='state']{
margin:0 auto;
color:rgba(0,0,0,0);
display:block;
width:12px;
height:12px;
overflow:hidden;
background:url(/element_sp/j_hotel/shared/images/icon-calendar-state.svg) 50% 50% no-repeat;
background-size:11px auto;
}

.plan-cheapest-list .state-few{
background-image:url(/element_sp/j_hotel/shared/images/icon-calendar-state-few.svg);
}

.plan-cheapest-list .state-no{
background-image:url(/element_sp/j_hotel/shared/images/icon-calendar-state-no.svg);
background-size:9px auto;
}

.plan-cheapest-list .state-unknown{
color:var(--cmn-font-color-base);
width:auto;
display:block;
line-height:12px;
background:none;
}

.plan-cheapest-list .price{
color:var(--cmn-font-color-link);
display:inline-block;
min-width:1.3em;
}

.plan-cheapest-list .sunday,
.plan-cheapest-list .holiday{
color:var(--cmn-font-color-red);
}

.plan-cheapest-list .date{
padding:1px;
line-height:1;
display:inline-block;
}

.plan-cheapest-list .is-selected .date{
color:#fff;
background-color:#177bcb;
}


/* ----------------------------------------------------------------
  search-filter-state
----------------------------------------------------------------- */
/* .search-filter-state
----------------------------------------------- */
/* .search-condition > .search-filter-state
------------------------ */
.search-condition .search-filter-state{
margin:8px -10px 0;
display:none;
}

.search-condition .search-filter-state.is-active{
display:block;
}

/* .form-search-index > .search-filter-state
------------------------ */
.form-search-index .search-filter-state{
margin:0 -12px;
display:none;
}

.form-search-index .search-filter-state.is-active{
display:block;
}

/* .detail-plan-header > .search-filter-state
------------------------ */
.detail-plan-header .search-filter-state{
display:none;
}

.detail-plan-header .search-filter-state.is-active{
display:block;
}

/* .pseudo-footer > .search-filter-state
------------------------ */
.pseudo-footer .search-filter-state{
margin:0 -10px 12px;
}

/* .search-filter-state-inner
----------------------------------------------- */
.search-filter-state .search-filter-state-inner{
overflow-x:auto;
overflow-y:hidden;
}

.search-filter-state .search-filter-state-inner::-webkit-scrollbar{
display:none;
}

/* .search-filter-state-list
----------------------------------------------- */
.search-filter-state .search-filter-state-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
white-space:nowrap;
}

.search-filter-state .search-filter-state-list > li{
margin-right:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.search-filter-state .search-filter-state-list > li:last-child{
padding-right:16px;
}

.search-filter-state .search-filter-state-list button{
border-radius:3px;
padding:3px 8px;
border:none;
color:#fff;
background-color:var(--cmn-btn-color);
position:relative;
min-height:24px;
line-height:1;
font-size:12px;
}

.search-filter-state .search-filter-state-list .del{
margin-left:-8px;
padding:0;
color:rgba(0,0,0,0);
display:block;
width:29px;
height:100%;
overflow:hidden;
background-image:url(/element_sp/j_hotel/shared/images/icon-close-wht.svg);
background-repeat:no-repeat;
background-position:12px 50%;
background-size:9px auto;
}

.search-filter-state .search-filter-state-list .icon-hotel-rank{
margin-right:2px;
color:rgba(0,0,0,0);
width:13px;
height:15px;
display:inline-block;
vertical-align:middle;
overflow:hidden;
background:url(/element/shared/images/icon/icon-review-star-5.svg) 0 0 no-repeat;
background-size:auto 12px;
}

/* .search-condition > .search-filter-state-list
------------------------- */
.search-condition .search-filter-state-list{
padding-left:10px;
}

/* .search-result-header-sticky > .search-filter-state-list
   .detail-sticky > .search-filter-state-list
------------------------- */
.search-result-header-sticky:not(.is-sticky) .search-filter-state-list button > span{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}

.search-result-header-sticky.is-sticky .search-filter-state-list button,
.detail-sticky .search-filter-state-list button{
background-color:#dadada;
}

.search-result-header-sticky.is-sticky .search-filter-state-list .del,
.detail-sticky .search-filter-state-list .del{
background-image:url(/element_sp/j_hotel/shared/images/icon-close.svg);
}

/* .form-search-index > .search-filter-state-list
------------------------ */
.form-search-index .search-filter-state-list{
padding-left:12px;
}

.form-search-index .search-filter-state-list button{
background-color:#dadada;
}

.form-search-index .search-filter-state-list button:first-of-type{
color:var(--cmn-font-color-base);
}

.form-search-index .search-filter-state-list .del{
background-image:url(/element_sp/j_hotel/shared/images/icon-close.svg);
}

/* .detail-plan-header > .search-filter-state-list
------------------------- */
.detail-plan-header .search-filter-state-list button{
background-color:#444;
}

.detail-plan-header .search-filter-state-list button > span{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}

/* .pseudo-footer > .search-filter-state-list
------------------------ */
.pseudo-footer .search-filter-state-list{
padding-left:10px;
}

.pseudo-footer .search-filter-state-list button{
background-color:#e1e1e1;
}

.pseudo-footer .search-filter-state-list button:first-of-type{
color:var(--cmn-font-color-base);
}

.pseudo-footer .search-filter-state-list .del{
background-image:url(/element_sp/j_hotel/shared/images/icon-close.svg);
}


/* ----------------------------------------------------------------
  .search-filter-add
----------------------------------------------------------------- */
/* .search-filter-add
----------------------------------------------- */
.search-filter-add{
margin-top:8px;
color:#fff;
font-size:14px;
}

/* .search-result-header-sticky.is-sticky > .search-filter-add-btn
   .detail-sticky.is-sticky > .search-filter-add-btn
------------------------------ */
.search-result-header-sticky.is-sticky .search-filter-add,
.detail-sticky.is-sticky .search-filter-add{
color:var(--cmn-color-font-base);
}

/* .search-filter-add-hdg
----------------------------------------------- */
.search-filter-add .search-filter-add-hdg{
margin-bottom:8px;
font-weight:normal;
font-size:12px;
}

/* .search-filter-add-list
----------------------------------------------- */
.search-filter-add .search-filter-add-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
flex-wrap:wrap;
line-height:1.25;
}

.search-filter-add-list > li{
margin-bottom:8px;
flex:1 0 calc(50% - 10px);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 4px;
}

.search-filter-add-list > li:nth-child(odd){
margin-right:20px;
}

.search-filter-add-list > li:nth-child(n+7){
display:none;
}

.search-filter-add-list > li > label{
display:-webkit-box;
display:flex;
}

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

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

.search-filter-add.is-active .search-filter-add-list > li:nth-child(n+7){
display:flex;
}

/* .search-filter-add-btn
----------------------------------------------- */
.search-filter-add .search-filter-add-btn{
margin:2px 0 0 auto;
padding:0 0 0 16px;
border:none;
color:#fff;
display:block;
background:url(/element/shared/images/icon/icon-chevron-down-wht.svg) no-repeat 0 50%;
background-size:12px auto;
font-size:12px;
}

.search-filter-add .search-filter-add-btn.is-checked{
padding-right:16px;
position:relative;
}

.search-filter-add .search-filter-add-btn.is-checked::before{
content:'';
display:block;
width:12px;
height:9px;
overflow:hidden;
position:absolute;
top:4px;
right:0;
background:url(/element_sp/j_hotel/shared/images/icon-check.svg) no-repeat 0 50%;
filter:brightness(0) invert(1);
}

.search-filter-add.is-active .search-filter-add-btn{
background-image:url(/element/shared/images/icon/icon-chevron-up-wht.svg);
}

.search-filter-add.is-active .search-filter-add-btn.is-checked{
padding-right:0;
}

.search-filter-add.is-active .search-filter-add-btn.is-checked::before{
display:none;
}

/* .search-result-header-sticky.is-sticky > .search-filter-add-btn
   .detail-sticky.is-sticky > .search-filter-add-btn
------------------------------ */
.search-result-header-sticky.is-sticky .search-filter-add-btn,
.detail-sticky.is-sticky .search-filter-add-btn{
color:var(--cmn-color-font-base);
background-image:url(/element/j_hotel/shared/images/icon-arrow-down.svg);
}

.search-result-header-sticky.is-sticky .search-filter-add-btn.is-checked::before,
.detail-sticky.is-sticky .search-filter-add-btn.is-checked::before{
filter:none;
}


/* ----------------------------------------------------------------
  .review
----------------------------------------------------------------- */
/* .review
----------------------------------------------- */
.review{
margin:4px 0 0;
}

/*.detail-header > .review
--------------------- */
.detail-header .review{
margin-right:30px;
}

/* .review-list
----------------------------------------------- */
.review .review-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
}

.review .review-list > li{
margin-right:12px;
position:relative;
}

.review .review-list button,
.review .review-list a{
margin:0;
padding:0 0 0 12px;
border:none;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background:url(/element_sp/j_hotel/shared/images/icon-arrow-01-down.svg) no-repeat 0 56%;
background-size:8px auto;
font-size:12px;
line-height:1;
}

.review .review-list button[aria-selected="true"]{
position:relative;
background-image:url(/element_sp/j_hotel/shared/images/icon-arrow-01-up.svg);
}

.review .review-list button[aria-selected="true"]::before{
content:'';
display:block;
width:20px;
height:7px;
position:absolute;
bottom:-9px;
left:calc(50% - 10px);
background:url(/element_sp/j_hotel/shared/images/icon-balloon-arrow.svg) no-repeat 100% 0;
}

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

.review .review-list .user{
margin-right:0;
}

.review .review-list .user button > span:first-child,
.review .review-list .user a > span:first-child{
margin:0 2px;
color:rgba(0,0,0,0);
display:block;
width:10px;
height:10px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-review-5.svg) no-repeat 0 0;
background-size:auto 10px;
}

.review .review-list .user button > span:first-child{
margin:0;
}

.review .review-list .user button > span:last-child,
.review .review-list .user a > span:last-child{
margin-left:4px;
}

.review .review-list .user button > span:last-child > span,
.review .review-list .user a > span:last-child > span{
margin-left:8px;
display:inline-block;
}

.review .review-list a{
padding-left:0;
background:none;
}

/* Media Queries
--------------------- */
@media screen and (max-width:359px){
.review .review-list button[aria-selected="true"]::before{
display:none;
}
}

/* .search-result-item-header / .detail-header > .review-list .icon-r-hotel
----------------------------------------------- */
.search-result-item-header .review .icon-r-hotel span,
.detail-header .review .icon-r-hotel span{
width:60px;
}

.search-result-item-header .review .icon-r-price span,
.detail-header .review .icon-r-price span{
width:48px;
}

/* .review > [role="tabpanel"]
----------------------------------------------- */
.review > [role="tabpanel"]{
margin-top:8px;
padding:8px;
border-radius:4px;
display:none;
background-color:#f5f5f5;
font-size:12px;
outline:none;
}

.review > [role="tabpanel"].is-active{
display:block;
}

.review > [role="tabpanel"] p{
margin:8px 0 0;
font-size:10px;
}

/* .review-content-catch
----------------------------------------------- */
.review .review-content-catch{
padding-bottom:4px;
border-bottom:1px solid #ddd;
line-height:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:12px;
}

.review .review-content-catch > span{
min-width:6.5em;
}

.review .review-content-catch > span > span{
margin-left:4px;
display:inline-block;
}

.review .review-content-catch > span > span:not([class]){
margin-left:8px;
}

.review .review-content-catch > span + span{
padding-left:10px;
position:relative;
font-weight:normal;
}

.review .review-content-catch span + span::before{
content:':';
display:block;
position:absolute;
top:-1px;
left:3px;
}

.review > [role="tabpanel"] + [role="tabpanel"] .review-content-catch > span:first-child{
min-width:8.5em;
}

/* Media Queries
------------------------ */
@media screen and (max-width: 359px){
.review .review-content-catch > span,
.review > [role="tabpanel"] + [role="tabpanel"] .review-content-catch > span:first-child{
min-width:0;
}
}

/* .review-content-list
----------------------------------------------- */
.review .review-content-list{
margin:4px 0 0;
line-height:1.35;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
font-size:12px;
}

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

.review .review-content-list > li{
margin-top:4px;
display:-webkit-box;
display:flex;
min-width:168px;
}

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

.review .review-content-list > li > div:last-child{
padding-left:10px;
position:relative;
}

.review .review-content-list > li > div:last-child::before{
content:':';
display:block;
position:absolute;
top:-1px;
left:3px;
}

.review > [role="tabpanel"] + [role="tabpanel"] .review-content-list > li > div:first-child{
min-width:8.5em;
}

.detail-header .review .review-content-list > li{
min-width:50%;
}

/* Media Queries
------------------------ */
@media screen and (max-width:374px){
.detail-header .review .review-content-list > li{
min-width:100%;
}
}

@media screen and (max-width:340px){
.review .review-content-list{
display:block;
}

.review .review-content-list > li,
.review .review-content-list > li > div:first-child,
.review > [role="tabpanel"] + [role="tabpanel"] .review-content-list > li > div:first-child{
min-width:0;
}
}


/* ----------------------------------------------------------------
  more-nights-recommend
----------------------------------------------------------------- */
/* .more-nights-recommend
----------------------------------------------- */
.more-nights-recommend{
margin-bottom:10px;
}

/* .more-nights-recommend-note
----------------------------------------------- */
.more-nights-recommend .more-nights-recommend-note{
margin-bottom:16px;
display:-webkit-box;
display:flex;
-webkit-box-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{
margin:0;
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{
--cmn-dashed-color:var(--cmn-font-color-gray);
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}

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

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

/* .more-nights-recommend-scroll
----------------------------------------------- */
.more-nights-recommend .more-nights-recommend-scroll{
margin:12px -8px 0;
position:relative;
}

.more-nights-recommend .more-nights-recommend-scroll::after{
content:'';
display:block;
width:20px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
right:0;
background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(245,245,245, 1) 80%);
}

/* .more-nights-recommend-scroll-inner
----------------------------------------------- */
.more-nights-recommend .more-nights-recommend-scroll-inner{
overflow-x:auto;
overflow-y:hidden;
}

.more-nights-recommend .more-nights-recommend-scroll-inner::-webkit-scrollbar{
display:none;
}

/* .more-nights-recommend-scroll-list
----------------------------------------------- */
.more-nights-recommend .more-nights-recommend-scroll-list{
margin:0;
padding-left:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
white-space:nowrap;
}

.more-nights-recommend .more-nights-recommend-scroll-list > li{
margin-right:4px;
}

.more-nights-recommend .more-nights-recommend-scroll-list > li:last-child{
padding-right:25px;
}

.more-nights-recommend .more-nights-recommend-scroll-list button{
padding:0 12px;
border:1px solid #ccc;
border-radius:30px;
color:var(--cmn-font-color-base);
min-height:48px;
box-sizing:border-box;
line-height:1.35;
background-color:#fff;
font-size:14px;
}

.more-nights-recommend .more-nights-recommend-scroll-list .is-active button{
border-color:var(--cmn-btn-color);
background-color:#f2faff;
}

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

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


/* ----------------------------------------------------------------
  Alert
----------------------------------------------------------------- */
/* .alert
----------------------------------------------- */
.cmn-modal .alert{
font-size:12px;
}

/* .alert-catch
----------------------------------------------- */
.alert .alert-catch{
margin-bottom:16px;
font-size:16px;
}


/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error{
margin:22px 0 50px;
}
.error .error-catch{
margin:10px 0 16px;
font-size:16px;
}
.error p{
margin:0;
}
.error .error-align-c,
#errMsg{
text-align:center;
}

/* .error-result
----------------------------------------------- */
.error-result{
margin:22px 0;
min-height:600px;
text-align:center;
font-size:14px;
}

.error-result .br{
display:inline-block;
}

.error-result strong{
color:var(--cmn-font-color-base);
}

.error-result .error-result-btn{
margin:20px auto 0;
padding:6px 12px;
border:1px solid #bbb;
border-radius:5px;
color:var(--cmn-font-color-base);
display:table;
box-sizing:border-box;
text-align:center;
font-size:14px;
background-color:#fff;
}


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

.agt-link .cmn-loading-spinner,
.cmn-modal .cmn-loading-spinner,
.carousel-recommend .cmn-loading-spinner,
.detail-review .cmn-loading-spinner,
.pseudo-gallery .cmn-loading-spinner{
margin:20px auto;
}

.search-result-item .cmn-loading-spinner{
margin:35px auto;
}

.search-result-item-error .cmn-loading-spinner,
.calendar-cheapest-tbl-loading .cmn-loading-spinner{
margin:0 auto;
}

.loading-modal .cmn-loading-spinner{
margin:5px auto;
}

/* .cmn-loading-spinner-dot
----------------------------------------------- */
.plan-cheapest .cmn-loading-spinner-dot{
margin:auto;
width:16px;
height:16px;
}

.plan-cheapest-list .cmn-loading-spinner-dot{
margin:auto;
width:14px;
height:14px;
}

/* .cmn-loading-spinner-dot-wht
----------------------------------------------- */
.form-search-index-btn .cmn-loading-spinner-dot-wht,
.pseudo-footer-btn-list .cmn-loading-spinner-dot-wht{
margin:0 5px 0 0;
display:inline-block;
width:12px;
height:12px;
}

/* .loading-modal
----------------------------------------------- */
.loading-modal{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.6);
z-index:101;
}

.loading-modal .loading-modal-inner{
padding:10px 20px 8px;
position:absolute;
border-radius:8px;
bottom:50%;
right:50%;
-webkit-transform:translate(50%,50%);
transform:translate(50%,50%);
background-color:#fff;
font-weight:bold;
}



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

  SEO Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Seo Common Modules
----------------------------------------------------------------- */
/* .seo
----------------------------------------------- */
.seo{
margin:0 -10px;
padding:4px 8px;
background-color:#f5f5f5;
}

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

div.seo > p{
margin-bottom:8px;
}

.detail-content-inner + .seo{
padding-top:0;
}

.search-result-header + .seo{
padding-top:12px;
}

/* .seo.seo-index
----------------------------------------------- */
.seo.seo-index{
margin-bottom:-10px;
padding:16px 8px 24px;
background-color:#e5e5e5;
}

/* .seo-toggle
----------------------------------------------- */
.seo .seo-toggle{
margin-top:16px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}

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

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

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

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

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

/* .seo-toggle-hook
----------------------------------------------- */
.seo .seo-toggle-hook{
margin:0;
}

.seo-toggle-hook button{
padding:8px 30px 8px 0;
border:none;
width:100%;
min-height:44px;
background:url(/element/j_hotel/shared/images/icon-arrow-down.svg) no-repeat calc(100% - 8px) 50%;
background-size:16px auto;
font-size:18px;
font-weight:normal;
text-align:left;
}

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

/* .seo-toggle-content
----------------------------------------------- */
.seo .seo-toggle-content{
display:none;
}

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

/* .seo-hdg
----------------------------------------------- */
.seo-hdg{
margin:28px 0 8px;
line-height:1.35;
font-weight: normal;
font-size:18px;
}

.seo-toggle[aria-expanded=false] + .seo-hdg{
margin-top:12px;
}

.seo-hdg + p{
margin-bottom:0;
font-size:12px;
}

/* .seo-card
----------------------------------------------- */
.seo .seo-card{
margin-top:8px;
padding:12px;
border-radius:6px;
line-height:1.42;
overflow:hidden;
background-color:#fff;
box-shadow:0 0 4px rgba(0,0,0,.3);
font-size:12px;
}

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

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

.seo .seo-card > :last-child{
margin-bottom:-12px;
}

.seo .seo-card.branch > :last-child{
margin-bottom:0;
}

.seo-toggle-content .seo-card{
margin-top:0;
}

.seo-card + .seo-card{
margin-top:12px;
}

/* .seo-card-footer
----------------------------------------------- */
.seo .seo-card-footer{
margin-top:12px;
padding-top:8px;
border-top:1px solid #e5e5e5;
text-align:center;
}

/* .seo-card-footer-link
----------------------------------------------- */
.seo .seo-card-footer-link{
display:inline-block;
font-size:14px;
}

/* .seo-card-hdg
----------------------------------------------- */
.seo .seo-card-hdg{
margin-bottom:8px;
line-height:1.25;
font-size:18px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-weight:normal;
}

.seo .seo-card-hdg > span + span{
-webkit-box-flex:1;
flex:1;
text-align: right;
font-size:14px;
}

/* .seo-card-hdg-01
----------------------------------------------- */
.seo .seo-card-hdg-01{
margin:12px 0 -6px;
}

/* .seo-card-hdg-icon
----------------------------------------------- */
.seo .seo-card-hdg-icon{
margin-right:8px;
padding:2px 2px 1px;
border:1px solid #bbb;
display:inline-block;
box-sizing:border-box;
min-width:30px;
line-height:1;
text-align:center;
font-size:12px;
}

/* .seo-card-more
----------------------------------------------- */
.seo .seo-card-more{
margin:8px 0 0;
font-size:14px;
text-align:right;
}

.seo .seo-card-more.branch{
margin-top:16px;
}

.seo .seo-card-more > a{
margin:0;
}

.seo-card > p + .seo-card-more{
font-size:12px;
}

.seo-card .carousel-recommend + .seo-card-more{
margin-top:4px;
}

/* .seo-card-more-inline
----------------------------------------------- */
.seo .seo-card-more-inline{
padding-left:14px;
color:#a1a1a1;
display:inline-block;
position:relative;
}

.seo .seo-card-more-inline::after{
color:var(--cmn-font-color-base);
content:'...';
display:block;
position:absolute;
bottom:0;
left:0;
}

/* .seo-card-toggle
----------------------------------------------- */
.seo .seo-card-toggle{
margin-bottom:-12px;
}

/* .seo-card-toggle-content
----------------------------------------------- */
.seo .seo-card-toggle-content{
display:none;
}

.seo .seo-card-toggle.is-active .seo-card-toggle-content,
.seo .seo-card-toggle[aria-expanded="true"] .seo-card-toggle-content{
display:block;
}

/* .seo-card-toggle-btn
----------------------------------------------- */
.seo-card-toggle-btn{
padding:12px 0;
border:none;
border-top:1px solid #e5e5e5;
width:100%;
background:transparent;
font-size:14px;
text-align:center;
}

.seo-card-toggle-btn > span{
padding-left:16px;
display:inline-block;
position:relative;
background:url(/element/j_hotel/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size:12px;
}

.seo .seo-card-toggle.is-active .seo-card-toggle-btn > span,
.seo .seo-card-toggle[aria-expanded='true'] .seo-card-toggle-btn > span{
background-image:url(/element/j_hotel/shared/images/icon-arrow-up.svg);
}

/* .seo-card-faq-item + .seo-card-toggle-btn
--------------------------*/
.seo-card-faq-item + .seo-card-toggle .seo-card-toggle-btn{
border-top:none;
}

/* .seo-card-list
----------------------------------------------- */
.seo .seo-card-list{
margin:0;
font-size:14px;
}

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

.seo .seo-card-list > li > a,
.seo .seo-card-list > li[aria-expanded] > button{
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-card-list > li[aria-expanded] > button,
.seo .seo-card-list > li[aria-expanded] > div > button{
padding-right:24px;
width:100%;
background:url(/element/j_hotel/shared/images/icon-arrow-down.svg) calc(100% - 4px) 50% no-repeat;
background-size:16px auto;
text-align:left;
font-size:14px;
}

.seo .seo-card-list > li[aria-expanded='true'] > button,
.seo .seo-card-list > li[aria-expanded='true'] > div > button{
background-image:url(/element/j_hotel/shared/images/icon-arrow-up.svg);
}

.seo-card-list .seo-card-list > li[aria-expanded] > button,
.seo-card-list .seo-card-list > li[aria-expanded] > div > button{
background-size:12px auto;
background-position:calc(100% - 6px) 50%;
}

.seo .seo-card-list > li > div{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
min-height:40px;
gap:0 20px;
}

.seo .seo-card-list > li > div > a{
padding:8px 0;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-card-list > li[aria-expanded] > div > button{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:44px;
}

.seo .seo-card-list .seo-card-list{
margin-left:24px;
}

.seo .seo-card-list > li[aria-expanded='false'] > .seo-card-list{
display:none;
}

.seo .seo-card-list > li[aria-expanded='true'] > .seo-card-list{
display:block;
}

.seo .seo-card > .seo-card-list:first-child{
margin-top:-12px;
}

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

.seo .seo-card > .seo-card-list:first-child:last-child{
margin-bottom:-12px;
}

.seo .seo-card > .seo-card-list:first-child:last-child > li:last-child > a{
border-bottom:none;
}

/* .seo-card-list-bullet
----------------------------------------------- */
.seo .seo-card-list-bullet{
margin:8px 0;
}

.seo .seo-card-list-bullet > li{
display:-webkit-box;
display:flex;
gap:0 2px;
}

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

.seo .seo-card-list-bullet > li > span{
width:1.5em;
}

.seo .seo-card-list-bullet > li > div{
-webkit-box-flex:1;
flex:1;
}

/* .seo-card-list-thumb
----------------------------------------------- */
.seo .seo-card-list-thumb{
margin:-4px 0 0;
font-size:14px;
}

.seo .seo-card-list-thumb > li:not(:first-child){
border-top:1px solid #ebebeb;
}

.seo .seo-card-list-thumb > li > a{
padding:8px 0;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
gap:0 8px;
}

.seo .seo-card-list-thumb a > div{
-webkit-box-flex:1;
flex:1;
}

.seo .seo-card-list-thumb a > span{
width:97px;
height:55px;
}

.seo .seo-card-list-thumb img{
width:100%;
height:100%;
object-fit:cover;
}

.seo .seo-card-list-thumb > li:last-child > a{
padding-bottom:12px;
}


/* ----------------------------------------------------------------
  .seo-card-faq
----------------------------------------------------------------- */
/* .seo-card-faq
----------------------------------------------- */
.seo-card.seo-card-faq{
padding-top:0;
}

.seo-index .seo-card-faq{
padding-top:12px;
}

/* .seo-card-faq-item
----------------------------------------------- */
.seo-card-faq-item{
border-width:1px 0;
border-style:solid;
border-color:#e5e5e5;
}

.seo-card-faq > .seo-card-faq-item:first-child,
.seo-card-faq-item + .seo-card-faq-item{
border-top:none;
}

.seo-card-faq > .seo-card-faq-item:last-child{
border-bottom:none;
}

/* .seo-card-faq-item-hook
----------------------------------------------- */
.seo-card-faq-item-hook{
padding:8px 20px 8px 24px;
border:none;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
width:100%;
min-height:50px;
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-size:12px;
font-weight:normal;
}

.seo-card-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-card-faq-item[aria-expanded='true'] > .seo-card-faq-item-hook::before{
background-image:url(/element/j_hotel/shared/images/icon-arrow-up.svg);
}

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

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

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

/* .seo-card-faq-item-content-date
----------------------------------------------- */
.seo-card-faq-item-content-date{
margin-top:8px;
color:var(--cmn-font-color-gray);
display:block;
text-align:right;
}


/* ----------------------------------------------------------------
  .seo-recommend-bnr
----------------------------------------------------------------- */
/* .seo-recommend-bnr
----------------------------------------------- */
.seo-recommend-bnr{
margin-bottom:16px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:12px;
}

.seo-recommend-bnr > li{
border-radius:6px;
width:calc(50% - 6px);
display:-webkit-box;
display:flex;
flex-direction:column-reverse;
box-shadow:0 0 6px rgba(0,0,0,.4);
overflow:hidden;
background-color:#fff;
}

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

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

.seo-recommend-bnr > li > span{
height:100px;
}

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

/* .seo-recommend-bnr-list
----------------------------------------------- */
.seo-recommend-bnr-list{
margin:6px 0 0;
}

.seo-recommend-bnr-list > li{
margin-top:6px;
}


/* ----------------------------------------------------------------
  .seo-card-cheapest
----------------------------------------------------------------- */
/* .seo-card-cheapest
----------------------------------------------- */
.seo-card-cheapest{
font-size:14px;
}

.seo-card-cheapest + .seo-card-cheapest{
margin-top:8px;
}

.seo-card-cheapest > :last-child{
margin-bottom:0;
}

/* .seo-card-cheapest-filter
----------------------------------------------- */
.seo-card-cheapest-filter{
margin:0 -12px 12px;
padding:16px 12px 0;
border-top:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:4px 12px;
}

.seo-card-cheapest-filter > li > label{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px;
}

.seo-card-cheapest-filter label input{
display:block;
}

.seo-card-cheapest-filter label > span:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .seo-card-cheapest-sup
----------------------------------------------- */
.seo-card-cheapest-sup{
margin-bottom:16px;
}

/* .seo-card-cheapest-tbl
----------------------------------------------- */
.seo-card-cheapest-tbl{
margin:8px 0 0;
font-size:14px;
}

.seo-card-cheapest-tbl:has( + .notice-list){
margin-bottom:12px;
}

.seo-card-cheapest-tbl table{
margin:0;
border-collapse:collapse;
border-spacing:0;
width:100%;
table-layout:fixed;
text-align:right;
}

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

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

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

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

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

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

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

.seo-card-cheapest-tbl table tbody > tr:last-child th,
.seo-card-cheapest-tbl table tbody > tr:last-child td{
border-bottom:none;
}

.seo-card-cheapest-tbl table tbody td.unset{
text-align:center;
}

/* .seo-index .seo-card-cheapest-tbl
------------------------------ */
.seo-index .seo-card-cheapest-tbl table caption{
margin-bottom:20px;
height:auto;
overflow:visible;
position:static;
}

.seo-index .seo-card-cheapest-tbl table caption > span{
display:block;
text-align:left;
}

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

/* .seo-card-cheapest-tbl-toggle
----------------------------------------------- */
.seo-card-cheapest-tbl-toggle .is-hidden{
display:none;
}

/* .seo-card-cheapest-tbl-toggle-btn
----------------------------------------------- */
.seo-card-cheapest-tbl-toggle-btn{
margin-bottom:12px;
padding-top:12px;
}

.seo-card-cheapest-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 50% no-repeat;
background-size:9px auto;
font-size:14px;
}

.seo-card-cheapest-tbl-toggle-btn.is-active{
border-top: 1px solid #e5e5e5;
}

.seo-card-cheapest-tbl-toggle-btn.is-active button{
background-image: url(/element/j_hotel/shared/images/icon-arrow-up.svg);
}


/* ----------------------------------------------------------------
  .seo-card-attention
----------------------------------------------------------------- */
/* .seo-card-attention
----------------------------------------------- */
.seo-card-attention{
font-size:14px;
}

.seo-card-attention ul{
margin:12px 0;
}

.seo-card-attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}

.seo-card-attention ul a{
padding-left:22px;
color:var(--cmn-font-color-base);
display:block;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
}


/* ----------------------------------------------------------------
  .seo-card-news
----------------------------------------------------------------- */
/* .seo-card-news
----------------------------------------------- */
.seo-card-news{
font-size:14px;
}

.seo-card-news ul{
margin:12px 0;
}

.seo-card-news ul > li{
margin-bottom:12px;
padding-bottom:12px;
border-bottom:1px solid #e5e5e5;
}

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

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

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

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

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

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

/* .seo-card-news-more
----------------------------------------------- */
.seo-card-news .seo-card-news-more{
margin:12px 0;
text-align:right;
font-size:14px;
}




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

  Pseudo Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Pseudo Modules
----------------------------------------------------------------- */
/* .pseudo
----------------------------------------------- */
.pseudo{
margin:0;
padding:0;
line-height:1.42;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
top:0;
left:0;
font-size:14px;
}

/* .pseudo-content
----------------------------------------------- */
.pseudo .pseudo-content{
margin:0;
padding:16px 10px;
-webkit-box-flex:1;
flex:1;
overflow-wrap:break-word;
overflow-y:scroll;
}

.pseudo .pseudo-content > :first-child{
margin-top:0;
}

.pseudo .pseudo-content p{
line-height:1.5;
}

/* .pseudo-header-hdg
----------------------------------------------- */
.pseudo .pseudo-header-hdg{
padding:8px 55px 8px 40px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:45px;
box-sizing:border-box;
position:relative;
background-color:#111;
}

.pseudo .pseudo-header-hdg h2,
.pseudo .pseudo-header-hdg [role=heading]{
padding:0;
box-sizing:border-box;
min-width:0;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
font-size:16px;
font-weight:bold;
text-align:center;
}

.pseudo-header-hdg.ellipsis h2 > span:first-child,
.pseudo-header-hdg.ellipsis [role=heading] > span:first-child{
white-space:nowrap;
}

/* .pseudo-header-hdg-sup
----------------------------------------------- */
.pseudo-header-hdg.ellipsis .pseudo-header-hdg-sup{
margin:0 4px 0 8px;
padding:0 6px;
display:inline-block;
position:relative;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-weight:normal;
}

.pseudo-header-hdg.ellipsis .pseudo-header-hdg-sup::before,
.pseudo-header-hdg.ellipsis .pseudo-header-hdg-sup::after{
position:absolute;
top:0;
left:0;
}

.pseudo-header-hdg.ellipsis .pseudo-header-hdg-sup::before{
content:"(";
}

.pseudo-header-hdg.ellipsis .pseudo-header-hdg-sup::after{
content:")";
left:auto;
right:0;
}

/* .pseudo-header-hdg-btn-prev
----------------------------------------------- */
.pseudo .pseudo-header-hdg-btn-prev{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element_sp/j_hotel/shared/images/icon-close.svg) no-repeat 50% 50%;
background-size:16px auto;
filter:brightness(0) invert(1);
}

/* .pseudo-header-hdg-btn-clear
----------------------------------------------- */
.pseudo .pseudo-header-hdg-btn-clear{
margin:0;
padding:0;
border:1px solid #999;
border-radius:3px;
color:#ccc;
width:44px;
height:23px;
position:absolute;
bottom:50%;
right:10px;
transform:translateY(50%);
background-color:transparent;
font-size:12px;
}

/* .pseudo-header-utility
----------------------------------------------- */
.pseudo .pseudo-header-utility{
padding:8px 10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:48px;
box-sizing:border-box;
background-color:#f5f5f5;
}

.pseudo .pseudo-header-utility p{
font-size:12px;
}

/* .pseudo-header-utility-inner
----------------------------------------------- */
.pseudo .pseudo-header-utility-inner > :first-child{
margin-top:0;
}

/* .pseudo-hdg-l3
----------------------------------------------- */
.pseudo .pseudo-hdg-l3{
margin:12px 0;
padding-top:12px;
border-top:1px solid #e5e5e5;
font-weight:bold;
}

.pseudo-content > .pseudo-hdg-l3:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}

/* p + .pseudo-hdg-l3
----------------------------- */
.pseudo p + .pseudo-hdg-l3{
margin-top:24px;
}

/* .pseudo-link-prev + .pseudo-hdg-l3
----------------------------- */
.pseudo .pseudo-link-prev + .pseudo-hdg-l3{
margin-top:0;
}

/* .pseudo-hdg-l3.branch
----------------------------- */
.pseudo .pseudo-hdg-l3.branch{
margin:16px 0 12px;
padding:0;
border:none;
}

.pseudo .pseudo-hdg-l3.branch:has(+ .pseudo-list){
margin-bottom:0;
}

/* .pseudo-hdg-l3.rank / budget / review
----------------------------- */
.pseudo .pseudo-hdg-l3.rank,
.pseudo .pseudo-hdg-l3.budget,
.pseudo .pseudo-hdg-l3.review{
padding-left:20px;
color:rgba(0,0,0,0);
position:relative;
}

.pseudo .pseudo-hdg-l3.rank::before,
.pseudo .pseudo-hdg-l3.budget::before,
.pseudo .pseudo-hdg-l3.review::before{
content:'';
display:block;
width:15px;
height:15px;
overflow:hidden;
position:absolute;
top:12px;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:auto 15px;
}

.pseudo .pseudo-hdg-l3.rank::before{
background-image:url(/element/shared/images/icon/icon-review-star-5.svg);
}

.pseudo .pseudo-hdg-l3.budget::before{
background-image:url(/element/shared/images/icon/icon-review-price-5.svg);
}

.pseudo .pseudo-hdg-l3.review::before{
background-image:url(/element/shared/images/icon/icon-review-5.svg);
}

/* .pseudo-hdg-l3-faq
----------------------------------------------- */
.pseudo .pseudo-hdg-l3-faq{
padding:0 19px 0 0;
border:none;
background:url(/element/shared/images/icon/icon-tip-faq.svg) 100% 50% no-repeat;
background-size:15px;
min-height:15px;
font-size:12px;
}

/* .pseudo-hdg-l4
----------------------------------------------- */
.pseudo .pseudo-hdg-l4{
margin:12px 0 0;
position:relative;
font-weight:normal;
}

.pseudo .pseudo-hdg-l4::before,
.pseudo .pseudo-hdg-l4::after{
margin:-4px 4px 0 0;
content:'';
display:inline-block;
width:10px;
height:0;
vertical-align:middle;
border-bottom:1px dashed #949494;
overflow:hidden;
}

.pseudo .pseudo-hdg-l4::after{
margin:-4px 0 0 4px;
}

.pseudo-toggle-01-content .pseudo-hdg-l4{
margin-top:12px;
}

/* .pseudo-hdg-l4-01
----------------------------------------------- */
.pseudo .pseudo-hdg-l4-01{
margin:16px 0 8px;
font-size:14px;
font-weight:normal;
}

/* .pseudo-hdg-l4-02
----------------------------------------------- */
.pseudo .pseudo-hdg-l4-02{
margin:16px 0 8px;
padding:5px 8px 3px;
background-color:#F5F5F5;
font-size:14px;
font-weight:normal;
}

.pseudo-hdg-l3 + .pseudo-hdg-l4-02{
margin-top:0;
}

/* .pseudot-link-prev
----------------------------------------------- */
.pseudo .pseudo-link-prev{
padding:3px 0;
color:var(--cmn-font-color-link);
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:44px;
width:100%;
background:transparent;
text-align:left;
font-size:14px;
}

.pseudo .pseudo-content > .pseudo-link-prev:first-child{
margin-top:-16px;
}

.pseudo .pseudo-list .pseudo-link-prev{
border-bottom:1px solid #e5e5e5;
}

/* .pseudo-sup
----------------------------------------------- */
.pseudo .pseudo-sup{
font-size:12px;
}

.pseudo .pseudo-hdg-l3 + .pseudo-sup{
margin-top:-8px;
}

/* .pseudo-note
----------------------------------------------- */
.pseudo .pseudo-note{
margin:0;
padding-left:16px;
color:var(--cmn-font-color-gray);
display:inline-block;
position:relative;
font-size:12px;
}

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

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

.pseudo .pseudo-logo-google a{
color:var(--cmn-font-color-gray);
display:inline-block;
font-size:11px;
}

.pseudo .pseudo-logo-google a > span{
color:var(--cmn-font-color-link);
}

.pseudo .pseudo-logo-google img{
margin-left:2px;
width:120px;
vertical-align:text-bottom;
}


/* ----------------------------------------------------------------
  Pseudo List Modules
----------------------------------------------------------------- */
/* .pseudo-list
----------------------------------------------- */
.pseudo-content > .pseudo-list:first-child{
margin-top:-16px;
}

.pseudo-hdg-l3:not(.branch) + .pseudo-list{
margin-top:-13px;
}

/* .pseudo-list-btn-del
----------------------------------------------- */
.pseudo .pseudo-list .pseudo-list-btn-del{
margin:10px 0 0 auto;
padding:0;
display:block;
border:none;
font-size:12px;
}

/* .pseudo-list > ul
----------------------------------------------- */
.pseudo .pseudo-list > ul{
border-bottom:1px solid #e5e5e5;
line-height:1.35;
}

.pseudo .pseudo-list ul:not(.pseudo-form-list) > li{
border-top:1px solid #e5e5e5;
}

.pseudo .pseudo-list > ul > li:first-child{
border-top:none;
}

.pseudo .pseudo-list > ul li > a,
.pseudo .pseudo-list > ul li[aria-expanded] > button{
margin-bottom:-1px;
padding:4px 0;
border:none;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
min-height:44px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}

.pseudo .pseudo-list > ul li.has-child > a,
.pseudo .pseudo-list > ul li[aria-expanded] > button{
padding-right:20px;
}

.pseudo .pseudo-list > ul li.has-child > a::before{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#888;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:3px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

.pseudo .pseudo-list > ul li[aria-expanded] > button{
width:100%;
background:url(/element/j_hotel/shared/images/icon-arrow-down.svg) 100% 50% no-repeat;
background-size:12px auto;
text-align:left;
font-size:14px;
}

.pseudo .pseudo-list > ul li[aria-expanded='true'] > button{
background-image:url(/element/j_hotel/shared/images/icon-arrow-up.svg);
}

.pseudo .pseudo-list > ul li[aria-expanded] > button::before{
display:none;
}

.pseudo .pseudo-list ul:not(.pseudo-form-list) > li > label{
padding:3px 0 3px 30px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}

.pseudo .pseudo-list ul:not(.pseudo-form-list) > li > label input{
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
}

.pseudo .pseudo-list > ul .is-selected{
padding-right:24px;
background:url(/element_sp/j_hotel/shared/images/icon-selected.svg) 100% 50% no-repeat;
background-size:12px auto;
}

/* .pseudo-list > ul > ul
----------------------------------------------- */
.pseudo .pseudo-list > ul ul:not([class]){
margin-left:24px;
}

.pseudo .pseudo-list > ul ul li:last-child{
border-bottom:none;
}

.pseudo .pseudo-list > ul li[aria-expanded='false'] ul{
display:none;
}

.pseudo .pseudo-list > ul li[aria-expanded='true'] ul{
display:block;
}

/* .pseudo-list-dash
----------------------------------------------- */
.pseudo .pseudo-list-dash{
margin-top:8px;
}

.pseudo .pseudo-list-dash > li:not(:first-child){
margin-top:12px;
}

.pseudo .pseudo-list-dash .align-r{
text-align:right;
}

/* .pseudo-list-line
----------------------------------------------- */
.pseudo .pseudo-list-line{
margin-top:4px;
}

.pseudo .pseudo-list-line > li{
margin-top:4px;
display:inline-block;
}

.pseudo .pseudo-list-line > li:not(:last-child){
margin-right:12px;
}

.pseudo-toggle-01-content .pseudo-list-line{
margin-top:0;
}

/* .pseudo-list-num
----------------------------------------------- */
.pseudo .pseudo-list-num{
margin-top:8px;
}

.pseudo .pseudo-list-num > li{
display:-webkit-box;
display:flex;
}

.pseudo .pseudo-list-num > li > span{
min-width:1.25em;
}

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

.pseudo-toggle-01-content .pseudo-list-num{
margin-top:4px;
}

/* .pseudo-list-separate
----------------------------------------------- */
.pseudo .pseudo-list-separate{
margin-top:12px;
}

.pseudo .pseudo-list-separate > li{
display:-webkit-box;
display:flex;
}

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

.pseudo .pseudo-list-separate > li > div:first-child{
margin-right:4px;
padding-right:1em;
width:3.5em;
position:relative;
}

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

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

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

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

/* .pseudo-list-budget
----------------------------------------------- */
.pseudo .pseudo-list-budget{
margin-top:8px;
}

.pseudo .pseudo-list-budget > li{
margin-top:4px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.pseudo .pseudo-list-budget > li > span:first-child{
margin-right:8px;
}


/* ----------------------------------------------------------------
  Pseudo Button Modules
----------------------------------------------------------------- */
/* .pseudo-btn-toggle
----------------------------------------------- */
.pseudo-btn-toggle{
margin:16px 0;
}

.pseudo-btn-toggle button{
margin:0 auto;
padding:0 0 0 12px;
border:none;
display:block;
background:url(/element_sp/j_hotel/shared/images/icon-arrow-01-down.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:14px;
}

.pseudo-btn-toggle.is-active button{
background-image:url(/element_sp/j_hotel/shared/images/icon-arrow-01-up.svg);
}


/* ----------------------------------------------------------------
  Pseudo Form Modules
----------------------------------------------------------------- */
/* .pseudo-form-list
----------------------------------------------- */
.pseudo .pseudo-form-list{
margin-top:16px;
}

.pseudo .pseudo-form-list > li:not(:first-child){
margin-top:16px;
}

.pseudo .pseudo-form-list > li.is-hidden{
display:none;
}

.pseudo .pseudo-form-list .is-disabled > label{
color:#ccc;
}

.pseudo .pseudo-form-list > li > label{
padding-left:25px;
display:block;
position:relative;
}

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

.pseudo .pseudo-form-list > li ul{
margin-left:25px;
}

.pseudo .pseudo-form-list .num{
margin-left:2px;
display:inline-block;
min-width:4em;
font-size:12px;
}

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

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

.pseudo .pseudo-form-list .hotel-rank > span > span{
width:80px;
vertical-align:top;
}

/* .pseudo-form-list.col-2
------------------------------- */
.pseudo .pseudo-form-list.col-2{
display:flex;
flex-wrap:wrap;
gap:16px 12px;
}

.pseudo .pseudo-form-list.col-2 > li{
margin:0;
width:calc(50% - 6px);
box-sizing:border-box;
}

.pseudo .pseudo-form-list.col-2 > li.row-1{
width:100%;
flex:none;
}

/* .pseudo-list > .pseudo-form-list
----------------------------------------------- */
.pseudo-list ul .pseudo-form-list{
margin:4px 0 16px;
}

/* .pseudo-header-utility > .pseudo-form-list
----------------------------------------------- */
.pseudo-header-utility .pseudo-form-list{
margin:0;
}

.pseudo-header-utility .pseudo-form-list > li{
margin-right:20px;
display:inline-block;
}

.pseudo-header-utility .pseudo-form-list > li:not(:first-child){
margin-top:0;
}

/* .pseudo-form-list-input
----------------------------------------------- */
.pseudo .pseudo-form-list-input{
margin-bottom:16px;
}

.pseudo .pseudo-form-list-input > li{
margin-top:8px;
}

.pseudo .pseudo-form-list-input span{
display:block;
}


/* ----------------------------------------------------------------
  Pseudo Toggle Modules
----------------------------------------------------------------- */
/* .pseudo-toggle
----------------------------------------------- */
.pseudo .pseudo-toggle{
margin-bottom:20px;
}

/* .pseudo-toggle-hook
----------------------------------------------- */
.pseudo .pseudo-toggle-hook{
margin-top:8px;
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
}

.pseudo .pseudo-toggle-hook button{
padding:3px 0;
border:none;
background:none;
font-size:12px;
}

.pseudo .pseudo-toggle-hook .pseudo-toggle-hook-btn{
padding-left:12px;
background:url(/element_sp/j_hotel/shared/images/icon-arrow-01-down.svg) no-repeat 0 49%;
background-size:8px auto;
}

.pseudo .pseudo-toggle[aria-expanded='true'] .pseudo-toggle-hook-btn{
background-image:url(/element_sp/j_hotel/shared/images/icon-arrow-01-up.svg);
}

/* .pseudo-toggle-hook-set
----------------------------------------------- */
.pseudo .pseudo-toggle-hook-set{
margin-left:20px;
color:var(--cmn-font-color-link);
}

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

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

/* .pseudo-toggle-01
----------------------------------------------- */
.pseudo .pseudo-toggle-01{
margin-bottom:16px;
font-size:12px;
}

.pseudo .pseudo-toggle-01:has(+ .pseudo-toggle-01){
margin-bottom:8px;
}

/* .pseudo-toggle-01-hook
----------------------------------------------- */
.pseudo .pseudo-toggle-01-hook{
margin-top:8px;
display:-webkit-box;
display:flex;
}

.pseudo .pseudo-toggle-01-hook button{
padding: 0;
border:none;
background:none;
font-size:12px;
}

.pseudo .pseudo-toggle-01-hook .pseudo-toggle-01-hook-btn{
padding-left:12px;
background:url(/element_sp/j_hotel/shared/images/icon-arrow-01-down.svg) no-repeat 0 49%;
background-size:8px auto;
}

.pseudo .pseudo-toggle-01[aria-expanded='true'] .pseudo-toggle-01-hook-btn{
background-image:url(/element_sp/j_hotel/shared/images/icon-arrow-01-up.svg);
}

/* .pseudo-toggle-01-content-01
----------------------------------------------- */
.pseudo .pseudo-toggle-01-content{
margin-top:4px;
padding:8px;
border-radius:4px;
position:relative;
background-color: #f5f5f5;
}

.pseudo .pseudo-toggle-01-content::before{
content:'';
display:block;
width:20px;
height:7px;
position:absolute;
top:-6px;
left:24px;
background:url(/element_sp/j_hotel/shared/images/icon-balloon-arrow.svg) no-repeat 100% 0;
}

.pseudo .pseudo-toggle-01-content > :first-child{
margin-top:0;
}

.pseudo .pseudo-toggle-01-content > :last-child{
margin-bottom:0;
}

.pseudo .pseudo-toggle-01-content p{
margin-top:4px;
}

.pseudo .pseudo-toggle-01[aria-expanded='false'] .pseudo-toggle-01-content{
display:none;
}

.pseudo .pseudo-toggle-01[aria-expanded='true'] .pseudo-toggle-01-content{
display:block;
}


/* ----------------------------------------------------------------
  Pseudo Word Search Modules
----------------------------------------------------------------- */
/* .pseudo-word-search
----------------------------------------------- */
.pseudo .pseudo-word-search{
padding:0 10px 8px;
background-color:#111;
}

.pseudo .pseudo-word-search > div{
padding-right:30px;
border-radius:4px;
background-color:#fff;
position:relative;
}

.pseudo .pseudo-word-search input{
padding:0 7px;
border:none;
height:44px;
}

.pseudo .pseudo-word-search button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
background:url(/element_sp/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px;
}

/* .pseudo-word-search-tab
----------------------------------------------- */
.pseudo .pseudo-word-search-tab{
margin-bottom:4px;
box-shadow:0 2px 4px rgba(0,0,0,.2);
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.pseudo .pseudo-word-search-tab > li{
-webkit-box-flex:1;
flex:1;
position:relative;
}

.pseudo .pseudo-word-search-tab > li:first-child{
-webkit-box-flex:1.2;
flex:1.2;
}

.pseudo .pseudo-word-search-tab button{
padding:0;
border:none;
color:var(--cmn-font-color-base);
width:100%;
height:52px;
line-height:1.25;
background:transparent;
font-size:14px;
}

.pseudo .pseudo-word-search-tab button[aria-selected="true"]{
position:relative;
}

.pseudo .pseudo-word-search-tab button[aria-selected="true"]::before{
content:'';
display:block;
width:84%;
height:2px;
overflow:hidden;
position:absolute;
bottom:8px;
left:8%;
background-color:var(--cmn-font-color-base);
}

.pseudo .pseudo-word-search-tab button:disabled{
color:#ccc;
}

.pseudo .pseudo-word-search-tab .blank button{
font-size:12px;
}

.pseudo .pseudo-word-search-tab .blank button::before{
content:'';
border:1px solid #bbb;
border-radius:3px;
display:block;
width:84%;
height:58%;
overflow:hidden;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}

/* .pseudo-word-search-tab-content
----------------------------------------------- */
.pseudo .pseudo-word-search-tab-content [role="tabpanel"]{
display:none;
}

.pseudo .pseudo-word-search-tab-content [role="tabpanel"].is-active{
display:block;
}

.pseudo .pseudo-content > .pseudo-word-search-tab-content{
margin-top:-16px;
}

/* Media Queries
----------------------------------------------- */
@media screen and (max-width: 374px){
.pseudo .pseudo-word-search-tab > li:first-child{
-webkit-box-flex:1;
flex:1;
}

.pseudo .pseudo-word-search-tab button span{
display:block;
}
}


/* ----------------------------------------------------------------
  Pseudo Suggest Modules
----------------------------------------------------------------- */
/* .pseudo-suggest
----------------------------------------------- */
.pseudo-content > .pseudo-suggest:first-child{
margin-top:-16px;
}

/* .pseudo-suggest-category
----------------------------------------------- */
.pseudo .pseudo-suggest-category{
margin:-12px -10px;
padding:12px 10px;
box-shadow:0 0 6px rgba(0,0,0,.3);
background-color:#fff;
}

/* .pseudo-suggest-category-hdg
----------------------------------------------- */
.pseudo .pseudo-suggest-category-hdg{
font-weight:normal;
font-size:11px;
}

/* .pseudo-suggest-sup
----------------------------------------------- */
.pseudo .pseudo-suggest-sup{
margin:20px 0;
}

/* .pseudo-suggest-filter
----------------------------------------------- */
.pseudo .pseudo-suggest-filter{
border-bottom:1px solid #e5e5e5;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:44px;
}

/* .pseudo-suggest-filter-pulldown
----------------------------------------------- */
.pseudo .pseudo-suggest-filter-pulldown{
position:relative;
}

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

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

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

/* .pseudo-suggest-filter-pulldown-content
----------------------------------------------- */
.pseudo .pseudo-suggest-filter-pulldown-content{
margin-top:8px;
padding:32px 16px 8px;
border-radius:3px;
box-sizing:border-box;
min-width:180px;
position:absolute;
top:100%;
left:0;
z-index:1;
box-shadow:0 0 6px rgba(0,0,0,.3);
background-color:#fff;
}

.pseudo .pseudo-suggest-filter-pulldown-content::before{
content:'';
display:block;
width:12px;
height:12px;
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
left:30px;
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
}

.pseudo .pseudo-suggest-filter-pulldown-content::after{
content:'';
display:block;
width:32px;
height:15px;
position:absolute;
top:0;
left:20px;
background-color:#fff;
}

/* .pseudo-suggest-filter-pulldown-content-hdg
----------------------------------------------- */
.pseudo .pseudo-suggest-filter-pulldown-content-hdg{
margin-bottom:8px;
}

/* .pseudo-suggest-filter-pulldown-content-list
----------------------------------------------- */
.pseudo .pseudo-suggest-filter-pulldown-content-list a,
.pseudo .pseudo-suggest-filter-pulldown-content-list > li > span{
padding:8px 0 8px 20px;
color:var(--cmn-font-color-base);
display:block;
text-decoration:none;
}

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

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

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

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

.pseudo .pseudo-suggest-filter-pulldown-content-list > .station a > span,
.pseudo .pseudo-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;
}

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

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

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

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

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

/* .pseudo-suggest-filter-pulldown-content-close
----------------------------------------------- */
.pseudo .pseudo-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_sp/j_hotel/shared/images/icon-close.svg) calc(100% - 12px) 12px no-repeat;
background-size:12px;
}

/* .pseudo-suggest-filter-pulldown-content
----------------------------------------------- */
.pseudo .pseudo-suggest-filter-pulldown-content{
display:none;
}

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

/* .pseudo-suggest-filter-search
----------------------------------------------- */
.pseudo .pseudo-suggest-filter-search{
margin-left:8px;
-webkit-box-flex:1;
flex:1;
text-align:right;
}

.pseudo .pseudo-suggest-filter-search button{
padding:0 0 0 20px;
border:none;
background:url(/element/j_hotel/shared/images/icon-search.svg) 0 60% no-repeat;
background-size:15px auto;
}

.pseudo .pseudo-suggest-filter-search button > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.pseudo .pseudo-suggest-filter-search button > span > .ellipsis{
-webkit-box-flex:1;
flex:1;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* .pseudo-suggest-list
----------------------------------------------- */
.pseudo .pseudo-suggest-list{
line-height:1.25;
font-size:14px;
}

.pseudo .pseudo-suggest-list > li{
border-bottom:1px solid #e5e5e5;
}

.pseudo .pseudo-suggest-list > li > a{
padding:4px 0;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
min-height:44px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}

.pseudo .pseudo-suggest-list > li[class] > a{
padding-left:26px;
position:relative;
}

.pseudo-suggest-list > li[class] > a::before{
margin-top:-8px;
content:'';
display:block;
width:15px;
height:16px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:contain;
}

.pseudo .pseudo-suggest-list > li > a > span > span:not(:first-child){
display:inline-block;
}

.pseudo .pseudo-suggest-list > li > a > span > span:nth-child(2){
margin-right:8px;
}

.pseudo .pseudo-suggest-list > .airport > a::before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
}

.pseudo .pseudo-suggest-list > .station > a::before{
background-image:url(/element/shared/images/icon/icon-train.svg);
}

.pseudo .pseudo-suggest-list > .spot > a::before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
}

.pseudo .pseudo-suggest-list > .hotel > a::before{
background-image:url(/element/shared/images/icon/icon-hotel.svg);
}

.pseudo .pseudo-suggest-list > .area > a::before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
}

.pseudo .pseudo-suggest-list > .onsen > a::before{
background-image:url(/element/j_hotel/shared/images/icon-onsen.svg);
}

.pseudo .pseudo-suggest-list > .address > a::before{
left:1px;
width:13px;
background-image:url(/element/j_hotel/shared/images/icon-address.svg);
}

.pseudo .pseudo-suggest-list > .minpaku{
padding-left:0;
display:block;
}

.pseudo .pseudo-suggest-list > .minpaku::before{
display:none;
}

.pseudo .pseudo-suggest-list > .minpaku > a > span{
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}

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

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

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

.pseudo .pseudo-suggest-category-list > li button{
padding:22px 0 0;
border:none;
color:var(--cmn-font-color-base);
width:100%;
height:42px;
position:relative;
background:transparent;
text-decoration:none;
text-align:center;
font-size:12px;
}

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

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

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

.pseudo .pseudo-suggest-category-list > li button:disabled{
color:#ccc;
cursor:default;
}

.pseudo .pseudo-suggest-category-list > li button:disabled::before{
opacity:.13;
}

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

.pseudo .pseudo-suggest-category-list .area button::before{
background-image:url(/element/shared/images/icon/icon-pin-gray.svg);
background-size:15px auto;
}

.pseudo .pseudo-suggest-category-list .station button::before{
background-image:url(/element/shared/images/icon/icon-train-gray.svg);
background-size:12px 14px;
}

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

.pseudo .pseudo-suggest-category-list .spot button::before{
background-image:url(/element/shared/images/icon/icon-flag-gray.svg);
background-size:11px 14px;
}

.pseudo .pseudo-suggest-category-list .hotel button::before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:17px 12px;
}

.pseudo .pseudo-suggest-category-list > li button > span{
padding-bottom:2px;
display:inline-block;
min-width:3em;
}

.pseudo .pseudo-suggest-category-list > li.is-active button > span{
box-shadow:0 2px 0 var(--cmn-font-color-base);
}


/* ----------------------------------------------------------------
  .pseudo-num-child
----------------------------------------------------------------- */
/* .pseudo-num-child
----------------------------------------------- */
.pseudo .pseudo-num-child{
margin:0 0 16px;
border-bottom:1px solid #e5e5e5;
}

.pseudo .pseudo-num-child > li{
margin-bottom:24px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.pseudo .pseudo-num-child > li > div:first-child{
-webkit-box-flex:1;
flex:1;
}

/* .pseudo-num-child-settings
----------------------------------------------- */
.pseudo .pseudo-num-child-settings{
margin:0 0 0 auto;
padding:0 30px;
width:110px;
position:relative;
box-sizing:border-box;
min-height:30px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.pseudo .pseudo-num-child-settings .num{
font-size:18px;
text-align:center;
}

.pseudo .pseudo-num-child-settings .hidden{
height:0;
overflow:hidden;
position:absolute;
}

.pseudo .pseudo-num-child-settings .sup{
margin-left:4px;
display:inline-block;
font-size:12px;
}

.pseudo .pseudo-num-child-settings button{
border:none;
color:rgba(0,0,0,0);
border-radius:5px;
position:absolute;
top:0;
width:30px;
height:30px;
overflow:hidden;
background:transparent;
}

.pseudo .pseudo-num-child-settings button:disabled{
opacity:.33;
}

.pseudo .pseudo-num-child-settings .minus{
left:0;
background:url(/element_sp/j_hotel/shared/images/icon-minus.svg) no-repeat 0 0;
}
.pseudo .pseudo-num-child-settings .plus{
right:0;
background:url(/element_sp/j_hotel/shared/images/icon-plus.svg) no-repeat 0 0;
}


/* ----------------------------------------------------------------
  .pseudo-plan
----------------------------------------------------------------- */
/* .pseudo-plan
----------------------------------------------- */
.pseudo .pseudo-plan{
padding-top:0;
padding-bottom:68px;
background-color:#bbb;
}

/* .pseudo-plan-header
----------------------------------------------- */
.pseudo .pseudo-plan-header{
margin:0 -10px;
padding:0 10px 10px;
box-shadow:0 2px 4px rgba(0,0,0,.2);
background-color:#fff;
}

.pseudo .pseudo-plan-header > p{
margin-top:8px;
}

/* .pseudo-plan-header-hdg
----------------------------------------------- */
.pseudo .pseudo-plan-header-hdg{
margin-bottom:2px;
padding-top:12px;
line-height:1.35;
font-size:16px;
font-weight:normal;
}

/* .pseudo-plan-header-list
----------------------------------------------- */
.pseudo .pseudo-plan-header-list{
margin:0;
font-size:12px;
}

.pseudo .pseudo-plan-header-list > li{
margin-top:2px;
display:inline-block;
}

.pseudo .pseudo-plan-header-list > li::after{
margin:0 4px;
content:'/';
display:inline-block;
}

.pseudo .pseudo-plan-header-list > li:last-child::after{
display:none;
}

.pseudo .pseudo-plan-header-list.branch > li:last-child::after{
display:inline-block;
}

/* .pseudo-plan-panel
----------------------------------------------- */
.pseudo .pseudo-plan-panel{
margin:12px -10px 0;
padding:12px;
background-color:#f5f5f5;
box-shadow:0 0 4px rgba(0,0,0,.3);
font-size:12px;
}

.pseudo .pseudo-plan-panel p + p{
margin-top:8px;
}

/* .pseudo-plan-panel-hdg
----------------------------------------------- */
.pseudo .pseudo-plan-panel-hdg{
margin-bottom:8px;
font-size:16px;
}

/* .pseudo-plan-panel-thumb
----------------------------------------------- */
.pseudo .pseudo-plan-panel-thumb{
margin:8px 0;
display:-webkit-box;
display:flex;
flex-direction:row-reverse;
}

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

/* .pseudo-plan-panel-thumb-column
----------------------------------------------- */
.pseudo .pseudo-plan-panel-thumb-column-hdg{
margin-bottom:8px;
font-weight:normal;
font-size:14px;
}

/* .pseudo-plan-panel-thumb-photo
----------------------------------------------- */
.pseudo .pseudo-plan-panel-thumb-photo{
margin-right:8px;
position:relative;
width:130px;
height:100px;
overflow:hidden;
}

.pseudo .pseudo-plan-panel-thumb-photo::before{
content:'';
display:block;
width:100%;
height:30px;
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;
}

.pseudo .pseudo-plan-panel-thumb-photo img{
width:130px;
height:100px;
object-fit:cover;
}

.pseudo .pseudo-plan-panel-thumb-photo > a,
.pseudo .pseudo-plan-panel-thumb-photo > span{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
left:6px;
bottom:4px;
font-size:10px;
z-index:1;
}

.pseudo .pseudo-plan-panel-thumb-photo .gallery{
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:6px;
right:6px;
min-height:12px;
min-width:18px;
background:rgba(0,0,0,.7) url(/element_sp/j_hotel/shared/images/icon-gallery-wht.svg) no-repeat 88% 50%;
background-size:11px auto;
font-size:10px;
text-align:center;
}

.pseudo .pseudo-plan-panel-thumb-photo .gallery > span{
height:0;
overflow:hidden;
position:absolute;
}

/* .pseudo-plan-panel-list-inline
----------------------------------------------- */
.pseudo .pseudo-plan-panel-list-inline{
margin-top:-2px;
font-size:12px;
}

.pseudo .pseudo-plan-panel-list-inline > li{
margin-top:2px;
display:inline-block;
}

.pseudo .pseudo-plan-panel-list-inline > li::after{
margin:0 4px;
content:'/';
display:inline-block;
}

.pseudo .pseudo-plan-panel-list-inline > li:last-child::after{
display:none;
}

.pseudo .pseudo-plan-panel-list-inline.branch > li:last-child::after{
display:inline-block;
}

/* .pseudo-plan-panel-list-bullet
----------------------------------------------- */
.pseudo .pseudo-plan-panel-list-bullet{
margin-bottom:4px;
}

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

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

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

.pseudo .pseudo-plan-panel-list-bullet img{
display: inline-block;
margin:0 2px;
vertical-align:text-top;
}

.pseudo .pseudo-plan-panel-list-bullet.column-2{
margin-top:-4px;
-webkit-column-count:2;
column-count:2;
-webkit-column-gap:12px;
column-gap:12px
}

.pseudo .pseudo-plan-panel-list-bullet.column-2 > li{
padding-top:4px;
box-sizing:border-box;
}

.pseudo .pseudo-plan-panel-list-bullet.column-2 > li:not(:first-child){
margin-top:0;
}

.pseudo .pseudo-plan-panel-list-bullet.column-2 > li::before{
top:11px;
}

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

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

.pseudo .pseudo-plan-panel-list-separate > li > div:first-child{
margin-right:8px;
width:5em;
box-sizing:border-box;
}

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

.pseudo .pseudo-plan-panel-list-inline + .pseudo-plan-panel-list-separate{
margin-top:8px;
}

/* .pseudo-plan-panel-thumb-column > .pseudo-plan-panel-list-separate
---------------------------- */
.pseudo-plan-panel-thumb-column .pseudo-plan-panel-list-separate > li:not(:first-child){
margin-top:0;
}

.pseudo-plan-panel-thumb-column .pseudo-plan-panel-list-separate > li > div:first-child{
width:7em;
}

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

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

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

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

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

.pseudo .pseudo-plan-panel-list-separate-colon .url{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.pseudo .pseudo-plan-panel-list-separate-colon .note{
margin-left:4px;
padding-left:16px;
display:inline-block;
position:relative;
}

.pseudo .pseudo-plan-panel-list-separate-colon .note::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

/* .pseudo-plan-panel-agt-info > .pseudo-plan-panel-list-separate-colon
----------------------------------------------- */
.pseudo-plan-panel-agt-info .pseudo-plan-panel-list-separate-colon > li:not(:first-child){
margin-top:8px;
}

/* .pseudo-plan-panel-meal > .pseudo-plan-panel-list-separate-colon
------------------------- */
.pseudo-plan-panel-meal .pseudo-plan-panel-list-separate-colon > li > div:first-child{
margin-right:0;
width:2em;
}

/* .pseudo-plan-panel-cancel > .pseudo-plan-panel-list-separate-colon
------------------------- */
.pseudo-plan-panel-cancel .pseudo-plan-panel-list-separate-colon{
margin:8px 0;
}

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

.pseudo-plan-panel-cancel .pseudo-plan-panel-list-separate-colon > li > div:first-child{
padding-right:calc(1em + 4px);
width:16em;
}

/* .pseudo-plan-panel-child > .pseudo-plan-panel-list-separate-colon
------------------------- */
.pseudo-plan-panel-child .pseudo-plan-panel-list-separate-colon{
margin-bottom:8px;
}

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

.pseudo-plan-panel-child .pseudo-plan-panel-list-separate-colon > li > div:first-child{
padding-right:calc(1em + 4px);
width:12em;
}

/* .pseudo-plan-panel-price-detail > .pseudo-plan-panel-list-separate-colon
----------------------------------------------- */
.pseudo-plan-panel-price-detail .pseudo-plan-panel-list-separate-colon > li > div:first-child{
width:11em;
}

/* .pseudo-plan-panel-payment > .pseudo-plan-panel-list-separate-colon
----------------------------------------------- */
.pseudo-plan-panel-payment .pseudo-plan-panel-list-separate-colon > li:not(:first-child){
margin-top:8px;
}

.pseudo-plan-panel-payment .pseudo-plan-panel-list-separate-colon > li > div:first-child{
width:6.5em;
}

/* .pseudo-plan-panel-list-separate-line
----------------------------------------------- */
.pseudo .pseudo-plan-panel-list-separate-line{
border-bottom:1px solid #ddd;
}

.pseudo .pseudo-plan-panel-list-separate-line > li{
border-top:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.pseudo .pseudo-plan-panel-list-separate-line > li > div{
padding:4px 8px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:30px;
}

.pseudo .pseudo-plan-panel-list-separate-line > li > div:first-child{
border-right:1px solid #ddd;
width:6em;
}

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

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

.pseudo .pseudo-plan-panel-more::after{
content:'...';
color:var(--cmn-font-color-base);
display:block;
position:absolute;
bottom:0;
left:0;
}

/* .pseudo-plan-panel-toggle
----------------------------------------------- */
.pseudo .pseudo-plan-panel-toggle{
margin-top:8px;
border:1px solid #ccc;
border-radius:4px;
background-color:#fff;
}

/* .pseudo-plan-panel-toggle-hook
----------------------------------------------- */
.pseudo .pseudo-plan-panel-toggle-hook{
padding:0 12px;
line-height:1.25;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
position:relative;
min-height:40px;
}

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

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

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

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

/* .pseudo-plan-panel-toggle-hook-hdg
----------------------------------------------- */
.pseudo .pseudo-plan-panel-toggle-hook-hdg{
margin-right:4px;
-webkit-box-flex:1;
flex:1;
white-space:nowrap;
font-size:14px;
}

/* .pseudo-plan-panel-toggle-hook-slash
----------------------------------------------- */
.pseudo .pseudo-plan-panel-toggle-hook-slash > span::after{
margin:0 4px;
content:'/';
display:inline-block;
}

.pseudo .pseudo-plan-panel-toggle-hook-slash > span:last-child::after{
display:none;
}

.pseudo .pseudo-plan-panel-toggle-hook-slash > span:first-child:last-child::after{
display:inline-block;
}

/* .pseudo-plan-panel-toggle-content
----------------------------------------------- */
.pseudo .pseudo-plan-panel-toggle-content{
padding:0 12px 12px;
display:none;
}

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

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

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

.pseudo .pseudo-plan-panel-meal-hdg:first-of-type{
margin-top:12px;
}

/* .pseudo-plan-panel-meal-hdg-01
----------------------------------------------- */
.pseudo .pseudo-plan-panel-meal-hdg-01{
margin:16px 0 2px;
padding:0 16px;
position:relative;
width:fit-content;
min-width:4.5em;
text-align:center;
font-weight:normal;
}

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

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

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

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

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

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

/* .pseudo-price-sum
----------------------------------------------- */
.pseudo .pseudo-plan-panel-price-detail-sum{
margin-bottom:16px;
}

/* .pseudo-plan-panel-price-detail-sum-hdg
----------------------------------------------- */
.pseudo .pseudo-plan-panel-price-detail-sum-hdg{
margin-bottom:4px;
padding-bottom:4px;
border-bottom:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
font-weight:normal;
font-size:14px;
}

.pseudo .pseudo-plan-panel-price-detail-sum-hdg .sup{
-webkit-box-flex:1;
flex:1;
text-align:right;
font-size:12px;
}

/* .pseudo-plan-panel-price-detail-sum-content
----------------------------------------------- */
.pseudo .pseudo-plan-panel-price-detail-sum-content{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.pseudo .pseudo-plan-panel-price-detail-sum-content .price{
-webkit-box-flex:1;
flex:1;
text-align:right;
}

.pseudo .pseudo-plan-panel-price-detail-sum-content .price b{
font-size:16px;
}

/* .pseudo-plan-panel-price-detail-breakdown
----------------------------------------------- */
.pseudo .pseudo-plan-panel-price-detail-breakdown{
border-bottom:1px solid #ddd;
}

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

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

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

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

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

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

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

/* .pseudo-plan-panel-price-detail-breakdown-item-hdg
----------------------------------------------- */
.pseudo .pseudo-plan-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:158px;
font-weight:normal;
}

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

.pseudo-plan-panel-price-detail-breakdown-item.night .pseudo-plan-panel-price-detail-breakdown-item-hdg > span > span{
display:block;
}
/* .pseudo-plan-panel-price-detail-breakdown-list
----------------------------------------------- */
.pseudo .pseudo-plan-panel-price-detail-breakdown-list{
-webkit-box-flex:1;
flex:1;
text-align:left;
}

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

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

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

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

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

/* .pseudo-plan-panel-payment-tab
----------------------------------------------- */
.pseudo .pseudo-plan-panel-payment-tab{
padding-bottom:7px;
display:-webkit-box;
display:flex;
}

.pseudo .pseudo-plan-panel-payment-tab > li:not(:last-child){
margin-right:16px;
}

.pseudo .pseudo-plan-panel-payment-tab button{
padding:0 0 0 12px;
border:none;
line-height:1;
display:block;
position:relative;
background:url(/element_sp/j_hotel/shared/images/icon-arrow-01-down.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:12px;
}

.pseudo .pseudo-plan-panel-payment-tab button[aria-selected="true"]{
background-image:url(/element_sp/j_hotel/shared/images/icon-arrow-01-up.svg);
}

.pseudo .pseudo-plan-panel-payment-tab button[aria-selected="true"]::before{
content:'';
display:block;
width:11px;
height:6px;
position:absolute;
bottom:-8px;
left:50%;
background:url(/element_sp/j_hotel/shared/images/icon-balloon-arrow-01.svg) no-repeat 100% 0;
}


/* .pseudo-plan-panel-payment-tab-content
----------------------------------------------- */
.pseudo .pseudo-plan-panel-payment-tab-content[role="tabpanel"]{
border-top: 1px solid #ddd;
padding-top:8px;
display:none;
}

.pseudo .pseudo-plan-panel-payment-tab-content[role="tabpanel"].is-active{
display:block;
}

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

/* .pseudo-plan-panel-agt-info-hdg
----------------------------------------------- */
.pseudo .pseudo-plan-panel-agt-info-hdg{
margin:0 60px 8px 0;
font-size:14px;
font-weight:normal;
}

/* .pseudo-plan-panel-agt-info-link
----------------------------------------------- */
.pseudo .pseudo-plan-panel-agt-info-link{
margin:8px 0 20px auto;
width:fit-content;
text-align:right;
}

.pseudo .pseudo-plan-panel-agt-info-link > li:not(:first-child){
margin-top:12px;
}

/* .pseudo-plan-panel-agt-info
----------------------------------------------- */
.pseudo .pseudo-plan-panel-agt-info-btn{
border:1px solid #ccc;
border-radius:4px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
position: absolute;
top:-32px;
right:0;
width:60px;
height:35px;
line-height:1;
background-color:rgba(255,255,255,.5);
text-align:center;
}

/* .pseudo-plan-footer
----------------------------------------------- */
.pseudo .pseudo-plan-footer{
color:#fff;
font-size:12px;
}

/* .pseudo-plan-footer-price
----------------------------------------------- */
.pseudo .pseudo-plan-footer-price{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .pseudo-plan-footer-price-detail
----------------------------------------------- */
.pseudo .pseudo-plan-footer-price-detail{
-webkit-box-flex:1;
flex:1;
}

.pseudo .pseudo-plan-footer-price-detail > span{
display:block;
}

.pseudo .pseudo-plan-footer-price-detail .data > span,
.pseudo .pseudo-plan-footer-price-detail .sum > span{
margin-right:4px;
display:inline-block;
}

.pseudo .pseudo-plan-footer-price-detail .sum b{
font-size:18px;
}

/* .pseudo-plan-footer-price-cv
----------------------------------------------- */
.pseudo .pseudo-plan-footer-price-cv > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.pseudo .pseudo-plan-footer-price-cv > div > div > span{
display:block;
line-height:1.25;
text-align:right;
}

.pseudo .pseudo-plan-footer-price-cv > div > a{
margin-left:4px;
color:#fff;
border-radius:4px;
width:88px;
height:44px;
background-color:var(--cmn-btn-color);
font-size:16px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

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

/* .pseudo-plan-footer-agt
----------------------------------------------- */
.pseudo .pseudo-plan-footer-agt{
margin-top:12px;
display:block;
text-align:right;
}

/* .pseudo-plan-footer-toggle
----------------------------------------------- */
.pseudo .pseudo-plan-footer-toggle{
margin-top:12px;
}

/* .pseudo-plan-footer-toggle-hook
----------------------------------------------- */
.pseudo .pseudo-plan-footer-toggle-hook{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.pseudo .pseudo-plan-footer-toggle-hook > span{
margin:0;
-webkit-box-flex:1;
flex:1;
}

.pseudo-plan-footer-toggle[aria-expanded] .pseudo-plan-footer-toggle-hook > button{
margin:0;
padding:0 0 0 12px;
border:none;
color:#fff;
background:url(/element_sp/j_hotel/shared/images/icon-arrow-01-down.svg) 0 50% no-repeat;
background-size:8px auto;
filter:brightness(0) invert(1);
font-size:12px;
}

.pseudo-plan-footer-toggle[aria-expanded="true"] .pseudo-plan-footer-toggle-hook > button{
background-image:url(/element_sp/j_hotel/shared/images/icon-arrow-01-up.svg);
}

/* .pseudo-plan-footer-toggle-content
----------------------------------------------- */
.pseudo .pseudo-plan-footer-toggle-content{
display:none;
}

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


/* ----------------------------------------------------------------
  .pseudo-footer
----------------------------------------------------------------- */
/* .pseudo-footer
----------------------------------------------- */
.pseudo .pseudo-footer{
padding:12px 10px;
box-sizing:border-box;
background-color:#444;
}

.pseudo .pseudo-footer .br{
display:block;
}

/* .pseudo-footer-nav-top
----------------------------------------------- */
.pseudo .pseudo-footer-nav-top{
padding:0;
display:grid;
grid-template-columns:100%;
grid-template-rows:auto auto;
background:none;
}

/* .pseudo-footer-nav-top-inner
----------------------------------------------- */
.pseudo-footer-nav-top > .pseudo-footer-nav-top-inner:first-child:not(:last-child){
padding:12px 10px;
grid-column:1 / 2;
grid-row:2 / 3;
background-color:#444;
}

.pseudo-footer-nav-top > .pseudo-footer-nav-top-inner:last-child{
grid-column:1 / 2;
grid-row:1 / 2;
height:0;
}

.pseudo-footer-nav-top .pseudo-footer-nav-top-inner .str-footer-nav-top{
margin:0 0 0 auto;
top:-56px;
position:relative;
}

/* .pseudo-footer-btn-list
----------------------------------------------- */
.pseudo .pseudo-footer-btn-list{
margin:0 auto;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
gap:10px;
max-width:calc((100% + 20px) * .8);
}

.pseudo .pseudo-footer-btn-list > li{
-webkit-box-flex:1;
flex:1;
}

.pseudo .pseudo-footer-btn-list > li:first-child:last-child{
margin:0 auto;
-webkit-box-flex:0;
flex:none;
}

.pseudo .pseudo-footer-btn-list > li:first-child:last-child button{
min-width:225px;
}

.pseudo .pseudo-footer-btn-list > .cv{
-webkit-box-flex:1;
flex:1;
}

.pseudo .pseudo-footer-btn-list button{
padding:4px 12px;
border:none;
border-radius:4px;
width:100%;
height:100%;
min-height:44px;
line-height:1.25;
font-size:16px;
}

.pseudo .pseudo-footer-btn-list > li.cv button{
color:#fff;
background-color:var(--cmn-btn-color);
}

.pseudo .pseudo-footer-btn-list button b{
font-weight:normal;
font-size:17px;
}

.pseudo .pseudo-footer-btn-list button:disabled{
opacity:.4;
}

.pseudo-footer-error .pseudo-footer-btn-list > li.cv button:disabled{
color:rgba(0,0,0,0);
}

/* .pseudo-footer-error
----------------------------------------------- */
.pseudo .pseudo-footer-error{
position:relative;
}

/* .pseudo-footer-error-inner
----------------------------------------------- */
.pseudo .pseudo-footer-error-inner{
color:#fff;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:100%;
text-align:center;
font-weight:bold;
}


/* ----------------------------------------------------------------
  .pseudo-gallery
----------------------------------------------------------------- */
/* .pseudo-lyt-gallery
----------------------------------------------- */
.pseudo-lyt-gallery{
background-color:#000;
}

/* .pseudo-gallery
----------------------------------------------- */
.pseudo-lyt-gallery [role="dialog"].pseudo-gallery{
color:#fff;
min-height:100%;
box-sizing:border-box;
line-height:1.42;
font-size:12px;
display:none;
position:static;
min-height:0;
box-sizing:border-box;
}

.pseudo-lyt-gallery [role="dialog"].pseudo-gallery.is-active{
width:auto;
height:auto;
display:block;
position:relative;
background-color:#000;
}

/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-lyt-gallery [role="dialog"].pseudo-gallery{
min-height:0;
}
}

/* .pseudo-gallery-header
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header{
padding:12px 10px 8px;
box-shadow:0 2px 6px rgba(0,0,0,.5);
box-sizing:border-box;
position:fixed;
top:0;
width:100%;
z-index:1;
font-size:12px;
background-color:#000;
}

.pseudo-gallery .pseudo-gallery-header > div:first-child{
position:relative;
}

.pseudo-gallery .pseudo-gallery-header > div:last-child{
margin-top:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.pseudo-gallery .pseudo-gallery-header > div:last-child > span{
-webkit-box-flex:1;
flex:1;
}

/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding-left:env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
}

.pseudo-gallery .pseudo-gallery-header > div:first-child{
-webkit-box-flex:1;
flex:1;
min-width:0;
}

.pseudo-gallery .pseudo-gallery-header > div:last-child{
margin:0 0 0 16px;
}
}

/* .pseudo-gallery-header-hdg
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-hdg{
margin:0 38px;
line-height:1.35;
font-weight:normal;
font-size:14px;
text-align:center;
}

.pseudo-gallery .pseudo-gallery-header-hdg > span{
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden;
}

/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header-hdg{
margin-right:0;
}
}

/* .pseudo-gallery-header-btn-prev
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-btn-prev{
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:-12px;
left:-10px;
width:48px;
height:45px;
background:url(/element_sp/j_hotel/shared/images/icon-close.svg) no-repeat 50% 50%;
background-size:16px auto;
filter:brightness(0) invert(1);
}

/* .pseudo-gallery-header-btn-resize
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-btn-resize{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
margin:0 0 0 auto;
padding:0;
border:none;
display:block;
font-size:14px;
}

/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header-btn-resize{
margin-left:20px;
}
}

/* .pseudo-gallery-header-filter
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-filter{
-webkit-box-flex:1;
flex:1;
position:relative;
}

.pseudo-gallery .pseudo-gallery-header-filter > button{
padding:0 12px 0 32px;
border:none;
border-radius:4px;
height:33px;
background:#fff url(/element_sp/j_hotel/shared/images/icon-filter.svg) no-repeat 12px 50%;
background-size:12px auto;
font-size:14px;
}

/* .pseudo-gallery-header-filter-pulldown
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-filter-pulldown{
margin-top:8px;
padding:24px 16px 10px;
border-radius:4px;
display:none;
position:absolute;
top:100%;
left:0;
box-sizing:border-box;
z-index:2;
background-color:#fff;
font-size:14px;
box-shadow:0 0 6px rgba(0,0,0,.3);
}

.pseudo-gallery-header-filter[aria-expanded="true"] .pseudo-gallery-header-filter-pulldown{
display:block;
}

.pseudo-gallery .pseudo-gallery-header-filter-pulldown::before{
margin-left:-6px;
content:'';
display:block;
width:12px;
height:12px;
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
left:50px;
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
}

.pseudo-gallery .pseudo-gallery-header-filter-pulldown::after{
margin-left:-20px;
content:'';
display:block;
width:40px;
height:15px;
position:absolute;
top:0;
left:50px;
background-color:#fff;
}

/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header-filter-pulldown{
left:auto;
right:0;
}

.pseudo-gallery .pseudo-gallery-header-filter-pulldown::before,
.pseudo-gallery .pseudo-gallery-header-filter-pulldown::after{
left:110px;
}
}

/* .pseudo-gallery-header-filter-pulldown-list
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-filter-pulldown-list{
margin:0;
line-height:1;
white-space:nowrap;
}

.pseudo-gallery .pseudo-gallery-header-filter-pulldown-list > li > a{
padding:10px 0 10px 23px;
color:var(--cmn-font-color-base);
display:block;
}

.pseudo-gallery-header-filter-pulldown-list > li.is-active > a{
background:url(/element_sp/j_hotel/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}

/* .pseudo-gallery-header-filter-pulldown-btn
----------------------------------------------- */
.pseudo-gallery-header-filter-pulldown-btn{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:24px;
height:24px;
position:absolute;
top:0;
right:0;
background:url(/element_sp/j_hotel/shared/images/icon-close.svg) 0 100% no-repeat;
background-size:12px;
}


/* .pseudo-gallery-content
----------------------------------------------- */
/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-content{
padding-left:env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
}
}

/* .pseudo-gallery-columns
----------------------------------------------- */
.pseudo-gallery-columns{
position:relative;
width:100%;
}

.pseudo-gallery-columns > li{
margin-bottom:12px;
width:50%;
box-sizing:border-box;
}

[class^="pseudo-gallery-columns"] a{
color:rgba(255,255,255,.6);
}

[class^="pseudo-gallery-columns"] a > span{
--cmn-dashed-color:rgba(255,255,255,.6);
--cmn-dashed-font-color:rgba(255,255,255,.6);
}

[class^="pseudo-gallery-columns"] img{
display:block;
width:auto;
height:auto;
width:100%;
}

[class^="pseudo-gallery-columns"] .image{
position:relative;
}

[class^="pseudo-gallery-columns"] .image::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%);
}

[class^="pseudo-gallery-columns"] .image a,
[class^="pseudo-gallery-columns"] .image span{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
bottom:4px;
left:8px;
font-size:10px;
}

[class^="pseudo-gallery-columns"] .note{
margin:8px 8px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
flex-wrap:wrap;
max-width:100%;
}

[class^="pseudo-gallery-columns"] .note > span,
[class^="pseudo-gallery-columns"] .note > a{
margin:0 8px;
}

[class^="pseudo-gallery-columns"] .note > span{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* .pseudo-gallery-columns no-photo
-------------------------------- */
[class^="pseudo-gallery-columns"] .image.no-photo{
padding:10% 0;
background-color:#fff;
}

[class^="pseudo-gallery-columns"] .image.no-photo img{
margin:auto;
width:100px;
}

/* .pseudo-gallery-columns-wide
----------------------------------------------- */
.pseudo-gallery-columns-wide > li{
margin-bottom:16px;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-align:center;
align-items:center;
}

.pseudo-gallery-columns-wide img{
width:auto;
max-width:100%;
max-height:539px;
}

.pseudo-gallery-columns-wide .note > span{
white-space:normal;
text-align:center;
}

/* .pseudo-gallery-columns no-photo
-------------------------------- */
.pseudo-gallery-columns-wide .image.no-photo{
width:100%;
}

.pseudo-gallery-columns-wide .image.no-photo img{
width:150px;
}

/* .pseudo-gallery-columns-wide.is-landscape
-------------------------------- */
.pseudo-gallery-columns-wide.is-landscape > li{
display:grid;
grid-template-columns:auto;
grid-template-rows:1fr auto;
text-align:center;
}

.pseudo-gallery-columns-wide.is-landscape .image{
position:relative;
grid-column:1;
grid-row:1 / 2;
height:100%;
}

.pseudo-gallery-columns-wide.is-landscape .image > div{
position:absolute;
top:0;
right:50%;
height:100%;
transform:translateX(50%);
overflow:hidden;
}

.pseudo-gallery-columns-wide.is-landscape img{
height:100%;
max-width:none;
}

.pseudo-gallery-columns-wide.is-landscape .note{
grid-column:1;
grid-row:2 / 3;
}



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

  .Modal Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .modal-hdg
----------------------------------------------------------------- */
.modal-hdg{
margin-bottom:16px;
font-size:16px;
font-weight:normal;
text-align:left;
}

p + .modal-hdg{
margin-top:12px;
}


/* ----------------------------------------------------------------
  .modal-wording
----------------------------------------------------------------- */
.modal-wording{
text-align:left;
font-size:12px;
}

.modal-wording img{
vertical-align:middle;
}


/* ----------------------------------------------------------------
  .modal-align-center
----------------------------------------------------------------- */
.modal-align-center{
text-align:center;
}


/* ----------------------------------------------------------------
  .modal-list-bullet
----------------------------------------------------------------- */
.modal-list-bullet{
margin-top:8px;
font-size:12px;
text-align:left;
}

.modal-list-bullet > li{
padding-left:6px;
position:relative;
}

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


/* ----------------------------------------------------------------
  .modal-info-area
----------------------------------------------------------------- */
.modal-info-area p{
margin-top:0;
line-height:1.5;
}

.modal-info-area img,
.modal-info-area-02 img{
max-width:100%;
}


/* ----------------------------------------------------------------
  .modal-realtime
----------------------------------------------------------------- */
/* .modal-realtime
----------------------------------------------- */
.modal-realtime{
font-size:13px;
}

/* .modal-realtime-tbl
----------------------------------------------- */
.modal-realtime .modal-realtime-tbl{
margin-top:12px;
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:12px;
}

.modal-realtime .modal-realtime-tbl th,
.modal-realtime .modal-realtime-tbl td{
padding:4px 2px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ddd;
text-align:center;
font-weight:normal;
}

.modal-realtime .modal-realtime-tbl thead th{
background-color:#f1f1f1;
}

.modal-realtime .modal-realtime-tbl-note{
color:var(--cmn-font-color-gray);
display:block;
}

.modal-realtime .modal-realtime-tbl-note::before{
margin-right:4px;
content:'\203b';
display:inline-block;
}


/* ----------------------------------------------------------------
  .modal-dp
----------------------------------------------------------------- */
/* .modal-dp
----------------------------------------------- */
div.modal-dp > :first-child{
margin-top:0;
}

/* .modal-dp-hdg
----------------------------------------------- */
.modal-dp .modal-dp-hdg{
margin:16px 0 8px;
font-size:16px;
font-weight:normal;
}

.modal-dp .modal-dp-hdg > span{
display:inline-block;
background-repeat:no-repeat;
background-position:100% 50%;
}

.modal-dp .modal-dp-hdg.air > span{
padding-right:90px;
background-image:url(/element_sp/j_hotel/shared/images/link-list-dp-bg-air.png);
background-size:85px auto;
}

.modal-dp .modal-dp-hdg.jr > span{
padding-right:38px;
background-image:url(/element/j_hotel/shared/images/plan-hook-bg-jr.png);
background-size:35px auto;
}

/* .modal-dp-btn
----------------------------------------------- */
.modal-dp .modal-dp-btn{
margin-top:8px;
padding:8px;
border:1px solid #bbb;
border-radius:3px;
color:var(--cmn-font-color-base);
line-height:1;
min-width:165px;
box-sizing:border-box;
display:table;
font-size:14px;
text-align:center;
}

.modal-dp .modal-dp-btn > span{
padding-right:18px;
display:inline-block;
position:relative;
}

.modal-dp .modal-dp-btn > span > span{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
right:0;
}


/* ----------------------------------------------------------------
  .modal-share
----------------------------------------------------------------- */
/* .modal-share
----------------------------------------------- */
.info-text .modal-share{
margin-bottom:-20px;
}

.modal-share > p{
margin-top:16px;
font-size:14px;
}

/* .modal-share-list
----------------------------------------------- */
.modal-share-list{
margin:0 auto;
width:240px;
text-align:center;
}

.modal-share-list > li{
margin-top:12px;
}

.modal-share-list button{
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:100%;
height:36px;
background-color:#fff;
overflow:hidden;
font-size:14px;
}

.modal-share-list .line,
.modal-share-list .fb,
.modal-share-list .tw{
display:inline-block;
}

.modal-share-list .fb{
margin:0 20px;
}

.modal-share-list .line button,
.modal-share-list .fb button,
.modal-share-list .tw button{
border:none;
color:rgba(0,0,0,0);
width:40px;
height:40px;
background-repeat:no-repeat;
background-position:50% 50%;
background-color:transparent;
}

.modal-share-list .line button{
background-image:url(/element/shared/images/icon/icon-sns-line.svg);
}

.modal-share-list .fb button{
background-image:url(/element/shared/images/icon/icon-sns-fb.svg);
}

.modal-share-list .tw button{
background-image:url(/element/shared/images/icon/icon-sns-twitter.svg);
}

.modal-share-list .mail{
margin-top:16px;
}

.modal-share-list .mail button,
.modal-share-list .sms button,
.modal-share-list .copy button{
padding-left:42px;
text-align:left;
background-repeat:no-repeat;
background-position:16px 50%;
background-size:18px auto;
}

.modal-share-list .mail button{
background-image:url(/element_sp/j_hotel/shared/images/icon-mail.svg);
}

.modal-share-list .sms button{
background-image:url(/element_sp/j_hotel/shared/images/icon-sms.svg);
}

.modal-share-list .copy button{
background-image:url(/element_sp/j_hotel/shared/images/icon-copy.svg);
background-size:15px auto;
background-position:18px 50%;
}

.modal-share-list .copy span{
margin-top:8px;
display:block;
font-size:11px;
text-align:left;
}

/* .modal-share-list.instagram
----------------------------------------------- */
.modal-share-list.instagram{
padding-top:44px;
background:url(/element/shared/images/icon/icon-sns-instagram.svg) 50% 0 no-repeat;
background-size:40px;
}


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

  .agt-link

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .agt-link
----------------------------------------------------------------- */
.agt-link{
margin:10px 0;
color:var(--cmn-font-color-base);
line-height:1.42;
font-size:12px;
}


/* ----------------------------------------------------------------
  .agt-link-lyt-sticky
----------------------------------------------------------------- */
.agt-link-lyt-sticky{
padding-bottom:100px;
}


/* ----------------------------------------------------------------
  .agt-link-hdg
----------------------------------------------------------------- */
.agt-link .agt-link-hdg{
margin-bottom:8px;
font-size:16px;
font-weight:normal;
text-align:center;
}


/* ----------------------------------------------------------------
  .agt-link-catch
----------------------------------------------------------------- */
.agt-link .agt-link-catch{
text-align:center;
}


/* ----------------------------------------------------------------
  .agt-link-btn
----------------------------------------------------------------- */
.agt-link .agt-link-btn{
margin:20px auto;
border:1px solid #bbb;
border-radius:4px;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
max-width:300px;
height:38px;
line-height:1;
font-size:14px;
text-align:center;
}


/* ----------------------------------------------------------------
  .agt-link-box
----------------------------------------------------------------- */
.agt-link .agt-link-box{
margin:12px 0;
padding:12px;
border:1px solid #ddd;
}

.agt-link .agt-link-box > :first-child{
margin-top:0;
}

.agt-link .agt-link-box > :last-child{
margin-bottom:0;
}


/* ----------------------------------------------------------------
  .agt-link-realtime
----------------------------------------------------------------- */
.agt-link .agt-link-realtime{
margin:20px 0;
padding:12px;
border:1px solid #ddd;
font-size:14px;
}

.agt-link .agt-link-realtime > :first-child{
margin-top:0;
}

.agt-link .agt-link-realtime > :last-child{
margin-bottom:0;
}

.agt-link .agt-link-realtime img{
max-width:375px;
width:100%;
display:block;
}


/* ----------------------------------------------------------------
  .agt-link-realtime-hdg
----------------------------------------------------------------- */
.agt-link .agt-link-realtime-hdg{
font-weight:normal;
}


/* ----------------------------------------------------------------
  .agt-link-price-changed
----------------------------------------------------------------- */
.agt-link .agt-link-price-changed{
margin:16px 0 20px;
}

.agt-link .agt-link-price-changed > p{
text-align:center;
font-weight:bold;
font-size:14px;
}

.agt-link .agt-link-price-changed p strong{
font-weight:bold;
}


/* ----------------------------------------------------------------
  .agt-link-price-changed-detail
----------------------------------------------------------------- */
.agt-link .agt-link-price-changed-detail{
margin-top:12px;
padding:12px;
border:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}


/* ----------------------------------------------------------------
  .agt-link-price-changed-detail-hdg
----------------------------------------------------------------- */
.agt-link .agt-link-price-changed-detail-hdg{
margin-right:4px;
font-weight:normal;
}


/* ----------------------------------------------------------------
  .agt-link-price-changed-detail-list
----------------------------------------------------------------- */
.agt-link .agt-link-price-changed-detail-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
}

.agt-link .agt-link-price-changed-detail-list > li:first-child{
padding-right:36px;
color:#ccc;
background:url(/element_sp/j_hotel/agt_link/images/icon-arrow.svg) calc(100% - 8px) 50% no-repeat;
background-size:20px auto;
}

.agt-link .agt-link-price-changed-detail-list > li > span,
.agt-link .agt-link-price-changed-detail-list > li > b{
font-size:18px;
}


/* ----------------------------------------------------------------
  .agt-link-sticky-footer
----------------------------------------------------------------- */
.agt-link .agt-link-sticky-footer{
padding:12px 10px;
position:fixed;
left:0;
bottom:0;
width:100%;
box-sizing:border-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
background-color:rgba(34,34,34,.8);
}


/* ----------------------------------------------------------------
  .agt-link-sticky-footer-inner
----------------------------------------------------------------- */
.agt-link .agt-link-sticky-footer-inner{
width:80%;
min-width:300px;
}

.agt-link .agt-link-sticky-footer-inner > :first-child{
margin-top:0;
}

.agt-link .agt-link-sticky-footer-inner > :last-child{
margin-bottom:0;
}


/* ----------------------------------------------------------------
  .agt-link-sticky-footer-btn
----------------------------------------------------------------- */
.agt-link .agt-link-sticky-footer-btn{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.agt-link .agt-link-sticky-footer-btn > li{
-webkit-box-flex:1;
flex:1;
}

.agt-link .agt-link-sticky-footer-btn > li:not(:first-child){
margin-left:12px;
}

.agt-link .agt-link-sticky-footer-btn button{
border:none;
border-radius:4px;
width:100%;
height:50px;
line-height:1.35;
background-color:#fff;
font-size:14px;
}

.agt-link .agt-link-sticky-footer-btn button > span{
display:block;
}



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

  calendar Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .calendar
----------------------------------------------------------------- */
.calendar{
margin:0 -10px;
}

.calendar + .calendar{
margin-top:12px;
padding-top:20px;
border-top:1px solid #e5e5e5;
}


/* ----------------------------------------------------------------
  .calendar-header
----------------------------------------------------------------- */
.calendar .calendar-header{
margin:0 10px 14px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}


/* ----------------------------------------------------------------
  .calendar-hdg
----------------------------------------------------------------- */
.calendar .calendar-header-hdg{
-webkit-box-flex:1;
flex:1;
font-size:16px;
font-weight:bold;
}


/* ----------------------------------------------------------------
  .calendar-header-sup
----------------------------------------------------------------- */
.calendar .calendar-header-sup{
padding:0;
border:none;
font-size:12px;
}


/* ----------------------------------------------------------------
  .calendar-tbl
----------------------------------------------------------------- */
.calendar .calendar-tbl{
width:100%;
border-spacing:0;
table-layout:fixed;
border-collapse:collapse;
text-align:center;
line-height:1;
}

.calendar .calendar-tbl th{
padding:0 0 16px;
font-weight:normal;
}

.calendar .calendar-tbl th:nth-child(1){
color:var(--cmn-font-color-red);
}

.calendar .calendar-tbl td{
padding:0;
height:46px;
}

.calendar .calendar-tbl td a{
margin:0 auto;
padding:0;
border-radius:50%;
color:var(--cmn-font-color-base);
display:block;
line-height:38px;
box-sizing:border-box;
}

.calendar .calendar-tbl td:nth-child(1) a{
color:var(--cmn-font-color-red);
}

.calendar .calendar-tbl td.holiday a{
color:var(--cmn-font-color-red);
}

.calendar .calendar-tbl td.is-active a{
color:#fff;
width:38px;
background-color:var(--cmn-btn-color);
}

.calendar .calendar-tbl td.is-disabled a{
color:#ccc;
}



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

  Dynamic Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
   calendar Cheapest
----------------------------------------------------------------- */
/* .calendar-cheapest-header
----------------------------------------------- */
.calendar-cheapest-header{
margin-bottom:20px;
padding:0 70px;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
box-sizing:border-box;
position:relative;
}

/* .calendar-cheapest-header-hdg
----------------------------------------------- */
.calendar-cheapest-header-hdg{
line-height:1.15;
font-size:18px;
text-align:center;
font-weight:bold;
}

.calendar-cheapest-header-hdg > span{
display:block;
font-weight:normal;
font-size:12px;
}

.calendar-cheapest-header-hdg > span b{
color:var(--cmn-font-color-red);
display:inline-block;
font-size:14px;
}

/* .calendar-cheapest-header-nav
----------------------------------------------- */
.calendar-cheapest-header-nav li{
position:absolute;
bottom:50%;
transform:translateY(50%);
}

.calendar-cheapest-header-nav .prev{
left:0;
}

.calendar-cheapest-header-nav .next{
right:0;
}

.calendar-cheapest-header-nav button{
padding:0;
border:1px solid #bbb;
border-radius:4px;
width:65px;
height:30px;
position:relative;
background-color:#fff;
font-weight:bold;
font-size:14px;
}

.calendar-cheapest-header-nav button::before{
margin-top:-6px;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
border-width: 6px 0 6px 5px;
border-color:transparent transparent transparent #888;
border-style:solid;
}

.calendar-cheapest-header-nav .prev button{
padding-left:16px;
}

.calendar-cheapest-header-nav .prev button::before{
left:10px;
transform:rotate(180deg);
}

.calendar-cheapest-header-nav .next button{
padding-right:16px;
}

.calendar-cheapest-header-nav .next button::before{
right:10px;
}

/* .calendar-cheapest-tbl-sup
----------------------------------------------- */
.calendar-cheapest-tbl-sup{
margin-bottom:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:12px;
}

.calendar-cheapest-tbl-sup > span{
-webkit-box-flex:1;
flex:1;
text-align:right;
}

.calendar-cheapest-tbl-sup > span[role]{
padding-left:22px;
position:relative;
-webkit-box-flex:0;
flex:none;
text-align:left;
}

.calendar-cheapest-tbl-sup > span[role]::before{
content:'';
border:1px solid rgba(233,57,57,.5);
border-radius:50%;
display:block;
box-sizing:border-box;
width:18px;
height:12px;
overflow:hidden;
position:absolute;
top:2px;
left:0;
}

/* .calendar-cheapest-tbl
----------------------------------------------- */
.calendar-cheapest-tbl{
position:relative;
min-height:266px;
}

.calendar-cheapest-tbl table{
width:100%;
border-spacing:0;
table-layout:fixed;
border-collapse:collapse;
text-align:center;
line-height:1;
font-size:12px;
}

.calendar-cheapest-tbl th,
.calendar-cheapest-tbl td{
padding:0;
font-weight:normal;
}

.calendar-cheapest-tbl th{
padding-bottom:8px;
}

.calendar-cheapest-tbl th:nth-child(1){
color:var(--cmn-font-color-red);
}

.calendar-cheapest-tbl tr{
border-bottom:1px solid #e5e5e5;
}

.calendar-cheapest-tbl td > a,
.calendar-cheapest-tbl td > div{
padding:8px 0 2px;
color:var(--cmn-color-font-base);
box-sizing:border-box;
min-height:48px;
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

.calendar-cheapest-tbl td:not(.no-room) > div{
color:var(--cmn-font-color-base);
opacity:.33;
}

.calendar-cheapest-tbl .date{
color:var(--cmn-font-color-gray);
width:42px;
}

.calendar-cheapest-tbl td:nth-child(1) .date,
.calendar-cheapest-tbl .holiday .date{
color:var(--cmn-font-color-red);
}

.calendar-cheapest-tbl .price{
color:var(--cmn-font-color-link);
position:relative;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
text-align:center;
width:100%;
}

.calendar-cheapest-tbl .icon-cheapest{
color:rgba(0,0,0,0);
content:'';
border:1px solid rgba(233,57,57,.5);
border-radius:48%;
display:block;
box-sizing:border-box;
width:100%;
height:20px;
overflow:hidden;
position:absolute;
bottom:50%;
right:50%;
transform:translate(50%,50%);
}

.calendar-cheapest-tbl .is-active .date,
.calendar-cheapest-tbl td.is-active:nth-child(1) .date{
color:#fff;
background-color:var(--cmn-btn-color);
}

.calendar-cheapest-tbl .no-room .price{
opacity:.33;
color:rgba(0,0,0,0);
background:url(/element_sp/j_hotel/shared/images/icon-calendar-state-no.svg) no-repeat 50% 50%;
background-size:8px auto;
}

/* .calendar-cheapest-tbl-loading
----------------------------------------------- */
.calendar-cheapest-tbl .calendar-cheapest-tbl-loading{
display:none;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(255,255,255,.75);
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.calendar-cheapest-tbl .calendar-cheapest-tbl-loading.is-active{
display:-webkit-box;
display:flex;
}

.calendar-cheapest-tbl .calendar-cheapest-tbl-loading > div{
padding:18px;
border-radius:6px;
box-shadow:0 0 5px rgba(0,0,0,.2);
background-color:#fff;
}


/* ----------------------------------------------------------------
  .slider
----------------------------------------------------------------- */
/* .slider
----------------------------------------------- */
.slider{
margin:12px 0 0;
width:auto;
height:auto;
position:relative;
line-height:1;
background-color:transparent;
}

.map-filter-detail-all-pulldown .slider{
margin-top:-10px;
}

/* .slider-ui
----------------------------------------------- */
.slider-ui{
margin:0 14px 20px;
padding:0 0 2px;
box-sizing:border-box;
position:relative;
}

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

.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:none;
border-radius:10px;
position:absolute;
bottom:0;
left:0;
width:100%;
height:2px;
background:#bbb;
}

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

/* .slider-ui-range-handle
----------------------------------------------- */
.slider .slider-ui .slider-ui-range-handle,
.slider .slider-ui .ui-slider-handle{
margin-left:-16px;
border-radius:50%;
border:2px solid #177bcb;
width:32px;
height:32px;
box-sizing:border-box;
position:absolute;
bottom:-16px;
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{
min-width:5em;
text-align:center;
}

.slider-num > span:first-child{
min-width:2em;
}


/* .slider-input
----------------------------------------------- */
.slider-input{
margin-top:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap: 8px;
}

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

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

.slider-input input.is-error{
border-color:rgba(var(--cmn-font-color-red-rgb), .35);
background-color:rgba(var(--cmn-font-color-red-rgb), .1);
}



/* ----------------------------------------------------------------
  Carousel Image
----------------------------------------------------------------- */
/* .carousel-image
----------------------------------------------- */
.carousel-image{
margin:0 -10px 12px;
position:relative;
height:250px;
}

/* .pseudo-plan > .carousel-image
------------------------- */
.pseudo-plan .carousel-image{
margin-bottom:0;
}

/* .carousel-image-inner
----------------------------------------------- */
.carousel-image .carousel-image-inner{
overflow:hidden;
position:relative;
}

/* .carousel-image-list
----------------------------------------------- */
.carousel-image .carousel-image-list{
margin:0;
overflow:hidden;
width:20400%;
}

.carousel-image .carousel-image-list > li{
float:left;
position:relative;
}

.carousel-image .carousel-image-list > li > span{
position:relative;
display:block;
height:250px;
overflow:hidden;
background-color:#f1f1f1;
}

.carousel-image .carousel-image-list > li > span img{
width:100%;
height:100%;
object-fit:cover;
}

.carousel-image .carousel-image-list::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,.1) 20%, rgba(0,0,0,.4) 60%, rgba(0,0,0,.7) 100%);
z-index:1;
}

/* .carousel-image-list.no-photo
----------------------------------------------- */
.carousel-image .carousel-image-list.no-photo > li > span,
.carousel-image .carousel-image-list > li.no-photo > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background-color:#fff;
}

.carousel-image .carousel-image-list.no-photo > li > span img,
.carousel-image .carousel-image-list > li.no-photo > span img{
display:block;
width:150px;
height:150px;
}

.carousel-image .carousel-image-list.no-photo::before{
display:none;
}

/* .carousel-image-dots
----------------------------------------------- */
.carousel-image .carousel-image-dots{
margin:0;
position:absolute;
bottom:6px;
left:45%;
height:8px;
z-index:1;
}

.carousel-image .carousel-image-dots > div{
margin:auto;
border-radius:50%;
width:4px;
height:4px;
position:absolute;
left:0;
right:0;
transition:.3s ease-in-out;
background-color:rgba(255,255,255,.6);
}

.carousel-image .carousel-image-dots > .is-active{
background-color:rgba(255,255,255,.9);
}

/* .carousel-image-gallery
----------------------------------------------- */
.carousel-image .carousel-image-gallery{
padding:3px 28px 2px 8px;
border:none;
border-radius:3px;
color:#fff;
overflow:hidden;
position:absolute;
bottom:6px;
right:8px;
z-index:1;
min-height:22px;
min-width:50px;
background:rgba(0,0,0,.45) url(/element_sp/j_hotel/shared/images/icon-gallery-wht.svg) no-repeat calc(100% - 8px) 50%;
background-size:11px auto;
font-size:12px;
text-align:center;
}

.carousel-image .carousel-image-gallery > span{
height:0;
overflow:hidden;
position:absolute;
}

/* .pseudo-plan > .carousel-image-gallery
----------------------------------------------- */
.pseudo-plan .carousel-image-gallery{
border:1px solid rgba(255,255,255,.5);
box-sizing:content-box;
min-height:18px;
min-width:38px;
background-color:rgba(0,0,0,.7);
background-size:14px auto;
font-size:14px;
}

/* .carousel-image-agt
----------------------------------------------- */
.carousel-image .carousel-image-agt{
position:absolute;
bottom:6px;
left:8px;
color:rgba(255,255,255,.7);
font-size:10px;
z-index:1;
max-width:30%;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}

/* .carousel-image-sns
----------------------------------------------- */
.carousel-image .carousel-image-sns{
padding:0;
border:none;
border-radius:6px;
color:rgba(0,0,0,0);
position:absolute;
top:12px;
right:12px;
width:28px;
height:28px;
z-index:1;
overflow:hidden;
background:rgba(0,0,0,.45) url(/element_sp/j_hotel/shared/images/icon-instagram.svg) no-repeat 50% 50%;
background-size:18px;
}


/* ----------------------------------------------------------------
  Carousel Recommend
----------------------------------------------------------------- */
/* .carousel-recommend
----------------------------------------------- */
.carousel-recommend{
margin:0 -12px;
overflow:hidden;
font-size:12px;
}

.carousel-recommend .br{
display:block;
}

.seo .seo-card .carousel-recommend{
margin-bottom:0;
}

.seo-hdg + .carousel-recommend,
.seo-card .carousel-recommend.ranking,
.seo-card .carousel-recommend.ranking-onsen,
.seo-card .notice-list + .carousel-recommend,
.seo-card p + .carousel-recommend{
margin-top:-6px;
padding:6px 12px;
}

.seo > .carousel-recommend,
.seo-toggle-content > .carousel-recommend{
margin:-6px -8px;
padding:6px 8px;
}

/* .carousel-recommend-list
----------------------------------------------- */
.carousel-recommend .carousel-recommend-list{
margin:0;
padding:0;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
line-height:1.25;
}

.carousel-recommend .carousel-recommend-list > li{
border:1px solid #ccc;
border-radius:4px;
width:214px;
min-width:214px;
box-sizing:border-box;
overflow:hidden;
background-color:#fff;
}

.carousel-recommend .carousel-recommend-list > li > a{
color:var(--cmn-font-color-base);
position:relative;
display:grid;
grid-template-columns:86px 1fr;
grid-template-rows:1fr;
min-height:185px;
height:100%;
}

/* .seo / .seo-toggle-content > .carousel-recommend
-------------------------------- */
.seo > .carousel-recommend .carousel-recommend-list > li,
.seo-toggle-content > .carousel-recommend .carousel-recommend-list > li{
border:none;
box-shadow:0 0 4px rgba(0,0,0,.3);
}

/* .carousel-recommend.ranking > .carousel-recommend-list
-------------------------------- */
.carousel-recommend.ranking .carousel-recommend-list > li{
width:304px;
min-width:304px;
}

.carousel-recommend.ranking .carousel-recommend-list > li > a{
grid-template-columns:100px 1fr;
grid-template-rows:130px 1fr;
min-height:185px;
}

/* .carousel-recommend.ranking-onsen > .carousel-recommend-list
-------------------------------- */
.carousel-recommend.ranking-onsen .carousel-recommend-list > li{
width:304px;
min-width:304px;
}

.carousel-recommend.ranking-onsen .carousel-recommend-list > li > a{
grid-template-columns:100px 1fr;
grid-template-rows:130px 1fr;
min-height:0;
}

/* .carousel-recommend-list.branch
-------------------------------- */
.carousel-recommend.ranking .carousel-recommend-list.branch > li > a{
min-height:0;
}

/* .carousel-recommend-icon-rank
----------------------------------------------- */
.carousel-recommend [class^="carousel-recommend-icon-rank"]{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:22px;
height:26px;
overflow:hidden;
position:absolute;
top:0;
left:8px;
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;
background-size:22px 26px;
font-size:14px;
}

.carousel-recommend [class^="carousel-recommend-icon-rank"] > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .carousel-recommend-detail
----------------------------------------------- */
.carousel-recommend .carousel-recommend-detail{
padding:8px;
grid-column:2 / 3;
grid-row:1 / 3;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
min-width:0;
}

.carousel-recommend .carousel-recommend-detail > span:first-child{
margin-top:0;
min-height:2.5rem;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}

.carousel-recommend .carousel-recommend-detail > span{
display:block;
margin-bottom:16px;
}

/* .carousel-recommend.ranking > .carousel-recommend-detail
-------------------------------- */
.carousel-recommend.ranking .carousel-recommend-detail{
padding:12px;
gap:4px 0;
}

.carousel-recommend.ranking .carousel-recommend-detail > span{
margin-bottom:0;
}

.carousel-recommend.ranking .carousel-recommend-detail > span:not([class^="carousel-recommend"]){
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* .carousel-recommend.ranking-onsen > .carousel-recommend-detail
-------------------------------- */
.carousel-recommend.ranking-onsen .carousel-recommend-detail{
padding:12px;
}

.carousel-recommend.ranking-onsen .carousel-recommend-detail > span{
margin-bottom:0;
}

/* .carousel-recommend-list.branch > .carousel-recommend-detail
----------------------------------------------- */
.carousel-recommend.ranking .carousel-recommend-list.branch .carousel-recommend-detail{
padding-bottom:0;
grid-row:1 / 2;
}

/* .carousel-recommend-catch
----------------------------------------------- */
.carousel-recommend .carousel-recommend-list .carousel-recommend-detail .carousel-recommend-catch{
color:var(--cmn-font-color-link);
-webkit-line-clamp:2;
font-size:16px;
font-weight:normal;
}

.carousel-recommend .carousel-recommend-catch > span{
display:inline-block;
font-size:14px;
}

/* .ranking-onsen .carousel-recommend-catch
----------------------------------------------- */
.carousel-recommend.ranking-onsen .carousel-recommend-detail .carousel-recommend-catch{
margin-bottom:4px;
color:var(--cmn-font-color-base);
min-height:0;
}

/* .carousel-recommend-distance
----------------------------------------------- */
.carousel-recommend span.carousel-recommend-distance{
margin:-8px 0 0;
}

/* .carousel-recommend-price
----------------------------------------------- */
.carousel-recommend span.carousel-recommend-price{
margin:auto 0 0;
text-align:right;
}

.carousel-recommend .carousel-recommend-price > span{
display:block;
}

.carousel-recommend .carousel-recommend-price > span > span{
font-size:14px;
}

.carousel-recommend .carousel-recommend-price > span > span > b{
margin-bottom:-1px;
display:inline-block;
font-size:16px;
font-weight:normal;
}

/* .carousel-recommend-list.branch > .carousel-recommend-price
--------------------------- */
.carousel-recommend.ranking .carousel-recommend-list.branch .carousel-recommend-price{
padding:12px;
grid-column:1 / 3;
grid-row:2 / 3;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
-webkit-box-pack:end;
justify-content:flex-end;
flex-wrap:wrap;
line-height:1;
gap:0 4px;
}

/* .carousel-recommend-review
----------------------------------------------- */
.carousel-recommend .carousel-recommend-review{
padding:8px 0;
grid-column:1 / 2;
grid-row:2 / 3;
}

.carousel-recommend .carousel-recommend-review > span{
margin:0 auto;
display:block;
width:65px;
}

.carousel-recommend .carousel-recommend-review .face{
margin-left:16px;
padding-left:15px;
position:relative;
}

.carousel-recommend .carousel-recommend-review .face::before{
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:3px;
left:0;
background:url(/element/shared/images/icon/icon-review-5.svg) 0 0 no-repeat;
background-size:69px 11px;
}

.carousel-recommend .carousel-recommend-review .face > span{
display:inline-block;
line-height:18px;
}

/* .carousel-recommend.ranking > .carousel-recommend-review
-------------------------------- */
.carousel-recommend.ranking .carousel-recommend-review{
padding:0;
}

.carousel-recommend.ranking .carousel-recommend-review > span{
margin-top:0;
margin-bottom:0;
display:inline-block;
vertical-align:top;
}

/* .carousel-recommend-sup
----------------------------------------------- */
.carousel-recommend .carousel-recommend-detail .carousel-recommend-sup{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

/* .carousel-recommend.ranking-onsen > .carousel-recommend-sup
-------------------------------- */
.carousel-recommend.ranking-onsen .carousel-recommend-detail .carousel-recommend-sup{
-webkit-line-clamp:6;
}

/* .carousel-recommend-thumb
----------------------------------------------- */
.carousel-recommend .carousel-recommend-thumb{
position:relative;
grid-column:1 / 2;
grid-row:1 / 2;
overflow:hidden;
box-sizing:border-box;
}

.carousel-recommend .carousel-recommend-thumb::before{
content:'';
display:block;
width:100%;
height:3em;
overflow:hidden;
position:absolute;
left:0;
bottom:0;
background:linear-gradient(transparent 5%, rgba(0,0,0,.1) 25%, rgba(0,0,0,.5) 80%, rgba(0,0,0,.6) 100%);
z-index:1;
}

.carousel-recommend .carousel-recommend-thumb img{
position:absolute;
top:0;
right:50%;
transform:translateX(50%);
max-width:none;
height:100%;
}

.carousel-recommend .carousel-recommend-thumb > span{
color:rgba(255,255,255,.6);
display:block;
box-sizing:border-box;
position:absolute;
bottom:5px;
left:5px;
line-height:1;
z-index:1;
font-size:10px;
}

/* .carousel-recommend.ranking / ranking-onsen> .carousel-recommend-thumb
-------------------------------- */
.carousel-recommend.ranking .carousel-recommend-thumb,
.carousel-recommend.ranking-onsen .carousel-recommend-thumb{
border-bottom-right-radius:6px;
}

/* .carousel-recommend-thumb.no-photo
----------------------------------------------- */
.carousel-recommend .carousel-recommend-thumb.no-photo{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#eee;
background-color:#fcfcfc;
}

.carousel-recommend .carousel-recommend-thumb.no-photo::before{
display:none;
}

.carousel-recommend .carousel-recommend-thumb.no-photo img{
top:50%;
transform:translate(50%, -50%);
width:70px;
height:auto;
max-width:100%;
}


/* ----------------------------------------------------------------
  Carousel Ranking Area
----------------------------------------------------------------- */
/* .carousel-ranking-area
----------------------------------------------------------------- */
.carousel-ranking-area{
margin:-4px -8px;
padding:4px 8px;
}

/* .seo-card > .carousel-ranking-area
----------------------------------------------- */
.seo-card .carousel-ranking-area{
margin:0 -12px;
padding:0 12px;
}

/* .carousel-ranking-area-item
----------------------------------------------------------------- */
.carousel-ranking-area .carousel-ranking-area-item{
padding:8px 12px 12px;
border-radius:6px;
box-sizing:border-box;
box-shadow:0 0 4px rgba(0,0,0,.3);
width:292px;
min-width:292px;
height:auto;
position:relative;
display:-webkit-box;
display:flex;
flex-direction:column;
background-color:#fff;
}

/* .seo-card > .carousel-ranking-area-item
----------------------------------------------- */
.seo-card .carousel-ranking-area-item{
border:1px solid #ccc;
box-shadow:none;
}

/* .carousel-ranking-area-item-hdg
----------------------------------------------------------------- */
.carousel-ranking-area-item-hdg{
padding-left:28px;
line-height:1.25;
font-size:16px;
font-weight:normal;
}

.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:22px;
height:26px;
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;
background-size:22px 26px;
font-size:14px;
}

.carousel-ranking-area-item-hdg .icon > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .carousel-ranking-area-item-hdg.no-icon
----------------------------------------------- */
.carousel-ranking-area-item-hdg.no-icon{
padding-left:0;
}

/* .carousel-ranking-area-item-hdg.line-2
----------------------------------------------- */
.carousel-ranking-area-item-hdg.line-2{
height:40px;
}

/* .carousel-ranking-area-item-hdg.line-3
----------------------------------------------- */
.carousel-ranking-area-item-hdg.line-3{
height:60px;
}

/* .carousel-ranking-area-item-list
----------------------------------------------------------------- */
.carousel-ranking-area-item-list{
margin:8px 0 0;
border-top:1px solid #ddd;
-webkit-box-flex:1;
flex:1;
font-size:12px;
}

.carousel-ranking-area-item-list > li:not(:nth-child(3)){
border-bottom:1px solid #ddd;
}

.carousel-ranking-area-item-list > li > div{
padding:8px 0 8px 24px;
position:relative;
}

/* .carousel-ranking-area-item-list > .icon
----------------------------------------------- */
.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;
}

.carousel-ranking-area-item-list .icon > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .carousel-ranking-area-item-list > .name
----------------------------------------------- */
.carousel-ranking-area-item-list .name{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:16px;
}

/* .carousel-ranking-area-item-list > .data
----------------------------------------------- */
.carousel-ranking-area-item-list .data{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
}

/* .carousel-ranking-area-item-list > .area
----------------------------------------------- */
.carousel-ranking-area-item-list .area{
margin-top:2px;
-webkit-box-flex:1;
flex:1;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* .carousel-ranking-area-item-list > .review
----------------------------------------------- */
.carousel-ranking-area-item-list .review{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 12px;
}

.carousel-ranking-area-item-list .review .is-hidden{
visibility:hidden;
}

.carousel-ranking-area-item-list .review [class^='icon-r-'] span{
width:59px;
}

.carousel-ranking-area-item-list .review .icon-face{
padding-left:15px;
box-sizing:border-box;
width:32px;
height:15px;
position:relative;
overflow:hidden;
}

.carousel-ranking-area-item-list .review .icon-face::before{
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:3px;
left:0;
background:url(/element/shared/images/icon/icon-review-5.svg) 0 0 no-repeat;
background-size:69px 11px;
}

.carousel-ranking-area-item-list .review .icon-face > span{
display:inline-block;
line-height:18px;
}

/* .carousel-ranking-area-item-list > .price
----------------------------------------------- */
.carousel-ranking-area-item-list .price{
margin-top:6px;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
-webkit-box-pack:end;
justify-content:flex-end;
gap:0 8px;
line-height:1;
}

.carousel-ranking-area-item-list .price b{
margin-left:2px;
display:inline-block;
font-family:Arial;
font-size:16px;
font-weight:normal;
}

/* .carousel-ranking-area-item-link
----------------------------------------------------------------- */
.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;
}

.carousel-ranking-area-item-link a{
text-decoration:none;
}

.carousel-ranking-area-item-link span > span{
display:inline-block;
}

/* ..carousel-ranking-area-item-link.line-2
----------------------------------------------- */
.carousel-ranking-area-item-link.line-2{
min-height:53px;
}

/* ..carousel-ranking-area-item-link.line-3
----------------------------------------------- */
.carousel-ranking-area-item-link.line-3{
min-height:75px;
}



/* ----------------------------------------------------------------
  .widget
----------------------------------------------------------------- */
/* .widget-hdg
----------------------------------------------- */
.widget .widget-hdg{
margin:-10px -10px 10px;
padding:5px 10px;
color:#fff;
background-color:#444;
font-size:17px;
font-weight:bold;
text-align:center;
}

/* .form-search-widget
----------------------------------------------- */
.widget .form-search-widget{
margin:-10px -10px 0;
}

/* .widget-btn-list
----------------------------------------------- */
.widget .widget-btn-list{
margin:20px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
box-sizing:border-box;
}

.widget .widget-btn-list > li button{
padding:0;
border-radius:6px;
width:100%;
height:45px;
}

.widget .widget-btn-list > li.reset{
width:21.42857%;
}

.widget .widget-btn-list > li.reset button{
border:1px solid #bbb;
background-color:#fff;
font-size:14px;
}

.widget .widget-btn-list > li.search{
margin-left:10px;
-webkit-box-flex:1;
flex:1;
}

.widget .widget-btn-list > li.search button{
border:none;
color:#fff;
box-shadow:0 -4px 0 var(--cmn-font-color-base) inset;
background-color:#444;
font-size:20px;
font-weight:bold;
}



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

  Unique Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .covid19-info
----------------------------------------------------------------- */
/* .covid19-info
----------------------------------------------- */
.covid19-info{
margin:8px 0;
padding:8px;
border-radius:4px;
border:1px solid #ddd;
position:relative;
line-height:1.35;
overflow-wrap:break-word;
font-size:12px;
}

.covid19-info .covid19-info-inner{
margin-bottom:4px;
box-sizing:border-box;
background-color:#fff;
}

.covid19-info .covid19-info-inner .covid19-info-hdg{
display:inline-block;
font-weight:normal;
}

.covid19-info .covid19-info-inner .covid19-info-hdg .date{
margin-left:2px;
display:inline-block;
font-size:10px;
}

.covid19-info .covid19-info-hdg-01{
margin-bottom:3px;
font-weight:normal;
}

.covid19-info .covid19-info-hdg-01::before{
content:"\ff1c";
}

.covid19-info .covid19-info-hdg-01::after{
content:"\ff1e";
}

.covid19-info .covid19-info-text{
margin:0;
line-height:1.5;
}

.covid19-info .covid19-info-text .more{
padding:0 8px 0 1.2em;
color:#a4a4a4;
display:inline-block;
position:relative;
}

.covid19-info .covid19-info-text .more::after{
content:'...';
color:var(--cmn-font-color-base);
display:block;
position:absolute;
bottom:0;
left:0;
}

.covid19-info .covid19-info-text .more::before{
border-right:1px solid var(--cmn-font-color-gray);
border-bottom:1px solid var(--cmn-font-color-gray);
content:'';
display:block;
position:absolute;
top:5px;
right:0;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}


/* ----------------------------------------------------------------
  .pickup
----------------------------------------------------------------- */
/* .pickup
----------------------------------------------- */
.pickup{
margin:10px 0;
padding:8px 10px;
border:3px solid #e5e5e5;
display:block;
line-height:1.35;
background-color:#f1f1f1;
font-size:12px;
}

.pickup > a{
margin:-5px -10px -8px;
padding:5px 10px 8px;
color:var(--cmn-font-color-base);
display:block;
}

/* .pickup-header
----------------------------------------------- */
.pickup .pickup-header{
margin-bottom:8px;
padding-right:50px;
position:relative;
line-height:1.25;
}

.pickup .pickup-header::after{
content:'';
display:block;
width:52px;
height:43px;
position:absolute;
right:0;
bottom:0;
background:url(/element_sp/j_hotel/shared/images/icon-pickup-travelko.png) 0 0 no-repeat;
-webkit-background-size:100% auto;
background-size:100% auto;
}

/* .pickup-header-hdg
----------------------------------------------- */
.pickup .pickup-header-hdg{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

/* .pickup-header-hdg-tag
----------------------------------------------- */
.pickup .pickup-header-hdg-tag{
margin-right:10px;
padding:2px;
color:#fff;
width:95px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background-color:#2d7bc1;
font-size:10px;
text-align:center;
}

.pickup .pickup-header-hdg-tag > span{
-webkit-box-flex:1;
flex:1;
}

.pickup .pickup-header-hdg-tag > span > span{
display:block;
}

/* .pickup-header-hdg-text
----------------------------------------------- */
.pickup .pickup-header-hdg-text{
-webkit-box-flex:1;
flex:1;
font-size:14px;
}

.pickup .pickup-header-hdg-text > span{
display:block;
font-size:10px;
}

/* .pickup-item-more
----------------------------------------------- */
.pickup .pickup-item-more{
color:#0066cc;
display:inline-block;
}

/* .pickup-item
----------------------------------------------- */
.pickup .pickup-item{
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
line-height:1.45;
font-size:11px;
}

/* .pickup-item-col
----------------------------------------------- */
.pickup .pickup-item-col{
-webkit-box-flex:1;
flex:1;
}

.pickup .pickup-item-col > :first-child{
margin-top:0;
}

.pickup .pickup-item-col > :last-child{
margin-bottom:0;
}

/* .pickup-item-image
----------------------------------------------- */
.pickup .pickup-item-image{
margin-right:10px;
width:95px;
height:62px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background-color:#e9e9e9;
}

.pickup .pickup-item-image img{
max-height:100%;
}

/* .pickup-toggle-header
----------------------------------------------- */
.pickup .pickup-toggle-header > :first-child{
margin-top:0;
}

.pickup .pickup-toggle-header > :last-child{
margin-bottom:0;
}

/* .pickup-toggle-header-more
----------------------------------------------- */
.pickup .pickup-toggle-header-more{
display:inline-block;
font-weight:400;
color:#a4a4a4
}

.pickup .pickup-toggle-header-more::before{
margin:0 3px;
content:'...';
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:bottom
}

.pickup-toggle.is-active .pickup-toggle-header-more{
display:none;
}

/* .pickup-toggle-item
----------------------------------------------- */
.pickup .pickup-toggle-item{
margin:0 auto;
display:none;
max-width:314px;
}

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

/* .pickup-toggle-btn-close
----------------------------------------------- */
.pickup .pickup-toggle-btn-close{
margin:-10px 0 0 auto;
padding:10px 0 0 18px;
border:none;
color:#a4a4a4;
position:relative;
line-height:1.25;
display:table;
font-size:14px
}

.pickup .pickup-toggle-btn-close::before{
content:'';
display:block;
width:12px;
height:7px;
overflow:hidden;
position:absolute;
top:16px;
left:0;
opacity:.6;
background:url(/element/j_hotel/shared/images/icon-arrow-up.svg) no-repeat 0 0;
}

/* .pickup-carousel
----------------------------------------------- */
.pickup .pickup-carousel{
margin:10px auto 20px;
overflow:hidden;
}

/* .pickup-carousel-item
----------------------------------------------- */
.pickup .pickup-carousel-item{
position:relative;
}

/* .pickup-carousel-list
----------------------------------------------- */
.pickup .pickup-carousel-list{
margin:0;
overflow:hidden;
width:9000px;
}

.pickup .pickup-carousel-list > li{
max-width:314px;
position:relative;
float:left;
background-color:#f5f5f5;
overflow:hidden;
}

.pickup .pickup-carousel-list > li > span{
padding-top:65.2866%;
display:block;
height:0;
position:relative;
}

.pickup .pickup-carousel-list > li > span img{
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
max-height:100%;
}

/* .pickup-carousel-list-text
----------------------------------------------- */
.pickup .pickup-carousel-list-text{
padding:7px 28px;
color:#fff;
position:absolute;
bottom:0;
left:0;
width:100%;
min-height:65px;
box-sizing:border-box;
background-color:rgba(0,0,0,.7);
font-size:11px;
}

.pickup .pickup-carousel-list-text > b{
margin-bottom:3px;
display:block;
font-size:12px;
}

/* .pickup-carousel-nav
----------------------------------------------- */
.pickup .pickup-carousel-nav{
margin:0;
}

.pickup .pickup-carousel-nav >li{
position:absolute;
bottom:0;
z-index:1;
}

.pickup .pickup-carousel-nav .next{
right:0;
}

.pickup .pickup-carousel-nav .prev{
left:0;
}

.pickup .pickup-carousel-nav a{
color:rgba(0,0,0,0);
display:block;
width:28px;
height:65px;
position:relative;
}

.pickup .pickup-carousel-nav a::before{
position:absolute;
display:block;
content:'';
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
border-right:2px solid #fff;
border-bottom:2px solid #fff;
top:50%;
left:10px;
width:12px;
height:12px;
margin-top:-6px;
}

.pickup .pickup-carousel-nav .next a::before{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
left:auto;
right:10px;
}

/* .pickup-carousel-num
----------------------------------------------- */
.pickup .pickup-carousel-num{
margin-bottom:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.pickup .pickup-carousel-num > li{
margin:0 5px;
color:rgba(0,0,0,0);
width:8px;
height:8px;
overflow:hidden;
border-radius:50%;
background-color:#ccc;
}

.pickup .pickup-carousel-num > li.is-active{
background-color:var(--cmn-font-color-gray);
}

/* .pickup-bnr
----------------------------------------------- */
.pickup-bnr{
margin:12px 0 16px;
}

.pickup-bnr img{
margin:0 auto;
max-width:100%;
display:block;
}

.search-result .pickup-bnr{
margin-top:0;
}