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

  Base

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Body
----------------------------------------------------------------- */
body.map-page{
padding:0;
color:var(--cmn-font-color-base);
font-family:Arial, sans-serif, '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans','\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af';
font-size:13px;
}

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

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

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

/* ----------------------------------------------------------------
  str-lyt-external
----------------------------------------------------------------- */
.map-page.str-lyt-external #header_column,
.map-page.str-lyt-external #footer_column{
display:none;
}

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

.map-page .cmn-tip-container a{
text-decoration:underline;
}

.map-page .cmn-calendar-month-tbl td a{
color:var(--cmn-font-color-base);
}

.map-page .cmn-calendar-month-tbl td .cmn-calendar-active-from,
.map-page .cmn-calendar-month-tbl td .cmn-calendar-active-to,
.map-page .cmn-calendar-month-tbl td .cmn-calendar-active-oneway{
color:#fff;
}

.map-page .map-view-detail-hotel .detail-contents-link{
color:var(--cmn-font-color-link);
text-decoration: none;
}

.map-page .map-view-detail-hotel .detail-contents-link:hover{
text-decoration: underline;
}

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

.map-page label{
cursor:pointer;
}

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

.map-page button:disabled,
.map-page select:disabled{
cursor:default;
}

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

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

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

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

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

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

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

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

.map-page [type=search],
.map-page [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-page [type=search]:disabled,
.map-page [type=text]:disabled,
.map-page select:disabled,
.map-page textarea:disabled{
color:#ccc;
border-color:#eee
}

.map-page ::-webkit-input-placeholder{
color:#949494;
}

.map-page ::-moz-placeholder{
color:#949494;
}

.map-page ::-ms-input-placeholder{
color:#949494;
}

.map-page :-ms-input-placeholder{
color:#949494;
}

.map-page ::placeholder{
color:#949494;
}

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

/* select customize
----------------------------------------------- */
.map-page select{
padding:2px 18px 2px 10px;
background:#fff url(/element/w_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-page .map-modal-select-area select{
border-radius: 2px;
}

.map-page .map-modal-select-area .map-modal-select-area-search-list select{
min-width:165px;
}

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

.map-page select:disabled{
cursor:default;
background-image:url(/element/w_hotel/map/images/icon-form-select-disabled.svg)
}

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

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

/* radio customize
----------------------------------------------- */
.map-page [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/w_hotel/map/images/icon-form-radio.svg) 0 0 no-repeat;
cursor:pointer
}

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

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

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

/* checkbox customize
----------------------------------------------- */
.map-page [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/w_hotel/map/images/icon-form-checkbox.svg) 0 0 no-repeat;
cursor:pointer
}

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

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

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


/* ----------------------------------------------------------------
  Pseudo classes Transition
----------------------------------------------------------------- */
.map-page [class^="map"] a,
.map-page [class^="map"] button,
.map-page [class^="map"] label,
.map-page [class^="map"] input{
transition:all .15s linear;
}
.map-page [class^="map"] .cmn-modal-box .btn-close{
transition:inherit;
}


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

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



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

  Layout

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

/* Media Queries
----------------------------------------------- */
@media screen and (max-width:1420px){
.map-page .map{
height:calc(100vh - 17px);
display:flex;
}
}
.map-page .map.map-ipados{
height:calc(100vh - 120px);
overflow:hidden;
}
@media screen and (max-width:768px){
.map-page .map{
min-height:1000px;
}
}
@media (orientation: landscape) {
.map-page .map.map-ipados{
height:calc(100vh - 82px);
}
}

/* ----------------------------------------------------------------
  map-inner
----------------------------------------------------------------- */
.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-custom-marker-innner"] > .cmn-loading-spinner-dot-wht
----------------------------------------------- */
[class^="map-custom-marker-innner"] .cmn-loading-spinner-dot-wht{
margin:0 auto;
width:12px;
height:12px;
}


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


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

/* .map-result >.review-component-list /
   .map-view-panel > .review-component-list
----------------------------------------------- */
.map-result .review-component-list > li,
.map-view-panel .review-component-list > li{
position:relative;
display: inline-block;
vertical-align: text-top;
}

.map-result .review-component-list > li .review-rate,
.map-view-panel .review-component-list > li .review-rate{
vertical-align:inherit;
}

.map-result .review-component-list > li:not(:first-child),
.map-view-panel .review-component-list > li:not(:first-child){
margin-left: 12px;
}

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

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

.map-result .review-component-list .review-rate-num,
.map-view-panel .review-component-list .review-rate-num{
font-size: 12px;
font-family: Arial;
display: inline-block;
vertical-align: middle;
margin:0 0 0 3px;
}

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


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

  Loading Modules

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



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

  Component

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .slider
----------------------------------------------------------------- */
/* .slider
----------------------------------------------- */
.map-page .slider{
margin-bottom:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
line-height:1;
}

.map-page .map-filter-detail-all-pulldown .slider{
margin-top:-10px;
}

.map-page .map-filter-detail-all-pulldown p + .slider{
margin-top:5px;
}

/* .slider-num
----------------------------------------------- */
.map-page .slider-num{
width:5.5em;
}

.map-page .slider-num:last-child{
text-align:right;
}

/* .slider-ui
----------------------------------------------- */
.map-page .slider-ui{
margin:0;
padding:0 0 2px;
width:235px;
box-sizing:border-box;
position:relative;
}

/* .slider-ui-graph
----------------------------------------------- */
.map-page .slider-ui-graph{
margin-left:-1px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
height:45px;
padding: 0;
}

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

.map-page .slider-ui-graph > li.is-selected{
background-color:#98c5ea;
}

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

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

/* .slider-ui-range-bar / .ui-slider-range(jQuery UI Slider)
----------------------------------------------- */
.map-page .slider-ui-range-bar,
.map-page .ui-slider-range{
position:absolute;
bottom:0;
width:100%;
height:2px;
background-color:#4180dc;
}

/* .slider-ui-range-handle / .ui-slider-handle(jQuery UI Slider)
----------------------------------------------- */
.map-page .slider-ui-range-handle,
.map-page .ui-slider-handle{
margin-left:-0.7em;
border-radius:50%;
border:2px solid #338cd5;
width:16px;
height:16px;
position:absolute;
bottom:-9px;
top:inherit;
cursor:pointer;
background-color:#fff;
}

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

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

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

/* .map-filter-inquiry-hook
----------------------------------------------- */
.map-page .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-page .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-page .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-page .map-filter-inquiry[aria-expanded="false"] .map-filter-inquiry-pulldown{
display:none;
}

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

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

.map-page .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

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-filter
----------------------------------------------------------------- */
.map-filter{
padding:15px 20px;
min-height:45px;
z-index:2;
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-filter-row
----------------------------------------------------------------- */
/* .map-filter-row-top
----------------------------------------------- */
.map-filter-row-top{
margin-bottom:12px;
padding-left:100px;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

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

/* .map-filter-row-wrap
----------------------------------------------- */
.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-filter-btn-prev{
margin:auto 0;
width:85px;
height:100%;
position:absolute;
top:0;
left:0;
}

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

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


/* ----------------------------------------------------------------
  .map-filter-destination
----------------------------------------------------------------- */
/* .map-filter-cover
----------------------------------------------- */
.map-filter-cover{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border: none;
border-radius: 4px;
height: 45px;
box-shadow: 0 1px 2px rgb(0 0 0 / 30%);
background-color: #fff;
padding-right:6px;
}

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

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

.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-filter-destination-list > li.is-hide{
display:none;
}

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

/* .map-filter-destination-input
----------------------------------------------- */
.map-filter-destination-input{
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:260px;
height:45px;
box-sizing:border-box;
}

.map-filter-destination-list .map-filter-destination-input input{
padding:2px 37px 2px 16px;
border:none;
border-radius:4px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
min-width:0;
display:block;
font-size:15px;
overflow: hidden;
text-overflow: ellipsis;
}

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

.map-filter-destination-list .map-filter-destination-input input.is-error{
border-color: rgba(233, 57, 57, .35);
box-shadow: 0 0 0 2px rgba(233, 57, 57, .35) inset;
background-color: rgba(233, 57, 57, .1);
}

/* .map-filter-destination-input-btn-clear
----------------------------------------------- */
.map-page .map-filter-destination-input-btn-clear{
padding:0;
border:none;
border-radius:4px;
color:rgba(0,0,0,0);
width:30px;
height:45px;
overflow:hidden;
background:url(/element/w_hotel/map/images/icon-x.svg) 50% 50% no-repeat;
background-size:9px 9px;
text-indent:-9999px;
position:absolute;
right:6px;
top:0;
z-index:2;
}

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

/* .map-filter-destination-distance
----------------------------------------------- */
.map-filter-destination-distance{
margin-left:5px;
color:var(--cmn-font-color-gray);
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-filter-destination-distance-inner{
margin:0 5px;
position:relative;
}

/* .map-filter-destination-distance-hook
----------------------------------------------- */
.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/w_hotel/map/images/icon-form-select.svg) calc(100% - 7px) 50% no-repeat;
background-size:7px 5px;
font-size:15px;
text-align:left;
}

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

/* .map-filter-date .cmn-calendar
----------------------------------------------- */
.map-page .cmn-calendar{
border-radius: 5px;
border-color: #ccc;
}

.map-page .calendar-wording{
margin: 3px 0 15px;
font-size: 13px;
}

.map-page .calendar-wording .calendar-wording-info{
display: inline-block;
margin-left: 15px;
font-size: 12px;
}

.map-page .calendar-note{
margin-top: 10px;
text-align: center;
color: #777;
font-size: 11px;
}

.map-page .cmn-calendar-date-undecided button{
color:var(--cmn-font-color-base);
}

.map-page .cmn-calendar-date-undecided .cmn-calendar-date-undecided-active button{
color: #fff;
}

/* .map-filter-destination-distance-pulldown
----------------------------------------------- */
.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-filter-destination-distance-inner[aria-expanded="true"] .map-filter-destination-distance-pulldown{
display:block;
}

/* .map-filter-destination-distance-pulldown-list
----------------------------------------------- */
.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-filter-destination-distance-pulldown-list a:active,
.map-filter-destination-distance-pulldown-list a:hover{
background-color:rgba(0,0,0,.04);
}

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

/* .form-search-destination-btn-add
----------------------------------------------- */
.form-search-destination-btn-add{
margin-left:15px;
padding:5px 0 5px 15px;
border:none;
color:var(--cmn-font-color-gray);
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;
}

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

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

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

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

/* .map-filter-destination-pulldown-content
----------------------------------------------- */
.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-filter-destination-pulldown[aria-expanded="true"] .map-filter-destination-pulldown-content{
display:block;
}

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

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

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

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

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

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

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

/* ----------------------------------------------------------------
  .map-filter-note-list
----------------------------------------------------------------- */
/* .map-filter-note-list
----------------------------------------------- */
.map-filter-note-list{
color:var(--cmn-font-color-gray);
font-size: 12px;
margin: 10px 0 0;
}

.map-filter-note-list li{
text-indent: -16px;
padding-left: 16px;
}

.map-filter-note-list li:not(:first-child){
margin-top: 5px;
}


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

/* .map-filter-date-inner
----------------------------------------------- */
.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-page .map-filter-date-hook{
position:relative;
}
.map-page .map-filter-date-hook::before{
content:'';
height:26px;
width:1px;
display:block;
background-color:#ccc;
position:absolute;
left:0;
top:50%;
margin-top:-13px;
z-index:0;
}
.map-page .map-filter-date-hook::after{
content:'';
height:26px;
width:1px;
display:block;
background-color:#ccc;
position:absolute;
right:0;
top:50%;
margin-top:-13px;
z-index:1;
}
.map-page .map-filter-date-hook a{
padding:0 13px;
border-radius:4px;
display:block;
box-sizing:border-box;
width:335px;
line-height:43px;
font-size:15px;
text-align:left;
text-decoration:none;
color:var(--cmn-font-color-base);
border:1px solid #fff;
letter-spacing:-0.1px;
white-space:nowrap;
}

.map-page .map-filter-date-hook a:active,
.map-page .map-filter-date-hook a:hover{
border:1px solid #338cd5;
z-index:2;
position: relative;
}

/* .map-filter-no-fix-date
----------------------------------------------- */
.map-filter-no-fix-date{
color: #9e9e9e;
}

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

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

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

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

/* .search-filter-btn-box
----------------------------------------------- */
.map-filter-cover .map-filter-btn-box{
position:relative;
}

.map-filter-cover .map-filter-btn{
background-color:#236ab1;
border:0;
color:#fff;
font-size:15px;
text-align: center;
padding:0 10px;
height:33px;
border-radius:5px;
line-height: 33px;
min-width:80px;
}

.map-filter-cover .map-filter-btn.is-disabled{
opacity:.33;
cursor:default;
}

.map-filter-cover .attention-balloon{
position:absolute;
right:-172px;
top:-4px;
font-size:12px;
padding:7px 12px 5px;
border-radius:5px;
background-color:#ccc;
}
.map-filter-cover .attention-balloon::before{
content:'';
display:block;
width:10px;
height:10px;
position:absolute;
top:15px;
left:-5px;
display:block;
background-color:#ccc;
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg);
}

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

