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

module.css

========================================== */

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

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

/*旧式*/
.clearfix_type2 {
  clear: both;
  float: none;
}

/* 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;
}

.f22 {
  font-size: 22px !important;
}

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

.f26 {
  font-size: 26px !important;
}

.f28 {
  font-size: 28px !important;
}

.f30 {
  font-size: 30px !important;
}

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

/*taste*/
.f34 {
  font-size: 34px !important;
}

.f36{
  font-size: 36px !important;
}

.f38{
  font-size: 38px !important;
}

.f40{
  font-size: 40px !important;
}

.f60{
  font-size: 60px !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;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml5 {
  margin-left: 5px !important;
}

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

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

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

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mr5 {
  margin-right: 5px !important;
}

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

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

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

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mt0{
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

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

.mt15 {
  margin-top: 15px !important;
}

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

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60{
  margin-top: 60px !important;
}

/* padding
---------------------------------------------- */
.p0{
  padding: 0 !important;
}

.p5{
  padding: 5px !important;
}

.p10{
  padding: 10px !important;
}


/*taste*/
.p30{
  padding: 30px !important;
}

.pl0{
  padding-left: 0 !important;
}

.pl1em{
  padding-left: 1em;
}

.pt10{
  padding-top: 10px !important;
}

.pt15{
  padding-top: 15px !important;
}

.pt20{
  padding-top: 20px !important;
}

.pt25{
  padding-top: 25px !important;
}

.pt30{
  padding-top: 30px !important;
}

.pl5{
  padding-left:5px !important;
}

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

.pl15{
  padding-left:15px !important;
}

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

.pl25{
  padding-left:25px !important;
}

.pl30{
  padding-left:30px !important;
}

.pt5{
  padding-top:5px !important;
}

.pt10{
  padding-top:10px !important;
}

.pt15{
  padding-top:15px !important;
}

.pt20{
  padding-top:20px !important;
}

.pt25{
  padding-top:25px !important;
}

.pt30{
  padding-top:30px !important;
}


.pr0{
  padding-right: 0 !important;
}

.pr5{
  padding-right:5px !important;
}

.pr10{
  padding-right:10px !important;
}

.pr15{
  padding-right:15px !important;
}

.pr20{
  padding-right:20px !important;
}

.pr25{
  padding-right:25px !important;
}

.pr30{
  padding-right:30px !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
---------------------------------------------- */
.txt_l {
  text-align: left !important;
}

.txt_r {
  text-align: right !important;
}

.txt_c {
  text-align: center !important;
}

/* text-decoration
---------------------------------------------- */
.td_uline{
  text-decoration: underline;
}

/* font-weight
---------------------------------------------- */
.fw_n{
	font-weight:normal !important;
}
.fw_b{
	font-weight:bold !important;
}

/* color taste
---------------------------------------------- */
.c_red{
  color: #D21D22 !important;
}

.c_blue{
  color:#3265AD !important;
}

.c_orange{
  color: #FF6500 !important;
}


/* bgc
---------------------------------------------- */

/*taste*/
.bgc_white{
  background-color: #fff !important;
}

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

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

.w80{
  width: 80px !important;
}

.w90{
  width: 90px !important;
}

.w100{
	width: 100px !important;
}

.w150{
  width: 150px !important;
}

.w250{
	width: 250px !important;
}

.w300{
	width: 300px !important;
}

.w350{
  width: 350px !important;
}

.w400{
	width: 400px !important;
}

.w450{
  width: 450px !important;
}

.w500{
	width: 500px !important;
}

.w25p{
  width: 25% !important;
}

/*taste*/
.w30p{
  width: 30% !important;
}

.w40p{
  width: 40% !important;
}

.w50p{
  width: 50% !important;
}

.w60p{
  width: 60% !important;
}

.w70p{
  width: 70% !important;
}

.w80p{
  width: 80% !important;
}

.w100p{
  width: 100% !important;
}

/* taste line-height
---------------------------------------------- */
.lh15{
  line-height: 1.5 !important;
}

/* taste 制作コメント用（本番アップ時にHTML側からは消すこと）
---------------------------------------------- */
.t_comme{
  font-size: 14px;
  color: #CC00CC;
  /*font-weight: bold;*/
}

/* taste スマホ用
---------------------------------------------- */
@media screen and (max-width: 640px) {

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

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

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

  .sp_f20{
    font-size: 20px !important;
  }
  
  .sp_f22{
    font-size: 22px !important;
  }

  .sp_f24{
    font-size: 24px !important;
  }
  .sp_mt0{
    margin-top: 0 !important;
  }

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

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

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

  .sp_w25p{
    width: 25% !important;
  }

  .sp_w50p{
    width: 50% !important;
  }

}