@charset "UTF-8";

/*PC用*/
@media screen and (min-width:641px) {

main{
	width:1000px;
	margin:0 auto;}

#page-img{
	background-image:url(../images/questionnaire/page-ttl.jpg);}
	
.questionnaire-list{
	margin:30px 0px 20px 0;}

.questionnaire-list li{
	float:left;
	width:164px;
	padding:9px 9px 4px 9px;
	margin:0px 14px 20px 0;
	border-top:3px solid #b59e66;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;}


.voice-detail .photo img{
	max-width:644px;
	display:block;}

.questionnaire-list p.photo img{
	width:180px;}
	
.questionnaire-list p.fit{
	height:140px;}

.questionnaire-list li:nth-child(4n){
	margin:0px 0px 20px 0;}

.questionnaire-list .photo{
	margin:0px 0px 15px 0px;
	border:1px solid #a8a8a8;}

.questionnaire-list .photo img{
	width:100%;}

.questionnaire-list .name{
	font-size:14px;
	}

.questionnaire-list .txt{
	font-size:12px;}


.questionnaire-list .btn{
	padding:15px 0 0 0;}
	

.questionnaire-listbtn{
	width:300px;
	background-position:275px 12px;}
	
.sys-pager .list a{
	width:300px;}
	
	
.voice-detail{
	padding:26px 26px 26px 26px;
	margin:0 0 40px 0;
	border-top:4px solid #b59e66;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;}
	
.voice-detail .photo{
	margin:0 0 20px 0;
	border:1px solid #a8a8a8;}
	
}
	
	
	
/*SP用*/
@media screen and (max-width:640px) {

main{
	width:100%;
	margin:0 auto;}

#page-img{
	background-image:url(../images/questionnaire/page-ttl.jpg);}
	
.questionnaire-list{
	margin:30px 0px 20px 0;}

.questionnaire-list li{
	padding:20px 15px;
	margin:0 0 20px;
	border-top:3px solid #b59e66;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;}


.voice-detail .photo img{}

.questionnaire-list p.photo img{
	width:180px;}
	
.questionnaire-list p.fit{
	height:140px;}

.questionnaire-list li:last-child{
	margin:0;}

.questionnaire-list .photo{
	margin:0px 0px 10px 0px;
	border:1px solid #a8a8a8;}

.questionnaire-list .photo img{
	width:100%;}

.questionnaire-list .name{
	font-size:14px;
	}

.questionnaire-list .txt{
	font-size:12px;}


.questionnaire-list .btn{
	text-align: center;
	padding:15px 0 0 0;}
	
.questionnaire-list .btn img{
	vertical-align: middle;}

.questionnaire-listbtn{
	width:300px;
	background-position:275px 12px;}

.sys-pager .list{
	position: static;}
.sys-pager .list a{
	width:300px;}
	
	
.voice-detail{
	padding:20px;
	margin:0 0 40px 0;
	border-top:4px solid #b59e66;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;}
	
.voice-detail .photo{
	margin:0 0 10px 0;
	border:1px solid #a8a8a8;}
	
}