.container {
  width: 100%;
  max-width: 1000px;
  padding: 112px 10px 32px;
  margin: 0 auto 96px;
  position: relative; }
  .container .content-ttl {
    display: inline-block;
    padding: 4px 20px;
    margin: 0 0 24px;
    position: relative;
    top: -4px;
    z-index: 1; }
    .container .content-ttl:before, .container .content-ttl:after {
      content: '';
      width: 100%;
      height: 70.968%;
      position: absolute;
      left: 0;
      z-index: -1; }
    .container .content-ttl:before {
      border-top: 1px solid #7D7D7D;
      border-left: 1px solid #7D7D7D;
      top: 0; }
    .container .content-ttl:after {
      border-bottom: 1px solid #7D7D7D;
      border-right: 1px solid #7D7D7D;
      bottom: 0; }
  .container .article-list .article {
    background-color: #f8f4f1; }
    .container .article-list .article:not(:last-child) {
      margin: 0 auto 20px; }
    .container .article-list .article a {
      display: block; }
    .container .article-list .article .article-ttl {
      padding: 10px 10px;
      font-size: 1.6rem;
      letter-spacing: .05em; }
    .container .article-list .article .aside-list {
      width: 100%;
      padding: 0 10px 10px;
      letter-spacing: -.4em; }
    .container .article-list .article .aside-list-item {
      display: inline-block;
      width: 50%;
      font-size: 1.2rem;
      vertical-align: top;
      letter-spacing: .15em; }
      .container .article-list .article .aside-list-item.time {
        text-align: right; }
  .container .wp-pagenavi {
    display: inline-block;
    line-height: 1;
    letter-spacing: normal;
    position: absolute;
    bottom: 0;
    right: 10px; }
    .container .wp-pagenavi a,
    .container .wp-pagenavi span {
      padding: 0;
      margin: 0;
      color: #7D7D7D;
      font-size: 1.2rem;
      border: none; }
    .container .wp-pagenavi .pages {
      display: inline-block;
      width: 72px;
      text-align: center; }
    .container .wp-pagenavi .previouspostslink,
    .container .wp-pagenavi .nextpostslink {
      position: absolute; }
    .container .wp-pagenavi .previouspostslink {
      left: 0; }
    .container .wp-pagenavi .nextpostslink {
      right: 0; }

@media screen and (min-width: 1080px) {
  .container {
    padding: 209px 15px 32px;
    margin: 0 auto 110px; }
    .container .content-ttl {
      padding: 6px 20px;
      margin: 0 auto 64px;
      letter-spacing: .2em; }
    .container .article-list {
      display: -ms-flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .container .article-list .article {
        width: 300px;
        padding: 0 0 30px;
        margin: 0 0 30px;
        position: relative; }
        .container .article-list .article:not(:last-child) {
          margin: 0 0 30px; }
        .container .article-list .article:nth-child(3n + 2) {
          margin: 0 30px 30px; }
        .container .article-list .article .article-ttl {
          min-height: calc(2.8em * 1.4);
          padding: 10px 10px;
          font-size: 1.6rem;
          line-height: 1.4; }
        .container .article-list .article .aside-list {
          padding: 0 10px;
          letter-spacing: -.4em;
          position: absolute;
          left: 0;
          bottom: 0; }
        .container .article-list .article .aside-list-item {
          display: inline-block;
          width: 50%;
          font-size: 1.2rem;
          vertical-align: top;
          letter-spacing: .15em; }
          .container .article-list .article .aside-list-item.time {
            text-align: right; }
    .container .wp-pagenavi {
      right: 18px; }
      .container .wp-pagenavi .pages {
        width: 88px; }
      .container .wp-pagenavi .previouspostslink,
      .container .wp-pagenavi .nextpostslink {
        position: absolute;
        top: 3px; }
      .container .wp-pagenavi .previouspostslink {
        left: 0; }
      .container .wp-pagenavi .nextpostslink {
        right: 0; } }

/*# sourceMappingURL=style.css.map */