.archive-card-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.innerbox_article .block_article a.archive-card {
	display: flex;
	border: 1px solid #ddd;
	padding: 15px;
	margin-top: 6px;
	gap: 9px;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* ✨ 軽めの初期シャドウ */
	transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
	border-radius: 6px;
	text-decoration: none;
	color: #000;
	align-items: flex-start;
}

.innerbox_article .block_article a.archive-card:hover {
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* ✨ しっかりシャドウ */
	transform: translateY(-2px); /* 軽く浮かせる演出 */
	background-color: #fafafa;
}

.innerbox_article .block_article a.archive-card img {
	width: 150px;
	height: auto;
}

.innerbox_article .block_article a.archive-card h3 {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 9px;
	border-left: none;
	padding-left: 0;
	line-height: 1.5;
}


.innerbox_article .block_article a.archive-card .archive-card-content{
	font-size: 14px;
	margin-bottom: 0;
}

@media (max-width:767px){ /* col-xs:タブレット以下 */

	.innerbox_article .block_article a.archive-card {
		padding: 1.875vw;
		gap: 1.875vw;
	}

	.innerbox_article .block_article a .archive-card-body {
		display: flex;
		flex: 1;
		min-width: 0; /* ← ✨これが隙間を埋める魔法の一文✨ */
		flex-direction: column;
	}

	.innerbox_article .block_article a.archive-card img {
		width: 18.75vw;
		padding: 0.9375vw;
	}
	
	.innerbox_article .block_article a.archive-card h3 {
		font-size: 3.75vw;
		margin-bottom: 1.875vw;
		line-height: 1.2;
	}
	
	
	.innerbox_article .block_article a.archive-card .archive-card-content{
		font-size: 3.4375vw;
		line-height: 1.2;
	}


}