/* マージン */
.mt0 {
  margin-top: 0px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mr10 {
  margin-right: 10px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mr40 {
  margin-right: 40px;
}
.mr50 {
  margin-right: 50px;
}
.m-0auto {
  margin: 0 auto;
}

/* width */
.w10 {
  width:10% !important
}
.w20 {
  width:20% !important
}
.w30 {
  width:30% !important
}
.w38 {
  width:38% !important
}
.w40 {
  width:40% !important
}
.w50 {
  width:50% !important
}
.w60 {
  width:60% !important
}
.w70 {
  width:70% !important
}
.w80 {
  width:80% !important
}
.w90 {
  width:90% !important
}
.w100 {
  width:100% !important
}

/* フォント */
.fs-075 {
  font-size: .75em !important;
}
.fs-08 {
  font-size: .8em !important;
}
.fs-09 {
  font-size: .9em !important;
}
.fs-1 {
  font-size: 1em !important;
}
.fs-12 {
  font-size: 1.2em !important;
}
.fs-15 {
  font-size: 1.5em !important;
}
.fs-2 {
  font-size: 2em !important;
}
.fs-3 {
  font-size: 3em !important;
}
.fs-4 {
  font-size: 4em !important;
}
.fs-5 {
  font-size: 5em !important;
}
.fs-6 {
  font-size: 6em !important;
}


.fw-bold {
  font-weight: bold !important;
}
.text-l {
  text-align: left !important;
}
.d-flex {
  display: flex;
}
.d-block {
  display: block;
}
.visibility-hidden {
  visibility: hidden;
}
.clear{
  clear: both;
}
.text-decoration {
  text-decoration: underline;
}
.letter-spacing {
  letter-spacing: 1px;
}
.color-fff {
  color: #fff !important;
}