@charset "UTF-8";
/*====================================
投稿、固定ページのレイアウト
=====================================*/
	/*====================================
	投稿、固定ページのレイアウト	769px以上
	=====================================*/
	@media screen and (min-width: 769px) {
		.page_layout {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between; /*横並びにする*/
			margin: 2rem 0 3rem 0;
		}
		/* 1カラムの場合 */
		.column-1 .main_column {
			width: 100%;
		}
		/* 2カラムの場合 */
		.column-2 .main_column {
			width: calc(100% - 30% - 2rem);
		}
		.column-2 .sub_column {
			width: 30%;
		}
}
	/*====================================
	投稿、固定ページのレイアウト	768px以下
	=====================================*/
	@media screen and (max-width: 768px) {
		.page_layout {
			margin:0 0 2.5rem 0;
		}
		/* 2カラムの場合 */
		.column-2 .main_column {
			width: 100%;
		}
		.column-2 .sub_column {
			width: 100%;
		}
		.column-2 .main_column+.sub_column {
			margin-top: 2rem;
		}
	}


/*====================================
サムネイルつき記事アーカイブ
=====================================*/
.news_thumbnail_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.news_thumbnail_list_area {
	width: calc(50% - 1rem);
	margin-bottom: 1rem;
}

/* 写真サイズ */
.news_thumbnail_list_img {
	width: auto;
	height: 200px;
	background-color: #aaa;
	background-image: url("../img/common/no-img.png");
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 3rem;
}
.news_thumbnail_list_img img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 3rem;
}
/* 記事エリア */
.news_thumbnail_list_info {
	padding: 1rem 0;
}
.news_thumbnail_list_text,
.news_thumbnail_list_date,
.news_thumbnail_list_category {
	/*margin-bottom: 0.5rem;*/
}
.news_thumbnail_list_text a{
	font-weight: bold;
}
	/*====================================
	サムネイルつき記事アーカイブ	560px以下
	=====================================*/
	@media screen and (max-width: 560px) {
		.news_thumbnail_list {
			display: block;
		}
		.news_thumbnail_list_area {
			width: 100%;
			margin-bottom: 0;
		}
		.news_thumbnail_list_area+.news_thumbnail_list_area {
			border-top-width: 1px;
			border-top-style: dotted; 
			padding-top: 1rem;
		}
	}