.wrap.bn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly; /* 最後の行を左寄せに */
	padding: 0 0 50px 0;
}

.block__article_books {
	position: relative;
	margin-bottom: 20px;
	box-sizing: border-box;
	margin-right: auto; /* アイテムを左寄せにする */
		opacity: 0;
		transform: translateX(100%);
	  }


	  /* 1つ目の記事のtransitionプロパティ */
.block__article_books:nth-child(3n+1) {
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* 2つ目の記事のtransitionプロパティ */
.block__article_books:nth-child(3n+2) {
    transition: opacity 0.5s ease 0.1s, transform 0.5s ease 0.1s;
}

/* 3つ目の記事のtransitionプロパティ */
.block__article_books:nth-child(3n+3) {
    transition: opacity 0.5s ease 0.2s, transform 0.5s ease 0.2s;
}
	  .block__article_books.slide-in {
		opacity: 1;
		transform: translateX(0);
	  }
	  .block__article_books::before {
		content: attr(data-new);
		position: absolute;
		top: -10px;
		left: -5px;
		width: 37px;
		height: 37px;
		background-color: #15b1ea;
		padding: 2px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		font-weight: bold;
		font-size: 7px;
	  }
	  .block__article_books.no-new::before {
display: none;
	  }

  
  @media (max-width: 767px) {
	.block__article_books  {
        width: calc((100% / 3) - 20px); /* スマートフォンでは1行に3つのアイテムを表示し、マージンを含める */
	}
  }