/*----------------------------------------------------------------------------------

	住宅体験記 詳細

------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------
	共通
------------------------------------------------------------------------------------*/
*{
	font-family: "メイリオ",Meiryo,Tahoma,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing: -0.3px;
}

#contents {
	width:100%;
	max-width:100%;
	margin:auto;
}

#contents img{
/*	width:100%;*/
/*	display:block;*/
}

/*----------------------------------------------------------------------------------
	タイトル・メイン
------------------------------------------------------------------------------------*/
#contents h2 {
	margin: 17px 0;
    padding: 0 2% 0 38px;
    font-size: 22px;
    font-weight: bold;
	background:url(../../voice/images/common/icon_ttl_detail.png) no-repeat 50% 2px;
	line-height: 2;
    height: 3rem;
}

#contents .main {
    position: relative;
   	margin: 0 auto 30px;
    max-width: 950px;
}

#contents .main div{
	background:rgba(120,162,60,0.78);
	padding:15px 10px;
	position: absolute;
	right:10px;
	bottom:10px;
	min-width: 250px;
	border-radius: 0.5rem;
}

#contents .main dt{
	font-size:18px;
	color:#fff;
	font-weight:bold;
	padding:0 5px 5px;
	border-bottom:1px dotted #eee;
}

#contents .main dd{
	font-size:13px;
	color:#fff;
	padding:10px 10px 0;
    line-height: 1.5;
}
/*----------------------------------------------------------------------------------
	セクション
------------------------------------------------------------------------------------*/

#contents .section{
	overflow: hidden;
    max-width: 950px;
    margin: 0 auto 60px;
}
.section.sec07 {
	margin-bottom: 0 !important;
}
 .sec01 .text,
 .sec03 .text,
 .sec05 .text{
	float:left;
	margin-right:3%;
}
 .sec02 .text,
 .sec04 .text{
	float:right;
}
 .sec01 .img,
 .sec03 .img,
 .sec05 .img{
	float:right;
}
 .sec02 .img,
 .sec04 .img{
	float:left;
	margin-right:3%;
}

.sec05 .clearfix .img{
	float:left;
	margin-right:3%;
}
.sec05 .clearfix .text{
	float:right;
	margin-right:0;
}
.section .img{
	max-width:410px;
	width:43%;
}
.section .img .pht+p{
	margin-top:7px;
	font-size: 13px;
	text-indent: -1.3em;
    padding-left: 1.5em;
    line-height: 1.5;
    
}
.section .text{
	max-width:510px;
 	width:54%;
}
.section .backtxt {
	max-width: none;
	width: 100%;
}
.section .text > div{
	padding:15px;
}

.section .text h3{
	font-size:16px;
	line-height: 1.3;
	font-weight:bold;
/*	border-bottom:2px solid #559a1c;*/
	padding: 9px 0 6px 7px;
	background:url(../../voice/images/common/ttl_sec.png) no-repeat left top;
	height: 4rem;
    line-height: 3.1;
}

.section .text p{
	font-size:16px;
	line-height: 1.8;
}

.section .clearfix{
	clear:both;
	margin:0;
	padding-top: 30px;
  overflow: hidden;
}

.section .clearfix > .img{
	margin-right:3%;
}

.person{
	margin-bottom:25px;
}

.person ul{
	float:right;
}

.person ul li{
	font-size:15px;
	background:#eee;
	padding: 10px 15px 10px 30px;
	margin-bottom:5px;
  margin-left: 15px;
	line-height:1;
	float: left;
	position:relative;
}

.person ul li:before{
	content:"●";
	color:#fff;
	font-size: 20px;
	position:absolute;
	left:5px;
	top:7px;
}

/*----------------------------------------------------------------------------------
	一言・取材を終えて
------------------------------------------------------------------------------------*/
.comment{
	background: #fbf0f1 repeat left top;
    max-width: 950px;
    padding: 35px 3%;
    border-radius: 1rem;
	margin: 0 auto;
}

.comment .ttl{
	margin-bottom:15px;
	padding:10px 0 10px 60px;
}

.comment .ttl-a{
	margin-bottom:30px;
	padding:0 2% 30px;
	border-top:1px solid #cccccc;
}

.comment .customer{
	margin-bottom:30px;
	padding:0 2% 30px;
/*	border-bottom:1px solid #cccccc;*/
}

.comment .cust{
    border-bottom: none;
}
.comment .staff{
	padding:0 2%;
    margin-bottom:50px;
}
.comment .staff-a{
	padding:0 2%;
    margin-bottom:30px;
	padding:0 2% 30px;
	border-top:1px solid #cccccc;
}
.comment .customer .ttl{
	background: url(../../voice/images/common/ttl_comment.png) no-repeat left 27% top;
	border-bottom: solid 0.1rem;
}

