@charset "utf-8";
.news-list-item {
            color: #333; /* 文字色を少し濃くする */
            text-decoration: none; /* 下線を削除 */
            border-bottom: 1px solid #dee2e6; /* 区切り線を再設定 */
            transition: background-color 0.2s ease-in-out;
        }

        .news-list-item:last-child {
            border-bottom: 0;
        }
        
        .news-list-item:hover {
            background-color: #f8f9fa; /* ホバー時の背景色 */
        }

        /* New icon style */
        .news-icon {
            background-color: #f1f1f1; /* 薄いグレーの背景 */
            border-radius: 50%;
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #6c757d;
            flex-shrink: 0; /* アイコンが縮まないようにする */
        }

        .news-list-item .date {
            color: #6c757d; /* 日付の文字色を少し薄くする */
            font-weight: 500;
            min-width: 100px; /* 日付の幅を固定してレイアウト崩れを防ぐ */
        }
        
        .news-list-item .news-title {
            font-weight: 600;
            color:#2d5a88;
        }
        
        /* Pagination Style Overrides */
        .pagination .page-link {
            border: 1px solid #dee2e6; /* 枠線を追加 */
            color: #6c757d;
            background-color: transparent;
            border-radius: 50% !important; /* 円形にする */
            width: 38px;
            height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 4px;
            transition: all 0.2s ease-in-out;
        }

        .pagination .page-link:hover {
            background-color: #f8f9fa;
            color: #333;
        }
        
        .pagination .page-item.active .page-link {
            background-color: #f1f1f1; /* アイコン背景色と同じ */
            border-color: #f1f1f1;
            color: #333;
            font-weight: 700;
        }

        /* 最後の「ラ」のスタイル調整 */
        .pagination .page-item:last-child .page-link {
            border: none;
        }
        .pagination .page-item:last-child .page-link:hover {
            background-color: transparent;
        }

        .list-group-item {
          background-color: transparent;
        }

        @media screen and (max-width:599px)  {

            .con-title-box {
        z-index: 1;
        top: 3rem;
    }

    .con-main-con {
      padding-top:1rem;
    } 
        }