/* CSS Document */

/**background **/

body{
	background-color: #fff;
	background-image: url("../img/背景画像3.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;	
}


#main_category{
	display: block;
	margin: 200px 10px 30px 630px;
		
}

#main_category h1{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 800;
	font-size: 40px;
	
}

#main_category img {
	margin: 50px 10px 50px 0px;
	
}

#main_category h2{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 25px;
	
}

#main_category p{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 300;
	font-size: 15px;
	
}




/**content**/
#product_area{
	
}

.product_inner img{
	display: block;
	margin: 60px 20px 10px 620px;
}

	
.product_inner p{
		display: block;
		margin: 0px 10px 20px 630px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
}


	
.content_title{
	display: block;
	margin: 10px 10px 0px 630px;
	font-size: 19px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 500;
}



.content_category{
	display: block;
	margin: 0px 10px 10px 630px;
	font-size: 17px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	
}


/** SP用CSS　**/

@media screen and (max-width:1050px){
	body{
		background-image: url("../img/背景画像2SP.png");
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width:760px){
	body{
		background-image: url("../img/背景画像2SP.png");
		width: 100%;
		height: auto;
		
	}	
}

@media screen and (max-width:1050px){
	.product_inner img{
		display: block;
		margin: 10px 10px 10px 100px;
		width: 70%;
		height: auto;
		
}

@media screen and (max-width:760px){
	.product_inner img{
		display: block;
		margin: 10px 10px 10px 100px;
	}
}



.product_inner p{
	display: block;
	margin: 0px 10px 20px 630px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}		

@media screen and (max-width:1050px){
	.product_inner p{
		display: block;
		margin: 10px 10px 10px 100px;
		
}

@media screen and (max-width:760px){
	.product_inner p{
		margin: 10px 10px 10px 100px;
	}
}
	
	
@media screen and (max-width:1050px){
	.content_title{
		display: block;
		margin: 10px 10px 10px 100px;
		font-size: 19px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		font-weight: 500;
	}
}

@media screen and (max-width:760px){
	.content_title{
		display: block;
		margin: 10px 10px 10px 100px;
		font-size: 19px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		font-weight: 500;
}

	
@media screen and (max-width:1050px){
	.content_category{
		display: block;
		margin: 0px 10px 10px 100px;
		font-size: 17px;
		font-family:  'M PLUS Rounded 1c', sans-serif;
	}
}

@media screen and (max-width:760px){
	.content_category{
		display: block;
		margin: 0px 10px 10px 100px;
		font-size: 17px;
		font-family:  'M PLUS Rounded 1c', sans-serif;
	}
}