body{ 
	background: #F9F6F4;
}
header{
    box-shadow: none;
}
.content{
	padding:45px 0 80px;  
	background: #020921;
}
.prize-top{
	width: 100%;
	height: 1080px;
	background:#020921 url(../img/prize-top.webp) no-repeat center/cover;
}
.prize-type{
	width: 100%;
	margin: 20px auto;
	position: relative;
	color: #FFFFFF;
	font-size: 28px;
	font-weight: 500;
	width: 120px;
	border-bottom: 5px solid #41B2FA;
	padding-bottom: 12px;
	text-align: center;
}

.prize-sub-title{
	display: none;
}
.prize-panel{ 
	position: relative;
	padding:65px 0 35px;
	margin-top:66px;
	border-radius: 12px;
	background-color: #FFFFFF;
}
.prize-title{
	width: 284px;
	height: 46px; 
	position: absolute;
	left:50%;
	top:-13px;
	transform: translateX(-50%);
	font-size: 24px;  
	line-height: 42px;
	color: #fff;
	font-weight: bold;
	text-align: center; 
	background: url(../img/title-bg.png) no-repeat center center/contain;
}
.sec-title{ 
	height: 40px; 
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin:22px 0 0 50%;
	padding-left: 8px;
	transform: translateX(-50%);
	border:2px solid #41B2FA;
	border-radius: 4px;
	font-size: 26px;
	letter-spacing: 8px;
}
.prize-panel li{
	height: 126px;
	padding:0 10px 0 80px;
	display: flex;
	align-items: center;
	background-position: 50px center;
	background-repeat: no-repeat;
	background-size: 97px auto; 
} 
.prize-panel li.top{
	background-image: url(../img/top-prize.png);
}
.prize-panel .work-name{
	width: 0;
	flex-grow: 1;
	font-size: 18px; 
	line-height: 28px; 
}
.null{
	color: #5A62FF;
}
.prize-panel .work-name a{ 
	color: #5A62FF;
}
.prize-panel .names{
	width: 500px; 
	display: flex;
	align-items: center;
	flex-grow: 0; 
	color: #353535;
	font-size: 16px; 
	line-height: 24px;
}
.prize-panel .names .unit{
	width: auto;
	white-space: nowrap;
}
.prize-panel .names .unit.wrap{
	text-align: center;
	white-space: wrap;
	width: 144px;
}
.prize-panel .names .unit::before{
	display: inline-block;
	content: '「';
}
.prize-panel .names .unit::after{
	display: inline-block;
	content: '」';
}
.prize-panel .names .writer{
	width: 0;
	flex-grow: 1;
}
.prize-panel2 li{
	height: 60px;
	padding:0 20px;
	text-align: center;
}
.prize-panel2 li:nth-child(2n),
.prize-panel3 li:nth-child(4n-1)
{ 
 background: rgba(250, 250, 250, 0.5);
} 

.prize-panel3 li:nth-child(4n-2){
	background: #fff;
}

