@charset "utf-8";

/* -------------------------------------------------
     enter
 --------------------------------------------------- */

#enter_container {
	width: 100%;
	height:auto;
	z-index:1;
}

h1{
	text-align:center;
	padding: 10px 0;
}

#enter_main{
	width:1100px;
	height:auto;
	padding:0;
	margin:0 auto 20px auto;
	overflow:hidden;
}

#logo_area {
	clear:both;
	width:800px;
	height:auto;
	margin:80px auto 40px auto;
	text-align:center;
}

#logo_area img {
	width:800px;
	height:auto;
}

#button_area {
	clear:both;
	width:1100px;
	height:auto;
	overflow:hidden;
	margin:10px auto 20px auto;
}

#button_area .enter_button{
	float:left;
	width:1100px;
}

#text_area{
	clear:both;
	width:1100px;
	margin:0 auto 50px auto;
	text-align:center;
	overflow:hidden;
}

#text_area img{
	display:inline-block;
}

@media screen and (max-width: 770px) {
	h1{
		text-align:center;
		padding: 5px 0;
		font-size:12px;
	}
	
	#enter_main{
		width:100%;
		height:auto;
		margin:0 auto 0px auto;
	}
	
	#logo_area {
		clear:both;
		width:98%;
		margin:50px auto 30px auto;
	}
	
	#logo_area img {
		width:100%;
	}
	
	#button_area {
		width:98%;
	}
	
	#button_area .enter_button{
		float:none;
		width:90%;
	}

	#button_area .enter_button img{
		width:100%;
		height:auto;
	}

	#text_area{
		width:98%;
	}


}

/*---sec_enter-------------------------------------------------------------*/

#sec_enter{
	clear:both;
	width:1100px;
	overflow:hidden;
	margin:30px auto;
}

#sec_enter div{
	float:left
}

#sec_enter div a{
	float:left;
	display:block;
	margin-left:10px;
	margin-bottom:10px;
}

@media screen and (max-width: 770px) {
	div#sec_enter{
		width:100%;
	}

}


/* PC/SP切り替え -------------------------- */
.pc_view{
	display:block !important;
	margin:0 auto;
}

.sp_view{
	display:none !important;
	margin:0 auto;
}

@media screen and (max-width: 770px) {
	.pc_view{
		display:none !important;
		margin:0 auto;
	}
	
	.sp_view{
		display:block !important;
		margin:0 auto;
	}
	.sp_view img{
		width:100%
		height:auto;
	}
}