@charset "utf-8";
.l-contents {
	max-width: 1360px;
}

.p-archive--post.p-post-cards {
	display: flex;
	width: 100%;
	border-top-style: solid;
	border-top-color: #9d9d9d;
	flex-direction: column;

	margin-inline: 0;
}

.p-post-cards-item {
	flex-direction: column;

	row-gap: 10px;
}

.c-date--publish::before {
	display: none;
}

.p-post-cards-item {
	margin: 0;
	border-style: solid;
	border-color: #9d9d9d;
}
.p-archive--post .p-post-cards-item__date {
	display: block !important;
	color: #656565 !important;
}
.c-date {
	color: #656565;
}
.p-post-cards-item__link {
	display: flex;
	column-gap: 0.5em;
	align-items: baseline;
}
.p-post-cards-item__title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.p-post-cards-item__link a {
	border-bottom: 1px solid;
	color: #1734d5;
	transition: all 0.3s;
}
.p-post-cards-item__link a:hover {
	color: #cc2f00;
}
.p-post-cards-item__link a.library_movie-not {
	border-bottom: none;
	color: inherit;
	text-decoration: none;
	pointer-events: none;
}


.library_caution-container {
	display: flex;
	flex-direction: column;

	row-gap: 20px;
}
.library_caution-container h2 {
	font-weight: bold;
	font-size: clamp(1.125rem, -0.896rem + 4.21vw, 1.875rem);
	text-align: center;
}
.library_caution-container p {
	font-size: clamp(0.938rem, 0.095rem + 1.75vw, 1.25rem);
	line-height: clamp(1.688rem, -0.334rem + 4.21vw, 2.438rem);
	text-align: center;
}

@media screen and (min-width: 768px) {
	.l-contents {
		inline-size: 95%;
	}
	.p-archive--post.p-post-cards {
		border-top-width: 2px;
	}
	.p-post-cards-item {
		padding: 23.5px 35px;
		border-width: 0 0 2px;
	}
	.p-post-cards-item__title {
		font-size: 22px;
	}
	.library_movie-link {
		min-width: fit-content;
		font-size: 21px;
	}
}
@media screen and (max-width: 767px) {
	.library_caution-container p {
		text-align: justify;
	}
	.library_caution-container p br {
		display: none;
	}
	.l-contents {
		inline-size: calc(100% - 40px);
	}
	.p-archive--post.p-post-cards {
		border-top-width: 1px;
	}
	.p-post-cards-item {
		padding: 23.5px 10px;
		border-width: 0 0 1px;
	}
	.p-post-cards-item__link {
		flex-direction: column;
	}
	.p-post-cards-item__title {
		width: 100%;
		font-size: 18px;
		line-height: 1.15;
	}
	.library_movie-link {
		font-size: 17px;
	}
}