/**
tailwind CSSっぽい書き方をするために、使うものだけここに転記している
 */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.font-normal { font-weight: 400; }
.font-bold { font-weight: 700; }

.whitespace-normal { white-space: normal; }
.whitespace-nowrap { white-space: nowrap; }

.cursor-pointer { cursor: pointer; }

.align-baseline {
    vertical-align: baseline;
}
.align-top {
    vertical-align: top;
}
.align-middle {
    vertical-align: middle;
}
.align-bottom {
    vertical-align: bottom;
}
.align-text-top {
    vertical-align: text-top;
}
.align-text-bottom {
    vertical-align: text-bottom;
}
.align-sub {
    vertical-align: sub;
}
.align-super {
    vertical-align: super;
}

.m-0 {
    margin: 0px;
}
.mx-0 {
    margin-left: 0px;
    margin-right: 0px;
}
.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.mt-0 {
    margin-top: 0px;
}
.mr-0 {
    margin-right: 0px;
}
.mb-0 {
    margin-bottom: 0px;
}
.ml-0 {
    margin-left: 0px;
}
.m-px {
    margin: 1px;
}
.mx-px {
    margin-left: 1px;
    margin-right: 1px;
}
.my-px {
    margin-top: 1px;
    margin-bottom: 1px;
}
.mt-px {
    margin-top: 1px;
}
.mr-px {
    margin-right: 1px;
}
.mb-px {
    margin-bottom: 1px;
}
.ml-px {
    margin-left: 1px;
}
.m-1 {
    margin: 0.25rem; /* 4px */
}
.mx-1 {
    margin-left: 0.25rem; /* 4px */
    margin-right: 0.25rem; /* 4px */
}
.my-1 {
    margin-top: 0.25rem; /* 4px */
    margin-bottom: 0.25rem; /* 4px */
}
.mt-1 {
    margin-top: 0.25rem; /* 4px */
}
.mr-1 {
    margin-right: 0.25rem; /* 4px */
}
.mb-1 {
    margin-bottom: 0.25rem; /* 4px */
}
.ml-1 {
    margin-left: 0.25rem; /* 4px */
}
.m-auto {
    margin: auto;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}
.mt-auto {
    margin-top: auto;
}
.mr-auto {
    margin-right: auto;
}
.mb-auto {
    margin-bottom: auto;
}
.ml-auto {
    margin-left: auto;
}