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

  Site Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .cmn-calendar
----------------------------------------------------------------- */
@media (min-resolution:192dpi){
.cmn-calendar{
transform:scale(.999);
}
}




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

  Hotel Common Modules Modify

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
   .form-custom-select
----------------------------------------------------------------- */
.onsen-search .form-custom-select select{
font-size:14px;
}


/* ----------------------------------------------------------------
  .form-search modify
----------------------------------------------------------------- */
/* .form-search-lyt-01
----------------------------------------------- */
.onsen-search .form-search-lyt-01{
margin-top:16px;
}

.onsen-search .form-search-lyt-01 > .form-search-lyt-01-cell{
width:230px;
}

.onsen-search .form-search-lyt-01 > .form-search-lyt-01-cell:last-child{
margin-left:12px;
padding-left:12px;
border-left:1px solid #ddd;
}

/* .form-search-item-lyt
----------------------------------------------- */
.onsen-search .form-search-item-lyt{
gap:21px;
}

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

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

/* .form-search-item-lyt-01
----------------------------------------------- */
.onsen-search .form-search-item-lyt-01{
margin-right:60px;
gap:20px;
}

.onsen-search .form-search-item-lyt-01 > div:first-child{
width:290px;
}

/* .form-search-hdg
----------------------------------------------- */
.onsen-search .form-search-hdg{
padding-right:24px;
}

.onsen-search .form-search-hdg > h2{
font-weight:normal;
font-size:12px;
}

.onsen-search .form-search-hdg .cmn-tip-btn{
right:12px;
}

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

/* .form-search-hdg-01
----------------------------------------------- */
.onsen-search .form-search-hdg-01 > h2{
font-weight:normal;
font-size:12px;
}

/* .form-search-item
----------------------------------------------- */
.onsen-search .form-search-item.picky{
margin-top:0;
}

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

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

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

/* .form-search-item-lyt > .form-search-item
----------------------------------------------- */
.onsen-search .form-search-item-lyt .form-search-item.room-num{
width:297px;
}

/* .form-search-btn
----------------------------------------------- */
.onsen-search .form-search-btn,
.onsen-search .form-search-btn-01{
width:100%;
min-height:34px;
box-shadow:none;
font-size:14px;
}

/* .form-search-btn-01
----------------------------------------------- */
.onsen-search .hotel-type .form-search-btn-01,
.onsen-search .meal .form-search-btn-01,
.onsen-search .room-type .form-search-btn-01{
width:225px;
}

.onsen-search .hotel-rank .form-search-btn-01,
.onsen-search .price-range .form-search-btn-01{
width:180px;
}

/* .form-search-list-line
----------------------------------------------- */
.onsen-search .form-search-list-line{
font-size:12px;
}

/* .form-search-date-btn
----------------------------------------------- */
.onsen-search .form-search-date-btn{
width:225px;
}

/* .form-search-checkbox
----------------------------------------------- */
.onsen-search .form-search-checkbox{
margin:8px 0 0 10px;
}

.onsen-search .form-search-checkbox .sup{
display:inline-block;
}

/* .form-search-num
----------------------------------------------- */
.onsen-search .form-search-num > li.adult > label .form-search-select{
width:65px;
}

.onsen-search .form-search-num > li.child .form-search-btn-01{
width:106px;
}

.onsen-search .form-search-num > li.adult > label > span:first-child{
padding:6px 0 4px 8px;
font-size:14px;
}

/* .form-search-budget
----------------------------------------------- */
.onsen-search .form-search-budget > li .form-search-select{
width:94px;
}

/* .form-search-keyword
----------------------------------------------- */
.onsen-search .form-search-keyword{
width:540px;
}

.onsen-search .form-search-keyword > label input[type='text'],
.onsen-search .form-search-keyword > label input[type='search']{
width:350px;
}

/* .form-search-note
----------------------------------------------- */
.onsen-search .smoking .form-search-note{
margin:2px 0 0 -110px;
}


/* ----------------------------------------------------------------
   .seo
----------------------------------------------------------------- */
.onsen .seo{
border:none;
background-color:transparent;
}

.onsen .seo-index .seo-link-more + .seo-panel{
margin-top:36px;
}





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

	Onsen LP Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Paragraph
----------------------------------------------------------------- */
/* cite
----------------------------------------------- */
cite{
display:block;
text-align:right;
}

