@charset "utf-8";

/**********************************************
** Site Name: インフォニア
** Site URI: https://www.infonear.co.jp/
** Description: サイト共通の調整クラス
**********************************************/

/*-------------------------------------------*/
/*  CONTENTS:
/*--------------------------------------------
【 Utility 】接頭辞は【u-】
1.0 - 余白
      margin
      padding
2.0 - 文字
      font
      underline
3.0 - 配置
      text-align
      float
      clearfix
4.0 - サイズ

---------------------------------------------*/

/*-------------------------------------------*/
/*  1.0 - 余白
/*-------------------------------------------*/

/*margin*/
.u-margin5 {
  margin: 5px;
}
.u-margin10 {
  margin: 10px;
}
.u-margin15 {
  margin: 15px;
}
.u-margin20 {
  margin: 20px;
}
.u-marginT5 {
  margin-top: 5px;
}
.u-marginT10 {
  margin-top: 10px;
}
.u-marginT15 {
  margin-top: 15px;
}
.u-marginT20 {
  margin-top: 20px;
}
.u-marginB0 {
  margin-bottom: 0;
}
.u-marginB5 {
  margin-bottom: 5px;
}
.u-marginB10 {
  margin-bottom: 10px;
}
.u-marginB15 {
  margin-bottom: 15px;
}
.u-marginB20 {
  margin-bottom: 20px;
}
.u-marginB50 {
  margin-bottom: 50px;
}
.u-marginB80 {
  margin-bottom: 80px;
}
.u-marginL5 {
  margin-left: 5px;
}
.u-marginL10 {
  margin-left: 10px;
}
.u-marginL15 {
  margin-left: 15px;
}
.u-marginL20 {
  margin-left: 20px;
}
.u-marginR5 {
  margin-right: 5px;
}
.u-marginR10 {
  margin-right: 10px;
}
.u-marginR15 {
  margin-right: 15px;
}
.u-marginR20 {
  margin-right: 20px;
}
.u-marginTB5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.u-marginTB10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.u-marginTB15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.u-marginTB20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.u-marginTB30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.u-marginRBL5 {
  margin: 0 5px 5px;
}
.u-marginRBL10 {
  margin: 0 10px 10px;
}
.u-marginRBL15 {
  margin: 0 15px 15px;
}
.u-marginRBL20 {
  margin: 0 20px 20px;
}

/*padding*/
.u-padding5 {
  padding: 5px;
}
.u-padding10 {
  padding: 10px;
}
.u-padding15 {
  padding: 15px;
}
.u-padding20 {
  padding: 20px;
}
.u-padding25 {
  padding: 25px;
}
.u-padding30 {
  padding: 30px;
}
.u-paddingT5 {
  padding-top: 5px;
}
.u-paddingT10 {
  padding-top: 10px;
}
.u-paddingT15 {
  padding-top: 15px;
}
.u-paddingT20 {
  padding-top: 20px;
}
.u-paddingB5 {
  padding-bottom: 5px;
}
.u-paddingB10 {
  padding-bottom: 10px;
}
.u-paddingB15 {
  padding-bottom: 15px;
}
.u-paddingB20 {
  padding-bottom: 20px;
}
.u-paddingTB5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.u-paddingTB10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.u-paddingTB15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.u-paddingTB20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.u-paddingTB30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

/*-------------------------------------------*/
/*  2.0 - 文字
/*-------------------------------------------*/

/*font*/
.u-fontSizeS {
  font-size: smaller;
}
.u-fontWeightN {
  font-weight: normal;
}
.u-fontWeightB {
  font-weight: bold;
}

/*underline*/
.u-textUnderline {
  text-decoration: underline;
}

/*-------------------------------------------*/
/*  3.0 - 配置
/*-------------------------------------------*/

/*text-align*/
.u-textAlignC {
  text-align: center;
}
.u-textAlignR {
  text-align: right;
}
.u-textAlignL {
  text-align: left;
}

/*float*/
.u-floatR {
  float: right;
}
.u-floatL {
  float: left;
}

/*clearfix*/
.u-clearfix::before {
  content: "";
  display: block;
  clear: both;
}
.u-clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.u-clearfix {
  display: block;
}

/*flex*/
.u-flexAlignC {
  display: flex;
  align-items: center;
}
.u-flexJustifyC {
  display: flex;
  justify-content: center;
}
.u-flexJustifySb {
  display: flex;
  justify-content: space-between;
}

/*-------------------------------------------*/
/*  4.0 - サイズ
/*-------------------------------------------*/

/*width*/
.u-width10 {
  width: 10%;
  height: auto;
}
.u-width20 {
  width: 20%;
  height: auto;
}
.u-width30 {
  width: 30%;
  height: auto;
}
.u-width40 {
  width: 40%;
  height: auto;
}
.u-width50 {
  width: 50%;
  height: auto;
}
.u-width60 {
  width: 60%;
  height: auto;
}
.u-width70 {
  width: 70%;
  height: auto;
}
.u-width80 {
  width: 80%;
  height: auto;
}
.u-width90 {
  width: 90%;
  height: auto;
}
.u-width100 {
  width: 100%;
  height: auto;
}

/**/