/*====================================================================================

[TABLE OF CONTENT]

1. MARGIN, PADDING.
2. CLEAR FLOAT.
3. LAYOUT.
4. TEXT.
5. HIDING CLASSES.
6. COLOR.
7. BACKGROUND COLOR.
8. LINK.

====================================================================================*/
/*====================================================================================
1. MARGIN, PADDING.
====================================================================================*/
/* ---------- MARGIN TOP ----------*/
.u-mt50 {
  margin-block-start: 5rem !important;
}

/* ---------- MARGIN BOTTOM ----------*/
.u-mb0 {
  margin-block-end: 0 !important;
}

.u-mb05 {
  margin-block-end: 0.5rem !important;
}

.u-mb15 {
  margin-block-end: 1.5rem !important;
}

/*====================================================================================
2. FLOAT.
====================================================================================*/
/* ---------- FLOAT ----------*/
.u-float-left {
  float: left !important;
}

.u-float-right {
  float: right !important;
}

/*====================================================================================
3. LAYOUT.
====================================================================================*/
/* ---------- SPACING MARGIN TOP ----------*/
.u-spacing-mt-special {
  margin-block-start: var(--spacing-sp-50-pc-60) !important;
}

.u-spacing-mt-primary {
  margin-block-start: var(--spacing-sp-60-pc-120) !important;
}

.u-spacing-mt-secondary {
  margin-block-start: var(--spacing-sp-55-pc-115) !important;
}

.u-spacing-mt-tertiary {
  margin-block-start: var(--spacing-sp-55-pc-110) !important;
}

.u-spacing-mt-quaternary {
  margin-block-start: var(--spacing-sp-50-pc-100) !important;
}

.u-spacing-mt-fifth {
  margin-block-start: var(--spacing-sp-45-pc-90) !important;
}

.u-spacing-mt-sixth {
  margin-block-start: var(--spacing-sp-40-pc-80) !important;
}

.u-spacing-mt-seventh {
  margin-block-start: var(--spacing-sp-35-pc-70) !important;
}

.u-spacing-mt-eighth {
  margin-block-start: var(--spacing-sp-35-pc-65) !important;
}

.u-spacing-mt-ninth {
  margin-block-start: var(--spacing-sp-30-pc-60) !important;
}

.u-spacing-mt-tenth {
  margin-block-start: var(--spacing-sp-30-pc-55) !important;
}

.u-spacing-mt-eleventh {
  margin-block-start: var(--spacing-sp-30-pc-50) !important;
}

.u-spacing-mt-twelfth {
  margin-block-start: var(--spacing-sp-25-pc-50) !important;
}

.u-spacing-mt-thirteenth {
  margin-block-start: var(--spacing-sp-25-pc-40) !important;
}

.u-spacing-mt-fourteenth {
  margin-block-start: var(--spacing-sp-20-pc-40) !important;
}

.u-spacing-mt-fifteenth {
  margin-block-start: var(--spacing-sp-20-pc-30) !important;
}

.u-spacing-mt-sixteenth {
  margin-block-start: var(--spacing-sp-15-pc-30) !important;
}

.u-spacing-mt-seventeenth {
  margin-block-start: var(--spacing-sp-15-pc-20) !important;
}

.u-spacing-mt-eighteenth {
  margin-block-start: var(--spacing-sp-10-pc-20) !important;
}

/* ---------- SPACING MARGIN BOTTOM ----------*/
.u-spacing-mb-primary {
  margin-block-end: var(--spacing-sp-60-pc-120) !important;
}

.u-spacing-mb-secondary {
  margin-block-end: var(--spacing-sp-55-pc-115) !important;
}

.u-spacing-mb-tertiary {
  margin-block-end: var(--spacing-sp-55-pc-110) !important;
}

.u-spacing-mb-quaternary {
  margin-block-end: var(--spacing-sp-50-pc-100) !important;
}

.u-spacing-mb-fifth {
  margin-block-end: var(--spacing-sp-45-pc-90) !important;
}

.u-spacing-mb-sixth {
  margin-block-end: var(--spacing-sp-40-pc-80) !important;
}

.u-spacing-mb-seventh {
  margin-block-end: var(--spacing-sp-35-pc-70) !important;
}

.u-spacing-mb-eighth {
  margin-block-end: var(--spacing-sp-35-pc-65) !important;
}

.u-spacing-mb-ninth {
  margin-block-end: var(--spacing-sp-30-pc-60) !important;
}

.u-spacing-mb-tenth {
  margin-block-end: var(--spacing-sp-30-pc-55) !important;
}

.u-spacing-mb-eleventh {
  margin-block-end: var(--spacing-sp-30-pc-50) !important;
}

.u-spacing-mb-twelfth {
  margin-block-end: var(--spacing-sp-25-pc-50) !important;
}

.u-spacing-mb-thirteenth {
  margin-block-end: var(--spacing-sp-25-pc-40) !important;
}

.u-spacing-mb-fourteenth {
  margin-block-end: var(--spacing-sp-20-pc-40) !important;
}