.prize-panel3{
	display: flex;
	flex-wrap: wrap;
}
.prize-panel3 li{
	width: 50%;
	flex-grow: 0;
}
.phone{
	display: none;
} 
@media screen and (max-width:600px) {
	.pc{
		display: none;
	}
	.phone{
		display: block;
	}
	.prize-top{
		width: 100%;
		height: 100vh;
		max-width: 100%;
		background:#020921 url(../img/prize-top-mobile.jpg) no-repeat center/cover;
	} 
	.prize-type{
		width: 2.32rem;
		margin: .6667rem auto;
		font-size: .52rem;
		border-bottom: 0.14rem solid #41B2FA;
		text-align: center;
		font-weight: 500;
		padding-bottom: .12rem;
	}
	/* .prize-type img{
		width: 2.32rem;
		height: 100%;
	} */
	.content{
		padding:1.0667rem .4267rem .8rem ;
		background-size: auto 5.8rem;
	}
	.prize-panel .names .unit.wrap{
		width: auto;
		white-space: pre-wrap;
	}
	.filter-wrap{ 
		margin-bottom: 30px;
	} 
	.filter-name{
		width: 7.52rem;
		height: 1.28rem;
		padding:0 .5333rem;
		margin:.6667rem auto 0;
		line-height: 1.28rem;
		background: #FFFFFF;
		border: 1px solid #F2F2F2; 
		border-radius: 0.64rem;
		font-size: .4267rem;
		background: #fff url(../img/down-fill.svg) no-repeat 6.5333rem center/.2rem;
	}
	.filter{
		display: none; 
		/* position: absolute;
		left:0.83rem;
		top:1.28rem; */
		position: fixed;
		top:2rem;
		left: 0;
		bottom: 0;
		right: 0;  
		z-index: 11;
		border-radius: 4px;
		background-color: rgba(0, 0, 0, 0.5);  
		box-sizing: border-box; 
		text-align: center;  
	} 
	.filter li{ 
		padding: 0 5px; 
		font-size: .3733rem;
		line-height: 1.2rem;
		color: #666;
		cursor: pointer;
		box-sizing: content-box;
		background:#fff;
	} 
	.filter li:after{
		display: block;
		content: "";
		width: calc(100% - 1.0667rem);
		background:#F2F2F2;
		height: 1px;
		position: absolute;
		left:.5333rem;
	}
	.filter li.active,.filter li:hover{
		color: #0024D6; 
	} 
	.prize-title{ 
		width: 6.0667rem;
		height: .9733rem;
		top:-0.28rem;
		font-size: .52rem;
		line-height: 1rem;
		letter-spacing: 0.04rem;
	} 
	.prize-title{
		background: url(../img/title-bg.png) no-repeat center center/contain;
	}
	/* .prize-title2{
		width: 6.4rem;
		background: url(../img/title-bg.png) no-repeat center center/contain;
	} */
	.prize-title3{
		width: 8.0rem;
	}
	.sec-title{
		height: .6667rem; 
		font-size: .4533rem;
		letter-spacing: 0.04rem;
		padding:0 .06rem 0 .1067rem;
	}
	.prize-sub-title{
		display: block;
		margin:1.0667rem 0 .3467rem;
		font-size: .48rem;
		line-height: .6667rem;
		color: #444B46;
		text-align: center;
	}
	.prize-panel .names{
		display: block;
	}
	.prize-panel .names .unit{
		width: auto;
		white-space: wrap;
	} 
	.prize-panel .names .writer{
		width: 100%; 
	}
	.prize-panel{
		margin-top:32px;
		padding:1.1rem 0 1.0667rem;
		background:#fff;
		border-radius: .4267rem;
	}
	.prize-panel li{
		display: block; 
		height: auto;
		padding:.2667rem 0 1rem;
		text-align: center;  
		background-color: #fff;
		background: url(../img/gap-mobile.png) no-repeat center bottom/auto .5333rem	;
	}
	.prize-panel li:last-child{
		padding-bottom: 0;
		background: none;
	} 
	.prize-panel2 li{
		padding:0 .5333rem;
		width: 100%;
		background: none;
	}
	.prize-panel2 li .work-name{
		padding-bottom: 0;
	}
	.prize-panel2 .sec-title{
		margin-bottom: .4667rem;
	}
	.prize-panel3 li:nth-child(4n-2){
		background: rgba(250, 250, 250, 0.5);
	}
	.prize-panel3 li:nth-child(4n-1){
		background: #fff;
	}
	.prize-panel4 li{
		padding:0;
		display: block;
	} 
	.prize-panel4 li .work-name:nth-child(2n){
		background:rgba(250, 250, 250, 0.5)
	}
	.prize-panel .work-name{
		width: 100%;
		font-size: .4533rem;
		line-height: .64rem; 
		padding:0 0.2rem .32rem;
	}
	.prize-panel .work-name a{
		color:#353535;
	}
	.prize-panel .names{
		width: 100%;
		margin:0;
		font-size: .3733rem;
		line-height: .5333rem;
		color:#A4ABAE;
	}
	footer .footer-r{
        width: 3.8533rem;
        height: 2.4rem;
        right: 0;
    }
    footer .footer-l1{
        width: 1.6133rem;
        height: 3.2133rem;
        top: -6px;
        left: 0;
    }
}