@charset "shift_jis";
#wrapper,
#bg-ice {
	height: auto !important;
	height: 100%;
	min-height: 100%;
}
#bg-ice {
	position: absolute;
	top: 0;
	width: 100%;
}
/* ========================================
	bg-page
======================================== */
#bg-course-wrap {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 2722px;
	overflow: hidden;
}
#bg-header {
	position: relative;
	top: 0;
	z-index: 12;
	height: 226px;
	background: url(../course/images/header-bg.png) center top no-repeat;
}
.tilt-wrap {
	position: absolute;
	left: -50%;
	width: 200%;
	height: 600px;
	overflow: hidden;
}
.tilt {
	position: relative;
	height: 200%;
}
#bg-course01 {
	top: 140px;
	z-index: 10;
}
#bg-course01-1 {
	height: 100%;
	background: url(../course/images/bg01-01.jpg) center 0px no-repeat;
}
#bg-course01-2 {
	height: 100%;
	background: url(../course/images/bg01-02.jpg) center 230px no-repeat;
}
#bg-course01-3 {
	height: 100%;
}
#bg-course02 {
	top: 600px;
	z-index: 9;
}
#bg-course02-1 {
	height: 100%;
	background: url(../course/images/bg02-01.jpg) center 0px no-repeat;
}
#bg-course02-2 {
	height: 100%;
	background: url(../course/images/bg02-02.jpg) center 230px no-repeat;
}
#bg-course02-3 {
	height: 100%;
}
#bg-course03 {
	top: 998px;
	z-index: 8;
}
#bg-course03-1 {
	height: 100%;
	background: url(../course/images/bg03-01.jpg) center 0px no-repeat;
}
#bg-course03-2 {
	height: 100%;
	background: url(../course/images/bg03-02.jpg) center 230px no-repeat;
}
#bg-course03-3 {
	height: 100%;
}
#bg-course04 {
	top: 1399px;
	z-index: 7;
}
#bg-course04-1 {
	height: 100%;
	background: url(../course/images/bg04-01.jpg) center 0px no-repeat;
}
#bg-course04-2 {
	height: 100%;
	background: url(../course/images/bg04-02.jpg) center 230px no-repeat;
}
#bg-course04-3 {
	height: 100%;
}
#bg-course05 {
	top: 1798px;
	z-index: 6;
}
#bg-course05-1 {
	height: 100%;
	background: url(../course/images/bg05-01.jpg) center 0px no-repeat;
}
#bg-course05-2 {
	height: 100%;
	background: url(../course/images/bg05-02.jpg) center 230px no-repeat;
}
#bg-course05-3 {
	height: 100%;
}
#bg-course06 {
	top: 2198px;
	z-index: 5;
}
#bg-course06-1 {
	height: 100%;
	background: url(../course/images/bg06-01.jpg) center 0px no-repeat;
}
#bg-course06-2 {
	height: 100%;
	background: url(../course/images/bg06-02.jpg) center 230px no-repeat;
}
#bg-course06-3 {
	height: 100%;
}

#bg-foot {
	position: absolute;
	top: 2502px;
	z-index: 11;
	width: 100%;
	height: 220px;
}

#bg-ice {
	position: absolute;
	top: 0;
	z-index: 12;
	width: 100%;
	height: 2722px;
}


/* ========================================
	container
======================================== */
#course-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	width: 100%;
	height: 2722px;
	overflow: hidden;
}
#course-wrap h1.ttl {
	padding-top: 45px;
	text-align: center;
}
#course-wrap .ttl-lead {
	padding-top: 23px;
	text-align: center;
}
.course {
	position: absolute;
	width: 100%;
}
.course-inner {
	position: relative;
	top: 0;
	width: 960px;
	margin: 0 auto;
}
#course01 {
	top: 52px;
	height: 591px;
}
#course01 .course-inner {
	top: 106px;
}
#course-chara01-wrap {
	position: relative;
	top: -68px;
	z-index: 11;
	width: 960px;
	margin: 0 auto;
}
#course-chara01 {
	position: absolute;
	top: 0;
	left: 26px;
}
#course-chara01 img {
	position: absolute;
	top: 0;
	left: 0;
}
/*
#course-chara01 {
	position: absolute;
	top: 0;
	left: 26px;
}
*/
#course-movie01 {
	position: absolute;
	top: 86px;
	left: 578px;
}
#course02 {
	top: 660px;
	height: 381px;
}
#course-chara02 {
	position: absolute;
	top: 155px;
	left: 613px;
	width: 281px;
	height: 226px;
}
#course-chara02 img {
	position: absolute;
	top: 0;
	left: 0;
}
#course-movie02 {
	position: absolute;
	top: -10px;
	left: -34px;
}
#course03 {
	top: 1059px;
	height: 333px;
}
#course-chara03 {
	position: absolute;
	top: -110px;
	left: 272px;
	width:239px;
	height:439px;
	overflow: hidden;
}
#chara03-inner {
	position: absolute;
	top: 0;
	left: 0;
	width:239px;
	height:439px;
}
#course-movie03 {
	position: absolute;
	top: -15px;
	left: 574px;
}
#course04 {
	top: 1392px;
	height: 309px;
}
#course-chara04 {
	position: absolute;
	top: -56px;
	left: 550px;
	width: 381px;
	height: 213px;
}
#course-chara04 img {
	position: absolute;
	top: 0;
	left: 0;
}
#course-movie04 {
	position: absolute;
	top: 40px;
	left: -24px;
}
#course05 {
	top: 1701px;
	height: 455px;
}
#course-chara05 {
	position: absolute;
	top: 0px;
	left: 265px;
	width: 342px;
	height: 435px;
}
#course-chara05 img {
	position: absolute;
	top: 0;
	left: 0;
}
#course-movie05 {
	position: absolute;
	top: 126px;
	left: 560px;
}
#course06 {
	top: 2156px;
	height: 272px;
}
#course-chara06 {
	position: absolute;
	top: -30px;
	left: 535px;
	width: 343px;
	height: 302px;
}
#course-chara06 img {
	position: absolute;
	top: 0;
	left: 0;
}
#course-movie06 {
	position: absolute;
	top: 65px;
	left: 0;
}

#footer {
	margin-top: -220px;
}


/* ========================================
	popWrap
======================================== */
#modal {
	display: none;
	position: absolute;
		z-index: 9200;
		left: 50%;
	width: 960px;
	height: 830px;
	margin-left: -480px;
}

#popBody {
	background: transparent;
}

#popWrap {
	margin: 0 auto;
	width: 960px;
	position: relative;
}

#popbg01 {
	margin-top: 15px;
	background: url(../course/images/pop_bg01.png) 0 0 no-repeat;
}

#popbg02 {
	height: 691px;
	background: url(../course/images/pop_bg02.png) 0 345px no-repeat;
}

#popWrap .pop-ttl {
	padding: 64px 0 4px 0;
	text-align: center;
}

#popWrap #moviearea {
	width: 764px;
	height: 493px;
	position: absolute;
	top: 107px;
	left: 99px;
}

#popWrap #stagePoster,
#popWrap #stageVideo {
	position: absolute;
	top: 18px;
	left: 24px;
}


#popWrap #pop-close {
	position: absolute;
	top: -15px;
	right: 21px;
}

#popWrap .pop-prev {
	position: absolute;
	top: 295px;
	left: 8px;
}

#popWrap .pop-next {
	position: absolute;
	top: 295px;
	right: 2px;
}

#popWrap .pop-chara {
	position: absolute;
	top: -65px;
	left: 3px;
}