/* =========================================================
   Component: Badge (バッジパーツ)
========================================================= */
.c-badge {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    
    background-color: var(--wan-color-overlay);
    color: var(--wan-color-white);
    padding: var(--wan-s-1) var(--wan-s-2);
    font-size: var(--wan-f-size-xs);
    font-weight: var(--wan-f-weight-bold);
    border-radius: var(--wan-r-sm);
}

@media screen and (max-width: 768px) {
	.c-badge{
		font-size: var(--wan-f-size-xxs);
	}
}