/*お知らせ*/
#topics {
  /*background: #a3df77;
  background-image: URL(../images/top/topic_animal.svg);
  background-size: 95% auto;
  background-repeat: no-repeat;
  background-position: center;*/
  position: relative;
}

.top_topics {
  position: relative;
  height: 55em;
}

.info_head {
  font-size: 70%;
  background: #fff;
  border-radius: unset;
  border-bottom: 1px solid #e89439;
  height: 6.7em;
  letter-spacing: 0.05vw;
  webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.info_head:last-child {
  border-bottm: unset;
}
.info_head:hover {
  transform: scale(1.01);
  background: #fcf7e1;
  webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.association li {
  margin-bottom: 2px;
  border-left: 15px solid #e89439;
}

.member li {
  margin-bottom: 2px;
  border-left: 15px solid #22a245;
}

.tab-wrap {
  justify-content: space-around;
  position: absolute;
  top: 9em;
  width: 100%;
}

.tab-switch:checked + .tab_l:hover,
.tab-switch:checked + .tab_r:hover {
  border: none;
}

.tab-label {
  margin-bottom: 3em;
  height: 2.5em;
  border-radius: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23%;
  webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.tab_r:hover {
  border: 1px solid #22a245;
  box-sizing: border-box;
  background: #fff;
  color: #22a245;
  filter: drop-shadow(1px 1px 1px #888);
  webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.tab_l:hover {
  border: 1px solid #e89439;
  background: #fff;
  color: #e89439;
  filter: drop-shadow(1px 1px 1px #888);
  webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.info_head h2 {
  width: 100%;
  height: 100%;
}
.info_head a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
  padding-left: 2em;
  font-size: 160%;
  font-weight: normal;
}

.year_cat {
  width: 10vw;
  font-weight: 500;
}

/*追加修正*/
.association_list {
}
.association_list ul,
.member_list ul {
  justify-content: space-evenly;
}
.association_list li {
}
.association_list .active_label {
  background: #e89439;
}
.member_list .active_label {
  background: #22a245;
}

.active_label {
  color: #fff;
  filter: drop-shadow(1px 1px 1px #555);
  transform: scale(0.98);
  width: 28%;
  margin-bottom: 3em;
  height: 2.5em;
  border-radius: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.link_label {
  margin-bottom: 3em;
  height: 2.5em;
  border-radius: 0.5em;
  width: 28%;
  color: #888;
  background: #f2f2f2;
  margin-right: 5px;
  filter: drop-shadow(2px 2px 3px #888);
  webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.link_label a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.association_list .link_label:hover {
  border: 1px solid #22a245;
  color: #22a245;
  webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.member_list .link_label:hover {
  border: 1px solid #e89439;
  color: #e89439;
  webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.link_label:hover {
  border: 1px solid #22a245;
  box-sizing: border-box;
  background: #fff;
  filter: drop-shadow(1px 1px 1px #888);
  webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.pnavi {
  width: 100%;
  text-align: center;
  margin: 10vw 0 0 0;
}
.page-numbers {
  display: inline-block;
  margin-right: 1vw;
  padding: 0.5vw 1vw;
  color: #333;
  border-radius: 3px;
  box-shadow: 0 3px 3px #999;
  background: #fff;
  font-size: 1.2vw;
}
.pnavi .current {
  padding: 0.5vw 1vw;
  /* background: #22a245;*/
  color: #fff;
}
.association_list .pnavi .current {
  background: #e89439;
}
.member_list .pnavi .current {
  background: #22a245;
}
.association_list .pnavi .prev,
.association_list .pnavi .next {
  color: #e89439;
}
.member_list .pnavi .prev,
.member_list .pnavi .next {
  color: #22a245;
}

.pnavi .prev,
.pnavi .next {
  background: transparent;
  box-shadow: none;
  /*color: #69a4db;*/
}
.pnavi .dots {
  background: transparent;
  box-shadow: none;
}

/*シングル*/
#conts_det {
}

#conts_det h2 {
  font-size: 120%;
}

.title_area {
  position: absolute;
  top: 10.5em;
  left: 40%;
  width: 38em;
  height: 10em;
}
.title_area p {
  font-size: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: left;
}
.title_area h1 {
  font-size: 140%;
  font-weight: bold;
  position: unset;
  margin-top: 0.3em;
}
.cat_tag {
  width: 30%;
  border-radius: 0.5em;
  margin-right: 1em;
  text-align: center;
}
.association,
.back_association a {
  background: #e89439;
  color: #fff;
}
.back_association a,
.back_member a {
  width: 10em;
  line-height: 140%;
  text-align: center;
  height: 3.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0em;
  padding: 0.5em;
  border-radius: 0.5em;
  margin: auto;
  filter: drop-shadow(2px 2px 2px #ccc);
}
.member,
.back_member a {
  background: #22a245;
  color: #fff;
}

.back_association a:hover,
.back_member a:hover {
  transform: scale(0.95);
  filter: drop-shadow(1px 1px 2px #555);
  webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.post-navigation {
  width: 100%;
  justify-content: space-between;
  margin: 10em 0;
}
.next-post,
.prev-post {
  height: 3.5em;
}
.next-post a,
.prev-post a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.next-post a:hover,
.prev-post a:hover {
  filter: drop-shadow(2px 2px 2px #555);
  transform: translate(10px, 0px);
  webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.next-post a:hover {
  transform: translate(10px, 0px);
}
.prev-post a:hover {
  transform: translate(-10px, 0px);
}

.mt6 {
  margin-top: -6em;
}
/*****************************************************/
.news_fbg {
  background: #a3df77;
  background-image: url(../../common/images/news/foot_bg.svg);
}

/***********************************************************************/

/* --- レスポンシブ切替 Tablet--- */
@media screen and (max-width: 768px) {
} /* --- レスポンシブ切替 Tablet--- */

/***********************************************************************/

/* --- レスポンシブ切替 Mobile--- */
@media screen and (max-width: 480px) {
  .association_list,
  .member_list {
  }
  .association_list ul,
  .member_list ul {
    height: 4em;
    justify-content: space-between;
  }
  .info_tbl {
    margin-top: 5px;
  }
  .info_tbl ul,
  .info_tbl ul {
    height: 100%;
  }
  .active_label,
  .link_label {
    width: 48%;
    height: 100%;
    border-radius: 0;
  }
  .link_label a {
    font-size: 120%;
    line-height: 100%;
    font-weight: 500;
  }
  .info_head {
    height: 9em;
  }
  .info_head a {
    padding: 1em;
    display: block;
    font-size: 160%;
    line-height: 120%;
  }
  .year_cat {
    width: 100%;
    display: block;
  }
  .page-numbers {
    font-size: 120%;
  }
  .pnavi .current,
  .page-numbers {
    padding: 0.25em 0.5em;
  }

  /*Single*/
  #single .head_ke_h1 {
    top: 40vw;
  }
  #single .title_area {
    top: 15em;
    left: 0%;
    width: 90%;
    height: 10em;
    z-index: 9999;
    right: 0;
    margin: auto;
  }
  .title_area h1 {
    font-size: 100%;
    line-height: 120%;
  }

  .cat_tag {
    width: auto;
    padding: 0 1em;
    font-weight: 300;
  }
  .mt6 {
    margin-top: 0;
  }
} /* --- レスポンシブ切替 Mobile--- */