@charset "utf-8";
.search{
	background: url(../img/search/bg_search.png)no-repeat;
	width: 964px;
	height: 121px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;	
}
.plan_form{
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}

.plan_form img{
	position: relative;
	top:2px;
}
.plan_form .search_title{
	float: left;
	display: inline-block;
}
.plan_form .guests,
.plan_form .check_in{
	float: none;
	width: 540px;
	display: inline-block;
}
.plan_form .middle,
.plan_form .guests li,
.plan_form .check_in li{
	float: left;
}

.plan_form .search_btn{
	display: inline-block;
	position: relative;
	top:15px;
	width: 58px;
	height: 59px;
}

.plan_form .search_btn:hover{
	opacity: 0.7;
}



.plan_form .middle{
	width: 540px;
	padding-left: 20px;
}



/**plan_rss
*********************************/
.plan{
  padding-bottom: 60px;
  position: relative;
}
.plan_bn{
  float: right;
  position: absolute;
  top:8px;
  right:0;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
	.plan_bn{
	display: none;

	}
}

.plan_rss{
	width: 950px;
    margin: 60px auto 0;
    position: relative;
}

.plan_rss .ill{
	position: absolute;
}
.plan_rss .hana{
    top: -30px;
    left: -150px;
}
.plan .matu{
    top: 20px;
    left: 530px;
    background: url(../img/bg_na_20.jpg)no-repeat;
    width: 456px;
    height: 248px;
    position: absolute;
}
.plan_rss .mini,
.plan_rss h2{
	position: relative;
}

.plan_rss .mini{
	float: left;
	margin-right: 43px;
	background: rgba(255,255,255,0.6);
	border: solid 3px #fff;
	    min-height: 410px;
}
.plan_rss .mini:nth-child(4){
	animation-delay: .2s;
}
.plan_rss .mini:nth-child(5){
	animation-delay: .4s;
}
.plan_rss .mini:nth-child(6){
	margin-right: 0px;
	animation-delay: .6s;
}
.plan_rss h4{
	margin: 10px 15px 0;
}
.plan_rss h4 a:hover{
	/*display: inline-block;
	border-bottom: solid 1px #799118;*/
	text-decoration:underline;
	text-decoration-color: #799118;
	padding-bottom: 2px;
	
}

.plan_rss .minileft,
.plan_rss .miniright{
	width: 280px;
}
.plan_rss .miniright img{
	width: 280px;
	height: 210px;
	overflow: hidden;

}
.plan_rss .miniright:hover img{
	opacity: 0.7;
}
.plan_rss .bt a{
	margin: 15px auto;
	width: 159px;
	height: 53px;
	display: table;
	transition: none;
}
.plan_rss .bt:hover a{
	text-indent: -9999px;
	background: url(../img/bt_linck_on.png)no-repeat;
	transition: none;
}















/*==================================================================================================

       空室検索

===================================================================================================*/



            
        @media only screen and (max-width: 1024px){
        .search{ background:none; width:100%; height:auto; padding: 15px; position: relative; z-index: 1; }
        .search:after { content:""; display: block; position: absolute; top:0; left:0; width:100%; height: 100%; background: url("../img/search/bg_search-sp.png") repeat; -webkit-box-shadow:0px 5px 8px rgba(0,0,0,.3); box-shadow:0px 5px 8px rgba(0,0,0,.3); z-index: -1;}
        .plan_form { width:620px; }
        .plan_form .search_title { float: none; display: block; text-align: center; width:100%; padding-bottom:1rem; padding-top:1rem;}
        .plan_rss{ width:100%; overflow: hidden; }
        .plan_rss .mini { margin:0 2.2916666%; width:28.75%;}
        .plan_rss .minileft, .plan_rss .miniright { width: 100%;}
        }
        @media only screen and (max-width: 767px){
        .plan_form { width:300px; }
        .plan_form .middle { float:none; width:100%; }
        .plan_form .guests, .plan_form .check_in { width:auto; }
        .plan_form input,.plan_form select { padding:.75rem .5rem; margin-top:.5rem; }
        .check_in li:nth-child(2) input { margin-left:1rem; width:30px;height:30px; margin-top:1rem; }
        .plan_form .search_btn { width:100%; top:0; height: auto; display: block; text-align: center;}
        .plan_rss .mini { margin:0 auto 1rem auto!important; width:300px; float:none; }
        .plan_rss .miniright img { width:100%; }
        }