@charset "UTF-8";
/*
685010：濃い金（暗め）
816E29：少し濃い金
9a854a：金
baa17e：薄い金
f5f2ed：もっと薄い金（アイボリー）
*/

#quality { }
#quality article h1 { }
/**/

#ikkan {
	background: linear-gradient(to right, rgba(255,255,255,.5), transparent, rgba(255,255,255,.5)), url(images/quality_bg.jpg) no-repeat center top;
	background-size: cover;
	width:100%;
}
#ikkan .inner {
	border-bottom: 1px solid #CCC;
	padding-top: 80px;
	padding-bottom: 100px;
}
#ikkan h2 { margin-bottom:40px; }
#ikkan h3 {
	border-bottom: 2px solid #00A085;
	padding-bottom: 20px;
	margin-bottom: 25px;
}
#ikkan .ikkanTxt {
	color:#9a854a;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/* results
----------------------------------------*/

#results_alsuite {
	text-align:center;
	margin-bottom:50px;
}
#results { /* グリーングラデーション背景
	background-image: -webkit-linear-gradient(top, #e5f5f2, #fff);
	background-image: linear-gradient(to top, #e5f5f2, #fff);
	*/ }
#results .inner {
	padding-top: 80px;
	padding-bottom: 80px;
}
#results h3 {
	margin-bottom:70px;
	margin-right: auto;
	margin-left: auto;
}
#results h4 { }
#results h5 {
	margin-bottom:5px;
	font-size:1.2em;
}
#results h6.bukkenName {
	position: absolute;
	top: 3px;
	left:5px;
	text-shadow: 0px 0px 3px #FFF, 0px 0px 5px #FFF, 0px 0px 7px #fff;
}
#results .resultsTxt {
	color:#9a854a;
	margin-bottom:90px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/**/

#resultsLR { width:100%; }
#resultsLR p { }
#resultsLR .capt { letter-spacing:-0.03em; }
#resultsL { margin-right:3%; }
#resultsR { }
#resultsL,
#resultsR {
	position:relative;
	max-width: 485px;
	width:48.5%;
	float:left;
}
#resultsL p,
#resultsR p { }
/**/
#results dl { margin-bottom:30px; }
#results dl dt {
	float: right;
	width:48.5%;
	-webkit-font-smoothing: antialiased;
}
#results dl dd {
	float: left;
	width: 48.5%;
}
#results ul { }
#results ul li {
	max-width:238px;
	width:49.1%;
	float:left;
	margin-left:1.8%;
}
#results ul li:first-child { margin-left:0px; }
#results ul li img { margin-bottom:3px; }
/* slider
----------------------------------------*/
#results .slider li {
	width:100%;
	float:none;
	max-width:100%;
	margin:0px;
}
#results .slider li img { margin:0px; }
#results .bx-wrapper { margin: 0 auto 40px; }
#results .bx-wrapper .bx-pager,
#results .bx-wrapper .bx-controls-auto { bottom: -20px; }
#results .bx-wrapper .bx-pager.bx-default-pager a { background: #E3D9CC; }
#results .bx-wrapper .bx-pager.bx-default-pager a.active { background: #816E29; }
/* structure
----------------------------------------*/
#structure .section { }
#structure .section3 { }
#structure .section img,
#structure .section3 img { }
#structure .section .capt_indent,
#structure .section3 .capt_indent {
	text-align:right;
	padding-top:4px;
}
/**/
#structure .row0,
#structure .row3 {
	font-size:0.85em;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
}
@media all and (-ms-high-contrast: none) {
#structure .row0,
#structure .row3 { letter-spacing:0.2em; }
}
#structure .row0 h4,
#structure .row3 h4 {
	text-align:left;
	background-color: #ddd;
	padding: 4px 3px 3px 10px;
	margin-bottom:10px;
	/*
	font-size: 1.2em;
	*/
	font-weight: bold;
	color: #000;
}
#structure .row0 p,
#structure .row3 p { }
#structure .row0 p.capt,
#structure .row3 p.capt,
#structure .row0 p.capt_indent,
#structure .row3 p.capt_indent {
	padding-top:7px;
	text-align:left;
}
#structure .box1,
#structure .box2,
#structure .box3 { margin-bottom: 50px; }
/**/

.str_img {
	text-align:center;
	margin-bottom: 10px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.str_img .capt { text-align:right !important; }
.str_img.f_left { margin-right:25px; }
.txtarea { margin-bottom:15px; }
/**/
#structure dl {
	width:100%;
	clear:both;
}
#structure dl dt {
	clear:both;
	float:left;
	max-width:370px;
	width:57%;
}
#structure dl dd {
	float:left;
	text-align:center;
	width:43%;
}
/**/
.box3_2 { position:relative; }
#strL {
	float:left;
	max-width:415px;
	width:63%;
}
#strR {
	position:absolute;
	right:0px;
	top:40px;
	max-width:240px;
	width:37%;
}
/**/
#str_balconyL {
	float:left;
	width:18%;
	margin-right:2%;
}
#str_balconyC {
	float:left;
	width:47.4%;
}
#str_balconyR {
	float:right;
	width:30.6%;
	margin-left:2%;
}

/*===================================== break point =====================================*/
 @media screen and (max-width : 1060px) {
}


/*===================================== pc =====================================*/
@media screen and (min-width : 1001px) {
}
 @media screen and (min-width : 801px) {
}


/*===================================== tb 900px =====================================*/
 @media screen and (min-width : 641px) and (max-width : 900px) {
}


/*===================================== tb =====================================*/
 @media screen and (min-width : 641px) and (max-width : 800px) {
		
.str_img img { width:100%;}
}

/*===================================== tb & sp =====================================*/
 @media screen and (max-width : 800px) {
#results h3 { width: 80%; }
#results h5 { margin-bottom:10px; }
#results dl { margin-bottom:20px; }
#results dl dt {
	float: none;
	width:100%;
	margin-bottom:1em;
}
#results dl dd {
	float: none;
	width:100%;
}
#results ul { }
#results ul li {
	max-width:238px;
	width:49.1%;
	float:left;
	margin-left:1.8%;
}
#results ul li:first-child { margin-left:0px; }
#results ul li img { margin-bottom:3px; }
/**/
#str_balconyL { width:25%; }
#str_balconyC { width:73%; }
#str_balconyR {
	clear:both;
	float:none;
	width:100%;
	margin:auto;
}
}



/*===================================== sp =====================================*/
@media screen and (max-width :  640px) {
#results dl { margin-bottom:40px; }
#resultsL {
	margin-right:0%;
	margin-bottom:30px;
}
#resultsR { }
#resultsL,
#resultsR {
	position:relative;
	max-width: 100%;
	width:100%;
	float: none;
}
#resultsL p,
#resultsR p { }
/**/
#results ul { }
#results ul li {
	max-width:238px;
	width:49.1%;
	float:left;
	margin-left:1.8%;
}
#results ul li:first-child { margin-left:0px; }
#results ul li img { margin-bottom:3px; }
#results h6.bukkenName {
	position: relative;
	top: auto;
	left:auto;
	text-shadow: none;
	margin-bottom:3px;
	font-size:0.9em;
}
/**/
#str_balconyL {
	width:30%;
	margin-right:3%;
}
#str_balconyC { width:67%; }
#str_balconyR {
	clear:both;
	float:none;
	width:100%;
	margin:auto;
}
}