@charset "utf-8";

/**********************
+ .top_image
**********************/
#Main_inner .top_image{
	background: #311301;
	background: linear-gradient(to bottom, #311301 0%,#311301 88%,#311301 88%,#b40012 88%,#b40012 88%,#b40012 100%);
	margin-bottom:0;
}
#Main_inner .top_image span{
	display:block;
	margin:0 auto;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}

/**********************
+ .main_contents
**********************/
.main_contents_wrap {
	background:#fff6cf;
}
.main_contents {
	width:96%;
	margin:0 0 0 2.1%;
}
/***************
+ .block
***************/
#Main_inner .main_contents .block_inner{
	overflow: hidden;  
	padding:10px;
}
#Main_inner .main_contents .block .block_image{
	height:100%;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:contain;
}
#Main_inner .main_contents .block .block_image img{
	width:100%;
}
#Main_inner .main_contents .block .block_image p{
	margin:0 auto;
	line-height:1.5;
}
#Main_inner .main_contents .block .block_text{
	margin: 0;
}
#Main_inner .main_contents .block h2{
	text-align:center;
	margin-bottom:.25em;
}
#Main_inner .main_contents .block dl{
	margin-bottom:.75em;
}
#Main_inner .main_contents .block dl dt{
	text-align:center;
	font-size:1.175em;
	line-height:1.75;
	margin-bottom:.5em;
	color:#fff;
}
#Main_inner .main_contents .block dl dd{
	line-height:1.5;
	letter-spacing:-.5pt;
}

#Main_inner .main_contents #block_01 .block_inner {
	background:#ea5b70;
}
#Main_inner .main_contents #block_01 dl dt{
	background:#d60040;
}
#Main_inner .main_contents #block_01 .block_text {
	color:#fff;
}
#Main_inner .main_contents #block_01 .block_image {
	background-image:url(../images/recipe/recipe_01.png);
}

#Main_inner .main_contents #block_02 .block_inner {
	background:#d9cb05;
}
#Main_inner .main_contents #block_02 dl dt{
	background:#909b25;
}
#Main_inner .main_contents #block_02 .block_image {
	background-image:url(../images/recipe/recipe_02.png);
}

#Main_inner .main_contents #block_03 .block_inner {
	background:#d82329;
}
#Main_inner .main_contents #block_03 dl dt{
	background:#92252a;
}
#Main_inner .main_contents #block_03 .block_text {
	color:#fff;
}
#Main_inner .main_contents #block_03 .block_image {
	background-image:url(../images/recipe/recipe_03.png);
}

#Main_inner .main_contents #block_04 .block_inner {
	background:#62b63d;
}
#Main_inner .main_contents #block_04 dl dt{
	background:#00903a;
}
#Main_inner .main_contents #block_04 .block_text {
	color:#fff;
}
#Main_inner .main_contents #block_04 .block_image {
	background-image:url(../images/recipe/recipe_04.png);
}

#Main_inner .main_contents #block_05 .block_inner {
	background:#eb5b2b;
}
#Main_inner .main_contents #block_05 dl dt{
	background:#c33226;
}
#Main_inner .main_contents #block_05 .block_text {
	color:#fff;
}
#Main_inner .main_contents #block_05 .block_image {
	background-image:url(../images/recipe/recipe_05.png);
}

#Main_inner .main_contents #block_06 .block_inner {
	background:#ffdb24;
}
#Main_inner .main_contents #block_06 dl dt{
	background:#e59f00;
}
#Main_inner .main_contents #block_06 .block_image {
	background-image:url(../images/recipe/recipe_06.png);
}

/**********
+ .intro
**********/
#Main_inner .block .intro{
	padding-bottom:20px;
}
#Main_inner .block .intro h2{
	font-size:1.75em;
	text-align:center;
}
/**********************
+ .main_bottom
**********************/
#Main_inner .main_bottom dt{
	padding:10px;
}
#Main_inner .block_image{
	background-image:url(../images/recipe/josep.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

/*========================================================================================

 media screen and min-width 641px
 
========================================================================================*/
@media screen and (min-width: 641px) {
/*-----------------------------------------------------------------*/
/**********************
+ .top_image
**********************/
#Main_inner .top_image span{
	max-width:956px;
	background-image:url(../images/recipe/top_image.png);
}
/**********************
+ .main_contents
**********************/
.main_contents_wrap {
	padding-bottom:60px;
}
/***************
+ .block
***************/
#Main_inner .main_contents .block{
	padding:10px 0;
}
#Main_inner .main_contents .block_inner{ 
	height:560px; 
}
#Main_inner .main_contents .block .block_image{
	padding: 20px 10px;
}
#Main_inner .main_contents .block .block_image p{
	max-width:340px;
}
#Main_inner .main_contents .block .block_text{
	padding:10px 0 10px 20px;
}
#Main_inner .main_contents .block h2{
	font-size:1.75em;
}
/**********************
+ .main_bottom
**********************/
#Main_inner .main_bottom p{
	padding:20px;
}
#Main_inner .main_bottom dt{
	padding-top:20px;
}
#Main_inner .main_bottom .signe{
	width:240px;
	padding:10px 20px 0;
}
#Main_inner .main_bottom .block_image{
	height:500px;
}
/*-----------------------------------------------------------------*/
}
/*========================================================================================

 media screen and max-width 640px
 
========================================================================================*/
@media screen and (max-width: 640px) {
/*-----------------------------------------------------------------*/
/**********************
+ .top_image
**********************/
#Main_inner .top_image span{
	max-width:480px;
	background-image:url(../images/recipe/top_image_sp.png);
}
/**********************
+ .main_contents
**********************/
/***************
+ .block
***************/
#Main_inner .main_contents .block .block_image{
	padding-bottom:220px;
	margin-bottom:10px;
	background-size:300px;
	background-position:center 110%;
}
#Main_inner .main_contents .block .block_image img{
	width:96%;
}
#Main_inner .main_contents .block .block_image p{
	padding: 0 10px;
}
/**********************
+ .main_bottom
**********************/
#Main_inner .main_bottom {
	background:#fff6cf;
}
#Main_inner .main_bottom p{
	padding:20px 0;
}
#Main_inner .main_bottom .signe{
	width:200px;
	position:absolute;
	top:55vw;
	left:2%;
}
#Main_inner .main_bottom .block_text{
	margin:0;
}
#Main_inner .main_contents .block h2{
	font-size:1.25em;
}
#Main_inner .main_bottom .block_image{
	width:80vw;
	height:70vw;
	margin:10px auto 0;
	background-position:center 30%;
}

/*-----------------------------------------------------------------*/
}