@charset "UTF-8";

.slide-animation{
	animation: fadezoom 15s 0s forwards linear;
}

@keyframes fadezoom {
	0% { transform: scale(1.15); }
	100% { transform: scale(1); }
}

.fudousan_bg {
	position:relative;
	width:100%;
	height:100svh;
	overflow:hidden;
/*	background:#fff url(../images/fudousan_bg.jpg) 50% 50% no-repeat;
	background-size:cover;
*/
}

.slickslide {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100svh;
	margin:0;
	padding:0;
	list-style:none;
	z-index:-1;
}

.slickslide li {
	margin:0;
	padding:0;
}


.buywaku {
	width:50%;
	height:100svh;
	min-height:400px;
	background-color:rgba(0,0,0,0.1);
	padding:5px;
	transition: all .5s;
}

.sellwaku {
	width:50%;
	height:100svh;
	min-height:400px;
	background-color:rgba(0,0,0,0.1);
	padding:5px;
	transition: all .5s;
}

.buywaku:hover {
	background-color:rgba(0,60,120,0.4);
	width:70%;
}

.sellwaku:hover {
	background-color:rgba(120,60,0,0.4);
	width:70%;
}


.titleimg {
	width:500px;
	height:200px;
	background: url(../images/fudousan/titlebg.png?2) 50% 50% no-repeat;
	background-size:contain;
	transition: all .5s;
}

.titletext {
	background-color:rgba(255,255,255,0.8);
	height:0;
	font-size:1.1em;
	overflow:hidden;
	transition: all .5s;
}

.buywaku:hover .titleimg ,
.sellwaku:hover .titleimg {
	width:640px;
}

.buywaku:hover .titletext ,
.sellwaku:hover .titletext {
	height: calc(75svh - 300px);
	height:200px;
	overflow:hidden;
	padding:8px;
	border-radius:10px;
}

.chukaiwaku:hover .titletext {
	height:80px;
	overflow:hidden;
	padding:8px;
	border-radius:10px;
}

.titlecmtbox {
	width:500px;
}


.subtitleimg {
	width:400px;
}


.shubetsubtn {
	min-width:100px;
}


.selbtn input[type=checkbox] {
	display:none;
}

.selbtn input[type=radio] {
	display:none;
}


.thimg {
	max-width:180px;
	max-height:180px;
}


.ankentable {
	
}

.ankentable th {
	padding:3px 8px;
	white-space:nowrap;
	text-align:center;
	background-color:#eee;
	border-bottom:1px solid #bbb;
}

.ankentable td {
	vertical-align:top;
	padding:3px 8px;
	white-space:nowrap;
	border-bottom:1px solid #bbb;
}

.fudousanmenu {
	position:absolute;
	bottom:1px;
	left:1px;
	background-color:rgba(255,255,255,0.9);
}

#gmap {
	width:100%;
	height: calc(100vh - 80px);
	border:1px solid #bbb;
}


.souzokubg {
	width:360px;
	max-width:100%;
	background-color:#fee;
	border-radius:15px;
}

.souzokuimg {
	display:flex;
	justify-content:center;
	align-items:center;
	height:280px;
}

.souzokutext {
	font-size:1.1em;
	font-weight:bold;
}



.atframe {
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height: calc(100svh - 210px);
	border:1px solid #bbb;
}


.buybtn {
	position:relative;
	display:block;
	border:1px solid #5a0;
	border-radius:6px;
	text-align:center;
	transition: all .5s;
}

.buybtn-miyama {
	border:1px solid rgb(0,162,152);
}

.buybtn:before {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background-image: linear-gradient(0deg, rgba(0,30,120,0.4) 10%, rgba(255,255,255,1) 50%);
	opacity:0;
	z-index:-1;
	transition: all .3s;
}

.buybtn:hover {
	border:1px solid #260;
	box-shadow:0 0 8px #bbb;
}

.buybtn:hover:before {
	opacity:1;
}

.marker-yellow {
	position:relative;
}

.marker-yellow:before {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:0.1em;
	background-color:rgba(255,255,100,0.6);
}

.line-top {
	border-top:1px solid #bbb;
}

.stepdiv {
	text-align:center;
	width:250px;
	font-size:1.2em;
	transition: all .6s;
}


.steptitle {
	font-size:1.2em;
	font-weight:bold;
}

.stepcmt {
	position:relative;
	width:650px;
	overflow:hidden;
}

.stepcmt-230 {
	height:230px;
}

.morewaku {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:5px 0;
	text-align:center;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0));
}

.stepcmtmorebtn {
	margin-top:40px;
}

.text01 {
	font-size:1.2em;
	font-weight:bold;
}


.contactwaku {
	margin:10px auto;
	width:800px;
}

.contacttitle {
	width:200px;
	padding:15px 5px 5px 5px;
}

.contactkoumoku {
	flex:1;
	padding:5px;
}

.naiyou {
	resize:none;
}

.privacywaku {
	height:200px;
	padding:5px;
	overflow:auto;
	border:1px solid #bbb;
}

.hissu {
	display:inline-block;
	background-color:#f22;
	color:#fff;
	font-size:0.7em;
	border-radius:0.3em;
	padding:0.1em 0.3em 0 0.3em;
}



/* パソコンonly用 */
@media screen and (min-width:566px){
	
}

/* スマホ用 */
@media screen and (max-width:565px){
	
	.slickslide img {
		height:100svh;
		object-fit:cover;
	}
	
	.buywaku {
		width:100%;
		height: calc(50svh - 35px);
		min-height:35svh;
		background-color:rgba(0,60,120,0.4);
	}
	
	.sellwaku {
		width:100%;
		height: calc(50svh - 35px);
		min-height:35svh;
		background-color:rgba(120,60,0,0.4);
	}
	
	.buywaku:hover ,.sellwaku:hover {
		width:100%;
	}
	
	.chukaiwaku {
		height: calc(30svh - 70px);
		min-height: calc(30svh - 70px);
		background-color:rgba(0,0,0,0.4);
	}
	
	.titleimg {
		width:auto;
	}
	
	.buywaku:hover .titleimg ,
	.sellwaku:hover .titleimg {
		width:auto;
	}
	
	
	.titletext {
		font-size:1em;
		height:auto;
		border-radius:10px;
		padding:8px;
	}
	
	.buywaku:hover .titletext ,
	.sellwaku:hover .titletext {
		height:auto;
	}
	
	.titleimg {
		background: none;
		height:auto;
		margin-bottom:10px;
	}
	
	.titlecmtbox {
		margin:10px;
		width: calc(100% - 20px);
	}
	
	
	.shubetsubtn {
		min-width:10px;
	}
	
	/* アットホーム フリーワードテキストボックス */
	.text-box {
		width: calc(100vw - 40px) !important;
	}
	
	.stepdiv {
		width:100%;
		padding:10px;
	}
	
	.stepcmt {
		width:100%;
		padding:10px;
	}
	
	.contactwaku {
		width:100%;
		padding:5px;
	}
	
	.contacttitle {
		width:100%;
		padding:5px;
		font-weight:bold;
		border-bottom:1px solid #aaa;
	}
	
	.contactkoumoku {
		width:100%;
		padding:5px;
	}
	
}