/*
Theme Name: soramamepat
Template: LEAGO_V2
Version: 1.0.0
*/
:root {
    --main_full-width: 1184px;
}

/* =========================================================
  新着コラム（画像の再現）
  base: 16px / px only
========================================================= */

.el-newsCol{
	font-size:16px;

	padding: 44px 0 40px;
}

.el-newsCol__title{
	margin: 0 0 22px;
	text-align:center;
	font-size: 40px;
	font-weight: 900;
	letter-spacing: .08em;
	color:#111;
}

/* list spacing */
.el-newsCol__list{
	display: grid;
	gap: 18px;
	width: 100vw;
	max-width: 1280px;
}

/* card */
.el-colCard {
	display: grid;
	grid-template-columns: 340px 1fr;
	align-items: stretch;

	border-radius: 10px;
	overflow: hidden;
	height: 200px;
	background: #fcf7dd; /* 薄いクリーム */
	box-shadow: 0 10px 20px rgba(0,0,0,.16);
	text-decoration: none;
	color: inherit;
}

/* highlight card (middle yellow) */
.el-colCard--hl{
	background: #ffd800; /* 強調の黄色 */
}

.el-colCard__img{
	background:#d9d9d9;
	position: relative;
	max-width: 340px;

}
.el-colCard__img img{
	width: 100%;
	height: 100%;

	object-fit: cover;
}

/* body */
.el-colCard__body{
	padding: 14px 18px 16px;
}

.el-colCard__meta{
	display:flex;
	align-items:center;
	gap: 12px;
	margin-bottom: 8px;
}

.el-colCard__badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height: 20px;
	padding: 0 10px;

	font-size: 12px;
	font-weight: 800;
	color:#111;

	background:#ffffff;
	border: 1px solid rgba(0,0,0,.28);
	border-radius: 4px;
}

.el-colCard__date{
	font-size: 16px;
	font-weight: 700;
	color: rgba(0,0,0,.65);
}

/* title + excerpt */
.el-colCard__ttl{
	margin: 0 0 8px;
	font-size: 24px;
	font-weight: 900;
	color:#111;
}

.el-colCard__txt{
	margin: 0;
	font-size: 12px;
	line-height: 1.9;
	color: rgba(0,0,0,.80);

	/* 画像っぽく2〜3行で止めたい場合 */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/* more link (bottom-right) */
.el-newsCol__more{
	margin-top: 18px;
	display:flex;
	justify-content:flex-end;
}

.el-newsCol__moreLink{
	font-size: 24px;
	font-weight: 900;
	color:#111;
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	gap: 10px;
	margin-right: 24px;
}

.el-newsCol__arrow{
	font-size: 20px;
	line-height: 1;
}

/* hover */
.el-colCard:hover{
	transform: translateY(-1px);
	transition: transform .12s ease;
}

.cpt-categories__category {
	color: #333 !important;
	font-size: 16px;
}

/* =========================================
  SP: 縦並び（画像→本文）
========================================= */
@media (max-width: 900px){
	.el-colCard{
		grid-template-columns: 1fr;
	}
	.el-colCard__img{
		height: 180px;
	}
	.el-colCard__body{
		padding: 12px 14px 14px;
	}
	.el-colCard__img {
	}
	.el-colCard {
		height: auto;
	}
	.el-colCard__img {
		height: 200px;
		width: 100%;
		max-width: none;
	}

	.el-newsCol__list {
		display: grid;
		gap: 18px;
		padding: 0 12px;
		border-radius: 8px;
		margin: 0 auto;
	}

	.el-colCard {
		height: auto;
		width: 90%;
		/* max-width: 400px; */
	}
}