@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*
#memvoice .h1 + .memvoice-body, #memvoice .h2 + .memvoice-body, #memvoice .ex + .memvoice-body,
#memvoice .h1 + .element, #memvoice .h2 + .element, #memvoice .ex + .element {
	margin-top: 20px;
}
*/
/*~~*/

#memvoice .memvoice-body li {
	margin-top: 15px; display: flex;
}

#memvoice .memvoice-body li:nth-child(1) {
	margin-top: 0;
}

#memvoice .memvoice-body li .hukidashi {
	flex: 1; padding: 10px; border: 1px solid #000; position: relative; z-index: 0;
}

#memvoice .memvoice-body li .hukidashi:before {
	width: 0px; height: 0px; margin-top:  -9px; border-style: solid; z-index:  0;
	content: ""; position: absolute; top: 50%; right: -9px; display: block;
	border-width:  9px 0  9px  9px; border-color: transparent transparent transparent #000;
}

#memvoice .memvoice-body li .hukidashi:after {
	width: 0px; height: 0px; margin-top: -10px; border-style: solid; z-index: -1;
	content: ""; position: absolute; top: 50%; right: -10px; display: block;
	border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #000;
}

#memvoice .memvoice-body li .hukidashi .fbody {
	width: 100%; padding: 10px;
}

#memvoice .memvoice-body li .hukidashi .fbody .body {
	text-align: left;
}

#memvoice .memvoice-body li .hukidashi .fbody .date {
	margin-top: 10px; text-align: center;
}

#memvoice .memvoice-body li .hukidashi .fbody .date span {
	padding: 5px 20px; border: 1px solid #000; display: inline-block;
}

/*~~*/

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

#memvoice .memvoice-body li .icon {
	width: 34px; margin-left: 10px; display: flex; justify-content: center; align-items: center;
}

}

#memvoice .memvoice-body li .icon span {
	width: 34px; height: 34px; margin: 0 auto; border: 1px solid #000; border-radius: 34px; font-size: 28px; display: flex; justify-content: center; align-items: center;
}

/*~~*/

#memvoice .jump {
	margin-top: 15px; text-align: center;
}

#memvoice .jump div {
	padding: 10px; border: 1px solid #000;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width: 769px) {
/****************************************************************************************************************************************************************/
/*
#memvoice .h1 + .memvoice-body, #memvoice .h2 + .memvoice-body, #memvoice .ex + .memvoice-body,
#memvoice .h1 + .element, #memvoice .h2 + .element, #memvoice .ex + .element {
	margin-top: 25px;
}
*/
/*~~*/

#memvoice .memvoice-body ul {
	padding-bottom: 45px; display: flex; flex-wrap: wrap; justify-content: center;
}

/*~~*/
/*
□・15・□・15・□・15・□
*/
#memvoice .memvoice-body li {
	width: calc((100% - 45px) / 4); margin-top: 70px; margin-left: 15px; display: flex; position:relative;
}

#memvoice .memvoice-body li:nth-child(4n + 1) {
	margin-left: 0;
}

#memvoice .memvoice-body li:nth-child(-n + 4) {
	margin-top: 0;
}

#memvoice .memvoice-body li .hukidashi {
	padding: 10px; display: flex;
}

#memvoice .memvoice-body li .hukidashi:before {
	margin-top: 0; margin-left:  -9px; top: auto; right: auto; bottom:  -9px; left: 50%;
	border-width:  9px  9px 0  9px; border-color: #000 transparent transparent transparent;
}

#memvoice .memvoice-body li .hukidashi:after {
	margin-top: 0; margin-left: -10px; top: auto; right: auto; bottom: -10px; left: 50%;
	border-width: 10px 10px 0 10px; border-color: #000 transparent transparent transparent;
}

#memvoice .memvoice-body li .hukidashi .fbody {
	display: flex; flex-direction: column;
}

#memvoice .memvoice-body li .hukidashi .fbody .body {
	margin-bottom: 10px;
}

#memvoice .memvoice-body li .hukidashi .fbody .date {
	margin-top: auto;
}

#memvoice .memvoice-body li .icon {
	width: 100%; position: absolute; bottom: -45px; text-align: center;
}

/*~~*/

#memvoice .jump div {
	width: 350px; display: inline-block;
}

/****************************************************************************************************************************************************************/
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/