@charset "utf-8";
/* ================================================================ */
/* 共通 */
/* ================================================================ */
.contentWrap__news {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.contentWrap__news_body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 5em 0;
    width: 98%;
    max-width: 1600px;
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:840px) {
}
@media screen and (max-width:640px) {
}
/* ================================================================ */
/* 見出し */
/* ================================================================ */
#NewsFv {
    display: block;
    width: 100%;
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:840px) {
}
@media screen and (max-width:640px) {
}
/* ================================================================ */
/* 記事リスト */
/* ================================================================ */
.newsList {
    background: rgba(255,255,255,.9);
    padding: 2em;
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:840px) {
}
@media screen and (max-width:640px) {
}
/* ================================================================ */
/* 記事詳細 */
/* ================================================================ */
.newsArticle {
    background: rgba(255,255,255,.9);
    padding: 2em;
    width: calc(95% - 300px);
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width: 959px) {
    .newsArticle {
        padding: 2em .5em;
        width: 100%;
    }
}
@media screen and (max-width:840px) {
}
@media screen and (max-width:640px) {
}
/* ================================================================ */
/* サイドバー */
/* ================================================================ */
.newsAside {
    background: rgba(255,255,255,.9);
    padding: 2em 1em;
    width: 300px;
    position: relative;
}
.newsAside > #sidebar {
    width: 100% !important;
    position: sticky;
    top: 90px;
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width: 959px) {
    .newsAside {
        width: 500px;
        max-width: 98%;
        margin: 0 auto;
    }
    #sidebar {
        margin-top: 0;
    }
}
@media screen and (max-width:840px) {
}
@media screen and (max-width:640px) {
}