#archive .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 5em;
  padding-bottom: 5em; }
  #archive .inner .titleBox {
    margin-bottom: 3em; }
    #archive .inner .titleBox h2,
    #archive .inner .titleBox .desc {
      line-height: 1.5em; }
    #archive .inner .titleBox h2 {
      font-size: 240%;
      font-weight: 600; }
    #archive .inner .titleBox .desc {
      font-weight: 500; }
  #archive .inner .content {
    padding-left: 10vw;
    padding-right: 10vw; }
    #archive .inner .content .list ul li a {
      border-bottom: 1px solid #eceae4;
      color: #333;
      display: block;
      padding: 1em 0; }
    #archive .inner .content .list ul li:first-child {
      border-top: 1px solid #eceae4; }
    #archive .inner .content .list ul li .date {
      display: block; }
  #archive .inner .navigation {
    margin-top: 3em; }
    #archive .inner .navigation .nav-links ul.page-numbers {
      display: flex;
      align-items: center;
      justify-content: center; }
      #archive .inner .navigation .nav-links ul.page-numbers li .page-numbers {
        background: #009040;
        border: 1px solid #009040;
        color: #FFF;
        display: block;
        margin: 0 0.2em;
        padding: 0.5em 1em; }
        #archive .inner .navigation .nav-links ul.page-numbers li .page-numbers.current {
          background: transparent;
          border: 1px solid #009040;
          color: #333; }
        #archive .inner .navigation .nav-links ul.page-numbers li .page-numbers.next, #archive .inner .navigation .nav-links ul.page-numbers li .page-numbers.prev {
          background: transparent;
          border: none;
          color: #333; }
      #archive .inner .navigation .nav-links ul.page-numbers li a {
        color: #333;
        display: block;
        padding: 0.75em 1em; }
        #archive .inner .navigation .nav-links ul.page-numbers li a:hover {
          opacity: 1; }