.prettifydiv {
      font-size: 13px;
    }
    * {
      margin: 0;
      padding: 0;
    }
    img {
      display: block;
      max-width: 100%;
      height: auto;
    }
    ol {
      list-style: none;
      padding: 0.1rem 0.5rem 0.1em 0.5rem;
    }
    a {
      text-decoration: none;
      color: inherit;
    }
    body {
      margin: 0px auto;
      color: var(--black);
    }
     
    .container {
      max-width: 1000px;
      margin: 0 auto;
    }
     
    input[type="radio"] {
      position: absolute;
      left: -9999px;
    }
    .filters {
      text-align: left;
      margin-bottom: 1rem;
      font-weight:bold;
    }
    
  /* フィルタ（カテゴリ一覧）の表示 */
    .filters * {
      display: inline-block;
    }
    .filters label {
      font-size: 1.0rem;
      text-align: center;
      padding-top:    0.2rem;
      padding-left:   0.6rem;
      padding-right:  0.6rem;
      padding-bottom: 0.1rem;
      margin-right: 0.25rem;
      margin-bottom: 0.5rem;
      min-width: 50px;
      line-height: 1.5em;
      cursor: pointer;
      transition: all 0.4s;
      background: #e1f1ff;
      border-bottom: 3px solid #c0c6c9;
      color: #555;
    }
    .filters label:hover {
      background: #994B8A;
      border-bottom: 3px solid #994B8A;
      color: #fff;
    }
    
  /* コンテナの表示 */
    .targets {
      display: grid;
      grid-gap: 1.0rem;
      grid-template-columns: repeat(3, 1fr);
    }
    
  /* コンテナデフォルト 枠線 */
    .targets .target {
      border: 1.5px solid rgba(0, 0, 0, 0.1);
      border-radius: 5px;
    }
    
  /* コンテナ１（イベント） */
    .targets .target01 {
      background: #e6e6fa;
    }
  /* コンテナ９（終了したイベント） */
    .targets .target09 {
      background: #b3ada0;
    }
    
    .targets .target-title {
      font-size: 1.5em;
      text-align: center;
      margin: 0.2rem 0.0em -0.25rem 0.0rem;
      padding: 0.3em 0.0em 0.3em 0.0em;
      color: #999;
    }
    .targets .target-title:hover {
      text-decoration: underline;
    }
    .targets .target-title-furigana li{
      font-size: 1.0em;
      padding: 0.0rem 0.0rem 0.1rem 0.0rem;
      color: #000;
    }
    
  /* サムネイル写真 */
    .targets div .target-picture {
      width: 50%;
      text-align: center;
      padding: 0.2em;
    }
    .targets figcaption {
      padding: 0.5rem;
      font-size: 0.75rem;
    }
    .targets .target-categories {
      margin-bottom: 0.5rem;
      font-size: 1.0rem;
      line-height: 1.5em;
    }
    .targets .target-categories * {
      display: inline-block;
    }
    ol.target-categories {
      padding: 0.1rem 1.6rem 0.1rem 1.6rem;
    }
    
    .targets .target-categories ol {
      margin-right: 0.5rem;
      margin-bottom: 0.2rem;
    }
    .targets .target-categories li {
      padding: 0.4em 0.0em 0.0em 0.0em;
      font-weight: bold;
      text-decoration: underline;
    }
    .targets .target-categories a {
      padding: 0.0rem 0.0rem;
      transition: all 0.1s;
      color: #994B8A;
    }
    .targets .target-categories a:hover {
      background: #994B8A;
      color: #fff;
    }
    
  /* フィルタリング  */
    [value="All"]:checked ~ .filters [for="All"],
    [value="cat-a"]:checked ~ .filters [for="cat-a"],
    [value="cat-b"]:checked ~ .filters [for="cat-b"], 
    [value="cat-c"]:checked ~ .filters [for="cat-c"], 
    [value="cat-d"]:checked ~ .filters [for="cat-d"], 
    [value="cat-e"]:checked ~ .filters [for="cat-e"], 
    [value="cat-f"]:checked ~ .filters [for="cat-f"],
    [value="cat-g"]:checked ~ .filters [for="cat-g"], 
    [value="cat-h"]:checked ~ .filters [for="cat-h"], 
    [value="cat-i"]:checked ~ .filters [for="cat-i"], 
    [value="cat-j"]:checked ~ .filters [for="cat-j"], 
    [value="cat-k"]:checked ~ .filters [for="cat-k"],
    [value="cat-o"]:checked ~ .filters [for="cat-o"],
    [value="cat-x"]:checked ~ .filters [for="cat-x"],
    [value="cat-z"]:checked ~ .filters [for="cat-z"] {
      background: #994B8A;
      border-bottom: 3px solid #994B8A;
      color: #fff;
    }
    [value="All"]:checked ~ .targets [data-category] {
      display: block;
    }
    [value="cat-a"]:checked ~ .targets .target:not([data-category~="cat-a"]), 
    [value="cat-b"]:checked ~ .targets .target:not([data-category~="cat-b"]), 
    [value="cat-c"]:checked ~ .targets .target:not([data-category~="cat-c"]),
    [value="cat-d"]:checked ~ .targets .target:not([data-category~="cat-d"]), 
    [value="cat-e"]:checked ~ .targets .target:not([data-category~="cat-e"]), 
    [value="cat-f"]:checked ~ .targets .target:not([data-category~="cat-f"]), 
    [value="cat-g"]:checked ~ .targets .target:not([data-category~="cat-g"]), 
    [value="cat-h"]:checked ~ .targets .target:not([data-category~="cat-h"]),
    [value="cat-i"]:checked ~ .targets .target:not([data-category~="cat-i"]), 
    [value="cat-j"]:checked ~ .targets .target:not([data-category~="cat-j"]), 
    [value="cat-k"]:checked ~ .targets .target:not([data-category~="cat-k"]), 
    [value="cat-o"]:checked ~ .targets .target:not([data-category~="cat-o"]), 
    [value="cat-x"]:checked ~ .targets .target:not([data-category~="cat-x"]), 
    [value="cat-z"]:checked ~ .targets .target:not([data-category~="cat-z"]) {
      display: none;
    }
    
  /* フィルタリングアニメーション  */
    [value="cat-a"]:checked ~ .targets .target, 
    [value="cat-b"]:checked ~ .targets .target, 
    [value="cat-c"]:checked ~ .targets .target, 
    [value="cat-d"]:checked ~ .targets .target, 
    [value="cat-e"]:checked ~ .targets .target, 
    [value="cat-f"]:checked ~ .targets .target, 
    [value="cat-g"]:checked ~ .targets .target, 
    [value="cat-h"]:checked ~ .targets .target, 
    [value="cat-i"]:checked ~ .targets .target, 
    [value="cat-j"]:checked ~ .targets .target, 
    [value="cat-k"]:checked ~ .targets .target, 
    [value="cat-o"]:checked ~ .targets .target, 
    [value="cat-x"]:checked ~ .targets .target, 
    [value="cat-z"]:checked ~ .targets .target {
      animation: checked_animation 0.4s ease-in-out both;
    }
    /* All を追加 */
    [value="All"]:checked ~ .targets .target [data-category] {
      animation: checked_animation 0.4s ease-in-out both;
    }
      
    @keyframes checked_animation {
      0% {
      transform: translate(0, 300px);
      opacity: 0;
      }
      100% {
      transform: translate(0, 0);
      opacity: 1;
      }
    }