@charset "UTF-8";
.view-collection{
	width:var(--width-list-view-1);
	margin:0 auto;
	padding-bottom:var(--padding-bottom-1);
}
.view-collection__main{
	margin:0 auto;
	width:var(--width-content-view-1);
	padding-bottom:var(--padding-bottom-1);
}
/* .view-collection__line-btn-temp{
	width:var(--width-content-view-1) !important;
	margin:0 auto 0;
} */
.view-collection__funcBtns {
	padding:1.2rem 0;
}
.view-collection__area-title{
	width: 100%;
	position: relative;
	min-height: 12.5rem;
	height: 240px;
}
.view-collection__area-title::before{
	content: "";
	display: block;
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}
.area-title__content {
	/* width: 100%; */
	box-sizing: border-box;
	position: absolute;
	top: 40%;
	left: 50%;
	color: #ffffff;
	transform: translateY(-35%);
	margin-left:-25rem;
}
.area-title__content-title{
	font-size: 2.8rem;
	margin:1rem 0;
	width: 800px;
}
.area-title__content-title-sub{
	font-size: 1.625rem;
	font-weight: 300;
}
.area-title__content-writer{
	letter-spacing:0.05rem;
	margin-bottom:0.2rem;
}
.area-title__content-etc{
	letter-spacing:0.05rem;
}
.view-collection__area-title img{
	width: 100%;
	height:20rem;
	object-fit:cover;
}
.buttonList{
	margin-top: 3rem;
}