/* 記事 */
.posts {
	width: 750px;
	margin-bottom: 80px;
	clear: both;
	@media(1000px > width) {
		width: 100%;
	}

	> div {
		img {
			margin-bottom: 20px;
		}
	}


	.post_date {
		margin-top: 80px;
		border-top: 1px dashed var(--news-border);
		border-bottom: 1px dashed var(--news-border);
		clear: both;
		p {
			font-size: clamp(1.2rem, 2.5vw, 1.4rem);
			font-weight: var(--txt-bold);
			text-align: right;
			color: var(--c-blue-dark);
			padding: 10px 5px;
			margin-bottom: 0;
		}
	}

	/* 前へ次へ */
	.pager_nav {
		margin-top: 80px;
		ul {
			display: flex;
			justify-content: center;
			gap: 0 60px;

			li {
				list-style: none;
				margin: 0;
				position: relative;
				transition: all .3s ease;

				a {
					&::before,
					&::after {
						content: '';
						display: inline-block;
						vertical-align: middle;
						color: #fff;
						line-height: 1;
						width: 0.8em;
						height: 0.8em;
						border: 0.2em solid currentColor;
						border-left: 0;
						border-bottom: 0;
						box-sizing: border-box;
					}
				}

				&.prev {
					a {
						&::before {
							rotate: -135deg;
							margin-top: -1px;
							margin-right: 20px;
						}
						&::after {
							display: none;
						}
					}
				}

				&.next {
					a {
						&::before {
							display: none;
						}
						&::after {
							transform: translateX(-25%);
							rotate: 45deg;
							margin-left: 20px;
						}
					}
				}
			}
		}

	}

	p {
		font-weight: normal;
		line-height: 1.8;
		word-break: break-all;
		margin-bottom: 1rem;

		a {
			color: var(--c-blue-dark);
			text-decoration: underline;
		}
	}

	.has-small-font-size {
		font-size: clamp(1.2rem, 2.5vw, 1.4rem);
		line-height: 1.8;
	}

	.has-medium-font-size {
		font-size: clamp(1.6rem, 2.5vw, 2rem);
		line-height: 1.8;
	}

	/* 太字 */
	strong {
		font-weight: var(--txt-bold);
	}

	/*  斜め */
	em {
		font-style: italic;
	}

	/* 画像 */
	img {
		height: auto;
	}

	/* 画像のキャプション */
	figcaption {
		font-size: clamp(1.2rem, 2.5vw, 1.4rem);
		margin: 1rem 0 0;
	}

	/* 区切り */
	.wp-block-separator {
		border-top: 1px solid var(--border);
		border-bottom: none;
		margin: 70px 0;
	}

	/* 動画 */
	.wp-block-embed {
		width: 100%;
		margin: 0 0 2.5em;

		.wp-block-embed__wrapper {
			padding-top: calc(100% * 9 / 16);

			iframe {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}
		}
	}

	/* ボタン */
	.wp-block-button {}


	/* 引用 */
	.wp-block-quote {
		background: var(--news-border);
		padding: 25px 35px;
		margin: 25px 0;

		p {
			font-size: clamp(1.4rem, 2.5vw, 1.8rem);
			margin-bottom: 0;
		}

		cite {
			font-size: clamp(1.4rem, 2.5vw, 1.6rem);
		}
	}

	/* ボタン */
	a.wp-block-file__button {
		background: var(--c-blue);

		&:hover {
			background: var(--c-blue);
			border-radius: 2em;
			opacity: 0.9;
		}
	}

	/* テーブル */
	.wp-block-table {
		font-size: clamp(1.4rem, 2.5vw, 1.6rem);
	}

	.wp-block-table>table {

		td,
		th {
			padding: 10px 7px;
			margin: 10px 0;
			line-height: 1.7;
		}
	}

	/* デフォルト */
	.wp-block-table.is-style-regular {

		td,
		th {
			border: 1px solid var(--txt-color);
		}

		th {
			color: var(--txt-color);
			font-weight: bold;
		}
	}

	/* ストライプ */
	.wp-block-table.is-style-stripes {
		border-bottom: none;

		td,
		th {
			border-bottom: 1px solid var(--txt-color);
		}

		th {
			background-color: var(--c-blue);
			font-weight: bold;
		}
	}

	.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
		background-color: #fff;
	}

	.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
		background-color: #fcf9f7;
	}

	/* image */
	.wp-block-image {}

	.wp-block-media-text {}

	/* メディアの幅設定 */
	.wp-block-media-text .wp-block-media-text__media {

		width: 35%;
		box-sizing: border-box;

		@media(1000px > width) {
			width: 100%;
			order: 2;
			margin-bottom: 20px;
		}
	}

	/* ----------------------------
	/* タイトル
	/* ---------------------------- */
	h1 {
		font-size: clamp(2.2rem, 2.5vw, 2.5rem);
		;
		margin-bottom: 17px;
		color: var(--txt-color);
	}


	h2 {
		font-size: clamp(2rem, 2.5vw, 2.4rem);
		;
		margin-bottom: 17px;
		color: var(--txt-color);
	}

	h3 {
		font-size: clamp(1.6rem, 2.5vw, 2rem);
		margin-bottom: 17px;
		color: var(--txt-color);
	}

	h4 {}

	h5 {}

	h6 {}

	/* ----------------------------
	/* 背景
	/* ---------------------------- */
	.has-background {
		margin: 30px 0;
	}

	/* ----------------------------
	/* リスト
	/* ---------------------------- */
	ul {
		li {
			list-style-type: disc;
			margin-left: 25px;
			font-size: 16px !important;
			font-weight: normal;
			line-height: 1.6;
			margin-bottom: .6rem;

		}
	}

	ol {
		li {
			margin-left: 25px;
			font-weight: normal;
			font-size: 16px !important;
			line-height: 1.6;
			margin-bottom: .6rem;
			list-style-type: decimal;

		}
	}

}