@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 481px){


			#secMenu{
				display:block;
				background-image: url('../img/common/bg_secnavi.png');
				background-size:auto 100%;
				height:40px;
				margin-top:-5px;
				padding:18px;
				text-align:center;
			}

			#secMenu .inner{
				width:350px;
				margin:0 auto 0;
			}

			#secMenu a{
				display:block;
				float:left;
				padding:0 20px;
				border-left:1px solid #999;
			}


			#secMenu a:nth-child(1){width:95px;border-left:none;}
			#secMenu a:nth-child(2){width:62px;}
			#secMenu a:nth-child(3){width:62px;}

			#secMenu a img{
				display:block;
				width:100%;
			}

	#content_inner{
		padding:30px 40px 120px;
		width:920px;
		margin:0 auto 0;
		z-index:50;
		position:relative;
	}

	.box{
		width:31%;
		float:left;
		margin-left:3%;
		margin-top:5%;
		position:relative;
	}

	.box:nth-of-type(3n+1){
		margin-left:0%;
	}

	.box img{
		width:100%;
		float:left;
	}

	.box.new:after{
		content:'';
		background-image:url('../img/common/new.gif');
		display:block;
		width:35px;
		height:35px;
		background-size:100%;
		position:absolute;
		border-radius:25px;
		box-shadow:2px 2px 1px rgba(0,0,0,0.2);
		top:-8px;
		left:-8px;
	}



}




/*----------------------------------------
	for SP
----------------------------------------*/

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


	#content_inner{
		padding:7% 3% 30%;
		margin:0 auto 0;
		z-index:50;
		position:relative;
	}

	#secMenu{
		display:block;
		background-image: url('../img/common/bg_secnavi.png');
		background-size:cover;
		padding:13px 10% 13px;
		text-align:center;
		position:relative;
		z-index:80;
	}

	#secMenu .inner{
		width:58%;
		margin:0 auto 0;
	}

	#secMenu a{
		display:block;
		float:left;
		padding:0 3%;
		border-left:1px solid #999;
		position:relative;
	}


	#secMenu a:nth-child(1){width:36%;border-left:none;}
	#secMenu a:nth-child(2){width:22%;}
	#secMenu a:nth-child(3){width:22%;}

	#secMenu a img{
		display:block;
		width:100%;
	}
	.box{
		width:48%;
		float:left;
		margin-left:4%;
		margin-top:5%;
				position:relative;
	}

	.box:nth-of-type(2n+1){
		margin-left:0%;
	}

	.box img{
		width:100%;
		float:left;

	}

	.box.new:after{
		content:'';
		background-image:url('../img/common/new.gif');
		display:block;
		width:25px;
		height:25px;
		background-size:100%;
		position:absolute;
		border-radius:25px;
		box-shadow:2px 2px 1px rgba(0,0,0,0.2);
		top:-8px;
		left:-8px;
	}


}