/* Scss Document */
.topics-item {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: solid 1px #E2E2E2;
}
.topics-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.85);
  text-decoration: none;
  line-height: 1.3;
}
.topics-item time {
  margin-right: 0.75em;
  font-weight: bold;
  letter-spacing: 0;
  color: #163b70;
}
.topics-item .cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.topics-item .cat li {
  margin-right: 0.5em;
  padding: 0.2em 1em;
  color: #fff;
  font-weight: bold;
}
.topics-item .cat li.odc {
  background: #2a54bc;
}
.topics-item .cat li.oda {
  background: #4095C7;
}
.topics-item .cat li.kokuho {
  background: #408E69;
}
.topics-item .cat li.dhschool {
  background: #84be3f;
}
.topics-item .cat li.zenaoirobr {
  background: #EF835B;
}
.topics-item .cat li.important {
  background: #e51c24;
}
.topics-item .cat li.trip {
  background: #E260AE;
}
.topics-item .cat li.register {
  border: solid 1px #163b70;
  color: #163b70;
}
.topics-item .title {
  margin-top: 0.5em;
  width: 100%;
  font-weight: normal;
}

.article-head {
  border-bottom: solid 1px #E2E2E2;
  position: relative;
}
.article-head .cat li.odc {
  background: #2a54bc;
}
.article-head .cat li.oda {
  background: #4095C7;
}
.article-head .cat li.kokuho {
  background: #408E69;
}
.article-head .cat li.dhschool {
  background: #84be3f;
}
.article-head .cat li.zenaoirobr {
  background: #EF835B;
}
.article-head .cat li.important {
  background: #e51c24;
}
.article-head .cat li.trip {
  background: #E260AE;
}

.sidebar-category-list .odc a {
  color: #2a54bc;
}
.sidebar-category-list .odc a:before {
  background: #2a54bc;
}
.sidebar-category-list .odc a:after {
  border-top: 1px solid #2a54bc;
  border-right: 1px solid #2a54bc;
}
.sidebar-category-list .oda a {
  color: #4095C7;
}
.sidebar-category-list .oda a:before {
  background: #4095C7;
}
.sidebar-category-list .oda a:after {
  border-top: 1px solid #4095C7;
  border-right: 1px solid #4095C7;
}
.sidebar-category-list .kokuho a {
  color: #408E69;
}
.sidebar-category-list .kokuho a:before {
  background: #408E69;
}
.sidebar-category-list .kokuho a:after {
  border-top: 1px solid #408E69;
  border-right: 1px solid #408E69;
}
.sidebar-category-list .dhschool a {
  color: #84be3f;
}
.sidebar-category-list .dhschool a:before {
  background: #84be3f;
}
.sidebar-category-list .dhschool a:after {
  border-top: 1px solid #84be3f;
  border-right: 1px solid #84be3f;
}
.sidebar-category-list .zenaoirobr a {
  color: #EF835B;
}
.sidebar-category-list .zenaoirobr a:before {
  background: #EF835B;
}
.sidebar-category-list .zenaoirobr a:after {
  border-top: 1px solid #EF835B;
  border-right: 1px solid #EF835B;
}
.sidebar-category-list .important a {
  color: #e51c24;
}
.sidebar-category-list .important a:before {
  background: #e51c24;
}
.sidebar-category-list .important a:after {
  border-top: 1px solid #e51c24;
  border-right: 1px solid #e51c24;
}
.sidebar-category-list .trip a {
  color: #E260AE;
}
.sidebar-category-list .trip a:before {
  background: #E260AE;
}
.sidebar-category-list .trip a:after {
  border-top: 1px solid #E260AE;
  border-right: 1px solid #E260AE;
}

@media only screen and (min-width: 601px) {
  .topics-category button {
    margin: 0 0.5em 0.5em 0;
    padding: 0.2em 1em;
    font-size: 1.5rem;
  }
  .topics-item {
    margin-top: 1.5em;
  }
  .topics-item .cat li {
    font-size: 1.3rem;
  }
  .topics-item .title {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 600px) {
  .topics-category button {
    margin: 0 0.3em 0.5em 0;
    padding: 0.2em 0.5em;
    font-size: 1rem;
  }
  .topics-item {
    margin-top: 1.5em;
  }
  .topics-item time {
    font-size: 1.1rem;
  }
  .topics-item .cat li {
    font-size: 1.1rem;
  }
  .topics-item .title {
    font-size: 1.5rem;
  }
}