/* .onsen-line-clamp-3
----------------------------------------------- */
.onsen-line-clamp-3{
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}

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

/* .onsen-catch
----------------------------------------------- */
.onsen-catch{
font-size:14px;
}



/* ----------------------------------------------------------------
  .onsen-list-tag
----------------------------------------------------------------- */
.onsen-list-tag{
margin:0 0 8px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
font-size:12px;
}

.onsen-list-tag > li{
margin:0 4px 4px 0;
padding:1px 8px;
border:1px solid #aaa;
}


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

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

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

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

.onsen-list-separate .train{
padding-left:20px;
display:block;
background:url(/element/j_hotel/onsen/images/icon-train.svg) 3px 3px no-repeat;
background-size:12px auto;
}

.onsen-list-separate .car{
padding-left:20px;
display:block;
background:url(/element/j_hotel/onsen/images/icon-car.svg) 0 5px no-repeat;
background-size:18px auto;
}

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

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

/* .onsen-area-card-lyt > .onsen-list-separate
----------------------------------------------- */
.onsen-area-card-lyt .onsen-list-separate{
margin-top:12px;
}


/* ----------------------------------------------------------------
  .onsen-list-toggle
----------------------------------------------------------------- */
.onsen-list-toggle{
margin:0;
font-size:12px;
}

.onsen-list-toggle a{
text-decoration:none;
}

.onsen-list-toggle button{
outline:none;
}

.onsen-list-toggle button:focus-visible{
outline:-webkit-focus-ring-color auto 1px;
}

.onsen-list-toggle > li{
border-top:1px solid #ddd;
}

.onsen-list-toggle > li > button{
margin:0;
padding:0;
border:none;
min-height:44px;
width:100%;
background:url(/element/j_hotel/shared/images/icon-arrow-down.svg) calc(100% - 4px) 50% no-repeat;
background-size:16px auto;
font-size:12px;
text-align:left;
}

.onsen-list-toggle > li > a + button{
width:auto;
-webkit-box-flex:1;
flex:1;
}

.onsen-list-toggle > li > div{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
min-height:44px;
gap:0 60px;
}

