/* CSS Document */


/*// common //*/
html,body,header,nav{
	margin: 0;
	padding: 0;
}

html,body{
	background: #000;
}

a{
	outline: none;
}

a img:hover{
	opacity: 0.7;
	cursor: pointer;
}

.nohvr img:hover{
	opacity: 1;
}

.op_100{
	opacity: 1 !important;
}

.clear{
	clear: both;
	height: 0;
}

.clearfix:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

.clearfix {
	min-height: 1px; /*IE6、7対策*/
}

.dis_none{
	display: none;
	height: 0;
}

.f_left{
	display: block;
	float: left;
}

.per100{
	width: 100%;
	display: block;
	margin: 0 auto;
}

.per50{
	width: 50%;
	display: block;
	margin: 0 auto;
}



.freeblock{
	position: absolute;
	display: block;
}


.page_top{
	position: absolute;
	right: 4%;
	bottom: 5%;
	display: block;
	width: 6%;
	z-index: 1000;
	position: fixed;
	max-width: 70px;
}

.page_top img{
	width: 100%;
	opacity: 0.7;
}


.mincho{
	font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.mini{
	font-size: 70%;
	color: #888;
}

.switch{
	cursor: pointer!important;
}

.flex{
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}