section
{
  header
  {
    margin-bottom:16px;
    h1
    {
      text-align: center;
      font-size: 32px;
      line-height: 40px;
      letter-spacing: 1.28px;
      text-align: center;
      margin-bottom:40px;
    }
    picture
    {
      
      display: block;
      width: 100%;
      img
      {
        display: block;
        width: 100%;
      }
    }
  }
  .wrap
  {
    margin-bottom:40px;
    article
    {
      padding-bottom:24px;
      padding-top:24px;
      border-bottom:1px solid #A3A3A3;
      time
      {
        font-size: 14px;
        line-height: 18px; /* 128.571% */
        letter-spacing: 0.56px;
        color:#A3A3A3;
        display: block;
        margin-bottom:24px;
      }
      >div
      {
        h2
        {
          font-size: 18px;
          font-weight: 700;
          line-height: 24px; /* 133.333% */
          letter-spacing: 0.72px;
          margin-bottom:24px;
          a
          {
            display: block;
            transition-duration:.5s;
            &:hover
            {
              color:$main-color;
            }
          }
        }
        p
        {
          margin-bottom:24px;
        }
        .more
        {
          display: flex;
          justify-content:flex-end;
          span
          {
            font-size: 14px;
            line-height: 18px; /* 128.571% */
            letter-spacing: 0.56px;
            color:#a3a3a3;
            cursor: pointer;
            transition-duration:.5s;
            &:hover
            {
              color:$text-color;
            }
          }
        }
      }
    }
  }
  .pagination
  {
    display: flex;
    justify-content:center;
    li
    {
      padding:0 16px;
      a
      {
        padding:0 6px;
        display: block;
        border-bottom:1px solid rgba(0,0,0,0);
        transition-duration:.5s;
        &:hover
        {
          border-bottom-color:$text-color;
        }
      }
      &.active
      {
        a
        {
          border-bottom-color:$text-color;
        }
      }
    }

  }
  @media(min-width:768px)
  {
    header
    {
      margin-bottom:88px;
      h1
      {
        margin-bottom:88px;
      }
    }
    .wrap
    {
      margin-bottom:88px;
      article
      {
        padding-bottom:40px;
        padding-top:40px;
        display: flex;
        time
        {
          flex:1;
          padding-right:20px;
        }
        >div
        {
          width: 81%;
          h2
          {
            margin-bottom:20px;
          }
          p
          {
            margin-bottom:20px;
          }
        }
      }
    }
  }
}