@charset "utf-8";
/* CSS Document */

#main .posts { 
    width: 100%;
    margin:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#main .posts .frame { width: 1040px; overflow: hidden; }
#main .post { height: 325px; width: 310px; position: relative; margin-right: 15px; }
#main .post .title { text-align: center; padding-top: 12px; padding-bottom: 9px; font-size: 13px; }
#main .post .comment { font-size: 12px; }
#main .post .pic { width: 310px; height: 180px; overflow: hidden; background-position: center center; }
#main .post .start { position: absolute; top: 0px; left: 0px; }
#main .post .start a { display: block; width: 310px; height: 180px; }
#main .post .start a img { vertical-align: bottom; }

#main .pageNavi { text-align: center; width: 980px; margin-right: auto; margin-left: auto; padding-bottom: 10px; font: 11px Verdana, Geneva, sans-serif; clear: both; }
#main .pageNavi a { margin-right: 2px; margin-left: 2px; border: 1px solid #3A3A3A; background-color: #fff; padding: 4px 6px; color: #000; text-decoration: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
#main .pageNavi a:hover { background-color: #999; color: #111; }
#main .pageNavi span { margin-right: 5px; margin-left: 5px; }
#main .pageNavi .pages { font-style: italic; font-weight: normal; color: #999; }
#main .pageNavi .current { margin-right: 2px; margin-left: 2px; border: 1px solid #000; background-color: #000; padding: 4px 6px; color: #fff; font-weight: bold; text-decoration: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }