a {outline:none;}

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background:#000;
  z-index: 10;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 250px;
  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: 3290px;
  margin: auto;
  padding: 0;
  z-index: 2;
  overflow: hidden;
  background-color:#000;
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
   
}

.box{  border: 0px solid #00fa9a;
    width: 1080px;
    height: 865px;
    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
}

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

.top_t{
  position:absolute;
  box-sizing: border-box;
  left: -30px;
  width:1080px;
  top:30px;
  height: 480px;
}

#logo{
 box-sizing: border-box;
 text-align: center; 
 z-index: 7;
}

.toku{
  position: relative;
  box-sizing: border-box;
  top:5px;
  left: 37px;
  height: 150px;
}

.toku_waku{
  display: flex;
  justify-content: center;
  align-items: center;
}

.sousen { border: 0px solid #aaa;
  display: block;
  width: 500px;
  height: 310px;
  margin-right: -20px;
}

.int{ border: 0px solid #aaa;
  display: block;
  font-size: 25px;
  width: 500px;
  height: 310px;
  margin-right: 10px;
}



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


.lineup{
  position: relative;
  box-sizing: border-box;
  top:710px;
  height: 990px;
}


.lineup_waku{
  display: flex;
  justify-content: center;
  align-items: center;
}

.gamera2 { border: 0px solid #aaa;
  display: block;
  font-size: 25px;
  width: 980px;
  height: 310px;
  margin-right: 70px;
}

#new_tg{
position:absolute;
        width:0%;
        height:0%;
        left:-10px;
        top:-20px;
        z-index: 8;
}

#gamera2_bk{
 box-sizing: border-box;
 padding-top: 5px;
 text-align: center; 
 z-index: 6;
}

#gamera2_bnr{
position:absolute;
        width:0%;
        height:0%;
        left:36px;
        top:65px;
        z-index: 7;
}






.lineup_waku1{
  display: flex;
  justify-content: center;
  align-items: center;
}

.rep { border: 0px solid #aaa;
  display: block;
  font-size: 25px;
  width: 980px;
  height: 310px;
  margin-right: 70px;
}


#rep_bk{
 box-sizing: border-box;
 padding-top: 5px;
 text-align: center; 
 z-index: 6;
}

#rep_bnr{
position:absolute;
        width:0%;
        height:0%;
        left:36px;
        top:375px;
        z-index: 7;
}



.lineup_waku2{
  display: flex;
  justify-content: center;
  align-items: center;
}

.hb { border: 0px solid #aaa;
  display: block;
  font-size: 25px;
  width: 980px;
  height: 310px;
  margin-right: 70px;
}


#hb_bk{
 box-sizing: border-box;
 padding-top: 5px;
 text-align: center; 
 z-index: 6;
}

#hb_bnr{
position:absolute;
        width:0%;
        height:0%;
        left:36px;
        top:685px;
        z-index: 7;
}





.lineup_waku3{
  display: flex;
  justify-content: center;
  align-items: center;
}

.discup2 { border: 0px solid #aaa;
  display: block;
  font-size: 25px;
  width: 980px;
  height: 310px;
  margin-right: 70px;
}

#2up_bk{
 box-sizing: border-box;
 padding-top: 5px;
 text-align: center; 
 z-index: 6;
}

#up2_bnr{
position:absolute;
        width:0%;
        height:0%;
        left:36px;
        top:990px;
        z-index: 7;
}



.lineup_waku4{
  display: flex;
  justify-content: center;
  align-items: center;
}

.parace { border: 0px solid #aaa;
  display: block;
  font-size: 25px;
  width: 980px;
  height: 310px;
  margin-right: 70px;
}


#pac_bk{
 box-sizing: border-box;
 padding-top: 5px;
 text-align: center; 
 z-index: 6;
}

#pac_bnr{
position:absolute;
        width:0%;
        height:0%;
        left:36px;
        top:1305px;
        z-index: 7;
}


.lineup_waku5{
  display: flex;
  justify-content: center;
  align-items: center;
}

.gamera { border: 0px solid #aaa;
  display: block;
  font-size: 25px;
  width: 980px;
  height: 310px;
  margin-right: 70px;

}

#gamera_bk{
 box-sizing: border-box;
 padding-top: 5px;
 text-align: center; 
 z-index: 6;
}

#gmr_bnr{
position:absolute;
        width:0%;
        height:0%;
        left:36px;
        top:1615px;
        z-index: 7;
}

.lineup_waku6{
  display: flex;
  justify-content: center;
  align-items: center;
}

.discup { border: 0px solid #aaa;
  display: block;
  font-size: 25px;
  width: 980px;
  height: 310px;
  margin-right: 70px;
}

#discup_bk{
 box-sizing: border-box;
 padding-top: 5px;
 text-align: center; 
 z-index: 6;
}

#discup_bnr{
position:absolute;
        width:0%;
        height:0%;
        left:36px;
        top:1925px;
        z-index: 7;
}



.footer_bnr{  border: 0px solid #00fa9a;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}


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


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

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

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

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

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

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


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

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


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

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

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

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

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

#botan{
   position:absolute;
        width:0%;
        height:0%;
        left:900px;
        top:2180px;
        z-index: 9;
}


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



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

#gamera2_bnr img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#gamera2_bnr img:hover {
	transform: scale(1.02);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#gmr_bnr img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#gmr_bnr img:hover {
	transform: scale(1.02);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#discup_bnr img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#discup_bnr img:hover {
	transform: scale(1.02);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#rep_bnr img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#rep_bnr img:hover {
	transform: scale(1.02);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}


#hb_bnr img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#hb_bnr img:hover {
	transform: scale(1.02);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#up2_bnr img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#up2_bnr img:hover {
	transform: scale(1.02);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#pac_bnr img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#pac_bnr img:hover {
	transform: scale(1.02);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#sousen_bnr img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#sousen_bnr img:hover {
	transform: scale(1.02);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#int_bnr img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#int_bnr img:hover {
	transform: scale(1.02);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#twitter img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#twitter img:hover {
	opacity: 0.7; /*透明度*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#line img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#line img:hover {
	opacity: 0.7; /*透明度*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#youtube img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#youtube img:hover {
	opacity: 0.7; /*透明度*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}