﻿/* 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{width:100%; box-sizing:border-box; margin-left:auto; margin-right:auto;}
.form_parts{display:flex; flex-wrap:wrap; justify-content:space-between; box-sizing:border-box;}
.form_parts_com{display:flex;}
.form_parts .ti,
.form_parts p{letter-spacing:0; font-size:clamp(0.938rem, 0.908rem + 0.08vw, 1rem);}
.form_parts_com .ti{margin-bottom:.2em;}
.form_parts .undecided .ti{margin-bottom:.5em;}
.form_parts span{margin-right:5px; margin-left:5px; font-size:11px;}
.form_parts .check_in,
.form_parts .undecided,
.form_parts .guests,
.form_parts .type{flex-direction:column; align-items:center;}
.form_parts .price{flex-direction:column; align-items:center;}
.form_parts .price_wrap{display:flex; justify-content:space-between; align-items:center;}
.form_parts #datepicker,
.form_parts select{vertical-align:middle; border:1px solid #bbbbbb; border-radius:3px; box-sizing:border-box; background:#fff;
				   width:100%; font-size:16px;}
.form_parts .option-input{width:18px; height:18px; border:none!important;}
.form_btn{background:#839b5c; transition:all 0.3s ease; box-sizing:border-box; border-radius:3px; overflow:hidden; position:relative;}
.form_btn .inner{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; align-items:center; pointer-events:none;}
.form_btn .inner .main{white-space:nowrap; font-size:clamp(0.938rem, 0.879rem + 0.16vw, 1.063rem); transition:all 0.3s ease; color:#fff;}
@media only screen and (min-width:768px) and (max-width:1023px){
	.form_parts{padding:0 80px;}
}
@media only screen and (max-width:1023px){
	.search{flex-direction:column; padding:32px clamp(2rem, -1.866rem + 10.74vw, 5rem);}
	.form_line{display:none;}
	.form_parts_com{margin-bottom:1em;}
	.form_parts .check_in,
	.form_parts .undecided,
	.form_parts .guests,
	.form_parts .type{width:47%;}
	.form_parts .price{width:100%; margin-bottom:2em;}
	.form_parts .price_wrap{width:100%;}
	.form_parts .price select{width:47%;}
	.form_parts #datepicker,
	.form_parts select{padding:10px 10px;}
	.form_parts #datepicker{padding:9px 10px!important;}
	.form_btn,
	.form_btn .btn{width:160px; height:46px; margin-left:auto; margin-right:auto;}
}
@media only screen and (min-width:1024px){
	.search{width:960px; padding:clamp(1.875rem, 1.548rem + 0.51vw, 2.125rem) 0;}
	.form_parts #datepicker,
	.form_parts select{padding:4px 10px;}
	.form_parts #datepicker{padding:3px 10px!important;}
	.form_btn,
	.form_btn .btn{width:150px; height:58px;}
	.form_btn{align-self:center;}
}

/*.plan_rss*/
.plan_rss_lead{display:flex; position:relative;}					
.plan_rss_lead .main{font-size:clamp(1.25rem, 0.9rem + 0.97vw, 2rem); box-sizing:border-box; line-height:1.2;}
@media only screen and (max-width:767px){
	.plan_rss .mini:nth-of-type(1){width:100%;}
	.plan_rss_lead{margin-bottom:12px;}
}
@media only screen and (min-width:768px){
	.plan_rss_lead{flex-direction:row-reverse; justify-content:flex-end; padding-left:.65em;}
	.plan_rss_lead::before{position:absolute; content:""; display:inline-block; left:0; top:0; background:#262520;
					  	   height:clamp(8.125rem, 5.589rem + 7.06vw, 13.563rem); width:1px;}	
	.plan_rss_lead .main{writing-mode:vertical-rl; -ms-writing-mode:tb-rl; -webkit-writing-mode:vertical-rl;}
}
.plan_rss{display:flex; flex-wrap:wrap; justify-content:space-between;}
.plan_rss .mini{box-sizing:border-box;}
.plan_rss .mini .plan_img{margin-bottom:10px; overflow:hidden;}
.plan_rss .mini .plan_img a{display:block;}
.plan_rss .mini .plan_img a:hover{opacity:1;}
.plan_rss .mini .plan_img a img{transition:all .5s ease;}
.plan_rss .mini .plan_text h3{line-height:1; text-align:left; display:flex;}
.plan_rss .mini .plan_text h3 a{line-height:1.3; letter-spacing:0.05em; text-align:justify;}
@media only screen and (max-width:767px){
	.plan_rss .mini{margin-bottom:40px;}
	.plan_rss .mini:nth-of-type(1){margin-bottom:0;}
	.plan_rss .mini:last-of-type{margin-bottom:0;}
}
@media only screen and (min-width:768px) and (max-width:1247px){
	.plan_rss .mini:nth-of-type(1){padding-top:3em;}
}
@media only screen and (min-width:768px){
	.plan_rss .mini{width:48.5%; margin-bottom:3%;}
	.plan_rss .mini:nth-last-of-type(-n+2){magin-bottom:0;}
}
@media only screen and (min-width:1024px){
	.plan_rss .mini .plan_img a:hover img{transform:scale(1.1);}
	.plan_rss .mini .plan_text h3 a:hover{color:#a69693;}
}
@media only screen and (max-width:1247px){
	.plan_rss .mini:nth-of-type(1){display:flex; justify-content:center;}
}
@media only screen and (min-width:1248px){
	.plan_rss .mini{width:28.48%; margin-bottom:0;}
	.plan_rss .mini:nth-of-type(1){width:7.7%;}
	.plan_rss_lead{margin-top:0.95em;}
	.plan_rss_lead .main{padding-top:0.85em;}
}
