@charset "utf-8";
/* CSS Document */


/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width: 641px), print {


/* section.mainVisual
---------------------------------------------------- */
section.mainVisual {
	width:100%;
	height:auto;
	margin: 0 auto 216px;
}
	section.mainVisual div.slider{
		width: 720px;
		height: 600px;
		margin: 0 auto;
	}
	section.mainVisual .bxslider01 li{
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
	}
		section.mainVisual .bxslider01 li::after{
			content: "";
			display: block;
			padding-top: 600px;
		}
			section.mainVisual .bxslider01 li img{
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
				width: auto;
				height: auto;
			}	
		div.bxPager {
			width: 100%;
			margin: 22px auto 0;
			overflow: hidden;
		}
			div.bxPager a {
				display: inline-block;
				float: left;
				width: 18%;
				height: 136px;
				margin-right: 2.5%;
				position: relative;
				border: 2px solid #b9b9b9;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}
					div.bxPager a img {
						position: absolute;
						top: 50%;
						left: 50%;
						-webkit-transform: translate(-50%,-50%);
						transform: translate(-50%,-50%);
						width: auto;
						height: auto;
					}	

/* pan
---------------------------------------------------- */

div.suvNavBlock{
	width: 100%;
	margin: 10px auto 28px;
	padding: 18px 0 0;
	background: url(../../common/images/header_obi.jpg) repeat-x top;
	background-size: auto 8px;
}
	div.suvNavBox{
		width: 1160px;
		margin: 0 auto;
		position: relative;
	}
		div.suvNavBlock p{
			font-size: 82%;
			width: 70%;
			padding: 0 10px;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		div.fbBlock{
			position: absolute;
			top: 0;
			right: 0;
		}


/* section.catch
---------------------------------------------------- */
		section.houseDetail p{
			display: inline-block;
			font-size: 106%;
			line-height: 2;
			letter-spacing: 0.01em;
			border: 1px solid #000;
			margin: 33px auto;
			padding: 6px 2em;
		}
			section.houseDetail p span{
				padding-right: 2em;
			}


/* section.houseDetail
---------------------------------------------------- */
section.houseDetail{
	width: 100%;
}
		section.houseDetail .sectionBlock{
			margin: 0 auto;
		}
		section.houseDetail .sectionBox{
			width: 100%;
			margin: 0 auto;
		}
			section.houseDetail .sectionBox h1{
				text-align: left;
			}
				section.houseDetail .sectionBox .houseDetailContents{
					width: 100%;
					margin: 0 auto;
				}
					section.houseDetail .sectionBox .houseDetailContents ul{
					    width: 100%;
						overflow: hidden;
						margin-bottom: 33px;
					}
						section.houseDetail .sectionBox .houseDetailContents ul li{
						    width: 100%;
							font-size: 116%;
							line-height: 1.8;
							text-align: justify;
							margin-bottom: 33px;
						}
						section.houseDetail .sectionBox .houseDetailContents ul li.title{
							font-size: 126%;
							font-weight: 600;
							margin-bottom: 18px;
						}
				section.houseDetail .sectionBox div.naviBox{
					font-size: 116%;
					font-weight: 600;
					letter-spacing: 0.02em;
					margin: 44px 0;
				}
					section.houseDetail .sectionBox div.naviBox ul{
						width: 100%;
						overflow: hidden;
					}	
						section.houseDetail .sectionBox div.naviBox ul li{
							display: inline-block;
							padding: 0 0 2px;
							border-bottom: 2px solid #000;
						}
						section.houseDetail .sectionBox div.naviBox ul li.prevBox{
							float: left;
							background: url(../../common/images/icon_link_prev.png) no-repeat top 4px left;
							background-size: auto 16px;
						}
						section.houseDetail .sectionBox div.naviBox ul li.nextBox{
							text-align: right;
							float: right;
							background: url(../../common/images/icon_link_next.png) no-repeat top 4px right;
							background-size: auto 16px;
						}
						section.houseDetail .sectionBox div.naviBox ul li.prevBox a{
							display: inline-block;
							width: 100%;
							height: 100%;
							padding-left: 1.5em;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
						}
						section.houseDetail .sectionBox div.naviBox ul li.nextBox a{
							display: inline-block;
							width: 100%;
							height: 100%;
							padding-right: 1.5em;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
						}
				section.houseDetail .sectionBox div.moreBtn{
					margin: 0 auto;
					text-align: center;
					font-size: 120%;
					font-weight: 600;
					letter-spacing: 0.02em;
				}
					section.houseDetail .sectionBox div.moreBtn a{
						display: inline-block;
						width: 100%;
						height: 100%;
						padding: 16px;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
					}
					section.houseDetail .sectionBox div.moreBtn span{
						display: inline-block;
						background: url(../../common/images/icon_nav.png) no-repeat top 3px left 6px;
						background-size: auto 14px;
						padding: 0 2em 2px;
						border-bottom: 2px solid #000;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
				}

}

/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (max-width:640px)  {


/* section.mainVisual
---------------------------------------------------- */
section.mainVisual {
	display: block;
	width:100%;
	height:auto;
	margin: 0 auto 33px;
}
	section.mainVisual div.slider{
		width: 96%;
		height: auto;
		margin: 0 auto;
	}
	section.mainVisual .bxslider01 li{
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
	}
		section.mainVisual .bxslider01 li::after{
			content: "";
			display: block;
			padding-top: 100%;
		}
			section.mainVisual .bxslider01 li img{
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
				width: auto;
				height: auto;
			}	
	section.mainVisual .bx-wrapper .bx-controls-direction a {
		position: absolute;
		top: 50%;
		margin-top: -8px;
		outline: 0;
		width:22px;
		height:22px;
		text-indent: -9999px;
		z-index: 9999;
	}
	section.mainVisual .bx-wrapper .bx-next {
		background: url(../../common/images/controls_sp.png) no-repeat -21px -16px !important;
		background-size:48px auto !important;
	}
	section.mainVisual .bx-wrapper .bx-prev {
		background: url(../../common/images/controls_sp.png) no-repeat 2px -16px !important;
		background-size:48px auto !important;
	}
		div.bxPager {
			width: 100%;
			margin: 11px auto 0;
			overflow: hidden;
		}
			div.bxPager a {
				display: inline-block;
				float: left;
				width: 18%;
				margin-right: 2.5%;
				position: relative;
				border: 2px solid #b9b9b9;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}
			div.bxPager a::after {
				content: "";
				display: block;
				padding-top: 100%;
			}
					div.bxPager a img {
						position: absolute;
						top: 50%;
						left: 50%;
						-webkit-transform: translate(-50%,-50%);
						transform: translate(-50%,-50%);
						width: auto;
						height: auto;
					}		


/* pan
---------------------------------------------------- */

div.suvNavBlock{
	width: 100%;
	margin: 4px auto 28px;
	padding: 14px 0 0;
	background: url(../../common/images/header_obi.jpg) repeat-x top;
	background-size: auto 4px;
}
	div.suvNavBox{
		width: 96%;
		margin: 0 auto;
		position: relative;
	}
		div.suvNavBlock p{
			display: inline-block;
			font-size: 82%;
			width: 98%;
			padding: 0 2% 0 0;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		div.fbBlock{
			position: absolute;
			top: 0;
			right: 0;
		}


/* section.catch
---------------------------------------------------- */
		section.houseDetail p{
			font-size: 106%;
			line-height: 2;
			letter-spacing: 0.01em;
			border: 1px solid #000;
			margin: 33px auto;
			padding: 6px 2em;
		}
			section.houseDetail p span{
				padding-right: 2em;
			}


/* section.houseDetail
---------------------------------------------------- */
section.houseDetail{
	width: 100%;
	padding: 0 auto 11px;
}
		section.houseDetail .sectionBlock{
			margin: 0 auto;
		}
		section.houseDetail .sectionBox{
			width: 86%;
			margin: 0 auto;
		}
			section.houseDetail .sectionBox h1{
				text-align: left;
				font-size: 170%
				
			}
				section.houseDetail .sectionBox .houseDetailContents{
					width: 100%;
					margin: 0 auto;
				}
					section.houseDetail .sectionBox .houseDetailContents ul{
					    width: 100%;
						overflow: hidden;
					}
						section.houseDetail .sectionBox .houseDetailContents ul li{
						    width: 100%;
							font-size: 116%;
							line-height: 1.8;
							text-align: justify;
							margin-bottom: 33px;
						}
						section.houseDetail .sectionBox .houseDetailContents ul li.title{
							font-size: 126%;
							font-weight: 600;
							margin-bottom: 18px;
						}
				section.houseDetail .sectionBox div.naviBox{
					font-size: 96%;
					font-weight: 600;
					letter-spacing: 0.02em;
					margin: 11px 0 22px;
				}
					section.houseDetail .sectionBox div.naviBox ul{
						width: 100%;
						overflow: hidden;
					}	
						section.houseDetail .sectionBox div.naviBox ul li{
							display: inline-block;
							padding: 0 0 2px;
							border-bottom: 2px solid #000;
						}
						section.houseDetail .sectionBox div.naviBox ul li.prevBox{
							float: left;
							background: url(../../common/images/icon_link_prev.png) no-repeat top 1px left;
							background-size: auto 12px;
						}
						section.houseDetail .sectionBox div.naviBox ul li.nextBox{
							text-align: right;
							float: right;
							background: url(../../common/images/icon_link_next.png) no-repeat top 1px right;
							background-size: auto 12px;
						}
						section.houseDetail .sectionBox div.naviBox ul li.prevBox a{
							display: inline-block;
							width: 100%;
							height: 100%;
							padding-left: 1.5em;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
						}
						section.houseDetail .sectionBox div.naviBox ul li.nextBox a{
							display: inline-block;
							width: 100%;
							height: 100%;
							padding-right: 1.5em;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
						}
				section.houseDetail .sectionBox div.moreBtn{
					width: 54%;
					margin: 0 auto;
					text-align: center;
					font-size: 96%;
					font-weight: 600;
					letter-spacing: 0.01em;
				}
					section.houseDetail .sectionBox div.moreBtn a{
						display: inline-block;
						width: 100%;
						height: 100%;
						padding: 16px;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
					}
					section.houseDetail .sectionBox div.moreBtn span{
						display: inline-block;
						background: url(../../common/images/icon_nav.png) no-repeat top 4px left 6px;
						background-size: auto 8px;
						padding: 0 2em 2px;
						border-bottom: 2px solid #000;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
				}

}