a {outline:none;}

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 10;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  z-index: 11;
}

html{
  width: 100%;
  height: 100%;
  margin-right: 0;
  padding: 0;
  min-width: 1150px;
  overflow-y:scroll;
    
}

.base{
    position: absolute;
    width:100%;
    top: 480px;
}


body {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 1080px;
  min-height: 7100px;
  margin: 0;
  padding: 0;
  z-index: 2;
  overflow: hidden;
  background-image: url(img/background2.jpg) ;
  background-color:#000;
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size:  100%;
  background-size:  100%;
   
}

.box{  border: 0px solid #00fa9a;
    width: 1080px;
    height: 864px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;

}

/*表示物の位置制御*/





#s_logo{
   position:absolute;
        width:0%;
        height:0%;
        left: 60px;
        top:30px;
        margin-left: -60px;
        margin-top: -65px;  
     z-index: 7;
}



#back{
    position:absolute;
        width:100%;
        height:100%;
        left: -400px;
        top: 0px;
        margin-left: -60px;
        margin-top: -80px;
    min-width: 1152px;
  min-height: 864px;
    opacity:1;
        user-select:none
}
      



#bnr1{ 
position:absolute;
        width:0%;
        height:0%;
        left:70px;
        top: 7005px;
        margin-left: -60px;
        margin-top: -80px;
        opacity: 1;
     z-index: 7;
     user-select:none
}

#bnr2{ 
position:absolute;
        width:0%;
        height:0%;
        left: 400px;
        top: 7060px;
        margin-left: -60px;
        margin-top: -80px;
        opacity: 1;
     z-index: 7;
     user-select:none
}

#bnr3{ 
position:absolute;
        width:0%;
        height:0%;
        left: 400px;
        top: 7005px;
        margin-left: -60px;
        margin-top: -80px;
        opacity: 1;
     z-index: 7;
     user-select:none
}

#bnr4{ 
position:absolute;
        width:0%;
        height:0%;
        left: 730px;
        top: 7005px;
        margin-left: -60px;
        margin-top: -80px;
        opacity: 1;
     z-index: 7;
     user-select:none
}

#bnr5{ 
position:absolute;
        width:0%;
        height:0%;
        left: 70px;
        top: 7060px;
        margin-left: -60px;
        margin-top: -80px;
        opacity: 1;
     z-index: 7;
     user-select:none
}

#nav{ 
position:absolute;
        width:0%;
        height:0%;
        left: 80px;
        top: 100px;
        margin-left: -60px;
        margin-top: -80px;
     opacity: 1;
    z-index: 7;
     user-select:none
}

#nav01{ 
position:absolute;
        width:0%;
        height:0%;
        left: 0px;
        top: 0px;
        margin-left: 0px;
        margin-top: 0px;
     z-index: 7;
     user-select:none
}

#nav02{ 
position:absolute;
        width:0%;
        height:0%;
        left: 180px;
        top: 0px;
        margin-left: 0px;
        margin-top: 0px;
     z-index: 7;
     user-select:none
}

#nav07{ 
position:absolute;
        width:0%;
        height:0%;
        left: 360px;
        top: 0px;
        margin-left: 0px;
        margin-top: 0px;
     z-index: 7;
     user-select:none
}

#nav04{ 
position:absolute;
        width:0%;
        height:0%;
        left: 540px;
        top: 0px;
        margin-left: 0px;
        margin-top: 0px;
     z-index: 7;
     user-select:none
}

#navback{
   position:absolute;
        width:0%;
        height:0%;
       left: -400px;
        top: 0px;
        margin-left: -60px;
        margin-top: -65px; 
     opacity: 1;
    z-index: 6;
     user-select:none
}

#navback2{
   position:absolute;
        width:0%;
        height:0%;
       left: -400px;
        top: 6950px;
        margin-left: -60px;
        margin-top: -65px; 
     opacity: 1;
    z-index: 6;
     user-select:none
}

#twitter{
   position:absolute;
        width:0%;
        height:0%;
        left: 70px;
        top:6960px;
        margin-left: -60px;
        margin-top: -65px; 
        opacity: 1;
     z-index: 7;
     user-select:none
}

#sns{
   position:absolute;
        width:0%;
        height:0%;
        left: 150px;
        top:6960px;
        margin-left: -60px;
        margin-top: -65px; 
        opacity: 1;
     z-index: 6;
     user-select:none
}

