/* お知らせスタイル */

/* アーカイブスタイル */
.archive {
	.wp-block-post-template {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: min(60px, 13.33vw) min(60px, 5.07vw);

		@media screen and (max-width: 899px) {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	.wp-block-post {
		&>.wp-block-group {
			border: solid 1px var(--primary-color);
			padding: 20px;
			display: grid;
			gap: 20px;

			@media screen and (max-width: 899px) {
				border: none;
				padding: 0;
				gap: 0;
			}
		}

		a {
			@media (hover: hover) {
				&:hover {
					text-decoration: underline;
				}
			}

			@media (hover: none) {
				&:active {
					text-decoration: underline;
				}
			}
		}
	}

	.wp-block-post-featured-image {
		width: 100%;
		overflow: hidden;

		@media screen and (max-width: 899px) {
			margin-bottom: min(10px, 2.67vw);
			order: 1;
		}

		a {
			aspect-ratio: 16/11;
			width: 100%;
			height: 100%;
			display: block;
			overflow: hidden;

			@media (hover: hover) {
				&:hover {
					opacity: .5;
				}
			}

			@media (hover: none) {
				&:active {
					opacity: .5;
				}
			}
		}
	}

	.wp-block-post-date {
		font-size: .875rem;
		line-height: 1;

		@media screen and (max-width: 899px) {
			margin-bottom: min(14px, 3.73vw);
			order: 3;
		}
	}

	.wp-block-post-title {
		margin: 0;
		/* 375px-899px:14px-16px */
		font-size: clamp(0.875rem, 0.786rem + 0.38vw, 1rem);
		font-weight: 500;
		line-height: 1.85;

		@media screen and (max-width: 899px) {
			margin-bottom: min(14px, 3.73vw);
			order: 2;
		}

		a {
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
		}
	}

	.screen-reader-text {
		display: none;
	}

	.wp-block-read-more {
		font-size: .875rem;
		line-height: 1;
		font-weight: 300;
		letter-spacing: .02em;

		@media screen and (max-width: 899px) {
			order: 4;
		}
	}
}


/* シングルページ */
.wp-singular {

	.breadcrumb__list {
		flex-wrap: nowrap;
	}

	.breadcrumb__item:last-of-type {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block;
		vertical-align: bottom;
		max-width: 60vw;
	}

	.wp-block-post-featured-image {
		margin-bottom: min(80px, 8vw);

		img {
			width: auto;
			height: auto;
			max-width: 100%;
		}
	}

	.wp-block-post-date {
		font-size: var(--base-font-size);
		font-weight: 300;
		letter-spacing: .03em;
		line-height: 1.7;
		margin-bottom: min(20px, 5.33vw);
	}

	.wp-block-post-title {
		margin: 0 0 min(20px, 5.33vw);
		font-weight: 400;
		/* 375px-899px:20px-22px */
		font-size: clamp(1.25rem, 1.161rem + 0.38vw, 1.375rem);
		line-height: 1.7;
	}

	.entry-content {
		margin-bottom: min(80px, 8vw);

		&>*+* {
			margin-top: min(20px, 5.33vw);
		}

		p {
			line-height: 2.5;

			@media screen and (max-width: 899px) {
				line-height: 2;
			}
		}

		a {
			text-decoration: underline;

			@media (hover: hover) {
				&:hover {
					opacity: .5;
				}
			}

			@media (hover: none) {
				&:active {
					opacity: .5;
				}
			}
		}

		.wp-block-image {
			img {
				width: -webkit-fit-content;
				width: -moz-fit-content;
				width: fit-content;
				max-width: 100%;
			}
		}

		.wp-element-caption {
			font-size: 0.875rem;
			line-height: 1.5;
			font-weight: 300;
			margin-top: 1em;
		}

	}

	.news-back-button {}

	.news-back-button__link {
		font-size: 0.812rem;
		font-weight: 300;
		line-height: 1;
		border: 1px solid var(--color-black);
		display: block;
		width: min(300px, 80vw);
		padding: 1rem;
		text-align: center;

		@media screen and (max-width: 899px) {
			margin: 0 auto;
		}

		@media (hover: hover) {
			&:hover {
				color: var(--color-white);
				background-color: var(--primary-color);
			}
		}

		@media (hover: none) {
			&:active {
				color: var(--color-white);
				background-color: var(--primary-color);
			}
		}
	}
}