@charset "utf-8";

/*******************************************

/* CSS common */
*{
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	vertical-align:baseline;
	border:0;
	outline:none;
	background:transparent;
}
html, body{width:100%; height:100%;}
body{font:12px/1.5em "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; background-color:#c11920;
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6	{font-size:100%; font-weight:normal;}
ul,ol				{list-style:none;}
table				{border-collapse:collapse;}
p					{line-height:1.5;}
a					{text-decoration:none;}
img					{vertical-align:middle; border:0;}
ul,nav{
	margin:0;
	padding:0;
}
secton,
article,
div{
	box-sizing:border-box;
}
/* scrollbar */
::-webkit-scrollbar			{width:10px;}
::-webkit-scrollbar-thumb	{background:#ddd;}
::-webkit-scrollbar-track	{background:#222;}
::-moz-selection			{background:#000; color:#ddd;}
::selection					{background:#000; color:#222;}

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* mosaic */
.mosaic-block {
	position:relative;
	overflow:hidden;
	}
	
.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	color:#fff;
	width:100%;
	height:100%;
	}
	
.bar .mosaic-overlay {
	bottom:-25px;
	height:60px;
	background-color:rgba(0,0,0,0.8);
	}

.details p {padding:0 3px;}

/*******************************************