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

#page-title {
	display: block;
}

.star-title {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	white-space: nowrap;
}
.star-title:before, .star-title:after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
}
.star-title:before {
	background: url('../image/title-star-left.svg') no-repeat center center;
}
.star-title:after {
	background: url('../image/title-star-right.svg') no-repeat center center;
}
.gradient-border {
	background: #E4E4E4;
	padding: 6px;
	border-radius: 15px;
	display: inline-block;
}
.prize-sp .gradient-border {
	background: linear-gradient(135deg, #e415c8 0%,#ff9fe0 25%,#ff2b91 50%,#ffdec4 75%,#ffcd2e 100%);
}
.prize-a .gradient-border {
	background: linear-gradient(135deg,  #c69703 0%,#f4c727 25%,#c69703 50%,#f4c727 75%,#c69703 100%);
}
.prize-b .gradient-border {
	background: linear-gradient(135deg,  #999999 0%,#CFCFCF 25%,#999999 50%,#CFCFCF 75%,#999999 100%);
}
.prize-c .gradient-border {
	background: linear-gradient(135deg,  #A96C53 0%,#E09A7E 25%,#A96C53 50%,#E09A7E 75%,#A96C53 100%);
}
.gradient-inner {
	background: #fff;
	border-radius: 12px;
	color: #330867;
	font-weight: bold;
	overflow: hidden;
}
.image-content {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}
.image-content > div
.image-content img {
	display: block;
	width: 100%;
	height: 100%;
}
.image-content img {
	object-fit: contain;
	object-position: center center;
}
.prize-sp .entry-date {
	font-size: 0.875rem;
}
@media (max-width: 991.98px) {
	.prize-medal {
		position: absolute;
		right: -8px;
		bottom: -20px;
		width: 48px;
		z-index: 2;
		transform: rotate(8deg);
	}
}
@media (max-width: 575.98px) {
	.prize-sp .entry-date {
		font-size: 0.75rem;
	}
}