@charset "utf-8";
/*―――――――――――――――
共通
――――――――――――――――*/
.all {
	background: url(../images/bg.jpg) no-repeat #F4E7D4;
	background-size: 100%;
}
.stext {
	text-align: right;
	padding: 2.5%;
}
.box01 {
	cursor: pointer;
	cursor: hand;
}
/*=====================
      smartPhone
=======================*/
@media screen and (max-width: 640px) {
.pc_display, .h_none {
	display: none;
}

.all {
	background: url(../images/bg.jpg) no-repeat #F4E7D4;
	background-size: 100%;
}
img {
	width: 100%;
	height: auto;
}
.all main {
	max-width: 94%;
	margin: 0 auto;
	display: block;
}
.all h1 {
	padding: 20% 35.4% 5%;
}
.title p{
	margin: 0 10.1% 20%;
}
.box01 {
	margin-bottom: 3%;
}
.box01 .sp_display {
	margin-top: 3%;
}
.stext img {
	padding: 3% 0;
	width: 50.6%;
}
.all div:after{
	content: "" !important;
}
}
/* ====================
         pc
=======================*/

@media screen and (min-width: 641px) {
.sp_display {
	display: none;
}
.box01:hover, .box02:hover, a img:hover,.recipelink:hover,.m_recipelink:hover{
	opacity: 0.7;
}
.all main {
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	display: block;
}
.all h1 img {
	max-width: 25%;
	text-align: center;
}
.title {
	text-align: center;
	padding-top: 150px;
}
.title p img {
	max-width: 80%;
	text-align: center;
	padding-top: 5.8%;
}
.content {
	margin-top: 17.5%;
	padding: 0 2.5%;
}
.box01{
	float: left;
	max-width: 48%;
}
	.content .box01:nth-of-type(2){
		margin-left: 4%;
	}
.pc_display a img {
	max-width: 100%;
	height: auto;
}
	.recipelink{
		clear: both;
		text-align: center;
		padding:30px 0 10px;
	}
	.recipelink img{
		max-width: 100%;
	}
}
@media screen and (min-width: 1320px) {
.all {
	background: url(../images/bg01.jpg) no-repeat top left, url(../images/bg02.jpg) no-repeat top right, url(../images/bg00.jpg) repeat-x top center #F4E7D4;
}
}