@charset "UTF-8";
/*Variable
－－－－－－－*/
/*
ブレークポイント

基本  1920px
ipad 1050px
sp   767px;

コンテンツ幅1000px

*/
/* margin top */
.u-mt10 {
  margin-top: 10px;
}

.u-mt15 {
  margin-top: 15px;
}

.u-mt20 {
  margin-top: 20px;
}

.u-mt30 {
  margin-top: 30px;
}

.u-mt40 {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .u-mt15--sp {
    margin-top: 15px !important;
  }
}
/* margin bottom */
.u-mb0 {
  margin-bottom: 0px;
}

.u-mb10 {
  margin-bottom: 10px;
}

.u-mb15 {
  margin-bottom: 15px;
}

.u-mb20 {
  margin-bottom: 20px;
}

.u-mb30 {
  margin-bottom: 30px;
}

.u-mb40 {
  margin-bottom: 40px;
}

.u-mb50 {
  margin-bottom: 50px;
}

.u-mb55 {
  margin-bottom: 55px;
}

.u-mb60 {
  margin-bottom: 60px;
}

.u-mb70 {
  margin-bottom: 70px;
}

.u-mb80 {
  margin-bottom: 80px;
}

.u-mb90 {
  margin-bottom: 90px;
}

.u-mb100 {
  margin-bottom: 100px;
}

.u-mr10 {
  margin-right: 10px;
}

.u-mr20 {
  margin-right: 20px;
}

/* padding top */
.u-pt0 {
  padding-top: 0px;
}

.u-pt5 {
  padding-top: 5px;
}

.u-pt10 {
  padding-top: 10px;
}

.u-pt15 {
  padding-top: 15px;
}

.u-pt20 {
  padding-top: 20px;
}

.u-pt30 {
  padding-top: 30px;
}

.u-pt40 {
  padding-top: 40px;
}

.u-pt50 {
  padding-top: 40px;
}

@media screen and (max-width: 767px) {
  .u-pt0-sp {
    padding-top: 0;
  }
}
/* text align */
.u-text-center {
  text-align: center;
}

.u-text-left {
  text-align: left;
}

.u-text-right {
  text-align: center;
}

.u-text-justify {
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .u-text-left--sp {
    text-align: left;
  }
}
/* レスポンシブの改行 */
.u-pc-none {
  display: none;
}
@media screen and (max-width: 767px) {
  .u-pc-none {
    display: block;
  }
}

.u-tb-show {
  display: none;
}
@media screen and (max-width: 1024px) {
  .u-tb-show {
    display: block;
  }
}

.u-tb-none {
  display: block;
}
@media screen and (max-width: 1024px) {
  .u-tb-none {
    display: none;
  }
}

.u-sp-none {
  display: block !important;
}
@media screen and (max-width: 767px) {
  .u-sp-none {
    display: none !important;
  }
}

.u-sp-show {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .u-sp-show {
    display: block !important;
  }
}

/* フォント */
.u-font-small {
  font-size: 0.9em !important;
}

.u-font-exsmall {
  font-size: 0.8em !important;
}

.u-font-normal {
  font-size: 1em !important;
}

.u-font-rather-large {
  font-size: 1.1em !important;
}

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

/* border */
.u-border-bottom-none {
  border-bottom: none !important;
}

/* clearfix  */
.u-clear-fix {
  clear: both;
}