.container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--spacing-md);
}

.shadow-box2{
    /* gap: 20px; */
    /* padding: 20px; */ /* 内側の余白 */
    background-color: black;
    /* border: 1px solid #ccc; */
    /* 影の設定: x方向, y方向, ぼかし, 広がり, 色 */
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

.container_flex {
  display: flex;
  align-items: center;
}

.news-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    padding: 0 var(--spacing-md);
}

.container_flex {
  display: flex;
  align-items: center;
}

.news-info_wrapper {
    /*background-color: black;*/
    box-shadow: 0px 3px 6px shadow-black;
    border-radius: 10px;
}

.news-info_wrapper.--front {
	margin-top: 50px;
}

.news-item {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    padding: var(--spacing-md);
    /* border: 1px solid var(--color-border); */
    border-radius: var(--radius);
    background-color: #00000000 ; /* var(--color-white); */
    transition: var(--transition);
}

.news-item:hover {
    box-shadow: var(--shadow-sm);
    /* border-color: var(--color-secondary); */
}

.news-item-meta {
    display: flex;
    gap: var(--spacing-sm);
    align-items: center;
    font-size: 0.875rem;
    color: var(--color-text-light);
}

.news-item-category {
    background-color: var(--color-secondary);
    color: var(--color-white);
    padding: 2px 8px;
    border-radius: var(--radius);
    font-size: 0.75rem;
}

.news-item-title {
    font-size: 1.25rem;
    margin: 0;
}

.news-item-title a {
    color: var(--color-primary);
}

.news-item-title a:hover {
    color: var(--color-secondary);
}

.news-item-excerpt {
    color: var(--color-text-light);
    margin: 0;
}

/* お知らせCSS */
.news-classification {
	display: grid;
	place-items: center;
	border-bottom: 1px solid gray;
	display: grid;
	min-height: 100px;
}

.news-classification {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.news-title-link {
	text-decoration: none; /* デフォルトの下線を消す */
	color: black; /* リンクの文字色を黒に */
}

                                        .news-title-link:hover {
                                            text-decoration: underline;
                                            /* ホバー時に下線を表示 */
                                            color: black;
                                            /* ホバー時も黒く */
                                        }

                                        .news-title {
                                            font-weight: bold;
                                        }

                                        .news-new {
                                            color: #ff7f50;
                                            font-weight: bold;
                                        }

.news-category {
    background-color: var(--color-secondary);
    color: var(--color-white);
    padding: 2px 8px;
    border-radius: var(--radius);
    font-size: 0.75rem;
}

.tableRadius_news {
    /* 角丸の指定 */
    border-radius: 30px;
    /* 背景色の指定 */
    background-color: #f3f3f3;
	/* 内側の余白 */
	padding: 30px;
	/* 外側の余白 */
	/* margin: 100px; */
}

					                    .news-itiretu {
                                            display: flex;
                                            /* 要素を横並びに */
                                            align-items: center;
                                            /* 垂直方向に中央揃え */
                                            gap: 15px;
                                            /* 要素間の間隔を調整 */
                                        }
                    
                    .news-itiretu, .news-title {
                        display: flex;
                        align-items: right;
                    }

                                        .news-item.category-notice .news-category {
                                            background-color: #ffc66b52;
                                            padding: 5px 20px;
                                            border-radius: 3px;
											color: #B67600;
											font-size:20px;
                                        }

.news-item.category-notice .news-category {
	background-color: #ffc66b52;
	padding: 5px 20px;
	border-radius: 3px;
	color: #B67600;
	font-size:20px;
}

.news-item.category-campaign .news-category {
	background-color: #97ff9e52;
	padding: 5px 20px;
	border-radius: 3px;
	color: #067501;
	font-size:20px;
}