@charset "UTF-8";


@media only screen and (max-width: 767px) {

	.PC {
	display: none !important;
	}

	.SE {
	display: none !important;
	}

}

@media only screen and (max-width: 372px) {

	.SE {
	display: block !important;
	}

}

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

	.SP {
	display: none !important;
	}

	.SE {
	display: none !important;
	}

}

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

}

/* WEBフォント：英語 */
.WF1 {
font-family: 'Roboto', sans-serif;
letter-spacing: 0.02em;
}

.WF2 {
font-family: 'Roboto Condensed', sans-serif;
letter-spacing: 0.04em;
}



/* ■ バックナンバー メニュー ==================================================================================== */

#BackNumberUnit {
background:#000;
}

.BackNumber {
text-align: center;
}

.BackNumber h2.Mds {
line-height: 1.0em;
}

.BackNumber li a {
color: #fff;
}

.BackNumber .Num {
font-weight: 700;
}	

.BackNumber .ItemList {
display: grid;
}

/*
.BackNumber .ItemList {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
*/
	
@media only screen and (max-width: 767px) {

	#BackNumberUnit {
	padding: 35px 20px 60px 20px;
	}

	.BackNumber h2.Mds {
	margin-bottom: 30px;
	}
	
	.BackNumber h2.Mds img {
	width: 150px;
	}

	.BackNumber .ItemList {
	grid-template-columns: repeat(2, 47.5%);
	gap: 25px 20px;
	}

/*
	.BackNumber li {
	width: 47.5%;
	margin-bottom: 8%;
	}
*/

/*
	.BackNumber li:last-child,
	.BackNumber li:nth-last-child(2):nth-child(odd) {
    margin-bottom: 0; 
	}
*/
	 
	.BackNumber .Photo {
	margin-bottom: 10px;
	}	

	.BackNumber .Num {
	font-size: 119%;
	}
	
	.BackNumber .Name {
	font-size: 63%;
	line-height: 1.7em;
	}
	
}

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

	#BackNumberUnit {
	padding: 80px 0 100px 0;
	}

	.BackNumber {
/* 	max-width: 890px; */
	margin: 0 auto;
	padding: 0 20px;
	}

	.BackNumber h2.Mds {
	margin-bottom: 70px;
	}

	.BackNumber h2.Mds img {
	width: 200px;
	}

	.BackNumber .ItemList {
	grid-template-columns: repeat(4, 180px);
	gap: 30px 20px;
	}
	
	.BackNumber .Photo {
	margin-bottom: 15px;
	}

	.BackNumber .Num {
	font-size: 138%;
	}
	
	.BackNumber .Name {
	font-size: 82%;
	line-height: 1.7em;
	}
	
}

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

	.BackNumber {
	max-width: 1050px;
	padding: 0;
	}

	.BackNumber .ItemList {
	grid-template-columns: repeat(4, 210px);
	gap: 50px 70px;
	}
		
}