@charset "utf-8";

/*-------------------- PC ---------------------*/

@media screen and (min-width:640px) {
.main {
	background:url(../images/voice/main_bg.jpg) no-repeat;
}
.voice .voice_list {background: #0e1411;padding: 20px 30px;}
.voice .voice_list .inner {
	margin: 0 auto 20px;
	background: url(../images/voice/voice_list_bg.jpg) no-repeat;
	padding: 15px;
	width: 607px;
}

.voice .voice_list .inner .fl {
    width: 320px;
    text-align: center;
}

.voice .voice_list .inner .fl img {
	max-height:220px;
}
.voice .voice_list .inner .fr {
    width: 250px;
    margin: 15px 15px 0 0;
}
.voice .voice_list .inner .fr .name {
	font-size: 16px;
	margin-bottom: 5px;
	color: #e9e8e8;
	font-weight: bold;
}
.voice .voice_list .inner .fr .txt {
	margin-bottom: 23px;
}
.voice .voice_list .inner .fr .btn {
	text-align: right;
}
.voice .voice_list .inner  p a {
	color: #e9e8e8;
}
.voice .voice_detail {}
.voice .voice_detail .voice_detail_inner {
	color: #d0d0d0;
	background:url(../images/voice/voice_detail_bg.jpg);
	padding: 40px 30px 40px;
}
.voice .voice_detail .voice_detail_inner dl {
	border-bottom: 1px solid #716d56;
	margin: 0 0 22px;
	padding-bottom: 10px;
}
.voice .voice_detail .voice_detail_inner dt {
	font-size: 18px;
	color: #c1b467;
	font-weight: bold;
}
.voice .voice_detail .voice_detail_inner dd {
	margin-top: 5px;
	font-size: 20px;
	color: #d0d0d0;
}
.voice .voice_detail .voice_detail_inner .txtarea {
	font-size:15px;
	margin-bottom: 30px;
	line-height:1.8;
}
.voice .voice_detail .voice_detail_inner .gallery {}
.voice .voice_detail .voice_detail_inner .gallery li {
    width: 150px;
    margin: 0 4px 20px;
    text-align: center;
    float: left;
}
.voice .voice_detail .voice_detail_inner .gallery li img {
    margin-bottom: 5px;
}
}
/*---------------  SP ---------------------*/
@media screen and (max-width:639px) {


.main {
	height: 0;
    padding-top: 74%;
 	background: url(../images/voice/main_bg.jpg) no-repeat;
    background-size: 400%;
	background-position:center top;
}



.voice .voice_list {
	background: #0e1411;
	padding: 4% 0 0;
}
.voice .voice_list .inner {
	margin: 0 auto 4%;
	padding: 4%;
	border-bottom: 1px solid #d3d3d3;
}

.voice .voice_list .inner .fl {
    text-align: center;
}

.voice .voice_list .inner .fl img {
	max-height:220px;
}
.voice .voice_list .inner .fr {
    margin: 2% 2% 0 0;
}


.voice .voice_list .inner .fr .name {
	font-size: 1.4em;
	margin-bottom: 2%;
	color: #e9e8e8;
	font-weight: bold;
}


.voice .voice_list .inner .fr .txt {
	margin-bottom: 2%;
}

.voice .voice_list .inner .fr .txt a{
	font-size:1.2em;}



.voice .voice_list .inner .fr .btn {
	text-align: right;
}
.voice .voice_list .inner  p a {
	color: #e9e8e8;
}
.voice .voice_detail {}
.voice .voice_detail .voice_detail_inner {
	color: #d0d0d0;
	background:url(../images/voice/voice_detail_bg.jpg);
	padding: 5% 4%;
}
.voice .voice_detail .voice_detail_inner dl {
	border-bottom: 1px solid #716d56;
	margin: 0 0 6%;
	padding-bottom: 3%;
}
.voice .voice_detail .voice_detail_inner dt {
	font-size: 1.2em;
	color: #c1b467;
	font-weight: bold;
}
.voice .voice_detail .voice_detail_inner dd {
	margin-top: 2%;
	font-size: 1.25em;
	color: #d0d0d0;
}
.voice .voice_detail .voice_detail_inner .txtarea {
	font-size:1.05em;
	margin-bottom: 12%;
	line-height:1.8;
}

.voice .voice_detail .voice_detail_inner .txtarea img{
	width:100% !important;
	height:auto !important;}


.voice .voice_detail .voice_detail_inner .gallery {}
.voice .voice_detail .voice_detail_inner .gallery li {
    width: 48%;
    margin: 0 0 4%;
    text-align: center;
    float: left;
}
.voice .voice_detail .voice_detail_inner .gallery li:nth-child(2n) {
	float: right;
}
.voice .voice_detail .voice_detail_inner .gallery li img {
    margin-bottom: 5px;
}
}