/* ========================================================= */
/* --- News Page Styles (お知らせページ) --- */
/* ========================================================= */

/* 現在はインラインスタイルや共通スタイルを使用しています。
   固有のスタイルが必要になった場合はここに記述します。 */

.breadcrumb-wrapper {
   background: var(--color-light-purple);
   padding: 10px 0;
}

.breadcrumb-wrapper .container {
   text-align: center;
}

.breadcrumb-container {
   font-size: 0.9rem;
}

.news-archive-wrapper {
   max-width: 800px;
   margin: 0 auto;
}

.news-list li {
   border-bottom: 1px solid var(--color-light-purple);
   padding: 15px 0;
}

.news-date {
   display: block;
   color: var(--color-white);
   font-size: 0.9rem;
   background: var(--color-primary);
   padding: 3px 8px;
   border-radius: 5px;
}

.news-list a {
   font-size: 1rem;
   font-weight: 600;
}

.pagination {
   margin-top: 40px;
   text-align: center;
}