/* CSS Document */
/*w1280～w769のサイズ表示用*/

@media only screen and (min-width:769px) and (max-width:1280px){

    .bandArea { width: 47.5%; min-width: 60px; }

    .siteTitle { width: 17%; /*top: 2%; left: 1%;*/ top: 10px; left: 15px; }

    .fltB01 { top: 20%; left: 15px; width: 120px; height: 120px; }
    .fltB02 { top: calc(20% + 130px); left: 15px; width: 120px; height: 120px; }

    .firstViewNewsAreaTitle { width: 32%; min-width: 180px; font-size: 1.4rem; line-height: 1.4; }
    .firstViewNewsAreaListBtn { font-size: 1.4rem; padding: 0 2rem; height: 26px; }
    .topNewsList { width: 65%; margin: 0 15% 0 auto; padding: 10px 0;}
    .newsTitle { font-size: 1.3rem; line-height: 1.6; }
    .newsDate { font-size: 1.2rem; line-height: 1.4; }
    .newsList li { padding: 5px;}

    .home .headlineSerif { font-size: calc((50vw / 22) + 1px); }
    .topReadText,.topReadTextNargin { font-size: 1.4rem; }
    .home .mt50 { margin-top: 20px; }
    .home .mt30 { margin-top: 10px; }

    .footerArea { width: 47.5%; min-width: 60px; margin-left: 50%; padding: 30px 20px; }


    .pageBandArea { width: 47.5%; min-width: 60px; }
    .pageContHeader { padding: 5% 5% 0; }
    .pageContBottom { padding: 0 5%; }

    .newsCatListArea { left: 3%;}
    .newsCatList li { width: calc( 40vw / 4 ); }
    .newsCatList a { font-size: 1.4rem; padding: 5px;}

}