@charset "utf-8";

/*=====================================================================================
	
	Document : style.css
 
=====================================================================================*/

/*---------------------------------------------------------------------------

   蕎麦へのこだわり

---------------------------------------------------------------------------*/

.blockA > .md {
	margin-top:-11px;
	margin-left:-5%;
	margin-right:-5%;
}

.blockA > .inner {
	padding:4%;
	text-align:right;
}

.blockA p {
	padding-top:2%;
	padding-bottom:3%;
}

.blockA h2,
.blockA p {
	text-align:left;
}

@media screen and (max-width:480px) {
	.blockA > .inner {
		padding:5%;
	}

	.blockA p {
		padding-top:3%;
	}
}


/*---------------------------------------------------------------------------

   蕎麦の実・自家製粉

---------------------------------------------------------------------------*/

.blockB {
	background:url(../../../image/bg-gray.png) repeat left top;
	text-align:left;
}

.blockB ul {
	padding:4% 2% 0 2%;
	list-style:none;
}

.blockB li {
	width:50%;
	float:left;
	text-align:center;
}

.blockB li img {
	width:92%;
}

.blockB > .inner {
	padding:4%;
}

.blockB p {
	padding-top:2%;
}


@media screen and (max-width:480px) {
	.blockB > .inner {
		padding:5%;
	}

	.blockB p {
		padding-top:3%;
	}
}


/*---------------------------------------------------------------------------

   蕎麦づくり

---------------------------------------------------------------------------*/

.blockC {
	background:url(../image/c-bg.png) no-repeat center top;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

.blockC > .inner {
	padding:4%;
}

.blockC p {
	text-align:left;
	padding-right:50%;
}

.blockC > .inner > .d02 {
	padding-right:0;
}

@media screen and (max-width:480px) {
	.blockC > .inner {
		padding:5%;
	}
}


/*---------------------------------------------------------------------------

   出来上がり

---------------------------------------------------------------------------*/

.blockD > .inner {
	background:url(../image/d-bg.png) no-repeat center bottom;
	-moz-background-size:100% auto;
	background-size:100% auto;
	padding:0 4% 5% 4%;
	text-align:left;
}

.blockD p {
	padding-right:40%;
}

@media screen and (max-width:640px) {
	.blockD > .inner > .d01 {
		padding-right:0;
	}
}

@media screen and (max-width:480px) {
	.blockD > .inner {
		padding:0 5% 6% 5%;
	}
}