/* .map-filter-date-num-hook
----------------------------------------------- */
.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/w_hotel/map/images/icon-form-select.svg) calc(100% - 7px) 50% no-repeat;
background-size:7px 5px;
font-size:15px;
text-align:left;
}

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

/* .map-filter-date-num-pulldown
----------------------------------------------- */
.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-filter-date-num[aria-expanded="true"] .map-filter-date-num-pulldown{
display:block;
}

/* .map-filter-date-num-pulldown-list
----------------------------------------------- */
.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-filter-date-num-pulldown-list a:active,
.map-filter-date-num-pulldown-list a:hover{
background-color:rgba(0,0,0,.04);
}

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


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

/* .map-filter-member-hook
----------------------------------------------- */
.map-filter-member-hook{
padding:0 6px 0 13px;
border-radius:4px;
display:block;
box-sizing:border-box;
width:180px;
line-height:43px;
background-color:rgba(0,0,0,0);
font-size:15px;
margin:0 18px 0 0;
}

.map-page a.map-filter-member-hook{
color:var(--cmn-font-color-base);
text-decoration:none;
border:1px solid #fff;
}

a.map-filter-member-hook.is-disabled{
opacity: .5;
cursor: default;
}

.map-page a.map-filter-member-hook:active,
.map-page a.map-filter-member-hook:hover{
border:1px solid #338cd5;
position:relative;
z-index:2;
}

a.map-filter-member-hook.is-disabled:hover{
border-color: transparent;
z-index:0;
}

/* .map-filter-member-pulldown
----------------------------------------------- */
.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:17px;
z-index:1;
width:480px;
background-color:#fff;
font-size:12px;
}

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

/* .map-filter-member-pulldown-wording
----------------------------------------------- */
.map-filter-member-pulldown-wording{
margin:10px 0 0;
padding-top: 10px;
font-size:12px;
width: 100%;
border-top: 1px solid #ccc;
}

.map-filter-member-pulldown-wording > b{
margin:0 10px 5px 0;
margin-right:10px;
display:inline-block;
font-size:13px;
}

.brt-info{
display: block;
text-indent: -13px;
padding-left: 13px;
color: #777;
font-size: 11px;
}
/* .map-filter-member-pulldown-link-list
----------------------------------------------- */
.map-filter-member-pulldown-link-list{
margin-top: 10px;
padding-left: 1em;
}

.map-filter-member-pulldown-link-list li{
display: inline-block;
}

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

.map-filter-member-pulldown-link-list li a{
padding-bottom: 2px;
color:var(--cmn-font-color-base);
background-image: linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%);
background-size: 6px 1px;
background-repeat: repeat-x;
background-position: 0 100%;
text-decoration: none;
}

/* .map-filter-member-pulldown-list
----------------------------------------------- */
.map-filter-member-pulldown-list{
margin-left:-30px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

.map-filter-member-pulldown-list > li{
margin-left:30px;
}

.map-filter-member-pulldown > .map-filter-member-pulldown-list > li:first-child b{
display:inline-block;
width: 87px;
box-sizing: border-box;
}

.map-filter-member-pulldown-list > li b{
margin-bottom:5px;
display:block;
}

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

.map-filter-member-pulldown select{
border-radius: 2px;
}

.map-filter-member-pulldown select.is-error{
border-color: rgba(233, 57, 57, .35);
box-shadow: 0 0 0 1px rgba(233, 57, 57, .35) inset;
background-color: rgba(233, 57, 57, .1);
}

/* .map-filter-member-pulldown-02
----------------------------------------------- */
.map-filter-member-pulldown-02 {
position: relative;
padding-left: 90px;
margin-top: 10px;
}

.map-filter-member-pulldown-hdg{
position: absolute;
left: 0;
}

.map-filter-member-child-pulldown-list > li{
display: inline-block;
vertical-align: top;
margin-right: 10px;
position: relative;
}

.map-filter-member-child-pulldown-list > li > label > span{
display: block;
margin-bottom: 2px;
}

.map-filter-member-child-pulldown-list > li > label > span .sup{
font-size: 11px;
}

.map-filter-member-child-pulldown-list > li:last-child{
margin-right: 0;
}

.map-filter-member-child-pulldown-list > li:last-child > label{
position: absolute;
left: 0;
white-space: nowrap;
padding-top: 17px;
}

.map-filter-member-child-pulldown-list > li:last-child > label > span{
position: absolute;
top: 0;
}

.map-filter-member-child-pulldown-list > li:last-child .map-filter-member-pulldown-list-child{
margin: 17px 0 0 82px;
box-sizing: border-box;
width: 220px;
display: none;
}

.map-filter-member-child-pulldown-list > li:last-child .map-filter-member-pulldown-list-child.is-active{
display: inline-block;
}

.map-filter-member-pulldown-list-child li{
display: inline-block;
margin:0 0 5px 3px;
}
.map-filter-member-pulldown-list-child li:nth-child(odd){
margin-left: 0;
}

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

.map-filter-member-pulldown-list-01 > li{
margin-top:5px;
padding-left:10px;
box-sizing:border-box;
width:33%;
}

.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-filter-member-pulldown-list-01 label > span{
width:3em;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

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

/* .map-filter-member-pulldown-list-note
----------------------------------------------- */
.map-filter-member-pulldown-list-note{
margin:12px 0 0 1em;
text-indent:-1em;
color:var(--cmn-font-color-gray);
font-size:11px;
}


/* ----------------------------------------------------------------
  .map-filter-btn-realtime
----------------------------------------------------------------- */
/* .map-filter-btn-realtime
----------------------------------------------- */
.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-filter-btn-realtime > button{
padding:3px 3px 3px 18px;
border:none;
color:var(--cmn-font-color-gray);
background:url(/element/w_hotel/map/images/icon-reload.svg) 0 50% no-repeat;
background-size:13px 13px;
}

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

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

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


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

  Map Filter Detail

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

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

.map-filter-detail > li:last-child{
margin-right:0;
}

/* .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-filter-detail-hook{
border:none;
border-radius:18px;
border:0;
box-shadow:0 0 0 1px #ccc;
padding:0 10px;
box-sizing:border-box;
display:table-cell;
min-width:100px;
height:36px;
background-color:#fff;
font-size:13px;
text-align:center;
vertical-align:middle;
}

.map-filter-detail > li:nth-child(3) .map-filter-detail-hook.is-selected{
min-width: 115px;
}

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

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

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

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

/* .map-filter-detail-hook-num
----------------------------------------------- */
.map-filter-detail-hook .map-filter-detail-hook-num{
border-radius:8px;
color:var(--cmn-font-color-gray);
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-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:170px;
box-sizing:border-box;
z-index:206;
transform:translateX(50%);
background-color:#fff;
}

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

.map-filter-detail-review .map-filter-detail-pulldown{
min-width:180px;
}

.map-filter-detail-review .map-filter-detail-pulldown .num-total{
padding-left:3px;
}

.map-filter-detail-hotel-rank .map-filter-detail-pulldown{
right:30px;
}

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

.map-filter-detail-meal .map-filter-detail-pulldown{
min-width:105px;
white-space:nowrap;
}

/* .map-filter-detail-budget > .map-filter-detail-pulldown
----------------------------------------------- */
.map-filter-detail-budget .map-filter-detail-pulldown{
width:440px;
font-size:12px;
}

.map-filter-detail-budget .map-filter-detail-pulldown > p{
margin-bottom:9px;
}


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

.map-filter-detail-room-type .map-filter-detail-pulldown-list-form > li{
margin:5px 0 0 20px;
margin-left:20px;
float:left;
width:calc(50% - 10px);
}

.map-filter-detail-room-type .map-filter-detail-pulldown-list-form > li:nth-child(2n+1){
margin-left:0;
clear:both;
}

/* .map-filter-detail-cancel > .map-filter-detail-pulldown
----------------------------------------------- */
.map-filter-detail-cancel .map-filter-detail-pulldown{
min-width:205px;
white-space:nowrap;
}


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

.map-filter-detail-pulldown-list-form > li > label{
padding:6px 4px 5px 26px;
display:block;
position:relative;
line-height:1;
}

.map-filter-detail-cancel .map-filter-detail-pulldown-list-form > li > label:hover{
background-color:rgba(0,0,0,.04);
}

.map-filter-detail-cancel .map-filter-detail-pulldown-list-form > li.is-disabled > label:hover{
background:#fff;
}

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

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

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

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

/* .map-filter-detail-hotel-rank > .map-filter-detail-pulldown-list-form
----------------------------------------------- */
.map-filter-detail-hotel-rank .map-filter-detail-pulldown-list-form,
.map-filter-detail-review .map-filter-detail-pulldown-list-form{
margin-top:5px;
overflow:hidden;
font-size: 12px;
white-space: nowrap;
}

.map-filter-detail-hotel-rank .map-filter-detail-pulldown-list-form .review-rate,
.map-filter-detail-review .map-filter-detail-pulldown-list-form .review-rate,
.map-filter-detail-all-pulldown-content-list-form .review-rate{
display: inline-block;
font-size: 13px;
}

.map-filter-detail-hotel-rank .map-filter-detail-pulldown-list-form .review-rate-num,
.map-filter-detail-review .map-filter-detail-pulldown-list-form .review-rate-num,
.map-filter-detail-all-pulldown-content-list-form .review-rate-num{
display: inline-block;
margin: 0 6px 0 3px;
}

.map-filter-detail-hotel-rank .map-filter-detail-pulldown-list-form [class^='icon-r-'].icon-r-hotel span,
.map-filter-detail-review .map-filter-detail-pulldown-list-form [class^='icon-r-'].icon-r-hotel span,
.map-filter-detail-all-pulldown-content-list-form [class^='icon-r-'].icon-r-hotel span{
margin-top: -4px;
}

.map-filter-detail-pulldown-list-form > .is-disabled [class^='icon-r-'] span{
opacity: .25;
}

/* ----------------------------------------------------------------
  .map-filter-detail-pulldown-note
----------------------------------------------------------------- */
.map-filter-detail-pulldown-note{
margin-top:5px;
color:var(--cmn-font-color-gray);
font-size:11px;
}

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

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


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

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

.map-filter-detail-hotelname div > span{
color:#949494;
background-color:#fff;
cursor:default;
}

.map-filter-detail-hotelname input[type=search]{
color:var(--cmn-font-color-base);
box-shadow:0 0 0 1px #bbb;
border:0;
width:370px;
min-height:34px;
overflow: hidden;
text-overflow: ellipsis;
}

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

.map-filter-detail-hotelname input[type=search]:-ms-input-placeholder{
color:#949494;
}

/* ----------------------------------------------------------------
  .map-filter-detail-all
----------------------------------------------------------------- */
/* .map-filter-detail-all
----------------------------------------------- */


/* .map-filter-detail-all-pulldown
----------------------------------------------- */
.map-filter-detail-all-pulldown{
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;
width:830px;
height:490px;
box-sizing:border-box;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
z-index:206;
background-color:#fff;
}

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

/* 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-filter-detail-all-pulldown-inner{
margin-left:190px;
overflow-y:scroll;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

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

.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-filter-detail-all-pulldown-nav-list > li:not(:first-child){
margin-top:13px;
}

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

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

.map-filter-detail-all-pulldown-nav-list a > span{
border:1px solid #ddd;
border-radius:8px;
color:var(--cmn-font-color-gray);
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-nav-list .is-active a{
color:var(--cmn-font-color-base);
}

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

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

.map-filter-detail-all-pulldown-content-hdg + .map-filter-detail-all-pulldown-content-sup,
.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-filter-detail-all-pulldown-content-hdg{
margin:13px -10px 15px 0;
padding-top:15px;
border-top:1px solid #ccc;
color:var(--cmn-font-color-gray);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
}

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

.map-filter-detail-all-pulldown-content-hdg > h2{
margin-right:15px;
font-size:14px;
color:var(--cmn-font-color-base);
}

.map-filter-detail-all-pulldown-content-hdg.is-active > h2{
color:var(--cmn-font-color-base);
font-size:17px;
}

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

.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-filter-detail-all-pulldown-content-word-search + .map-filter-detail-all-pulldown-content-word-search{
margin-top:10px;
}

.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-filter-detail-all-pulldown-content-word-search > label > span:first-child{
padding:3px 8px;
font-size:11px;
}

.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-filter-detail-all-pulldown-content-word-search input[type=search]{
color:var(--cmn-font-color-base);
border:none;
width:100%;
min-height:34px;
overflow: hidden;
text-overflow: ellipsis;
}

.map-filter-detail-all-pulldown-content-word-search input[type=search]:-ms-input-placeholder{
color:#949494;
}

.map-filter-detail-all-pulldown-content-word-search input[type=search]:active,
.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-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-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-filter-detail-all-pulldown-content-word-search-list li{
margin-right:10px;
display:inline-block;
}

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

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

.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-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-filter-detail-all-pulldown-content-list-form > li{
margin-top:3px;
-webkit-box-flex:1;
-ms-flex:1 0 50%;
flex:1 0 50%;
box-sizing:border-box;
}

.map-filter-detail-all-pulldown-content-list-form > li > label{
padding:6px 4px 5px 26px;
position:relative;
display:block;
line-height:1;
}

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

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

.map-filter-detail-all-pulldown-content-list-form > li .num-total{
padding-left:3px;
}

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

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

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

.map-filter-detail-all-pulldown-content-list-form.list-hotel li:nth-child(1){
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
.map-filter-detail-all-pulldown-content-list-form.list-hotel li:nth-child(2){
-webkit-box-ordinal-group:3;
-ms-flex-order:3;
-webkit-order:3;
order:3;
}
.map-filter-detail-all-pulldown-content-list-form.list-hotel li:nth-child(3){
-webkit-box-ordinal-group:5;
-ms-flex-order:5;
-webkit-order:5;
order:5;
}
.map-filter-detail-all-pulldown-content-list-form.list-hotel li:nth-child(4){
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
.map-filter-detail-all-pulldown-content-list-form.list-hotel li:nth-child(5){
-webkit-box-ordinal-group:4;
-ms-flex-order:4;
-webkit-order:4;
order:4;
}

.map-filter-detail-all-pulldown-content-list-form.list-face li:nth-child(1){
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
.map-filter-detail-all-pulldown-content-list-form.list-face li:nth-child(2){
-webkit-box-ordinal-group:3;
-ms-flex-order:3;
-webkit-order:3;
order:3;
}
.map-filter-detail-all-pulldown-content-list-form.list-face li:nth-child(3){
-webkit-box-ordinal-group:5;
-ms-flex-order:5;
-webkit-order:5;
order:5;
}
.map-filter-detail-all-pulldown-content-list-form.list-face li:nth-child(4){
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
.map-filter-detail-all-pulldown-content-list-form.list-face li:nth-child(5){
-webkit-box-ordinal-group:4;
-ms-flex-order:4;
-webkit-order:4;
order:4;
}
.map-filter-detail-all-pulldown-content-list-form.list-face li:nth-child(6){
-webkit-box-ordinal-group:6;
-ms-flex-order:6;
-webkit-order:6;
order:6;
}

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

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

/* .map-filter-detail-all-pulldown-content-list-form-logo
----------------------------------------------- */
.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-filter-detail-all-pulldown-content-list-form-logo > li{
margin-top:7px;
-webkit-box-flex:1;
-ms-flex:1 0 50%;
flex:1 0 50%;
box-sizing:border-box;
}

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

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

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

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

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

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

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

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

/* .map-filter-detail-select-list
----------------------------------------------- */
.map-filter-detail-select-list{
font-size: 12px;
text-align: right;
display: block;
margin: -34px 10px 15px 0;
}

.map-filter-detail-select-list li{
display: inline-block;
}

.map-filter-detail-select-list li:not(:first-child)::before{
content: '|';
margin: 0 8px;
}

.map-filter-detail-select-list li button{
margin-top: 11px;
padding: 3px 0;
border: none;
color:var(--cmn-font-color-gray);
background: none;
text-align: left;
}

.map-filter-detail-select-list li button:active,
.map-filter-detail-select-list li button:hover{
background-color:rgba(0,0,0,.04);
}

.map-filter-detail-all-pulldown-content-hdg + .map-filter-detail-select-list li button{
margin-top:0;
}

/* .map-filter-detail-all-pulldown-footer
----------------------------------------------- */
.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;
min-height:44px;
box-sizing:border-box;
}

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

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

.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-filter-detail-all-pulldown-footer-list{
display:inline;
}

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

.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-gray);
min-height:24px;
position:relative;
background-color:#fff;
font-size:12px;
}

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

