@media screen and (max-width: 767px) {
  .sp_hide {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .pc_hide {
    display: none;
  }
}
table {
  border: 2px solid #a79372;
  font-size: 14px;
  width: 850px;
  margin: 0 auto 10px;
}
table tr th {
  background: #e9e0c8;
  border-right: 1px solid #a79372;
  color: #a79372;
  height: 45px;
  line-height: 1.8;
  text-align: center;
  width: 30%;
}
table tr td {
  padding-left: 20px;
}
table tr a {
  color: #946100;
}
table tr a:hover {
  color: #f00;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  table {
    width: 100%;
  }
  table tr {
    display: block;
  }
  table tr th {
    display: block;
    height: auto;
    font-size: 16px;
    width: 100%;
  }
  table tr td {
    display: block;
    padding: 10px 0;
  }
  table tr td a {
    display: block;
  }
}

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