@charset "UTF-8";
/*==========================
	cookingList
============================*/
.subtitle {
	text-align: center;
}
.subtitle1 {
	margin: 0 auto 100px;
}
.subtitle2 {
	margin: 0 auto 50px;
}
.headline {
	text-align: center;
	margin: 0 auto 50px;
}
.cookingList li {
	margin: 0 auto 100px;
}
.bgTexture .description {
	padding: 30px 0;
}
.titleNoLine.no1 {background: url(../img/cooking/no1.svg) no-repeat left top;}
.titleNoLine.no2 {background: url(../img/cooking/no2.svg) no-repeat left top;}
.titleNoLine.no3 {background: url(../img/cooking/no3.svg) no-repeat left top;}
.titleNoLine.no4 {background: url(../img/cooking/no4.svg) no-repeat left top;}
#subImgBox .titleNoLine {
	background-size:auto 65px;
	-webkit-background-size:auto 65px;
	-moz-background-size:auto 65px;
	-o-background-size:auto 65px;
	padding: 80px 0 0 0;
}
.thumRice {
	max-width: 500px;
}
.titleLine, .titleNoLine, .thmText {
	width: 440px;
}
/*-----------------
	imgLeft
--------------------*/
.imgLeft .thumRice {
	float: left;
}
.imgLeft .titleLine, .imgLeft .titleNoLine, .imgLeft .thmText {
	float: right;
}
.imgLeft .thmText {
	background: url(../img/farm/bgMugi_Right.svg) no-repeat right bottom;
}
/*-----------------
	imgRight
--------------------*/
.imgRight .thumRice {
	float: right;
}
.imgRight .titleLine, .imgRight .titleNoLine, .imgRight .thmText {
	float: left;
}
.imgRight .thmText {
	background: url(../img/farm/bgMugi_Left.svg) no-repeat left bottom;
}
#subImgBox .thmText {
	background-size:auto 152px;
	-webkit-background-size:auto 152px;
	-moz-background-size:auto 152px;
	-o-background-size:auto 152px;
	min-height: 152px;
	padding: 0 0 50px 0;
}
/*==========================
	moveiLsit
============================*/
#moveiBody {
	margin: 0 auto 100px;
}
#moveiBody iframe {
	display: block;
	height: 450px;
	margin: 0 auto;
	width: 800px;
}
#profileBox {
	margin: 0 auto;
	width: 1000px;
}
.ttlBox, .textBlock {
	float: right;
	width: 522px;
}
.ttlBox span {font-size: 18px;}
.profileImg {
	float: left;
}
/* Media Queries ================================================== */
@media screen and (max-width: 786px) {
	/*==========================
		cookingList
	============================*/
	.subtitle {
		text-align: center;
		width: 58%;
	}
	.subtitle1 {
		margin: 0 auto 10%;
	}
	.subtitle2 {
		margin: 0 auto 10%;
	}
	.headline {
		text-align: center;
		margin: 0 auto 8%;
	}
	.headline img {
		height: 25px;
	}
	.cookingList li {
		margin: 0 auto 10%;
	}
	.bgTexture .description {
		padding: 10% 0;
	}
	.titleNoLine.no1 {background: url(../img/cooking/no1.svg) no-repeat left top;}
	.titleNoLine.no2 {background: url(../img/cooking/no2.svg) no-repeat left top;}
	.titleNoLine.no3 {background: url(../img/cooking/no3.svg) no-repeat left top;}
	.titleNoLine.no4 {background: url(../img/cooking/no4.svg) no-repeat left top;}
	#subImgBox .titleNoLine {
		background-size:auto 48px;
		-webkit-background-size:auto 48px;
		-moz-background-size:auto 48px;
		-o-background-size:auto 48px;
		padding: 48px 0 0 48px;
	}
	.thumRice {
		margin: 0 auto;
		max-width: 100%;
		width: 90%;
	}
	.titleLine, .titleNoLine, .thmText {
		width: 100%;
	}
	.titleLine {
		margin: 10% auto 0;
	}
	/*-----------------
		imgLeft
	--------------------*/
	.imgLeft .thumRice {
		float: none;
	}
	.imgLeft .titleLine, .imgLeft .titleNoLine, .imgLeft .thmText {
		float: none;
	}
	.imgLeft .thmText {
		background: url(../img/farm/bgMugi_Right.svg) no-repeat right bottom;
	}
	/*-----------------
		imgRight
	--------------------*/
	.imgRight .thumRice {
		float: none;
	}
	.imgRight .titleLine, .imgRight .titleNoLine, .imgRight .thmText {
		float: none;
	}
	.imgRight .thmText {
		background: url(../img/farm/bgMugi_Left.svg) no-repeat left bottom;
	}
	#subImgBox .thmText {
		background-size:auto 100px;
		-webkit-background-size:auto 100px;
		-moz-background-size:auto 100px;
		-o-background-size:auto 100px;
		min-height: auto;
		padding: 3.5% 0;
	}
	/*==========================
		moveiLsit
	============================*/
	#moveiBody {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		margin: 0 auto 10%;
		width: 95%;
	}
	#moveiBody iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#profileBox {
		margin: 0 auto;
		width: 95%;
	}
	#profileBox .titleLine {
		margin: 0 auto;
	}
	.ttlBox, .textBlock {
		float: none;
		width: auto;
	}
	.ttlBox span {font-size: 14px;}
	.profileImg {
		float: left;
		margin: 0 5% 0 0;
		width: 47%;
	}
	.textBlock {
	}
}
/* Media Queries ================================================== */