/* CSS Document */
#bgBlock{
	width: 100%;
	height: 100%;
	position:fixed;
	top:0px;
	left: 0px;
	z-index: 0;
}

#bgBlock .cover{
	position: absolute;
	top:0px;
	left: 0px;
}

#bgBlock .ph01 img,
#bgBlock .ph02 img,
#bgBlock .ph03 img,
#bgBlock .ph04 img,
#bgBlock .ph05 img,
#bgBlock .ph06 img{
	opacity: 0;
}
#bgBlock .ph01 img{
	margin-left: -50px;
}
#bgBlock .ph02 img,
#bgBlock .ph03 img,
#bgBlock .ph04 img,
#bgBlock .ph05 img,
#bgBlock .ph06 img{
	opacity: 0;
	margin-left: 50px;
}

#bgBlock .ph01{
	position: absolute;
	top:15px;
	left:-60px;
}


#bgBlock .ph02{
	position: absolute;
	top:0px;
	left: 58px;
}

#bgBlock .ph03{
	position: absolute;
	top:0px;
	left: 535px;
}

#bgBlock .ph04{
	position: absolute;
	top:0px;
	left: 968px;
}

#bgBlock .ph05{
	position: absolute;
	top:0px;
	left: 1496px;
}

#bgBlock .ph06{
	position: absolute;
	top:445px;
	left: 1387px;
}

#story #container {	
	font-size: 16px;
	line-height: 220%;
	z-index: 2;
}
#story #container .inner .scrollBlock{
	position:absolute;
	width:100%;
	top:100%;
	left:0px;
}
#sceneFirst{
	width:100%;
	margin-top: 200px;
	display: block;
	opacity: 0;
}
#sceneFirst h1{
	padding:15px 0 20px 0;

}
#sceneFirst .scene1Bg{
	background:url(../img/scene1_bg_.png);
	padding:30px 30px 0px;
	width:960px;
	margin: 100px auto 0;
	color: #ccc;
}

.fw{
	color: #fff;
}
.fp{
	color:#ff2e75;
}
.it{
font-style: italic;
font-family: 'Noto Sans Japanese', serif;
}

#btnFist{
	display: block;
	margin:0 auto;
	width:398px;
	height:89px;
}
#btnFist img:hover{
	opacity:0.7;
}
.btn img:hover{
	opacity:0.7;
}

#sceneFirst p{
	padding-left: 20px;
}
#sceneFirst p a{
	color:white;
	font-weight:normal;
	text-decoration: underline;
}
#sceneFirst p a:hover{
	text-decoration: none;
}

#sceneFirst .btnBox{
	text-align:center;
	padding:40px 0 0 0;
	margin-top:20px;
}
.jspContainer{}
.jspVerticalBar{width:10px;}
.jspTrack{background:#454545;}
.jspDrag{background:#fff;}

.sceneInner{
	width:960px;
	margin: auto;
	margin-top: 100px;
	color: #000;
	margin-bottom: 100px;
}


#scene1{
	padding-top: 10px;
}
#scene2{
	padding-top: 10px;
}
#scene3{
	padding-top: 10px;
}
#scene4{
	padding-top: 10px;
}

.sceneInner p{
	padding: 0 20px 20px;
	color:#535353;
}

#scene1 .sceneInner .animationBox{
	position:relative;
	width:875px;
	height:340px;
	margin:0 auto;
}
#scene1 .sceneInner .animationBox .img1{position:absolute;left:178px; top:50px;opacity:0;}
#scene1 .sceneInner .animationBox .img2{position:absolute;left:66px; top:120px;opacity:0;}

#scene2 .sceneInner .animationBox{
	position:relative;
	width:930px;
	height:320px;
	margin:0 auto;
	color: #999;
}
#scene2 .sceneInner .animationBox .img1{position:absolute;top:80px; left:0px;opacity:0;}
#scene2 .sceneInner .animationBox .img2{position:absolute;top:80px; right:0px;opacity:0;}
#scene2 .sceneInner .animationBox .img3{position:absolute;top:267px; left:330px; opacity:0; z-index:100;}

#scene3 .sceneInner .animationBox{
	position:relative;
	width:840px;
	height:340px;
	margin:0 auto;
	color: #999;
}
#scene3 .sceneInner .animationBox .img1{position:absolute;top:10px; left:296px;opacity:0;}
#scene3 .sceneInner .animationBox .img2{position:absolute;top:10px; left:296px;opacity:0;z-index:100;}
#scene3 .sceneInner .animationBox .img3{position:absolute;top:10px; right:296px;opacity:0;}

#scene4 .sceneInner .animationBox{
	position:relative;
	width:960px;
	height:440px;
	margin:0 auto;
	color: #000;
}

#scene4 .sceneInner .animationBox .img1{position:absolute;top:10px; left:18%; opacity:0;z-index:100;}
#scene4 .sceneInner .animationBox .img2{position:absolute;top:146px; left:18%; opacity:0;z-index:100;}
#scene4 .sceneInner .animationBox .img3{position:absolute;top:286px; left:18%; opacity:0;z-index:100;}
#scene4 .sceneInner .animationBox .img4{position:absolute;top:25px; left:18%; opacity:0;}
#scene4 .sceneInner .animationBox .img5{position:absolute;top:161px; left:18%; opacity:0;}
#scene4 .sceneInner .animationBox .img6{position:absolute;top:301px; left:18%; opacity:0;}

#scene5 .sceneInner .animationBox{
	position:relative;
	width:960px;
	height:400px;
	margin:0 auto;
	color: #000;
}

#scene5 .sceneInner .animationBox .img1{position:absolute;top:10px; left:180px; opacity:0;}
#scene5 .sceneInner .animationBox .btn{position:absolute;bottom:20px; left:290px; opacity:0;}

#searchImg{
	margin:25px 0 20px 25px;
	position:absolute;
	opacity:0;
}
#sectionFirst{
	margin: 25px 0 20px 25px;
  position: relative;
}
#section1{
	background-color: rgba(255,255,255,0.94);
	height:600px;
}
#section2{
	background-color: rgba(233,233,233,0.94);
	height:880px;
}
#section3{
	background-color: rgba(255,255,255,0.94);
	height:830px;
}
#section4{
	background-color: rgba(233,233,233,0.94);
	height:880px;
	padding-bottom:40px;
}
#section5{
	background-color: rgba(255,255,255,0.94);
	height:794px;
	padding-top:20px;
}
.ttl{
	margin-bottom:40px;
}
#story #contentDetail{
	padding-bottom:0;
}
.snsBtn li:last-child{
	margin-top:12px;
}
#snsBtn {opacity: 0}

@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}