@charset "UTF-8";

.post li a {
text-decoration: underline;
}

.scroll {
 overflow-x: scroll;
 overflow-scrolling: touch;
 margin-bottom: 64px;
}

.scroll img {
   min-width: 960px;
}

.table-scroll {
  overflow-x: auto;
}

.table-scroll table td .center{
  text-align: center;
  vertical-align: middle;
}

.table-scroll table thead th {
    background-color: #eee;
    text-align: center;
    font-weight: bold;
}

.table-scroll table {
  width: 100%;
  min-width: 960px;
  table-layout: fixed;
  margin-bottom: 1px;
  border-collapse: collapse;
}

.table-scroll th.sticky{
  width: 120px;
  padding-left: 16px;
  position: sticky;
  top:0;
  left:0;
  font-weight: bold;
  text-align: left;
  border-left: none;
  border-right: none;
  background: none;
}

.table-scroll th,
.table-scroll td {
  width: 250px;
  padding: 8px;
  border: 1px #ccc solid;
}

.table-scroll th.sticky::before{
  content: "";
  width: 144px;
  position: absolute;
  top: 0px;
  left: 0px;
  /*width: 100%;*/
  height: 100%;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
  background-color: #eee;
  z-index: -1;
  box-sizing: content-box;
}