.wrap {
  text-align: center; }

.page-wrap {
  max-width: 780px;
  margin: 0 auto;
  text-align: left; }
  .page-wrap dl dt {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: #DDDDDD solid 1px; }
  .page-wrap dl dd {
    margin: 0 0 15px;
    padding: 0; }
    .page-wrap dl dd:last-child {
      margin: 0; }
    .page-wrap dl dd > div {
      border-bottom: #DDDDDD solid 1px; }
      .page-wrap dl dd > div > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        color: #333333;
        text-decoration: none;
        padding: 20px 0; }
        .page-wrap dl dd > div > a:link, .page-wrap dl dd > div > a:visited {
          color: #333333; }
        .page-wrap dl dd > div > a:hover {
          text-decoration: underline; }

.event-img {
  width: 15.4%; }

.event-detail {
  width: 82%; }

.pager {
  margin: 25px 0 0;
  padding: 0 30px;
  list-style: none;
  letter-spacing: -.4em;
  position: relative;
  display: inline-block; }
  .pager li {
    display: inline-block;
    letter-spacing: normal;
    margin: 2px 5px; }
    .pager li.prev, .pager li.next {
      position: absolute;
      top: 50%;
      margin: -9px 0 0; }
      .pager li.prev a, .pager li.next a {
        border-radius: 0;
        border: none;
        text-indent: -9999px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        min-width: 16px;
        height: 16px;
        padding: 0; }
        .pager li.prev a:hover, .pager li.next a:hover {
          background-color: #FFF; }
    .pager li.prev {
      left: 0; }
      .pager li.prev a {
        border-left: #888888 solid 1px;
        border-bottom: #888888 solid 1px; }
    .pager li.next {
      right: 0; }
      .pager li.next a {
        border-right: #888888 solid 1px;
        border-top: #888888 solid 1px; }
    .pager li span,
    .pager li a {
      display: inline-block;
      border: #DDDDDD solid 1px;
      border-radius: 30px;
      min-width: 33px;
      padding: 4px 0;
      color: #333333; }
    .pager li span {
      background-color: #F5F5F3; }
    .pager li a {
      text-decoration: none; }
      .pager li a:link, .pager li a:visited {
        color: #333333; }
      .pager li a:hover {
        background-color: #F5F5F3; }
      @media only screen and (max-width: 640px) {
    .event-img {
      width: 24%; }
    .event-detail {
      width: 73%; }
    .pager {
      display: block;
      padding: 0; }
      .pager li {
        margin: 0 8px; }
        .pager li.prev, .pager li.next {
          margin: -6px 0 0; }
          .pager li.prev a, .pager li.next a {
            min-width: 10px;
            height: 10px; }
        .pager li span,
        .pager li a {
          border: none;
          min-width: initial;
          padding: 0; }
        .pager li span {
          background-color: #FFF;
          font-weight: bold; }
        .pager li a {
          text-decoration: underline; }
          .pager li a:hover {
            background-color: #FFF; } }