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


/*--------------------------------------
　KV
---------------------------------------*/
.category-voice #keyArea.lower .txtBox .en img {
	/* width: 72px; */
}
.category-voice #keyArea.lower .txtBox:before {
	background: url("../../images/voice/key.jpg") 0 0 no-repeat;
    background-size: cover;
}


/*--------------------------------------
　CONTENTS
---------------------------------------*/
.voiceArea  {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	justify-content: space-around;
}
.voiceArea .voiceList {
	width: 530px;
	margin: 0 4rem 4rem 0;
	background: #f3f3f3;
}
.voiceArea .voiceList:nth-child(2n) {
	margin: 0 0 4rem 0;
}
.voiceArea .voiceList .txtBox {
	padding: 2rem 2rem 3rem;
}
.voiceArea .voiceList .userName {
    color: #fff;
    text-align: center;
    font-size: 2rem;
    background: #000;
    letter-spacing: 0.05em;
    padding: 1.1rem;
}
.voiceArea .voiceList .photo {
	text-align: center;
	/*margin: 0 auto 2rem;*/
}
.voiceArea .voiceList .photo img {
	width: auto;
	max-height: 605px;
}
.voiceArea .voiceList .photo p {
	margin: 0 auto 2rem;
	text-align: left;
}
.voiceArea .voiceList .txt,
.voiceArea .draftjs-markdown__string {
	text-align: left;
	padding: 0 2%;
}




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


/*--------------------------------------
　KV
---------------------------------------*/
.category-voice #keyArea.lower .txtBox .en img {
	width: 62px;
}

#keyArea.lower {
	background: url("../../images/voice/key.jpg") 50% 50% no-repeat;
    background-size: cover;
}


/*--------------------------------------
　CONTENTS
---------------------------------------*/
.voiceArea  {
  	display:block;
  	flex-wrap: inherit;
	padding: 0 4%;
}
.voiceArea .voiceList {
	width: 100%;
	margin: 0 0 2rem 0;
}
.voiceArea .voiceList:nth-child(2n) {
	margin: 0 0 2rem 0;
}
.voiceArea .voiceList .txtBox {
	padding: 2rem;
}
.voiceArea .voiceList .userName {
    font-size: 1.6rem;
    padding: 1.1rem;
}
.voiceArea .voiceList .photo {
	text-align: center;
}
.voiceArea .voiceList .photo img {
	max-height: 377px;
}
.voiceArea .voiceList .photo p {
	margin: 0 auto 1.5rem;
}
.voiceArea .voiceList .txt,
.voiceArea .draftjs-markdown__string {
	padding: 0;
	text-align: left;
}


}


.pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 30px 0;
}

.pagination a,
.pagination span {
    width: 36px;
	height: 36px;
	color: #000;
	text-align: center;
	font-size: 1.5rem;
	line-height: 35px;
	border: solid 1px #000;
	font-weight: 600;
	margin: 0 1rem 0 0;
	padding: 0;
	float: none;
    left: auto;
}

.pagination .current {
    background: #000;
    color: #fff;
    border-color: #000;
}