/* ===== 共通 ===== */
.wp-cards{
  display:flex;
  gap:10px;
  padding:10px;
  box-sizing:border-box;
}

.wp-card{
  background:#fff;
  border:1px solid #d7d7d7;
  border-radius:3px;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}

.wp-card__link{
  display:block;
  color:inherit;
  text-decoration:none;
}

.wp-card__imgwrap{
  width:100%;
  height:110px;           /* 既存の雰囲気に合わせた高さ */
  background:#eee;        /* グレー枠の見え方をここで統一 */
  overflow:hidden;
}

.wp-card__img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.wp-card__body{
  padding:8px 10px 10px;
  font-size:14px;
  line-height:1.5;
}

.wp-card__date{
  margin:0 0 6px;
  color:#333;
}

.wp-card__title{
  margin:0;
  font-size:14px;
  font-weight:bold;
  color:#000;
}

/* ===== 活動予定・活動報告：3列 ===== */
.activityBoxIn .wp-cards[data-feed="schedule"] .wp-card,
.activityBoxIn .wp-cards[data-feed="report"] .wp-card{
  width: calc((100% - 20px) / 3);
}

/* ===== トピックス：右カラム想定で1枚（幅は親に合わせる） ===== */
.topix2colomn .wp-cards[data-feed="topics"]{
  padding:10px;
}
.topix2colomn .wp-cards[data-feed="topics"] .wp-card{
  width:100%;
}
.topix2colomn .wp-card__imgwrap{
  height:160px; /* トピックスだけ少し縦長 */
}

/* ローディング時（必要なら） */
.wp-cards.is-loading{
  opacity:.65;
}
.wp-empty, .wp-error{
  padding:10px;
  font-size:12px;
  color:#333;
}

/* トピックス内の不要な見出しを非表示 */
#wp-topics > h2 { 
  display: none !important; 
}

/* トピックス枠内で絶対にはみ出さない */
.topix2colomn,
.topix2colomn *{
  box-sizing: border-box;
}

.topix2colomn .wp-cards[data-feed="topics"]{
  width: 100%;
  max-width: 100%;
  padding: 10px;          /* 既存に合わせて */
  overflow: hidden;       /* 念のためはみ出しをカット */
}

.topix2colomn .wp-cards[data-feed="topics"] .wp-card{
  width: 100%;
  max-width: 100%;
}

/* 活動予定・活動報告：カード高さを揃えて下の空白を減らす */
.activityBoxIn .wp-cards[data-feed="schedule"],
.activityBoxIn .wp-cards[data-feed="report"]{
  align-items: stretch; /* 高さ揃え */
}

.activityBoxIn .wp-cards[data-feed="schedule"] .wp-card,
.activityBoxIn .wp-cards[data-feed="report"] .wp-card{
  display: flex;
  flex-direction: column;
}

.activityBoxIn .wp-cards[data-feed="schedule"] .wp-card__body,
.activityBoxIn .wp-cards[data-feed="report"] .wp-card__body{
  padding: 15px 8px 15px;  /* 余白を少し詰める */
}

/* 画像枠を少し低くして、全体の縦を圧縮（好みに応じて 90〜110 で調整OK） */
.activityBoxIn .wp-cards[data-feed="schedule"] .wp-card__imgwrap,
.activityBoxIn .wp-cards[data-feed="report"] .wp-card__imgwrap{
  height: 90px;
}

/* =========================
   余白（下の空白）を消す：親側の固定高さを無効化
========================= */

/* 活動予定・活動報告の中身が自動高さになるように */
.activityBoxIn{
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
}

/* 旧来のfloat/clearfix影響を受けないように */
.activityBoxIn::after{
  content: "";
  display: block;
  clear: both;
}

/* wp-cards 自体も高さを固定させない */
.activityBoxIn .wp-cards{
  height: auto !important;
  min-height: 0 !important;
  margin-bottom: 0 !important;
}

/* トピックスの余計な見出しは消す（念のため残ってたら） */
#wp-topics > h2{
  display: none !important;
}


/* =========================
   トピックスがはみ出さない保険
========================= */
.topix2colomn .wp-cards[data-feed="topics"]{
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.topix2colomn .wp-card{
  max-width: 100%;
}

.activityBox.radius.effect{ height:auto !important; min-height:0 !important; }
.container.pie-clearfix{ height:auto !important; }

/* =========================
   トピックス枠を小さく＆はみ出し対策
========================= */

/* トピックス枠：固定高さっぽい挙動を解除して内容に合わせる */
.topix2colomn,
.topix {
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden; /* はみ出しを枠内に収める */
}

/* トピックス内部：余計な余白を減らす（枠を小さくする） */
#wp-topics{
  margin: 0 !important;
  padding: 0 !important;
}
#wp-topics > h2{
  display: none !important; /* 「トピックス」文字を消す */
}

/* トピックスカード全体を枠幅に収める */
.topix2colomn .wp-cards[data-feed="topics"]{
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

/* カードが枠からはみ出さないように */
.topix2colomn .wp-card{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* 画像がはみ出す場合の保険（imgを枠内に収める） */
.topix2colomn .wp-card__img{
  max-width: 100%;
  height: auto;
  display: block;
}

.box{ clear: both; }