@charset "UTF-8";
/* ======================================================
広報誌バックナンバー（profession/backnumber）
ブレイクポイント: 1001px
====================================================== */

.note {
	font-size: 14px;
}
.note1 {
	font-size: 16px;
}

/* もっと見る：非表示カード（PC / SP 共通） */
.bnCard.is-hidden {
	display: none;
}
.bnMore[hidden] {
	display: none;
}
@keyframes bnReveal {
	from { opacity: 0; transform: translateY(10px); }
	to   { opacity: 1; transform: none; }
}
.bnMore__btn.is-active .bnMore__arrow {
	transform: translateY(-50%) rotate(180deg);
}

/* カード見出し内テキストの中央揃え（common.css の p{text-align:justify} を上書き） */
.bnCard__head > * {
	text-align: center;
}


/* ======================================================
PC
====================================================== */
@media (min-width: 1001px) {

	.bnList + .bnList {
		margin-top: 40px;
	}

	/* カードグリッド
	---------------------------------------------------------------------- */
	.bnGrid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 24px 2.4%;
	}
	.bnList.is-open .bnGrid .bnCard.is-hidden {
		display: flex;
		animation: bnReveal 0.35s ease both;
	}

	/* カード
	---------------------------------------------------------------------- */
	.bnCard {
		display: flex;
		flex-direction: column;
		border: 1px solid var(--primary-color);
		border-radius: 12px;
		overflow: hidden;
		background-color: #fff;
	}
	.bnCard__head {
		flex: 1;
		background-color: #fbe9f0;
		border-bottom: 1px solid var(--primary-color);
		text-align: center;
		padding: 16px 10px 14px;
	}
	.bnCard__num {
		font-size: 2.4rem;
		line-height: 1.2;
		color: var(--primary-color);
	}
	.bnCard__date {
		font-size: 1.6rem;
		line-height: 1.3;
		color: var(--primary-color);
		margin-top: 0.3em;
	}
	.bnCard__foot {
		padding: 14px 12px;
		text-align: center;
	}
	.bnCard .pdfbtn {
		width: 100%;
		min-width: 0;
		height: 40px;
		gap: 0.4em;
		padding: 0 0.6em;
		font-size: 1.63rem;
		line-height: 1;
		background-color: var(--secondary-color);
	}
	.bnCard .pdfbtn::after {
		display: none;
	}
	.bnCard .pdfbtn:hover {
		opacity: 0.85;
	}
	.bnCard .pdfbtn img {
		right: 20px;
		width: 29px;
		height: 31px;
	}

	/* もっと見るボタン
	---------------------------------------------------------------------- */
	.bnMore {
		margin-top: 32px;
		text-align: center;
	}
	.bnMore__btn {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 400px;
		max-width: 100%;
		height: 56px;
		padding: 0 2em;
		border: none;
		border-radius: 100px;
		background-color: var(--secondary-color);
		color: #fff;
		font-family: inherit;
		font-size: 1.7rem;
		font-weight: 500;
		letter-spacing: 0.04em;
		cursor: pointer;
		transition: opacity 0.3s;
	}
	.bnMore__btn:hover {
		opacity: 0.85;
	}
	.bnMore__arrow {
		position: absolute;
		right: 24px;
		top: 50%;
		width: 1em;
		height: 1em;
		transform: translateY(-50%);
	}
	.bnMore__arrow::before {
		content: "↓";
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: transform 0.3s;
	}
	.bnMore__btn:hover .bnMore__arrow::before {
		transform: translateY(3px);
	}

}
/* ======================================================
/PC
====================================================== */


/* ======================================================
SP
====================================================== */
@media (max-width: 1000px) {

	.bnList + .bnList {
		margin-top: 10.66667vw;
	}

	/* カードグリッド
	---------------------------------------------------------------------- */
	.bnGrid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 4vw 3.2%;
	}
	.bnList.is-open .bnGrid .bnCard.is-hidden {
		display: flex;
		animation: bnReveal 0.35s ease both;
	}

	/* カード
	---------------------------------------------------------------------- */
	.bnCard {
		display: flex;
		flex-direction: column;
		border: 1px solid var(--primary-color);
		border-radius: 2.66667vw;
		overflow: hidden;
		background-color: #fff;
	}
	.bnCard__head {
		flex: 1;
		background-color: #fbe9f0;
		border-bottom: 1px solid var(--primary-color);
		text-align: center;
		padding: 2vw 0 3.33334vw;
	}
	.bnCard__num {
		font-size: 4.85vw;
		line-height: 1.2;
		color: var(--primary-color);
	}
	.bnCard__date {
		font-size: 3.46667vw;
		line-height: 1.3;
		color: var(--primary-color);
		margin-top: 0.4em;
	}
	.bnCard__foot {
		padding: 4vw 3.2vw;
		text-align: center;
	}
	.bnCard .pdfbtn {
		width: 100%;
		min-width: 0;
		height: 9.6vw;
		gap: 0.4em;
		padding: 0 0.6em;
		font-size: 3.46667vw;
		background-color: var(--secondary-color);
	}
	.bnCard .pdfbtn::after {
		display: none;
	}
	.bnCard .pdfbtn img {
		right: 2.66667vw;
		width: 4.8vw;
		height: 5.33334vw;
	}

	/* もっと見るボタン
	---------------------------------------------------------------------- */
	.bnMore {
		margin-top: 6.66667vw;
		text-align: center;
	}
	.bnMore__btn {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 14.66667vw;
		padding: 0 2em;
		border: none;
		border-radius: 100px;
		background-color: var(--secondary-color);
		color: #fff;
		font-family: inherit;
		font-size: 4.26667vw;
		font-weight: 500;
		letter-spacing: 0.04em;
		cursor: pointer;
	}
	.bnMore__arrow {
		position: absolute;
		right: 5.33334vw;
		top: 50%;
		width: 1em;
		height: 1em;
		transform: translateY(-50%);
	}
	.bnMore__arrow::before {
		content: "↓";
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

}
/* ======================================================
/SP
====================================================== */