/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 09 2025 | 02:48:16 */
@charset "UTF-8";
/**
 * コラムカテゴリーページ
 * ルール
 * ・セレクタの最初に body.[class^="category-"] を付ける
 */

body[class*="category-"] .site-content{
	padding: 20px 0 0;
}

body[class*="category-"] .entry-title{
	text-align: center;
}

body[class*="category-"] .entry-title span{
	display: inline-block;
	padding: 20px 0 0;
	font-size: 32px;
	font-weight: 700;
	color: #333;
}
@media screen and (max-width: 767px) {
	body[class*="category-"] .entry-title span{
		font-size: 20px;
	}
}

body[class*="category-"] .entry-title span::after{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	margin: 7px auto 85px;
	background: transparent linear-gradient(90deg, #9CE2AF 0%, #9AE7F7 100%) 0% 0% !important;
}
@media screen and (max-width: 767px) {
	body[class*="category-"] .entry-title span::after{
		margin-bottom: 50px;
	}
}

body[class*="category-"] .es-list-items{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	max-width: 941px;
	margin: 0 auto;
	padding: 0 7px 20px;
}
@media screen and (max-width: 767px) {
	body[class*="category-"] .es-list-items{
		max-width: 100%;
		padding: 0 16px 30px;
	}
}

body[class*="category-"] .es-list-items > li{
	list-style: none;
	width: calc(100%/3);
	margin: 0 !important;
	padding: 0 13px 45px;
	border: none;
}
@media screen and (max-width: 767px) {
	body[class*="category-"] .es-list-items > li{
		width: 50%;
		padding: 0 8px 37px;
	}
}

body[class*="category-"] .es-list-items > li #es-categories-archive-content{
	flex-direction: column;
}

body[class*="category-"] .es-list-items > li .thumb,
body[class*="category-"] .es-list-items > li .thumb figure,
body[class*="category-"] .es-list-items > li .es-list-content{
	width: 100% !important;
}

body[class*="category-"] .es-list-items > li .thumb img{
	border-radius: 10px;
}

body[class*="category-"] .es-list-items > li .es-list-content .date{
	display: block;
	margin: 8px 0 5px !important;
	text-align: right;
}
@media screen and (max-width: 767px) {
	body[class*="category-"] .es-list-items > li .es-list-content .date{
		display: block;
		margin: 5px 0 3px !important;
		text-align: right;
		font-size: 12px;
	}
}

body[class*="category-"] .es-list-items > li .es-list-content h3{
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-align: left;
}

body[class*="category-"] .es-list-items > li .es-list-content .ellipsis{
	display: none;
}