@charset "UTF-8";

/* -----------------------------------------------------------
　https://www.jalan.net/theme/common/css/map_sprite.css
----------------------------------------------------------- */
/* 日付入力 */
.jlnpc-top__date-values { display: none; }
.jlnpc-top__date-picker { position: relative; }
.jlnpc-top__date-picker input { cursor: pointer; width: 190px; padding: 3px 6px; border: #ccc 1px solid; color: #333; line-height: 20px !important; text-align: left !important; font-size: 14px; }
.jlnpc-top__date-picker .icon { cursor: pointer; position: absolute; top: 3px; right: 3px; overflow: hidden; display: inline-block; width: 26px; height: 21px; background: url("/theme/common/images/calendar_icon.gif") no-repeat; color: transparent; font: 0/0 a; text-shadow: none; }
.jlnpc-top__date-picker--disabled input { background-color: #eee; color: #666; }
.jlnpc-top__search-jalan .item__datecheck { margin-left: 5px; }
#main .jlnpc-top__calendar { z-index: 2000; }
#calBox { width: 0; height: 0; }
#calBox .dyn_cal .dyn_cal_tbl { margin: 0 10px; }
.jlnpc-top__calendar #calBox > table { order-collapse: collapse;  /* IE で空白が少し出るのを修正 */ }
.jlnpc-top__calendar .dyn_cal { top: -51px; left: 150px; margin-top: 0; position: relative; width: 430px; }
.searchtitle { background-color: #AE882A; color: #ffffff; font-weight: bold; padding: 3px; line-height: 1.3; }
.searchPanelarea #searchBox_date .item.item__datecheck { margin-right: 10px; }
.searchPanelarea #searchBox_date .item.datecheck-column { margin-top: 3px; }
#searchBox_date select { border: 1px solid #a9a9a9; line-height: 28px; height: 28px; font-size: 14px; }
.searchPanelarea #searchBox_date .number img { margin: 7px 5px 4px 0; }
.searchPanelarea #searchBox_date .number p#adultnum-text, .searchPanelarea #searchBox_date .number p#childnum { margin-left: 10px; margin-top:0; }
#dateLine2 { padding-top: 5px; }
.ssc_area img { margin-top: 5px; }
.searchPanelarea #searchBox_date #dateLine2 p { margin-top: 0; }
.searchPanelarea #searchBox_date select#dyn_stay_txt, .searchPanelarea #searchBox_date #room-num select#dyn_room_num, #dyn_adult_num { width: 45px; }
.search-panel .column {
  margin-right: 10px;
  display: flex;
}
.ssc_area { float: left; margin: 0; padding: 0; width: 210px; }
.searchPanelarea #searchBox_date { height: 150px; _height:160px; margin: 10px 0 0 0; }
*:first-child+html .searchPanelarea #searchBox_date { height: 160px; }
#dateLine2 .button { margin: 10px auto; width: 177px; }
#dateLine2 p { float: left; }
.ssc_area img { float: left; margin-right: 5px; }
.searchPanelarea #searchBox_date .item{ margin-left:10px;}
.searchPanelarea #searchBox_date .number p.caption{ margin-left:10px !important;}
.searchPanelarea #searchBox_date p{ line-height: 28px; font-weight: bold; }
.searchPanelarea #searchBox_date #kodawari input{ margin:5px 3px 7px 10px;}
.searchPanelarea #dyn_badget_min, .searchPanelarea #dyn_badget_max{ width:140px; }

/* -----------------------------------------------------------
　検索パネル
----------------------------------------------------------- */
.searcharea {
  margin: 0px auto!important;
  background: #ffffff none repeat scroll 0 0;
  padding: 0;
  margin: 0 auto !important;
  /* width: 740px; */
  width: 950px;
  border: 5px solid #e34c10;
  line-height: 1.3;
  font-size: 12px;
}
.searcharea {
  padding: 40px 0;
}
.searchPanelarea {
  width: 710px;
  border: none;
  margin: 0 auto;
}
.searchPanelarea #searchBox_date .item {
  /* margin: 0 !important; */
  float: none;
}
.searchPanelarea #searchBox_date .item input {
  height: 25px;
}
.searchPanelarea #searchBox_date .item.datecheck-column {
  margin: 1px 0 !important;
}
.searchPanelarea #searchBox_date .number {
  margin-left: 15px !important;
}
.searchPanelarea #searchBox_date #room-num {
  margin-left: 0 !important;
}
#dyn_adult_num {
  visibility: visible !important;
}
.titleRadiusRB {
  background: #228eda none repeat scroll 0 0;
  padding: 0 15px 0 10px !important;
}
#adultnum-text {
  margin: 0 !important;
}
.searchPanelarea #searchBox_date {
  height: auto;
}
.searchPanelarea #searchBox_date .number img {
  margin-top: 8px !important;
}
.searchPanelarea #searchBox_date .number p#childnum {
  margin: 0;
}
.searchPanelarea #searchBox_date #dateLine1 .search-panel{
  display: flex;
  justify-content: center;
}
#dateLine2 {
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
#dateLine2 .button {
  /*  margin-left: 250px !important;*/
  margin: 15px auto !important;
  text-align: center;
  width: auto;
  text-indent: -20px;
}
/*
.select_todofuken, .select_area {
  float: left;
}
*/
.searchPanelarea #searchBox_date #dateLine2 .select_todofuken,
.searchPanelarea #searchBox_date #dateLine2 .select_area{
  display: flex;
}
.select_area {
  margin-bottom: 5px;
}
.select_todofuken select, .select_area select {
  margin: 0 10px !important;
  visibility: visible !important;
}
.select_area select {
  width: 350px !important;
}
.select_yosan {
  clear: both;
}
.select_yosan p {
  margin-right: 10px;
}
.select_yosan select {
  width: 150px !important;
  visibility: visible !important;
}
.check_kodawari {
  margin-top: 5px;
}
.check_kodawari p {
  margin-right: 10px;
}
.kodawari label {
  margin-right: 15px;
}
.kodawari input, .kodawari label, #research {
  cursor: pointer;
}
#research {
  margin: 5px 140px 0 !important;
}
.jlnpc-top__calendar .dyn_cal {
  top: -120px;
}
.yadoCalender .dyn_cal {
  margin-top: 244px;
  left: -350px !important;
}
.mapAreaOuter {
  margin: 40px auto 0;
  width: 740px;
  border: solid 2px #e0dbd6;
  padding: 0 0 5px;
}
#mapArea .koshinetsu dl, #mapArea .hokuriku dl, #mapArea .tohoku dl, #mapArea .kitakanto dl, #mapArea .shutoken dl, #mapArea .sanyo-sanin dl, #mapArea .kyushu dl {
  padding-top: 5px !important;
}
#mapArea .kinki dl, #mapArea .shikoku dl {
  padding-top: 18px !important;
}
#mapArea .tohoku {
  top: 115px;
  right: 50px;
}
#mapArea .kitakanto {
  top: 200px;
  right: 50px;
}
#mapArea .shutoken {
  top: 270px;
  right: 50px;
}