/*clearfixここから*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*clearfixここまで*/


/*天地中央ここから*/
.center_of_height {
  position:relative;
  top:50%;
  transform: translateY(-50%);
}
/*天地中央ここまで*/

/*天地中央ちょっぴり上気味ここから*/
.center_of_height_4-6 {
  position:relative;
  top:40%;
  transform: translateY(-60%);
}
/*天地中央ちょっぴり上気味ここまで*/

/*flexbox基本ここから*/
.flexbox {	
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: -webkit-box;/*--- 古いsafari ---*/

	display: flex;

}
/*flexbox基本ここまで*/

/*等間隔配置ここから*/
.even_intervals {
	-webkit-flex-drection:row-reverse;
	-moz-flex-drection:row-reverse;
	-ms-flex-drection:row-reverse;
	-o-flex-drection:row-reverse;
	flex-drection:row-reverse;

	-webkit-box-lines:multiple;	
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
    flex-wrap:wrap;
	
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
}
/*等間隔配置ここまで*/

/*高さ均等ここから*/
.even_height {
	align-items: stretch;
}
/*等間隔配置ここまで*/

/*隠す*/
.hidden{
	visibility:hidden
	}
/*ページの最初のコンテンツの上隙間*/
.section-top-margin {
	margin-top: 15px;
}
/*半分とか1/3とか*/
.half{
	width: 49%;
}
.one-thrd{
	width: 32.5%;
}
.quarter{
	width: 24%;
}