@charset "UTF-8";
.NotoSans {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

.oswald {
  font-family: "Oswald", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.txt_yel {
  color: #ffe70e;
}

.marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, #ffe70e));
  background: linear-gradient(transparent 80%, #ffe70e 80%);
}

.bg_gry {
  background: #eceff2;
  color: #333;
}

.bg_light_org {
  background: #eb8400;
  color: #fff;
}

.txt_light_org {
  color: #eb8400;
}

.bg_blue {
  background: #16529b;
  color: #fff;
}

.txt_blue {
  color: #16529b;
}

.bg_org {
  background: #ed6214;
  color: #fff;
}

.txt_org {
  color: #ed6214;
}

.bg_grn {
  background: #206728;
  color: #fff;
}

.txt_grn {
  color: #206728;
}

/* ▼▼▼ コラム一覧
======================================================*/
.column .glid_col3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  word-break: break-all;
  gap: 30px 53px;
}
.column .glid_col3 .img {
  width: 100%;
  border-radius: 4px;
  margin-bottom: 18px;
  overflow: hidden;
}
.column .glid_col3 a {
  display: block;
}
.column .glid_col3 a .cat {
  border-radius: 20px;
  display: inline-block;
  padding: 0 0.8em 0.1em 0.8em;
  margin-bottom: 0.3em;
  color: #fff;
  font-size: 12px;
}
.column .glid_col3 a .cat.gakki {
  background: #16529b;
}
.column .glid_col3 a .cat.audio {
  background: #206728;
}
.column .glid_col3 a .content {
  height: 5em;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .column .glid_col3 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
  .column .glid_col3 li:nth-child(1) {
    grid-column: 1/3;
  }
  .column .glid_col3 .img {
    margin-bottom: 10px;
  }
}

.wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
}

.single .article_ttl {
  font-size: 26px;
  margin-bottom: 30px;
}
.single .img {
  width: 80%;
  margin: 0 auto 40px;
}
.single p {
  line-height: 2;
}
.single p a {
  color: #16529b;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .single .article_ttl {
    font-size: 22px;
    margin-bottom: 25px;
  }
  .single .img {
    width: 100%;
    margin-bottom: 30px;
  }
}