@charset "utf-8";
/* =======================================

module.css

========================================== */
/* =============================================================================
   module
   ========================================================================== */
/* clearfix
---------------------------------------------- */
.clearfix {
  zoom: 1;
  overflow:hidden;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  font-size: 0;
}

/* font
---------------------------------------------- */
.f10 {
  font-size: 10px !important;
}

.f11 {
  font-size: 11px !important;
}

.f12 {
  font-size: 12px !important;
}

.f13 {
  font-size: 13px !important;
}

.f14 {
  font-size: 14px !important;
}

.f15 {
  font-size: 15px !important;
}

.f16 {
  font-size: 16px !important;
}

.f18 {
  font-size: 18px !important;
}

.f20 {
  font-size: 20px !important;
}

.f24 {
  font-size: 24px !important;
}

.f32 {
  font-size: 32px !important;
}


/* margin
---------------------------------------------- */
.m0{
  margin: 0px !important;
}

.m0a{
  margin: 0px auto !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55{
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

/* padding
---------------------------------------------- */
.p10{
  padding: 10px !important;

}
.pl10{
  padding-left:10px !important;
}

.pl20{
  padding-left:20px !important;
}


/* position
---------------------------------------------- */
.pos_a {
  position: absolute !important;
}

.pos_r {
  position: relative !important;
}

/* float
---------------------------------------------- */
.fl_l {
  float: left !important;
}

.fl_r {
  float: right !important;
}

/* text-align
---------------------------------------------- */
/*bootstrapを利用*/

/* font-weight
---------------------------------------------- */
/*bootstrapを利用*/

/* color
---------------------------------------------- */
.text-light{
}

.c_red{
  color:red !important;
}

.c_blue{
  color:blue !important;
}

/* bgc
---------------------------------------------- */
.bgc_f5{
  background-color:#f5f5f5 !important;
}

/* width
---------------------------------------------- */
.w70{
  width: 70px !important;
}

.w100{
  width: 100px !important;
}

.w150{
  width: 150px !important;
}

.w250{
  width: 250px !important;
}

.w300{
  width: 300px !important;
}

.w400{
  width: 400px !important;
}

.w500{
  width: 500px !important;
}