#copyright {
        position:absolute;
        width:0%;
        height:0%;
        left:250px;
        top: 6965px;
        margin-left: -60px;
        margin-top: -80px;
        opacity: 1;
     z-index: 7;
     user-select:none
}


#story{
    position:absolute;
        width:0%;
        height:0%;
        left: 55px;
        top: 150px;
        margin-left: -60px;
        margin-top: -80px;
     opacity: 1;
    z-index: 2;
     user-select:none
}

#botan{
    position:absolute;
        width:0%;
        height:0%;
        left: 60px;
        top: 1200px;
        margin-left: -60px;
        margin-top: -80px;
     opacity: 1;
    z-index: 3;
     user-select:none
}

#twbotan1{
    position:absolute;
        width:0%;
        height:0%;
        left: 395px;
        top: 2030px;
        margin-left: -60px;
        margin-top: -80px;
     opacity: 1;
    z-index: 3;
     user-select:none
}

#twbotan2{
    position:absolute;
        width:0%;
        height:0%;
        left: 395px;
        top: 2110px;
        margin-left: -60px;
        margin-top: -80px;
     opacity: 1;
    z-index: 3;
     user-select:none
}

#twbotan3{
    position:absolute;
        width:0%;
        height:0%;
        left: 395px;
        top: 2440px;
        margin-left: -60px;
        margin-top: -80px;
     opacity: 1;
    z-index: 3;
     user-select:none
}

#twbotan4{
    position:absolute;
        width:0%;
        height:0%;
        left: 395px;
        top: 2800px;
        margin-left: -60px;
        margin-top: -80px;
     opacity: 1;
    z-index: 3;
     user-select:none
}




#direction1{
    position:absolute;
        width:0%;
        height:0%;
        left: 55px;
        top: 6630px;
        margin-left: -60px;
        margin-top: -80px;
     opacity: 1;
    z-index: 2;
     user-select:none
}

#vol1{
    position:absolute;
        width:0%;
        height:0%;
        left: 65px;
        top: 6830px;
        margin-left: -60px;
        margin-top: -80px;
     opacity: 1;
    z-index: 2;
     user-select:none
}

#vol2{
    position:absolute;
        width:0%;
        height:0%;
        left: 405px;
        top: 6830px;
        margin-left: -60px;
        margin-top: -80px;
     opacity: 1;
    z-index: 2;
     user-select:none
}

#vol3{
    position:absolute;
        width:0%;
        height:0%;
        left: 745px;
        top: 6830px;
        margin-left: -60px;
        margin-top: -80px;
     opacity: 1;
    z-index: 2;
     user-select:none
}





#enmovie1{
    position:absolute;
        width:0%;
        height:0%;
        left: 110px;
        top: 4712.5px;
        margin-left: -60px;
        margin-top: -80px;
     opacity: 1;
    z-index: 2;
     user-select:none
}



/*ここまで位置制御*/



/*こっから下は選択ボタンのアニメーション*/


#nav01 img {
	display: block;
     transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#nav01 img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#nav02 img {
	display: block;
     transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#nav02 img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#nav03 img {
	display: block;
     transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#nav03 img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#nav04 img {
	display: block;
     transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#nav04 img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#twbotan1 img {
	display: block;
     transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#twbotan1 img:hover {
	transform: scale(1.025);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#twbotan2 img {
	display: block;
     transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#twbotan2 img:hover {
	transform: scale(1.025);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#twbotan3 img {
	display: block;
     transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#twbotan3 img:hover {
	transform: scale(1.025);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#twbotan4 img {
	display: block;
     transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#twbotan4 img:hover {
	transform: scale(1.025);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#vol1 img {
	display: block;
     transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#vol1 img:hover {
	transform: scale(1.025);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#vol2 img {
	display: block;
     transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#vol2 img:hover {
	transform: scale(1.025);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#vol3 img {
	display: block;
     transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#vol3 img:hover {
	transform: scale(1.025);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#nav05 img {
	display: block;
     transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#nav05 img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#nav06 img {
	display: block;
     transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#nav06 img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}


#nav07 img {
	display: block;
    transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#nav07 img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#botan img {
	display: block;
    transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#botan img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}



#enmovie1 img {
	display: block;
    transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#enmovie1 img:hover {
	transform: scale(1.025);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#tw_sammy_coop img {
	display: block;
    transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#tw_sammy_coop img:hover {
	transform: scale(1.025);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#tw_sammy_tw img {
	display: block;
    transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#tw_sammy_tw img:hover {
	transform: scale(1.025);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}