/*newsページ用のcss*/
.newscontent {display: flex;}
/*ニュース本文*/
.newscontent1 {flex: 8; margin-bottom: 2em;}

/*アーカイブ一覧*/
.newscontent2 {flex: 3; margin-left: 16px;}
/*アーカイブ一覧の中身*/
.newscontent3 {padding-left: 0;}
.newscontent3 li{padding-left: 25px; padding-bottom: 2px; padding-top: 6px; padding-right: 25px; list-style: none;}
.newscontent3 li:hover {background-color: #e5e5e5;}

.newscontent41 {background-color: #5b9a00; padding: 10px 0; margin: 0; text-align: center; color: #ffffff; font-weight: bold;}
.newscontent42 {border: #e5e5e5 solid 3px;}
.newscontent43 img {width: 100%;}
.newscontent43 {text-decoration: none; display: block;}
.newscontent44 {color: #ffffff; font-weight: bold; text-align: center; margin: 0;}
.newscontent45 {margin: 5px; font-weight: bold;}
.newscontent46 {font-size: 70%; margin-left: 5px;}
.newscontent2 hr {margin: 4px 0 0; background-color: #e5e5e5; border: #e5e5e5 solid 1px;}

.newscontent47 {text-align: center; color: #ffffff; display: flex;  justify-content: center; border: #e5e5e5 solid 3px;}
.newscontent47 a {text-decoration: none; padding: 6px; width: 100%;}

.newscontent40 {border-left: 1px solid #e5e5e5;}

/* ニュース一覧の諸形式 */
.newscontent11 {color: #555; font-size: 14px; margin-top: 0px; margin-left: 1em;}
.newscontent12:hover {filter: opacity(80%);}

.newscontent13 {display: flex;}

/* 関連リンク */
.newscontent15 {margin: 10px; border: #e5e5e5 solid 2px; padding: 1rem;}
.newscontent15 h4 {margin-top: 0;}

/* お知らせトップページ */
.newscontent21 {display: flex; justify-content: center; flex-wrap: wrap;}
.newscontent22 {text-align: left; font-size: large; margin: 10px 10px 0px; }
.newscontent22 a {text-decoration: none; display: block;}
.newscontent23 {font-size: 18px; font-weight: bold;}
.newscontent25 {font-size: 70%;}

/* お知らせ一覧ページ */



@media (max-width: 1070px) {
    .newscontent24 {display: none;}
}


/*スマホ表示時の挙動*/
@media (max-width: 750px) {
    .newscontent{flex-direction: column;}
    .newscontent13{flex-direction: column;}
    .newscontent11{margin-top: 1em; margin-left: 0px;}
    .newscontent12 img {width: 100%;}
    .newscontent22{max-width: 400px;}
    .newscontent40 {display: none;}
    .newscontent2 {margin: 0;}
}
@media (min-width: 751px) {
    .newscontent{flex-direction: row;}
    .newscontent1{padding-left: 1em; padding-right: 1em;}
    .newscontent22{max-width: 300px;}
}