/* for Tablet */
@media screen and (max-width: 959px) {
}

/* for smart phone */
@media screen and (max-width: 480px) 
{
	body
	{
		width : 100%;
	}

	/* header */
	div#wrapper div#header.sitetop
	{
		top : calc( 100% - 116px ) ;
	}

	div#wrapper div#header.sitetop div#header-in
	{
		width : inherit ;
	}

	div#wrapper div#header.sitetop div#header-in div#logo
	{
		width : 100% ;
		text-align : center ;
	}

	div#wrapper div#top
	{
		min-width : 100% ;
	}
	
	/* index topics */
	.top #contents-in
	{
		width : inherit ;
		margin-top : 2px ;
	}

	.top #contents-in div.index
	{
		width : calc(100% - 64px) ;
		margin-top : 0px ;
	}
	
	.top #contents-in div.index div#top-product
	{
		position : relative;
		top : auto ;
		display : block ;
		width : 100%;
	}

	.top #contents-in div.index div#top-product div#eventIndex
	{
		height : auto ;
	}

	.top #contents-in div.index div#top-info
	{
		position : relative;
		top : auto ;
		display : block ;
		width : 100%;
		margin-left : 0px ;
	}

	.top #contents-in div.index div#top-info div#eventIndex
	{
		height : auto ;
	}

	.top #contents-in div.index div#top-info div#topicsIndex dl div dt
	{
		font-size : 1.3em;
	}

	/* footer */
	
	div#footer div#footer-in
	{
		width : inherit;
	}

	div#footer div#footer-in div#sponser
	{
		display : block ;
		width : inherit;
	}
	
	div#sponser ul.sponser li
	{
		width : calc( 100% / 2 - 6px ) ;
	}

}