.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/w_hotel/map/images/icon-x.svg) no-repeat 0 0;
}

.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/w_hotel/map/images/icon-review-gray.svg) 0 0 no-repeat;
background-size:12px 12px;
}

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

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

.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/w_hotel/map/images/icon-x.svg) no-repeat 0 0;
}

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

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

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


/* ----------------------------------------------------------------
  .map-filter-detail-ext
----------------------------------------------------------------- */
.map-filter-detail-ext > label{
padding:7px 8px 7px 28px;
border-radius:5px;
color:#fff;
display:block;
position:relative;
line-height:1;
background-color:#287ac4;
}

.map-filter-detail-ext > label input{
position:absolute;
top:5px;
left:8px;
}



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

  Map Result

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


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

.map-result-inner.result-error{
top: 20px;
overflow-y: inherit;
}


/* ----------------------------------------------------------------
  .map-result-header
----------------------------------------------------------------- */
/* .map-result-header
----------------------------------------------- */
.map-result-header{
padding:0 30px 0 15px;
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-result-header-num{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:11px;
}

.map-result-header-num b{
font-size:17px;
}

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

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

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

/* .map-result-header-sort-pulldown
----------------------------------------------- */
.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:167px;
background-color:#fff;
font-size:13px;
}

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

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

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

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

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


/* ----------------------------------------------------------------
  .map-result-item
----------------------------------------------------------------- */
/* .map-result-item
----------------------------------------------- */
.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-result-item > li.fix-date{
min-height: 141px;
box-sizing: border-box;
}

.map-result-item.result-spot > li.fix-date{
min-height: 159px;
}

.map-result-item > li.no-fix-date{
min-height: 141px;
box-sizing: border-box;
}

.map-result-item.result-spot > li.no-fix-date{
min-height: 120px;
box-sizing: border-box;
}

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

.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-result-item > li.is-active::before{
border-width:2px;
}

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

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

.no-fix-date .map-result-item-content{
padding-bottom:25px;
}

/* .map-result-item-head
----------------------------------------------- */
.map-result-item-head{
min-height:57px;
}

.include-fee .map-result-item-head{
min-height:40px;
}

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

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

/* .map-result-item-content-price-details
----------------------------------------------- */
.map-result-item-content-price-details{
padding:5px 7px;
border:1px solid #bbb;
border-radius:3px;
box-sizing:border-box;
display:inline-block;
line-height:1;
background-color:#fff;
text-align:center;
white-space:nowrap;
}

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

.map-page .map-result-item-content-price-details:active,
.map-page .map-result-item-content-price-details:hover{
border-color:#338cd5;
}

/* .map-result-item-content-price-num
----------------------------------------------- */
.map-result-item-content-price-num{
margin-left:5px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
white-space:nowrap;
}

.map-result-item-content-price-num.no-fix-date{
font-size: 11px;
}

.map-result-item-content-price-num.no-fix-date > span{
vertical-align:inherit;
}

.map-result-item-content-price-num.no-fix-date .cmn-tip-btn{
margin-bottom: 2px;
}

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

.map-result-item-content-price-num .no-price{
font-size: 13px;
color:var(--cmn-font-color-red);
display: inline-block;
margin-top: 8px;
}

.no-fix-date .map-result-item-content-price-num .no-price{
margin-top:0;
}

.map-result-item-content-price-num > span{
vertical-align: middle;
}

/* .map-result-item-content-fee
----------------------------------------------- */
.map-result-item-content-fee{
margin-top:3px;
text-align: right;
color: #777;
font-size:11px;
}

.map-view-detail-plan-item-price .map-result-item-content-fee{
margin-top: -3px;
}

/* .map-result-item-content-fee-num
----------------------------------------------- */
.map-result-item-content-fee-num .resort-fee{
display: inline-block;
margin-left: 3px;
}

.map-result-item-content-fee-num .num{
font-size: 12px;
}

.map-result-item-content-fee-num .cmn-tip-btn{
vertical-align: text-bottom;
}


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

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

.map-page .map-result-item-content-footer-agt a{
padding:3px 0;
color:var(--cmn-font-color-base);
}

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

/* .map-result-item-content-footer-cv
----------------------------------------------- */
.map-result-item-content-footer-cv{
margin-left:5px;
}

.map-result-item-content-footer-cv button{
padding:4px;
border:none;
border-radius:3px;
color:#fff;
min-width:90px;
min-height:26px;
background-color:#72ba00;
font-size:12px;
}

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

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

/* .map-result-item-content-footer-note
----------------------------------------------- */
.map-result-item-content-footer-note{
margin:35px 0 0 auto;
color:var(--cmn-font-color-red);
font-size:13px;
text-align:right;
}

/* .map-result-item-thumb
----------------------------------------------- */
.map-result-item-thumb{
border-radius:3px 0 0 3px;
width:95px;
position:relative;
overflow:hidden;
}

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

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

/* .map-result-item-thumb-favorite
----------------------------------------------- */
.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/w_hotel/map/images/icon-favorite-s.png) no-repeat 0 0;
text-indent: -9999px;
}

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

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

/* .map-result-item-thumb-gallery
----------------------------------------------- */
.map-page .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/w_hotel/map/images/icon-gallery.svg) no-repeat 85% 50%;
background-size:12px 10px;
font-family:Arial;
}

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

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

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


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


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

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

.map-page .map-result-pager > li > a{
padding:10px 0;
border:1px solid #bbb;
display:block;
border-radius:3px;
width:46px;
color:var(--cmn-font-color-base);
text-align:center;
text-decoration:none;
background-color:#fff;
}

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

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

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

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

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

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



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

  Map View Modules

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


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


/* ----------------------------------------------------------------
  .map-view-ui-ctrl
----------------------------------------------------------------- */
.map-view-ui-ctrl{
position:absolute;
left:15px;
bottom:15px;
}

.map-view-ui-ctrl > label{
padding:10px 10px 10px 30px;
border-radius:4px;
display:block;
position:relative;
box-shadow:0 1px 4px rgba(0,0,0,.5);
background-color:#fff;
}

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

.map-view-ui-ctrl.is-move{
left:350px;
}

