@charset "UTF-8";
.btn-bck {
  display: block;
  width: 100%;
  border: solid 1px #707070;
  text-align: center;
  padding: 10px;
}

.btn-bck::before {
  content: "\f053";
  font-family: "font Awesome 5 free";
  font-weight: bold;
  display: inline-block;
  margin-right: 5px;
}

.btn-bck:hover {
  text-decoration: none;
  color: #555;
}

.btn-report-search {
  display: block;
  width: 100%;
  padding: 8px 10px;
  text-align: center;
  color: #fff;
  background-color: #bfab7e;
  text-decoration: none;
}

.btn-report-search:hover {
  color: #fff;
  text-decoration: none;
}

.search-box {
  display: flex;
  align-content: space-around;
  padding: 30px 80px;
  background-color: #f3f0e8;
  margin: 70px auto;
}

@media (max-width: 991px) {
  .search-box {
    padding: 30px 40px;
  }
}

@media (max-width: 767px) {
  .search-box {
    flex-wrap: wrap;
    padding: 20px;
  }
}

.select-wrap {
  flex: 0 1 300px;
  margin: auto;
}

@media (max-width: 991px) {
  .select-wrap {
    flex: 0 1 200px;
  }
}

@media (max-width: 767px) {
  .select-wrap {
    flex: 1 1 calc(50% - 20px);
  }
}

.serch-btn-wrap {
  flex: 0 1 170px;
}

@media (max-width: 767px) {
  .serch-btn-wrap {
    flex: 1 1 100%;
    padding-top: 20px;
  }
}

.icon-x {
  flex: 0 0 60px;
  text-align: center;
  padding: 10px;
}

@media (max-width: 767px) {
  .icon-x {
    flex: 40px;
  }
}

.report-search-select {
  padding: 10px;
  width: 100%;
}

.report-thumb-img {
  width: 100%;
  aspect-ratio: 4 / 3;
  background-position: center;
  background-size: cover;
  position: relative;
}

.topics-index-tag {
  position: absolute;
  top: 0;
  left: 0;
}

.topics-index-tag.system::before {
  content: "会員システム";
  display: inline;
}

.topics-index-tag.funeral::before {
  content: "お葬式・法要";
  display: inline;
}

.topics-index-tag.wedding::before {
  content: "結婚式・パーティ";
  display: inline;
}

.topics-index-tag.wellness::before {
  content: "介護";
  display: inline;
}

.topics-index-tag.shop::before {
  content: "食・健・楽・美 ネットショップ";
  display: inline;
}

@media (max-width: 767px) {
  .topics-index-tag.shop::before {
    content: "食・健・楽・美";
  }
}

.topics-index-tag.social::before {
  content: "地域社会活動";
  display: inline;
}

.topics-index-tag.sodan::before {
  content: "冠婚葬祭なんでも相談会";
  display: inline;
}

.topics-index-tag.laviena_maison::before {
  content: "ラヴィーナ＆メゾン";
  display: inline;
}

.topics-index-tag.daiwa::before {
  content: "大和会館";
  display: inline;
}

.topics-index-tag.ceremo::before {
  content: "セレモ平安";
  display: inline;
}

.topics-index-tag.plaza::before {
  content: "１１７プラザ";
  display: inline;
}

.topics-index-tag.apple::before {
  content: "あっぷる";
  display: inline;
}

.topics-index-tag.circle::before {
  content: "ｃｌｕｂ１１７サークル";
  display: inline;
}

.topics-area02 .topics-text01,
.topics-area02 .topics-title01 {
  font-size: 1.6rem;
  margin-bottom: 0;
}

.report-title-wrap {
  /*font-size: 2rem;
    margin-bottom: 35px;
    line-height: 2;*/
}

.report-title-wrap .tag {
  display: inline-block;
  font-size: 1.6rem;
  color: #fff;
  padding: 0 30px;
  text-align: center;
  vertical-align: middle;
  margin-right: 20px;
}

.report-title-wrap .tag.system {
  background-color: #00bad8;
}

.report-title-wrap .tag.system::before {
  content: "会員システム";
  display: inline;
}

.report-title-wrap .tag.funeral {
  background-color: #0071c5;
}

.report-title-wrap .tag.funeral::before {
  content: "お葬式・法要";
  display: inline;
}

.report-title-wrap .tag.wedding {
  background-color: #f596b6;
}

.report-title-wrap .tag.wedding::before {
  content: "結婚式・パーティ";
  display: inline;
}

.report-title-wrap .tag.wellness {
  background-color: #add700;
}

.report-title-wrap .tag.wellness::before {
  content: "介護";
  display: inline;
}

.report-title-wrap .tag.shop {
  background-color: #ffba00;
}

.report-title-wrap .tag.shop::before {
  content: "食・健・楽・美 ネットショップ";
  display: inline;
}

.report-title-wrap .tag.social {
  background-color: #ffba00 !important;
}

.report-title-wrap .tag.social::before {
  background-color: #ffba00 !important;
  content: "地域社会活動";
  display: inline;
}

.report-title-wrap .tag.sodan::before {
  content: "冠婚葬祭なんでも相談会";
  display: inline;
}

.report-title-wrap .tag.circle::before {
  content: "ｃｌｕｂ１１７サークル";
  display: inline;
}

.report-title-wrap .tag.laviena_maison::before {
  content: "ラヴィーナ＆メゾン";
  display: inline;
}

.report-title-wrap .tag.daiwa::before {
  content: "大和会館";
  display: inline;
}

.report-title-wrap .tag.ceremo::before {
  content: "セレモ平安";
  display: inline;
}

.report-title-wrap .tag.plaza::before {
  content: "１１７プラザ";
  display: inline;
}

.report-title-wrap .tag.apple::before {
  content: "あっぷる";
  display: inline;
}

.report-title-wrap .report-date {
  display: inline-block;
  font-size: 2rem;
}

.report-title-wrap .report-title {
  font-size: 2rem;
  margin-bottom: 35px;
  line-height: 2;
}

.pager-wrap {
  display: block;
  margin: auto;
}

.pager-wrap > ol {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.pager-wrap > ol li {
  flex: 0 0 50px;
  font-size: 1.8rem;
  margin: 5px;
  border: solid 1px #ece5d9;
  border-radius: 5px;
  text-align: center;
}

.pager-wrap > ol li.cur {
  background-color: #ece5d9;
  padding: 10px 5px;
}

.pager-wrap > ol li:hover {
  background-color: #ece5d9;
}

.pager-wrap > ol li > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 5px;
  text-decoration: none;
}

.pager-wrap > ol li.pager-head {
  border: none;
}

.pager-wrap > ol li.pager-head:hover {
  background: none;
}

/*20220830_内藤追加（イベントバナーエリア余白）*/
.range {
  margin-top: 50px;
}

@media (max-width: 767px) {
  .range {
    margin-top: 20px;
  }
}

.range-b {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .range-b {
    margin-top: 10px;
  }
}

/*-------------------------------------
202212追記_前田
-------------------------------------*/
.area-tag {
  display: inline-block;
  padding: 1px 5px;
  margin-right: 5px;
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 18px;
  color: #fff;
  text-align: center;
  background-color: #bfab7e;
}

.topics-area02 {
  margin-bottom: 30px;
}