@charset "utf-8";


.popup-suggest{
  z-index: 1000;
  overflow: visible;
  background: #fff;
  border: 1px solid #efefef;
  display: block;
}

.popup-suggest div.recently{
  border-bottom: 1px solid #efefef;
  margin-bottom: 30px;
}

div.areaSelectListArea p.description,
div.keywordSelectListArea p.description{
  font-size: 13px;
  font-weight: bold;
  padding-left: 16px;
  margin-top: 20px;
  margin-bottom: 10px;
}

ul.areaSelectList,
ul.keywordSelectList{
  display: inline-block;
  padding: 0;
  border-top: 1px solid #efefef;
}

ul.keywordSelectList{
  width: 410px;
}

ul.areaSelectList li,
ul.keywordSelectList li{
  width: 100%;
  display: block;
  cursor: pointer;
  padding: 10px 0;
  color: #333;
  border-bottom: 1px solid #efefef;
}

ul.areaSelectList li:last-of-type,
ul.keywordSelectList li:last-of-type{
  border-bottom: none;
}

ul.areaSelectList li span,
ul.keywordSelectList li span{
  padding-left: 16px;
  display: block;
}

ul.areaSelectList li:nth-child(3n){
  margin-right: 0;
}

ul.areaSelectList li:hover,
ul.keywordSelectList li:hover{
  color: #000;
  background-color: #efefef;
  border-radius: 2px;
}

div#search_input div.areaSelectListArea{
  font-size: 13px!important;
}




div.autocomplete-suggestion{
  background-color: #fff;
  border: 1px solid #efefef;
  padding: 10px 16px;
  margin-top: -1px;
  cursor: pointer;
  font-size: 13px;
  color: #333;
}

div.autocomplete-suggestion:hover{
  color: #333!important;
}

div.autocomplete-suggestion span.suggest-text{
  display: inline-block;
  padding-right: 10px;
  width: 380px;
}
div.autocomplete-suggestion span.suggest-date{
  display: inline-block;
  padding: 0 10px;
  width: 270px;
}
div.autocomplete-suggestion span.suggest-adult{
  display: inline-block;
  padding: 0 10px;
  width: 45px;
}
div.autocomplete-suggestion span.suggest-child{
  display: inline-block;
  padding-left: 10px;
  width: 37px;
}

div.autocomplete-suggestion span.region{
  background: url("../image/icon-room-light.svg") no-repeat 0 50%;
  background-size: 22px 22px;
  padding: 10px 10px 10px 36px;
}

div.autocomplete-suggestion span.hotel{
  background: url("../image/icon-hotel-light.svg") no-repeat 0 50%;
  background-size: 20px 22px;
  padding: 10px 10px 10px 36px;
}

div.autocomplete-suggestion span.prefecture{
  background: url("../image/icon-keisen-light.svg") no-repeat 0 50%;
  background-size: 20px 22px;
  padding-left: 24px;
  padding: 8px 10px 10px 36px;
  margin-left: 32px;
}

div.autocomplete-suggestion span.largearea{
  background: url("../image/icon-keisen-light.svg") no-repeat 0 50%;
  background-size: 20px 20px;
  padding-left: 24px;
  padding: 8px 10px 10px 36px;
  margin-left: 32px;
}

div.autocomplete-suggestion strong{
  font-weight: bold;
}

div.autocomplete-suggestion span.count{
  text-align: right;
  float: right;
  font-size: 11px;
  color: #666;
  margin-right: 8px;
}

div.autocomplete-suggestion.autocomplete-selected{
  background-color: #efefef;
  color: #666;
}


.monthly-calendar .calendar-inner{
  display: table-cell;
}

.monthly-calendar .calendar-inner:first-of-type{
  padding-right: 15px;
}

.monthly-calendar .calendar-inner:last-of-type{
  padding-left: 15px;

}
.monthly-calendar .calendar-inner:nth-of-type(2){
  border-left: 1px solid #efefef;
}

#calendar{
  position: absolute;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  text-align: left;
  z-index: 1000;
}

#calendar .controls a{
  cursor: pointer;
}

#calendar .controls .prev-month{
  float: left;
  margin-left: 5px;
}
#calendar .controls .next-month{
  float: right;
  margin-right: 5px;
}


#calendar .ui-datepicker.ui-widget.ui-widget-content{
  padding: 20px 25px;
  border: 1px solid #efefef;
  border-radius: 0;
}

#calendar .ui-datepicker-multi-2{
  width: 520px!important;
}

#calendar .ui-datepicker-multi-2 .ui-datepicker-group{
  width: 48%;
}

#calendar .ui-datepicker-group-first{
  margin-right: 20px;
}

#calendar .ui-widget{
  font-family: "銉掋儵銈儙瑙掋偞 Pro","Hiragino Kaku Gothic Pro","銉°偆銉偑",Meiryo,Osaka,"锛汲 锛般偞銈枫儍銈?,"MS PGothic","MS Gothic","锛汲 銈淬偡銉冦偗","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

#calendar .ui-datepicker .ui-widget-header{
  border: none;
  background: none;
}

#calendar .ui-datepicker .ui-datepicker-title{
  color: #333;
  margin-bottom: 10px;
  font-size: 16px;
}

#calendar .ui-datepicker .ui-widget-header .ui-icon{
  width: 16px;
  height: 16px;
  background-position: 0;
  background-size: 150%;
}

#calendar .ui-datepicker .ui-widget-header .ui-icon.ui-icon.ui-icon-circle-triangle-w{
  background-image: url('../image/relux-icon_icon-navigate-left.svg');
}

#calendar .ui-datepicker .ui-widget-header .ui-icon.ui-icon.ui-icon-circle-triangle-e{
  background-image: url('../image/relux-icon_icon-navigate-right.svg');
}

#calendar .ui-datepicker th{
  font-weight: normal;
}

#calendar .ui-datepicker tr{
  border-bottom: 1px solid #fff;
}

#calendar .ui-datepicker td{
  padding: 0;
}

#calendar .ui-datepicker .ui-state-default,
#calendar .ui-datepicker.ui-widget-content .ui-state-default,
#calendar .ui-datepicker .ui-widget-header .ui-state-default{
  border: none;
  background: none;
  width: 33px;
  height: 33px;
  line-height: 33px;
  padding: 0 2px 1px 0;
  text-align: center;
}

#calendar .ui-datepicker .ui-date-cell{
  background-color: #fff;
  font-size: 12px;
}

#calendar .ui-datepicker tr th:nth-child(6) span,
#calendar .ui-datepicker tr td:nth-child(6) .ui-state-default{
  color: #0066cc;
}

#calendar .ui-datepicker tr th:nth-child(7) span,
#calendar .ui-datepicker tr td:nth-child(7) .ui-state-default,
#calendar .ui-datepicker tr td.ui-holiday .ui-state-default{
  color: #cc0000;
}

#calendar .ui-date-cell.ui-checkin-date .ui-state-default,
#calendar .ui-date-cell.ui-checkout-date .ui-state-default{
  background-color: #0f0a64;
  color: #fff!important;
}

#calendar .ui-datepicker .ui-date-cell.ui-range .ui-state-default{
  background-color: #554B98;
  color: #fff!important;
}

#calendar .ui-widget-content .ui-checkin-date.ui-state-disabled{
  opacity: 1;
}