@charset "shift_jis";
/*html,
body {
	height: 100%;
}*/


/* ========================================
	#topper
======================================== */

#topper .ttl {
	padding: 0 0 0 24px;
}

.lead {
	padding: 12px 0 192px 42px;
}
.smp-lead {
	padding: 11px 0 189px 42px;
}
.sp .lead,
.pc .smp-lead,
.no-js .smp-lead {
	display: none;
}

#topper #slide-area {
	position: absolute;
	top: 53px;
	left: 566px;
}

#topper .img01 {
	position: absolute;
	top: 218px;
	left: 480px;
}

#topper .img01 div {
	position: relative;
	top: 0;
	left: 0;
}
#topper .img02 {
	position: absolute;
	top: 381px;
	left: 23px;
	z-index: 15;
}

/* ========================================
	#main
======================================== */
#main {
	margin: 0 0 0 37px;
	padding-bottom: 50px;
	position: relative;
}

#main .box {
	width: 890px;
	height: 1189px;
	position: relative;
}

#main .box-wrap1 {
	background: url(../stage/images/stage_bg01.png) 0 0 no-repeat;
}

#main .box-wrap2 {
	background: url(../stage/images/stage_bg02.png) 0 400px no-repeat;
}

#main .box-wrap3 {
	background: url(../stage/images/stage_bg03.png) 0 800px no-repeat;
	height: 1189px;
}

#main .stage-ttl {
	padding: 44px 0 0 45px;
}

.stage-copy,
.smp-stage-copy {
	padding: 26px 0 0 45px;
}

.sp .stage-copy,
.pc .smp-stage-copy,
.no-js .smp-stage-copy {
	display: none;
}

#main #stageMovie {
	width: 492px;
	height: 338px;
	margin: 28px 0 68px 43px;
	background: url(../stage/images/stage_movi_bg.png) left top no-repeat;
}

#main .img03 {
	position: absolute;
	top: 529px;
	left: 551px;
	z-index: 10;
}

/* --- slide --- */
#main #stage-slide-wrap {
	position: absolute;
	top: 31px;
	left: 537px;
}

#main #stage-slide01,
#main #stage-slide02 {
	position: relative;
}

/* slide01 */
#main #stage-slide01 #stage01_img01 {
	position: absolute;
	top: 0;
	left: 42px;
	z-index: 3;
}
#main #stage-slide01 #stage01_img02 {
	position: absolute;
	top: 111px;
	left: 87px;
	z-index: 2;
}
#main #stage-slide01 #stage01_img03 {
	position: absolute;
	top: 259px;
	left: 20px;
	z-index: 3;
}
#main #stage-slide01 #stage01_img04 {
	position: absolute;
	top: 362px;
	left: 97px;
	z-index: 2;
}

/* slide02 */
#main #stage-slide02 {
	display: none;
}

#main #stage-slide02 #stage02_img01 {
	position: absolute;
	top: 12px;
	left: 64px;
}
#main #stage-slide02 #stage02_img02 {
	position: absolute;
	top: 151px;
	left: 75px;
}
#main #stage-slide02 #stage02_img03 {
	position: absolute;
	top: 264px;
	left: 20px;
}
#main #stage-slide02 #stage02_img04 {
	position: absolute;
	top: 382px;
	left: 97px;
}

/* --- item --- */
#main #item-area {
	position: relative;
	padding: 0 0 0 39px;
}

#main #item-area .item-ttl {
	padding: 0 0 24px 0;
}

#main #item-area .item-copy01 {
	padding: 0 0 17px 24px;
}
#main #item-area .smp-item-copy01 {
	padding: 0 0 14px 25px;
}

.sp .item-copy01,
.pc .smp-item-copy01,
.no-js .smp-item-copy01 {
	display: none;
}

#main #item-area .item-copy02 {
	padding: 0 0 23px 19px;
}

#main #item-area #itemMovie {
	position: absolute;
	top: 188px;
	left: 421px;
	width: 402px;
	height: 288px;
	background: url(../stage/images/item_movi_bg.jpg) left top no-repeat;
}

/* item-chara */
#main #item-area #item01 {
	position: absolute;
	top: 326px;
	left: 50px;
}

#main #item-area #item02 {
	position: absolute;
	top: 326px;
	left: 170px;
}

#main #item-area #item03 {
	position: absolute;
	top: 326px;
	left: 288px;
}

#main #item-area #star {
	position: absolute;
	top: 315px;
	left: 51px;
}

#main #movieFlash1,
#main #movieFlash2 {
	position: relative;
	padding: 10px 0 0 10px;
}