@charset "UTF-8";

header{
	background: #FBF7F2 url(../img/bg_body.jpg) no-repeat center center;
	background-size: 100% auto;
}

.gn-property a{
	border-bottom: solid 3px #DC471E;
}
#contents .inner{
	overflow: hidden;
}

.none{
	padding: 200px 0;
	text-align: center;
	font-size: 2rem;
}

.property{
	background: #fff;
}
.property.odd{
	background: #FBF7F2;
}
.property figure{
	float: left;
	width: 288px;
	background: #fff;
}
.property .data-wrap{
	padding: 0 0 0 30px;
	float: left;
	width: 834px;
}

.property .inner{
	padding: 30px 0;
	background: transparent url(../../common/img/ar_l_org_right.png) no-repeat 95% center;
}
.soldout .inner{
	padding: 30px 0;
	background: none;
}
.property .name{
	margin-bottom: 0.5em;
	font-weight: 500;
	font-size: 2.4rem;
}

.property .data-wrap div{
	width: 834px;
	overflow: hidden;
}

.property .data-wrap ul{
	float: left;
	width: 50%;
}

.property .data-wrap span{
	color: #DC471E;
}

.property .point{
	margin-top: 1em;
	color: #DC471E;
	font-size: 1.8rem;
}

.soldout .point{
	color: #c00;
	font-weight: 500;
}
.property-h1{
	margin-bottom: -60px;
	height: 160px;
	background: #E47816;
	color: #fff;
	text-align: center;
}
.property-h1 .inner{
	padding: 20px 0 0;
	position: relative;
	
}

.property-h1 h1{
	font-size: 3.6rem;
	font-family: Garamond , "Times New Roman" , "Ÿà–¾’©" , "Yu Mincho" , "Ÿà–¾’©‘Ì" , "YuMincho" , "ƒqƒ‰ƒMƒm–¾’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–¾’©E" , "‚l‚r ‚o–¾’©" , "MS PMincho" , serif;
	font-weight: 600;
}

.btn-back{
	position: absolute;
	top: 10px;
	left: 0;
}

.btn-back a{
	margin: 20px auto 0;
	padding: 0.3em 1em 0.3em 2em;
	border: solid 1px #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	display: block;
	color: #fff;
	background: transparent url(../../common/img/ar_wht_left.png) no-repeat 10% center;
	font-weight: 500;
}

#property-head{
	padding: 0;
	background: #fff;
	line-height: 1.6;
}

#property-head .img-wrap{
	float: left;
	width: 768px;
}
#property-head .data-wrap{
	padding: 30px 30px;
	float: right;
	width: 322px;
}

#property-head .price{
	margin: 0 0 30px;
	font-size: 1.8rem;
	line-height: 1;
	font-weight: 500;
}
#property-head .price em{
	color: #C00;
	font-size: 6rem;
	font-family: Garamond , "Times New Roman" , "Ÿà–¾’©" , "Yu Mincho" , "Ÿà–¾’©‘Ì" , "YuMincho" , "ƒqƒ‰ƒMƒm–¾’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–¾’©E" , "‚l‚r ‚o–¾’©" , "MS PMincho" , serif;
}
#property-head .price span{
	font-size: 2.5rem;
}

#property-head .point{
	margin: 40px 0;
	color: #DC471E;
	font-size: 1.6rem;
}

#property-head .point dt{
	margin: 0 0 0.25em;
	padding: 0 0 0.25em;
	border-bottom: solid 2px #DC471E;
	font-weight: 500;
}

.btn-request{
	margin: 80px 0 0 0;
	position: relative;
}

.btn-request a{
	padding: .3em 1em .3em .3em;
	display: block;
	background: #EB8529 url(../../common/img/ar_wht_right.png) no-repeat 95% center;
	color: #fff;
	box-shadow:rgba(113, 135, 164, 0.3) 0px 0px 3px 1px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.3) 0px 0px 3px 1px;
	-moz-box-shadow:rgba(113, 135, 164, 0.3) 0px 0px 3px 1px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size: 2rem;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
}

.btn-request img{
	position: absolute;
	bottom: 0;
	left: 0;
}

.property-nav{
	margin: 20px 0;
	width: 100%;
}
.property-nav ul{
	margin: 0 auto;
	width: 1151px;
	border-left: dotted 2px #ccc;
	overflow: hidden;
}

