@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/

#conts .text {
	margin: -4px 0 27px;
	font-size: 28px;
	line-height: 1.64;
	color: #727171;
	font-family: 'A-OTF-GothicMB101Pro-Bold';
}

#conts h3 {
	margin: 0 0 22px -47px;
}

#conts .houseBox {
	margin: 0 0 32px 3px;
	padding: 3px 23px 17px 25px;
	position: relative;
	border: 8px solid #A28366;
}

#conts .houseBox:after {
	 content: '';
	 width: 56px;
	 height: 57px;
	 position: absolute;
	 right: -8px;
	 top: -9px;
	 z-index: 1;
     background: url(../img/reform/img01.jpg) no-repeat right top;
}
	
#conts .imgBoxL .photoBox {
	margin-top: 6px;
	float: left;
}

#conts .imgBoxL .textBox {
	width: 260px;
	float: right;
}

#conts .imgBoxL .textBox p,
#conts .imgBoxR .textBox p {
	font-size: 13.5px;
	line-height: 31px;
	background: url(../img/reform/line.png) repeat left top;
}

#conts .shopBox {
	margin: 0 0 31px 3px;
	padding: 3px 27px 17px 25px;
	position: relative;
	border: 8px solid #efc138;
}

#conts .shopBox:after {
	 content: '';
	 width: 56px;
	 height: 57px;
	 position: absolute;
	 right: -8px;
	 top: -9px;
	 z-index: 3;
     background: url(../img/reform/img02.jpg) no-repeat right top;
}

#conts .imgBoxR .photoBox {
	margin-top: 6px;
	float: right;
}

#conts .imgBoxR .textBox {
	margin: 0 0 0 -2px;
	width: 260px;
	float: left;
}


@media all and (min-width: 0) and (max-width: 767px) {
	#conts .text {
		font-size: 17px;
	}
	
	#conts .shopBox,
	#conts .houseBox {
		margin-bottom: 15px;
		padding: 15px 10px;
		border-width: 4px;
	}
	
	#conts .shopBox:after,
	#conts .houseBox:after {
		top: -4px;
		right: -4px;
		background-size: 28px auto;
	}
	
	#conts h3 {
		margin-left: -30px;
		width: 150px;
	}
	
	#conts h3 img {
		width: 100%;
	}
	
	#conts .imgBoxR .photoBox,
	#conts .imgBoxL .photoBox {
		margin: 0 0 10px;
		float: none;
	}
	
	#conts .imgBoxR .photoBox img,
	#conts .imgBoxL .photoBox img {
		width: 100%;
	}
	
	#conts .imgBoxR .textBox,
	#conts .imgBoxL .textBox {
		float: none;
		width: auto;
	}
	
	#conts .imgBoxL .textBox p,
	#conts .imgBoxR .textBox p {
		font-size: 12px;
	}
}