@charset "UTF-8";
/* CSS Document */
.backLayer { background-image: url("../images/kyoten-baimage.png"); background-repeat: no-repeat; background-size: 100% auto; margin: auto; }
.topicsTtl{ width: 10%; display: table; padding: 100px 0;}
.topicsList {display: flex; justify-content: space-between; flex-wrap: wrap;}
.topicsList:before { content:""; display: block; width: 23%; order: 1; }
.topicsList:after { content: ""; display: block; width: 23%; }
.topicsList .item{width: 23%; display: flex; flex-direction: column; margin-bottom: 30px;}
.topicsList .item a{display: flex; flex-direction: column; flex-grow: 1;}
figure.bgGray{background-color: #E5E5E5; height: 165px; }
figure.bgGray img{width: 100%; height: 100%; object-fit: contain;}
.articleBlock{ border: solid #DBDBDB 1px; background-color: #fff; padding: 15px; border-top: solid #fff 1px; flex-grow: 1;}
.taxonomyList{}
.cate{ background-color : #009644; color: #fff; font-weight: bold; padding: 5px 13px 4px; display: table; margin-right: 10px; font-size: 0.8em; margin-bottom: 10px;}
.postdate{margin-top: 15px;}
.formTtl{ margin-right: 40px;}
.form-check{ margin-right: 20px;}
.formCate{display: flex; flex-wrap: wrap;}
.radioCheck {
  display: inline-block;
  padding: 6px 15px;
  background-color: #EFEFEF;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
}
/* ホバー時の効果 */
.radioCheck:hover {
  background-color: #EFEFEF;
}
/* チェックされたラジオボタンのラベルにだけスタイルを当てる */
input[type="radio"]:checked + .radioCheck {
  background-color: #009644;
}
.visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);     /* 旧式ブラウザ対応 */
  clip-path: inset(50%);   /* 新しいブラウザ向け */
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: 0;
}
.radiobtnForm { background-color: #fff; padding: 10px 40px; margin-bottom: 40px;}
.radiobtnForm .btnLists{display: flex; align-items: center; font-weight: bold;}
.topicsList .item.hidden-item {
  display: none;
}
.loadMoreBtn {
  width: 250px ;
  margin: 40px auto 100px;
  padding: 20px 0;
  background-color: #9ECE94;
  text-align: center;
}
footer{ margin-top:0 !important;}
.topicsArchBlock{padding-bottom:150px;}
.formCate .form-check:last-child{margin-right: 0;}
@media screen and (max-width:780px){
  .topicsTtl{ width: 25%; padding: 80px 0;}
  .radiobtnForm .btnLists{display:block; }
  .topicsList .item{width: 48%;}
  .radiobtnForm{padding: 20px;}
  .formCate .form-check{margin-top: 15px;}
  figure.bgGray{height: 150px;}
}