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

PODCAST

======================================= */
.podcast-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 0px 12px;
	margin-top: calc(1.2em - 1em);

	padding-inline: 5px;
}
.podcast-list::before,
.podcast-list::after {
	content: "";
	display: inline-block;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	width: calc(calc(100% / 3) - 10px);
	height: 0;
}
.podcast-list::before {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}
.podcast-list__item {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	width: calc(calc(100% / 3) - 10px);
}
.podcast-list__item:not(:empty) {
	margin-top: 1em;
}
.podcast-list__thumb {
	display: block;
	/* aspect-ratio: 1 / 1; */
	aspect-ratio: 16 / 9;
	background-color: var(--color-gray);
}
.podcast-list__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.podcast-list__time {
	display: inline-block;
	margin-top: 1em;
}
.podcast-list__time ,
.podcast-list__headline {
	font-size: var(--txt-small);
	color: var(--color-bk);
}
@media (max-width: 480px) {
	.podcast-list::before,
	.podcast-list::after,
	.podcast-list__item {
		width: calc(calc(100% / 1) - 10px);
	}
}
.podcast-list + .button02 {
	margin-top: 2.9em;
	margin-inline: auto;
}