/* もらったギフトの棚・最近届いた贈り物の絵をそろえる（MYPAGEFIX1006・2026-10-06）。inc/mypage-fix.php が /community-me/ の <head> に置く。
 *   ・どの品も同じ大きさの丸い台に載せる（透過の絵は台の上に、透過なしの四角い写真は丸く切り抜く）
 *   ・絵が無い品（冠など）の絵文字も同じ台に載せる
 *   ページ内の .cm__gift-art などより後に読まれても勝つよう #cmBody を付ける */
#cmBody .cm__gift { padding: 10px 5px 9px; }
#cmBody .cm__gift-art,
#cmBody .cm__gift-i {
	display: block;
	width: 64px;
	height: 64px;
	margin: 2px auto 6px;
	aspect-ratio: auto;
	box-sizing: border-box;
	border-radius: 50%;
	background: radial-gradient(circle at 50% 38%, #fff 0, #fdf3f9 58%, #f4dfeb 100%);
	box-shadow: inset 0 0 0 1px rgba(192, 65, 138, .10);
}
#cmBody .cm__gift-art { object-fit: contain; padding: 6px; }
#cmBody .cm__gift-i { font-size: 32px; line-height: 64px; text-align: center; }
#cmBody .cm__recv-art,
#cmBody .cm__recv-i {
	flex: 0 0 auto;
	display: block;
	width: 42px;
	height: 42px;
	box-sizing: border-box;
	border-radius: 50%;
	background: radial-gradient(circle at 50% 38%, #fff 0, #fdf3f9 58%, #f4dfeb 100%);
	box-shadow: inset 0 0 0 1px rgba(192, 65, 138, .10);
}
#cmBody .cm__recv-art { object-fit: contain; padding: 4px; }
#cmBody .cm__recv-i { font-size: 22px; line-height: 42px; text-align: center; }
/* 透過なしの四角い写真（images/community/ の 640×640 の4枚）は丸く切り抜いて、ほかの台と形をそろえる */
#cmBody img.cm__gift-art[src*="/gift-moon-tea."],
#cmBody img.cm__gift-art[src*="/gift-heart-crystal."],
#cmBody img.cm__gift-art[src*="/gift-firework-bouquet."],
#cmBody img.cm__gift-art[src*="/gift-aurora-crown."],
#cmBody img.cm__recv-art[src*="/gift-moon-tea."],
#cmBody img.cm__recv-art[src*="/gift-heart-crystal."],
#cmBody img.cm__recv-art[src*="/gift-firework-bouquet."],
#cmBody img.cm__recv-art[src*="/gift-aurora-crown."] {
	object-fit: cover;
	padding: 0;
	box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(192, 65, 138, .18);
}
/* 個数の札: すべての品に（1個でも） */
#cmBody .cm__gift-c { padding: 0 5px; }
