@charset "utf-8";

/*-------------------------------
	キービジュアル
-------------------------------*/

.C-Keyvisual{
	background-image: image-set(url(../../images/harasankei/exhibition/bg_keyvisual.jpg) 1x, url(../../images/harasankei/exhibition/bg_keyvisual@2x.jpg) 2x);
	background-image: -webkit-image-set(url(../../images/harasankei/exhibition/bg_keyvisual.jpg) 1x, url(../../images/harasankei/exhibition/bg_keyvisual@2x.jpg) 2x);
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1520px) and (min-width: 769px){

}
@media screen and (max-width:1380px) and (min-width: 769px){

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:768px){

}



/*-------------------------------
	展示内容
-------------------------------*/

.Exhibition__content{
	width: 100%;
	padding-left: 5rem;
	padding-right: 5rem;
}
.Exhibition__item-wrap{
	padding-top: 1.5rem;
}
.Exhibition__item{
	width: 100%;
	box-shadow: 0 0 .5rem rgba(0,0,0,.05);
	background: #fff;
	position: relative;
	z-index: 5000;
}
.Exhibition__item:not(:last-child){
	margin-bottom: 2.8rem;
}
.Exhibition__item-body::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background-image: image-set(url(../../images/harasankei/exhibition/bg_exhibition.png) 1x, url(../../images/harasankei/exhibition/bg_exhibition@2x.png) 2x);
	background-image: -webkit-image-set(url(../../images/harasankei/exhibition/bg_exhibition.png) 1x, url(../../images/harasankei/exhibition/bg_exhibition@2x.png) 2x);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: -1;
}
.Exhibition__item-header{
	width: 100%;
	/* padding: 2rem 6rem; */
	padding: 2rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.Exhibition__item-header::after{
	transition: var(--transition);
	content: "";
	display: block;
	width: 2.2rem;
	height: 2.2rem;
	background-image: url(../../images/common/icon_arrow-circle-maincolor_dark7.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	transform: rotate(90deg);
}
.Exhibition__item-header.-on::after{
	transform: rotate(-90deg);
}
.Exhibition__item-header-inner{
	width: calc(100% - (7rem + 2.2rem));
	padding-left: 2rem;
	padding-right: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.Exhibition__item-schedule{
	width: 37.5rem;
	line-height: calc(3 / 2);
	font-weight: 700;
}
.Exhibition__item-title{
	transition: var(--transition);
	color: var(--hara_maincolor_dark1);
	width: calc(100% - 37.5rem);
	font-size: 2rem;
	font-weight: 700;
	line-height: calc(3 / 2);
}
.Exhibition__item-header:hover .Exhibition__item-title{
	color: var(--kato_maincolor_dark3);
}
.Exhibition__item-header:hover::after{
	transform: scale(.85) rotate(90deg);
}
.Exhibition__item-body{
	/* padding-left: 6rem;
	padding-right: 6rem; */
	padding-left: 2rem;
	padding-right: 2rem;
}
.Exhibition__item-body-inner{
	border-top: 1px solid var(--hara_maincolor_dark1);
	width: 100%;
	padding-top: 2rem;
	padding-bottom: 2rem;
	/* column-gap: 4rem;
	display: flex;
	align-items: stretch;
	justify-content: space-between; */
}
.Exhibition__item-body-inner .Parts-editor img{
	height: auto;
	max-width: 100%;
	width: revert-layer;
}
/* .Exhibition__item-body .Exhibition__item-text{
	width: calc(50% - 2rem);
	margin-bottom: 0;
}
.Exhibition__item-body .Exhibition__item-image{
	width: calc(50% - 2rem);
}
.Exhibition__item-image .P-Image__caption{
	text-align: left;
} */

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1520px) and (min-width: 769px){

}
@media screen and (max-width:1380px) and (min-width: 769px){

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

	/* .Exhibition__item-header{
		padding-left: 3.5rem;
		padding-right: 3.5rem;
	}
	.Exhibition__item-body{
		padding-left: 3.5rem;
		padding-right: 3.5rem;
	} */
	/* .Exhibition__item-body-inner{
		column-gap: 2.5rem;
	}
	.Exhibition__item-body .Exhibition__item-text{
		width: calc(50% - 1.25rem);
	}
	.Exhibition__item-body .Exhibition__item-image{
		width: calc(50% - 1.25rem);
	} */
	.Exhibition__item-header{
		align-items: flex-start;
	}
	.Exhibition__item-header-inner{
		align-items: flex-start;
		flex-direction: column;
	}
	.Exhibition__item-title{
		width: 100%;
		margin-top: .5rem;
	}

}
@media screen and (max-width:960px) and (min-width: 769px){

	.Exhibition__content{
		padding-left: 0;
		padding-right: 0;
	}

}
@media screen and (max-width:768px){

	.Exhibition__content{
		padding-left: 0;
		padding-right: 0;
	}
	.Exhibition__item-wrap{
		margin-top: 0;
	}
	.Exhibition__item:not(:last-child){
		margin-bottom: 3.5rem;
	}
	.Exhibition__item-header{
		padding: 3rem 3.5rem;
		align-items: flex-start;
	}
	.Exhibition__item-header::after{
		width: 4rem;
		height: 4rem;
		position: absolute;
		right: 2.5rem;
		top: 6.5rem;
	}
	.Exhibition__item-header-inner{
		width: calc(100% - (12.5rem));
		padding-left: 2.5rem;
		padding-right: 0;
		flex-direction: column;
		align-items: flex-end;
	}
	.Exhibition__item-schedule{
		width: 100%;
		padding-right: 5.5rem;
		min-height: 5rem;
		font-size: 2.4rem;
		/* letter-spacing: -.05em; */
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.Exhibition__item-title{
		font-size: 3rem;
		width: calc(100% + (2.5rem + 12.5rem));
		margin-top: 2.5rem;
	}
	.Exhibition__item-body{
		padding-left: 3.5rem;
		padding-right: 3.5rem;
	}
	.Exhibition__item-body-inner{
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
		/* flex-direction: column-reverse; */
	}
	/* .Exhibition__item-body .Exhibition__item-text{
		width: 100%;
		margin-bottom: 0;
	}
	.Exhibition__item-body .Exhibition__item-image{
		width: 100%;
		margin-bottom: 3.5rem;
	} */

}