/* 親コンテナ */
.banner-container_20s {
    display: flex;
    flex-wrap: wrap; /* 幅が狭くなると自動的に折り返す */
    justify-content: center; /* 中央揃え */
    gap: 20px; /* バナー間の余白 */
	margin: 4em 0 8em;
}

/* バナー */
.banner_20s {
    width: 16%; /* バナーの幅 */
    height: auto; /* バナーの高さ */
    border-radius: 50%; /* 丸くする */
    overflow: hidden; /* 丸の外にはみ出た部分を隠す */
    flex-shrink: 0; /* サイズを縮小しない */
}

/* バナーの画像 */
.banner_20s img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 画像をバナー内で収める */
}

.banner_20s.disabled {
    pointer-events: none; /* リンクを無効化 */
	position: relative;
	& img{
		opacity: 1; /* 見た目で無効化を示す（任意） */
	}
}
.banner_20s.disabled::after{
			position: absolute;
			width: 100%;
			height: 100%;
			background-color: rgba(255,255,255,0.60);
			content: "今見ている記事";
		    z-index: 1;
			top:0;
			left: 0;
			text-align: center;
			padding-top: calc(50% - 0.5em);
		}

/* 640px以下のスタイル */
@media (max-width: 640px) {
    .banner_20s {
        width: 38%; /* サイズを少し小さく */
        height: auto;
    }
    .banner-container_20s {
        gap: 25px; /* 間隔も少し狭める */
		margin: 2em 0 4em;
}
}