.property-nav li{
	float: left;
	width: 20%;
	font-size: 1.8rem;
	font-weight: 400;
	text-align: center;
}
.property-nav a{
	padding: 5px 0 20px;
	border-right: dotted 2px #ccc;
	display: block;
	background: transparent url(../../common/img/ar_l_org_btm.png) no-repeat center bottom;
}

.property-nav a:hover{
	text-decoration: none;
}

.inner .property-ttl{
	float: left;
	width: 238px;
	text-align: right;
}
#contents .property-ttl p{
	color: #DC461E;
	font-weight: 600;
}
#contents .property-ttl h2{
	font-size: 3.2rem;
}
.inner .property-body{
	float: right;
	width: 864px;
}

#plan .frame{
	padding: 25px 35px 35px 35px;
	border: solid 5px #E7E7E7;
	background: #fff;
	text-align: center;
}

.plan-head{
	margin: 0 0 50px;
	padding: 0 0 15px;
	border-bottom: solid 2px #DC471E;
	width: 100%;
	overflow: hidden;
	text-align: left;
}

.plan-head p{
	margin-right: 50px;
	float: left;
	color: #EB8528;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 1;
}

.plan-head p .num{
	font-size: 5rem;
}
.plan-head p span{
	font-size: 3.5rem;
	font-weight: 200;
}

.plan-head ul{
	float: left;
	line-height: 1.6;
	font-size: 1.4rem;
}
.plan-head em{
	float: left;
	font-size: 1.6rem;
	font-weight: 400;
}

#map_canvas{
	border: solid 5px #fff;
	width: 854px;
	height: 470px;
}

#location ul{
	margin: 0 -30px -30px 0;
	width: 894px;
	overflow: hidden;
}

#location li{
	margin: 0 29px 30px 0;
	float: left;
}

#form_wrap table{
border-collapse: separate;
	border-spacing: 0 2em;
}

#form_wrap table td,
#form_wrap table th{
	padding: 0 0;
	line-height: 160%;
	text-align: left;
	vertical-align: top;
	display: table-cell;
}

#form_wrap table th{
	padding-left: 15px;
	padding-right: 15px;
	border: none;
	border-left: solid 4px #CCC;
	width: 25%;
}

#form_wrap table th.requred{
	padding-left: 15px;
	border: none;
	border-left: solid 4px #DC461E;
}

#form_wrap table td{
	border: none;
	width: 75%;
}

