@charset "utf-8";
/* CSS Document */

/**********************
米ぬか酵素とは
***********************/
.aboutKomenuka{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.aboutKomenuka:after{
	content:"";
	display: table;
	clear: both;
}

.aboutKomenuka h1{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	color: #d4a0a2;
	border-bottom: 1px solid #d4a0a2;
	font-size: 30px;
	
}

.aboutKomenuka .intro{
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 2.0;
}



/***************************************
店内画像
***************************************/
.shopImages{
	width: 100%;
	height: auto;
	margin:0 0 20px 0;
	padding: 0;
}

.shopImages ul{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

.shopImages ul:after{
	content:"";
	display: block;
	clear: both;	
}

.shopImages ul li{
	width: 32%;
	height: auto;
	margin: 0 2% 2% 0;
	padding: 0;
	float: left;
	opacity: 0;
}

.shopImages ul li:nth-child(3n){
	margin-right: 0;
}

.shopImages ul li a:hover{
		opacity: 0.75;
}

.shopImages ul li a img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;	
}



/***********************************
breakpoint
=>1024px
*************************************/
@media screen and (max-width: 1023px){
	.mainImage, .contentsWrapper{
		width: 769px;
		height: auto;
	}
}

/***********************************
breakpoint
=>768px
*************************************/
@media screen and (max-width: 768px){
	
	.mainImage, .contentsWrapper{
		width: 540px;
		height: auto;
	}

	.aboutKomenuka h1{
		font-size: 24px;
		
	}
	
}

/***********************************
breakpoint
=>768px
*************************************/
@media screen and (max-width: 539px){
	
	.mainImage, .contentsWrapper, .mainColumn{
		width: 320px;
		height: auto;
	}
	
	.aboutKomenuka h1{
		font-size: 18px;
		
	}
	/***************************************
	店内画像
	***************************************/
	
	.aboutKomenuka .shopImages ul li{
		width: 49%;
		height: auto;
		margin: 0 2% 2% 0;
		padding: 0;
		float: left;
	}
	
	.aboutKomenuka .shopImages ul li:nth-child(2n){
		margin-right: 0;
	}


}