@charset 'utf-8';

.sale_on {
	position:relative;
	background:#000;
	border:solid #FFF; border-width:2px 0;
	padding:64px 0;
}
.sale_on div {
	position:relative; z-index:1;
	background:linear-gradient(#0000, #0008 16px calc(100% - 16px), #0000);
	padding:32px 16px;
}
.sale_on h2 { font-size:32px; }
.sale_on p { font-size:16px; line-height:1.5; margin:1em 0; }
.sale_on h3 { font-size:24px; color:#FF9; }
.sale_on ul {
	position:absolute; left:0; right:0; top:0; bottom:0; z-index:0; 
	display:flex; 
}
.sale_on li {
	flex:1; background:no-repeat center center / cover;
	filter:opacity(.75);
}
@media screen and ( max-width:576px ){
.sale_on { padding:32px 0;}
.sale_on h2 { font-size:24px; }
.sale_on p { font-size:14px; }
.sale_on h3 { font-size:18px; }
.sale_on li { aspect-ratio:4/3; }