.onsen-list-toggle > li > div > a{
padding:12px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.onsen-list-toggle > li > div > button{
padding:0;
border:none;
color:rgba(0,0,0,0);
-webkit-box-flex:1;
flex:1;
background:url(/element/j_hotel/shared/images/icon-arrow-down.svg) calc(100% - 4px) 50% no-repeat;
background-size:16px auto;
}

.onsen .onsen-list-toggle > li[aria-expanded="false"] > ul{
display:none;
}

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

/* .onsen-list-toggle > .onsen-list-toggle
----------------------------------------------- */
.onsen-list-toggle .onsen-list-toggle{
margin:0 0 0 24px;
}

.onsen-list-toggle .onsen-list-toggle > li > div > button{
background-size:12px auto;
background-position:calc(100% - 6px) 50%;
}

/* .onsen-list-toggle > .onsen-list-toggle > ul
----------------------------------------------- */
.onsen-list-toggle > li > ul:not(.onsen-list-toggle){
margin:4px 44px 0 24px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}

.onsen-list-toggle > li > ul:not(.onsen-list-toggle) > li{
margin:0 16px 16px 0;
width:calc((100% - (16px * 2)) / 3);
}

.onsen-list-toggle > li > ul:not(.onsen-list-toggle) > li:nth-child(3n){
margin-right:0;
}

.onsen-list-toggle > li > ul:not(.onsen-list-toggle) > li > a{
color:var(--cmn-font-color-base);
text-decoration:none;
}

/* .onsen-panel-content > .onsen-list-toggle
----------------------------------------------- */
.onsen-panel-content > .onsen-list-toggle:last-child{
margin-bottom:-20px;
}



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

  Onsen LP Component Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .onsen-header
----------------------------------------------------------------- */
/* .onsen-header
----------------------------------------------- */
.onsen-header{
padding:20px 20px 26px;
position:relative;
box-sizing:border-box;
}

/* .onsen-index > .onsen-header
------------------------------ */
.onsen-index .onsen-header{
margin-bottom:16px;
padding:20px 20px 26px;
min-height:550px;
position:relative;
overflow:hidden;
}

.onsen-index .onsen-header::before{
position:absolute;
left:0;
bottom:0;
width:100%;
height:28px;
content:"";
display:block;
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}

/* .onsen-header-hdg
----------------------------------------------- */
.onsen-header-hdg{
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
height:306px;
text-shadow:0 2px 3px #000;
font-size:32px;
font-weight:bold;
}

/* .onsen-index .onsen-header-hdg
------------------------ */
.onsen-index .onsen-header-hdg{
padding-top:110px;
-webkit-box-align:start;
align-items:flex-start;
height:240px;
}

/* .onsen-header-sup
----------------------------------------------- */
.onsen-header-sup{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
top:530px;
right:8px;
font-size:12px;
}

.onsen-header-sup:link{
text-decoration:none;
}

/* .onsen-header-image
----------------------------------------------- */
.onsen-header-image{
position:absolute;
top:0;
left:0;
z-index:-1;
width:100%;
height:550px;
overflow:hidden;
}


/* ----------------------------------------------------------------
  .onsen-search
----------------------------------------------------------------- */
/* .onsen-search
----------------------------------------------- */
.onsen-search{
margin:0;
padding:20px;
border-radius:8px;
color:var(--cmn-font-color-base);
position:relative;
box-shadow:0 1px 6px rgba(32,33,36,.4);
background-color:rgba(255,255,255,.85);
}

.onsen-search[aria-expanded=true]{
margin-bottom:-16px;
background-color:#f5f5f5;
}

/* .onsen-search-more
----------------------------------------------- */
.onsen-search[aria-expanded=false] .onsen-search-more{
display: none;
}

.onsen-search[aria-expanded=true] .onsen-search-more{
display: block;
}

/* .onsen-search-more-hook
----------------------------------------------- */
.onsen-search-more-hook{
margin: 16px auto 0;
padding: 0 0 0 20px;
border: none;
display: block;
background: transparent url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size: 12px auto;
font-size: 14px;
}

.onsen-search[aria-expanded=true] .onsen-search-more-hook {
background-image: url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .onsen-search-lyt
----------------------------------------------- */
.onsen-search-lyt{
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
gap:0 8px;
}

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

/* .onsen-search-hdg
----------------------------------------------- */
.onsen-search-hdg{
margin:18px 0 4px;
font-weight:normal;
}

/* .onsen-search-list
----------------------------------------------- */
.onsen-search-list{
margin:0;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
line-height:1.25;
gap:8px 0;
font-size:12px;
}

.onsen-search-list > li{
margin-left:12px;
width:calc((100% - (12px * 3)) / 4);
}

.onsen-search-list > li:nth-child(4n+1){
margin-left:0;
}

.onsen-search-list > li > label{
display:-webkit-box;
display:flex;
cursor:pointer;
}

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

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

/* .onsen-search-btn-container
----------------------------------------------- */
.onsen-search-btn-container{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
font-size:12px;
text-align:center;
}

/* .onsen-search-btn
----------------------------------------------- */
.onsen-search-btn{
border:none;
border-radius:6px;
color:#fff;
width:140px;
height:40px;
display:block;
position: absolute;
bottom:56px;
right:20px;
background-color:var(--button-color);
font-size:16px;
font-weight:bold;
}

.onsen-search-btn:active,
.onsen-search-btn:hover,
.onsen-search-btn:focus{
background-color:var(--button-color-hover);
}

/* .onsen-search-btn-container > .onsen-search-btn
---------------------------- */
.onsen-search-btn-container .onsen-search-btn{
position:static;
}



/* ----------------------------------------------------------------
  .onsen-tab
----------------------------------------------------------------- */
/* .onsen-tab
----------------------------------------------- */
.onsen-tab-list{
margin:16px 0 20px;
border-bottom:1px solid #ddd;
min-height:45px;
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
gap:0 28px;
background-color:#fff;
font-size:16px;
}

.onsen-tab-list > li:nth-child(2),
.onsen-tab-list > .anchor:first-child{
-webkit-box-flex:1;
flex:1;
}

.onsen-tab-list > li + .anchor{
padding-left:12px;
border-left:1px solid #ddd;
}

.onsen-tab-list > .anchor:first-child::before{
content:'';
display:block;
width:100%;
height:1px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
background-color:#fff;
}

.onsen-tab-list button{
margin-bottom:-1px;
padding:14px 0 16px;
border:none;
line-height:1;
background-color:transparent;
font-size:16px;
}

.onsen-tab-list button[aria-selected="true"]{
box-shadow:0 -3px 0 var(--cmn-font-color-base) inset;
font-weight:bold;
}

.onsen-tab-list a{
margin:0 0 0 auto;
padding:8px 20px 6px 12px;
border:1px solid #ccc;
border-radius:6px;
color:var(--cmn-font-color-base);
display:block;
line-height:1.25;
background:url(/element/j_hotel/shared/images/icon-anchor-down.svg) calc(100% - 8px) 50% no-repeat;
background-size:9px;
text-align:center;
width:fit-content;
}

/* .onsen-tab-content
----------------------------------------------- */
.onsen-tab-content{
display:none;
}

.onsen-tab-content.is-active{
display:block;
}


/* ----------------------------------------------------------------
  .onsen-panel
----------------------------------------------------------------- */
/* .onsen-panel
----------------------------------------------- */
.onsen-panel{
margin:12px 0 0;
padding:0 20px;
border-radius:6px;
box-shadow:0 0 6px rgba(0,0,0,.3);
background-color:#f8f8f8;
}

/* .onsen-panel-hdg
----------------------------------------------- */
.onsen-panel-hdg{
margin:0;
padding:9px 20px 7px 0;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:58px;
line-height:1;
font-size:18px;
}

.onsen-panel[aria-expanded] .onsen-panel-hdg{
background:url(/element/j_hotel/shared/images/icon-arrow-down.svg) no-repeat calc(100% - 4px) 50%;
background-size:16px auto;
cursor:pointer;
}

.onsen-panel[aria-expanded=true] .onsen-panel-hdg{
background-image:url(/element/j_hotel/shared/images/icon-arrow-up.svg);
}

/* .onsen-panel-content
----------------------------------------------- */
.onsen-panel-content{
padding-bottom:20px;
font-size:12px;
}

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

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

.onsen-panel[aria-expanded=false] .onsen-panel-content{
display:none;
}

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

.onsen-panel-content > p{
margin-bottom:12px;
font-size:14px;
}


/* ----------------------------------------------------------------
  .onsen-panel-toggle
----------------------------------------------------------------- */
/* .onsen-panel-toggle
----------------------------------------------- */
.onsen-panel-content > .onsen-panel-content-toggle:last-child{
margin-bottom:-20px;
}

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

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

/* .onsen-panel-content-toggle-hook
----------------------------------------------- */
.onsen-panel-content-toggle-hook{
padding:12px 0;
border:none;
border-top:1px solid #ddd;
width:100%;
background:transparent;
font-size:14px;
text-align:center;
}

.onsen-panel-content-toggle-hook > 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 auto;
}

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

/* .onsen-panel-content-toggle.bracnh. > .onsen-panel-content-toggle-hook
----------------------------------------------- */
.onsen-panel-content-toggle.branch .onsen-panel-content-toggle-hook{
border-top:none;
text-align:right;
}

.onsen-panel-content-toggle.branch .onsen-panel-content-toggle-hook > span{
padding-left:12px;
background-size:8px auto;
}


/* ----------------------------------------------------------------
  .onsen-area-card
----------------------------------------------------------------- */
/* .onsen-area-card
----------------------------------------------- */
.onsen-area-card{
padding:12px 16px 16px;
border:1px solid #cccc;
border-radius:6px;
position:relative;
background-color:#fff;
font-size:14px;
}

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

/* .onsen-panel-content-toggle-content > .onsen-area-card
-------------------------------- */
.onsen-panel-content-toggle-content .onsen-area-card{
margin-top: 12px;
}

/* .onsen-area-card-hdg
----------------------------------------------- */
.onsen-area-card-hdg{
margin:0 0 8px 34px;
font-weight:normal;
font-size:20px;
}

.onsen-area-card-hdg a{
text-decoration:none;
}

.onsen-area-card-hdg a > span:last-child{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:0 12px;
}

.onsen-area-card-hdg a > span:last-child > span:last-child{
color:var(--cmn-font-color-base);
font-size:16px;
}

.onsen-area-card-hdg .icon-rank{
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;
width:27px;
height:32px;
overflow:hidden;
position:absolute;
top:0;
left:12px;
z-index:1;
line-height:1;
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
transform:translateZ(0);
background:url(/element/j_hotel/shared/images/icon-ranking.svg) 0 0 no-repeat;
font-size:16px;
}

.onsen-area-card-hdg .icon-rank > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .onsen-area-card-hdg-01
----------------------------------------------- */
.onsen-area-card-hdg-01{
margin:20px 0 8px;
font-weight:normal;
font-size:14px;
}

/* .onsen-area-card-lyt
----------------------------------------------- */
.onsen-area-card-lyt{
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
}

.onsen-area-card-lyt > div:first-child{
-webkit-box-flex:1;
flex:1;
}

/* .onsen-area-card-tag
----------------------------------------------- */
.onsen-area-card-tag{
margin:0 0 8px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:4px;
font-size:12px;
}

.onsen-area-card-tag > li{
padding:1px 8px 0;
border:1px solid #aaa;
}

/* .onsen-area-card-link-more
----------------------------------------------- */
.onsen-area-card-link-more{
margin-top:12px;
text-align:right;
font-size:12px;
}

/* .onsen-area-card-thumb
----------------------------------------------- */
.onsen-area-card-thumb{
margin-right:20px;
position:relative;
width:400px;
height:240px;
}

.onsen-area-card-thumb::before{
position:absolute;
left:0;
bottom:0;
width:100%;
height:28px;
content:"";
display:block;
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}

.onsen-area-card-thumb img{
width:100%;
height:100%;
object-fit:cover;
}

/* .onsen-area-card-thumb-sup
----------------------------------------------- */
.onsen-area-card-thumb-sup{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
bottom:4px;
left:8px;
font-size:12px;
}

.onsen-area-card-thumb-sup:link{
text-decoration:none;
}


/* ----------------------------------------------------------------
  .onsen-area-card-ranking
----------------------------------------------------------------- */
/* .onsen-area-card-ranking
----------------------------------------------- */
.onsen-area-card-ranking{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
gap:8px;
}

/* .onsen-area-card-ranking-item
----------------------------------------------- */
.onsen-area-card-ranking-item{
border:1px solid #ccc;
border-radius:4px;
box-sizing:border-box;
width:215px;
overflow:hidden;
font-size:12px;
}

.onsen-area-card-ranking-item > a{
position:relative;
color:var(--cmn-font-color-base);
width:100%;
height:100%;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
flex-direction:column-reverse;
-webkit-box-align:stretch;
align-items:stretch;
text-decoration:none;
}

/* .onsen-area-card-ranking-item-detail
----------------------------------------------- */
.onsen-area-card-ranking-item-detail{
padding:8px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
flex-direction:column;
gap:8px 0;
}

/* .onsen-area-card-ranking-item-hdg
----------------------------------------------- */
.onsen-area-card-ranking-item-hdg{
margin-bottom:-4px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
font-weight:normal;
font-size:14px;
}

.onsen-area-card-ranking-item-hdg .icon-ranking{
border-bottom-right-radius:2px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
min-width:24px;
height:24px;
overflow:hidden;
position:absolute;
top:0;
left:0;
z-index:1;
line-height:1;
background-color:rgba(34,34,34,.45);
font-size:14px;
font-family:Arial;
}

.onsen-area-card-ranking-item-hdg .icon-ranking > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .onsen-area-card-ranking-item-review
----------------------------------------------- */
.onsen-area-card-ranking-item-review{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
}

.onsen-area-card-ranking-item-review > span > span{
width:58px;
vertical-align:top;
}

.onsen-area-card-ranking-item-review .icon-r-price{
margin:0 12px;
text-align: center;
}

.onsen-area-card-ranking-item-review .icon-r-price > span{
width:46px;
}

.onsen-area-card-ranking-item-review .icon-r-face > span{
margin-top:1px;
padding-top:10px;
width:10px;
background-size:auto 10px;
}

.onsen-area-card-ranking-item-review .review-num{
color:var(--cmn-font-color-base);
display:inline-block;
width:21px;
text-align:right;
}

.onsen-area-card-ranking-item-review > span.is-hidden{
visibility:hidden;
}

/* .onsen-area-card-ranking-item-area
----------------------------------------------- */
.onsen-area-card-ranking-item-area{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* .onsen-area-card-ranking-item-access
----------------------------------------------- */
.onsen-area-card-ranking-item-access{
line-height:1.15;
}

.onsen-area-card-ranking-item-access > span{
display:block;
}

/* .onsen-area-card-ranking-item-sup
----------------------------------------------- */
.onsen-area-card-ranking-item-sup{
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
font-weight:normal;
}

/* .onsen-area-card-ranking-item-price
----------------------------------------------- */
.onsen-area-card-ranking-item-price{
margin-top:auto;
}

.onsen-area-card-ranking-item-price > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
gap:0 4px;
}

.onsen-area-card-ranking-item-price b{
font-size:16px;
font-weight:normal;
font-family:Arial;
}

/* .onsen-area-card-ranking-item-thumb
----------------------------------------------- */
.onsen-area-card-ranking-item-thumb{
position:relative;
height:123px;
}

.onsen-area-card-ranking-item-thumb::before{
content:'';
display:block;
width:100%;
height:3em;
overflow:hidden;
position:absolute;
left:0;
bottom:0;
z-index:1;
background:linear-gradient(transparent 5%, rgba(0,0,0,.1) 25%, rgba(0,0,0,.5) 80%, rgba(0,0,0,.6) 100%);
}

.onsen-area-card-ranking-item-thumb img{
width:100%;
height:100%;
object-fit:cover;
}

.onsen-area-card-ranking-item-thumb > span{
color:rgba(255,255,255,.7);
display:block;
box-sizing:border-box;
position:absolute;
bottom:6px;
left:6px;
z-index:1;
line-height:1;
font-size:10px;
}

/* .onsen-area-card-ranking-item-thumb.no-photo
--------------------------- */
.onsen-area-card-ranking-item-thumb.no-photo{
box-shadow:0 -1px 0 #dadce0 inset;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.onsen-area-card-ranking-item-thumb.no-photo::before{
display:none;
}

.onsen-area-card-ranking-item-thumb.no-photo img{
width:100px;
height:100px;
}



/* ----------------------------------------------------------------
  .onsen-faq
----------------------------------------------------------------- */
/* .onsen-faq-item
----------------------------------------------- */
.onsen-faq-item{
border-top:1px solid #ddd;
font-size:14px;
}

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

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

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

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

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

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

/* .onsen-faq-link
----------------------------------------------- */
.onsen-faq-link{
border-top:1px solid #ddd;
padding-top:12px;
font-size:14px;
text-align:right;
}



/* ----------------------------------------------------------------
  .onsen-map
----------------------------------------------------------------- */
/* .onsen-map
----------------------------------------------- */
.onsen-map{
margin-top:16px;
}

/* .onsen-map-view
----------------------------------------------- */
.onsen-map-view{
height:450px;
overflow:hidden;
}

/* .onsen-map-route
----------------------------------------------- */
.onsen-map-route{
padding:16px;
background-color:#f3f3f3;
}

/* .onsen-map-route-hdg
----------------------------------------------- */
.onsen-map-route-hdg{
margin-bottom:8px;
font-weight:normal;
}

/* .onsen-map-route-inner
----------------------------------------------- */
.onsen-map-route-inner{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* onsen-map-route-list
----------------------------------------------- */
.onsen-map-route-list{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.onsen-map-route-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.onsen-map-route-list > li:not(:last-child){
margin-right:28px;
}

.onsen-map-route-list input[type="text"],
.onsen-map-route-list input[type="search"]{
padding:0 8px;
border:1px solid #bbb;
box-sizing:border-box;
width:490px;
height:36px;
}

/* .onsen-map-route-form
----------------------------------------------- */
.onsen-map-route-form{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
}

.onsen-map-route-form > li:not(:first-child){
margin-left:8px;
padding-left:8px;
border-left:1px solid #aeaeae;
}

.onsen-map-route-form label{
padding-left:18px;
display:block;
position:relative;
cursor:pointer;
}

.onsen-map-route-form label input[type='radio']{
position:absolute;
top:0;
left:0;
}

/* .onsen-map-route-btn
----------------------------------------------- */
.onsen-map-route-btn{
border:1px solid #bbb;
border-radius:6px;
width:100px;
height:37px;
background-color:#fff;
font-size:14px;
}



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


/* ----------------------------------------------------------------
  .onsen-carousel-list
----------------------------------------------------------------- */
.onsen-carousel-list > li{
box-sizing:border-box;
width:234px;
min-width:234px;
height:auto;
overflow:hidden;
font-size:12px;
}

.onsen-carousel-list > li > a{
border:1px solid #ccc;
border-radius:4px;
border-radius:6px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
overflow:hidden;
width:100%;
height:100%;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
flex-direction:column-reverse;
-webkit-box-align:stretch;
align-items:stretch;
background-color:#fff;
text-decoration:none;
}


/* .onsen-carousel-list-data
----------------------------------------------- */
.onsen-carousel-list-data{
padding:8px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
flex-direction:column;
gap:8px 0;
}

/* .onsen-carousel-list-data-hdg
----------------------------------------------- */
.onsen-carousel-list-data-hdg{
margin-bottom:-4px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
font-weight:normal;
font-size:14px;
}

.onsen-carousel-list-data-hdg .icon-ranking{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:27px;
height:32px;
overflow:hidden;
position:absolute;
top:0;
left:12px;
z-index:1;
line-height:1;
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
transform:translateZ(0);
background:url(/element/j_hotel/shared/images/icon-ranking.svg) 0 0 no-repeat;
font-size:16px;
font-family:Arial;
}

.onsen-carousel-list-data-hdg .icon-ranking > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .onsen-carousel-list-data-review
----------------------------------------------- */
.onsen-carousel-list-data-review{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
}

.onsen-carousel-list-data-review > span > span{
width:58px;
vertical-align:top;
}

.onsen-carousel-list-data-review .icon-r-price{
margin:0 12px;
text-align: center;
}

.onsen-carousel-list-data-review .icon-r-price > span{
width:46px;
}

.onsen-carousel-list-data-review .icon-r-face > span{
margin-top:1px;
padding-top:10px;
width:10px;
background-size:auto 10px;
}

.onsen-carousel-list-data-review .review-num{
color:var(--cmn-font-color-base);
display:inline-block;
width:21px;
text-align:right;
}

.onsen-carousel-list-data-review > span.is-hidden{
visibility:hidden;
}

/* .onsen-carousel-list-data-area
----------------------------------------------- */
.onsen-carousel-list-data-area{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* .onsen-carousel-list-data-access
----------------------------------------------- */
.onsen-carousel-list-data-access{
line-height:1.15;
}

.onsen-carousel-list-data-access > span{
display:block;
}

/* .onsen-carousel-list-data-sup
----------------------------------------------- */
.onsen-carousel-list-data-sup{
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
font-weight:normal;
}

/* .onsen-carousel-list-data-price
----------------------------------------------- */
.onsen-carousel-list-data-price{
margin-top:auto;
}

.onsen-carousel-list-data-price > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
gap:0 4px;
}

.onsen-carousel-list-data-price b{
font-size:16px;
font-weight:normal;
font-family:Arial;
}

/* .onsen-carousel-list-thumb
----------------------------------------------- */
.onsen-carousel-list-thumb{
position:relative;
height:123px;
}

.onsen-carousel-list-thumb::before{
content:'';
display:block;
width:100%;
height:3em;
overflow:hidden;
position:absolute;
left:0;
bottom:0;
z-index:1;
background:linear-gradient(transparent 5%, rgba(0,0,0,.1) 25%, rgba(0,0,0,.5) 80%, rgba(0,0,0,.6) 100%);
}

.onsen-carousel-list-thumb img{
width:100%;
height:100%;
object-fit:cover;
}

.onsen-carousel-list-thumb > span{
color:rgba(255,255,255,.7);
display:block;
box-sizing:border-box;
position:absolute;
bottom:6px;
left:6px;
z-index:1;
line-height:1;
font-size:10px;
}

/* .onsen-carousel-list-thumb.no-photo
--------------------------- */
.onsen-carousel-list-thumb.no-photo{
box-shadow:0 -1px 0 #dadce0 inset;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.onsen-carousel-list-thumb.no-photo::before{
display:none;
}

.onsen-carousel-list-thumb.no-photo img{
width:100px;
height:100px;
}



/* ----------------------------------------------------------------
  .onsen-carousel-nav
----------------------------------------------------------------- */
.onsen-carousel-nav > li{
position:absolute;
top:110px;
z-index:2;
}

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

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

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

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

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

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