@charset "UTF-8";

/*.plan_rss*/
.plan_rss{display:flex; flex-wrap:wrap; justify-content:space-between; width:962px; margin:0 auto; box-sizing:border-box; height:auto;}
.plan_rss .mini{width:308px; padding:0px; display:flex; flex-wrap:wrap;}
.plan_rss .mini .plan_img{width:100%; order:1; box-sizing:border-box;}
.plan_rss .mini .plan_img a{display:block; margin-bottom:5px;}
.plan_rss .mini .plan_img a img{display:block; width:100%; height:auto;}
.plan_rss .mini .plan_text{width:100%; text-align:left; order:2;}
.plan_rss .mini .plan_text h3 a{text-align:justify;}
.plan_rss .mini .plan_text, 
.plan_rss .mini .plan_text h3,
.plan_rss .mini .plan_text h3 a{line-height:117%;}
@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%; padding:0; margin-bottom:40px;}	
	.plan_rss .mini:last-of-type{margin-bottom:0;}
	.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: 1199px) {
	.plan_rss{display:flex; flex-wrap:wrap; justify-content:space-around; width:100%; padding:0;}
	.plan_rss .mini{width:48%; margin-bottom:40px;}
	.plan_rss .mini:last-of-type{margin-bottom:0;}
}
@media (min-width: 1200px) {
	.plan_rss{display:flex; flex-wrap:wrap; justify-content:space-between; width:962px;margin:0 auto;}
	.plan_rss .mini{width:300px; padding:0px; display:flex; flex-wrap:wrap;}	
}

/* 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;}
input[type="radio"]{display:none;}
input[type="radio"]:checked + label{background:#ff0000;}

/*.search*/
.search{width:100%; height:auto; overflow:hidden; box-sizing:border-box; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; background:url("../img/parts/bg02.png") center center;}
.search_title{width:100%; height:auto; overflow:hidden; box-sizing:border-box; width:146px; background:url("../img/index/search_title_bg.png") no-repeat center left; padding-left:30px;}
.search_title h2{font-size:19px; color:#fefcfa; font-weight:normal; letter-spacing:0.1em;}
.search_title h2 .small{display:block; font-size:12px; letter-spacing:0.1em;}

.plan_form{width:100%; height:auto; overflow:hidden; box-sizing:border-box;}
.plan_form form{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.plan_form form .form_box{width:auto; height:auto; overflow:hidden; box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
.plan_form form .search_btn{width:140px; height:50px; box-sizing:border-box; border:1px solid #fefcfa; background:url(../img/index/search_btn.png) no-repeat center center / cover; transition:all 0.5s ease;}
.plan_form form .search_btn:hover{opacity:0.8; transition:all 0.5s ease;}
.plan_form form .search_btn .btn{width:140px; height:50px;}
@media only screen and (max-width:1199px) {
	.search{padding:30px 0; background-size:50%;}
	.search_title{margin:0 auto 20px;}
	.plan_form form .form_box{padding-top:20px; border-top:1px dotted #fefcfa; margin-bottom:15px;}
	.plan_form form .search_btn{margin:0 auto;}
}
@media only screen and (min-width:1200px) {
	.search{width:962px; padding:16px 0 16px 14px;}
	.plan_form{width:802px;}
	.plan_form form .form_box{width:600px; border-left:1px dotted #c4b1ab; box-sizing:border-box; padding:16px 0 16px 19px;}
	.plan_form form .search_btn{margin-right:26px;}
}

.plan_form p.title, .plan_form span{color:#fefcfa;}
.plan_form p.title{font-size:13px; margin-right:10px; letter-spacing:0;}
.plan_form span{margin-right:3px; margin-left:3px; font-size:11px;}
.plan_form p.title small{font-size:12px; color:#fefcfa;}

.plan_form input,.plan_form select{font-size:13px;}

.form_box .form_box_com{display:inline-block; width:auto; height:auto; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}

.plan_form select{border-radius:1px; background:#fff; box-sizing:border-box; width:90px; padding:2px 5px;}
.plan_form #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;}
@media only screen and (max-width:575px) {
	.plan_form form{widith:100%; padding:0 20px; margin:0 auto;}
	.form_box .check_in{width:auto; margin-right:20px;}
	.form_box .undecided{width:auto;}
	.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:767px) {	
	.plan_form form{widith:100%; padding:0 20px; margin:0 auto;}
	.form_box .check_in{width:230px;}
	.form_box .undecided{width:auto;}
	.form_box .guests{width:230px;}
	.form_box .type{width:260px;}
	.form_box .price{width:auto;}	
}
@media only screen and (min-width:768px) and (max-width:1199px) {
	.plan_form form{widith:100%; padding:0 50px; margin:0 auto;}
	.form_box .check_in{width:230px;}
	.form_box .undecided{width:190px;}
	.form_box .guests{width:230px;}
	.form_box .type{width:280px;}
	.form_box .price{width:auto;}
}
@media only screen and (max-width:1199px) {
	.form_box .form_box_com{margin-bottom:15px;}
}
@media only screen and (min-width:1200px) {
	.form_box .check_in{margin-right:20px; margin-bottom:6px;}
	.form_box .undecided{margin-right:20px; margin-bottom:10px;}
	.form_box .guests{margin-bottom:10px;}
	.form_box .type{margin-right:20px;}
	.form_box .price{}
}