/*====================================================================================
[TABLE OF CONTENT]

1. TEXT.
2. HIDING CLASSES.
====================================================================================*/
/*====================================================================================
1. TEXT.
====================================================================================*/
/* ---------- FONT FAMILY ---------- */
.u-font-jp-primary {
  font-family: var(--theme-font-jp-primary) !important;
}

.u-font-en-primary {
  font-family: var(--theme-font-en-primary) !important;
}

/* ---------- TEXT ALIGN ---------- */
.u-text-center {
  text-align: center !important;
}

/*====================================================================================
2. HIDING CLASSES.
====================================================================================*/
.u-hide {
  display: none !important;
}

/* ---------- HIDE MAX WIDTH ---------- */
@media screen and (max-width: 575px) {
  .u-hide-max-sm {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .u-hide-max-md {
    display: none !important;
  }
}
@media screen and (max-width: 991px) {
  .u-hide-max-lg {
    display: none !important;
  }
}
@media screen and (max-width: 1199px) {
  .u-hide-max-xl {
    display: none !important;
  }
}
/* ---------- HIDE MIN WIDTH ---------- */
@media screen and (min-width: 576px) {
  .u-hide-min-sm {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .u-hide-min-md {
    display: none !important;
  }
}
@media screen and (min-width: 992px) {
  .u-hide-min-lg {
    display: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-hide-min-xl {
    display: none !important;
  }
}
/*====================================================================================
3. COLOR.
====================================================================================*/
.u-c-accent {
  color: var(--theme-color-accent) !important;
}