.u-spacing-mb-fifteenth {
  margin-block-end: var(--spacing-sp-20-pc-30) !important;
}

.u-spacing-mb-sixteenth {
  margin-block-end: var(--spacing-sp-15-pc-30) !important;
}

.u-spacing-mb-seventeenth {
  margin-block-end: var(--spacing-sp-15-pc-20) !important;
}

.u-spacing-mb-eighteenth {
  margin-block-end: var(--spacing-sp-10-pc-20) !important;
}

.u-spacing-mb-nineteenth {
  margin-block-end: var(--spacing-sp-10-pc-15) !important;
}

/* ---------- SPACING PADDING ----------*/
.u-spacing-p-special {
  padding-block: var(--spacing-sp-0-pc-80) var(--spacing-sp-60-pc-120) !important;
}

.u-spacing-p-primary {
  padding-block: var(--spacing-sp-60-pc-120) !important;
}

.u-spacing-p-secondary {
  padding-block: var(--spacing-sp-55-pc-115) var(--spacing-sp-60-pc-120) !important;
}

.u-spacing-p-tertiary {
  padding-block: var(--spacing-sp-55-pc-110) !important;
}

.u-spacing-p-quaternary {
  padding-block: var(--spacing-sp-55-pc-110) var(--spacing-sp-60-pc-120) !important;
}

.u-spacing-p-fifth {
  padding-block: var(--spacing-sp-50-pc-100) !important;
}

/* ---------- SPACING PADDING TOP ----------*/
.u-spacing-pt-primary {
  padding-block-start: var(--spacing-sp-60-pc-120) !important;
}

.u-spacing-pt-secondary {
  padding-block-start: var(--spacing-sp-55-pc-115) !important;
}

.u-spacing-pt-tertiary {
  padding-block-start: var(--spacing-sp-55-pc-110) !important;
}

.u-spacing-pt-quaternary {
  padding-block-start: var(--spacing-sp-50-pc-100) !important;
}

/* ---------- SPACING PADDING BOTTOM ----------*/
.u-spacing-pb-primary {
  padding-block-end: var(--spacing-sp-60-pc-120) !important;
}

.u-spacing-pb-secondary {
  padding-block-end: var(--spacing-sp-55-pc-115) !important;
}

.u-spacing-pb-tertiary {
  padding-block-end: var(--spacing-sp-55-pc-110) !important;
}

.u-spacing-pb-quaternary {
  padding-block-end: var(--spacing-sp-50-pc-100) !important;
}

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

.u-font-jp-secondary {
  font-family: var(--theme-font-jp-secondary) !important;
}

.u-font-jp-tertiary {
  font-family: var(--theme-font-jp-tertiary) !important;
}

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

/* ---------- FONT WEIGHT ---------- */
.u-font-normal {
  font-weight: normal !important;
}

.u-font-bold {
  font-weight: bold !important;
}

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

.u-text-right {
  text-align: end !important;
}

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

/* ---------- HIDE MAX WIDTH ---------- */
@media only screen and (max-width: 1199px) {
  .u-hide-max-w1199 {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .u-hide-max-w767 {
    display: none !important;
  }
}
@media only screen and (max-width: 575px) {
  .u-hide-max-w575 {
    display: none !important;
  }
}
@media only screen and (max-width: 424px) {
  .u-hide-max-w424 {
    display: none !important;
  }
}
@media only screen and (max-width: 379px) {
  .u-hide-max-w379 {
    display: none !important;
  }
}
/* ---------- HIDE MIN WIDTH ---------- */
@media only screen and (min-width: 1200px) {
  .u-hide-min-w1200 {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .u-hide-min-w768 {
    display: none !important;
  }
}
@media only screen and (min-width: 576px) {
  .u-hide-min-w576 {
    display: none !important;
  }
}
@media only screen and (min-width: 425px) {
  .u-hide-min-w425 {
    display: none !important;
  }
}
@media only screen and (min-width: 380px) {
  .u-hide-min-w380 {
    display: none !important;
  }
}
/*====================================================================================
6. COLOR.
====================================================================================*/
.u-c-primary {
  color: var(--theme-color-primary) !important;
}

.u-c-secondary {
  color: var(--theme-color-secondary) !important;
}

.u-c-quaternary {
  color: var(--theme-color-quaternary) !important;
}

.u-c-eighth {
  color: var(--theme-color-eighth) !important;
}

/*====================================================================================
7. BACKGROUND COLOR.
====================================================================================*/
.u-bg-primary {
  background-color: var(--theme-color-primary) !important;
}

.u-bg-secondary {
  background-color: var(--theme-color-secondary) !important;
}

/*====================================================================================
8. LINK.
====================================================================================*/
/* ---------- LINK DECORATION ---------- */
@media only screen and (max-width: 767px) {
  .u-link-line {
    text-decoration: underline !important;
  }
}
@media only screen and (min-width: 768px) {
  .u-link-line {
    text-decoration: none !important;
  }
}