/*
 * tag-horizontal
 * ----------------------------------------------------------------------------
 *
 */
.tag-horizontal {
  display: flex;
  flex-wrap: wrap;
}

.tag-horizontal :not(:last-child) {
  margin-right: var(--space-size-8);
}

/* margin-top:PC30,SP20（下記に直前の部品を追加していく） */
/* tag-normalに4pxがあるため、16pxを足す */
.title-heading + .tag-horizontal {
  margin-top: var(--space-size-16);
}

/*
 * tag-normal
 * ----------------------------------------------------------------------------
 *
 */
.tag-normal {
  display: inline-block;
  margin-top: var(--space-size-4);
  padding: var(--space-size-8) var(--space-size-12);
  color: var(--ion-tag-base-text-color);
  font-size: var(--font-size-12);
  font-family: var(--hiragino-font-3);
  line-height: 12px;
  background-color: var(--ion-tag-base-bg-color);
  border-color: var(--ion-tag-base-border-color);
  border-radius: 4px;
}

/*
 * sp-only-newline
 * ----------------------------------------------------------------------------
 *
 */
.sp-only-newline {
  display: block;
}