@charset "utf-8";

/*
 * Site Name: connetta WEB Smart5
 * File Name home_op.css
 * Description: index.php Style for Responsive
 * Version: 1.0
 * Author: DIS_ART_WORKS
 */

/*=========================================================================================
for PC 980以下
=========================================================================================*/

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



}


/*=========================================================================================
for PC 768以下
=========================================================================================*/

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

	/*header
	---------------------------------------------------------------*/
	#side_column{
		width:98%;
		float: none;
		overflow: hidden;
	}

	#home ul.buttons2 li,
	#home ul.buttons3 li,
	#home ul.buttons4 li
	{
		width: 31.5%;
		padding-left: 2.5%;
		margin-bottom: 1em;
	}
	
	
	#home ul.buttons2 li:nth-child(4),
	#home ul.buttons3 li:nth-child(4),
	#home ul.buttons4 li:nth-child(4)
	{
		padding-left: 0;
	}
	
	

}



/*=========================================================================================
for Smart Phone 480以下
=========================================================================================*/

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

	#home #specials .free,
	#home #specials .nopic,
	#home #specials img
	{ width: 100%; }

	#home .layout_left .free,
	#home .layout_right .free,
	#home .layout_left img,
	#home .layout_right img 
	{ float: none; }
	
	#home ul.buttons2 li,
	#home ul.buttons3 li,
	#home ul.buttons4 li
	{
		width: 48.75%;
		padding-left: 2.5%;
		margin-bottom: 1em;
	}
	
	
	#home ul.buttons2 li:nth-child(3),
	#home ul.buttons3 li:nth-child(3),
	#home ul.buttons4 li:nth-child(3)
	{
		padding-left: 0;
	}
	
	#home ul.buttons2 li:nth-child(4),
	#home ul.buttons3 li:nth-child(4),
	#home ul.buttons4 li:nth-child(4)
	{
		padding-left: 2.5%;
	}
	
	table {
		width: 100%;
	}
	
}