/* ----------------------------------------------------------------
  .map-view-search-out
----------------------------------------------------------------- */
/* .map-view-search-out
----------------------------------------------- */
.map-view-search-out{
height: 40px;
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
padding: 12px;
box-sizing: border-box;
font-size: 13px;
color: #fff;
display: inline-block;
position: absolute;
right: 15px;
top: 15px;
}
.map-view-search-out .ic-update{
background: url(/element/w_hotel/map/images/icon-reload-white.svg) no-repeat left center;
background-size: 12px 12px;
padding-left: 20px;
}
.map-page .map-view-search-out a{
padding-bottom: 2px;
background-image: linear-gradient(90deg, #fff, #fff 50%, transparent 50%, transparent 100%);
background-size: 6px 1px;
background-repeat: repeat-x;
background-position: 0 100%;
text-decoration: none;
color: #fff;
}

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

.map-view-word-search.in-search-out{
position:absolute;
top:70px;
right:15px;
}

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

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

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


/* ----------------------------------------------------------------
  .map-view-recommend
----------------------------------------------------------------- */
/* .map-view-recommend
----------------------------------------------- */
.map-view-recommend{
position:absolute;
top:75px;
right:15px;
}
.map-view-recommend.in-search-out{
top: 130px;
}

/* .map-view-recommend-hook
----------------------------------------------- */
.map-view-recommend-hook{
margin-left:auto;
padding:12px 10px 12px 12px;
border-radius:4px;
display:block;
width:120px;
box-sizing:border-box;
box-shadow:0 1px 4px rgba(0,0,0,.5);
background-size:12px 14px;
background-color: #fff;
}

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

.map-view-recommend-hook [class^='ic-']{
text-indent: -9999px;
display: inline-block;
vertical-align: middle;
margin-right:5px;
}

.ic-restaurant{
width: 12px;
height: 14px;
background: url(/element/w_hotel/map/images/icon-restaurant.svg) no-repeat;
background-size: 12px 14px;
}
.ic-spot{
color: rgba(0, 0, 0, 0);
width: 14px;
height: auto;
left: auto;
background: url(/element/w_hotel/map/images/icon-spot.svg) no-repeat;
background-size: 14px auto;
}

.map-view-recommend-hook .is-disabled{
opacity: .5;
cursor: default;
}

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

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

.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-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-view-recommend-content-hdg{
font-weight:normal;
}

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

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

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

.map-view-recommend-content-filter .recommend-content-filter-restaurant label{
padding:3px 25px 3px 23px;
display:block;
position:relative;
background:url(/element/w_hotel/map/images/icon-pin-restaurant.svg) no-repeat 0 0;
background-size:15px 20px;
}

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

.map-view-recommend-note{
font-size: 12px;
margin-top: 10px;
}

.map-view-recommend-content-filter .recommend-content-filter-restaurant label.is-disabled,
.map-view-recommend-content-filter .recommend-content-filter-spot label.is-disabled{
opacity: .5;
cursor: default;
}


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

.map-view-panel.mvp-size2,
.map-view-panel.mvp-size2 .map-view-panel-inner{
width:450px;
}

.map-view-panel.map-view-panel-spot::before{
display: none;
}

.map-view-panel.map-view-panel-spot:hover .map-view-panel-content-hdg{
text-decoration: none;
}

.map-view-panel.is-active::before{
border-width:2px;
}

.map-view-panel .map-view-panel-content-hdg{
padding-bottom: 2px;
color:var(--cmn-font-color-base);
text-decoration: none;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
word-break:break-all;
word-wrap:break-word;
}


/* .map-view-panel-inner
----------------------------------------------- */
.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;
background-color:#fff;
cursor:pointer;
}

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

/* .map-view-panel-content-hdg
----------------------------------------------- */
.map-view-panel-content-hdg{
margin-bottom:3px;
line-height:1.35;
font-size:13px;
font-weight: normal;
}

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

.fix-date .map-view-panel-content-price{
margin-top:20px;
}

.fix-date.include-fee .map-view-panel-content-price{
margin-top:5px;
}

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

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

/* .map-view-panel-content-realtime
----------------------------------------------- */
.map-view-panel-content-realtime{
margin-top:3px;
color:var(--cmn-font-color-gray);
text-align:right;
font-size:11px;
}

.map-view-panel-content-realtime b{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .map-view-panel-content-wording
----------------------------------------------- */
.map-view-panel-content-wording{
margin-top:8px;
}

/* .map-view-panel.map-view-panel-spot
----------------------------------------------- */
.map-view-panel.map-view-panel-spot{
width: 360px;
}
/* .map-view-panel-btn-list
----------------------------------------------- */
.map-view-panel-btn-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top: 10px;
}

.map-view-panel-btn-list.map-view-panel-pin-hide{
justify-content: flex-end;
}

.map-view-panel-btn-list li{
border: 1px solid #bbb;
border-radius: 3px;
box-sizing: border-box;
}

.map-view-panel-btn-list .list-btn-distance{
margin-right: 8px;
width: 245px;
box-sizing: border-box;
}

.map-view-panel-btn-list .list-distance{
margin-right: 8px;
width: 245px;
box-sizing: border-box;
border: 0;
}

.map-view-panel-btn-list .list-btn-distance input{
vertical-align: middle;
margin:0 5px 2px 0;
}

.map-view-panel-btn-list .list-btn-distance label{
padding: 5px 7px 3px;
display: block;
}

.map-view-panel-btn-list .list-btn-hide-pin:hover{
border-color:#338cd5;
}

.map-view-panel-btn-list .list-btn-hide-pin a{
padding: 5px 10px 5px;
display: block;
color:var(--cmn-font-color-base);
border-radius: 3px;
white-space:nowrap;
}

.map-view-panel-btn-list .list-btn-hide-pin a:active,
.map-view-panel-btn-list .list-btn-hide-pin a:hover{
border-color:#338cd5;
text-decoration: none;
}

.map-view-panel-btn-list .list-btn-hide-pin.is-disabled{
border: 1px solid #c4c4c4;
}

.map-view-panel-btn-list .list-btn-hide-pin.is-disabled a{
color:#bbb;
}

/* .map-view-panel-content-spot-note
----------------------------------------------- */
.map-view-panel-content-spot-note{
margin-top: 23px;
}

/* .map-view-panel-content-note
----------------------------------------------- */
.map-view-panel-content-note{
margin-top:25px;
color:var(--cmn-font-color-red);
font-size:13px;
text-align:right;
}

li.fix-date .map-view-panel-content-note{
position: absolute;
bottom: 10px;
right: 10px;
}

li.no-fix-date .map-result-item-content-price-num{
position: absolute;
bottom: 10px;
right: 10px;
}

.result-spot .no-fix-date .map-view-panel-content-note{
margin-top: 7px;
}

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

[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-view-panel-content-recommend-1::before{
background-image:url(/element/shared/images/icon/icon-review-star-1.svg);
}

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

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

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

/* .map-view-panel-thumb
----------------------------------------------- */
.map-view-panel-thumb{
border-radius:3px 0 0 3px;
width:95px;
position:relative;
overflow:hidden;
}

.map-view-panel-thumb.no-photo{
border-right: 1px solid #e5e5e5;
}

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

.map-view-panel-thumb .img-nophoto img,
.map-view-panel-thumb.no-photo img{
max-width:95px;
max-height:95px;
top:50%;
margin-top:-48px;
}


/* .map-view-panel-thumb-favorite
----------------------------------------------- */
.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/w_hotel/map/images/icon-favorite-s.png) no-repeat 0 0;
background-size:contain;
text-indent: -9999px;
}

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

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




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

  Map View Marker

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

/* .map-custom-marker-innner
----------------------------------------------- */
.map-custom-marker [class^="map-custom-marker-innner"]{
padding:2px 3px;
border:1px solid #777;
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:#999;
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-custom-marker [class^="map-custom-marker-innner"]::before{
margin-left:-5px;
content:"";
border-width:0 1px 1px 0;
border-style:solid;
border-color:#777;
display:block;
width:8px;
height:8px;
position:absolute;
top:calc(100% - 4px);
left:50%;
transform:rotate(45deg);
background-color:#999;
}

.map-custom-marker.is-active [class^="map-custom-marker-innner"],
.map-custom-marker.is-active [class^="map-custom-marker-innner"]::before{
border-color:#174d92;
background-color:#236ab1;
}

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

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

.map-custom-marker.is-selected.is-hover [class^="map-custom-marker-innner"],
.map-custom-marker.is-selected.is-hover [class^="map-custom-marker-innner"]::before{
border-color:#bf7202;
background-color:#fff;
color:#bf7202;
}


/* .map-custom-marker-innner
----------------------------------------------- */
.map-custom-marker.is-active .map-custom-marker-innner.map-custom-marker-content-s{
min-height:25px;
}

.map-custom-marker .map-custom-marker-innner.map-custom-marker-content-s,
.map-custom-marker.is-selected .map-custom-marker-innner.map-custom-marker-content-s,
.map-custom-marker.is-active .map-custom-marker-innner.map-custom-marker-content-s:active,
.map-custom-marker.is-active .map-custom-marker-innner.map-custom-marker-content-s:hover,
.map-custom-marker.is-active .map-custom-marker-innner.map-custom-marker-content-s:focus{
min-height:28px;
}

/* .map-marker-rank
----------------------------------------------- */
.map-custom-marker .map-marker-rank{
margin:1px 0 2px;
}

.map-custom-marker .map-marker-rank > span{
display:block;
width:52px;
height:8px;
overflow:hidden;
color:rgba(0,0,0,0);
filter: brightness(0) invert(1);
}

.map-custom-marker.is-hover .map-marker-rank > span{
filter:none;
}

.map-custom-marker .map-marker-rank > .rank-1{
background-image:url(/element/w_hotel/map/images/icon-review-active-1.svg);
}

.map-custom-marker .map-marker-rank > .rank-2{
background-image:url(/element/w_hotel/map/images/icon-review-active-2.svg);
}

.map-custom-marker .map-marker-rank > .rank-3{
background-image:url(/element/w_hotel/map/images/icon-review-active-3.svg);
}

.map-custom-marker .map-marker-rank > .rank-4{
background-image:url(/element/w_hotel/map/images/icon-review-active-4.svg);
}

.map-custom-marker .map-marker-rank > .rank-5{
background-image:url(/element/w_hotel/map/images/icon-review-active-5.svg);
}

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

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

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

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

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

.map-custom-marker.is-selected .map-marker-rank > .rank-1{
background-image:url(/element/w_hotel/map/images/icon-review-active-1.svg);
}

.map-custom-marker.is-selected .map-marker-rank > .rank-2{
background-image:url(/element/w_hotel/map/images/icon-review-active-2.svg);
}

.map-custom-marker.is-selected .map-marker-rank > .rank-3{
background-image:url(/element/w_hotel/map/images/icon-review-active-3.svg);
}

.map-custom-marker.is-selected .map-marker-rank > .rank-4{
background-image:url(/element/w_hotel/map/images/icon-review-active-4.svg);
}

.map-custom-marker.is-selected .map-marker-rank > .rank-5{
background-image:url(/element/w_hotel/map/images/icon-review-active-5.svg);
}

/* .map-marker-price
----------------------------------------------- */
.map-custom-marker .map-marker-price{
font-size:12px;
z-index: 1;
}

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

.map-custom-marker .map-marker-price > span.no-price{
text-align: center;
min-width: 41px;
}

.map-custom-marker.is-selected .map-marker-price,
.map-custom-marker.is-hover .map-marker-price{
font-weight:bold;
}

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

.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/w_hotel/map/images/icon-pin-spot.svg) no-repeat 0 100%;
}

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

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

.map-view-marker-restaurant > 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/w_hotel/map/images/icon-pin-restaurant.svg) no-repeat 0 100%;
}

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


/* ----------------------------------------------------------------
  .map-custom-marker-pin
----------------------------------------------------------------- */
.map-custom-marker-pin{
color:rgba(0,0,0,0);
position:absolute;
width:24px;
height:41px;
overflow:hidden;
cursor:pointer;
background:url(/element/w_hotel/map/images/icon-pin.png) no-repeat;
background-size:100% auto;
}

