/* CSS Document */

@media screen and (min-width: 1024px){

}

@media screen and (max-width: 1100px){
	
	.main_container{
		margin: 0;
	}
}

@media screen and (max-width: 990px){

}

@media screen and (max-width: 900px){
	
}

@media screen and (max-width: 800px){
	body{
		background: url(../images/bg.jpg) #333;
	}
	
	.pc_menu_block,.social.pc{
		display: none;
	}
	
	.m_navi_bar,.tab_bar{
		display: block;
	}
	
	#my_slider{
		padding-top: 44px;
	}
	
	.social.mobile, social.mobile *{
		display: block;
	}

}

@media screen and (max-width: 768px){
	
	.index_slider li p{
		width: 100%; 
		bottom: 0;
	}
	
	.quick_menu li a{
		float: none;
		display: block;
		width: 100%;
		margin: 15px 0;
	}
	
	.pro_obj{
		width: 49%;
	}
}

@media screen and (max-width: 680px){
	
}

@media screen and (max-width: 660px){
}

@media screen and (max-width: 600px){
}

@media screen and (max-width: 580px){

}

@media screen and (max-width: 480px){
	
}

@media screen and (max-width: 380px){
}