@charset "utf-8";
/*
 * utility.css
 * グローバルに使える単一のスタイル
 *
 *すべてのページで使用
 *clearfix、基本アニメーション
 *ボックスモデルの規定値クラス
 */
 /* =========================================================
汎用クラス
========================================================= */
/* 画像のレスポンシブ対応
--------------------------------------------------------- */
.imgResponsive {
  display: block;
  width: 100%;
  height: auto;
}

/* clearfix
--------------------------------------------------------- */
.clearfix,
.cf{
    _zoom: 1;
    overflow: hidden;
}

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

* html .clearfix,
* html .cf{
    _zoom: 1;
}

*:first-child+html .clearfix,
*:first-child+html .cf {
    _zoom: 1;
}

 /* =========================================================
ボックスモデルの規定値クラス
========================================================= */

/*
 * クランプ処理「...」で省略
 */
.clamp-1 {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.clamp-2, .clamp-3, .clamp-4 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
}

.clamp-2 {
	-webkit-line-clamp:2;
}

.clamp-3 {
	-webkit-line-clamp:3;
}

.clamp-4 {
	-webkit-line-clamp:4;
}