.map-custom-marker-pin-on{
color:rgba(0,0,0,0);
position:absolute;
width:24px;
height:41px;
overflow:hidden;
cursor:pointer;
background:url(/element/w_hotel/map/images/icon-pin-on.png) no-repeat;
background-size:100% auto;
}

.map-custom-marker-pin-02{
color:rgba(0,0,0,0);
position:absolute;
width:24px;
height:41px;
overflow:hidden;
cursor:pointer;
background:url(/element/w_hotel/map/images/icon-pin-02.png) no-repeat;
background-size:100% auto;
}

.map-custom-marker-pin-02-on{
color:rgba(0,0,0,0);
position:absolute;
width:24px;
height:41px;
overflow:hidden;
cursor:pointer;
background:url(/element/w_hotel/map/images/icon-pin-02-on.png) no-repeat;
background-size:100% auto;
}



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

  Map View Detail

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-view-detail
----------------------------------------------------------------- */
/* .map-view-detail
----------------------------------------------- */
.map-view-detail{
display:none;
position:absolute;
top:15px;
left:15px;
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;
z-index:1;
}

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


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

.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-view-detail-header-hdg{
margin:10px 35px 10px 10px;
line-height:1.35;
font-size:14px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-weight:bold;
}

/* .map-view-detail-header-link
----------------------------------------------- */
.map-page .map-view-detail-header-link{
margin:4px 10px 0 auto;
display:table;
font-size:11px;
}
.map-page .map-view-detail-header-link:focus{
color:#777 !important;
box-shadow: 0 -1px 0 var(--cmn-solid-color) inset !important;
}

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

.map-page .map-view-detail-header-tab > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
height:35px;
}

.map-page .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-page .map-view-detail-header-tab button[aria-selected="true"]{
color:var(--cmn-font-color-base);
font-weight:bold;
}

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

.map-page .map-view-detail-header-tab button{
outline:none;
}



/* .map-view-detail-header-btn
----------------------------------------------- */
.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/w_hotel/map/images/icon-x.svg) 15px 15px no-repeat;
background-size:12px 12px;
overflow:hidden;
text-indent: -999px;
}


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

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

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

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

/* .map-view-detail-content .map-result-error
----------------------------------------------- */
.map-view-detail-content .map-result-error{
padding: 10px 12px;
margin-top: 10px;
}

.map-result-error-price{
font-size: 11px;
}

.map-result-error-price .price-txt + span{
display: inline-block;
margin: 0 0 0 8px;
}

.map-result-error-price b{
font-size: 19px;
padding-right: 2px;
}

.map-result-error-price span{
vertical-align: middle;
}

.map-result-error-price .cmn-tip-btn{
margin-top: -2px;
}

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

.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-view-detail-footer-price{
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-view-detail-footer-price-hdg{
color:var(--cmn-font-color-base);
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-bottom:5px;
}

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

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

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

/* .map-view-detail-footer-price-num
----------------------------------------------- */
.map-view-detail-footer-price-num{
margin-left:10px;
text-align:right;
font-size:12px;
}

.map-view-detail-footer-price-num > span{
vertical-align: middle;
}

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

/* .map-view-detail-footer-cv
----------------------------------------------- */
.map-view-detail-footer-cv{
margin-top:4px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .map-view-detail-footer-cv-agt
----------------------------------------------- */
.map-view-detail-footer-cv-agt{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.map-page .map-view-detail-footer-cv-agt a{
padding:3px 0;
color:var(--cmn-font-color-base);
}

.map-view-detail-footer-cv-agt a:active,
.map-view-detail-footer-cv-agt a:hover{
background-color:rgba(0,0,0,.04);
text-decoration:none;
}

/* .map-view-detail-footer-cv-btn
----------------------------------------------- */
.map-view-detail-footer-cv-btn{
margin-left:5px;
}

.map-view-detail-footer-cv-btn button{
padding:4px;
border:none;
border-radius:3px;
color:#fff;
min-width:90px;
min-height:26px;
background-color:#72ba00;
font-size:12px;
}

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

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



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

  Map View Detail Hotel

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-view-detail-hotel
----------------------------------------------------------------- */
.map-view-detail-hotel{
margin:0 -10px -10px;
padding:0 10px 10px;
background-color:#fff;
}


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

/* .map-view-detail-hotel-carousel-inner
----------------------------------------------- */
.map-view-detail-hotel-carousel-inner{
overflow:hidden;
position:relative;
}

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

.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/w_hotel/map/images/icon-carousel-left.png) no-repeat 50% 50%;
z-index:1;
}

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

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

/* .map-view-detail-hotel-carousel-list
----------------------------------------------- */
.map-view-detail-hotel-carousel-list{
margin:0;
overflow:hidden;
width:9999px;
}

.map-view-detail-hotel-carousel-list > li{
float:left;
position:relative;
}

.map-view-detail-hotel-carousel-list > li::before{
content:'';
display:block;
width:100%;
height:9px;
overflow:hidden;
position:absolute;
top:0;
left:0;
background: linear-gradient(#fff 0%, rgba(128, 128, 128, 0) 100%);
opacity: 0.6;
z-index:1;
}

.map-view-detail-hotel-carousel-list > li > span:not([class]),
.map-view-detail-hotel-carousel-list > li > span.img-nophoto{
padding-top:65.625%;
position:relative;
display:block;
height:0;
overflow:hidden;
background-color:#f1f1f1;
}

.map-view-detail-hotel-carousel-list > li > span:not([class]) img,
.map-view-detail-hotel-carousel-list > li > span.img-nophoto img{
position:absolute;
bottom:50%;
right:50%;
max-width:100%;
max-height:100%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
}

.map-view-detail-hotel-carousel-list > li .caption{
color:#fff;
display:block;
font-size:10px;
position:absolute;
bottom:5px;
left:10px;
width:35%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
z-index:1;
}

.map-view-detail-hotel-carousel-list::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;
}

.map-page .map-view-detail-hotel-carousel-agt {
position: absolute;
bottom: 4px;
left: 4px;
z-index: 1;
width: 35%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 10px;
text-align:left;
color: rgba(255,255,255,.6);
}

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

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

/* .map-view-detail-hotel-carousel-num
----------------------------------------------- */
.map-view-detail-hotel-carousel-num{
margin-top:5px;
color:#fff;
display:block;
text-align:center;
font-size:14px;
position: absolute;
bottom:2px;
right:50%;
transform:translateX(50%);
z-index:1;
}

/* .map-view-detail-hotel-carousel-agt
----------------------------------------------- */
.map-view-detail-hotel-carousel-agt{
position:absolute;
bottom:5px;
right:10px;
z-index:1;
width:35%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:10px;
text-align:right;
}

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

/* .map-view-detail-hotel-carousel-favorite
----------------------------------------------- */
.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/w_hotel/map/images/icon-favorite.png) no-repeat 0 0;
text-indent:-9999px;
}

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

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


/* ----------------------------------------------------------------
  .map-view-detail-hotel-carousel-share
----------------------------------------------------------------- */
/* .map-view-detail-hotel-carousel-share
----------------------------------------------- */
.map-view-detail-hotel-carousel-share{
position:absolute;
top:3px;
left:45px;
}

/* .map-view-detail-hotel-carousel-share-hook
----------------------------------------------- */
.map-view-detail-hotel-carousel-share-hook{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:20px;
height:24px;
overflow:hidden;
z-index:1;
background:url(/element/w_hotel/map/images/icon-share.png) no-repeat 0 0;
text-indent:-9999px;
}

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

/* .map-view-detail-hotel-carousel-share-content
----------------------------------------------- */
.map-view-detail-hotel-carousel-share-content{
padding: 15px 18px 20px;
border-radius: 3px;
display: none;
box-sizing: border-box;
position: absolute;
top: 5px;
left: 23px;
width: 245px;
z-index: 1;
box-shadow: 0 1px 2px rgb(0 0 0 / 40%);
background-color: #fff;
}

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

/* .map-view-detail-hotel-carousel-share-content-list
----------------------------------------------- */
.map-view-detail-hotel-carousel-share-content-list{
text-align:center;
}

.map-view-detail-hotel-carousel-share-content-list > li{
margin-top:15px;
}

.map-view-detail-hotel-carousel-share-content-list button{
padding:0;
border:none;
overflow:hidden;
}

.map-view-detail-hotel-carousel-share-content-list .fb,
.map-view-detail-hotel-carousel-share-content-list .tw{
margin:15px 14px 0;
display:inline-block;
}

.map-view-detail-hotel-carousel-share-content-list .fb button,
.map-view-detail-hotel-carousel-share-content-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-view-detail-hotel-carousel-share-content-list .fb button{
background-image:url(/element/shared/images/icon/icon-sns-fb.svg);
}

.map-view-detail-hotel-carousel-share-content-list .tw button{
background-image:url(/element/shared/images/icon/icon-sns-twitter.svg);
}


.map-view-detail-hotel-carousel-share-content-list .fb button:active,
.map-view-detail-hotel-carousel-share-content-list .fb button:hover,
.map-view-detail-hotel-carousel-share-content-list .tw button:active,
.map-view-detail-hotel-carousel-share-content-list .tw button:hover{
opacity:.7;
}

.map-view-detail-hotel-carousel-share-content-list .mail button,
.map-view-detail-hotel-carousel-share-content-list .copy button{
border:1px solid #bbb;
border-radius:3px;
width:100%;
height:30px;
background-color:#fff;
}

.map-view-detail-hotel-carousel-share-content-list .mail button::before,
.map-view-detail-hotel-carousel-share-content-list .copy button::before{
margin-right:5px;
content:'';
display:inline-block;
width:14px;
height:14px;
vertical-align:middle;
background-repeat:no-repeat;
background-position:50% 50%;
}

.map-view-detail-hotel-carousel-share-content-list .mail button::before{
background-image:url(/element/w_hotel/map/images/icon-mail.svg);
}

.map-view-detail-hotel-carousel-share-content-list .copy button::before{
background-image:url(/element/w_hotel/map/images/icon-copy.svg);
}

.map-view-detail-hotel-carousel-share-content-list .mail button:active,
.map-view-detail-hotel-carousel-share-content-list .mail button:hover,
.map-view-detail-hotel-carousel-share-content-list .copy button:active,
.map-view-detail-hotel-carousel-share-content-list .copy button:hover{
border-color:#338cd5;
}

.map-view-detail-hotel-carousel-share-content-list .copy span {
margin-top: 3px;
color:var(--cmn-font-color-gray);
display: block;
font-size: 11px;
}


/* ----------------------------------------------------------------
  .map-view-detail-hotel-hdg
----------------------------------------------------------------- */
.map-view-detail-hotel-hdg{
margin:15px -10px 5px;
padding:10px 10px 0;
border-top:1px solid #ccc;
font-size:13px;
}

.map-view-detail-hotel-list + .map-view-detail-hotel-hdg{
margin-top:0;
}

.map-view-detail-hotel-list-note{
font-size: 11px;
color: #777;
display: block;
text-indent: -15px;
padding-left: 15px;
margin-top:4px;
}

/* ----------------------------------------------------------------
  .map-view-detail-hotel-list
----------------------------------------------------------------- */
.brt-list-note li{
font-size: 11px;
color: #777;
display: block;
margin-top: 5px;
text-indent: -15px;
padding-left: 15px;
}


/* ----------------------------------------------------------------
  .map-view-detail-hotel-list
----------------------------------------------------------------- */
.map-view-detail-hotel-list{
margin-top:7px;
border-top:1px dotted #ccc;
line-height:1.25;
}

.map-view-detail-hotel-list > li{
padding:7px 0;
min-height:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}

.map-view-detail-hotel-list > li > div{
-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;
}

.map-view-detail-hotel-list > li:not(:last-child){
border-bottom:1px dotted #ccc;
}

.map-view-detail-hotel-list > li > div:first-child{
margin-right:10px;
width:5.5em;
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
font-size:11px;
}

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


/* ----------------------------------------------------------------
  .map-view-detail-hotel-list-review
----------------------------------------------------------------- */
.map-view-detail-hotel-list-review > span{
margin-left:5px;
display:inline-block;
}


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

.map-view-detail-hotel-list-line > li{
margin:2px 5px 0 0;
display:inline-block;
}

