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


@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@1,300&display=swap');

/* font-family: 'Barlow', sans-serif; */

/*font-family: fot-rodin-pron,sans-serif;
font-weight: 600;
font-style: normal;*/

/*  */

/*.es-container,
body:not(#home) #content {
	max-width: 1114px;
	width: 1114px;
	padding-left: 0;
	padding-right: 0;
}*/

/*  */

.es-list ul {
/*	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1em;*/
	width: 80%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 auto;
}

.es-list.list-direction-column li:last-child,
.es-list.list-border-bottom li,
.es-list li {
	text-align: center;
	width: calc(100% / 3);
	padding: 0;
	border: none;
	padding-bottom: 3em;
	position: relative;
	margin-bottom: 6em;
}

.es-list.has-thumbnail.list-direction-column > ul.link > li > a, .es-list.has-thumbnail.list-direction-column > ul.non_link > li {
	height: 100%;
	text-align: center;
	flex-direction: column;
	align-items: center;
}

.es-list.has-thumbnail.list-direction-column > ul.link > li > a {
	justify-content: flex-start;
	overflow: visible;
}

.voice.list ul li.es-list-item a:after {
	content: 'もっと見る';
	display: block!important;
	background-color: #000;
	color: #fff;
	font-size: 0.75rem;
	line-height: 1;
	padding: 0.6em 1.8em;
	border-radius: 1em;
	position: absolute;
	bottom: 0;
}

.voice.list ul li.es-list-item a:hover:after,
.voice.list ul li.es-list-item a:hover {
	opacity: 0.8;
}

.voice.list ul li.es-list-item a:hover h3 {
	text-decoration: none;
}

.es-list.has-thumbnail.list-direction-column > ul.link > li > a .thumb, .es-list.has-thumbnail.list-direction-column > ul.non_link > li .thumb {
	width: 180px;
	height: 180px;
	text-align: center;
}

.es-list.has-thumbnail.list-direction-column > ul.link > li > a figure, .es-list.has-thumbnail.list-direction-column > ul.non_link > li figure {
	width: 180px;
	height: 180px;
	text-align: center;
}

.es-list.has-thumbnail.list-direction-column > ul.link > li > a .list_content, .es-list.has-thumbnail.list-direction-column > ul.non_link > li .list_content {
	width: 100%;
	display: flex;
	flex-direction: column;
	
	/*background-color: rgba(0, 0, 0, 0.5);*/
}

.voice.list ul li.es-list-item h3 {
	order: 1;
	margin-top: 0.6em;
}

.voice.list ul li.es-list-item .date {
	order: 2;
	font-size: 0.9375rem;
}

.voice.list ul li.es-list-item p {
	order: 3;
}

.voice.list ul li.es-list-item p.ellipsis {
	 width: 70%;
	 line-height: 1.4;
	 margin: 1em auto 0;
	text-align: left;
	
	font-size: 1rem;
	
	overflow: visible;
	text-overflow: clip;
	white-space: normal;
	
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}



/*  */

@media screen and (max-width: 544px) {
	.es-container, body:not(#home) #content {
		max-width: initial;
		width: 100%;
	}
	
	/*  */
	
	.es-list ul {
		width: 94%;
	}
	
	.es-list.list-direction-column li:last-child, .es-list.list-border-bottom li, .es-list li {
		width: 50%;
	}
	
	.es-list.has-thumbnail.list-direction-column > ul.link > li > a .thumb, .es-list.has-thumbnail.list-direction-column > ul.non_link > li .thumb {
		width: 30vw;
		height: 30vw;
	}
	
	.es-list.has-thumbnail.list-direction-column > ul.link > li > a figure, .es-list.has-thumbnail.list-direction-column > ul.non_link > li figure {
		width: 100%;
		height: 100%;
	}
	
	.es-list.list-direction-column h3 {
		font-size: 3.4375vw;
		/* 11px */
	}
	
	
	.voice.list ul li.es-list-item p.ellipsis {
		width: 90%;
		font-size: 3.125vw;
		/* 10px */
		margin-top: 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*  */
}


/* 個別ページ */

body.single-voice {
	
}

body.single-voice .custom_post .es-single-post-order h1 {
	font-size: 3.2rem;
	text-align: center;
}

body.single-voice .entry-content {
	text-align: center;
}

body.single-voice .entry-content p {
	text-align: center;
}

body.single-voice .entry-content figure {
	width: 195px;
	height: 195px;
	margin: 0 auto 2em;
	border-radius: 50%;
	overflow: hidden;
	padding: 0;
}

body.single-voice .entry-content figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

body.single-voice .entry-content figure + p {
	font-size: 1.4rem;
	line-height: 1.8;
}

body.single-voice .btn_sq_voice {
	display: inline-block;
	padding-bottom: 4em;
	margin-bottom: 1em;
	margin-top: 2em;
	position: relative;
}

body.single-voice .btn_sq_voice:after {
	content: '';
	display: block;
	width: 80%;
	height: 0.2em;
	background-color: #e91b77;
	position: absolute;
	bottom: 0;
	left: 10%;
}

@media screen and (max-width: 544px) {
	body.single-voice .custom_post .es-single-post-order h1 {
		font-size: 5.625vw;
/* 18px */
	}
	
	body.single-voice .entry-content figure + p {
		font-size: 3.75vw;
		/* 12px */
	}
	
	body.single-voice .entry-content figure {
		width: 40vw;
		height: 40vw;
	}
	
	
	
}





























/*  */