/* =============================================================================


   blog

============================================================================= */
.column {
  padding: 120px 0;
}

.column-flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.column-container {
  max-width: 800px;
  width: 100%;
}

.column-item {
  border-bottom: 1px solid #50474b;
}

.column-item + .column-item {
  margin-top: 60px;
}

.column-date {
  color: #81b01b;
  font-size: 2.2rem;
  margin-bottom: 8px;
}

.column-ttl {
  border-bottom: 3px solid #81b01b;
  color: #81b01b;
  display: inline;
  font-size: 3.6rem;
  font-weight: bold;
}

.column-contents {
  font-weight: bold;
  margin: 40px auto 60px;
  width: 100%;
}

.column-category {
  width: 220px;
}

.cat_ttl {
  border-bottom: 3px solid #81b01b;
  color: #81b01b;
  font-size: 2.2rem;
  font-weight: bold;
}

.cat_list {
  margin: 32px auto;
}

.cat_list a {
  padding: 0.25em 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.cat_list a:hover {
  opacity: 0.7;
}

.cat_item {
  border-bottom: 1px solid rgba(199, 199, 199, 0.8);
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  padding: 0.5em 0;
  position: relative;
}

.childs {
  padding-left: 0.5em;
}

.childs li {
  font-size: 1.5rem;
  margin-top: 0.5em;
  padding-left: 0.8em;
  position: relative;
}

.childs li:before {
  background: #50474b;
  content: "";
  height: 0.5em;
  left: 0;
  position: absolute;
  top: 0.5em;
  width: 0.5em;
}

.page-numbers.current {
  background: #81b01b;
}

.page-numbers:hover {
  background-color: #81b01b;
}

@media (max-width: 767px) {
  .column {
    padding: 60px 0 80px;
  }
  .column-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .column-item + .column-item {
    margin-top: 40px;
  }
  .column-date {
    font-size: 1.6rem;
    margin-bottom: 16px;
  }
  .column-ttl {
    font-size: 2.2rem;
  }
  .column-contents {
    font-weight: bold;
    margin: 40px auto 60px;
    width: 100%;
  }
  .column-category {
    width: 100%;
  }
  .cat_ttl {
    font-size: 1.8rem;
  }
  .cat_list {
    margin: 24px auto;
  }
  .cat_list li {
    font-size: 1.6rem;
  }
}


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