/*===============================================================================
***共通
================================================================================*/
.front__section.--has-mb{
	margin-bottom: var(--g-sec--md);
}
.front__container.--has-bgc{
	position: relative;
	padding: var(--g-sec--md) 0;
}
.front__container.--has-bgc::before{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background: #f3f3f3;
}

.front__head,
.front__body{
	margin-bottom: var(--g-sec--xs);
}
.front__btn{
	text-align: center;
}



/*===============================================================================
***MV
================================================================================*/
.f-mv__img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}



/*===============================================================================
***テキスト型の記事一覧
================================================================================*/
.text-list__item:not(:last-of-type) {
	border-bottom: var(--bd-w--md) dashed var(--c-gray--dark);
}
.text-list__link {
	display: flex;
	flex-direction: column;
	gap: .5em 1em;
	padding: .875em 0;
	color: var(--c-dark);
	text-decoration: none;
}
@media (min-width: 600px){
	.text-list__link {
		flex-direction: row;
		align-items: baseline;
	}
}
.text-list__meta {
	display: flex;
	align-items: center;
	gap: 1em;
	font-size: .75em;
}
.text-list__date{
	min-width: 5em;
}
.text-list__category {
	min-width: 6em;
	padding: 0px 1em 1px;
	text-align: center;
	border: var(--bd-w--md) solid var(--c-gray--dark);
	border-radius: 2px;
}



/*===============================================================================
***discography
================================================================================*/
.front-disco{
	--count: 2;
	--gap: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem var(--gap);
}
@media (min-width: 600px){
	.front-disco{
		--count: 4;
	}
}
.front-disco__item{
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.front-disco__link{
	display: block;
	color: var(--c-dark);
	text-decoration: none;
}
.front-disco__thumbnail{
	aspect-ratio: 1;
	margin-bottom: .5rem;
}
.front-disco__thumbnail img{
	display: block;
	width: 100%;
	height: 100%;
/* 	object-fit: contain; */
	object-fit: cover;
	object-position: 50% 50%;
}



/*===============================================================================
***video
================================================================================*/
.front-video{
	--count: 1;
	--gap: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem var(--gap);
}
@media (min-width: 600px){
	.front-video{
		--count: 2;
	}
}
.front-video__item{
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.front-video__thumbnail{
	margin-bottom: .5rem;
}
.front-video__thumbnail iframe{
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 560 / 315;
}