@charset "utf-8";

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

	#box_article01,#box_article02
	{
		margin:0.5em 0 0 0;
	}
	
	.c_prefecture
	{
		margin:0 0 1em 1%;
		position:relative;
	}
	
	.c_prefecture:nth-child(4n+1)
	{
		margin:0 0 1em 1%;
	}
	
	.c_prefecture h3
	{
		background:#ECECEC;
		border-radius:2px;
		padding:0.2em;
		margin:0.2em 0;
		font-weight:bold;
	}
	
	.c_prefecture span+span:before
	{
		content:"／";
		display:inline-block;
		padding:0 0.2em;
	}
	
	.c_name
	{
		display:none;
	}
} 

@media screen and (min-width:481px) and (max-width: 950px) 
{
	
	#box_article01,#box_article02
	{
		margin:1em 0 0 0;
	}
	
	.c_prefecture
	{
		width:24%;
		float:left;
		margin:0 0 1em 1%;
		position:relative;
	}
	
	.c_prefecture:nth-child(4n+1)
	{
		margin:0 0 1em 1%;
	}
	
	.c_prefecture h3
	{
		background:#ECECEC;
		border-radius:2px;
		padding:0.2em;
		margin:0.2em 0;
		font-weight:bold;
	}
	
	.c_prefecture span
	{
		display:block;
		width:47%;
		float:left;
		padding:0 0 0 3%;
	}
}

@media screen and (min-width:951px), print, tv
{
	#box_article01,#box_article02
	{
		margin:10px 0 0 0;
	}
	
	.c_prefecture
	{
		width:179px;
		float:left;
		margin:0 0 10px 8px;
		position:relative;
	}
	
	.c_prefecture:nth-child(4n+1)
	{
		margin:0 0 10px 0;
	}
	
	.c_prefecture h3
	{
		background:#ECECEC;
		border-radius:2px;
		padding:0.2em;
		margin:0.2em 0;
		font-weight:bold;
	}
	
	.c_prefecture span
	{
		display:block;
		width:47%;
		float:left;
		padding:0 0 0 3%;
	}

}