@charset "UTF-8";
/**
 *
 *  utility.css
 *
 *  単語間はハイフン-で接続
 *  共通パーツの意味分けは下記接頭辞を付与。その際、アンダーバー_で接続
 *
 *  ・utility    接頭辞 u_
 *   便利クラス。 テキストの強調、テキストの配置、余白調整など
 *  ・component  接頭辞 c_
 *   プロフィール、カテゴリindexリストなどprojectの固有パターン（再利用というより、そのためだけ！のようなもの）
 *  ・project    接頭辞 p_
 *   コメントエリア、プロフィールなど大枠パーツになるもの また、共通コンテンツ
 *
 *  component projectに関しては拡張する場合、先頭アンダーバー ._* の複数クラスで行う
 *  (例) .c_ttl-style01._type02(スタイルの拡張)
 *       .c_tbl-style._col3（テーブルの3カラムレイアウト）
 *
 *  状態を表すクラスに関しては.is-activeなど.is-*で統一。（拡張クラスの場合._is-*とする）
 *  (例) .c_btn-style01._is_active
 *
 *  なお、上記の接頭辞を使うcssは/shared/css/各名前.css に全て記述すること
 *
 */
/*--------------------------------------------------------------------------
   イメージ
---------------------------------------------------------------------------*/
/* イメージ横幅吸着
-----------------------------------------------------------------*/
.u_img_fit {
  width: 100%;
  height: auto;
}

/*--------------------------------------------------------------------------
   テキスト
---------------------------------------------------------------------------*/
/* 強調
-----------------------------------------------------------------*/
.u_em_w {
  font-weight: bold;
}

.u_em_c {
  color: #f70000 !important;
}

/* カラー
-----------------------------------------------------------------*/
.u_t_color01 {
  color: #959595;
}

/* 配置
-----------------------------------------------------------------*/
.u_t_ct {
  text-align: center;
}

.u_t_lt {
  text-align: left;
}

.u_t_rt {
  text-align: right;
}

/* 余白
-----------------------------------------------------------------*/
.u_gap {
  margin-top: 1em;
}

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

/* インデント
-----------------------------------------------------------------*/
.u_indent {
  margin-top: 1em;
}

.u_indent,
ul.u_indent li {
  padding-left: 1em;
  text-indent: -1em;
}

ul.u_indent li + li {
  margin-top: 5px;
}

ul.u_indent {
  padding-left: 0;
  text-indent: 0;
}

/* フォント
-----------------------------------------------------------------*/
.u_t_replace {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  text-decoration: none;
}

/* フォント
-----------------------------------------------------------------*/
.u_font01 {
  font-family: 'Raleway', sans-serif;
  letter-spacing: .1em;
}

.u_font01_w {
  font-family: 'Raleway', sans-serif;
  letter-spacing: .1em;
  font-weight: 600;
}

.u_font02 {
  font-family: 'Oswald', sans-serif;
  letter-spacing: .1em;
}

/*--------------------------------------------------------------------------
   float
---------------------------------------------------------------------------*/
.u_left {
  float: left;
}

.u_right {
  float: right;
}