/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
.comment-form-url,.form-allowed-tags {
	display: none;
}

/*
	Jetpack から移行された CSS
*/

/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
.comment-form-url,.form-allowed-tags {
	display: none;
}


* {
      margin: 0 auto;
      padding: 0;
    }
    img {
      display: block;
      max-width: 100%;
      height: auto;
    }
    ol {
      list-style: none;
    }
    a {
      text-decoration: none;
      color: inherit;
    }
    body {
      margin: 50px auto;
    }
    .container {
      max-width: 1400px;
      margin: 0 auto;
    }
    input[type="radio"] {
      position: absolute;
      left: -9999px;
    }
    .filters {
      text-align: center;
      margin-bottom: 2rem;
    }
    .filters * {
      display: inline-block;
    }
    .filters label {
      text-align: center;
      padding: 0.25rem 0.5rem;
      margin-bottom: 0.25rem;
      min-width: 50px;
      line-height: normal;
      cursor: pointer;
      transition: all 0.2s;
      color: #999;
    }
    .filters label:hover {
      background: #994B8A;
      color: #fff;
    }
    .targets {
      display: grid;
      grid-gap: 1.5rem;
      grid-template-columns: repeat(4, 1fr);
    }
    .targets .target {
      background: #fafafa;
      border: 1px solid rgba(0, 0, 0, 0.1);
    }
    .targets .target-title {
      font-size: 1.2rem;
      margin: 1rem 0 1rem 0.25rem;
      color: #999;
    }
    .targets .target-title:hover {
      text-decoration: underline;
    }
    .targets figcaption {
      padding: 0.5rem;
      font-size: 0.75rem;
    }
    .targets .target-categories {
      margin-bottom: 0.75rem;
      font-size: 0.75rem;
    }
    .targets .target-categories * {
      display: inline-block;
    }
    .targets .target-categories li {
      margin-bottom: 0.2rem;
    }
    .targets .target-categories a {
      padding: 0.2rem 0.5rem;
      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"] {
      background: #994B8A;
      color: #fff;
    }
    /* メディアクエリ */
    @media screen and (max-width: 900px) {
      .targets {
        grid-template-columns: repeat(3, 1fr);
      }
    }
     
    @media screen and (max-width: 650px) {
      html {
        font-size: 14px;
      }
      .targets {
        grid-template-columns: repeat(2, 1fr);
      }
    }
     
    /* アニメーション */
    .checked_animation {
      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;
      }
    }