@charset "UTF-8";

*{margin:0;padding:0;}
*{ box-sizing: border-box; }

.dyn_area_list {position:absolute; background:#fbf5e1; padding:10px; border:1px solid #d3c9b0; display:none;z-index:201;}
.dyn_area_list div{margin:3px 0;}
.dyn_area_list img{margin-bottom:2px;}
.dyn_area_list a{ color:#303030; text-decoration:none !important;}
.dyn_area_list a:link { color:#303030; text-decoration:none !important;}
.dyn_area_list a:visited { color:#303030; text-decoration:none !important;}
.dyn_area_list a:hover { color:#303030; text-decoration:none !important;}
.dyn_area_cont {float:left;}
.dyn_area_tbl td{padding:0 0 0 3px !important;}
.dyn_area_list .close_btn {text-align:center; margin-top:10px;}

.dyn_cal {position:absolute; margin-top:3px; background:#fbf5e1; padding:10px; border:1px solid #d3c9b0; display:none;z-index:200;}
.dyn_cal_tbl th {font-size:12px; !important; font-weight:bold; padding-bottom:5px;}
.dyn_cal_tbl td {font-size:12px; !important; text-align:right; padding:0 3px;}
.dyn_cal_tbl td a{color:#333; text-decoration:none !important;}
.dyn_cal_tbl td a:link{text-decoration:none !important;}
.dyn_cal_tbl td a:visited{color:#333; text-decoration:none !important;}
.dyn_cal_tbl td a:active{color:#333; text-decoration:none !important;}
.dyn_cal_tbl td a:hover{color:#333; text-decoration:underline !important;}
.dyn_cal img {border:none;}

.dyn_cal_tbl td.dyn_sutarday a{color:#1b47ff; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sutarday a:link{text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sutarday a:visited{color:#1b47ff; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sutarday a:active{color:#1b47ff; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sutarday a:hover{color:#1b47ff; text-decoration:underline !important;}
.dyn_cal_tbl td.dyn_sunday a{color:#f00; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sunday a:link{text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sunday a:visited{color:#f00; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sunday a:active{color:#f00; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sunday a:hover{color:#f00; text-decoration:underline !important;}
.dyn_cal_tbl td.dyn_disable {color:#aaa !important; text-decoration:line-through !important;}

.dyn_cal .dyn_cal_arrow {vertical-align:middle;width:20px; font-size:12px; !important;}
.dyn_cal .dyn_cal_arrow a{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_arrow a:link{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_arrow a:visited{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_arrow a:active{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_arrow a:hover{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_close{font-size:12px; !important; text-align:center; padding-top:5px;}
.dyn_cal .dyn_cal_close a{color:#333; text-decoration:none !important;}
.dyn_cal .dyn_cal_close a:link{color:#333; text-decoration:none !important;}
.dyn_cal .dyn_cal_close a:visited{color:#333; text-decoration:none !important;}
.dyn_cal .dyn_cal_close a:active{color:#333; text-decoration:none !important;}
.dyn_cal .dyn_cal_close a:hover{color:#333; text-decoration:none !important;}

#dyn_more_spec {display:none;}
#dyn_spec_btn {text-align:right; padding-right:5px;}
#dyn_stay_txt option {padding:0 3px;}
a#dyn_kodawari_txt:visited{color:#1b47ff !important;}
#dyn_child_num_txt_id1 {color:#1b47ff !important;}
#dyn_child_num_txt_id2 {color:#1b47ff !important;}

#dyn-place-example{z-index:300;}
#dyn-place-example .placeexample{margin:5px 0;}
#dyn-place-example .placeexample a{color:#1b47ff; text-decoration:underline;}

#dyn-place-example .dyn-place-example-close{font-size:12px; !important; text-align:center; margin:5px 0 0 0;}
#dyn-place-example .dyn-place-example-close a{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close a:link{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close a:visited{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close a:active{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close a:hover{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close img{border:none;}

/* 部屋割り設定パネル */
div#roompanel-block{
	width: 520px;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 15000;
}
div#roompanel-block form#roompanel{
	padding: 0px 8px 8px 8px;
	background: #FBF5E1;
	border: #D3C9B0 2px solid;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 20000;
}
div#roompanel-block form#roompanel select{
	height: 21px;
	border: 1px #999999 solid;
	background-color: #ffffff;
}
div#roompanel-block form#roompanel div.row{
	margin: 8px 0px 0px 0px;
}
div#roompanel-block form#roompanel div.row p{
	margin: 0px 0px 4px 0px;
	text-align: left;
}
div#roompanel-block form#roompanel div.row table tr td table{
	padding: 0px;
	background: #F8ECC2;
	border-left: #D3C9B0 1px solid;
	border-top: #D3C9B0 1px solid;
	border-collapse:collapse;
}
div#roompanel-block form#roompanel div.row table tr td table th{
	padding: 2px;
	background: #EBDEBA;
	border-right: #D3C9B0 1px solid;
	border-bottom: #D3C9B0 1px solid;
	vertical-align: middle;
	text-align: center;
}
div#roompanel-block form#roompanel div.row table tr td table td{
	padding: 0px 5px 5px 5px;
	width: 80px;
	height: 45px;
	border-right: #D3C9B0 1px solid;
	border-bottom: #D3C9B0 1px solid;
	vertical-align: bottom;
	text-align: center;
	white-space: nowrap;
}
div#roompanel-block form#roompanel div.row table tr td table td img{
	vertical-align: bottom;
}
div#roompanel-block form#roompanel div.row table tr td table td select{
	margin: 0px 2px 0px 0px;
	width: 40px;
	vertical-align: top;
}
div#roompanel-block form#roompanel div.row table tr td table td span{
	font-size: 11px;
	white-space: nowrap;
}
div#roompanel-block form#roompanel div.row table tr td table.child{
	margin: 0px 0px 0px 10px;
}
div#roompanel-block form#roompanel p#panel-close-btn{
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	text-align: center;
}
div#roompanel-block form#roompanel p#panel-close-btn a{
	text-decoration: none !important;
	color: #333333;
}

/* 日付入力 */
.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 { border-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 { float: left; margin-right: 10px; }
.ssc_area { float: left; margin: 0; padding: 0; width: 210px; }
.searchPanelarea #searchBox_date { height: 150px; _height:160px; margin: 10px 0 0 10px; }
*: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: 180px auto 60px;
  padding: 0;
  width: 950px;
  position: relative;
}
.searchPanelarea {
  width: 950px;
  padding: 40px 0 10px 0;
  text-align: left;
  box-sizing: border-box;
  border-radius: 6px;
  font-family: 'メイリオ','ヒラギノ角ゴ Pro W3',Meiryo,'ＭＳ Ｐゴシック',MS PGothic,sans-serif;
  height: 270px;
}
.searchPanelarea form {
  width: 750px;
  margin: 0 auto;
}
.titleRadiusRB {
  background: #800d0d;
  color: #ffffff;
  padding-left: 15px;
}
#dateLine2 .button {
  /*  margin-left: 250px !important;*/
  margin: 10px 0 !important;
  text-align: center;
  width: auto;
  text-indent: -20px;
}
.jlnpc-top__calendar .dyn_cal {
  /* top: -120px; */
  top: -250px!important;
}
.jlnpc-top__calendar .dyn_cal table{
  margin:0 auto;
}
.jlnpc-top__date-picker .icon {
  right: 5px;
}
#kodawari label, #kodawari input {
  cursor: pointer;
}
.select_todofuken, .select_area {
  float: left;
}
.button {
  /*  margin-left: 250px !important;*/
  margin:15px auto!important;
  text-align: center;
  width: auto;
  text-indent: -20px;
}
.searchPanelarea #searchBox_date{
  height:initial;
}
.searchPanelarea #searchBox_date .item {
  margin-left: 0;
}
.searchPanelarea #searchBox_date #dateLine2 .select_area{
  margin-left:20px;
}
.searchPanelarea #searchBox_date #dateLine2 .select_area select {
  margin: 0 0 4px 4px;
}
.searcharea span{
	font-weight:bold;
}

/* IE */
_:-ms-input-placeholder, :root .searchPanelarea {
	height: 270px
}
@media screen\0 {
  .searchPanelarea {
    height: 270px
  }
}