@media only screen and (max-width: 640px) {
	body {
		min-width: 100%;
	}
	header{
		background: none;
	}
	.gn-property a{
		border-bottom: none;
	}
	#contents .inner{
		overflow: hidden;
	}
	.property{
		background: #fff;
	}
	.property.odd{
		background: #FBF7F2;
	}
	.property figure{
		float: left;
		width: 30%;
		background: #fff;
	}
	.property figure img{
		width: 100%;
		height: auto;
	}
	.property .data-wrap{
		padding: 0 40px 0 0;
		float: right;
		width: 65%;
		line-height: 1.4;
	}

	.property .inner{
		padding: 30px 0;
		background: transparent url(../../common/img/ar_l_org_right.png) no-repeat 98% center;
	}
	.property .name{
		margin-bottom: 0.5em;
		font-weight: 500;
		font-size: 2.4rem;
	}

	.property .data-wrap div{
		width: 100%;
		overflow: hidden;
	}

	.property .data-wrap ul{
		float: none;
		width: 100%;
	}

	.property .data-wrap span{
		color: #DC471E;
	}

	.property .point{
		margin-top: 1em;
		color: #DC471E;
		font-size: 1.8rem;
	}
	
	.property-h1{
		margin-bottom: 0;
		height: auto;
		background: #E47816;
		color: #fff;
		text-align: center;
	}
	.property-h1 .inner{
		padding: 50px 0 0;
		position: relative;
		
	}

	.property-h1 h1{
		font-size: 2.4rem;
		font-weight: 600;
	}

	.btn-back{
		position: absolute;
		top: 10px;
		left: 10px;
	}

	.btn-back a{
		margin: 0 auto 0;
		padding: 0.3em 1em 0.3em 2em;
		border: solid 1px #fff;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		display: block;
		color: #fff;
		background: transparent url(../../common/img/ar_wht_left.png) no-repeat 10% center;
		font-weight: 500;
	}

	#property-head{
		padding: 0;
		background: #fff;
		line-height: 1.6;
	}

	#property-head .img-wrap{
		float: none;
		width: 100%;
	}
	
	#property-head img{
		width: 100%;
		height: auto;
	}
	#property-head .data-wrap{
		padding: 20px;
		float: none;
		width: 100%;
	}

	#property-head .price{
		margin: 0 0 30px;
		font-size: 1.8rem;
		line-height: 1;
		font-weight: 500;
	}
	#property-head .price em{
		color: #C00;
		font-size: 4rem;
		font-family: Garamond , "Times New Roman" , "Ÿà–¾’©" , "Yu Mincho" , "Ÿà–¾’©‘Ì" , "YuMincho" , "ƒqƒ‰ƒMƒm–¾’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–¾’©E" , "‚l‚r ‚o–¾’©" , "MS PMincho" , serif;
	}
	#property-head .price span{
		font-size: 2rem;
	}

	#property-head .point{
		margin: 20px 0 20px;
		color: #DC471E;
		font-size: 1.4rem;
	}

	#property-head .point dt{
		margin: 0 0 0.25em;
		padding: 0 0 0.25em;
		border-bottom: solid 2px #DC471E;
		font-weight: 500;
	}

	.btn-request{
		margin: 10px 0 0;
	}

	.btn-request a{
		padding: 0.3em 0;
		display: block;
		background: #EB8529 url(../../common/img/ar_wht_right.png) no-repeat 95% center;
		color: #fff;
		box-shadow:rgba(113, 135, 164, 0.3) 0px 0px 3px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.3) 0px 0px 3px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.3) 0px 0px 3px 1px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		font-size: 1.8rem;
		font-weight: 400;
		text-align: center;
	}

	.btn-request img{
		display: none;
	}

	.property-nav{
		margin: 20px 0;
		width: 100%;
	}
	.property-nav ul{
		margin: 0 auto;
		width: 100%;
		border-left: dotted 2px #ccc;
		overflow: hidden;
	}

	.property-nav li{
		padding: 5px 0;
		float: left;
		width: 50%;
		font-size: 1.6rem;
		font-weight: 400;
		text-align: center;
	}
	.property-nav a{
		padding: 5px 0 20px;
		border-right: dotted 2px #ccc;
		display: block;
		background: transparent url(../../common/img/ar_l_org_btm.png) no-repeat center bottom;
	}

	.property-nav a:hover{
		text-decoration: none;
	}

	.inner .property-ttl{
		margin: 30px 0 20px;
		float: none;
		width: 100%;
		text-align: center;
	}
	#contents .property-ttl p{
		color: #DC461E;
		font-weight: 600;
	}
	#contents .property-ttl h2{
		font-size: 3.2rem;
	}
	.inner .property-body{
		float: none;
		width: 100%;
	}
	.inner .property-body img{
		width: 100%;
		height: auto;
	}
	#plan .frame{
		padding: 15px;
		border: solid 5px #E7E7E7;
		background: #fff;
		text-align: center;
	}

	.plan-head{
		margin: 0 0 20px;
		padding: 0 0 15px;
		border-bottom: solid 2px #DC471E;
		width: 100%;
		overflow: hidden;
		text-align: left;
	}

	.plan-head p{
		margin-right: 50px;
		float: none;
		color: #EB8528;
		font-size: 2.4rem;
		font-weight: 400;
		line-height: 1;
	}

	.plan-head p .num{
		font-size: 3rem;
	}
	.plan-head p span{
		font-size: 2.5rem;
		font-weight: 200;
	}

	.plan-head ul{
		float: none;
		line-height: 1.2;
		font-size: 1.4rem;
	}
	.plan-head em{
		float: none;
		font-size: 1.4rem;
		font-weight: 300;
	}

	#map_canvas{
		border: solid 5px #fff;
		width: 100%;
		height: 300px;
	}

	#location ul{
		margin: 0;
		width: 100%;
		overflow: hidden;
	}

	#location li{
		margin: 0 0 30px 0;
		padding: 5px;
		float: left;
		width: 50%;
	}
	#location img{
		width: 100%;
	}
	
	#request{
		margin: 0 0 30px;
	}
}