/* CSS Document */

/*
@media only screen and (min-width: 1600px){
	#main {
	  margin-top:460px;
	}
}
@media only screen and (max-width: 1600px)  and (min-width: 1500px) {
	#main {
	  margin-top:400px;
	}
}
@media only screen and (max-width: 1500px)  and (min-width: 1400px) {
	#main {
	  margin-top:350px;
	}
}
@media only screen and (max-width: 1400px)  and (min-width: 1300px) {
	#main {
	  margin-top:300px;
	}
}
@media only screen and (max-width: 1300px)  and (min-width: 1200px) {
	#main {
	  margin-top:280px;
	}
}
*/
@media only screen and (max-width: 1200px)  and (min-width: 992px) {
	/*
	#main {
	  margin-top:250px;
	}
	*/
	#main h3{
		font-size:2.0rem;
	}
	#navi li a {
	  padding:  0px 4px;
	}
}

@media only screen and (min-width: 992px) {
	#mobile-menu{
		display:none;
	}

} /* デバイスの横幅が320px以下の場合 */ 
@media only screen and (max-width: 992px) {
	#mobile-menu{
		display:inline;
		background-color:#fff;
		margin-right:0px;
	}
	#pc-menu{
		display:none;
	}
	#contents {
		background-image:none;

	}
	#main{
		margin-top:0px;
	}
	#main h3{
		font-size:1.5rem;
	}
	.left-side{
		border-right:none;
	}
	.single-item {
		margin-top:0px;
	}
} 
/* デバイスの横幅が480px以下の場合 */
@media only screen and (max-width: 480px) {
	#main h3{
	  background-color: #fef1f1;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	  border-bottom: 1px solid #cccccc;
	  border-right: 1px solid #cccccc;
	  padding: 4px;
	  color: #aa0000;
	  line-height: 2.0em;
	}
}