@charset "UTF-8";
/*==========================
	product
============================*/
.beige {color: #b7a261;}
.glay {color: #898989;}
.bgGlay {background: #eeeeee;}
.bgBeige {background: #b7a261;}
#subImgBox {
	margin: 0 auto;
}
#subImgBox .description {
	margin: 0 auto 100px;
}
.bgTexture .description {
	padding: 30px 0;
	margin: 0 auto 100px;
}
.kiwami {background: url(../img/product/subtitle1.svg) no-repeat center top;}
.hotaru {background: url(../img/product/subtitle2.svg) no-repeat center top;}
.kuro {background: url(../img/product/subtitle3.svg) no-repeat center top;}
.textBlock {
	background-size:auto 296px;
	-webkit-background-size:auto 296px;
	-moz-background-size:auto 296px;
	-o-background-size:auto 296px;
	padding: 345px 0 0;
	width: 585px;
}
.position {
	position: relative;
}
.riceText {
	position: absolute;
	right: 5px;
	top: 5px;
}
.imgRight .textBlock, .imgLeft .thumProduct {float: left;}
.imgRight .thumProduct, .imgLeft .textBlock {float: right;}
.thumProduct {
	padding: 129px 0 0;
	width: 375px;
}
.outside {
	clear: both;
	padding: 5% 0 0;
}
.outLink {
	display: block;
	background: #ff0000;
	border-radius: 50px;
	clear: both;
	color: #fff;
	line-height: 3;
	margin: 0 auto;
	text-align: center;
	width: 25%;
}
.mainText {
	background: url(../img/farm/bgMugi_Right.svg) no-repeat right center;
	background-size:auto 125px;
	-webkit-background-size:auto 125px;
	-moz-background-size:auto 125px;
	-o-background-size:auto 125px;
	padding: 0 0 15px;
}
.dlBox {text-align: center;}
.dlBox dt, .dlBox dd {
	float: left;
	line-height: 2.5;
	margin: 0 5px 5px 0;
	width: 190px;
}
.dlBox dt span {
	font-size: 12px;
}
/* Media Queries ================================================== */
@media screen and (max-width: 786px) {
	/*==========================
		product
	============================*/
	#subImgBox {
		margin: 0 auto;
	}
	#subImgBox .description {
		margin: 0 auto 10%;
	}
	.bgTexture .description {
		padding: 10% 0;
		margin: 0 auto 10%;
	}
	.kiwami {background: url(../img/product/subtitle1.svg) no-repeat center top;}
	.hotaru {background: url(../img/product/subtitle2.svg) no-repeat center top;}
	.kuro {background: url(../img/product/subtitle3.svg) no-repeat center top;}
	.textBlock {
		background-size:auto 148px auto;
		-webkit-background-size:auto 148px auto;
		-moz-background-size:auto 148px auto;
		-o-background-size:auto 148px auto;
		background: none;
		padding: 10% 0 0;
		width: auto;
	}
	.spthumBox {
		margin: 0 auto 5%;
	}
	.subtitleLeft {
		text-align: center;
		float: left;
		width: 48%;
	}
	.subtitleRight {
		text-align: center;
		float: right;
		width: 48%;
	}
	.position {
		position: relative;
	}
	.riceText {
		position: absolute;
		right: 5px;
		top: 5px;
	}
	.imgRight .thumProduct {float: right;}
	.imgLeft .thumProduct {float: left;}
	.imgRight .textBlock, .imgLeft .textBlock {float: none;}
	.thumProduct {
		padding: 0;
		width: 48%;
	}
	.outside {
		clear: both;
		padding: 5% 0 0;
	}
	.outLink {
		display: block;
		background: #ff0000;
		border-radius: 50px;
		clear: both;
		color: #fff;
		line-height: 3;
		margin: 0 auto;
		text-align: center;
		width: 50%;
	}
	.mainText {
		background: url(../img/farm/bgMugi_Right.svg) no-repeat right center;
		background-size:auto 125px;
		-webkit-background-size:auto 125px;
		-moz-background-size:auto 125px;
		-o-background-size:auto 125px;
		padding: 0 0 15px;
	}
	.dlBox {text-align: center;}
	.dlBox dt, .dlBox dd {
		font-size: 8.3px;
		float: left;
		line-height: 2.5;
		margin: 0 0.5% 1% 0.5%;
		width: 32%;
	}
	.dlBox dt span {
		font-size: 7px;
	}
}
/* Media Queries ================================================== */