.map-view-detail-hotel-list-line .is-disabled{
color:#ccc;
}


/* ----------------------------------------------------------------
  .map-view-detail-hotel-list-line-02
----------------------------------------------------------------- */
.map-view-detail-hotel-list-line-02{
margin-top:-2px;
}

.map-view-detail-hotel-list-line-02 > li{
margin:2px 0 0 0;
display:inline-block;
}

.map-view-detail-hotel-list-line-02 > li:not(:last-child)::after{
content: '\03001';
display: inline;
}

.map-view-detail-hotel-list-line-02 > li.list-last::after{
display: none;
}

.map-view-detail-hotel-list-line-02 .is-disabled{
color:#ccc;
}

/* ----------------------------------------------------------------
  .map-view-detail-hotel-list-line-02-child
----------------------------------------------------------------- */
.map-view-detail-hotel-list-line-02 > li.map-view-detail-hotel-list-line-02-child{
margin-top:2px;
display:block;
}

/* ----------------------------------------------------------------
  .map-view-detail-hotel-list-bullet
----------------------------------------------------------------- */
.map-view-detail-hotel-list-bullet > li{
padding-left:10px;
position:relative;
}

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

.map-view-detail-hotel-list-bullet > li::before{
content:'';
display:block;
width:6px;
height:6px;
position:absolute;
top:3px;
left:0;
background-color:#333;
}

.map-view-detail-hotel-list-bullet > li p,
.map-view-detail-hotel-list-bullet > li ul{
margin:3px 0 0;
}


/* ----------------------------------------------------------------
  .map-view-detail-hotel-list-bullet-01
----------------------------------------------------------------- */
.map-view-detail-hotel-list-bullet-01 > li{
padding-left:8px;
position:relative;
}

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

.map-view-detail-hotel-list-bullet-01 > li::before{
content:'';
display:block;
width:2px;
height:2px;
border-right:1px;
position:absolute;
top:5px;
left:0;
background-color:#333;
}

.map-view-detail-hotel-list-bullet-01 > li p,
.map-view-detail-hotel-list-bullet-01 > li ul{
margin:3px 0 0;
}

/* .map-view-detail-hotel .review-area
----------------------------------------------- */
.map-view-detail-hotel .review-area > .review-rate{
font-size: 11px;
}

.map-view-detail-hotel .review-area > .review-rate > span:first-child{
width: 7.5em;
}

.map-view-detail-hotel .review-area > .review-rate [class^='icon-r-']::before{
content: '\0FF1A';
}

.map-view-detail-hotel .review-area > .review-rate [class^='icon-r-'] > span{
margin-top: -3px;
}

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

  Map View Detail Plan

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

