@charset "utf-8";

#kyuranger-main {
	background: url(../images/bg-kyuranger.jpg) no-repeat;
	height: 800px;
	margin: 0 auto;
	position: relative;
	width: 1024px;
}

#kyuranger-main #kyuranger-contents {
	width: 805px;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

#kyuranger-main #kyuranger-contents .shootingstars {
	background:url(../images/shootingstars.png) no-repeat;
	width:2000px;
	height:1200px;
	position:absolute;
	top:-1200px;
	left:1600px;
}

#kyuranger-main #kyuranger-contents .star{
	background:url(../images/star.png) no-repeat;
	width:100px;
	height:100px;
	position:absolute;
	top:-100px;
	left:900px;
}

/*-----------------------

  products

------------------------*/
#kyuranger-main #kyuranger-contents #products .mainimg span {
	display:none;
}

#kyuranger-main #kyuranger-contents #products .mainimg {
	background:url(../images/products.png) no-repeat;
	background-size:805px 482px;
	position: absolute;
	width:805px;
	height:482px;
	top:-482px;
	left:0;
	overflow:hidden;
	z-index:2;
}

#kyuranger-main #kyuranger-contents #products .cards{
	position:absolute;
}

#kyuranger-main #kyuranger-contents #products .cards .card01,
#kyuranger-main #kyuranger-contents #products .cards .card02,
#kyuranger-main #kyuranger-contents #products .cards .card03 {
	position: absolute;
	left: 300px;
	top: 106px;
}

#kyuranger-main #kyuranger-contents #products .cards .card01{
	z-index:30;
}

#kyuranger-main #kyuranger-contents #products .cards .card02{
	z-index:20;
}

#kyuranger-main #kyuranger-contents #products .cards .card03{
	z-index:1;
}

/*-----------------------

  visual

------------------------*/

#kyuranger-main #kyuranger-contents #visual  {
	position: absolute;
	z-index:20;
}

#kyuranger-main #kyuranger-contents #visual h1 {
	position: absolute;
/*	top: 640px;
	left: 467px;
*/	top:522px;
	left:608px;
	transform:scale(0.2);
	z-index: 20;
}

#kyuranger-main #kyuranger-contents #visual h2 {
	background:url(../images/ttl-main-visual.png) no-repeat;
	background-size:805px 355px;
	position: absolute;
	width:805px;
	top:800px;
	left:0;
}

#kyuranger-main #kyuranger-contents #visual h2 span{
	display:none;
}

#kyuranger-main #kyuranger-contents #visual #logo {
	position: absolute;
	top: 764px;
	left: 863px;
}

/*-----------------------

  nav

------------------------*/

#kyuranger-main #nav{
	position: absolute;
}

#kyuranger-main #nav .btn01,
#kyuranger-main #nav .btn02,
#kyuranger-main #nav .btn03,
#kyuranger-main #nav .btn04,
#kyuranger-main #nav .btn05 {
	position: absolute;
	left:842px;
}

#kyuranger-main #nav .btn01 {
	top:345px;
}

#kyuranger-main #nav .btn02 {
	top:409px;
}

#kyuranger-main #nav .btn03 {
	top:551px;
}

#kyuranger-main #nav .btn04 {
	top:621px;
}

#kyuranger-main #nav .btn05 {
	top:690px;
}