@charset "utf-8";

/*---------------------------------------------------
	Title: works_mediaquery.css
	Description: media query css rules for works

----------------------------------------------------*/
@media screen and (min-width: 1025px) {
}
@media screen and (max-width: 950px) {
	#sitemappage {
margin: 0 20px;
overflow: hidden;
}



	#contentsbox {
		margin:0;
	}
	#sidebox { display: none;}
	#mainbox {
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	#mainbox h3 {
	}
	#worksContentsmenu {
		min-width: 0;
	}
	footer .backtotop {
		top: -63px;
	}
	#mainbox p#description { 
		margin: 35px 20px 20px;
	}
	
}
@media screen and (max-width: 680px) {
	
	
	
	#contentsbox {
		background:none;
		-weckit-border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
		-moz-box-shadow: 0;
		-webkit-box-shadow: none;
	}
	.footermenu {
		clear: both;
		position: relative;
		left: 50%;
		float: left;
		padding-left: 0;
	}
	.footermenu li {
		float: left;
		padding: 0 4px;
		position: relative;
		left: -50%;
		line-height: 1em;
		height: 1em;
		margin-bottom: 25px;
	}
}
@media screen and (max-width: 480px) {
#sitemappage {
margin: 0 10px;
}
#sitemappage ul {
padding-left: 20px;
}
#sitemapInner01, #sitemapInner02 {
	margin:0;
	padding:0;	
	width: 100%;
	float: none;
}
#sitemapInner02 {
	border-left: none;
}
#sitemapInner02 h3.first-child {
	border-top: 1px solid #CCC;
	padding-top: 1em;
}
	
	.crumb {
		visibility: hidden;
		margin: -1em 0;
	}
}
 /*css for iPhone4 & 4S*/
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) {
}