.u-br-0 {
border: none !important;
}
.u-br-t-0 {
border-top: none !important;
}
.u-br-r-0 {
border-right: none !important;
}
.u-br-b-0 {
border-bottom: none !important;
}
.u-br-l-0 {
border-left: none !important;
}
.u-cf {
*zoom: 1;
&:after {
content: "";
display: table;
clear: both;
}
}
.u-d-tb {
display: table !important;
}
.u-d-tbc {
display: table-cell !important;
}
.u-d-b {
display: block !important;
}
.u-d-ib {
display: inline-block !important;
}
.u-d-n{
display: none !important;
}
.u-d-pc {
display: none !important;
}
.u-d-sp {
display: block !important;
}
@media (--viewportPc) {
.u-d-pc {
display: block !important;
}
.u-d-sp {
display: none !important;
}
}
.u-fz-8 {
font-size: 0.8rem;
}
.u-fz-10 {
font-size: 1rem;
}
.u-fz-12 {
font-size: 1.2rem;
}
.u-fz-14 {
font-size: 1.4rem;
}
.u-fz-16 {
font-size: 1.6rem;
}
.u-fz-18 {
font-size: 1.8rem;
}
.u-fz-20 {
font-size: 2rem;
}
.u-fz-22 {
font-size: 2.2rem;
}
.u-fz-24 {
font-size: 2.4rem;
}
.u-fz-26 {
font-size: 2.6rem;
}
.u-fz-28 {
font-size: 2.8rem;
}
.u-fz-30 {
font-size: 3rem;
}
.u-fz-32 {
font-size: 3.2rem;
}
.u-fz-34 {
font-size: 3.4rem;
}
.u-m-c {
margin: 0 auto;
}
.u-mt-0 {
margin-top: 0;
}
.u-mt-8 {
margin-top: var(--baseMargin);
}
.u-mt-16 {
margin-top: calc(var(--baseMargin) * 2);
}
.u-mt-24 {
margin-top: calc(var(--baseMargin) * 3);
}
.u-mt-32 {
margin-top: calc(var(--baseMargin) * 4);
}
.u-mt-40 {
margin-top: calc(var(--baseMargin) * 5);
}
.u-mt-48 {
margin-top: calc(var(--baseMargin) * 6);
}
.u-mr-0 {
margin-right: 0;
}
.u-mr-8 {
margin-right: var(--baseMargin);
}
.u-mr-16 {
margin-right: calc(var(--baseMargin) * 2);
}
.u-mr-24 {
margin-right: calc(var(--baseMargin) * 3);
}
.u-mr-32 {
margin-right: calc(var(--baseMargin) * 4);
}
.u-mr-40 {
margin-right: calc(var(--baseMargin) * 5);
}
.u-mr-48 {
margin-right: calc(var(--baseMargin) * 6);
}
.u-mb-0 {
margin-bottom: 0;
}
.u-mb-8 {
margin-bottom: var(--baseMargin);
}
.u-mb-16 {
margin-bottom: calc(var(--baseMargin) * 2);
}
.u-mb-24 {
margin-bottom: calc(var(--baseMargin) * 3);
}
.u-mb-32 {
margin-bottom: calc(var(--baseMargin) * 4);
}
.u-mb-40 {
margin-bottom: calc(var(--baseMargin) * 5);
}
.u-mb-48 {
margin-bottom: calc(var(--baseMargin) * 6);
}
.u-ml-0 {
margin-left: 0;
}
.u-ml-8 {
margin-left: var(--baseMargin);
}
.u-ml-16 {
margin-left: calc(var(--baseMargin) * 2);
}
.u-ml-24 {
margin-left: calc(var(--baseMargin) * 3);
}
.u-ml-32 {
margin-left: calc(var(--baseMargin) * 4);
}
.u-ml-40 {
margin-left: calc(var(--baseMargin) * 5);
}
.u-ml-48 {
margin-left: calc(var(--baseMargin) * 6);
}
.u-ws-nowrap {
white-space: nowrap;
}
.u-mx-img {
max-width: 100%;
}
.u-tx-inside {
text-indent: -1em;
margin-left: 1em;
}
.u-pt-0 {
padding-top: 0;
}
.u-pt-8 {
padding-top: var(--baseMargin);
}
.u-pt-16 {
padding-top: calc(var(--baseMargin) * 2);
}
.u-pt-24 {
padding-top: calc(var(--baseMargin) * 3);
}
.u-pt-32 {
padding-top: calc(var(--baseMargin) * 4);
}
.u-pt-40 {
padding-top: calc(var(--baseMargin) * 5);
}
.u-pt-48 {
padding-top: calc(var(--baseMargin) * 6);
}
.u-pr-0 {
padding-right: 0;
}
.u-pr-8 {
padding-right: var(--baseMargin);
}
.u-pr-16 {
padding-right: calc(var(--baseMargin) * 2);
}
.u-pr-24 {
padding-right: calc(var(--baseMargin) * 3);
}
.u-pr-32 {
padding-right: calc(var(--baseMargin) * 4);
}
.u-pr-40 {
padding-right: calc(var(--baseMargin) * 5);
}
.u-pr-48 {
padding-right: calc(var(--baseMargin) * 6);
}
.u-pb-0 {
padding-bottom: 0;
}
.u-pb-8 {
padding-bottom: var(--baseMargin);
}
.u-pb-16 {
padding-bottom: calc(var(--baseMargin) * 2);
}
.u-pb-24 {
padding-bottom: calc(var(--baseMargin) * 3);
}
.u-pb-32 {
padding-bottom: calc(var(--baseMargin) * 4);
}
.u-pb-40 {
padding-bottom: calc(var(--baseMargin) * 5);
}
.u-pb-48 {
padding-bottom: calc(var(--baseMargin) * 6);
}
.u-pl-0 {
padding-left: 0;
}
.u-pl-8 {
padding-left: var(--baseMargin);
}
.u-pl-16 {
padding-left: calc(var(--baseMargin) * 2);
}
.u-pl-24 {
padding-left: calc(var(--baseMargin) * 3);
}
.u-pl-32 {
padding-left: calc(var(--baseMargin) * 4);
}
.u-pl-40 {
padding-left: calc(var(--baseMargin) * 5);
}
.u-pl-48 {
padding-left: calc(var(--baseMargin) * 6);
}
.u-pos-a {
position: absolute !important;
}
.u-pos-r {
position: relative !important;
}
.u-ta-l {
text-align: left !important;
}
.u-ta-c {
text-align: center !important;
}
.u-ta-r {
text-align: right !important;
}
.u-fw-n {
font-weight: normal !important;
}
.u-fw-b {
font-weight: bold !important;
}
.u-td-u {
text-decoration: underline !important;
}
.u-td-none {
text-decoration: none !important;
}
.u-td-lh {
text-decoration: line-through !important;
opacity: .6;
}
.u-tt {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.u-va-t {
vertical-align: top !important;
}
.u-va-m {
vertical-align: middle !important;
}
.u-va-b {
vertical-align: bottom !important;
}
.u-ws-pre {
white-space: pre;
}
.u-w-auto {
width: auto!important;
}
.u-w-full {
width: 100% !important;
}
.u-w-half {
width: 45% !important;
margin: 0 2%;
}