.comment .staff .ttl{
	background:url(../../voice/images/common/ttl_report.png) no-repeat left center;
}
.comment .staff-a .ttl{
    background:url(../../voice/images/common/ttl_report.png) no-repeat left center;
}
.comment h3{
	font-size:20px;
	line-height:1;
	display: block;
	margin: 0 auto;
	text-align: center;
	
/*	font-weight:bold;*/
/*	color:#6c4e4e;*/
/*	background: linear-gradient(transparent 40%, #ffff66 40%);*/
/*	background: -moz-linear-gradient(transparent 60%, #ffff66 0%);       Firefox用 */
/* 	background: -webkit-linear-gradient(transparent 60%, #ffff66 0%);   Safari用 */
 /*	background: -ms-linear-gradient(transparent 60%, #ffff66 0%);       IE用 */
 /*	background: -o-linear-gradient(transparent 60%, #ffff66 0%);        Opera用 */
}

.comment p{
	font-size:14px;
	padding: 0 0 0 10px;
	line-height: 1.9;
}

/*----------------------------------------------------------------------------------
	ページャー
------------------------------------------------------------------------------------*/

.pager{
	margin:35px 25px;
}

.pager ul li{
	background:#000;
  border-radius:5px;
	width:100px;
	height:40px;
	float:left;
	margin-right:20px;
}
.pager ul li.next{
	margin:0;
}
.pager ul li i{
	font-size: 18px;
	line-height: 1;
}
.pager ul li.prev i{
	margin-right: 10px;
}
.pager ul li.next i{
	margin-left: 10px;
}

.pager ul li a{
	color:#fff;
	font-size:15px;
	line-height:1;
	display: block;
  padding: 10px 0;
	text-align: center;
	text-decoration:none;
}

.pager .backall{
	float:right;
	width:140px;
	height:40px;
	background:#559a1c;
	border-radius:5px;

}

.pager .backall a{
	font-size:15px;
	color:#fff;
	display: block;
	padding: 10px 0;
	text-align: center;
	text-decoration:none;
}

.pager .backall i{
	margin-right:10px;
}

/*----------------------------------------------------------------------------------
	下部バナー
------------------------------------------------------------------------------------*/
.bnrlist{
	padding: 30px 2% 0;
	border-top:1px solid #ccc;
	max-width: 950px;
	margin: auto;

}

.bnrlist li{
	float:left;
	width:49%;
	margin:0 0 20px 2%;
}
.bnrlist li.add{
	margin-left:0;
}

.bnrlist img{
	width:100%;
	display:block;
}


/*----------------------------------------------------------------------------------
	モバイルー748以下
------------------------------------------------------------------------------------*/

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

	/*-------- メイン -----------*/
	#contents h2{
		margin-top:20px;
		font-size:16px;
		background-position: 5px 0;
    	line-height: 1.2;
	
	}
	#contents .main div {
    background: rgba(120,162,60,0.78);
    padding: 10px 10px;
    position: initial;
    line-height: 1.5;
	margin-top: 1rem;
	}
	#contents .main li{
		display: inline-block;
    padding: 0 10px;
	}
	#contents .main dt {
	    font-size: 15px;
	    color: #fff;
	    font-weight: bold;
	    padding: 0 5px 5px;
	    border-bottom: 1px dotted #eee;
	}
	#contents .main dd {
    font-size: 12px;
    color: #fff;
    padding: 10px 0 0;
	}

	/*-------- section -----------*/
	#contents .section {
		padding:0 2%;
    margin-bottom: 20px;
	}
	#contents .section > div:first-child {
		margin-right:0;
	}
	
	.section .img{
		width:100%;
		max-width:100%;
		float:none;
	}
	.section .text{
		width:100%;
		max-width:100%;
		float:none;
	}
	.section .text h3{
    font-size: 15px;
	line-height: 1.6;
	padding: 18px 0 6px 7px;
	}
	.section .text p{
		font-size: 14px;
	}
	.section .img .pht+p {
    margin-top: 5px;
    font-size: 12px;
	}
	.section .clearfix {
    padding-top: 10px;
	margin: 5px 0 31px 0;	
	}
	.person ul li{
		float:none;
	}
	.comment{
		padding: 25px 0%;
	}
	.comment h3{
		font-size: 15px;
		text-align: left;
		line-height: 1.4;
	}
	.comment p{
		font-size:13px;
	}
	.comment .customer{
		margin-bottom:20px;
		padding-bottom:20px;
	}
	
	.comment .customer .ttl{
		padding-top: -2px;
		background: url(../../voice/images/common/ttl_comment.png) no-repeat left 5% top;
	}
	/*-------- ページャー -----------*/
	.pgbtn{
		width:220px;
		margin:auto;
		overflow:hidden;
	}
	.pager .backall{
		width:220px;
		margin:20px auto 0;
		float:none;
	}

	.bnrlist{
		padding: 30px 2% 20px;
	}

	.bnrlist li{
		float:left;
		width:100%;
		margin:0 0 10px 0;
	}
	
	


}/*-- メディアクエリ　748px end --*/