@charset "UTF-8";
/* ===================================================================
CSS information

 File Name  : util.css
 Style Info : 案件に依存せず汎用的に使うClassを定義
=================================================================== */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.inline {
	display:inline;
}
.inline_block, .wp-pagenavi a, .wp-pagenavi span, .wp-pagenavi .alignleft, .wp-pagenavi .center, .wp-pagenavi .alignright {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.inline {
	display:inline;
}
.block {
	display:block;
}
.flex {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
}
.table_cell {
  display: table-cell;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.ovfl {
  overflow: hidden;
}
.fr,
.imgR,
.alignright {
  float: right;
}
.fl,
.imgL,
.alignleft {
  float: left;
}
.imgC,
.tC,
.btn,
.aligncenter {
  text-align: center;
}
.imgC,
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.tR,
.sign {
  text-align: right;
}
.pc_none {
	display:none;
}
.inner,
.wrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.inner:after,
.wrapper:after,
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}
.alpha:hover {
	filter: alpha(opacity=80); 
	-moz-opacity: 0.80;
	opacity: 0.8;
}
.no_alpha {
	filter: alpha(opacity=100)!important; 
	-moz-opacity: 1!important;
	opacity: 1!important;
}
.op0 {
  opacity: 0;
}

@media screen and (max-width: 767px) {
	.pc_none {
		display:block;
	}
	.sp_none {
		display:none;
	}
	.fl,.fr {
		box-sizing:border-box;
		width:100%!important;
		float:none!important;
	}
	.inner,.wrapper {
		box-sizing:border-box!important;
		width:100%!important;
	}
  .sp_block {
    -webkit-display: block;
    -moz-display: block;
    -ms-display: block;
    -o-display: block;
    display: block;
  }
}

@media screen and (max-width: 479px) {
}