@charset "UTF-8";
/*====================================
ニュース共通
=====================================*/
/*記事一覧エリア*/
.news_content {
	border-radius: 4px;
	border-style: solid;
	border-width: 2px;
	padding: 1.75rem 2.25rem;
}
/*記事1つ*/
.news_item+.news_item {
	margin-top: 1em;
}

/*記事のメタ情報*/
.news_meta {
	display: -webkit-box;
	display: -ms-flexbox;
	/* display: flex;
	-ms-flex-wrap: nowrap;
		flex-wrap: nowrap; */
}

/*日付*/
.date_area {
	font-weight: bold;
}
/*カテゴリー*/
.category_area {
	height: 100%;
}
/*記事タイトル*/
.news_text {
    text-indent: -0.875rem;/*矢印アイコンの分だけ字下げする*/
}
/*記事タイトル 文頭に右向きの▲矢印*/
.news_text::before {
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	font-weight: 900;
	padding: 0 0.25rem 0 0rem;
}
/*記事へのリンク*/
.news_permalink {
	text-decoration: underline;
}

	/*====================================
	ニュース共通	769px以上
	=====================================*/
	@media screen and (min-width: 769px) {
		.news_item {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			flex-wrap:wrap;
		}
		/*日付*/
		.date_area {
			width: 8em;
		}
		/*カテゴリ*/
		/* .category_area {
			width: 7.5rem;
		} */
		/* .cat {
			width: 100%;
		} */
		.cat+.cat {
			/* margin-top: 0.5rem; */
			margin-left: 0.2rem;
            margin-right: 0.2rem;
		}
		/*記事タイトル*/
		.news_text {
			padding-left: 1.875rem;
			/* width: 60%; */
		}
		/*もっと見る*/
		.news_more {
			margin-top: 2rem;
		}
	}
	/*====================================
	ニュース共通 768px以下
	=====================================*/
	@media screen and (max-width: 768px) {
		.news_meta {
			flex-wrap: wrap;
			display: flex;
		}
		/*日付*/
		.date_area {
			margin-right: 0.5em;
		}
		/*カテゴリ*/
		.cat+.cat {
			margin-left: 0.5em;
		}
		.cat {
			margin-left: 0.5rem;
		}
		/*記事タイトル*/
		.news_meta+.news_text {
			margin-top: 0.5em;
		}
		.news_text {
			padding-left: 0.875rem;
		}
		/*もっと見る*/
		.news_more {
			margin-top: 1.5rem;
		}


.news_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; */
    flex-direction: column;
}
	}
	/*====================================
	ニュース共通 560px以下
	=====================================*/
	@media screen and (max-width: 560px) {
		.news_content {
			padding: 1rem 1.25rem;
		}
	}

/*====================================
学校からのお知らせ
=====================================*/
.edu_news {
	border-top-width: 1px;
	border-top-style: solid;
}

/*====================================
学校の様子
=====================================*/
.news_thumbnail_list_text a {
    font-weight: bold;
}

/*====================================
注目情報
=====================================*/
.pickup_area {
	margin: 0 0 2rem 0;
}
.pickup_ttl {
	display: inline-block;
	font-weight: bold;
	font-size: 1.5rem;
}
.pickup_ttl:before {
	font-family: "Font Awesome 5 Free";
    content: "\f08d";
    font-weight: 900;
    padding-right: 1rem;
    display: inline-block;
}
.pickup_ttl+.pickup_item {
	margin-top: 0.5rem;
}
.pickup_item {
	width: 100%;
	padding: 1rem;
}
.pickup_item+.pickup_item {
	border-top: 1px dotted #ccc;
}
/*記事タイトル 文頭に右向きの▲矢印*/
.pickup_item:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	font-weight: 900;
	margin-right: 0.5em;
}
	/*====================================
	注目情報 768px以下
	=====================================*/
	@media screen and (max-width: 768px) {
		.pickup_ttl {
			font-size: 1.25rem;
		}
	}