@charset "UTF-8";
/**  Font-Awesomeが重いので、代わりに「IcoMoon」を使用 
     ディレクトリを変更すると、読み込めなくなるので要注意

     次の形式で使うことを想定
     <i class="icon-xxxx"></i>
*/
@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?e2thun");
  src: url("fonts/icomoon.eot?e2thun#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?e2thun") format("truetype"), url("fonts/icomoon.woff?e2thun") format("woff"), url("fonts/icomoon.svg?e2thun#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/** 独自に設定したCSS
（IcoMoonでGenerateしたファイルをコピペするとき、上書きして消さないこと!）
**/
[class^=icon-], [class*=" icon-"] {
  padding: 0 5px 0 5px;
}
[class^=icon-].orange, [class*=" icon-"].orange {
  color: orange;
}

/*** 独自設定CSS ここまで ***/
[class^=icon-], [class*=" icon-"], [class^=table-bg-]::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 5px 0 5px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/** 
エイリアス（分かりやすい名前で置き換え）
.icon-thumbs-up:before, .icon-good:before
**/
/**
色の追加 
.icon-exclamation-triangle:before {
   color:#ff8300;
}
**/
[class^=table-bg-] {
  position: relative;
  min-height: 60px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

[class^=table-bg-]::after {
  position: absolute;
  font-size: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.table-bg-3:after {
  content: "\e901";
  color: rgba(235, 65, 65, 0.2);
  font-weight: 900;
}

.table-bg-2::after {
  content: "\f1db";
  color: rgba(91, 166, 240, 0.2);
  font-weight: 700;
}

.table-bg-1:after {
  content: "\e902";
  color: rgba(51, 203, 156, 0.2);
  font-weight: 900;
}

.table-bg-0:after {
  content: "\e900";
  color: rgba(234, 176, 96, 0.2);
}

.icon-plus:before {
  content: "\f067";
}

.icon-heart:before {
  content: "\f004";
}

.icon-star:before {
  content: "\f005";
}

.icon-user:before {
  content: "\f007";
}

.icon-check:before {
  content: "\f00c";
}

.icon-memo:before,
.icon-pencil:before {
  content: "\f040";
}

.icon-plus-circle:before {
  content: "\f055";
}

.icon-check-circle:before {
  content: "\f058";
}

.icon-check-circle-o:before {
  content: "\f05d";
}

.icon-info:before,
.icon-exclamation-circle:before {
  content: "\f06a";
}

ul li.warning:before,
.icon-warning:before,
.icon-exclamation-triangle:before {
  content: "\f071";
}

ul li.good:before,
.icon-good:before,
.icon-thumbs-o-up:before {
  content: "\f087";
}

.icon-calendar:before {
  content: "\f073";
}

.icon-thumbs-o-down:before {
  content: "\f088";
}

.icon-external-link:before {
  content: "\f08e";
}

.icon-trophy:before {
  content: "\f091";
}

.icon-point:before,
.icon-lightbulb-o:before {
  content: "\f0eb";
}

.icon-kuchikomi:before,
.icon-wechat:before {
  content: "\f1d7";
}

.icon-weixin:before {
  content: "\f1d7";
}

.icon-angellist:before {
  content: "\f209";
}

.icon-commenting-o:before {
  content: "\f27b";
}
/*# sourceMappingURL=icon.css.map */