@charset "utf-8";
.fwb{
  font-weight: bold;
}
a.cmp_mtc01{
  color: #000 !important;
  
}
a.cmp_mtc01 :hover{
  
}
.date{
  display: inline-block;color:#666;font-size: 14px; margin-bottom: 1em;
}
.date span.new{
  display: inline-block; color: #fff; padding: 0.25em 0.5em; background:#7e9e00;
}
.date span{
  display: inline-block; color: #7e9e00; padding: 0.25em 0.5em; background:#fff;border:solid 1px #7e9e00;
  margin-right: 0.5em;
}
.date span.cmgsn{
  color: #666;
}

/* item-menu */
  /* 全体のレイアウト */
  .item-menu { max-width: 600px; margin: 0 auto; padding: 20px; }

  /* ラジオボタンは非表示にする */
  .category-filter { display: none; }

  /* フィルタボタンの見た目 */
  .filter-labels { display: flex; gap: 10px; margin-bottom: 20px; }
  .filter-labels label {
    padding: 8px 16px;
    background-color: #e0e0e0;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.2s;
  }
  .filter-labels label:hover { background-color: #bdbdbd; }

  /* アイテムの基本設定（すべて表示） */
  .items { display: flex; flex-direction: column; gap: 10px; }
  .item {
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 4px;
    /* transitionでふわっと表示 */
    transition: opacity 0.3s ease, transform 0.3s ease;
  }

  /* --- 選択時のフィルタリング処理 --- */
  /* 「すべて」が選択された場合 */
  #all:checked ~ .filter-labels label[for="all"],
  /* 「カテゴリA」が選択された場合 */
  #kitami:checked ~ .filter-labels label[for="kitami"],
  #sapporo:checked ~ .filter-labels label[for="sapporo"],
  #akita:checked ~ .filter-labels label[for="akita"],
  #kanazawa:checked ~ .filter-labels label[for="kanazawa"],
  #yokohama:checked ~ .filter-labels label[for="yokohama"],
  #tottori:checked ~ .filter-labels label[for="tottori"],
  #takamatsu:checked ~ .filter-labels label[for="takamatsu"],
  #nakgasaki:checked ~ .filter-labels label[for="nakgasaki"],
  #kagoshima:checked ~ .filter-labels label[for="kagoshima"] {
    background-color: #007bff;
    color: white;
  }

  /* 非表示のアイテムは消す */
  #kitami:checked ~ .items .item:not(.kitami),
  #sapporo:checked ~ .items .item:not(.sapporo),
  #akita:checked ~ .items .item:not(.akita),
  #kanazawa:checked ~ .items .item:not(.kanazawa),
  #yokohama:checked ~ .items .item:not(.yokohama),
  #tottori:checked ~ .items .item:not(.tottori),
  #takamatsu:checked ~ .items .item:not(.takamatsu),
  #nakgasaki:checked ~ .items .item:not(.nakgasaki),
  #kagoshima:checked ~ .items .item:not(.kagoshima) {
    display: none; /* 要素自体を消す */
    /* opacity: 0; （消さずに残して透明にしたい場合はこちら） */
  }