.puzzlelist-content {
           /* max-width: 1460px; */ /* 修正した */
            max-width: 800px; /* 修正した */
            margin: 0 auto; /* 上下0 | 左右auto */
        }

        .content-wrapper {
            background: white;
            /* border: 6px solid #dc3545; */ /* 枠の太さと色 */
            border: 6px solid #747474; /* 枠の太さと色 */ /* 修正した */
            border-radius: 15px;
            padding: 0px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            min-height: 2100px;
        }

        .layout {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            justify-items: center;
            align-items: center;
        }

        .archive-item {
/*            margin-bottom: 8px; */
           /* border: thick double #e179dd; */
            cursor: pointer;
            transition: all 0.3s ease;
            list-style: none;
           border: 6px solid #95949442; /* 初期枠線色 */
        }

        .archive-item-style {
            list-style: none;
        }

        .archive-item:hover {
          /*  margin: -6px;*/ /* borderの線幅と合わせること */
          /*  background: #f8f9fa; */
           /* padding-left: 10px; */
           border: 6px solid #1e90ff; /* 修正した */
        }

        .archive-item:last-child {
            border-bottom: none;
        }

        .archive-date {
            font-size: 18px;
            color: #666;
            font-weight: normal;
        }

        /* アニメーション */
/*
        .content-wrapper {
            animation: fadeInUp 0.8s ease-out;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
*/
        /* ホバー効果の追加 */
        .news-article {
            min-height: 540px; /* 追加した 縦サイズ調整用*/
            transition: all 0.3s ease;
        }

        .news-article:hover {
            transform: translateX(0px);
        }