@charset "utf-8";
/* CSS Document */
html,body{margin:0;
		  padding:0;
	      width: 100%;
	      height: 100%;
          background: #000000;
	      color: #FFFFFF;
	      
}


 .box{
    width: 100%;
    height: 0;
 
    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 56.25%;
 
    background: url("../img/index_bg.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
  } 

.content{position: absolute;
       z-index: 100;
       top:10%;
       left: 5%;
        width: 50%;
	   text-align: center;
        }

.content p{text-align: center}

#logo{width: 90%; margin: 0 auto}

a.enter{display: block; width: 100%; background: #FB5959; border: 2px solid #FB5959; color: #000000; font-weight: bold; border-radius: 20px; text-align: center; text-decoration: none; padding: 0.5em 0}

a.leave{display: block; width: 100%; border: 2px solid #FB5959; background: #000000; color: #FB5959; font-weight: bold; border-radius: 20px; text-align: center; text-decoration: none; padding: 0.5em 0}

a.enter:hover{display: block; width: 100%; background: #FB5959; border: 2px solid #FB5959; color: #FFFFFF; font-weight: bold; border-radius: 20px; text-align: center; text-decoration: none; padding: 0.5em 0}

a.leave:hover{display: block; width: 100%; border: 2px solid #FB5959; background: #000000; color: #FFFFFF; font-weight: bold; border-radius: 20px; text-align: center; text-decoration: none; padding: 0.5em 0}


.font15{font-size: 15px}




@media only screen and (max-device-width: 480px) {
	/* スマホ用のCSS */
html,body{margin:0;
		  padding:0;
	      width: 100%;
	      height: 100%;
          background: #000000;
	      color: #FFFFFF;
	      font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
	
.box{width: 100%;
	height: 100%;
	 background-image: url("../img/sp_index_bg.jpg");
}
	
	.content{position: absolute;
       z-index: 100;
       top:55%;
       left: 5%;
        width: 90%;
	   text-align: center;
        }
	
	table{width: 100%}	
	
	p{font-size: 2.0rem}
	
	a.enter{font-size: 2.5rem; border-radius: 100px}
	a.leave{font-size: 2.5rem; border-radius: 100px}
	.font15{font-size: 2.0rem}
	
a.enter:hover{display: block; width: 100%; background: #FB5959; border: 2px solid #FB5959; color: #FFFFFF; font-weight: bold; border-radius: 100px; text-align: center; text-decoration: none; padding: 0.5em 0}

a.leave:hover{display: block; width: 100%; border: 2px solid #FB5959; background: #000000; color: #FFFFFF; font-weight: bold; border-radius: 100px; text-align: center; text-decoration: none; padding: 0.5em 0}	

}