h3.exhibition_subtitle {
			font-size: var(--fz24);
			font-weight: var(--fw500);
			margin-bottom: var(--space40);
			position: relative;
			padding-left: 40px;
		}

		h3.exhibition_subtitle::before {
			content: "";
			position: absolute;
			top: 50%;
			left: 0;
			transform: translateY(-50%);
			display: block;
			border-left: 30px solid var(--color-text);
			height: 1px;
		}


.exhibition_now{margin-bottom:var(--space100);}
.exhibition_next{margin-bottom:var(--space80);}
.exhibition_past{margin-bottom:var(--space100);}
.exhibition_nav{margin-bottom:var(--space100);}
.exhibition_past:last-of-type{margin-bottom:160px;}
/*.exhibition_past+.exhibition_past{border-top: 1px solid #CCCCCC;padding-top:var(--space100);}*/
.exhibition_past:not(:last-of-type) .exhibition_item{border-bottom: 1px solid #CCCCCC;padding-bottom:var(--space100);}
.exhibition_past_link{margin-bottom:160px;}

.exhibition_item {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: var(--space80_74);
}
.exhibition_item .item {
	width: calc(50% - 40px);
	max-width: 510px;
}
.exhibition_item .item:nth-child(n+3) { /* 3つめ以降 */
	margin-top: var(--space80-flex);
}
.exhibition_item .item:nth-child(2n) {
	margin-left: var(--space80-flex);
}
.exhibition_item .item .img {max-width: 510px;width: 100%;aspect-ratio: 16 / 9;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);}
.exhibition_item .item img {
	width:100%;height:100%;object-fit:contain;
}



.exhibition_date {
	font-size: var(--fz13);
	font-weight: var(--fw500);
	color: var(--color-gray-date);
	display: inline-block;
margin-bottom: var(--space10);
}
.exhibition_title {
	font-weight: var(--fw500);
}
@media screen and (max-width:840px) {
	.exhibition_item .item {
		width: calc(50% - 30px);
	}
	.exhibition_date {
		display: block;
		padding-top: 5px;
	}
}
@media screen and (max-width:480px) {


.exhibition_item {
		flex-wrap: wrap;
	}
	.exhibition_item .item {
		width: 100%;
	}
	.exhibition_item .item:nth-child(n+2) { /* 2つめ以降 */
		margin-top: var(--space80-flex);
	}
	.exhibition_item .item:nth-child(2n) {
		margin-left: 0;
	}


}

body:not(#exhibition_post) .btn-big {
	position: relative;
	display: inline-block;
	text-align: left;
	width: 100%;
	max-width: 300px;
}
/* 右の矢印 */
body:not(#exhibition_post) .btn-big::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	background: url(../../images/btn_arrow.svg) no-repeat;
	width: 33px;
	height: 11px;

	opacity: 1;
	transition: opacity 0.2s;
	pointer-events: none;
}
/* 矢印も透過する（起動はjsで管理） */
body:not(#exhibition_post) .btn-big.hovered::after {
  opacity: 0.7;
}
body:not(#exhibition_post) .btn-big a {
    font-size: var(--fz20-tab20-sp16);
	display: block;
	padding-bottom: 3px;
	border-bottom: 1px solid var(--color-text);
}
@media screen and (max-width:480px) {
	body:not(#exhibition_post) .btn-big {
		width: 100%;
		max-width: 250px;
	}
	
	/* 大きいボタン（EXHIBITION用）と下線ありの矢印サイズ */
	body:not(#exhibition_post) .btn-big::after,body:not(#exhibition_post)  .btn_underline::after {
		transform: scale(0.7) translateY(-50%);
	}

}


/* --- タグ --- */
.open_tag, .future_tag{
	font-size: var(--fz13);
	font-weight: var(--fw500);
	padding: 2px var(--space20);
	display: inline-block;
}
.open_tag {
	color: var(--color-white);
	background: var(--color-text);
}
.future_tag {
	border: 1px solid var(--color-text);
}

/* タグ（EXHIBITION） */
.exhibition_now .open_tag, .exhibition_next .future_tag {
	margin-right: var(--space20);
}
@media screen and (max-width:840px) {
	/* タグ */
	.open_tag, .future_tag {
		padding: 0 12px;
	}
}

@media screen and (max-width:480px) {
	.exhibition_now .open_tag, .exhibition_next .future_tag {
		margin-right: 0;
	}
}





body:not(#exhibition_post) .btn_underline {
    display: block;margin-top:var(--space40);
}

body:not(#exhibition_post) .btn_underline a {
	display: inline-block;
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--color-text);
	font-size: var(--fz13);
	padding-right: 50px; /* 矢印との間隔 */
}
body:not(#exhibition_post) .btn_underline a::after {
	content: "";
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	right: 0;
	width: 22px;
	height: 8px;

	opacity: 1;
	transition: opacity 0.2s;
	pointer-events: none;
}
body:not(#exhibition_post) .btn_underline a::after {background: url(../../images/btn_arrow.svg) no-repeat;}


/* 矢印も透過する（起動はjsで管理） */
body:not(#exhibition_post) .btn_underline.hovered::after {
  opacity: 0.7;
}
@media screen and (max-width:480px) {
body:not(#exhibition_post) .btn_underline::after {
		transform: scale(0.7) translateY(-50%);
	}

	body:not(#exhibition_post) .btn_underline a {
		padding-right: 34px;
	}
}