.main-contents {
        padding: 20px !important;
      }

      .abisu_column_grid [data-collection-list-content] {
        display: contents;
      }

      .abisu_column_grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 30px 20px;
        margin: 50px 0;
      }

      .abisu_column_link {
        display: block;
        text-decoration: none !important;
        color: inherit;
      }

      /* サムネイル */
      .abisu_column_thumb {
        width: 100%;
        overflow: hidden;
        background: #f0f0f0;
        margin-bottom: 10px;
      }

      .abisu_column_thumb_img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.3s ease;
      }

      .abisu_column_link:hover {
        opacity: 0.7;
        color: #ffeb3b;
      }
      
      .abisu_column_link:hover .abisu_column_title,
      .abisu_column_link:hover .abisu_column_title * {
        color: #ffeb3b;
      }

      /* テキストエリア */
      .abisu_column_body {
        padding: 0;
      }

      .abisu_column_date {
        display: block;
        font-size: 12px;
        margin-bottom: 6px;
        letter-spacing: 0.04em;
      }

      .abisu_column_title {
        font-size: 13px;
        font-weight: 500;
        line-height: 1.6;
        color: #444444;
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      
      /* 現在ページの背景 */
      .pager-list li:has(.now) {
        background-color: #d2d2d2;
      }
      
      /* now以外のページのホバー*/
      .pager-list li:not(:has(.now)):hover {
        color: #ffeb3b;
      }

      /* レスポンシブ */

      /* タブレット：768px以下 → 3列 */
      @media (max-width: 768px) {
        .abisu_column_grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 24px 14px;
        }

        .abisu_column_title {
          font-size: 12px;
        }
      }

      /* SP：480px以下 → 2列 */
      @media (max-width: 480px) {
        .abisu_column_section {
          padding: 24px 16px;
        }

        .abisu_column_grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 20px 12px;
        }

        .abisu_column_thumb {
          margin-bottom: 8px;
        }

        .abisu_column_date {
          font-size: 11px;
          margin-bottom: 4px;
        }

        .abisu_column_title {
          font-size: 12px;
          -webkit-line-clamp: 4;
        }
      }