/* スマートフォン用スタイル */
@media (max-width: 768px) {
  /* トップページの新着情報 */
  .news-item .news-content {
    padding: 15px;
  }

  .news-item .news-content h3 {
    font-size: 1.1rem;
  }

  .news-item .news-image {
    height: 150px;
  }

  /* 一覧ページ */
  .news-list-container {
    padding: 30px 0;
  }

  .news-list .news-item {
    flex-direction: column;
    padding: 20px;
    gap: 15px;
  }

  .news-list .news-image {
    width: 100%;
    height: 180px;
    order: -1;
  }

  .news-list .news-title {
    font-size: 1.2rem;
  }

  /* 詳細ページ */
  .news-detail-container {
    padding: 30px 0;
    margin: 0;
  }

  .news-header {
    padding: 20px 0 15px 0;
  }

  .news-detail .news-title {
    font-size: 1.5rem;
  }

  .news-detail .news-content {
    padding: 20px 0;
    font-size: 1.2rem;
    line-height: 1.5;
  }

  .news-detail .news-image {
    width: 100%;
  }

  .news-detail .news-images-container {
    flex-direction: column;
  }

  /* 空状態 */
  .no-news {
    padding: 60px 20px;
  }

  .no-news-icon {
    font-size: 3rem;
  }

  .no-news h3 {
    font-size: 1.3rem;
  }
}

@media (max-width: 480px) {
  .news-list .news-item {
    padding: 15px;
  }

  .news-detail .news-title {
    font-size: 1.3rem;
  }

  .news-detail .news-content {
    font-size: 1rem;
  }

}