@charset "UTF-8";
/* CSS Document */

/*----- PAGE-HEADER -----*/

.page-header{
	background-image: url("../../../images/_assets-page/lineup/img-cover-sp.webp");
}

@media screen and (min-width: 768px) {
	
	.page-header{
		background-image: url("../../../images/_assets-page/lineup/img-cover-pc.webp");
	}
	
}

/*----- PAGE-CONTENT -----*/

#lineup div.content{
	width:100%;
	margin:0 auto;
	max-width: 1080px;
	
	box-sizing: border-box;
	padding:10px;
}

/*----- LINEUP-ARCHIVES -----*/

.archives{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
}

.archives > div{
	width:50%;
}

@media screen and (min-width: 768px) {
	
	.archives > div{
		width:calc(100%/3);
		
		box-sizing: border-box;
		padding:5px;
	}
	
}

@media screen and (min-width: 960px) {
	
	.archives > div{
		width:25%;
		
		box-sizing: border-box;
		padding:10px;
	}
	
}