@charset "utf-8";
/* CSS Document */


#op #wrapper{margin: 0px auto 0;text-align:center;background:none;}

#op #main{text-align:center;position:relative;}

#op h1{padding:10px 0;}



#main .entrance{
position:absolute;
bottom:0px;
width:100%;
padding:0 0 20px 0;
}

.op_thum {
	width:1200px;
	height:850px;
}
.op_thum img{
	width:100%;
}

#main .entrance h3 img{width:90%;}

/* --- ����768px�ȏ�ݒ� --- */

@media print, screen and (min-width:768px){

#main .entrance h3 img{width:auto;}

}










#main .entrance  div.btns {
   display: table;
   width:80%;
   margin:auto;
   font-size:1rem;
   line-height:1.1;
}

#main .entrance  div.btns .enter{
   display: table-cell;
   width:48%;
   padding:0 1%;
   vertical-align:top;
}
#main .entrance  .entrance div.btns .exit{
   display: table-cell;
   width:48%;
   padding:0 1%;
}
.bottun_bk span{display:block;font-size:0.7rem;}



/* --- ����768px�ȏ�ݒ� --- */

@media print, screen and (min-width:768px){

#main .entrance  div.btns {
   font-size:1.6rem;
   width:50%;
}

.bottun_bk span{display:block;font-size:1rem;}

}




#main h4{
text-align:center;
margin-top:15px;
}



#op footer{
background:none;
padding:10px;
}