/* .map-view-detail-plan-header-num
----------------------------------------------- */
.map-view-detail-plan-header-num{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.map-view-detail-plan-header-num b{
font-size:13px;
}

/* .map-view-detail-plan-header-sup
----------------------------------------------- */
.map-view-detail-plan-header-sup{
font-size:11px;
}


/* ----------------------------------------------------------------
  .map-view-detail-plan-sort
----------------------------------------------------------------- */
/* .map-view-detail-plan-sort
----------------------------------------------- */
.map-view-detail-plan-sort{
margin-bottom:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

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

.map-view-detail-plan-sort > div:last-child{
margin-left:6px;
width:80px;
}

/* .map-view-detail-plan-sort > select
----------------------------------------------- */
.map-view-detail-plan-sort select{
border-radius:4px;
width:100%;
}

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

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


/* ----------------------------------------------------------------
  .map-view-detail-plan-item
----------------------------------------------------------------- */
/* .map-view-detail-plan-item
----------------------------------------------- */
.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-hdg
----------------------------------------------- */
.map-view-detail-plan-item-hdg{
margin-bottom:5px;
font-size:13px;
font-weight:normal;
}

/* .map-view-detail-plan-item-info
----------------------------------------------- */
.map-view-detail-plan-item-info > li{
display:inline-block;
}
.map-view-detail-plan-item-info > li::after{
margin:0 1px 0 4px;
display:inline-block;
content:"/";
}
.map-view-detail-plan-item-info > li > span{
display:inline-block;
}
.map-view-detail-plan-item-info > li img{
width:15px;
vertical-align:top;
}
.map-view-detail-plan-item-info > li:last-child:after{
display:none;
}
.map-view-detail-plan-item-info > .meal{
padding-left:14px;
background:url(/element/w_hotel/map/images/icon-restaurant.svg) no-repeat 0 50%;
background-size:10px auto;
}

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

/* .map-view-detail-plan-item-price-details
----------------------------------------------- */
.map-view-detail-plan-item-price-details{
position:relative;
}

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

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

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

/* .map-view-detail-plan-item-price-details-tip
----------------------------------------------- */
.map-view-detail-plan-item-price-details-tip{
padding:10px;
position:absolute;
top:100%;
left:0;
width:200px;
display:none;
background-color:#fff;
}

/* .map-view-detail-plan-item-price-num
----------------------------------------------- */
.map-view-detail-plan-item-price-num{
margin-left:5px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}

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

/* .map-view-detail-plan-item-time
----------------------------------------------- */
.map-view-detail-plan-item-time{
color:var(--cmn-font-color-gray);
font-size:11px;
text-align:right;
}

.map-view-detail-plan-item-time strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

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

/* .map-view-detail-plan-item-footer-agt
----------------------------------------------- */
.map-view-detail-plan-item-footer-agt{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.map-view-detail-plan-item-footer-agt a{
padding:3px 0;
}

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

/* .map-view-detail-plan-item-footer-cv
----------------------------------------------- */
.map-view-detail-plan-item-footer-cv{
margin-left:5px;
}

.map-view-detail-plan-item-footer-cv button{
padding:4px;
border:none;
border-radius:3px;
color:#fff;
min-width:90px;
min-height:26px;
background-color:#72ba00;
font-size:12px;
}

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

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

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

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

.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-view-detail-plan-item-toggle-hook button{
margin-top:7px;
padding:3px 3px 3px 15px;
border:none;
color:var(--cmn-font-color-gray);
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 40% no-repeat;
background-size:12px 7px;
}

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

.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-view-detail-traffic > P{
margin:5px 0 10px;
}


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

.map-view-detail-traffic-list > li{
padding:10px;
}

.map-view-detail-traffic-list > li:not(:first-child){
border-top:1px solid #ccc;
}

.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-view-detail-traffic-list-btn
----------------------------------------------- */
.map-view-detail-traffic-list-btn{
margin-top:10px;
padding:5px 15px;
border:1px solid #bbb;
border-radius:3px;
color:var(--cmn-font-color-gray);
box-sizing:border-box;
min-width:140px;
display:table;
font-size:12px;
text-decoration:none;
}

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



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

  Map View Detail Review

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-view-detail-review-inner
----------------------------------------------------------------- */
.map-view-detail-review-inner{
margin:0 -10px -10px;
padding:12px 10px 10px;
min-height:580px;
}

.map-view-detail-review .notice-list{
margin-top: 0;
}


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

.map-view-detail-review-hdg .cmn-tip-btn{
margin-top: -3px;
}


/* ----------------------------------------------------------------
  .map-view-detail-review-overall-rating
----------------------------------------------------------------- */
/* .map-view-detail-review-overall-rating
----------------------------------------------- */
.map-view-detail-review-overall-rating .cmn-tip-btn{
margin-top: -2px;
}

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

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

/* .map-view-detail-review-btn-list
----------------------------------------------- */
.map-view-detail-review-btn-list{
text-align: right;
font-size: 0;
margin: -24px 0 10px;
}

.map-view-detail-review-btn-list > li{
width: 88px;
box-sizing: border-box;
display: inline-block;
position: relative;
vertical-align: top;
}

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

.map-view-detail-review-btn-list li > button{
width: 88px;
height: 26px;
border-radius: 3px;
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0;
font-size: 11px;
text-align: center;
}

.map-view-detail-review-btn-list li > button:hover{
border: 1px solid #338CD5;
}

.map-view-detail-review-btn-list li > .btn-sort span{
padding-left: 20px;
position: relative;
}

.map-view-detail-review-btn-list li > .btn-sort span::before{
content: '';
width: 15px;
height: 13px;
display: block;
background: url(/element/w_hotel/shared/images/icon-sort.svg) no-repeat;
position: absolute;
left: 2px;
top: 50%;
margin-top: -6px;
}

/* .map-view-detail-review-rating-pulldown
----------------------------------------------- */
.map-view-detail-review-rating-pulldown{
display: none;
position: absolute;
top: 26px;
right: 60px;
padding:8px 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
transform: translateX(50%);
z-index: 2;
background-color: #fff;
font-size: 13px;
text-align: left;
width: 230px;
margin-left: -30px;
}

.map-view-detail-review-rating-pulldown.is-active{
display: block;
}

/* .map-view-detail-review-sort-pulldown
----------------------------------------------- */
.map-view-detail-review-sort-pulldown{
display: none;
padding: 12px 15px;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
display: none;
position: absolute;
right: 60px;
transform: translateX(50%);
z-index: 2;
background-color: #fff;
font-size: 13px;
text-align: left;
width: 100px;
}

.map-view-detail-review-sort-pulldown.is-active{
display: block;
}

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

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

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

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



/* ----------------------------------------------------------------
  .map-view-detail-review-header
----------------------------------------------------------------- */
/* .map-view-detail-review-header
----------------------------------------------- */
.map-view-detail-review-header{
line-height:1.35;
position:relative;
font-size:11px;
overflow: hidden;
margin: 5px -10px 0;
}

.map-view-detail-review-header::before{
content:'';
position: absolute;
display: block;
width: 14px;
height: 46px;
background:linear-gradient(to left, rgba(238,238,238,0) 10%, rgba(238,238,238,1) 100%);
left: 0px;
top: 3px;
z-index: 2;
}

.map-view-detail-review-header::after{
content:'';
position: absolute;
display: block;
width: 14px;
height: 46px;
background: linear-gradient(to right, rgba(238,238,238,0) 10%,rgba(238,238,238,1) 100%);
right: 0px;
top: 3px;
z-index: 1;
}

.map-view-detail-review-header-tab{
white-space: nowrap;
font-size: 0;
}

.map-view-detail-review-header-tab li{
width: 110px;
height: 44px;
text-align:center;
display:inline-block;
position: relative;
box-sizing: border-box;
font-size: 11px;
margin: 3px 0 3px 10px;
}

.map-page .map-view-detail-review-header-tab li a{
width: 110px;
height: 44px;
border-radius: 22px;
background: #fff;
border: 1px solid #bbb;
padding:6px 3px 1px;
display: block;
color:var(--cmn-font-color-base);
box-sizing: border-box;
}

.map-view-detail-review-header-tab li a:hover{
text-decoration: none;
border: 1px solid #338CD5;
}

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

.map-view-detail-review-header-tab li:last-child{
margin-right:10px;
}

.map-view-detail-review-header-tab li b{
margin-right:5px;
display:inline-block;
}

.map-view-detail-review-header-tab li.is-disabled a{
opacity: .33;
}

.map-view-detail-review-header-tab li.is-selected a{
background: #e4f2fb;
border: 2px solid #338cd5;
}

.map-view-detail-review-header-tab li.is-disabled a:hover{
cursor: default;
border-color: #bbb;
}

.map-view-detail-review-header-tab li.is-selected a:hover{
border: 1px solid #338cd5;
padding:7px 3px 1px;
}


/* .map-view-detail-review-header-hdg
----------------------------------------------- */
.map-view-detail-review-header-hdg{
font-size:11px;
font-weight: normal;
margin-bottom: 1px;
}

.map-view-detail-review-header-hdg .icon-blank{
margin-right: -6px;
}


/* ----------------------------------------------------------------
  .map-view-detail-review-rating
----------------------------------------------------------------- */
/* .map-view-detail-review-rating
----------------------------------------------- */
.map-view-detail-review-rating{
border:1px solid #bbb;
border-radius:3px;
}

/* .map-view-detail-review-rating-hook
----------------------------------------------- */
.map-view-detail-review-rating-hook{
padding:0 8px;
border:none;
border-radius:3px;
color:var(--cmn-font-color-gray);
width:100%;
height:34px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat calc(100% - 8px) 50%;
background-size:12px 7px;
text-align:left;
}

.map-view-detail-review-rating-hook[aria-expanded="true"]{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

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


/* .map-view-detail-review-rating-content-list
----------------------------------------------- */
.map-view-detail-review-rating-content-list{
margin-top:-8px;
overflow:hidden;
font-size:13px;
}

.map-view-detail-review-rating-content-list > li{
width:calc(50% - 14px);
float:left;
}

.map-view-detail-review-rating-content-list > li:nth-child(2n){
margin-left:28px;
}

.map-view-detail-review-rating-content-list > li:nth-child(2n+1){
clear:both;
}

.map-view-detail-review-rating-content-list > li > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.map-view-detail-review-rating-content-list > li > div > span:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.map-view-detail-review-rating-content-list .chart{
border-radius:10px;
color:rgba(0,0,0,0);
background-color:#ededed;
}

.map-view-detail-review-rating-content-list .chart > div{
border-radius:10px;
height:7px;
overflow:hidden;
background-color:#338cd5;
}

.map-view-detail-review-rating-content-list .is-disabled{
color:#ccc;
}

/* .map-view-detail-review-rating-content-list.ex-type
----------------------------------------------- */
.map-view-detail-review-rating-content-list.ex-type{
margin-top:0;
}

.map-view-detail-review-rating-content-list.ex-type > li{
float:none;
width:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.map-view-detail-review-rating-content-list.ex-type > li:not(:first-child){
margin:4px 0 0;
}

.map-view-detail-review-rating-content-list.ex-type .filter{
width:72px;
}

.map-view-detail-review-rating-content-list.ex-type .filter > label{
padding-left:20px;
display:block;
position:relative;
width:100%;
cursor:pointer;
}

.map-view-detail-review-rating-content-list.ex-type .filter input[type='checkbox']{
margin:auto 0;
position: absolute;
top:0;
bottom:0;
left:0;
cursor:pointer;
}

.map-view-detail-review-rating-content-list.ex-type .chart{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.map-view-detail-review-rating-content-list.ex-type .rating-num{
display:block;
width:3em;
text-align:right;
}

.map-view-detail-review-rating-content-list.ex-type .is-disabled label,
.map-view-detail-review-rating-content-list.ex-type .is-disabled input[type='checkbox']{
cursor:default;
}


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

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

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

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

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

.map-view-detail-review-article-header-hdg:empty + .map-view-detail-review-article-header-sup{
margin-top:0;
}

/* .map-view-detail-review-article-header-list
----------------------------------------------- */
.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-view-detail-review-article-header-list.no-line{
border: 0;
}

.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-view-detail-review-article-header-list .agt-logo{
margin-left:5px;
height:21px;
}

.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-list .agt-logo a>span{
font-size:12px;
display:inline-block;
padding-top:3px;
vertical-align:text-bottom;
}

/* .map-view-detail-review-article-header-review-num
----------------------------------------------- */
.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-list
----------------------------------------------- */
.map-view-detail-review-article-list > li{
padding-left:20px;
position:relative;
background-position:0 1px;
background-repeat:no-repeat;
background-size:16px 15px;
font-size: 11px;
}

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

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

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


/* .map-view-detail-review-article-header-review-rate
----------------------------------------------- */
.map-view-detail-review-article-header-review-rate em{
vertical-align: middle;
display: inline-block;
margin: 1px 0 0 5px;
}

/* .map-view-detail-review-article-toggle
----------------------------------------------- */
.map-view-detail-review-article-txt{
font-size: 11px;
}

.map-page .toggle-btn-open{
display: inline-block;
font-weight: normal;
color: #a4a4a4;
border: 0;
background: none;
padding: 0;
}

.map-page .toggle-btn-open::before{
margin-right: 5px;
content: '...';
color:var(--cmn-font-color-base);
display: inline-block;
vertical-align: bottom;
}

.toggle-btn-close {
margin: 10px 0 15px auto;
padding: 0 0 0 17px;
border: none;
color: #a4a4a4;
position: relative;
line-height: 1;
display: table;
background: 0 0;
border: 0;
background: none;
}

.toggle-btn-close::before{
content:'';
display: block;
width: 11px;
height: 11px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
background: url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 0 center no-repeat;
}

/* .map-view-detail-review-article-header-review-rate
----------------------------------------------- */
.map-view-detail-review-article-col{
display: table-cell;
width: 200px;
vertical-align: top;
}

.map-view-detail-review-article-img{
display: table-cell;
width: 82px;
padding-left: 10px;
box-sizing: border-box;
vertical-align: top;
font-size: 11px;
text-align: center;
}

.map-view-detail-review-article-img img{
max-width: 70px;
}

.map-view-detail-review-article-img .num{
font-size: 12px;
color:var(--cmn-font-color-base);
}

/* .review-pro
----------------------------------------------- */
.review-pro .map-view-detail-review-article-header,
.review-pro .map-view-detail-review-article-header-list{
margin-bottom: 0;
}

.review-pro .map-view-detail-review-article-header{
margin: 0 0 8px;
border-bottom: 1px solid #e5e5e5;
}

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

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

.map-page [class^="map"] .map-view-detail-review-link{
display:inline-block;
position:relative;
padding-left:17px;
color:var(--cmn-font-color-base);
text-decoration:none;
}

.map-page .map-view-detail-review-link::before{
content: '';
display: block;
width: 11px;
height: 11px;
overflow: hidden;
position: absolute;
top: 3px;
left: 0;
background: url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 center no-repeat;
}

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

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

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

.map-view-detail-review-btn > span{
margin-top:5px;
color:var(--cmn-font-color-gray);
display:block;
font-size:11px;
}


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

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



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

  Tooltip

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

.map-page .cmn-tip-agt .cmn-tip-agt-inquiry{
color:#0b4cae;
}

.map-page .cmn-tip-agt .cmn-tip-agt-link{
color:#333!important;
}

.map-page .cmn-tip-agt .cmn-tip-agt-btn{
color:var(--cmn-font-color-base);
}

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

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


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

/* .tip-payment-list-caution
----------------------------------------------- */
.tip-payment-list-caution{
color:var(--cmn-font-color-gray);
}

.tip-payment-list-caution > li::before{
content:'\203b';
display:block;
overflow:hidden;
position:absolute;
top:0;
left:0;
}

.tip-payment .tip-payment-list-caution > li{
padding-left:1.25em;
position:relative;
background:none;
}

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



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

  Tooltip (Map Only)

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

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

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

/* .map-tip-payment-hdg-01
----------------------------------------------- */
.map-tip-payment-hdg-01{
margin-bottom:4px;
font-size:13px;
font-weight:normal;
}

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

.map-tip-payment-plan-sup > li{
display:inline-block;
font-size: 12px;
}

.map-tip-payment-plan-sup > li:not(:first-child)::before{
margin:0 4px 0 1px;
display:inline-block;
content:"/";
}

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

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

.map-tip-payment-plan-sup > .meal{
padding-left:14px;
background:url(/element/w_hotel/map/images/icon-restaurant.svg) no-repeat 0 50%;
background-size:10px auto;
}

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

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

.map-tip-payment-price-num >span{
display:block;
white-space:nowrap;
}

.map-tip-payment-price-num >span:first-child{
font-size:11px;
margin-bottom:-3px;
}

.map-tip-payment-price-num >span:not(:first-child){
text-align:right;
}

.map-tip-payment-price-num >span >span{
vertical-align: middle;
}

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

.map-tip-payment-price-num .map-result-item-content-fee-num{
color: #777;
}

.map-tip-payment-price-num .map-result-item-content-fee-num .cmn-tip-btn {
vertical-align: text-top;
}

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


/* .map-tip-payment-price-cv
----------------------------------------------- */
.map-tip-payment-price-cv{
margin-left:10px;
color:var(--cmn-font-color-gray);
font-size:11px;
text-align:right;
}

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

.map-tip-payment-price-cv strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

.map-tip-payment-price-cv button{
margin-top:3px;
padding:4px;
border:none;
border-radius:3px;
color:#fff;
min-width:90px;
min-height:26px;
background-color:#72ba00;
font-size:12px;
}

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

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

/* .map-tip-payment-btn
----------------------------------------------- */
.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-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-page .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;
color:var(--cmn-font-color-base);
}

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

/* .notice-list-payment-01
----------------------------------------------- */
.notice-list-payment-01{
font-size:12px;
line-height:1.5;
}
.notice-list-payment-01 > li{
padding-left:15px;
position:relative;
}
.notice-list-payment-01 > li::before{
content: '\030FB';
position: absolute;
top: 1px;
left: 0;
}
.notice-list-payment-01 > li:not(:first-child){
margin-top:7px;
}
.notice-list-payment-01 > li strong{
font-weight:normal;
}
.notice-list-payment-01 > li a{
padding-bottom: 2px;
color:var(--cmn-font-color-base);
background-image: linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%);
background-size: 6px 1px;
background-repeat: repeat-x;
background-position: 0 100%;
text-decoration: none;
}

/* .list-payment
----------------------------------------------- */
.list-payment > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
font-size: 12px;
}
.list-payment > li > div:first-child{
position:relative;
padding-right:17px;
width:125px;
box-sizing:border-box;
font-weight:normal;
color: #555;
vertical-align: top;
white-space: nowrap;
display: table-cell;
}
.list-payment > li > div{
width:230px;
box-sizing:border-box;
}
.list-payment > li > div:first-child:after{
position:absolute;
content:"\ff1a";
right:0;
top:0;
color:#7d7d7d;
}
.notice-list-payment-01 + .list-payment{
margin-top:11px;
padding-top:13px;
border-top:1px solid #ddd;
line-height: 1.5;
}
.notice-list{
margin-top: 10px;
}

/* .list-payment-01
----------------------------------------------- */
.list-payment-01{
display:inline-block;
letter-spacing:-.4em;
vertical-align:top;
}
.list-credit{
display:inline-block;
vertical-align:middle;
}
.list-credit > li{
display:inline-block;
}
.list-payment img{
vertical-align:text-bottom;
height:15px;
width:auto;
}
.list-payment-01{
overflow:hidden;
}
.list-payment-01 > li{
position:relative;
padding-left:1em;
display:inline-block;
letter-spacing:normal;
}
.list-payment-01 > li:before{
position:absolute;
left:0;
top:0;
content:"\ff0f";
}
.list-payment-01 > li:first-child{
padding-left:0;
margin-bottom: 3px;
}
.list-payment-01 > li:first-child:before{
display:none;
}
.list-payment-01 > li.disabled{
color:#ccc;
}
.list-payment-01 > li.disabled:before{
color:var(--cmn-font-color-base);
}
.list-payment-01 > li.list-payment-note{
display:inline-block;
padding-left:0;
}
.list-payment-01 > li.list-payment-note::before{
display: none;
}

/* .list-credit
----------------------------------------------- */
.list-credit{
overflow:hidden;
}
.list-credit > li{
float:left;
margin-right:5px;
}
.list-credit > li img{
vertical-align:bottom;
}
.card-block{
display: inline-block;
margin-right: 20px;
}

/* .list-credit
----------------------------------------------- */
.notice-list-payment > li{
position:relative;
padding-left:1em;
line-height:1.63;
color:var(--cmn-font-color-gray);
}
.notice-list-payment > li::before{
content:"\203b";
position:absolute;
left:0;
top:0;
font-size:11px;
}
.notice-list-payment > li strong{
font-weight:normal;
}
.tip-payment-info .notice-list-payment{
font-size:11px;
margin-top:7px;
}

/* .notice-list-payment-01
----------------------------------------------- */
.notice-list-payment-01{
font-size:11px;
line-height:1.5;
}
.notice-list-payment-01 > li:not(:first-child){
margin-top:7px;
}
.notice-list-payment-01 > li strong{
font-weight:normal;
}

/* .notice-list
----------------------------------------------- */
.notice-list{
font-size:11px;
}
.notice-list > li{
position:relative;
padding-left:15px;
color:var(--cmn-font-color-gray);
}
.notice-list > li:not(:first-child){
margin-top: 2px;
}
.notice-list > li:before{
content:"\203b";
position:absolute;
left:0;
top:0;
}
.notice-list > li a:link,
.notice-list > li a:visited,
.notice-list > li a:hover,
.notice-list > li a:active{
color:var(--cmn-font-color-gray);
text-decoration:underline;
}

/* .map-tip-payment-toggle
----------------------------------------------- */
.map-tip-payment-toggle{
margin-top: 10px;
}

.map-tip-payment-toggle .map-tip-payment-toggle-hook{
background: none;
padding: 0;
border: 0;
background: url(/element/shared/images/icon/icon-chevron-down.svg) center left no-repeat transparent;
background-size: 8px 8px;
padding-left: 15px;
}

.map-tip-payment-toggle.is-active .map-tip-payment-toggle-hook{
background: url(/element/shared/images/icon/icon-chevron-up.svg) center left no-repeat transparent;
background-size: 8px 8px;
}

.map-tip-payment-toggle .map-tip-payment-toggle-item{
margin-top: 5px;
display: none;
}

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

.secure-info{
font-size: 11px;
line-height: 1.5;
}

/* .map-tip-payment-method
----------------------------------------------- */
.map-tip-payment-method{
margin-top:15px;
padding-top:5px;
border-top:1px solid #ccc;
font-size:11px;
}

.map-tip-payment-method > li{
margin-top:10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.map-tip-payment-method > li > div:first-child{
padding-right:15px;
white-space:nowrap;
width:9em;
position:relative;
}

.map-tip-payment-method > li > div:first-child::after{
content:'\ff1a';
position:absolute;
top:-1px;
right:0;
line-height:1;
font-size:13px;
}

.map-tip-payment-method > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.map-tip-payment-method sup{
line-height:1;
}

.map-tip-payment-method .hide{
color:rgba(0,0,0,0);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}

.map-tip-payment-method:first-child{
margin-top:-10px;
padding-top:0;
border-top:none;
}

/* .map-tip-payment-method-01
----------------------------------------------- */
.map-tip-payment-method-01{
margin-right:10px;
display:inline-block;
vertical-align:middle;
overflow:hidden;
}

.map-tip-payment-method-01 > li{
float:left;
}

.map-tip-payment-method-01 > li::before{
content:'\ff0f';
}

.map-tip-payment-method-01 > li:first-child::before{
display:none;
}

.map-tip-payment-method-01 > li.is-disabled{
color:#ccc;
}

.map-tip-payment-method-01 sup{
position:relative;
line-height:1;
vertical-align:baseline;
top:-0.5em;
}

/* .map-tip-payment-method-credit
----------------------------------------------- */
.map-tip-payment-method-credit{
display:inline-block;
vertical-align:middle;
}

.map-tip-payment-method-credit > li{
display:inline-block;
}

.map-tip-payment-method-credit > li img{
vertical-align:middle;
height:15px;
width:auto;
}

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

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

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

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

.map-tip-payment-note strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

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


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

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

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

/* .map-tip-realtime-tbl
----------------------------------------------- */
.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-tip-realtime-tbl th,
.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-tip-realtime-tbl thead th{
background-color:#f1f1f1;
}

.map-tip-realtime-tbl-note{
margin-top:2px;
color:var(--cmn-font-color-gray);
display:block;
}

/* .map-tip-realtime-list-bullet
----------------------------------------------- */
.map-tip-realtime-list-bullet{
margin-top:10px;
}

.map-tip-realtime-list-bullet > li{
margin-top:5px;
padding-left:.75em;
position:relative;
}

.map-tip-realtime-list-bullet > li::before{
content:"";
width:2px;
height:2px;
border-radius:50%;
position:absolute;
top:.6em;
left:0;
background-color:#333;
}

/* .map-tip-realtime-notice
----------------------------------------------- */
.map-tip-realtime-notice{
color:var(--cmn-font-color-gray);
font-size:11px;
}

.map-tip-realtime-notice > li{
margin-top:4px;
padding-left:1.25em;
position:relative;
}

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

/* .map-tip-realtime-icon
----------------------------------------------- */
.map-tip-realtime-icon{
display:inline-block;
width:14px;
height:14px;
text-indent: -9999px;
position: relative;
}

.map-tip-realtime-icon::before{
content: '\02605';
font-size: 14px;
position: absolute;
top: -2px;
left: 0;
display: inline-block;
width: 14px;
height: 14px;
text-indent: initial;
}


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

  Modal

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .map-modal
----------------------------------------------------------------- */
/* .map-modal
----------------------------------------------- */
.map-modal{
display:none;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background-color:rgba(0,0,0,.6);
z-index:1000;
}

.map-modal.is-active{
display:block;
}

/* .map-modal-content
----------------------------------------------- */
.map-modal-content{
margin:0 auto;
padding:30px;
border-radius:10px;
box-sizing:border-box;
position:absolute;
top:100px;
right:0;
left:0;
width:750px;
background-color:#fff;
}

/* .map-modal-btn-close
----------------------------------------------- */
.map-page .map-modal-content > .map-modal-btn-close{
border:none;
color:rgba(0,0,0,0);
width:53px;
height:52px;
position:absolute;
top:-18px;
right:-18px;
background:url(/element/shared/images/sprite/sprite-modal-01.png) 0 0 no-repeat;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
transition: inherit;
}

.map-page .map-modal-content > .map-modal-btn-close:active,
.map-page .map-modal-content > .map-modal-btn-close:hover,
.map-page .map-modal-content > .map-modal-btn-close:focus{
background-position:0 -65px;
}

/* .map-modal-select-area
----------------------------------------------- */
.map-modal-select-area .text-info{
margin-bottom: 16px;
}

/* .map-modal-select-area-search
----------------------------------------------- */
.map-modal-select-area-search{
margin: 16px 0 20px 0;
text-align: center;
}

/* .map-modal-select-area-search-list
----------------------------------------------- */
.map-modal-select-area-search-list{
display: inline-block;
margin: 0 auto;
text-align: left;
min-width: 270px;
}
.map-modal-select-area-search-list input[type="radio"]{
vertical-align: middle;
margin: -2px 5px 0 0;
}

/* .map-modal-note-list
----------------------------------------------- */
.map-modal-note-list{
color:var(--cmn-font-color-gray);
font-size: 12px;
margin-top: 15px;
max-width: 380px;
text-align: left;
margin: 15px auto 0;
display:table;
}

.map-modal-note-list::before{
content:"\A";
white-space:pre;
}

.map-modal-note-list li{
text-indent: -16px;
padding-left: 16px;
}

.map-modal-note-list li:not(:first-child){
margin-top: 5px;
}

.icon-note {
display: inline;
padding-right: 4px;
}

/* .map-modal-gallery
----------------------------------------------- */
.map-modal-gallery{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}

/* .map-modal-gallery-view
----------------------------------------------- */
.map-modal-gallery-view{
margin-right:20px;
width:370px;
}

.map-modal-gallery-view > div{
height:425px;
}

.map-modal-gallery-view a{
color:var(--cmn-font-color-base);
display:block;
position:relative;
text-decoration:none;
font-size:11px;
}

.map-modal-gallery-view a > span:first-child{
margin-bottom:5px;
display:block;
position:relative;
height:370px;
background-color:#eee;
}

.map-modal-gallery-view a img{
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
max-width:100%;
max-height:100%;
}

/* .map-modal-gallery-view-nav
----------------------------------------------- */
.map-modal-gallery-view-nav{
margin-top:10px;
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;
}

.map-modal-gallery-view-nav > li:nth-child(2){
margin:0 40px;
}

.map-modal-gallery-view-nav em{
display:inline-block;
min-width:5em;
text-align:center;
vertical-align:top;
}

.map-modal-gallery-view-nav > .next,
.map-modal-gallery-view-nav > .prev{
height:15px;
overflow:hidden;
}

.map-modal-gallery-view-nav button{
color:rgba(0,0,0,0);
border:none;
width:15px;
height:100%;
background:url(/element/w_hotel/map/images/icon-gallery-left.svg) no-repeat 50% 50%;
}

.map-modal-gallery-view-nav .next button{
background-image:url(/element/w_hotel/map/images/icon-gallery-right.svg);
}

/* .map-modal-gallery-thumb
----------------------------------------------- */
.map-modal-gallery-thumb{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .map-modal-gallery-thumb-list
----------------------------------------------- */
.map-modal-gallery-thumb-list{
height:425px;
overflow-y:scroll;
}

.map-modal-gallery-thumb-list > li{
margin:0 0 10px 10px;
float:left;
}

.map-modal-gallery-thumb-list > li:nth-child(4n+1){
margin-left:0;
clear:both;
}

.map-modal-gallery-thumb-list > li a{
display:block;
position:relative;
width:60px;
height:55px;
overflow:hidden;
background-color:#ededed;
}

.map-modal-gallery-thumb-list > li a::before{
border:2px solid #338cd5;
content:'';
display:none;
box-sizing:border-box;
width:100%;
height:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
z-index:1;
}

.map-modal-gallery-thumb-list > li.is-active a::before,
.map-modal-gallery-thumb-list > li a:active::before,
.map-modal-gallery-thumb-list > li a:hover::before,
.map-modal-gallery-thumb-list > li a:focus::before{
display:block;
}

.map-modal-gallery-thumb-list img{
position:absolute;
right:50%;
bottom:50%;
-webkit-transform:translate(50%, 50%);
-ms-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:100%;
max-height:100%;
}

/* .map-modal-gallery-thumb-info
----------------------------------------------- */
.map-modal-gallery-thumb-info{
margin-top:10px;
font-size:12px;
}

.map-modal-gallery-thumb-info span{
margin-right:15px;
display:inline-block;
}

.map-modal-gallery-thumb-info a{
display:inline-block;
color:var(--cmn-font-color-gray);
padding-bottom: 2px;
}

.map-modal-gallery-thumb-info a:hover{
color: #777;
background-image: linear-gradient(90deg, #777, #777 50%, transparent 50%, transparent 100%);
background-size: 6px 1px;
background-repeat: repeat-x;
background-position: 0 100%;
text-decoration: none;
}

.map-page .map-modal-gallery-thumb-info a{
transition:inherit;
}

/* .suggest
----------------------------------------------- */
.map-page .suggest-container .suggest-logo a,
.map-page .suggest-container .suggest-category-list > li > a{
color: #777;
}

.map-page .suggest-container .suggest-category-list > li > a{
padding: 19px 4px 0;
}

.map-page .map-filter-destination-input.suggest-container .suggest{
width:160%;
top:43px;
}

.map-page .suggest-container.keyword .suggest{
top:34px;
}

.map-page .map-filter-detail-all-pulldown-content-word-search.suggest-container.keyword{
display:block;
}

.map-page .suggest-container .suggest{
top:34px;
}

.map-page .map-filter-detail-hotelname.suggest-container .suggest{
right:-1px;
width:372px;
left:inherit;
}

.map-page .map-view-word-search .suggest-container .suggest{
min-width:280px;
top:38px;
right:0;
left:inherit;
}

/* .link-dash
----------------------------------------------- */
.link-dash {
padding-bottom: 2px;
color:var(--cmn-font-color-base);
background-image: linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%);
background-size: 6px 1px;
background-repeat: repeat-x;
background-position: 0 100%;
text-decoration: none;
}

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

  Google Map default Modify

----------------------------------------------------------------- */
.map-page .map .map-view-gm .gm-style{
font-family:Arial, sans-serif, '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans','\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af';
}

.map-page .map .map-view-gm .gm-style .gm-style-iw-c{
padding:0;
border-radius:0;
overflow:visible;
box-shadow:none;
background:none;
}

.map-page .map .map-view-gm .gm-style .gm-style-iw-d{
overflow:visible !important;
}

.map-page .map .map-view-gm .gm-style .gm-style-iw-t::after{
display:none;
}