[v-cloak] { display: none; }

    .news-container {
      max-width: 600px;
      margin: 40px auto;
      padding: 0 20px;
      font-family: sans-serif;
    }
    .news-item {
      border-bottom: 1px solid #eee;
      padding: 16px 0;
    }
    .news-header {
      cursor: pointer;
    }
    .news-meta {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #666;
      font-size: 0.85rem;
    }
    .news-icon {
      font-size: 0.75rem;
      color: #999;
    }
    .news-title {
      margin: 4px 0 0 0;
      font-size: 1.1rem;
      color: #333;
    }
    .news-preview {
      margin: 6px 0 0 0;
      padding: 0px 20;
      font-size: 0.9rem;
      color: #888;
      line-height: 1.4;
    }
    .news-body {
      overflow: hidden;
    }
    .news-content {
      margin-top: 12px;
      padding: 16px;
      /* background-color: #f9f9f9; */
      border-radius: 6px;
    }
    .news-text {
      margin: 0;
      font-size: 0.95rem;
      color: #444;
      line-height: 1.6;
      white-space: pre-wrap; /* 改行を有効にする */
    }

    /* アニメーションの設定 */
    .expand-enter-active, .expand-leave-active {
      transition: height 0.3s ease, opacity 0.3s ease;
    }
    .expand-enter-from, .expand-leave-to {
      height: 0 !important;
      opacity: 0;
    }