@charset "utf-8";
/* CSS Document */

/* core	================================================	*/
.mainVisual h1,
.mainVisual h2,
.mainVisual #share,
.mainVisual .text01,
.mainVisual .promise,
.mainVisual .mae img,
.mainVisual .pre img,
.mainVisual .text02,
.mainVisual #topics{
	opacity:0;
}
.mainVisual #charaArea{
	position:relative;
	height:1187px;
}
.mainVisual #charaArea .maho,
.mainVisual #charaArea .ala,
.mainVisual #charaArea .hug,
.mainVisual #charaArea .clover,
.mainVisual #charaArea .main{
	position:absolute;
	opacity:0;
}
#overlay{
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background:#FFF;
	z-index:99999;
}
#overlay .fade01{
	position:relative;
	top:50%;
	left:0;
	right:0;
	text-align:center;
	z-index:99990;
}
#overlay .fadeBg{
	opacity:0;
}
#overlay #kirakiraArea{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:984px;
	height:620px;
	margin:0 auto;
}
#overlay .fade02{
	position:absolute;
	top:15px;
	left:0;
	right:0;
	opacity:0;
	text-align:center;
	z-index:99999;
}
.mainVisual #charaArea .maho{
	top:319px;
	left:681px;
}
.mainVisual #charaArea .ala{
	top:284px;
	left:-11px;
}
.mainVisual #charaArea .hug{
	top:451px;
	left:109px;
}
.mainVisual #charaArea .clover{
	top:51px;
	left:397px;
}
.mainVisual #charaArea .main{
	top:0;
	left:-16px;
}