﻿/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"]{border-radius:0; -webkit-box-sizing:content-box; -webkit-appearance:button; appearance:button; border:none; box-sizing:border-box; cursor:pointer;}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration{display:none;}
input[type="submit"]::focus, input[type="button"]::focus{outline-offset:-2px;}
select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; outline:none; background:transparent;}
button, input[type="submit"]{-webkit-appearance:none; -moz-appearance:none; appearance:none; padding:0; border:none; outline:none; background:transparent;}

/*.search*/
.search_wrap{width:100%; height:auto; margin:0 auto; padding-left:15px; padding-right:15px; box-sizing:border-box; position:relative; background:#ebe4ce;}
@media only screen and (max-width:575px){
	.search_wrap{padding-left:0; padding-right:0;}	
}
@media only screen and (min-width:576px) and (max-width:991px){
	.search_wrap{padding-left:0; padding-right:0;}	
}
@media only screen and (min-width:992px) and (max-width:1199px){
	.search_wrap{padding-left:0; padding-right:0;}	
}

.search{width:100%; height:auto; margin:0 auto; box-sizing:border-box; display:flex;}
.search_title{width:100%; height:auto; display:flex; align-items:center; box-sizing:border-box;}
.search_title h2{width:100%;}
.plan_form{width:100%; height:auto;}
.plan_form form{display:flex;}
.form_box{width:auto; height:auto; box-sizing:border-box; display:flex; flex-wrap:wrap;}
.search_btn{box-sizing:border-box; background:url("../img/parts/search_bt.svg") no-repeat center center / cover, rgba(255,255,255,1); transition:all 0.5s ease; border-radius:6px;}
.search_btn:hover{background:url("../img/parts/search_bt.svg") no-repeat center center / cover, rgba(255,255,255,.8);}
@media only screen and (max-width:1249px){
	.search_btn,
	.search_btn .btn{width:126px; height:41px;}
}
@media only screen and (min-width:1250px){
	.search_btn,
	.search_btn .btn{width:140px; height:45px;}
}
@media only screen and (max-width:399px){
	.search{padding:30px 15px 40px;}
}
@media only screen and (min-width:400px) and (max-width:1099px){
	.search{padding:30px 30px 40px;}
}
@media only screen and (max-width:991px){
	.search{flex-direction:column; align-items:center;}
	.plan_form form{flex-direction:column;}
	.search_title{margin:0 auto 20px;}
	.search_title h2{margin:0 auto;}
	.search_title h2 img{max-width:100%;}
	.form_box{padding-top:20px; border-top:1px solid #555; margin-bottom:15px; justify-content:flex-start;}
	.search_btn{margin:0 auto;}
}
@media only screen and (max-width:991px){
	.search_title h2{width:159px; height:41px;}
}
@media only screen and (min-width:992px){
	.search{width:962px; padding:16px 20px 16px; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
	.search_title{width:159px; height:41px;}
	.search_title h2{justify-content:flex-start; width:inherit; height:inherit;}
	.plan_form{width:745px; height:84px; display:flex; align-items:center; justify-content:space-between; border-left:1px solid #555;}
	.plan_form form{flex-wrap:nowrap; justify-content:space-between; align-items:center;}
	.form_box{width:590px; box-sizing:border-box; padding:0 0 0 39px; justify-content:flex-start;}
}
@media only screen and (min-width:1200px){
	.search{width:1000px; padding:15px 0 15px;}
	.search_title{width:199px; height:51px;}
	.plan_form{width:765px; height:84px;}
	.form_box{width:625px; padding:0 0 0 45px;}
}
.form_box p.title, .plan_form span{color:#222;}
.form_box p.title{letter-spacing:0;}
.form_box span{margin-right:3px; margin-left:3px; font-size:11px;}
.form_box input,.plan_form select{font-size:13px;}
.form_box .form_box_com{width:auto; height:auto; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
.form_box select{border-radius:1px; background:#fff; box-sizing:border-box; width:90px; padding:2px 5px;}
.form_box #datepicker, .plan_form select{vertical-align:middle; width:90px; height:28px; border:1px solid #999; border-radius:0;}
.form_box .option-input{border-radius:0; background:#fff; border:1px solid #999; margin-top:2px}
@media only screen and (max-width:575px){
	.form_box p.title{width:95px;}
	.form_box .check_in{width:100%;}
	.form_box .undecided{width:100%;}
	.form_box .guests{width:100%;}
	.form_box .type{width:100%;}
	.form_box .price{width:100%;}
}
@media only screen and (min-width:576px) and (max-width:991px){
	.form_box p.title{margin-right:10px;}
	.form_box .check_in{width:auto; margin-right:20px;}
	.form_box .undecided{width:auto; margin-right:40px;}
	.form_box .guests{width:auto; margin-right:40px;}
	.form_box .type{width:auto; margin-right:40px;}
	.form_box .price{width:auto;}	
}
@media only screen and (min-width:576px) and (max-width:767px){
	.form_box{padding-left:70px; padding-right:70px;}
}
@media only screen and (min-width:768px) and (max-width:991px){
	.form_box{padding-left:100px; padding-right:100px;}
}
@media only screen and (max-width:991px){
	.form_box p.title{font-size:15px;}
	.form_box .form_box_com{margin-bottom:15px;}
}
@media only screen and (min-width:992px){
	.form_box p.title{font-size:16px; margin-right:10px;}
	.form_box .check_in{margin-right:20px; margin-bottom:6px;}
	.form_box .undecided{margin-right:77px; margin-bottom:10px;}
	.form_box .guests{margin-bottom:10px;}
	.form_box .type{margin-right:77px;}
}
@media only screen and (min-width:1250px){
	.form_box p.title{font-size:16.5px;}
}

/*.plan_rss*/	
.plan_rss{display:flex; flex-wrap:wrap; justify-content:space-between; width:962px; margin-right:auto; margin-left:auto; box-sizing:border-box; height:auto; position:relative;}
.plan_rss .mini{padding:0px; display:flex; flex-wrap:wrap; box-sizing:border-box;}
.plan_rss .mini .plan_img{width:100%; order:1; box-sizing:border-box; margin-bottom:8px;}
.plan_rss .mini .plan_img a{display:block;}
.plan_rss .mini .plan_img a img{display:block; width:100%; height:auto;}
.plan_rss .mini .plan_text{width:100%; order:2; box-sizing:border-box;}
.plan_rss .mini .plan_text, 
.plan_rss .mini .plan_text h3,
.plan_rss .mini .plan_text h3 a{line-height:130%; text-align:justify; font-size:16px; color:#222;}
@media only screen and (max-width:767px){
	.plan_rss{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
	.plan_rss .mini{width:100%; margin-bottom:30px;}	
	.plan_rss .mini:nth-of-type(3){margin-bottom:0!important;}
	.plan_rss .mini .plan_img img{display:block; width:100%; height:auto;}
	.plan_rss .mini .plan_text{text-align:left;}
}
@media (min-width:768px) and (max-width:991px){
	.plan_rss{display:flex; flex-wrap:wrap; justify-content:center; width:100%;}
	.plan_rss .mini{width:48%; margin-bottom:30px;}
	.plan_rss .mini:nth-of-type(1){margin-right:4%;}
	.plan_rss .mini:last-of-type{margin-bottom:0;}
}
@media (min-width:992px){
	.plan_rss{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
	.plan_rss .mini{width:31.5%; padding:0px; display:flex; flex-wrap:wrap;}	
}
@media (min-width:1250px){
	.plan_rss{width:1200px;}
	.plan_rss .mini .plan_text h3 a{font-size:18px;}
}
