@charset "UTF-8";
/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: The WordPress team
Description: Twenty Twenty-One Child Theme
Version: 1.0
Text Domain: twentytwentyone-child
*/

/* --- 親テーマ文字サイズ調整 --- */
.singular .entry-title {
	font-size: var(--global--font-size-xl);
}
.page-title {
	font-size: var(--global--font-size-xl);
}
.archive-description {
	font-size: var(--global--font-size-sm);
}
.site-title {
	font-size: var(--global--font-size-xl);
}
.site-description {
	font-size: var(--global--font-size-sm);
}

/* --- ウィジェットエリアマージン --- */
.no-widgets .site-footer,
.widget-area {
	margin-top: calc(1 * var(--global--spacing-vertical));
}

/* --- 本文フッター padding --- */
.site-main > article > .entry-footer {
	padding-bottom: 0;
}

/* --- トップページリンク --- */
.news-text a {
	text-decoration: none !important;
}
.news-text a:hover {
	text-decoration: underline !important;
}

/* --- 投稿日 --- */
.posted-on {
	color: #ddd !important;
	font-size: 12px !important;
	padding-bottom: 3px;
}

/* --- カテゴリーページ --- */
.page-header {
	margin-top: 20px;
}
.page-title {
	text-align: center;
	padding-top: 50px;
}
@media (max-width: 480px) {
	.page-title {
		margin-top: 100px !important;
		margin-bottom: 0 !important;
	}
	.page-header {
		margin-bottom: -50px !important;
	}
}

/* --- カテゴリー footer --- */
.post-taxonomies {
	color: #ddd !important;
	font-size: 12px !important;
}
.cat-links {
	text-align: center;
	padding-bottom: 10px;
}

/* --- カテゴリーページ説明文 --- */
.archive-description {
	font-size: 1.5rem;
	text-align: center;
}

/* --- 投稿者非表示 --- */
.single .site-main > article > .entry-footer .byline {
	display: none !important;
}

/* --- 記事 header --- */
.entry-header {
	margin-top: 100px !important;
}
@media (max-width: 480px) {
	.entry-header {
		margin-bottom: 50px !important;
	}
}

/* --- 投稿記事タイトル --- */
.entry-title {
	text-align: center;
}

/* --- 記事本文段落マージン調整 --- */
.entry-content p {
	margin-bottom: -1em !important;
}

/* --- キャプションフォント --- */
.wp-block-image figcaption {
	font-size: 14px;
}

/* --- カレンダー調整 --- */
.xo-event-calendar {
	padding-bottom: 11px !important;
}
.month-next,
.month-prev {
	background-color: #fff !important;
}

/* --- ul 赤丸 --- */
.list_red:before {
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	background-color: #CC3333;
	border-radius: 50%;
	position: relative;
	top: -1px;
	margin-right: 5px;
}

/* --- news 投稿ページだけサイドバー非表示 --- */
.single-news .widget-area {
	display: none;
}

/* --- news 投稿ページ 黒帯：投稿日 --- */
.single-news .entry-footer {
	background-color: #000;
	padding: 1em 1em !important;
	max-width: var(--responsive--alignwide-width);
	border-radius: 2px;
}
.single-news .entry-footer .posted-on {
	color: #fff;
	font-size: var(--global--font-size-xs);
	text-align: center;
}

/* --- 黒帯の下：白背景のカテゴリー & 最近の投稿 --- */
.single-news .news-meta-box {
	background: #fff;
	padding: 1.5em;
	margin: 1em auto 2em;
	max-width: var(--responsive--alignwide-width);
	border: 1px solid #ddd;
	border-radius: 4px;
}
.single-news .news-meta-box h2 {
	font-size: 1.1em;
	margin-bottom: 0.5em;
	border-bottom: 2px solid #000;
	padding-bottom: 0.3em;
}
.single-news .news-meta-box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.single-news .news-meta-box li {
	margin: 0.4em 0;
}
.single-news .news-meta-box a {
	color: var(--global--color-primary);
	text-decoration: none;
}
.single-news .news-meta-box a:hover {
	text-decoration: underline;
}

/* --- news 投稿タイプ専用 前後ナビ --- */
.single-news .post-navigation .nav-links {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
    max-width: var(--responsive--alignwide-width);
}

.single-news .post-navigation .nav-previous,
.single-news .post-navigation .nav-next {
	flex: 1;
	text-align: center;
}

.single-news .post-navigation a {
	  display: inline-block;
    padding: 0.5em 1em;
    font-size: 1.8rem;
    text-decoration: none;

}
.single-news .post-navigation a:hover {
	text-decoration: underline;
}

/* --- レスポンシブ調整 --- */
@media (max-width: 768px) {
	.single-news .entry-footer {
		font-size: 11px;
		padding: 0.5em;
		margin: 1.5em auto 0.5em;
	}
	.single-news .news-meta-box {
		padding: 1em;
		margin: 1em auto 1.5em;
	}
	.single-news .news-meta-box h2 {
		font-size: 1em;
	}
	.single-news .news-meta-box li {
		margin: 0.3em 0;
	}
	.single-news .post-navigation .nav-links {
		flex-direction: column;
		gap: 10px;
	}
	.single-news .post-navigation .nav-previous,
	.single-news .post-navigation .nav-next {
		text-align: center;
	}
}

@media (max-width: 480px) {
	.single-news .entry-footer {
		font-size: 10px;
		padding: 0.3em;
		margin: 1em auto 0.3em;
	}
	.single-news .news-meta-box {
		padding: 0.8em;
		margin: 0.8em auto 1em;
	}
	.single-news .news-meta-box h2 {
		font-size: 0.95em;
	}
	.single-news .news-meta-box li {
		margin: 0.25em 0;
	}
	.cat-links {
		padding-bottom: 10px;
	}
}