@charset "utf-8";

/*
投稿のアーカイブ
/news/＊/
*/


/*
***********************************************************************************************

***********************************************************************************************
*/

.blog .eyecatch h1 small {
	display: none;
}

.content {
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	letter-spacing: 0;
	text-align: left;
}

	.viewmode-mobile .content {
		padding-left: 10px;
		padding-right: 10px;
	}

	.content .entry {
	}

	.content article {
		align-items: baseline;
		display: flex;
		letter-spacing: normal; /* 文字間を通常に戻す */
		margin: 0 0px 0px 0px;
		min-height: 100px;
		min-height: 0;
		padding: 0 0 0 125px;
		padding-left: 0;
		position: relative;
		text-align: left;
		vertical-align: top;
	}

		.viewmode-mobile .content article {
			display: block;
			margin: auto;
			padding: 0;
		}

		.content article::after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: " ";
			clear: both;
			height: 0;
		}

			.content h2 + article {
				margin-top: 1.5em;
			}

				.viewmode-mobile .content h2 + article {
					margin-top: 1.5em;
				}

			.content article + article {
				margin-top: 1.5em;
			}

				.viewmode-mobile .content article + article {
					margin-top: 2em;
				}

		.content article::after {
		}

		/* 投稿のサムネイル（未使用） */
		.content .post-thumb {
			background-color: #eee;
			display: none;
			left: 0;
			margin: 0 0px 0 0px;
			position: absolute;
			top: 0;
			height: 100px;
			width: 100px;
		}

			.content .post-thumb img {
				height: 100%;
				object-fit: cover;
				position: absolute;
				width: 100%;
				vertical-align: top;
			}

		/* 投稿の付加情報 */
		.content .post-info {
			display: flex;
			/*
			font-size: 90%;
			*/
			justify-content: flex-end;
			line-height: 1;
			min-width: 14.5em;
			padding-right: 1.2em;
			/*
			flex-direction: row-reverse;
			*/
		}

			/* 日付 */
			.post-info .info-date {
				/*
				font-size: 95%;
				*/
				margin-left: 0;
				min-width: 6.5em;
				text-align: left;
			}

				.viewmode-mobile .post-info .info-date {
					min-width: 0;
				}

			/* カテゴリ */
			.post-info div.info-cat {
				/*
				margin-left: 1em;
				*/
				margin-right: auto;
				position: relative;
				top: -.3em;
			}

				.viewmode-mobile .post-info div.info-cat {
					margin-left: 1em;
				}

				.post-info .info-cat a {
					/*
					border-left: 1px solid #999;
					*/
					background-color: var(--wp--preset--color--color-4);
					color: #000;
					display: block;
					font-size: 13px;
					font-weight: bold;
					margin: 0px 0px 0px 0px;
					overflow: hidden;
					padding: .5em .5em .5em .5em;
					position: relative;
					text-align: center;
					text-decoration: none;
					text-overflow: ellipsis;
					white-space: nowrap;
					width: 8.5em;
				}

				.viewmode-mobile .post-info .info-cat a {
					font-size: 11px;
				}

					/* カテゴリのアイコン */
					.post-info .info-cat a::before {
						content: none;
					}

					.post-info .info-cat a:hover {
						opacity: .7;
						text-decoration: none;
						}

			.post-info + h4 {
				background-color: transparent;
				background-image: none;
				border: 0px solid #fff;
				clear: none;
				font-size: 100%;
				font-weight: normal;
				line-height: 1.8;
				padding: 0;
				margin: .25em 0 0 0;
				position: relative;
			}

				.viewmode-mobile .post-info + h4 {
					margin-top: .5em;
				}

				.post-info + h4 a {
					/*
					color: #000;
					text-decoration: none;
					*/
				}

					.post-info + h4 a:hover {
						/*
						color: #4665A5;
						text-decoration: underline;
						*/
					}

			/* タグ（未使用） */
			.post-info .info-tags {
				margin-bottom: 20px;
			}


/*
***********************************************************************************************
日付アーカイブ
***********************************************************************************************
*/

/* タイトル */
.date .eyecatch h1 small {
	display: none;
}

	/* Y年 */
	h2.year_headline {
		/*
		background-color: var(--wp--preset--color--color-1);
		background-color: #000;
		*/
		border: none;
		color: var(--wp--preset--color--color-1);
		/*
		display: inline-block;
		*/
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 43px;
		font-weight: 600;
		line-height: 1;
		/*
		margin: 0 0 0 0;
		padding: .5em .75em .5em .75em;
		*/
		padding: 0;
	}

		.viewmode-mobile h2.year_headline {
			font-size: 32px;
			text-align: center;
		}

		h2.year_headline span {
			/*
			font-family: 'Roboto', sans-serif;
			font-size: 130%;
			font-weight: 900;
			*/
		}

		* + h2.year_headline {
			margin-top: 1.5em;
		}

	/* n月 */
	h3.month_headline {
		background: none;
		border-top: none;
		border-right: none;
		/*
		border-bottom: 1px solid #999;
		*/
		border-left: none;
		/*
		color: #254182;
		*/
		font-size: 1.4em;
		margin-top: 1.5em;
		padding: 0em 0em 0em 0em;
		position: relative;
		z-index: 0;
	}

		h3.month_headline span {
			font-family: 'Roboto', sans-serif;
			font-size: 130%;
			font-weight: 900;
		}

		/*
		h3.month_headline::after {
			background-color: #bbb;
			bottom: -1px;
			content: "";
			display: block;
			left: 0;
			position: absolute;
			height: 100%;
			width: 3.2em;
			z-index: -1;
		}
		*/