/* activity_list */
#activity_list { margin-top: 4em; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1.5em 1em; }
#activity_list li { width: 180px; }
#activity_list li .week_box { text-align: center; font-weight: bold; font-size: 1.1em; color: #102642; }
#activity_list li .time_box { position: relative; margin-left: 16%; width: min(84%, 150px); aspect-ratio: 150/37; background: url(img/img_time_background01.webp) no-repeat 50% / cover; display: flex; justify-content: space-around; align-items: center; }
#activity_list li .time_box:before { position: absolute; height: 110%; aspect-ratio: 1/1; background: url(img/icon_basketball.webp) no-repeat 50% / cover; top: 50%; left: -16%; -webkit-transform: translateY(-52%); transform: translateY(-52%); content: ""; }
#activity_list li .time_box p { margin-top: .2em; font-family: 'Freshman'; font-weight: 400; line-height: 1; font-size: 1.1em; color: #fff; }

#activity_list li:nth-child(2) .time_box { background-image: url(img/img_time_background02.webp); }
#activity_list li:nth-child(3) .time_box { background-image: url(img/img_time_background03.webp); }
#activity_list li:nth-child(4) .time_box { background-image: url(img/img_time_background04.webp); }
#activity_list li:nth-child(5) .time_box { background-image: url(img/img_time_background05.webp); }
#activity_list li:nth-child(6) .time_box { background-image: url(img/img_time_background06.webp); }
#activity_list li:nth-child(7) .time_box { background-image: url(img/img_time_background07.webp); }

/* awards_top */
.awards_top { position: relative; margin-top: 2em; padding-top: 7%; background: url(img/img_awards_background.webp) no-repeat 50% bottom; }
.awards_top .item { position: relative; margin: auto; padding: .5em 1em; width: min(95%, 750px); background: linear-gradient(to right,  #1a1a1a 0%,#262626 100%); border-radius: 2em 2em 0 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.awards_top .item * { text-align: center; color: #c0c0c0; }
.awards_top .item span { color: #ffb226; vertical-align: baseline; }

/* awards_table */
#awards_table { margin-top: -2px; }

@media screen and (max-width: 980px){
	.awards_top { padding-top: 0; background: none; }
	.awards_top .item:before { position: absolute; background: linear-gradient(to bottom, #808080 0%, #a1a1a1 20%, #bdbdbd 35%, #e0e0e0 50%, #dedede 60%, #c2c2c2 69%, #9f9f9f 80%, #808080 100%); border-radius: 2em 2em 0 0; display: block; top: 0; right: 0; bottom: 0; left: 0; content: ""; z-index: -1; -webkit-transform: scale(1.04, 1.15); transform: scale(1.04, 1.15); -webkit-transform-origin: center bottom; transform-origin: center bottom; }
}
@media screen and (max-width: 768px){
	#activity_list { margin-inline: auto; width: min(95%, 580px); display: grid; grid-template-columns: repeat(3, 1fr); }
	#activity_list li { width: 100%; }
}
@media screen and (max-width: 550px){
	#activity_list { width: min(95%, 400px); grid-template-columns: repeat(2, 1fr); }
	#awards_table td:first-child { display: none; }
	#awards_table td img { width: 80px; }
}