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

  Base

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Typography
----------------------------------------------------------------- */
.map sup{
position:relative;
line-height:1;
vertical-align:baseline;
font-size:10px;
}

.map sup{
top:-.5em;
}


/* ----------------------------------------------------------------
  link
----------------------------------------------------------------- */
.map-lyt a:link,
.map-lyt a:visited{
color:var(--cmn-font-color-base);
}


/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* default
----------------------------------------------- */
.map button,
.map input,
.map optgroup,
.map select,
.map textarea{
margin:0;
line-height:1.25;
color:inherit;
font-size:100%;
vertical-align:baseline;
}

.map label{
cursor:pointer;
}

.map button,
.map select{
text-transform:none;
cursor:pointer;
}

.map [type=button],
.map [type=reset],
.map [type=submit],
button{
-webkit-appearance:button;
}

.map [type=button]::-moz-focus-inner,
.map [type=reset]::-moz-focus-inner,
.map [type=submit]::-moz-focus-inner,
.map button::-moz-focus-inner{
border-style:none;
padding:0;
}

.map fieldset{
margin:0;
padding:0;
border:none;
}

.map legend{
height:0;
overflow:hidden;
position:absolute;
}

.map [type=checkbox],
.map [type=radio]{
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.map [type=search]{
-webkit-appearance:none;
}

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

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

.map [type=search],
.map [type=text],
select,
textarea{
padding:2px 5px;
border:1px solid #bbb;
min-height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:none;
box-shadow:none;
}

.map [type=search]:disabled,
.map [type=text]:disabled,
.map select:disabled,
.map textarea:disabled,
.map button:disabled{
border-color:#bbb;
cursor:default;
opacity:.33;
}

.map input[type=search]:-ms-input-placeholder,
.map input[type=text]:-ms-input-placeholder{
color:#949494;
}

.map ::-ms-clear{
display:none
}

/* select customize
----------------------------------------------- */
.map select{
padding:2px 18px 2px 10px;
background:#fff url(/element/j_hotel/map/images/icon-form-select.svg) calc(100% - 7px) 50% no-repeat;
min-width:72px;
background-size:7px 5px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
font-size:13px;
cursor:pointer;
}

.map select:active,
.map select:hover{
border-color:#338cd5;
}

.map select:disabled{
border-color:#bbb;
background-image:url(/element/j_hotel/map/images/icon-form-select-disabled.svg)
}

@-moz-document url-prefix(){
.map select{
padding-top:3px;
line-height:2;
}
}

.map select::-ms-expand{
display:none;
}

/* radio customize
----------------------------------------------- */
.map [type=radio]{
margin:0;
padding:0;
border:none;
border-radius:0;
width:16px;
height:16px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
background:url(/element/j_hotel/map/images/icon-form-radio.svg) 0 0 no-repeat;
cursor:pointer
}

.map [type=radio]:active,
.map [type=radio]:hover,
.map [type=radio]:focus{
background-image:url(/element/j_hotel/map/images/icon-form-radio-hover.svg)
}

.map [type=radio]:checked{
background-image:url(/element/j_hotel/map/images/icon-form-radio-checked.svg)
}

.map [type=radio]:disabled{
opacity:1;
cursor:default;
background-image:url(/element/j_hotel/map/images/icon-form-radio-disabled.svg)
}

/* checkbox customize
----------------------------------------------- */
.map [type=checkbox]{
margin:0;
padding:0;
border:none;
border-radius:0;
width:16px;
height:16px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
background:url(/element/j_hotel/map/images/icon-form-checkbox.svg) 0 0 no-repeat;
cursor:pointer
}

.map [type=checkbox]:active,
.map [type=checkbox]:hover,
.map [type=checkbox]:focus{
background-image:url(/element/j_hotel/map/images/icon-form-checkbox-hover.svg);
}

.map [type=checkbox]:checked{
background-image:url(/element/j_hotel/map/images/icon-form-checkbox-checked.svg);
}

.map [type=checkbox]:disabled{
opacity:1;
cursor:default;
background-image:url(/element/j_hotel/map/images/icon-form-checkbox-disabled.svg);
}

.map [type=checkbox].is-checked:disabled{
background-image:url(/element/j_hotel/map/images/icon-form-checkbox-checked.svg);
opacity:.33;
}


/* ----------------------------------------------------------------
  Pseudo classes Transition
----------------------------------------------------------------- */
.map a,
.map button,
.map label,
.map input{
transition:all .15s linear;
}



/* ----------------------------------------------------------------
  Outline control
----------------------------------------------------------------- */
/* plugin
   https://github.com/ten1seven/what-input
----------------------------------------------------------------- */
/* default mouse focus
----------------------------------------------- */
[data-whatinput='mouse'] .map *:focus{
outline:none;
}

/* default keyboard focus
----------------------------------------------- */
[data-whatinput='keyboard'] .map *:focus{
outline:none;
box-shadow:0 0 0 2px #338cd5;
}


/* ----------------------------------------------------------------
  .cmn-dashed
----------------------------------------------------------------- */
.map .map-filter-detail-pulldown-note .cmn-dashed{
--cmn-dashed-color:#777;
--cmn-dashed-font-color:#777;
}

.map .map-view-area-outside .cmn-dashed{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}



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

  Layout

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  map-lyt
----------------------------------------------------------------- */
.map-lyt{
padding:0;
font-family:Arial, sans-serif, var(--cmn-font-family);
font-size:13px;
}

.map-lyt .str-header,
.map-lyt .nav-global,
.map-lyt .cmn-topic-path,
.map-lyt #container,
.map-lyt .str-footer{
display:none;
}


/* ----------------------------------------------------------------
  map
----------------------------------------------------------------- */
.map{
box-sizing:border-box;
min-width:1600px;
height:100vh;
min-height:585px;
position:relative;
line-height:1.25;
display:none;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
background-color:#fff;
}

.map-lyt .map{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

/* Media Queries
----------------------------------------------- */
@media screen and (max-width:1568px){
.map{
height:calc(100vh - 17px);
}
}


/* ----------------------------------------------------------------
  map-inner
----------------------------------------------------------------- */
.map .map-inner{
-webkit-box-flex:1 0 auto;
-ms-flex:1 0 auto;
flex:1 0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}



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

  Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .cmn-loading-spinner / .cmn-loading-spinner-dot
----------------------------------------------------------------- */
/* [class^="map-view-marker-content"] > .cmn-loading-spinner-dot
----------------------------------------------- */
.map [class^="map-view-marker-content"] .cmn-loading-spinner-dot,
.map [class^="map-view-marker-content"] .cmn-loading-spinner-dot-wht{
margin:0 auto;
width:12px;
height:12px;
}


/* ----------------------------------------------------------------
  .cmn-tip-agt
----------------------------------------------------------------- */
.map-lyt .cmn-tip-agt::before{
display:none;
}


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


/* ----------------------------------------------------------------
  .minpaku / icon-minpaku
----------------------------------------------------------------- */
/* .minpaku
----------------------------------------------- */
.map .minpaku{
padding-left:30px;
position:relative;
}

/* .icon-minpaku
----------------------------------------------- */
.map .minpaku .icon-minpaku{
padding:1px 2px;
color:#fff;
display:block;
position:absolute;
top:1px;
left:0;
background-color:#555;
font-size:11px;
font-weight:normal;
}


/* ----------------------------------------------------------------
  .review-component
----------------------------------------------------------------- */
/* .review-component
----------------------------------------------- */
.map .review-component{
margin:5px 0;
}

/* .map-result >.review-component-list /
   .map-view-panel > .review-component-list
----------------------------------------------- */
.map .map-result .review-component-list > li:not(:last-child),
.map .map-view-panel .review-component-list > li:not(:last-child){
margin:0 8px 0 0;
}

.map .map-result .review-component-list > li > span:first-child,
.map .map-view-panel .review-component-list > li > span:first-child{
height:0;
overflow:hidden;
position:absolute;
}

.map .map-result .review-component-list [class^='icon-r-'] span,
.map .map-view-panel .review-component-list [class^='icon-r-'] span{
padding-top:11px;
width:60px;
}

/* .map-view-detail > .review-component-list
----------------------------------------------- */
.map .map-view-detail .review-component-list{
line-height:1.35;
}

.map .map-view-detail .review-component-list .price-range{
margin:0 10px;
}

.map .map-view-detail .review-component-list div > span:last-child > span:last-child{
margin-right:0;
}


/* ----------------------------------------------------------------
  .slider
----------------------------------------------------------------- */
/* .map > .slider
----------------------------------------------- */
.map .map-filter-detail-all-pulldown .slider{
margin-top:-5px;
}

/* .map > .slider-ui
----------------------------------------------- */
.map .map-filter-detail-pulldown .slider-ui,
.map .map-filter-detail-all-pulldown .slider-ui{
width:160px;
}

/* .map > .slider-input
----------------------------------------------- */
.map .slider-input input[type=text]:active,
.map .slider-input input[type=text]:hover{
border-color: #338cd5;
}


/* ----------------------------------------------------------------
  .suggest
----------------------------------------------------------------- */
/* .map-filter > .suggest
----------------------------------------------- */
.map .map-filter .suggest{
border:1px solid #bbb;
border-radius:4px;
min-width:370px;
z-index:1;
}

.map .map-filter .suggest-logo img{
margin-bottom:-2px;
}

.map .map-filter .suggest-tab-panel-footer{
background-color:#f5f5f5;
}

.map .map-filter .suggest-tab-panel-footer-btn button{
box-shadow:none;
min-width:90px;
min-height:26px;
font-size:12px;
font-weight:normal;
}

.map .map-filter .suggest-tab-panel-footer-btn button:not(.reset){
background-color:#338cd5;
text-shadow:none;
}

/* .map-view-word-search > .suggest
----------------------------------------------- */
.map .map-view-word-search .suggest{
border:none;
border-top:1px solid #bbb;
border-radius:4px;
box-shadow:3px 2px 4px rgba(0,0,0,.5);
}

.map .map-view-word-search .suggest-logo img{
margin-bottom:-2px;
}


/* ----------------------------------------------------------------
  .map-pager
----------------------------------------------------------------- */
.map .map-pager{
margin:25px -4px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.map .map-pager > li{
margin:0 4px;
}

.map .map-pager > li > a{
padding:10px 0;
border:1px solid #bbb;
display:block;
border-radius:3px;
width:46px;
color:#555;
text-align:center;
text-decoration:none;
background-color:#fff;
}

.map .map-pager > li > a:active,
.map .map-pager > li > a:hover{
border-color:#338cd5;
}

.map .map-pager > .map-pager-current{
margin:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:center;
font-size:12px;
}

.map .map-pager > .map-pager-current:first-child{
margin-left:112px;
}

.map .map-pager > .map-pager-current:last-child{
margin-right:112px;
}

.map .map-pager > .map-pager-current span{
font-size:14px;
}

.map .map-pager > .map-pager-current > b{
display:block;
font-weight:normal;
}

/* .map-view-detail > .map-pager
----------------------------------------------- */
.map .map-view-detail .map-pager{
margin:18px -4px 10px;
line-height:1.25;
}

.map .map-view-detail .map-pager > li > a{
padding:8px 0;
width:38px;
}



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

  Loading Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-view-loading
----------------------------------------------------------------- */
.map .map-view-loading{
margin:auto;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:24px;
height:24px;
}



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

  Map Filter

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-filter
----------------------------------------------------------------- */
/* .map-filter
----------------------------------------------- */
.map .map-filter{
padding:15px 20px;
min-height:45px;
z-index:3;
box-shadow:0 3px 5px rgba(0,0,0,.3);
background-color:#f5f5f5;
}

.map.is-sticky .map-filter{
position:fixed;
top:0;
left:0;
width:100%;
min-height:38px;
box-sizing:border-box;
}

.map .map-filter > form{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}


/* .map-filter-inner
----------------------------------------------- */
.map .map-filter > form > .map-filter-inner:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}


/* ----------------------------------------------------------------
  .map-filter-row
----------------------------------------------------------------- */
/* .map-filter-row-top
----------------------------------------------- */
.map .map-filter-row-top{
margin-bottom:12px;
padding-left:105px;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.map.is-sticky .map-filter-row-top{
display:none;
}

/* .map-filter-row-wrap
----------------------------------------------- */
.map .map-filter-row-wrap{
margin-bottom:18px;
padding-right:186px;
width:1370px;
box-sizing:border-box;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}


/* ----------------------------------------------------------------
  .map-filter-btn-prev
----------------------------------------------------------------- */
.map .map-filter-btn-prev{
margin:auto 0;
width:85px;
height:100%;
position:absolute;
top:0;
left:0;
}

.map .map-filter-btn-prev::before{
content:'';
display:block;
width:1px;
height:38px;
overflow:hidden;
position:absolute;
top:3px;
right:0;
background-color:#ccc;
}

.map .map-filter-btn-prev button{
margin-top:9px;
padding:4px;
border:none;
color:var(--cmn-font-color-base);
background:none;
font-size:14px;
text-align:left;
}

.map .map-filter-btn-prev button:active,
.map .map-filter-btn-prev button:hover{
background-color:rgba(0,0,0,.04);
}


/* ----------------------------------------------------------------
  .map-filter-destination
----------------------------------------------------------------- */
/* .map-filter-destination
----------------------------------------------- */
.map .map-filter-destination{
margin-right:25px;
}

.map .map-filter-row-wrap .map-filter-destination{
margin:0 0 10px;
width:100%;
}

/* .map-filter-destination-list
----------------------------------------------- */
.map .map-filter-destination-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.map .map-filter-destination-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.map .map-filter-destination-list > li.is-hide{
display:none;
}

.map .map-filter-row-wrap .map-filter-destination-list > li:not(:last-child){
margin-right:15px;
}

/* .map-filter-destination-input
----------------------------------------------- */
.map .map-filter-destination-input{
border:1px solid #bbb;
border-radius:4px;
position:relative;
background-color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
width:265px;
height:45px;
box-sizing:border-box;
}

.map .map-filter-destination-input input{
padding:2px 5px 2px 32px;
border:none;
border-radius:4px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
min-width:0;
display:block;
overflow:hidden;
text-overflow:ellipsis;
background:url(/element/j_hotel/map/images/icon-search.svg) 10px 50% no-repeat;
background-size:16px 16px;
font-size:15px;
}

.map .map-filter-destination-input input:active,
.map .map-filter-destination-input input:hover{
box-shadow:0 0 0 1px #338cd5;
}

/* .map-filter-destination-input-btn-clear
----------------------------------------------- */
.map .map-filter-destination-input-btn-clear{
padding:0;
border:none;
border-radius:4px;
color:rgba(0,0,0,0);
width:30px;
overflow:hidden;
background:url(/element/j_hotel/map/images/icon-x.svg) 50% 50% no-repeat;
background-size:9px 9px;
}

/* .map-filter-destination-input-btn-del
----------------------------------------------- */
.map .map-filter-destination-input-btn-del{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:17px;
overflow:hidden;
background:#bebebe url(/element/j_hotel/map/images/icon-x-wht.svg) 50% 50% no-repeat;
background-size:9px 9px;
}

/* .map-filter-destination-distance
----------------------------------------------- */
.map .map-filter-destination-distance{
margin-left:5px;
color:#666;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
}

/* .map-filter-destination-distance-inner
----------------------------------------------- */
.map .map-filter-destination-distance-inner{
margin:0 5px;
position:relative;
}

/* .map-filter-destination-distance-hook
----------------------------------------------- */
.map .map-filter-destination-distance-hook{
padding:2px 20px 2px 10px;
border:1px solid #bbb;
border-radius:4px;
color:var(--cmn-font-color-base);
min-width:95px;
min-height:45px;
background:#fff url(/element/j_hotel/map/images/icon-form-select.svg) calc(100% - 7px) 50% no-repeat;
background-size:7px 5px;
font-size:15px;
text-align:left;
}

.map .map-filter-destination-distance-hook:active,
.map .map-filter-destination-distance-hook:hover{
border-color:#338cd5;
}

/* .map-filter-destination-distance-pulldown
----------------------------------------------- */
.map .map-filter-destination-distance-pulldown{
border:1px solid #ccc;
border-radius:4px;
box-shadow:0 1px 2px rgba(0,0,0,.15);
display:none;
position:absolute;
top:100%;
left:0;
width:100%;
box-sizing:border-box;
z-index:1;
background-color:#fff;
}

.map .map-filter-destination-distance-inner[aria-expanded="true"] .map-filter-destination-distance-pulldown{
display:block;
}

/* .map-filter-destination-distance-pulldown-list
----------------------------------------------- */
.map .map-filter-destination-distance-pulldown-list a{
padding:8px 10px;
color:var(--cmn-font-color-base);
display:block;
text-decoration:none;
font-size:15px;
}

.map .map-filter-destination-distance-pulldown-list a:active,
.map .map-filter-destination-distance-pulldown-list a:hover{
background-color:rgba(0,0,0,.04);
}

.map .map-filter-destination-distance-pulldown-list .is-active a{
background-color:#e0eef9;
}

/* .form-search-destination-btn-add
----------------------------------------------- */
.map .form-search-destination-btn-add{
margin-left:15px;
padding:0 0 0 15px;
border:none;
color:var(--cmn-font-color-base);
background:url(/element/shared/images/icon/icon-toggle-plus.svg) 0 46% no-repeat;
background-size:11px 11px;
white-space:nowrap;
font-size:12px;
text-align:left;
}

.map .form-search-destination-btn-add:active,
.map .form-search-destination-btn-add:hover{
box-shadow:0 0 0 4px rgba(0,0,0,.04);
background-color:rgba(0,0,0,.04);
}

/* .map-filter-destination-pulldown
----------------------------------------------- */
.map .map-filter-destination-pulldown{
position:relative;
}

/* .map-filter-destination-pulldown-btn
----------------------------------------------- */
.map .map-filter-destination-pulldown-btn{
margin-left:10px;
padding:3px;
border:none;
color:var(--cmn-font-color-base);
min-width:66px;
line-height:1.45;
background:none;
font-size:11px;
text-align:left;
}

.map .map-filter-destination-pulldown-btn:active,
.map .map-filter-destination-pulldown-btn:hover{
background-color:rgba(0,0,0,.04);
}

/* .map-filter-destination-pulldown-content
----------------------------------------------- */
.map .map-filter-destination-pulldown-content{
margin-top:2px;
padding:15px;
border:1px solid #ccc;
border-radius:4px;
box-shadow:0 1px 2px rgba(0,0,0,.15);
display:none;
position:absolute;
top:100%;
left:5px;
width:380px;
z-index:1;
background-color:#fff;
}

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

/* .map-filter-destination-pulldown-content-list
----------------------------------------------- */
.map .map-filter-destination-pulldown-content-list{
margin:-5px 0 0 -25px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
font-size:14px;
}

.map .map-filter-destination-pulldown-content-list > li{
margin-top:5px;
padding-left:25px;
width:50%;
box-sizing:border-box;
}

.map .map-filter-destination-pulldown-content-list label{
padding:4px 0 3px 22px;
display:block;
position:relative;
}

.map .map-filter-destination-pulldown-content-list > li:not([class]) label:active,
.map .map-filter-destination-pulldown-content-list > li:not([class]) label:hover{
box-shadow:4px 0 0 rgba(0,0,0,.04),-4px 0 0 rgba(0,0,0,.04);
background-color:rgba(0,0,0,.04);
}

.map .map-filter-destination-pulldown-content-list input{
position:absolute;
top:4px;
left:0;
}

.map .map-filter-destination-pulldown-content-list > .is-disabled{
color:#ccc;
}

.map .map-filter-destination-pulldown-content-list > .is-disabled label{
cursor:default;
}

.map .map-filter-destination-pulldown-content-list .num{
margin-left:8px;
display:inline-block;
font-size:12px;
}


/* ----------------------------------------------------------------
  .map-filter-date
----------------------------------------------------------------- */
/* .map-filter-date
----------------------------------------------- */
.map .map-filter-date{
margin-right:15px;
}

/* .map-filter-date-inner
----------------------------------------------- */
.map .map-filter-date-inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .map-filter-date-hook
----------------------------------------------- */
.map .map-filter-date-hook a{
padding:0 30px 0 15px;
border:1px solid #bbb;
border-radius:4px;
display:block;
box-sizing:border-box;
width:210px;
line-height:43px;
background:#fff url(/element/shared/lib/jquery/jquery.travelko.date-range-picker/images/icon.png) calc(100% - 10px) 10px no-repeat;
font-size:15px;
text-align:left;
text-decoration:none;
}

.map .map-filter-date-hook a.is-hover,
.map .map-filter-date-hook a:active,
.map .map-filter-date-hook a:hover{
border-color:#338cd5;
}

.map .map-filter-date-hook.is-disabled{
opacity:.33;
}

.map .map-filter-date-hook.is-disabled a{
cursor:default;
}

.map .map-filter-date-hook.is-disabled a:active,
.map .map-filter-date-hook.is-disabled a:hover{
border-color:#bbb;
}


/* .map-filter-date-to
----------------------------------------------- */
.map .map-filter-date-to{
margin:0 4px;
}

.map .map-filter-date-to::before{
content:'\ff5e';
display:block;
}

.map .map-filter-date-to > span{
height:0;
overflow:hidden;
position:absolute;
}

/* .map-filter-date-num
----------------------------------------------- */
.map .map-filter-date-num{
position:relative;
}

/* .map-filter-date-num-hook
----------------------------------------------- */
.map .map-filter-date-num-hook{
padding:2px 20px 2px 10px;
border:1px solid #bbb;
border-radius:4px;
min-width:75px;
min-height:45px;
background:#fff url(/element/j_hotel/map/images/icon-form-select.svg) calc(100% - 7px) 50% no-repeat;
background-size:7px 5px;
font-size:15px;
text-align:left;
}

.map .map-filter-date-num-hook.is-hover,
.map .map-filter-date-num-hook:active,
.map .map-filter-date-num-hook:hover{
border-color:#338cd5;
}

.map .map-filter-date-num-hook:disabled{
opacity:.33;
}

.map .map-filter-date-num-hook:disabled:active,
.map .map-filter-date-num-hook:disabled:hover{
border-color:#bbb;
}

/* .map-filter-date-num-pulldown
----------------------------------------------- */
.map .map-filter-date-num-pulldown{
border:1px solid #ccc;
border-radius:4px;
box-shadow:0 1px 2px rgba(0,0,0,.15);
display:none;
position:absolute;
top:100%;
left:0;
width:100%;
box-sizing:border-box;
z-index:1;
background-color:#fff;
}

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

/* .map-filter-date-num-pulldown-list
----------------------------------------------- */
.map .map-filter-date-num-pulldown-list a{
padding:8px 10px;
color:var(--cmn-font-color-base);
display:block;
text-decoration:none;
font-size:15px;
}

.map .map-filter-date-num-pulldown-list a:active,
.map .map-filter-date-num-pulldown-list a:hover{
background-color:rgba(0,0,0,.04);
}

.map .map-filter-date-num-pulldown-list .is-active a{
background-color:#e0eef9;
}


/* ----------------------------------------------------------------
  .map-filter-member
----------------------------------------------------------------- */
/* .map-filter-member
----------------------------------------------- */
.map .map-filter-member{
position:relative;
}

/* .map-filter-member-hook
----------------------------------------------- */
.map .map-filter-member-hook{
padding:0 15px;
border:1px solid #bbb;
border-radius:4px;

display:block;
box-sizing:border-box;
width:200px;
line-height:43px;
background-color:#fff;
font-size:15px;
}

.map a.map-filter-member-hook{
color:var(--cmn-font-color-base);
text-decoration:none;
}

.map .map-filter-member-hook.is-hover,
.map .map-filter-member-hook:active,
.map .map-filter-member-hook:hover{
border-color:#338cd5;
}

/* .map-filter-member-pulldown
----------------------------------------------- */
.map .map-filter-member-pulldown{
padding:15px;
border:1px solid #ccc;
border-radius:4px;
box-shadow:0 2px 3px rgba(0,0,0,.15);
display:none;
position:absolute;
top:100%;
right:0;
z-index:1;
width:515px;
background-color:#fff;
font-size:12px;
}

.map .map-filter-member > fieldset[aria-expanded="true"] .map-filter-member-pulldown{
display:block;
}

/* .map-filter-member-pulldown-list
----------------------------------------------- */
.map .map-filter-member-pulldown-list > li,
.map .map-filter-member-pulldown-list > li > label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.map .map-filter-member-pulldown-list > li:not(:first-child){
margin-top:16px;
}

.map .map-filter-member-pulldown-list > li > label{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.map .map-filter-member-pulldown-list > li b{
display:block;
width:85px;
}

.map .map-filter-member-pulldown-list > li b > span{
display:block;
font-size:11px;
}

.map .map-filter-member-pulldown-list > li > ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.map .map-filter-member-pulldown-list > li > ul > li:not(:first-child){
margin-left:20px;
}

.map .map-filter-member-pulldown-list > li > ul > li > label > span{
display:block;
}

/* .map-filter-member-pulldown-list-01
----------------------------------------------- */
.map .map-filter-member-pulldown-list-01{
margin:-8px 0 0 -12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:350px;
}

.map .map-filter-member-pulldown-list-01 > li{
margin-top:8px;
padding-left:12px;
box-sizing:border-box;
}

.map .map-filter-member-pulldown-list-01 label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.map .map-filter-member-pulldown-list-01 label > span{
width:7.5em;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.map .map-filter-member-pulldown-list-01 label > span > span:last-child{
margin-left:3px;
}


/* ----------------------------------------------------------------
  .map-filter-btn-realtime
----------------------------------------------------------------- */
/* .map-filter-btn-realtime
----------------------------------------------- */
.map .map-filter-btn-realtime{
margin-left:20px;
padding-left:15px;
border-left:1px solid #ccc;
height:45px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.map .map-filter-btn-realtime > button{
padding:4px 4px 4px 22px;
border:none;
color:var(--cmn-font-color-base);
background:url(/element/j_hotel/map/images/icon-reload.svg) 4px 50% no-repeat;
background-size:13px 13px;
}

.map .map-filter-btn-realtime > button:active,
.map .map-filter-btn-realtime > button:hover{
background-color:rgba(0,0,0,.04);
}

.map .map-filter-btn-realtime > .is-disabled,
.map .map-filter-btn-realtime > button:disabled{
opacity:.33;
}

/* .map-filter-row-wrap > .map-filter-btn-realtime
----------------------------------------------- */
.map .map-filter-row-wrap .map-filter-btn-realtime{
margin:0;
position: absolute;
top:0;
right:0;
}


/* ----------------------------------------------------------------
  .map-filter-inquiry
----------------------------------------------------------------- */
/* .map-filter-inquiry
----------------------------------------------- */
.map .map-filter-inquiry{
position:relative;
}

/* .map-filter-inquiry-hook
----------------------------------------------- */
.map .map-filter-inquiry .map-filter-inquiry-hook{
padding:0 12px;
border:1px solid #bbb;
border-radius:4px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
cursor:pointer;
line-height:43px;
background-color:#fff;
font-size:13px;
}

.map .map-filter-inquiry.branch .map-filter-inquiry-hook{
padding-left:36px;
border-radius:6px;
line-height:45px;
background-size:22px 20px;
font-size:14px;
}

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

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

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

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

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



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

  Map Filter Detail

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-filter-detail
----------------------------------------------------------------- */
/* .map-filter-detail
----------------------------------------------- */
.map .map-filter-detail{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.map .map-filter-detail > li{
margin-right:7px;
position:relative;
}

/* .map.is-sticky > .map-filter-detail
----------------------------------------------- */
.map.is-sticky .map-filter-detail{
margin-top:-5px;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

.map.is-sticky .map-filter-detail > li{
margin-top:5px;
}


/* ----------------------------------------------------------------
  .map-filter-detail-hook
----------------------------------------------------------------- */
/* .map-filter-detail-hook
----------------------------------------------- */
.map .map-filter-detail-hook{
border:none;
border-radius:4px;
padding:0 10px;
box-sizing:border-box;
display:table-cell;
min-width:100px;
height:36px;
box-shadow:0 1px 2px rgba(0,0,0,.3);
background-color:#fff;
font-size:13px;
text-align:center;
vertical-align:middle;
}

.map a.map-filter-detail-hook{
color:var(--cmn-font-color-base);
text-decoration:none;
}

.map .map-filter-detail-hook.is-hover,
.map .map-filter-detail-hook:active,
.map .map-filter-detail-hook:hover{
box-shadow:0 0 0 1px #338cd5;
}

.map .map-filter-detail-hook > span > span{
display:block;
line-height:1;
white-space:nowrap;
}

.map .map-filter-detail-hotel-rank .map-filter-detail-hook{
min-width:115px;
}

/* .map-filter-detail-hook.is-selected
----------------------------------------------- */
.map .map-filter-detail-hook.is-selected{
text-align:left;
background-color:#e0eef9;
}

/* .map-filter-detail-hook-num
----------------------------------------------- */
.map .map-filter-detail-hook .map-filter-detail-hook-num{
border-radius:8px;
color:#777;
letter-spacing:-.05em;
position:absolute;
bottom:50%;
right:8px;
width:16px;
line-height:16px;
transform:translateY(50%);
background-color:#fff;
font-size:11px;
text-align:center;
}


/* ----------------------------------------------------------------
  .map-filter-detail-pulldown
----------------------------------------------------------------- */
/* .map-filter-detail-pulldown
----------------------------------------------- */
.map .map-filter-detail-pulldown{
padding:15px;
border:1px solid #ccc;
border-radius:4px;
box-shadow:0 1px 2px rgba(0,0,0,.15);
display:none;
position:absolute;
top:100%;
right:50%;
min-width:185px;
box-sizing:border-box;
z-index:2;
transform:translateX(50%);
background-color:#fff;
}

.map .map-filter-detail > li[aria-expanded="true"] .map-filter-detail-pulldown{
display:block;
}

/* .map-filter-detail-budget > .map-filter-detail-pulldown
----------------------------------------------- */
.map .map-filter-detail-budget .map-filter-detail-pulldown{
width:224px;
right:auto;
left:0;
transform:none;
font-size:12px;
}

/* .map-filter-detail-review > .map-filter-detail-pulldown
----------------------------------------------- */
.map .map-filter-detail-review .map-filter-detail-pulldown{
width:222px;
}

/* .map-filter-detail-hotel-rank > .map-filter-detail-pulldown
----------------------------------------------- */
.map .map-filter-detail-hotel-rank .map-filter-detail-pulldown{
width:410px;
}

/* .map-filter-detail-room-type > .map-filter-detail-pulldown
----------------------------------------------- */
.map .map-filter-detail-room-type .map-filter-detail-pulldown{
width:230px;
}

/* .map-filter-detail-smoking > .map-filter-detail-pulldown
----------------------------------------------- */
.map .map-filter-detail-smoking .map-filter-detail-pulldown{
width:320px;
}


/* ----------------------------------------------------------------
  .map-filter-detail-pulldown-hdg
----------------------------------------------------------------- */
.map .map-filter-detail-pulldown-hdg{
margin:10px 0;
padding-top:15px;
border-top:1px solid #ccc;
font-weight:normal;
}

/* ----------------------------------------------------------------
  .map-filter-detail-pulldown-list-form
----------------------------------------------------------------- */
/* .map-filter-detail-pulldown-list-form
----------------------------------------------- */
.map .map-filter-detail-pulldown-list-form > li:not(:first-child){
margin-top:5px;
}

.map .map-filter-detail-pulldown-list-form > li > label{
padding:4px 0 3px 22px;
display:block;
position:relative;
}

.map .map-filter-detail-pulldown-list-form > li:not([class]) > label:active,
.map .map-filter-detail-pulldown-list-form > li:not([class]) > label:hover{
box-shadow:4px 0 0 rgba(0,0,0,.04),-4px 0 0 rgba(0,0,0,.04);
background-color:rgba(0,0,0,.04);
}

.map .map-filter-detail-pulldown-list-form > li > label input{
position:absolute;
top:4px;
left:0;
}

.map .map-filter-detail-pulldown-list-form > .is-disabled{
color:#ccc;
}

.map .map-filter-detail-pulldown-list-form > .is-disabled > label{
cursor:default;
}

.map .map-filter-detail-pulldown-list-form .num{
margin-left:8px;
display: inline-block;
font-size:12px;
}

.map .map-filter-detail-pulldown-list-form .icon-r-hotel{
margin-right:8px;
}

.map .map-filter-detail-pulldown-list-form .icon-r-hotel > span{
vertical-align:top;
}

.map .map-filter-detail-pulldown-list-form > .is-disabled .icon-r-hotel{
opacity:.25;
}

.map p + .map-filter-detail-pulldown-list-form{
margin-top:8px;
}

/* .map-filter-detail-hotel-rank > .map-filter-detail-pulldown-list-form
----------------------------------------------- */
.map-filter-detail-hotel-rank .map-filter-detail-pulldown-list-form{
margin-left:-10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

.map-filter-detail-hotel-rank .map-filter-detail-pulldown-list-form > li{
margin-left:10px;
width:calc(50% - 10px);
}

.map-filter-detail-hotel-rank .map-filter-detail-pulldown-list-form > li:nth-child(-n+2){
margin-top:0;
}


/* ----------------------------------------------------------------
  .map-filter-detail-pulldown-note
----------------------------------------------------------------- */
/* .map-filter-detail-pulldown-note
----------------------------------------------- */
.map .map-filter-detail-pulldown-note{
margin-top:5px;
color:#777;
font-size:11px;
}

.map .map-filter-detail-pulldown-note > li{
padding-left:15px;
position:relative;
}

.map .map-filter-detail-pulldown-note > li::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

.map .map-filter-detail-pulldown-note > li:not(:first-child){
margin-top:4px;
}

.map .map-filter-detail-all-pulldown-content-hdg .map-filter-detail-pulldown-note{
margin:0 0 0 12px;
}

.map .map-filter-member .map-filter-detail-pulldown-note{
margin-top:16px;
padding-top:8px;
border-top:1px solid #ccc;
}

/* .map-filter-detail-pulldown-note-line
----------------------------------------------- */
.map .map-filter-detail-pulldown-note-line > li{
margin:4px 12px 0 0;
display:inline-block;
}


/* ----------------------------------------------------------------
  .map-filter-detail-pulldown-error
----------------------------------------------------------------- */
/* .map-filter-detail-pulldown-error
----------------------------------------------- */
.map-filter-detail-pulldown-error{
margin:6px 0 0;
color:var(--cmn-font-color-red);
font-size:12px;
}

.map-filter-detail-pulldown-error > li{
margin-top:5px;
padding-left:18px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
background-size:14px auto;
}


/* ----------------------------------------------------------------
  .map-filter-detail-keyword
----------------------------------------------------------------- */
/* .map-filter-detail-keyword
----------------------------------------------- */
.map li.map-filter-detail-keyword{
margin:0 20px 0 13px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.map .map-filter-detail-keyword > label{
margin-right:8px;
line-height:1.2;
font-size:12px;
}

.map .map-filter-detail-keyword > span:last-child{
padding-right:8px;
color:#949494;
border:1px solid #bbb;
background-color:#fff;
cursor:default;
}

.map .map-filter-detail-keyword input[type=text],
.map .map-filter-detail-keyword input[type=search]{
color:var(--cmn-font-color-base);
border:none;
width:250px;
min-height:34px;
overflow:hidden;
text-overflow:ellipsis;
}

.map .map-filter-detail-keyword input[type=text]:active,
.map .map-filter-detail-keyword input[type=text]:hover,
.map .map-filter-detail-keyword input[type=search]:active,
.map .map-filter-detail-keyword input[type=search]:hover{
box-shadow:0 0 0 1px #338cd5;
}

/* .map-filter-detail-keyword-form
----------------------------------------------- */
.map .map-filter-detail-keyword-form{
margin-right:5px;
color:#555;
font-size:11px;
}

.map .map-filter-detail-keyword-form label{
padding:3px 0 3px 20px;
display:block;
position:relative;
}

.map .map-filter-detail-keyword-form label:active,
.map .map-filter-detail-keyword-form label:hover{
box-shadow:2px 0 0 rgba(0,0,0,.04),-2px 0 0 rgba(0,0,0,.04);
background-color:rgba(0,0,0,.04);
}


.map .map-filter-detail-keyword-form label input[type=radio]{
position:absolute;
top:1px;
left:0;
}


/* ----------------------------------------------------------------
  .map-filter-detail-all
----------------------------------------------------------------- */
/* .map-filter-detail-all-pulldown
----------------------------------------------- */
.map .map-filter-detail-all-pulldown{
border:1px solid #ccc;
border-radius:4px;
padding-top:20px;
box-shadow:0 1px 2px rgba(0,0,0,.15);
display:none;
position:absolute;
top:100%;
right:0;
width:830px;
height:520px;
box-sizing:border-box;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
z-index:2;
background-color:#fff;
}

.map .map-filter-detail > li[aria-expanded="true"] .map-filter-detail-all-pulldown{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

/* Media Queries
----------------------------------------------- */
@media screen and (max-width:1277px){
.map.is-sticky .map-filter-detail-all-pulldown{
right:auto;
left:0;
}
}

/* .map-filter-detail-all-pulldown-inner
----------------------------------------------- */
.map .map-filter-detail-all-pulldown-inner{
margin-left:165px;
overflow-y:scroll;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .map-filter-detail-all-pulldown-nav
----------------------------------------------- */
.map .map-filter-detail-all-pulldown-nav{
padding:20px 10px 20px 20px;
box-sizing:border-box;
position:absolute;
top:0;
left:0;
width:145px;
height:100%;
}

.map .map-filter-detail-all-pulldown-nav::before{
content:'';
display:block;
width:4px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
right:-4px;
background:linear-gradient(to left, transparent 5%, rgba(0,0,0,.12) 100%);
}

/* .map-filter-detail-all-pulldown-nav-list
----------------------------------------------- */
.map .map-filter-detail-all-pulldown-nav-list > li:not(:first-child){
margin-top:12px;
}

.map .map-filter-detail-all-pulldown-nav-list a{
padding:4px 16px 3px 0;
color:var(--cmn-font-color-base);
display:block;
position:relative;
text-decoration:none;
}

.map .map-filter-detail-all-pulldown-nav-list a:active,
.map .map-filter-detail-all-pulldown-nav-list a:hover{
box-shadow:4px 0 0 rgba(0,0,0,.04),-4px 0 0 rgba(0,0,0,.04);
background-color:rgba(0,0,0,.04);
}

.map .map-filter-detail-all-pulldown-nav-list a > span{
border:1px solid #ddd;
border-radius:8px;
color:#777;
position:absolute;
top:3px;
right:0;
display:block;
width:14px;
background-color:#fff;
line-height:14px;
text-align:center;
font-size:11px;
}

/* .map-filter-detail-all-pulldown-content
----------------------------------------------- */
.map .map-filter-detail-all-pulldown-content{
padding:0 10px 15px;
}

/* .map-filter-detail-all-pulldown-content-sup
----------------------------------------------- */
.map .map-filter-detail-all-pulldown-content-sup{
margin-top:5px;
font-size:12px;
}

.map .map-filter-detail-all-pulldown-content-hdg + .map-filter-detail-all-pulldown-content-sup,
.map .map-filter-detail-all-pulldown-content-hdg-01 + .map-filter-detail-all-pulldown-content-sup{
margin-top:-4px;
}

/* .map-filter-detail-all-pulldown-content-hdg
----------------------------------------------- */
.map .map-filter-detail-all-pulldown-content-hdg{
margin:20px -10px 8px 0;
padding-top:15px;
border-top:1px solid #ccc;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
}

.map .map-filter-detail-all-pulldown-content-hdg.first-child{
margin-top:0;
padding-top:0;
border-top:none;
}

.map .map-filter-detail-all-pulldown-content-hdg > h2{
margin-right:24px;
font-size:14px;
}

/* .map-filter-detail-all-pulldown-content-hdg-01
----------------------------------------------- */
.map .map-filter-detail-all-pulldown-content-hdg-01{
margin:20px 0 10px;
font-size:14px;
font-weight:normal;
}

.map .map-filter-detail-all-pulldown-content-hdg + .map-filter-detail-all-pulldown-content-hdg-01{
margin-top:0;
}

/* .map-filter-detail-all-pulldown-content-word-search
----------------------------------------------- */
.map .map-filter-detail-all-pulldown-content-word-search + .map-filter-detail-all-pulldown-content-word-search{
margin-top:10px;
}

.map .map-filter-detail-all-pulldown-content-word-search > label{
border:1px solid #bbb;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#f1f1f1;
}

.map .map-filter-detail-all-pulldown-content-word-search > label > span:first-child{
padding:3px 8px;
font-size:11px;
}

.map .map-filter-detail-all-pulldown-content-word-search > label > span:last-child{
border-left:1px solid #bbb;
color:#949494;
display:block;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
background-color:#fff;
}

.map .map-filter-detail-all-pulldown-content-word-search input[type=text],
.map .map-filter-detail-all-pulldown-content-word-search input[type=search]{
color:var(--cmn-font-color-base);
border:none;
width:475px;
min-height:34px;
overflow:hidden;
text-overflow:ellipsis;
}

.map .map-filter-detail-all-pulldown-content-word-search input[type=text]:active,
.map .map-filter-detail-all-pulldown-content-word-search input[type=text]:hover,
.map .map-filter-detail-all-pulldown-content-word-search input[type=search]:active,
.map .map-filter-detail-all-pulldown-content-word-search input[type=search]:hover{
box-shadow:0 0 0 1px #338cd5;
}

/* .map-filter-detail-all-pulldown-content-word-search-inner
----------------------------------------------- */
.map .map-filter-detail-all-pulldown-content-word-search-inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

/* .map-filter-detail-all-pulldown-content-word-search-list
----------------------------------------------- */
.map .map-filter-detail-all-pulldown-content-word-search-list{
margin:5px 10px 0 0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:11px;
}

.map .map-filter-detail-all-pulldown-content-word-search-list li{
margin-right:10px;
display:inline-block;
}

.map .map-filter-detail-all-pulldown-content-word-search-list label{
padding:3px 0 3px 20px;
display:block;
position:relative;
min-height:15px;
}

.map .map-filter-detail-all-pulldown-content-word-search-list label:active,
.map .map-filter-detail-all-pulldown-content-word-search-list label:hover{
box-shadow:2px 0 0 rgba(0,0,0,.04),-2px 0 0 rgba(0,0,0,.04);
background-color:rgba(0,0,0,.04);
}

.map .map-filter-detail-all-pulldown-content-word-search-list input[type=radio]{
position:absolute;
top:2px;
left:0;
}

/* .map-filter-detail-all-pulldown-content-list-form
----------------------------------------------- */
.map .map-filter-detail-all-pulldown-content-list-form{
margin:-10px 0 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

.map .map-filter-detail-all-pulldown-content-list-form > li{
margin:4px 20px 0 0;
-webkit-box-flex:1;
-ms-flex:1 0 50%;
flex:1 0 calc(50% - 10px);
box-sizing:border-box;
}

.map .map-filter-detail-all-pulldown-content-list-form > li:nth-child(2n){
margin-right:0;
}

.map .map-filter-detail-all-pulldown-content-list-form > li > label{
padding:4px 0 4px 22px;
position:relative;
display:block;
}

.map .map-filter-detail-all-pulldown-content-list-form > li:not([class]) > label:active,
.map .map-filter-detail-all-pulldown-content-list-form > li:not([class]) > label:hover{
box-shadow:4px 0 0 rgba(0,0,0,.04),-4px 0 0 rgba(0,0,0,.04);
background-color:rgba(0,0,0,.04);
}

.map .map-filter-detail-all-pulldown-content-list-form > li > label input{
position:absolute;
top:4px;
left:0;
}

.map .map-filter-detail-all-pulldown-content-list-form > .is-disabled{
color:#ccc;
}

.map .map-filter-detail-all-pulldown-content-list-form > .is-disabled label{
cursor:default;
}

.map .map-filter-detail-all-pulldown-content-list-form .num{
margin-left:8px;
display:inline-block;
font-size:12px;
}

.map .map-filter-detail-all-pulldown-content-list-form .review{
font-size:14px;
}

.map .map-filter-detail-all-pulldown-content-list-form .icon-r-hotel{
margin-right:8px;
}

.map .map-filter-detail-all-pulldown-content-list-form .icon-r-hotel > span{
padding-top:15px;
width:85px;
vertical-align:top;
background-size:auto 15px;
}

.map .map-filter-detail-all-pulldown-content-list-form > .is-disabled .icon-r-hotel{
opacity:.25;
}

.map .map-filter-detail-all-pulldown-content-list-form .map-filter-detail-all-pulldown-content-list-form{
margin-left:22px;
}

.map .map-filter-detail-all-pulldown-content-list-form.branch{
margin-top:-5px;
display:block;
}

/* .map-filter-detail-all-pulldown-content-list-form-note
----------------------------------------------- */
.map .map-filter-detail-all-pulldown-content-list-form-note{
margin:10px 0 8px;
padding-left:1em;
text-indent:-1em;
color:#777;
display:block;
font-size:12px;
}

.map .map-filter-detail-all-pulldown-content-list-form > li .map-filter-detail-all-pulldown-content-list-form-note{
margin-top:4px;
margin-left:22px;
}

.map .is-disabled .map-filter-detail-all-pulldown-content-list-form-note{
color:#ccc;
}

/* .map-filter-detail-all-pulldown-content-list-form-logo
----------------------------------------------- */
.map .map-filter-detail-all-pulldown-content-list-form-logo{
margin:-10px 0 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

.map .map-filter-detail-all-pulldown-content-list-form-logo > li{
margin-top:5px;
-webkit-box-flex:1;
-ms-flex:1 0 50%;
flex:1 0 50%;
box-sizing:border-box;
}

.map .map-filter-detail-all-pulldown-content-list-form-logo > li > label{
padding:4px 0 4px 80px;
position:relative;
display:inline-block;
}

.map .map-filter-detail-all-pulldown-content-list-form-logo > li:not([class]) > label:active,
.map .map-filter-detail-all-pulldown-content-list-form-logo > li:not([class]) > label:hover{
box-shadow:4px 0 0 rgba(0,0,0,.04),-4px 0 0 rgba(0,0,0,.04);
background-color:rgba(0,0,0,.04);
}

.map .map-filter-detail-all-pulldown-content-list-form-logo > li > label input{
position:absolute;
top:4px;
left:0;
}

.map .map-filter-detail-all-pulldown-content-list-form-logo .logo{
display:block;
border:1px solid #dae1e5;
display:block;
position:absolute;
top:2px;
left:22px;
width:50px;
height:20px;
box-sizing:border-box;
overflow:hidden;
background-color:#fff;
}

.map .map-filter-detail-all-pulldown-content-list-form-logo .logo img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
-ms-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:90%;
max-height:90%;
height:auto;
vertical-align:bottom;
}

.map-filter-detail-all-pulldown-content-list-form-logo .num{
margin-left:8px;
display:inline-block;
font-size:12px;
}

.map p + .map-filter-detail-all-pulldown-content-list-form-logo{
margin-top:0;
}

.map .map-filter-detail-all-pulldown-content-list-form-logo > .is-disabled{
color:#ccc;
}

.map .map-filter-detail-all-pulldown-content-list-form-logo > .is-disabled label{
cursor:default;
}

.map .map-filter-detail-all-pulldown-content-list-form-logo > .is-disabled .logo{
opacity:.25;
}

/* .map-filter-detail-all-pulldown-footer
----------------------------------------------- */
.map .map-filter-detail-all-pulldown-footer{
padding:0 20px 10px;
border-radius:0 0 4px 4px;
position:relative;
z-index:1;
background-color:#f5f5f5;
font-size:12px;
}

/* .map-filter-detail-all-pulldown-footer-num
----------------------------------------------- */
.map .map-filter-detail-all-pulldown-footer-num{
margin:10px 10px 0 0;
display:inline-block;
}

.map .map-filter-detail-all-pulldown-footer-num > span{
display:inline-block;
}

.map .map-filter-detail-all-pulldown-footer-num b{
margin-left:10px;
display:inline-block;
font-size:17px;
}

/* .map-filter-detail-all-pulldown-footer-list
----------------------------------------------- */
.map .map-filter-detail-all-pulldown-footer-list{
display:inline;
}

.map .map-filter-detail-all-pulldown-footer-list > li{
margin:10px 5px 0 0;
display:inline-block;
}

.map .map-filter-detail-all-pulldown-footer-list button{
padding:2px 18px 2px 5px;
border:1px solid #bbb;
border-radius:3px;
color:var(--cmn-font-color-base);
min-height:24px;
position:relative;
background-color:#fff;
font-size:12px;
}

.map .map-filter-detail-all-pulldown-footer-list button:active,
.map .map-filter-detail-all-pulldown-footer-list button:hover{
border-color:#338cd5;
}

.map .map-filter-detail-all-pulldown-footer-list button > span:not([class]){
color:rgba(0,0,0,0);
position:absolute;
top:7px;
right:6px;
width:7px;
height:7px;
overflow:hidden;
background:url(/element/j_hotel/map/images/icon-x.svg) no-repeat 0 0;
}

.map .map-filter-detail-all-pulldown-footer-list .btn-clear{
border-color:#e4e4e4;
background-color:#e4e4e4;
}

.map .map-filter-detail-all-pulldown-footer-list .btn-clear::before{
content:'';
display:block;
width:7px;
height:7px;
overflow:hidden;
position:absolute;
top:7px;
right:6px;
background:url(/element/j_hotel/map/images/icon-x.svg) no-repeat 0 0;
}

.map .map-filter-detail-all-pulldown-footer-list .ellipsis{
margin-right:5px;
display:inline-block;
position:relative;
}

.map .map-filter-detail-all-pulldown-footer-list .ellipsis::before{
content:'...';
}

.map .map-filter-detail-all-pulldown-footer-list .ellipsis > span{
height:0;
overflow:hidden;
position:absolute;
}

.map .map-filter-detail-all-pulldown-footer-list .icon-hotel-rank{
margin-right:2px;
color:rgba(0,0,0,0);
display:inline-block;
width:12px;
height:12px;
overflow:hidden;
vertical-align:top;
background:url(/element/shared/images/icon/icon-review-star-5.svg) 0 0 no-repeat;
background-size:65px 12px;
}


/* ----------------------------------------------------------------
  .map-filter-detail-add
----------------------------------------------------------------- */
/* .map-filter-detail-add
----------------------------------------------- */
.map .map-filter-detail-add{
margin-top:12px;
}

.map .map-filter-detail-add > span{
margin-bottom: 4px;
color:#555;
display:block;
font-weight:bold;
font-size:11px;
}

/* .map-filter-detail-add-list
----------------------------------------------- */
.map .map-filter-detail-add-list{
margin:0;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:4px 16px;
font-size:12px;
}

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

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

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

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



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

  Map Result

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-result
----------------------------------------------------------------- */
.map .map-result{
width:402px;
box-sizing:border-box;
z-index:2;
position:relative;
box-shadow:1px 0 5px rgba(0,0,0,.4);
background-color:#f5f5f5;
}


/* ----------------------------------------------------------------
  .map-result-inner
----------------------------------------------------------------- */
.map .map-result-inner{
padding:2px 10px 0;
box-sizing:border-box;
position:absolute;
top:56px;
left:0;
width:100%;
height:calc(100% - 56px);
overflow-y:scroll;
}


/* ----------------------------------------------------------------
  .map-result-header
----------------------------------------------------------------- */
/* .map-result-header
----------------------------------------------- */
.map .map-result-header{
padding:0 25px 0 10px;
height:56px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .map-result-header-num
----------------------------------------------- */
.map .map-result-header-num{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:11px;
}

/* .map-result-header-sort
----------------------------------------------- */
.map .map-result-header-sort{
position:relative;
}

/* .map-result-header-sort-hook
----------------------------------------------- */
.map .map-result-header-sort-hook{
padding:8px 15px 7px 5px;
color:var(--cmn-font-color-base);
border:none;
background:url(/element/j_hotel/map/images/icon-form-select.svg) 100% 50% no-repeat;
background-size:7px 5px;
font-size:12px;
}

.map .map-result-header-sort-hook.is-hover,
.map .map-result-header-sort-hook:active,
.map .map-result-header-sort-hook:hover{
box-shadow:4px 0 0 rgba(0,0,0,.04);
background-color:rgba(0,0,0,.04);
}

/* .map-result-header-sort-pulldown
----------------------------------------------- */
.map .map-result-header-sort-pulldown{
padding:15px;
border:1px solid #ccc;
border-radius:4px;
box-shadow:0 1px 2px rgba(0,0,0,.15);
display:none;
position:absolute;
top:95%;
right:50%;
transform:translateX(50%);
z-index:2;
width:160px;
background-color:#fff;
font-size:13px;
}

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

/* .map-result-header-sort-pulldown-list
----------------------------------------------- */
.map .map-result-header-sort-pulldown-list > li:not(:first-child){
margin-top:5px;
}

.map .map-result-header-sort-pulldown-list > li > label{
padding:3px 0 3px 20px;
display:block;
position:relative;
}

.map .map-result-header-sort-pulldown-list > li > label:active,
.map .map-result-header-sort-pulldown-list > li > label:hover{
background-color:rgba(0,0,0,.04);
}

.map .map-result-header-sort-pulldown-list > li > label input{
position:absolute;
top:2px;
left:0;
}


/* ----------------------------------------------------------------
  .map-result-item
----------------------------------------------------------------- */
/* .map-result-item
----------------------------------------------- */
.map .map-result-item > li{
margin-bottom:10px;
border-radius:3px;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
box-shadow:0 1px 4px rgba(0,0,0,.4);
background-color:#fff;
cursor:pointer;
}

.map .map-result-item > li.is-active{
background-color:rgba(0,0,0,.04);
}

.map .map-result-item > li::before{
border-radius:4px;
content:'';
border:1px solid transparent;
display:block;
width:100%;
height:100%;
box-sizing:border-box;
position:absolute;
top:0;
left:0;
z-index:1;
transition:all .15s linear;
}

.map .map-result-item > li.is-active::before{
border-width:2px;
}

.map .map-result-item > li:active::before,
.map .map-result-item > li:hover::before,
.map .map-result-item > li.is-hover::before,
.map .map-result-item > li.is-active::before{
border-color:#338cd5;
}

/* .map-result-item-content
----------------------------------------------- */
.map .map-result-item-content{
padding:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
z-index:1;
min-width:0;
}

/* .map-result-item-content-hdg
----------------------------------------------- */
.map .map-result-item-content-hdg{
line-height:1.45;
font-weight:normal;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

.map .map-result-item > li:hover .map-result-item-content-hdg > span:not([class]){
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:6px 1px;
}

/* .map-result-item-content-distance
----------------------------------------------- */
.map .map-result-item-content-distance{
margin-top:6px;
color:#777;
display:block;
font-size:11px;
}

/* .map-result-item-content-cv
----------------------------------------------- */
.map .map-result-item-content-cv{
margin-top:7px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:11px;
}


/* .map-result-item-content-cv-price
----------------------------------------------- */
.map .map-result-item-content-cv-price{
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}

/* .map-result-item-content-cv-price > .num
----------------------------------------------- */
.map .map-result-item-content-cv-price .num{
}

.map .map-result-item-content-cv-price .num b{
font-size:19px;
}

.map .map-result-item-content-cv-price .num > span{
display:block;
}

/* .map-result-item-content-cv-price > .detail
----------------------------------------------- */
.map .map-result-item-content-cv-price .detail{
margin:0 0 2px 4px;
padding:5px 7px;
border:1px solid #bbb;
border-radius:3px;
box-sizing:border-box;
display:block;
line-height:1;
background-color:#fff;
text-align:center;
white-space:nowrap;
text-decoration:none;
}

.map .map-result-item-content-price-details:link,
.map .map-result-item-content-price-details:visited{
color:var(--cmn-font-color-base);
}

.map .map-result-item-content-cv-price .detail.is-hover,
.map .map-result-item-content-cv-price .detail:active,
.map .map-result-item-content-cv-price .detail:hover{
border-color:#338cd5;
}

/* .map-result-item-content-cv-btn
----------------------------------------------- */
.map .map-result-item-content-cv-btn{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
text-align:right;
-webkit-box-flex:1;
flex:1;
}

.map .map-result-item-content-cv-btn > span{
-webkit-box-flex:1;
flex:1;
}

.map .map-result-item-content-cv-btn > span > span{
display:block;
}

.map .map-result-item-content-cv-btn button{
margin-left:4px;
padding:4px 0;
border:none;
border-radius:3px;
color:#fff;
width:65px;
min-height:36px;
background-color:#72ba00;
font-size:12px;
}

.map .map-result-item-content-cv-btn button.is-hover,
.map .map-result-item-content-cv-btn button:active,
.map .map-result-item-content-cv-btn button:hover{
background-color:#67a700;
}

[data-whatinput='keyboard'] .map .map-result-item-content-cv-btn button:focus{
box-shadow:0 0 0 1px #fff,0 0 0 3px #338cd5;
}

/* .map-result-item-content-footer
----------------------------------------------- */
.map .map-result-item-content-footer{
margin-top:8px;
font-size:11px;
}

/* .map-result-item-content-footer-agt
----------------------------------------------- */
.map .map-result-item-content-footer-agt{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.map .map-result-item-content-footer-agt a{
padding:3px 0;
}

.map .map-result-item-content-footer-agt a.is-hover,
.map .map-result-item-content-footer-agt a:active,
.map .map-result-item-content-footer-agt a:hover{
background-color:rgba(0,0,0,.04);
text-decoration:none;
}

/* .map-result-item-content-footer-note
----------------------------------------------- */
.map .map-result-item-content-footer-note{
margin:35px 0 0 auto;
color:#e93939;
font-size:13px;
text-align:right;
}

/* .map-result-item-content-footer-01
----------------------------------------------- */
.map .map-result-item-content-footer-01{
margin-top:4px;
border-top:1px solid #ccc;
font-size:11px;
}

.map .map-result-item-content-footer-01 p{
margin-top:8px;
}

/* .map-result-item-content-footer-01-link
----------------------------------------------- */
.map .map-result-item-content-footer-01-link{
margin-top:8px;
text-align:right;
font-size:12px;
}

/* .map-result-item-content-footer-01-sup
----------------------------------------------- */
.map .map-result-item-content-footer-01-sup{
margin-top:8px;
text-align:right;
font-size:10px;
}

/* .map-result-item-thumb
----------------------------------------------- */
.map .map-result-item-thumb{
border-radius:3px 0 0 3px;
width:95px;
box-sizing:border-box;
position:relative;
overflow:hidden;
background-color:#e5e5e5;
}

.map-result-item-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;
opacity:.6;
}

.map .map-result-item-thumb img{
position:absolute;
top:0;
right:50%;
transform:translateX(50%);
height:100%;
}

.map .map-result-item-thumb.no-photo{
border-right:1px solid #e5e5e5;
background-color:#fff;
}

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

.map .map-result-item-thumb.no-photo img{
top:50%;
width:100%;
height:auto;
right:auto;
transform:translateY(-50%);
}

/* .map-result-item-thumb-favorite
----------------------------------------------- */
.map .map-result-item-thumb-favorite{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:20px;
height:19px;
overflow:hidden;
position:absolute;
top:6px;
left:6px;
z-index:1;
background:url(/element/j_hotel/map/images/icon-favorite-s.png) no-repeat 0 0;
}

.map .map-result-item-thumb-favorite:active,
.map .map-result-item-thumb-favorite:hover{
background-image:url(/element/j_hotel/map/images/icon-favorite-hover-s.png);
}

.map .map-result-item-thumb-favorite.is-active{
background-image:url(/element/j_hotel/map/images/icon-favorite-active-s.png);
}

/* .map-result-item-thumb-gallery
----------------------------------------------- */
.map .map-result-item-thumb-gallery{
margin:0;
padding:4px 18px 3px 2px;
border:none;
border-radius:3px;
color:#fff;
width:39px;
overflow:hidden;
position:absolute;
top:7px;
right:6px;
z-index:1;
font-size:11px;
background:rgba(0,0,0,.45) url(/element/j_hotel/map/images/icon-gallery.svg) no-repeat 85% 50%;
background-size:12px 10px;
font-family:Arial;
}

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

.map .map-result-item-thumb-gallery:active,
.map .map-result-item-thumb-gallery:hover{
background-color:rgba(0,0,0,.16);
}

/* .map-result-item-thumb-agt
----------------------------------------------- */
.map .map-result-item-thumb-agt{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
left:6px;
bottom:5px;
font-size:10px;
z-index:1;
}

.map .map-result-item-thumb-agt:link,
.map .map-result-item-thumb-agt:visited,
.map .map-result-item-thumb-agt:active,
.map .map-result-item-thumb-agt:hover{
color:rgba(255,255,255,.7);
text-decoration:none;
}


/* ----------------------------------------------------------------
  .map-result-error
----------------------------------------------------------------- */
.map .map-result-error{
margin-bottom:20px;
padding:15px;
line-height:1.55;
background-color:#fff;
}



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

  Map View Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-view
----------------------------------------------------------------- */
.map .map-view{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
}


/* ----------------------------------------------------------------
  .map-view-gm
----------------------------------------------------------------- */
.map .map-view-gm{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
box-sizing:border-box;
background-color:#acdafd;
}


/* ----------------------------------------------------------------
  .map-view-fixed-layer
----------------------------------------------------------------- */
.map-view-fixed-layer{
position:absolute;
top:15px;
right:15px;
}


/* ----------------------------------------------------------------
  .map-view-area-outside
----------------------------------------------------------------- */
.map .map-view-area-outside{
margin:0 0 8px auto;
padding:0 16px;
border:none;
color:#fff;
display:block;
height:40px;
background-color:rgba(0,0,0,.55);
font-size:13px;
}


/* ----------------------------------------------------------------
  .map-view-ui-ctrl
----------------------------------------------------------------- */
.map .map-view-ui-ctrl{
margin:0 0 8px auto;
width:180px;
}

.map .map-view-ui-ctrl > label{
padding:10px 10px 10px 30px;
color:#fff;
display:block;
position:relative;
background-color:rgba(0,0,0,.55);
font-size:13px;
}

.map .map-view-ui-ctrl > label input{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
left:10px;
}


/* ----------------------------------------------------------------
  .map-view-word-search
----------------------------------------------------------------- */
/* .map-view-word-search
----------------------------------------------- */
.map .map-view-word-search{
margin-bottom:8px;
text-align:right;
}

.map .map-view-word-search input{
padding-left:30px;
border:none;
border-radius:4px;
min-height:40px;
width:180px;
overflow:hidden;
box-shadow:0 1px 4px rgba(0,0,0,.5);
background:#fff url(/element/j_hotel/map/images/icon-search.svg) 10px 50% no-repeat;
background-size:15px 15px;
text-overflow:ellipsis;
cursor:pointer;
}

.map .map-view-word-search.is-focus input{
cursor:default;
width:370px;
transition:all .2s ease-out;
}


/* ----------------------------------------------------------------
  .map-view-recommend
----------------------------------------------------------------- */
/* .map-view-recommend
----------------------------------------------- */
.map .map-view-recommend{
position:relative;
}

/* .map-view-recommend-hook
----------------------------------------------- */
.map .map-view-recommend-hook{
margin-left:auto;
padding:12px 10px 12px 32px;
border-radius:4px;
display:block;
width:180px;
box-sizing:border-box;
box-shadow:0 1px 4px rgba(0,0,0,.5);
background:#fff url(/element/j_hotel/map/images/icon-recommend.svg) no-repeat 15px 50%;
background-size:12px 14px;
}

.map a.map-view-recommend-hook{
color:var(--cmn-font-color-base);
text-decoration:none;
}

/* .map-view-recommend-content
----------------------------------------------- */
.map .map-view-recommend-content{
padding-top:10px;
display:none;
position:absolute;
top:100%;
right:0;
width:210px;
}

.map .map-view-recommend[aria-expanded="true"] .map-view-recommend-content{
display:block;
}

.map .map-view-recommend-content::before{
content:'';
display:block;
width:12px;
height:12px;
overflow:hidden;
position:absolute;
top:6px;
right:35px;
background-color:#fff;
transform:rotate(-45deg);
box-shadow:1px -1px 1px rgba(0,0,0,.1);
}

/* .map-view-recommend-content-inner
----------------------------------------------- */
.map .map-view-recommend-content-inner{
padding:15px;
box-shadow:0 1px 4px rgba(0,0,0,.5);
background-color:#fff;
}

/* .map-view-recommend-content-hdg
----------------------------------------------- */
.map .map-view-recommend-content-hdg{
font-weight:normal;
}

/* .map-view-recommend-content-filter
----------------------------------------------- */
.map .map-view-recommend-content-filter{
margin-top:10px;
}

.map .map-view-recommend-content-filter > li{
margin-top:5px;
}

.map .map-view-recommend-content-filter label{
padding:3px 25px 3px 23px;
display:block;
position:relative;
background:url(/element/j_hotel/map/images/icon-spot.svg) no-repeat 0 0;
background-size:17px 21px;
}

.map .map-view-recommend-content-filter label input{
position:absolute;
top:3px;
right:0;
}


/* ----------------------------------------------------------------
  .map-view-panel
----------------------------------------------------------------- */
/* .map-view-panel
----------------------------------------------- */
.map .map-view-panel{
padding:3px;
position:absolute;
}

/* .map-view-panel-inner
----------------------------------------------- */
.map .map-view-panel-inner{
border-radius:3px;
width:350px;
box-shadow:0 4px 6px rgba(0,0,0,.3);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
cursor:pointer;
background-color:#fff;
}

/* .map-view-panel-content
----------------------------------------------- */
.map .map-view-panel-content{
padding:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:12px;
min-width:0;
}

/* .map-view-panel-content-hdg
----------------------------------------------- */
.map .map-view-panel-content-hdg{
margin-bottom:3px;
line-height:1.35;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
font-size:13px;
font-weight:normal;
}

.map .map-view-panel:hover .map-view-panel-content-hdg > span:not([class]){
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:6px 1px;
}

/* .map-view-panel-content-price
----------------------------------------------- */
.map .map-view-panel-content-price{
margin-top:5px;
text-align:right;
font-size:11px;
}

.map .map-view-panel-content-price b{
margin-left:5px;
display:inline-block;
font-weight:normal;
}

.map .map-view-panel-content-price b > span{
font-weight:bold;
font-size:19px;
}

/* .map-view-panel-content-realtime
----------------------------------------------- */
.map .map-view-panel-content-realtime{
margin-top:3px;
text-align:right;
font-size:11px;
}

.map .map-view-panel-content-realtime b{
color:#e93939;
font-weight:normal;
}

/* .map-view-panel-content-footer
----------------------------------------------- */
.map .map-view-panel-content-footer{
margin-top:4px;
border-top:1px solid #ccc;
}

.map .map-view-panel-content-footer p{
margin-top:8px;
font-size:11px;
}

/* .map-view-panel-content-footer-link
----------------------------------------------- */
.map .map-view-panel-content-footer-link{
margin-top:8px;
text-align:right;
}

/* .map-view-panel-content-footer-sup
----------------------------------------------- */
.map .map-view-panel-content-footer-sup{
margin-top:8px;
font-size:10px;
text-align:right;
}

/* .map-view-panel-content-wording
----------------------------------------------- */
.map .map-view-panel-content-wording{
margin-top:8px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

/* .map-view-panel-content-note
----------------------------------------------- */
.map .map-view-panel-content-note{
margin-top:25px;
color:#e93939;
font-size:13px;
text-align:right;
}

/* .map-view-panel-content-recommend
----------------------------------------------- */
.map [class^="map-view-panel-content-recommend"]{
margin-top:8px;
padding-left:45px;
position:relative;
}

.map [class^="map-view-panel-content-recommend"]::before{
content:'';
display:block;
width:40px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
background-repeat:no-repeat;
background-position:0 50%;
background-size:69px 13px;
}

.map .map-view-panel-content-recommend-1::before{
background-image:url(/element/shared/images/icon/icon-review-star-1.svg);
}

.map .map-view-panel-content-recommend-2::before{
background-image:url(/element/shared/images/icon/icon-review-star-2.svg);
}

.map .map-view-panel-content-recommend-3::before{
background-image:url(/element/shared/images/icon/icon-review-star-3.svg);
}

/* .map-view-panel-content-btn-del
----------------------------------------------- */
.map .map-view-panel-content-btn-del{
margin:5px 0 0 auto;
padding:3px 0 3px 12px;
border:none;
display:block;
background:url(/element/j_hotel/map/images/icon-x.svg) 0 50% no-repeat;
background-size:7px 7px;
font-size:11px;
}

.map .map-view-panel-content-btn-del:active,
.map .map-view-panel-content-btn-del:hover{
background-color:rgba(0,0,0,.04);
}

/* .map-view-panel-thumb
----------------------------------------------- */
.map .map-view-panel-thumb{
border-radius:3px 0 0 3px;
width:95px;
box-sizing:border-box;
position:relative;
overflow:hidden;
background-color:#e5e5e5;
}

.map .map-view-panel-thumb img{
position:absolute;
top:0;
right:50%;
transform:translateX(50%);
height:100%;
}

/* .map-view-panel-thumb.no-photo
----------------------------------------------- */
.map .map-view-panel-thumb.no-photo{
border-right:1px solid #e5e5e5;
background-color:#fff;
}

.map .map-view-panel-thumb.no-photo img{
margin-top:-40px;
top:50%;
width:80px;
height:80px;
}

/* .map-view-panel-thumb-favorite
----------------------------------------------- */
.map .map-view-panel-thumb-favorite{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:20px;
height:19px;
overflow:hidden;
position:absolute;
top:6px;
left:6px;
z-index:1;
background:url(/element/j_hotel/map/images/icon-favorite-s.png) no-repeat 0 0;
background-size:contain;
}

.map .map-view-panel-thumb-favorite.is-active{
background-image:url(/element/j_hotel/map/images/icon-favorite-active-s.png);
}

/* .map-view-panel-thumb-agt
----------------------------------------------- */
.map .map-view-panel-thumb-agt{
color:rgba(255,255,255,.6);
display:block;
position:absolute;
left:5px;
bottom:3px;
z-index:1;
font-size:10px;
}

.map .map-view-panel-thumb-agt:link,
.map .map-view-panel-thumb-agt:visited,
.map .map-view-panel-thumb-agt:active,
.map .map-view-panel-thumb-agt:hover{
color:rgba(255,255,255,.6);
text-decoration:none;
}



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

  Map View Marker

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-view-marker
----------------------------------------------------------------- */
/* .map-view-marker
----------------------------------------------- */
.map .map-view-marker{
position:absolute;
white-space:nowrap;
line-height:1;
}

/* .map-view-marker-content
----------------------------------------------- */
.map .map-view-marker [class^="map-view-marker-content"]{
padding:2px 2px 3px;
border:1px solid #174d92;
border-radius:5px;
color:#fff;
box-sizing:border-box;
min-width:68px;
height:32px;
cursor:pointer;
position:absolute;
bottom:0;
transform:translateX(-50%);
background-color:#236ab1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}

.map .map-view-marker [class^="map-view-marker-content"]::before{
margin-left:-5px;
content:"";
border-width:0 1px 1px 0;
border-style:solid;
border-color:#174d92;
display:block;
width:8px;
height:8px;
position:absolute;
top:calc(100% - 4px);
left:50%;
transform:rotate(45deg);
background-color:#236ab1;
}

.map .map-view-marker.is-active [class^="map-view-marker-content"],
.map .map-view-marker.is-active [class^="map-view-marker-content"]::before{
border-color:#bf7202;
background-color:#eaa017;
font-weight:bold;
}

.map .map-view-marker.is-hover [class^="map-view-marker-content"],
.map .map-view-marker.is-hover [class^="map-view-marker-content"]::before{
color:#174d92;
background-color:#fff;
}

.map .map-view-marker.is-active.is-hover [class^="map-view-marker-content"],
.map .map-view-marker.is-active.is-hover [class^="map-view-marker-content"]::before{
color:#bf7202;
}

/* .map-view-marker-content-s
----------------------------------------------- */
.map .map-view-marker .map-view-marker-content-s{
height:24px;
}

/* .map-view-marker-review
----------------------------------------------- */
.map .map-view-marker .map-view-marker-review{
margin:1px 0 2px;
}

.map .map-view-marker .map-view-marker-review > span{
display:block;
width:52px;
height:8px;
overflow:hidden;
color:rgba(0,0,0,0);
background-position:0 0;
background-repeat:no-repeat;
filter:brightness(0) invert(1);
}

.map .map-view-marker .map-view-marker-review > .review-1{
background-image:url(/element/j_hotel/map/images/icon-review-1.svg);
}

.map .map-view-marker .map-view-marker-review > .review-2{
background-image:url(/element/j_hotel/map/images/icon-review-2.svg);
}

.map .map-view-marker .map-view-marker-review > .review-3{
background-image:url(/element/j_hotel/map/images/icon-review-3.svg);
}

.map .map-view-marker .map-view-marker-review > .review-4{
background-image:url(/element/j_hotel/map/images/icon-review-4.svg);
}

.map .map-view-marker .map-view-marker-review > .review-5{
background-image:url(/element/j_hotel/map/images/icon-review-5.svg);
}

.map .map-view-marker.is-active .map-view-marker-review > .review-1{
background-image:url(/element/j_hotel/map/images/icon-review-active-1.svg);
}

.map .map-view-marker.is-active .map-view-marker-review > .review-2{
background-image:url(/element/j_hotel/map/images/icon-review-active-2.svg);
}

.map .map-view-marker.is-active .map-view-marker-review > .review-3{
background-image:url(/element/j_hotel/map/images/icon-review-active-3.svg);
}

.map .map-view-marker.is-active .map-view-marker-review > .review-4{
background-image:url(/element/j_hotel/map/images/icon-review-active-4.svg);
}

.map .map-view-marker.is-active .map-view-marker-review > .review-5{
background-image:url(/element/j_hotel/map/images/icon-review-active-5.svg);
}

.map .map-view-marker.is-hover .map-view-marker-review > span{
filter:none;
}

/* .map-view-marker-price
----------------------------------------------- */
.map .map-view-marker .map-view-marker-price{
font-size:12px;
}

.map .map-view-marker .map-view-marker-price > span{
display:inline-block;
line-height:1;
font-size:14px;
}

.map .map-view-marker.is-hover .map-view-marker-price,
.map .map-view-marker.is-active .map-view-marker-price{
font-weight:bold;
}

/* .map-view-marker-realtime
----------------------------------------------- */
.map .map-view-marker .map-view-marker-realtime{
border:1px solid #fff;
border-radius:50%;
color:rgba(0,0,0,0);
overflow:hidden;
width:8px;
height:8px;
position:absolute;
top:-5px;
right:-4px;
background-color:#e93939;
}


/* ----------------------------------------------------------------
  .map-view-marker-spot
----------------------------------------------------------------- */
.map .map-view-marker-spot{
position:absolute;
}

.map .map-view-marker-spot > span{
color:rgba(0,0,0,0);
position:absolute;
bottom:0;
transform:translateX(-50%);
display:block;
width:25px;
height:32px;
overflow:hidden;
cursor:pointer;
background:url(/element/j_hotel/map/images/icon-spot.svg) no-repeat 0 100%;
}

.map .map-view-marker-spot > span:active,
.map .map-view-marker-spot > span:hover,
.map .map-view-marker-spot > span:focus{
width:30px;
height:38px;
}


/* ----------------------------------------------------------------
  .map-view-marker-pin
----------------------------------------------------------------- */
.map .map-view-marker-pin{
color:rgba(0,0,0,0);
position:absolute;
width:18px;
height:37px;
overflow:hidden;
cursor:pointer;
background:url(/element/j_hotel/map/images/icon-pin.png) no-repeat;
background-size:18px 37px;
}




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

  Map View Detail

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-view-detail
----------------------------------------------------------------- */
/* .map-view-detail
----------------------------------------------- */
.map .map-view-detail{
display:none;
position:absolute;
top:15px;
left:15px;
z-index:0;
width:320px;
height:780px;
max-height:calc(100% - 30px);
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
box-shadow:0 4px 6px rgba(0,0,0,.3);
background-color:#fff;
}

.map .map-view-detail.is-active{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}


/* ----------------------------------------------------------------
  .map-view-detail-header
----------------------------------------------------------------- */
/* .map-view-detail-header
----------------------------------------------- */
.map .map-view-detail-header{
position:relative;
z-index:2;
}

.map .map-view-detail-header::before{
content:'';
display:block;
width:100%;
height:8px;
overflow:hidden;
position:absolute;
bottom:-8px;
left:0;
background:linear-gradient(rgba(0,0,0,.18) 10%, transparent 100%);
}

/* .map-view-detail-header-hdg
----------------------------------------------- */
.map .map-view-detail-header-hdg{
margin:10px 30px 4px 10px;
overflow: hidden;
white-space:nowrap;
text-overflow:ellipsis;
line-height:1.35;
font-size:12px;
}

.map .map-view-detail-header.is-scrolled .map-view-detail-header-hdg{
margin-bottom:10px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* .map-view-detail-header-link
----------------------------------------------- */
.map .map-view-detail-header-link{
margin:8px 10px 0 auto;
display:table;
font-size:11px;
}

/* .map-view-detail-header-tab
----------------------------------------------- */
.map .map-view-detail-header-tab{
margin:4px 10px 6px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}

.map .map-view-detail-header-tab > li{
height:35px;
}

.map .map-view-detail-header-tab>li:not(:first-child){
margin-left:28px;
}

.map .map-view-detail-header-tab button{
padding:0;
border:none;
color:var(--cmn-font-color-base);
width:100%;
height:100%;
line-height:1.25;
position:relative;
background:none;
font-size:12px;
}

.map .map-view-detail-header-tab button[aria-selected="true"]{
color:var(--cmn-font-color-base);
font-weight:bold;
}

.map .map-view-detail-header-tab button[aria-selected="true"]::before{
content:'';
display:block;
width:100%;
height:3px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background-color:#338cd5;
}

/* .map-view-detail-header-btn
----------------------------------------------- */
.map .map-view-detail-header-btn{
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
right:0;
width:40px;
height:40px;
background:url(/element/j_hotel/map/images/icon-x.svg) 15px 15px no-repeat;
background-size:12px 12px;
overflow:hidden;
}


/* ----------------------------------------------------------------
  .map-view-detail-content
----------------------------------------------------------------- */
/* .map-view-detail-content
----------------------------------------------- */
.map .map-view-detail-content{
padding:10px 8px;
line-height:1.55;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow-y:scroll;
scrollbar-width:none; /* firefox */
-ms-overflow-style:none;
background-color:#eee;
font-size:12px;
}

.map .map-view-detail-content::-webkit-scrollbar{
display:none;
}

/* .map-view-detail-content > div
----------------------------------------------- */
.map .map-view-detail-content > [role="tabpanel"]{
display:none;
}

.map .map-view-detail-content > [role="tabpanel"].is-active{
display:block;
}


/* ----------------------------------------------------------------
  .map-view-detail-footer
----------------------------------------------------------------- */
/* .map-view-detail-footer
----------------------------------------------- */
.map .map-view-detail-footer{
padding:8px 10px 10px;
position:relative;
font-size:11px;
}

.map .map-view-detail-footer::before{
content:'';
display:block;
width:100%;
height:8px;
overflow:hidden;
position:absolute;
top:-8px;
left:0;
background:linear-gradient(transparent 10%, rgba(0,0,0,.18) 100%);
}

/* .map-view-detail-footer-price
----------------------------------------------- */
.map .map-view-detail-footer-price > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .map-view-detail-footer-price-hdg
----------------------------------------------- */
.map .map-view-detail-footer-price-hdg{
margin-bottom:8px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.map .map-view-detail-footer-price-hdg h3{
-webkit-box-flex:1;
flex:1;
}

.map .map-view-detail-footer-price-hdg a.is-hover,
.map .map-view-detail-footer-price-hdg a:active,
.map .map-view-detail-footer-price-hdg a:hover{
box-shadow:0 0 0 2px rgba(0,0,0,.04);
background-color:rgba(0,0,0,.04);
text-decoration:none;
}

/* .map-view-detail-footer-price-hdg-details
----------------------------------------------- */
.map .map-view-detail-footer-price-hdg-details{
margin-left:10px;
padding:5px 7px;
border:1px solid #bbb;
border-radius:3px;
box-sizing:border-box;
display:inline-block;
line-height:1;
text-align:center;
}

.map .map-view-detail-footer-price-hdg-details:link,
.map .map-view-detail-footer-price-hdg-details:visited{
color:var(--cmn-font-color-base);
text-decoration:none;
}

.map .map-view-detail-footer-price-hdg-details:active,
.map .map-view-detail-footer-price-hdg-details:hover{
border-color:#338cd5;
}

/* .map-view-detail-footer-price-num
----------------------------------------------- */
.map .map-view-detail-footer-price-num{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
}

.map .map-view-detail-footer-price-num > div > span{
display:block;
}

.map .map-view-detail-footer-price-num b{
font-size:19px;
}

.map .map-view-detail-footer-price-num a{
margin:2px 0 0 4px;
padding:5px 7px 4px;
border:1px solid #bbb;
border-radius:3px;
box-sizing:border-box;
display:inline-block;
line-height:1;
text-align:center;
}

.map .map-view-detail-footer-price-num a:link,
.map .map-view-detail-footer-price-num a:visited{
color:#333;
text-decoration:none;
}

.map .map-view-detail-footer-price-num a.is-hover,
.map .map-view-detail-footer-price-num a:active,
.map .map-view-detail-footer-price-num a:hover{
border-color:#338cd5;
}

/* .map-view-detail-footer-price-cv
----------------------------------------------- */
.map .map-view-detail-footer-price-cv{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
}

.map .map-view-detail-footer-price-cv > span > span{
display:block;
}

.map .map-view-detail-footer-price-cv button{
margin-left:4px;
padding:0;
border:none;
border-radius:3px;
color:#fff;
width:65px;
height:36px;
background-color:#72ba00;
font-size:13px;
}

.map .map-view-detail-footer-price-cv button.is-hover,
.map .map-view-detail-footer-price-cv button:active,
.map .map-view-detail-footer-price-cv button:hover{
background-color:#67a700;
}

[data-whatinput='keyboard'] .map .map-view-detail-footer-price-cv button:focus{
box-shadow:0 0 0 1px #fff,0 0 0 3px #338cd5;;
}

/* .map-view-detail-footer-link
----------------------------------------------- */
.map .map-view-detail-footer-link{
margin-top:8px;
text-align:right;
font-size:12px;
}

/* .map-view-detail-footer-sup
----------------------------------------------- */
.map .map-view-detail-footer-sup{
margin-top:8px;
text-align:right;
font-size:10px;
}

.map .map-view-detail-footer-price + .map-view-detail-footer-sup{
margin-top:4px;
padding-top:8px;
border-top:1px solid #ccc;
}



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

  Map View Detail Hotel

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-view-detail-hotel-carousel
----------------------------------------------------------------- */
/* .map-view-detail-hotel-carousel
----------------------------------------------- */
.map .map-view-detail-hotel-carousel{
margin:-10px -8px 10px;
position:relative;
}

/* .map-view-detail-hotel-carousel-nav
----------------------------------------------- */
.map .map-view-detail-hotel-carousel-nav{
margin:0;
}

.map .map-view-detail-hotel-carousel-nav button{
margin:-20px 0 0;
padding:0;
border:none;
border-radius:0 4px 4px 0;
color:rgba(0,0,0,0);
width:36px;
height:40px;
position:absolute;
top:50%;
left:0;
background:url(/element/j_hotel/map/images/icon-carousel-left.png) no-repeat 50% 50%;
z-index:2;
}

.map .map-view-detail-hotel-carousel-nav .next button{
border-radius:4px 0 0 4px;
left:auto;
right:0;
background-image:url(/element/j_hotel/map/images/icon-carousel-right.png);
}

.map .map-view-detail-hotel-carousel-nav button:active,
.map .map-view-detail-hotel-carousel-nav button:hover{
background-color:rgba(0,0,0,.2);
}

/* .map-view-detail-hotel-carousel-list
----------------------------------------------- */
.map .map-view-detail-hotel-carousel-list{
margin:0;
background-color:#fff;
}

.map .map-view-detail-hotel-carousel-list > li{
position:relative;
aspect-ratio:320 / 210;
height:auto;
}

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

.map .map-view-detail-hotel-carousel-list > li::before{
content:'';
display:block;
width:100%;
height:35px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background:linear-gradient(transparent 5%, rgba(0,0,0,.1) 25%, rgba(0,0,0,.5) 70%, rgba(0,0,0,.6) 100%);
z-index:1;
opacity:.6;
}

.map .map-view-detail-hotel-carousel-list > li.no-photo{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.map .map-view-detail-hotel-carousel-list > li.no-photo::before{
height:1px;
background:#e5e5e5;
opacity:1;
}

.map .map-view-detail-hotel-carousel-list > li.no-photo img{
display:block;
width:140px;
height:140px;
}

/* .map-view-detail-hotel-carousel-gallery
----------------------------------------------- */
.map .map-view-detail-hotel-carousel-gallery{
margin:0;
padding:3px 26px 2px 8px;
border:none;
border-radius:3px;
color:#fff;
min-width:48px;
overflow:hidden;
position:absolute;
bottom:4px;
right:4px;
z-index:1;
font-size:14px;
background:rgba(0,0,0,.45) url(/element/j_hotel/map/images/icon-gallery.svg) no-repeat 85% 50%;
background-size:12px 10px;
font-family:Arial;
}

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

.map .map-view-detail-hotel-carousel-gallery:active,
.map .map-view-detail-hotel-carousel-gallery:hover{
background-color:rgba(0,0,0,.16);
}

/* .map-view-detail-hotel-carousel-agt
----------------------------------------------- */
.map .map-view-detail-hotel-carousel-agt{
color:rgba(255,255,255,.6);
position:absolute;
bottom:4px;
left:4px;
z-index:1;
width:50%;
font-size:10px;
}

.map .map-view-detail-hotel-carousel-agt:link,
.map .map-view-detail-hotel-carousel-agt:visited,
.map .map-view-detail-hotel-carousel-agt:active,
.map .map-view-detail-hotel-carousel-agt:hover,
.map .map-view-detail-hotel-carousel-agt:focus{
color:rgba(255,255,255,.6);
text-decoration:none;
}

/* .map-view-detail-hotel-carousel-favorite
----------------------------------------------- */
.map .map-view-detail-hotel-carousel-favorite{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:25px;
height:24px;
overflow:hidden;
position:absolute;
top:5px;
left:10px;
z-index:1;
background:url(/element/j_hotel/map/images/icon-favorite.png) no-repeat 0 0;
}

.map .map-view-detail-hotel-carousel-favorite:active,
.map .map-view-detail-hotel-carousel-favorite:hover{
background-image:url(/element/j_hotel/map/images/icon-favorite-hover.png);
}

.map .map-view-detail-hotel-carousel-favorite.is-active{
background-image:url(/element/j_hotel/map/images/icon-favorite-active.png);
}

/* .map-view-detail-hotel-panel-photo > .map-view-detail-hotel-carousel
----------------------------------------------------------------- */
.map .map-view-detail-hotel-panel-photo .map-view-detail-hotel-carousel{
margin:0;
}

.map .map-view-detail-hotel-panel-photo .map-view-detail-hotel-carousel-list > li{
aspect-ratio:288 / 170;
}

.map .map-view-detail-hotel-panel-photo .map-view-detail-hotel-carousel-list > li.no-photo::before{
display:none;
}


/* ----------------------------------------------------------------
  .map-view-detail-hotel-carousel-share
----------------------------------------------------------------- */
/* .map-view-detail-hotel-carousel-share
----------------------------------------------- */
.map .map-view-detail-hotel-carousel-share{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:20px;
height:24px;
overflow:hidden;
position:absolute;
top:4px;
left:45px;
z-index:1;
background:url(/element/j_hotel/map/images/icon-share.png) no-repeat 0 0;
}

.map .map-view-detail-hotel-carousel-share:active,
.map .map-view-detail-hotel-carousel-share:hover{
background-image:url(/element/j_hotel/map/images/icon-share-hover.png);
}


/* ----------------------------------------------------------------
  .map-view-detail-hotel-header
----------------------------------------------------------------- */
/* .map-view-detail-hotel-header
----------------------------------------------- */
.map .map-view-detail-hotel-header{
margin:0 -8px;
padding:0 8px 10px;
box-shadow:0 2px 4px rgba(0,0,0,.2);
background-color:#fff;
}

/* .map-view-detail-hotel-header-list
----------------------------------------------- */
.map .map-view-detail-hotel-header-list{
margin-top:8px;
}

.map .map-view-detail-hotel-header-list > li{
margin-top:4px;
}

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

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

.map .map-view-detail-hotel-header-list .area{
margin-top:4px;
padding-left:14px;
display:block;
background:url(/element/j_hotel/shared/images/icon-pin.svg) 1px 2px no-repeat;
background-size:9px auto;
}

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

/* .map-view-detail-hotel-header-toggle
----------------------------------------------- */
.map .map-view-detail-hotel-header-toggle{
margin-top:8px;
}

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

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

/* .map-view-detail-hotel-header-toggle-hook-text
----------------------------------------------- */
.map .map-view-detail-hotel-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;
}

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

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

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

/* .map-view-detail-hotel-header-toggle-content-btn-close
----------------------------------------------- */
.map .map-view-detail-hotel-header-toggle-content-btn-close{
margin:0 0 0 auto;
padding:0 0 0 12px;
border:none;
display:table;
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat 0 38%;
background-size:8px auto;
font-size:12px;
}


/* ----------------------------------------------------------------
  .map-view-detail-hotel-panel
----------------------------------------------------------------- */
/* .map-view-detail-hotel-panel
----------------------------------------------- */
.map .map-view-detail-hotel-panel{
margin-top:8px;
padding:8px;
border-radius:3px;
box-shadow:0 1px 2px rgba(0,0,0,.4);
background-color:#fff;
}

/* .map-view-detail-hotel-panel-hdg
----------------------------------------------- */
.map .map-view-detail-hotel-panel-hdg{
margin-bottom:8px;
padding-bottom:6px;
border-bottom:1px solid #ccc;
font-size:14px;
font-weight:normal;
}

/* .map-view-detail-hotel-panel-hdg-01
----------------------------------------------- */
.map .map-view-detail-hotel-panel-hdg-01{
position:relative;
font-weight:normal;
}

.map .map-view-detail-hotel-panel-hdg-01:not(:first-of-type){
margin-top:4px;
}

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

.map .map-view-detail-hotel-panel-hdg-01::after{
margin:-4px 0 0 4px;
}

/* .map-view-detail-hotel-panel-hdg-02
----------------------------------------------- */
.map .map-view-detail-hotel-panel-hdg-02{
margin:8px 0;
padding-top:8px;
border-top:1px solid #e5e5e5;
font-size:12px;
}

.map-view-detail-hotel-panel-hdg + .map-view-detail-hotel-panel-hdg-02,
.map-view-detail-hotel-panel-photo + .map-view-detail-hotel-panel-hdg-02{
padding-top:0;
border-top:none;
}

/* .map-view-detail-hotel-panel-list-bullet
----------------------------------------------- */
.map .map-view-detail-hotel-panel-list-bullet{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}

.map .map-view-detail-hotel-panel-list-bullet > li{
margin-top:4px;
padding-left:9px;
box-sizing:border-box;
width:50%;
position:relative;
}

.map .map-view-detail-hotel-panel-list-bullet > li:nth-child(-n+2){
margin-top:0;
}

.map .map-view-detail-hotel-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);
}

/* .map-view-detail-hotel-panel-list-separate
----------------------------------------------- */
.map .map-view-detail-hotel-panel-list-separate{
line-height:1.25;
}

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

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

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

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

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

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

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

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

/* .map-view-detail-hotel-panel-list-separate-01
----------------------------------------------- */
.map .map-view-detail-hotel-panel-list-separate-01{
line-height:1.25;
}

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

.map .map-view-detail-hotel-panel-list-separate-01 > li > div{
padding:4px 6px 2px;
}

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

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

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

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

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

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

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


/* ----------------------------------------------------------------
  .map-view-detail-hotel-panel-photo
----------------------------------------------------------------- */
/* .map-view-detail-hotel-panel-photo-item
----------------------------------------------- */
.map .map-view-detail-hotel-panel-photo-item + .map-view-detail-hotel-panel-photo-item{
margin-top:12px;
}

.map .map-view-detail-hotel-panel-photo-item:nth-child(n+3){
display:none;
}

.map .map-view-detail-hotel-panel-photo.is-active .map-view-detail-hotel-panel-photo-item:nth-child(n+3){
display:block;
}

/* .map-view-detail-hotel-panel-photo-item > data
----------------------------------------------- */
.map .map-view-detail-hotel-panel-photo-item .data{
margin-top:8px;
}

.map .map-view-detail-hotel-panel-photo-item .data > span{
display:block;
}

.map .map-view-detail-hotel-panel-photo-item .data > ul{
margin-top:2px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:2px 8px;
overflow:hidden;
line-height:1;
}

.map .map-view-detail-hotel-panel-photo-item .data > ul > li{
margin-left:-4px;
padding-left:4px;
position:relative;
}

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

.map .map-view-detail-hotel-panel-photo-item .data > a{
margin:8px 0 0 auto;
display:block;
line-height:1.35;
width:fit-content;
}

/* .map-view-detail-hotel-panel-photo-btn
----------------------------------------------- */
.map .map-view-detail-hotel-panel-photo-btn{
margin-top:12px;
padding:12px 0 0;
border:none;
border-top:1px solid #ccc;
width:100%;
background:none;
}

.map-view-detail-hotel-panel-photo-btn > span{
display:inline-block;
padding-left:12px;
background:url(/element/j_hotel/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size:9px auto;
}

.map-view-detail-hotel-panel-photo.is-active .map-view-detail-hotel-panel-photo-btn > span{
background-image:url(/element/j_hotel/shared/images/icon-arrow-up.svg);
}



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

  Map View Detail Plan

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-view-detail-plan-header
----------------------------------------------------------------- */
/* .map-view-detail-plan-header
----------------------------------------------- */
.map .map-view-detail-plan-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .map-view-detail-plan-header.is-scrolled
----------------------------------------------- */
.map .map-view-detail-plan-header.is-scrolled{
padding:10px;
border-top:1px solid #ddd;
width:100%;
box-sizing:border-box;
position:absolute;
top:94px;
left:0;
z-index:1;
background-color:#eee;
}

.map .map-view-detail-plan-header.is-scrolled::before{
content:'';
display:block;
width:100%;
height:8px;
overflow:hidden;
position:absolute;
bottom:-8px;
left:0;
background:linear-gradient(rgba(0,0,0,.18) 10%, transparent 100%);
}


/* ----------------------------------------------------------------
  .map-view-detail-plan-header-num
----------------------------------------------------------------- */
/* .map-view-detail-plan-header-num
----------------------------------------------- */
.map .map-view-detail-plan-header-num{
margin-right:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
line-height:1.3;
}

.map .map-view-detail-plan-header-num > span{
display:block;
}

.map .map-view-detail-plan-header-num > span:last-child{
font-size:11px;
}


/* ----------------------------------------------------------------
  .map-view-detail-plan-sort
----------------------------------------------------------------- */
/* .map-view-detail-plan-sort
----------------------------------------------- */
.map .map-view-detail-plan-header-sort{
width:185px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
}

.map .map-view-detail-plan-header-sort > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
min-width:0;
}

.map .map-view-detail-plan-header-sort > div:last-child{
margin-left:8px;
}

/* .map-view-detail-plan-header-sort > button
----------------------------------------------- */
.map .map-view-detail-plan-header-sort button{
border:1px solid #bbb;
border-radius:4px;
max-width:100%;
width:100%;
height:34px;
background-color:#fff;
font-size:13px;
}

.map .map-view-detail-plan-header-sort button:active,
.map .map-view-detail-plan-header-sort button:hover{
border-color:#338cd5;
}

.map .map-view-detail-plan-header-sort button.is-disabled,
.map .map-view-detail-plan-header-sort button:disabled{
border-color:#bbb;
opacity:.33;
cursor:default;
}

.map .map-view-detail-plan-header-sort > div:first-child button{
padding-right:12px;
white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;
background:#fff url(/element/j_hotel/map/images/icon-form-select.svg) calc(100% - 8px) 50% no-repeat;
background-size:7px 5px;
text-align:left;
}

.map .map-view-detail-plan-header-sort > div:last-child button::before{
margin:3px 6px 0 0;
content:'';
display:inline-block;
width:12px;
height:12px;
overflow:hidden;
vertical-align:text-top;
background:url(/element/j_hotel/shared/images/icon-realtime.svg) no-repeat 0 0;
}

/* .map-view-detail-plan-header-sort-pulldown
----------------------------------------------- */
.map .map-view-detail-plan-header-sort-pulldown{
padding:15px;
border:1px solid #ccc;
border-radius:4px;
box-shadow:0 1px 2px rgba(0,0,0,.15);
display:none;
position:absolute;
top:100%;
right:0;
z-index:1;
width:240px;
box-sizing:border-box;
background-color:#fff;
font-size:13px;
}

.map .map-view-detail-plan-header-sort > div[aria-expanded="true"] .map-view-detail-plan-header-sort-pulldown{
display:block;
}

/* .map-view-detail-plan-header-sort-pulldown-list
----------------------------------------------- */
.map .map-view-detail-plan-header-sort-pulldown-list > li > label{
padding:3px 0 3px 20px;
display:block;
position:relative;
}

.map .map-view-detail-plan-header-sort-pulldown-list > li > label:active,
.map .map-view-detail-plan-header-sort-pulldown-list > li > label:hover{
background-color:rgba(0,0,0,.04);
}

.map .map-view-detail-plan-header-sort-pulldown-list > li > label input{
position:absolute;
top:5px;
left:0;
}


/* ----------------------------------------------------------------
  .map-view-detail-plan-error
----------------------------------------------------------------- */
/* .map-view-detail-plan-error
----------------------------------------------- */
.map .map-view-detail-plan-error{
margin:20px 0;
padding:12px;
border-radius:3px;
background-color:#fff;
}

/* .map-view-detail-plan-error-01
----------------------------------------------- */
.map .map-view-detail-plan-error-01{
margin:20px 0;
}


/* ----------------------------------------------------------------
  .map-view-detail-plan-sup
----------------------------------------------------------------- */
/* .map-view-detail-plan-sup
----------------------------------------------- */
.map .map-view-detail-plan-sup{
margin-top:20px;
}

.map .map-view-detail-plan-error-01 + .map-view-detail-plan-sup{
padding-top:10px;
border-top:1px solid #aaa;
}


/* ----------------------------------------------------------------
  .map-view-detail-plan-item
----------------------------------------------------------------- */
/* .map-view-detail-plan-item
----------------------------------------------- */
.map .map-view-detail-plan-item > li{
margin-top:8px;
padding:10px;
border-radius:3px;
box-shadow:0 1px 2px rgba(0,0,0,.4);
background-color:#fff;
}

/* .map-view-detail-plan-item-header
----------------------------------------------- */
.map .map-view-detail-plan-item-header{
margin-bottom:5px;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
}

/* .map-view-detail-plan-item-hdg
----------------------------------------------- */
.map .map-view-detail-plan-item-header-hdg{
-webkit-box-flex:1;
flex:1;
font-size:13px;
font-weight:normal;
}

.map .map-view-detail-plan-item-header-hdg a{
color:#0b4cae;
text-decoration:none;
}

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

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

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

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

.map .map-view-detail-plan-item-header-thumb > a > span{
display:block;
}

.map .map-view-detail-plan-item-header-thumb button{
padding:2px 18px 0 3px;
border:none;
border-radius:3px;
color:#fff;
display:block;
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:12px auto;
font-size:10px;
text-align:center;
}

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

/* .map-view-detail-plan-item-info
----------------------------------------------- */
.map .map-view-detail-plan-item-info > li{
display:inline-block;
}

.map .map-view-detail-plan-item-info > li::after{
margin:0 3px;
display:inline;
content:"/";
}

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

.map .map-view-detail-plan-item-info > li > span{
display:inline-block;
}

.map .map-view-detail-plan-item-info > li img{
width:15px;
vertical-align:top;
}

.map .map-view-detail-plan-item-info > .room{
display:block;
}

.map .map-view-detail-plan-item-info > .room::after{
display:none;
}

/* .map-view-detail-plan-item-cv
----------------------------------------------- */
.map .map-view-detail-plan-item-cv{
margin-top:6px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:11px;
}

/* .map-result-item-content-cv-price
----------------------------------------------- */
.map .map-view-detail-plan-item-cv-price{
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}

/* .map-result-item-content-cv-price > .num
----------------------------------------------- */
.map .map-view-detail-plan-item-cv-price .num{
line-height:1.25;
}

.map .map-view-detail-plan-item-cv-price .num b{
font-size:19px;
}

.map .map-view-detail-plan-item-cv-price .num > span{
display:block;
}

/* .map-result-item-content-cv-price > .detail
----------------------------------------------- */
.map .map-view-detail-plan-item-cv-price .detail{
margin:0 0 2px 4px;
padding:5px 7px;
border:1px solid #bbb;
border-radius:3px;
box-sizing:border-box;
display:block;
line-height:1;
background-color:#fff;
text-align:center;
white-space:nowrap;
text-decoration:none;
}

.map .map-view-detail-plan-item-price-details-hook:link,
.map .map-view-detail-plan-item-price-details-hook:visited{
color:var(--cmn-font-color-base);
}

.map .map-view-detail-plan-item-cv-price .detail.is-hover,
.map .map-view-detail-plan-item-cv-price .detail:active,
.map .map-view-detail-plan-item-cv-price .detail:hover{
border-color:#338cd5;
}

/* .map-result-item-content-cv-btn
----------------------------------------------- */
.map .map-view-detail-plan-item-cv-btn{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
text-align:right;
-webkit-box-flex:1;
flex:1;
}

.map .map-view-detail-plan-item-cv-btn > span{
-webkit-box-flex:1;
flex:1;
}

.map .map-view-detail-plan-item-cv-btn > span > span{
display:block;
}

.map .map-view-detail-plan-item-cv-btn button{
margin-left:4px;
padding:4px 0;
border:none;
border-radius:3px;
color:#fff;
width:65px;
min-height:36px;
background-color:#72ba00;
font-size:12px;
}

.map .map-view-detail-plan-item-cv-btn button.is-hover,
.map .map-view-detail-plan-item-cv-btn button:active,
.map .map-view-detail-plan-item-cv-btn button:hover{
background-color:#67a700;
}

[data-whatinput='keyboard'] .map .map-view-detail-plan-item-cv-btn button:focus{
box-shadow:0 0 0 1px #fff,0 0 0 3px #338cd5;;
}

/* .map-view-detail-plan-item-footer
----------------------------------------------- */
.map .map-view-detail-plan-item-footer{
margin-top:4px;
font-size:11px;
}

/* .map-view-detail-plan-item-footer-agt
----------------------------------------------- */
.map .map-view-detail-plan-item-footer-agt{
padding:0;
width:fit-content;
display:block;
}

.map .map-view-detail-plan-item-footer-agt.is-hover,
.map .map-view-detail-plan-item-footer-agt:active,
.map .map-view-detail-plan-item-footer-agt:hover{
box-shadow:0 0 0 2px rgba(0,0,0,.04);
background-color:rgba(0,0,0,.04);
text-decoration:none;
}

/* .map-view-detail-plan-item-footer-agt-list
----------------------------------------------- */
.map .map-view-detail-plan-item-footer-agt-list > li{
margin-top:4px;
display:inline-block;
}

.map .map-view-detail-plan-item-footer-agt-list > li:not(:last-child)::after{
margin:0 3px;
display:inline;
content:"/";
}

/* .map-view-detail-plan-item-footer-agt-list
----------------------------------------------- */
.map .map-view-detail-plan-item-footer-info{
--cmn-dashed-color:rgba(var(--cmn-font-color-red-rgb),.6);
--cmn-dashed-font-color:var(--cmn-font-color-red);
margin-top:3px;
display:inline-block;
}

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

.map .map-view-detail-plan-item-toggle-content > li{
margin-top:10px;
padding-top:10px;
border-top:1px solid #ddd;
}

.map .map-view-detail-plan-item-toggle.is-active .map-view-detail-plan-item-toggle-content{
display:block;
}

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

.map .map-view-detail-plan-item-toggle-hook button{
padding:3px 3px 3px 15px;
border:none;
color:var(--cmn-font-color-base);
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:12px 7px;
}

.map .map-view-detail-plan-item-toggle .map-view-detail-plan-item-toggle-hook button:active,
.map .map-view-detail-plan-item-toggle .map-view-detail-plan-item-toggle-hook button:hover{
background-color:rgba(0,0,0,.04);
}

.map .map-view-detail-plan-item-toggle.is-active .map-view-detail-plan-item-toggle-hook button{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}



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

  Map View Detail Traffic

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-view-detail-traffic
----------------------------------------------------------------- */
.map .map-view-detail-traffic > P{
margin:5px 0 10px;
}


/* ----------------------------------------------------------------
  .map-view-detail-traffic-list
----------------------------------------------------------------- */
/* .map-view-detail-traffic-list
----------------------------------------------- */
.map .map-view-detail-traffic-list > li{
padding:10px;
border-radius:3px;
box-shadow:0 1px 2px rgba(0,0,0,.4);
background-color:#fff;
}

.map .map-view-detail-traffic-list > li:not(:first-child){
margin-top:8px;
}

.map .map-view-detail-traffic-list > li > b{
margin-bottom:5px;
padding-right:80px;
display:table;
background-repeat:no-repeat;
background-position:100% 50%;
font-size:13px;
}

.map .map-view-detail-traffic-list > .air > b{
background-image:url(/element/j_hotel/shared/images/plan-hook-bg-air.png);
}

.map .map-view-detail-traffic-list > .lcc > b{
padding-right:60px;
background-image:url(/element/j_hotel/shared/images/plan-hook-bg-air-lcc.png);
}

.map .map-view-detail-traffic-list > .jr > b{
padding-right:42px;
background-image:url(/element/j_hotel/shared/images/plan-hook-bg-jr.png);
}

.map .map-view-detail-traffic-list > .car > b{
padding-right:30px;
background-image:url(/element/j_hotel/shared/images/plan-hook-bg-car.png);
background-size:25px 15px;
}

/* .map-view-detail-traffic-list-btn
----------------------------------------------- */
.map .map-view-detail-traffic-list-btn{
margin-top:10px;
padding:5px 15px;
border:1px solid #bbb;
border-radius:3px;
color:#666;
box-sizing:border-box;
min-width:140px;
display:table;
font-size:12px;
text-decoration:none;
}

.map .map-view-detail-traffic-list-btn:active,
.map .map-view-detail-traffic-list-btn:hover{
border-color:#338cd5;
text-decoration:none;
}



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

  Map View Detail Review

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-view-detail-review-inner
----------------------------------------------------------------- */
.map .map-view-detail-review-inner{
min-height:580px;
}


/* ----------------------------------------------------------------
  .map-view-detail-review-overall-rating
----------------------------------------------------------------- */
/* .map-view-detail-review-overall-rating-num
----------------------------------------------- */
.map .map-view-detail-review-overall-rating-num{
display:inline-block;
font-weight:bold;
font-size:13px;
}

/* .map-view-detail-review-overall-rating-sup
----------------------------------------------- */
.map .map-view-detail-review-overall-rating-sup{
margin-left:5px;
display:inline-block;
}


/* ----------------------------------------------------------------
  .map-view-detail-review-scroll
----------------------------------------------------------------- */
/* .map-view-detail-review-scroll
----------------------------------------------- */
.map .map-view-detail-review-scroll{
margin:5px -10px;
position:relative;
}

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

.map .map-view-detail-review-scroll.is-scrolled::before{
content:'';
display:block;
width:30px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
z-index:2;
background:linear-gradient(to left, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 80%);
}

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

.map .map-view-detail-review-scroll-list > li{
margin-right:4px;
width:115px;
}

.map .map-view-detail-review-scroll-list > li:first-child{
padding-left:10px;
}

.map .map-view-detail-review-scroll-list > li:last-child{
width:140px;
}

.map .map-view-detail-review-scroll-list li > button,
.map .map-view-detail-review-scroll-list li > a{
padding:5px 0;
border:1px solid #bbb;
border-radius:22px;
color:var(--cmn-font-color-base);
line-height:1.5;
position:relative;
width:115px;
box-sizing:border-box;
display:block;
background-color:#fff;
text-align:center;
text-decoration:none;
font-size:11px;
}

.map .map-view-detail-review-scroll-list li > button:hover,
.map .map-view-detail-review-scroll-list li > a:hover{
border-color:#338cd5;
}

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

.map .map-view-detail-review-scroll-list li.is-active > button{
padding:4px 0;
border-color:#338cd5;
border-width:2px;
background-color:#e4f2fb;
}

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


/* ----------------------------------------------------------------
  .map-view-detail-review-header
----------------------------------------------------------------- */
/* .map-view-detail-review-header
----------------------------------------------- */
.map .map-view-detail-review-header{
margin-top:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .map-view-detail-review-header-hdg
----------------------------------------------- */
.map .map-view-detail-review-header-hdg{
-webkit-box-flex:1;
flex:1;
font-size:13px;
}

/* .map-view-detail-review-header-fliter
----------------------------------------------- */
.map .map-view-detail-review-header-fliter > ul{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.map .map-view-detail-review-header-fliter >ul > li{
margin-left:4px;
position:relative;
}

.map .map-view-detail-review-header-fliter button{
border:1px solid #ccc;
border-radius:3px;
min-width:88px;
height:26px;
background-color:#fff;
font-size:11px;
}

.map .map-view-detail-review-header-fliter button.is-hover,
.map .map-view-detail-review-header-fliter button:active,
.map .map-view-detail-review-header-fliter button:hover{
border-color:#338cd5;
}

.map .map-view-detail-review-header-fliter .sort button{
padding-left:20px;
background:#fff url(/element/j_hotel/map/images/icon-sort.svg) no-repeat 12px 50%;
background-size:12px auto;
}

/* .map-view-detail-review-header-fliter-pulldown
----------------------------------------------- */
.map .map-view-detail-review-header-fliter-pulldown{
padding:8px 12px;
border:1px solid #ccc;
border-radius:4px;
position:absolute;
top:calc(100% - 1px);
right:50%;
z-index:1;
transform:translateX(50%);
box-shadow:0 2px 2px rgba(0,0,0,.16);
background-color:#fff;
}

.map .map-view-detail-review-header-fliter [aria-expanded="false"] .map-view-detail-review-header-fliter-pulldown{
display:none;
}

.map .map-view-detail-review-header-fliter [aria-expanded="true"] .map-view-detail-review-header-fliter-pulldown{
display:block;
}

.map .map-view-detail-review-header-fliter .rating .map-view-detail-review-header-fliter-pulldown{
width:236px;
}

.map .map-view-detail-review-header-fliter .sort .map-view-detail-review-header-fliter-pulldown{
width:100px;
right:0;
transform:none;
}

.map .map-view-detail-review-header-fliter li:last-child .map-view-detail-review-header-fliter-pulldown{
right:0;
transform:none;
}

/* .map-view-detail-review-header-fliter-pulldown-rating
----------------------------------------------- */
.map .map-view-detail-review-header-fliter-pulldown-rating{
font-size:13px;
}

.map .map-view-detail-review-header-fliter-pulldown-rating > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.map .map-view-detail-review-header-fliter-pulldown-rating .label{
margin-top:1px;
width:70px;
}

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

.map .map-view-detail-review-header-fliter-pulldown-rating .chart > div{
border-radius:8px;
height:7px;
overflow:hidden;
background-color:#338cd5;
}

.map .map-view-detail-review-header-fliter-pulldown-rating .num{
margin-top:1px;
width:40px;
text-align:right;
}

/* .map-view-detail-review-header-fliter-pulldown-form
----------------------------------------------- */
.map .map-view-detail-review-header-fliter-pulldown-form{
line-height:1.25;
font-size:13px;
}

.map .map-view-detail-review-header-fliter-pulldown-form > li:not(:first-child){
margin-top:6px;
}

.map .map-view-detail-review-header-fliter-pulldown-form > li > label{
padding:3px 0 3px 22px;
display:block;
position:relative;
}

.map .map-view-detail-review-header-fliter-pulldown-form > li:not([class]) > label:active,
.map .map-view-detail-review-header-fliter-pulldown-form > li:not([class]) > label:hover{
background-color:rgba(0,0,0,.04);
}

.map .map-view-detail-review-header-fliter-pulldown-form > li > label input{
position:absolute;
top:2px;
left:0;
}

.map .map-view-detail-review-header-fliter-pulldown-form > .is-disabled{
color:#ccc;
}


/* ----------------------------------------------------------------
  .map-view-detail-review-article
----------------------------------------------------------------- */
/* .map-view-detail-review-article
----------------------------------------------- */
.map .map-view-detail-review-article{
margin-top:8px;
padding:8px;
border-radius:3px;
box-shadow:0 1px 2px rgba(0,0,0,.4);
background-color:#fff;
}

.map .map-view-detail-review-hdg + .map-view-detail-review-article{
margin-top:5px;
}

/* .map-view-detail-review-article-header
----------------------------------------------- */
.map .map-view-detail-review-article-header{
margin-bottom:8px;
line-height:1.25;
font-size:11px;
}

/* .map-view-detail-review-article-header-hdg
----------------------------------------------- */
.map .map-view-detail-review-article-header-hdg{
font-size:13px;
font-weight:normal;
}

/* .map-view-detail-review-article-header-sup
----------------------------------------------- */
.map .map-view-detail-review-article-header-sup{
margin-top:7px;
}

/* .map-view-detail-review-article-header-list
----------------------------------------------- */
.map .map-view-detail-review-article-header-list{
margin:5px 0 8px;
padding-bottom:7px;
border-bottom:1px solid #e5e5e5;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.map .map-view-detail-review-article-header-list .agt{
margin-left:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}

.map .map-view-detail-review-article-header-list .agt-logo{
margin-left:5px;
height:21px;
}

.map .map-view-detail-review-article-header-list .agt-logo img{
max-width:100%;
max-height:100%;
vertical-align:middle;
}

/* .map-view-detail-review-article-header-review-num
----------------------------------------------- */
.map .map-view-detail-review-article-header-review-num > span{
margin-left: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:13px;
text-align:center;
}

/* .map-view-detail-review-article-header-review-num-01
----------------------------------------------- */
.map .map-view-detail-review-article-header-review-num-01{
font-size:12px;
}

.map .map-view-detail-review-article-header-review-num-01 > span{
display:inline-block;
vertical-align:middle;
}

/* .map-view-detail-review-article-list
----------------------------------------------- */
.map .map-view-detail-review-article-list > li{
padding-left:20px;
position:relative;
background-position:0 1px;
background-repeat:no-repeat;
background-size:16px 15px;
}

.map .map-view-detail-review-article-list > li:not(:first-child){
margin-top:5px;
}

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

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

/* .map-view-detail-review-article-list-more
----------------------------------------------- */
.map .map-view-detail-review-article-list-more{
padding:0;
border:none;
display:inline-block;
font-weight:normal;
color:#a4a4a4;
background-color:transparent;
}

.map .map-view-detail-review-article-list-more::before{
margin:0 5px 0 3px;
content:'...';
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:bottom;
}

/* .map-view-detail-review-article-btn-close
----------------------------------------------- */
.map .map-view-detail-review-article-btn-close{
margin-top:8px;
padding:0 0 0 16px;
border:none;
color:#666;
display:table;
position:relative;
background-color:transparent;
font-size:12px;
}

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



/* ----------------------------------------------------------------
  .map-view-detail-review-more
----------------------------------------------------------------- */
.map .map-view-detail-review-more{
margin:15px auto 0;
padding-left:19px;
border:none;
display:block;
background:url(/element/shared/images/icon/icon-toggle-plus.svg) 0 42% no-repeat;
background-size:11px 11px;
font-size:12px;
}


/* ----------------------------------------------------------------
  .map-view-detail-review-btn
----------------------------------------------------------------- */
.map .map-view-detail-review-btn{
margin:20px 0;
text-align:center;
}

.map .map-view-detail-review-btn > a{
margin:0 auto;
padding:10px 5px;
border:1px solid #bbb;
border-radius:3px;
display:block;
width:280px;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
}

.map .map-view-detail-review-btn > a:active,
.map .map-view-detail-review-btn > a:hover{
border-color:#338cd5;
}

.map .map-view-detail-review-btn > span{
margin-top:5px;
color:#777;
display:block;
font-size:11px;
}


/* ----------------------------------------------------------------
  .map-view-detail-review-error
----------------------------------------------------------------- */
.map .map-view-detail-review-error{
margin:10px 0;
padding:16px;
border-radius:3px;
background-color:#fff;
}

.map .map-view-detail-review-error > b{
margin-bottom:2px;
display:block;
}



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

  Tooltip

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .tip-price-detail
----------------------------------------------------------------- */
.map-lyt .tip-price-detail{
z-index:3;
line-height:1.4;
}

.map-lyt .tip-price-detail::before{
display:none;
}


/* ----------------------------------------------------------------
  .tip-price-detail
----------------------------------------------------------------- */
/* .tip-payment
----------------------------------------------- */
.map-lyt .tip-payment{
z-index:3;
line-height:1.4;
}

/* .tip-payment-list-notice
----------------------------------------------- */
.map-lyt .map-lyt .map-tip-payment-list-notice{
padding-top:0;
border:none;
font-size:11px;
}



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

  Tooltip (Map Only)

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-tip-payment
----------------------------------------------------------------- */
/* .map-tip-payment
----------------------------------------------- */
.map-lyt .map-tip-payment{
padding:20px;
border-radius:4px;
position:absolute;
top:0;
left:0;
z-index:3;
width:420px;
line-height:1.4;
box-shadow:0 0 8px rgba(0,0,0,.8);
background-color:#fff;
font-size:12px;
}

/* .map-tip-payment-hdg
----------------------------------------------- */
.map-lyt .map-tip-payment-hdg{
margin-bottom:10px;
padding:5px 8px;
color:#fff;
background-color:#838383;
font-size:11px;
font-weight:normal;
}

/* .map-tip-payment-hdg-01
----------------------------------------------- */
.map-lyt .map-tip-payment-hdg-01{
margin:8px 0 6px;
}

.map-lyt .map-tip-payment-list-bullet + .map-tip-payment-hdg-01{
margin-top:12px;
}

/* .map-tip-payment-list-bullet
----------------------------------------------- */
.map-lyt .map-tip-payment-list-bullet > li{
padding-left:calc(1em + 2px);
position:relative;
}

.map-lyt .map-tip-payment-list-bullet > li::before{
content:"\30fb";
display: block;
position: absolute;
top:0;
left:0;
}

.map-lyt .map-tip-payment-list-bullet > li:not(:first-child){
margin-top:8px;
}

/* .map-tip-payment-plan-header
----------------------------------------------- */
.map-lyt .map-tip-payment-plan-header{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
}

/* .map-tip-payment-plan-header-hdg
----------------------------------------------- */
.map-lyt .map-tip-payment-plan-header-hdg{
-webkit-box-flex:1;
flex:1;
font-size:13px;
font-weight:normal;
}

.map-lyt .map-tip-payment-plan-header-hdg a{
color:#0b4cae;
text-decoration:none;
}

/* .map-tip-payment-plan-header-thumb
----------------------------------------------- */
.map-lyt .map-tip-payment-plan-header-thumb{
margin-right:10px;
position:relative;
width:130px;
height:100px;
overflow:hidden;
}

.map-lyt .map-tip-payment-plan-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;
}

.map-lyt .map-tip-payment-plan-header-thumb img{
width:130px;
height:100px;
object-fit:cover;
}

.map-lyt .map-tip-payment-plan-header-thumb > a,
.map-lyt .map-tip-payment-plan-header-thumb > span{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
left:6px;
bottom:4px;
line-height:1.25;
font-size:10px;
z-index:1;
}

.map-lyt .map-tip-payment-plan-header-thumb button{
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;
}

.map-lyt .map-tip-payment-plan-header-thumb button > span{
height:0;
overflow:hidden;
position:absolute;
}

/* .map-tip-payment-plan-sup
----------------------------------------------- */
.map-lyt .map-tip-payment-plan-sup{
line-height:1.55;
}

.map-lyt .map-tip-payment-plan-sup > li{
display:inline-block;
}

.map-lyt .map-tip-payment-plan-sup > li::after{
margin:0 3px;
display:inline;
content:"/";
}

.map-lyt .map-tip-payment-plan-sup > li > span{
display:inline-block;
}

.map-lyt .map-tip-payment-plan-sup > li img{
width:15px;
vertical-align:top;
}

.map-lyt .map-tip-payment-plan-sup > li:last-child::after{
display:none;
}

/* .map-tip-payment-price
----------------------------------------------- */
.map-lyt .map-tip-payment-price{
margin:8px 0 4px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .map-tip-payment-price-num
----------------------------------------------- */
.map-lyt .map-tip-payment-price-num{
-webkit-box-flex:1;
flex:1;
}

.map-lyt .map-tip-payment-price-num > span{
display:block;
}

.map-lyt .map-tip-payment-price-num > span:last-child{
text-align:right;
}

.map-lyt .map-tip-payment-price-num > span:last-child span{
display:inline-block;
}

.map-lyt .map-tip-payment-price-num b{
display:inline-block;
font-size:22px;
}

/* .map-tip-payment-price-cv
----------------------------------------------- */
.map-lyt .map-tip-payment-price-cv{
margin-left:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:11px;
text-align:right;
}

.map-lyt .map-tip-payment-price-cv > span > span{
display:block;
}

.map-lyt .map-tip-payment-price-cv button{
margin-left:5px;
padding:4px;
border:none;
border-radius:3px;
color:#fff;
width:65px;
min-height:36px;
background-color:#72ba00;
font-size:13px;
}

.map-lyt .map-tip-payment-price-cv button:active,
.map-lyt .map-tip-payment-price-cv button:hover{
background-color:#67a700;
}

[data-whatinput='keyboard'] .map-lyt .map-tip-payment-price-cv button:focus{
box-shadow:0 0 0 1px #fff,0 0 0 3px #338cd5;;
}

/* .map-tip-payment-agt
----------------------------------------------- */
.map-lyt .map-tip-payment-agt{
text-align:right;
font-size:11px;
}

/* .map-tip-payment-method
----------------------------------------------- */
.map-lyt .map-tip-payment-method{
margin-top:8px;
border-width:1px 1px 0 1px;
border-style:solid;
border-color:#ddd;
}

.map-lyt .map-tip-payment-method > li{
border-bottom:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.map-lyt .map-tip-payment-method > li > div{
padding:8px;
box-sizing:border-box;
}

.map-lyt .map-tip-payment-method > li > div:first-child{
border-right:1px solid #ddd;
width:80px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background-color:#f1f1f1;
}

.map-lyt .map-tip-payment-method > li > div:last-child{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

/* .map-tip-payment-method > .map-tip-payment-method
----------------------------------------------- */
.map-lyt .map-tip-payment-method .map-tip-payment-method{
margin:-9px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

.map-lyt .map-tip-payment-method .map-tip-payment-method > li{
-webkit-box-flex:1;
flex:1;
}

.map-lyt .map-tip-payment-method .map-tip-payment-method > li > div:first-child{
width:95px;
background-color:transparent;
}

.map-lyt .map-tip-payment-method .map-tip-payment-method > li > div:first-child > :first-child{
margin-top:0;
}

.map-lyt .map-tip-payment-method .map-tip-payment-method > li > div:last-child{
border-right:none;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
-webkit-box-pack:center;
justify-content:center;
}

.map-lyt .map-tip-payment-method .map-tip-payment-method > li > div.width-s{
width:55px;
}

/* .map-tip-payment-note
----------------------------------------------- */
.map-lyt .map-tip-payment-note{
margin-top:8px;
color:#777;
font-size:12px;
}

.map-lyt .map-tip-payment-note > li{
padding-left:1.25em;
position:relative;
}

.map-lyt .map-tip-payment-note > li:not(:first-child){
margin-top:4px;
}

.map-lyt .map-tip-payment-note > li > span:first-child{
position:absolute;
top:0;
left:0;
}

.map-lyt .map-tip-payment-note strong{
color:#e93939;
font-weight:normal;
}

.map-lyt .map-tip-payment-method .map-tip-payment-note{
margin-top:5px;
}

/* .map-tip-payment-btn
----------------------------------------------- */
.map-lyt .map-tip-payment-btn{
margin:15px 0 0 -15px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}

.map-lyt .map-tip-payment-btn > li{
margin-left:15px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.map-lyt .map-tip-payment-btn a{
padding:5px;
border:1px solid #bbb;
border-radius:3px;
min-height:21px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-decoration:none;
}

.map-lyt .map-tip-payment-btn a:active,
.map-lyt .map-tip-payment-btn a:hover{
border-color:#338cd5;
}

.map-lyt .map-tip-payment-caution > li::before{
content:"\30fb";
display: block;
position: absolute;
top:0;
left:0;
}



/* ----------------------------------------------------------------
  .map-tip-realtime
----------------------------------------------------------------- */
/* .map-tip-realtime
----------------------------------------------- */
.map-lyt .map-tip-realtime{
margin-top:10px;
font-size:12px;
}

.map-lyt .cmn-modal-box .map-tip-realtime{
margin-bottom:30px;
}

/* .map-tip-realtime-hdg
----------------------------------------------- */
.map-lyt .map-tip-realtime-hdg{
margin:10px 0 3px;
}

/* .map-tip-realtime-tbl
----------------------------------------------- */
.map-lyt .map-tip-realtime-tbl{
margin-top:10px;
border-collapse:collapse;
border-spacing:0;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ddd;
width:100%;
table-layout:fixed;
line-height:1.25;
font-size:11px;
}

.map-lyt .map-tip-realtime-tbl th,
.map-lyt .map-tip-realtime-tbl td{
padding:5px 2px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ddd;
text-align:center;
font-weight:normal;
}

.map-lyt .map-tip-realtime-tbl thead th{
background-color:#f1f1f1;
}

.map-lyt .map-tip-realtime-tbl-note{
margin-top:2px;
color:#777;
display:block;
}

/* .map-tip-realtime-list-bullet
----------------------------------------------- */
.map-lyt .map-tip-realtime-list-bullet{
margin-top:10px;
}

.map-lyt .map-tip-realtime-list-bullet > li{
margin-top:5px;
padding-left:.75em;
position:relative;
}

.map-lyt .map-tip-realtime-list-bullet > li::before{
content:'';
width:2px;
height:2px;
border-radius:50%;
position:absolute;
top:.6em;
left:0;
background-color:var(--cmn-font-color-base);
}

/* .map-tip-realtime-notice
----------------------------------------------- */
.map-lyt .map-tip-realtime-notice{
color:#666;
font-size:11px;
}

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

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

/* .map-tip-realtime-icon
----------------------------------------------- */
.map-lyt .map-tip-realtime-icon{
border:1px solid #fff;
border-radius:50%;
color:rgba(0, 0, 0, 0);
display:inline-block;
width:7px;
height:7px;
overflow:hidden;
background-color:#e93939;
}




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

  Modal

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .modal-sns
----------------------------------------------------------------- */
/* .modal-sns
----------------------------------------------- */
.map-lyt .modal-sns{
margin:0 auto;
width:220px;
}

.map-lyt .modal-sns > b{
text-align:center;
font-size:16px;
}

/* .modal-sns-list
----------------------------------------------- */
.map-lyt .modal-sns-list{
text-align:center;
}

.map-lyt .modal-sns-list > li{
margin-top:18px;
}

.map-lyt .modal-sns-list button{
padding:0;
border:none;
overflow:hidden;
font-size:15px;
}

.map-lyt .modal-sns-list .fb,
.map-lyt .modal-sns-list .tw{
margin:18px 14px 0;
display:inline-block;
}

.map-lyt .modal-sns-list .fb button,
.map-lyt .modal-sns-list .tw button{
color:rgba(0,0,0,0);
width:40px;
height:40px;
background-repeat:no-repeat;
background-position:50% 50%;
background-color:transparent;
}

.map-lyt .modal-sns-list .fb button{
background-image:url(/element/shared/images/icon/icon-sns-fb.svg);
}

.map-lyt .modal-sns-list .tw button{
background-image:url(/element/shared/images/icon/icon-sns-twitter.svg);
}


.map-lyt .modal-sns-list .fb button:active,
.map-lyt .modal-sns-list .fb button:hover,
.map-lyt .modal-sns-list .tw button:active,
.map-lyt .modal-sns-list .tw button:hover{
opacity:.7;
}

.map-lyt .modal-sns-list .mail button,
.map-lyt .modal-sns-list .copy button{
padding:0 12px;
border:1px solid #ccc;
border-radius:4px;
width:100%;
height:38px;
background-color:#fff;
text-align:left;
}

.map-lyt .modal-sns-list .mail button::before,
.map-lyt .modal-sns-list .copy button::before{
margin-right:8px;
content:'';
display:inline-block;
width:14px;
height:14px;
vertical-align:middle;
background-repeat:no-repeat;
background-position:50% 50%;
}

.map-lyt .modal-sns-list .mail button::before{
background-image:url(/element/j_hotel/map/images/icon-mail.svg);
}

.map-lyt .modal-sns-list .copy button::before{
background-image:url(/element/j_hotel/map/images/icon-copy.svg);
}

.map-lyt .modal-sns-list .mail button:active,
.map-lyt .modal-sns-list .mail button:hover,
.map-lyt .modal-sns-list .copy button:active,
.map-lyt .modal-sns-list .copy button:hover{
border-color:#338cd5;
}

.map-lyt .modal-sns-list .copy span{
margin-top:10px;
display:block;
font-size:11px;
}



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

  .cmn-calendar Modify

----------------------------------------------------------------- */
.map .cmn-calendar{
border-color:#ccc;
border-radius:4px;
box-shadow:0 1px 2px rgba(0,0,0,.16);
z-index:1;
}

.map .cmn-calendar .cmn-calendar-header,
.map .cmn-calendar .cmn-calendar-btn-close{
display:none;
}

.map .cmn-calendar-date-undecided button{
color:#666;
}

.map .cmn-calendar-date-undecided-active button{
color:#fff;
}


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

  Google Map default Modify

----------------------------------------------------------------- */
.map-lyt .map .map-view-gm .gm-style{
font-family:Arial, var(--cmn-font-family);
}

.map-lyt .map .map-view-gm .gm-style .gm-style-iw-c{
padding:0;
border-radius:0;
overflow:visible;
box-shadow:none;
background:none;
}

.map-lyt .map .map-view-gm .gm-style .gm-style-iw-d{
overflow:visible !important;
}

.map-lyt .map .map-view-gm .gm-style .gm-style-iw-t::after{
display:none;
}