.img-badge-s {
	height: clamp(10px, 6vw, 40px);
	width: clamp(10px, 6vw, 40px);
	outline: 2px solid rgba(0,0,0,0.4);
	border-radius: 20%;
	border: outset 2px #ffd700;
	box-shadow: 
		0 0 20px rgba(255,215,0,0.6),
		inset 0 0 20px rgba(255,215,0,0.3);
	object-fit: cover;
	display: inline-block;
	margin: 10px;
	transition: all 0.3s ease;
	cursor: pointer;
	position: relative;
}
.img-badge-m {
	height: clamp(10px, 8vw, 70px);
	width: clamp(10px, 8vw, 70px);
	outline: 2px solid rgba(0,0,0,0.4);
	border-radius: 20%;
	border: outset 4px #ffd700;
	box-shadow: 
		0 0 20px rgba(255,215,0,0.6),
		inset 0 0 20px rgba(255,215,0,0.3);
	object-fit: cover;
	display: inline-block;
	margin: 10px;
	transition: all 0.3s ease;
	cursor: pointer;
	position: relative;
}

.img-badge-m:hover {
	transform: translateY(-5px) scale(1.08);
	box-shadow: 
		0 0 30px rgba(255,215,0,0.8),
		0 10px 30px rgba(255,215,0,0.4),
		inset 0 0 30px rgba(255,215,0,0.4);
}

.img-badge-m::after {
	content: '👑';
	position: absolute;
	top: -5px;
	right: -5px;
	font-size: 0.6em;
	background: radial-gradient(circle, #ffd700, #ff8c00);
	border-radius: 50%;
	width: 1.2em;
	height: 1.2em;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 10px rgba(255,215,0,0.5);
}

/* レインボーエディション */
/* .img-badge-m {
	height: clamp(30px, 15vw, 100px);
	width: clamp(30px, 15vw, 100px);
	border-radius: 50%;
	border: outset 8px transparent;
	background: linear-gradient(white, white) padding-box,
				linear-gradient(45deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3) border-box;
	background-size: 300% 300%;
	animation: rainbow-border 3s ease infinite;
	box-shadow: 0 0 30px rgba(255,255,255,0.5);
	object-fit: cover;
	display: inline-block;
	margin: 10px;
	transition: all 1.5s ease;
	cursor: pointer;
}

@keyframes rainbow-border {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

.img-badge-m:hover {
	transform: translateY(-5px) scale(1.08);
	box-shadow: 0 0 40px rgba(255,255,255,0.8);
} */