#h_warp{
	position: relative;
}
#logo{
	width: 150px;
	margin: 5px auto;
}
#logo h1 img{
	display: block;
}
#h_warp .icon_menu{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 40px;
}
#h_warp .icon_search{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
}
#h_warp .icon_menu button,
#h_warp .icon_search button{
	display: block;
	width: 100%;
	border: 0;
	padding: 0;
	background: transparent;
}

/*サイドバー　検索部分*/
aside#search{
	position: fixed;
	display:none;
	width: 100%;
	top: 62.5px;
	left: 0px;
	border: 5px solid #DFDFDF;
	padding: 10px;
	background: rgba(255,255,255,0.97);
	z-index: 999;
}
#hotel aside#search{
	top: 106.5px;
}
#keyword_warp{
	border-bottom: 1px solid #989B9D;
	padding: 5px 5px 5px 30px;
	background: url(../icons/icon_map_g.png) left center no-repeat;
	background-size: 20px;
}
#keyword_warp :placeholder-shown{
	color:#4CAF50;
}
#keyword_warp ::-webkit-input-placeholder{
	color:#4CAF50;
}
#keyword_warp :-moz-placeholder{
	color:#4CAF50;
	opacity: 1;
}
#keyword_warp ::-moz-placeholder{
	color:#4CAF50;
	opacity: 1;
}
#keyword_warp :-ms-input-placeholder{
	color:#4CAF50;
}
#checkindate_warp{
	border-bottom: 1px solid #989B9D;
	padding: 5px 5px 5px 30px;
	background: url(../icons/icon_calendar_g.png) left center no-repeat;
	background-size: 20px;
}
#keyword_warp input,#checkindate_warp select{
	width: 100%;
	padding: 5px;
	color:#212121;
}
#checkindate_warp select.none{
	display: none;
	width: 0%;
}
#checkindate_warp select.single{
	width: 100%;
}
#checkindate_warp select.double{
	display: block;
	float: left;
	width: 50%;
}
#checkindate_warp select#month{
	border-right: 0px none;
	overflow: visible;
}
#checkindate_warp select#day{
	border-left: 0px none;
}
aside#search input.btn_green{
	margin: 10px auto;
}
aside#search a.btn_gray{
	width: 220px;
	font-size: 0.9rem;
	margin: 10px auto;
}


/*サイドバー　メニュー部分*/
aside#sidebar{
  position: fixed;
  top: 0;
  left: -300px;
  width: 300px;
  height: 100%;
  padding-top: 10px;
  z-index: 999;
  overflow-y: scroll;
  background: #F2F2F0;
}
#peke{
  display: block;
  width: 130px;
  margin: 5px;
  background: url(../icons/icon_peke.png) left center no-repeat;
  background-size: 20px 20px;
  padding: 12px 25px 10px;
}
aside#sidebar .box{
	background: #FFF;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
aside#sidebar .box h2{
	color: #212121;
	border-bottom: 1px dotted #03a9f4;
	font-size: 1.1rem;
	padding: 10px;
}
aside #bn.box {
	padding: 10px;
}
aside #bn img{
	display: block;
	width: 100%;
}
#refine li{
	padding-left: 10px;
	border-bottom: 1px solid #BDBDBD;
}
#refine li a{
	display: block;
	padding: 8px 8px 8px 24px;
	color: #212121;
	background: url(../icons/icon_check_blue.png) left center no-repeat;
	background-size: 15px;
}
#refine li a:hover {
	background: url(../icons/icon_check_blue.png) left center no-repeat,#eaffe5;
	background-size: 15px;
}
#side_contents{
	border-top: 1px solid #C8E6C9;
	padding-top: 10px;
}
#side_contents li.bg1 a{
	background: url(../icons/icon_concierge.png) left center no-repeat;
	background-size: 20px;
}
#side_contents li.bg2 a{
	background: url(../icons/icon_history.png) left center no-repeat;
	background-size: 20px;
}
#side_contents li.bg3 a{
	background: url(../icons/icon_campaign.png) left center no-repeat;
	background-size: 20px;
}
#side_contents li.bg4 a{
	background: url(../icons/icon_tieup.png) left center no-repeat;
	background-size: 20px;
}
#side_contents li.bg5 a{
	background: url(../icons/icon_plus.png) left center no-repeat;
	background-size: 20px;
}
#side_contents li{
	padding-left: 10px;
	border-bottom: 1px solid #BDBDBD;
}
#side_contents li a{
	display: block;
	padding: 8px 8px 8px 30px;
}


@media screen and (min-width: 992px){
	#h_warp .icon_menu{
		display: none;
	}
	#h_warp .icon_search{
		display: none;
	}

	/*サイドバー　検索部分*/
	#column2 {
		width: 960px;
		margin: 0px auto;
	}
	aside#search,
	aside#sidebar{
		position: static;
		display:block;
		width: 300px;
		margin: 0 20px 20px 0;
		float: left;
	}
	#column2 main{
		float: right;
		width: 600px;
	}
	aside#search .btn_gray.icon_search{
		display: none;
	}
}

@media screen and (min-width: 1024px){
	/*サイドバー　検索部分*/
	#column2 {
		width: 1024px;
	}
	#column2 main{
		width: 640px;
	}
	#peke{
		display: none;
	}
}

@media screen and (min-width: 1280px){
	/*サイドバー　検索部分*/
	#column2 {
		width: 1280px;
	}
	#column2 main{
		width: 960px;
	}
}