@charset "UTF-8";
/*====================================
更新情報
=====================================*/
div.whatsnew {
    margin: 10px auto 80px;
    max-width: 1140px;
}
.whatsnew dl a {
    display: flex;
	text-decoration: none;
	padding: 15px;
}
.whatsnew hr {
	margin: 0;
}
div.whatsnew .newmark {
    margin-left: 15px;
	font-size: 12px;
}



/*====================================
ニュース共通
=====================================*/
/*記事一覧エリア*/
.news_content {
	border-radius: 4px;
	border-style: solid;
	border-width: 2px;
	padding: 1.75rem 2.25rem;
}

/*記事のメタ情報*/
.news_meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
}
/*カテゴリー*/
.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;
}

.front-page_news {
	border: none;
}
.front-page_news .inner {
	padding-bottom: 5px;
}
.news_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	border-bottom: 1px dotted #A5A5A5;
	padding: 15px;
}

	/*====================================
	ニュース共通	769px以上
	=====================================*/
	@media screen and (min-width: 769px) {
		/*日付*/
		.date_area {
			width: 8em;
		}
		/*カテゴリ*/
		.category_area {
			width: 8.5rem;
		}
		.cat {
			width: 100%;
		}
		.cat+.cat {
			margin-top: 0.5rem;
		}
		/*記事タイトル*/
		.news_text {
			padding-left: 1.875rem;
		}
		/*もっと見る*/
		.news_more {
			margin-top: 2rem;
		}
	}
	/*====================================
	ニュース共通 768px以下
	=====================================*/
	@media screen and (max-width: 768px) {
		.news_meta {
			flex-wrap: wrap;
		}
		/*日付*/
		.date_area {
			margin-right: 0.5em;
		}
		/*カテゴリ*/
		.cat+.cat {
			margin-left: 0.5em;
		}
		/*記事タイトル*/
		.news_meta+.news_text {
			margin-top: 0.5em;
		}
		.news_text {
			padding-left: 0.875rem;
		}
		/*もっと見る*/
		.news_more {
			margin-top: 1.5rem;
			padding: 1rem;
		}
		.news_item {
			display: block;
		}
	}
	/*====================================
	ニュース共通 560px以下
	=====================================*/
	@media screen and (max-width: 560px) {
		.news_content {
			padding: 1rem 1rem;
		}
	}
	/*====================================
	更新情報
	=====================================*/
	@media screen and (max-width: 1139px) {
		div.whatsnew {
			margin: 10px 10px 80px;
		}
		.whatsnew dl a {
			display: block;
		}
	}

/*====================================
学校からのお知らせ
=====================================*/
.edu_news {
	border: none;
}
.news_content_school {
	margin: 0 2rem 1rem;
    border: none;
    padding: 0 1rem 1rem;
    border-radius: 5px;
}
section.front-page_sec.front-page_news.school_news.color-bg_light {
    background-image: radial-gradient(rgba(255, 255, 255, 0.70) 12%, transparent 12%),radial-gradient(rgba(255, 255, 255, 0.70) 12%, transparent 12%);
    background-position: 0 0, 12px 12px;
    background-size: 24px 24px;
}

/*====================================
教育委員会からのお知らせ
=====================================*/
/* アンダーライン共通 */
.edu_news .front-page_ttl::before {
	border-top: 10px solid #02454D;
}
.news_content_edu {
    margin: 0 2rem 1rem;
    border: none;
    padding: 0 1rem 1rem;
    border-radius: 5px;
}

/*====================================
注目情報
=====================================*/
.pickup_area {
	margin: 1rem 2rem 2rem;
    padding: 1rem;
    border-radius: 5px;
	border: 2px solid;
}
.pickup_ttl, .whatsnew h1{
	display: inline-block;
	font-weight: bold;
	font-size: 1.5rem;
}
.whatsnew h1{
	margin-bottom: 10px;
}
.whatsnew h1:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0a1";
    font-weight: 900;
    padding-right: 1rem;
    display: inline-block;
}
div.whatsnew .newmark {
	padding: 3px;
}
.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;
}
	/*====================================
	注目情報 1139px以下
	=====================================*/
	@media screen and (max-width: 1139px) {
		.pickup_ttl {
			font-size: 1.25rem;
		}
		.pickup_area {
			margin: 1rem;
			padding: 1rem;
		}
		.pickup_item {
			padding: 0.5rem;
		}
		.news_content_school {
			margin: 0 0 1rem;
		}
		.front-page_ttl {
			margin: 1rem 0 1rem -10px;
		}
	/*====================================
	教育委員会空のお知らせ 1139px以下
	=====================================*/
		.news_content_edu {
			margin: 0 0 1rem;
		}
	}