@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. base
　01. 
　02. 
　03. 

******************************************************************************* */



/* ==

　00. base

=============================================================================== */
#main div:after{ content:''; display:block; clear:both; }

#main h2{ margin-bottom:10px; }
#main h3{ margin-bottom:10px; }

p em{ font-weight:bold; }
#main p.leadTxt{ padding:45px 0 50px; text-align:center; }
#main p.leadTxt.mobile{ padding:15px 0 30px; font-weight:bold; }


#main p.hdTxt{ margin-bottom:10px; }

#main div.note{ padding-top:15px; border-top:1px dotted #ccc; clear:both; }


#main .lead p{ font-size:130%; }
#main .lead{ margin-bottom:40px; }



/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 600px) {
	#main p.leadTxt.mobile{ padding:20px 0 40px; text-align:left; }
	#main .lead p{ font-size:16px; }
}





/* ==

　01. 

=============================================================================== */
#main .recipeBlock{
	background: url(../images/comfortableLife/bg_stars.png) left top repeat-y;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
}
#main .recipeBlock p{ font-size:130%; }
#main .recipeBlock p.foodstuff{ margin-bottom:30px; font-size:117%; }

.recipeBlock .recipe{
	width:68%;
	margin:0 auto 80px;
	zoom:1;
	clear:both;
}
.recipeBlock .recipe .img{ margin-bottom:25px; }
#main .recipeBlock .recipe .hdTxt{
	margin-bottom:0;
	color:#6c5d31;
	font-weight:bold;
}
#main .recipeBlock .recipe h2{
	margin-bottom:0;
	font-size:180%;
	color:#e6002d;
}
#main .recipeBlock .recipe h3{
	margin-bottom:0;
	font-size:130%;
	color:#333;
}
#main .recipeBlock .recipe h3 span{ color:#3eb134; }
#main .recipeBlock .recipe h3 span.fsS{ font-size:90%; color:#333; font-weight: normal; }

.recipeBlock .recipe .howto01 li{
	margin-bottom:10px;
	font-size:117%;
}
.recipeBlock .recipe .howto01 li strong{ color:#e6002d; font-weight: bold; }

.recipeBlock .recipe .howto02{ padding-top:5px; }
.recipeBlock .recipe .howto02 li{
	margin-bottom:10px;
	margin-left:27px;
	font-size:117%;
	text-indent:-27px;
}
.recipeBlock .recipe .howto02 li img{ margin-top:-3px; margin-right:5px; vertical-align:middle; }



/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 1020px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 600px) {
	#main .recipeBlock p{ font-size:16px; }
	#main .recipeBlock .recipe h2{ font-size:154%; }
	#main .recipeBlock p.foodstuff{ font-size:14px; }
	.recipeBlock .recipe .howto01 li{ font-size:14px; }
	.recipeBlock .recipe .howto02 li{ font-size:14px; }
}
@media only screen and (max-width: 567px) {
	#main .recipeBlock{
		background: none;
	}
	.recipeBlock .recipe{
		width:auto;
		margin-bottom:50px;
	}
}







/* ==

　02. 

=============================================================================== */
.tablesetting{
	background: url(../images/comfortableLife/bg_tablesetting01.gif) left top no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	zoom:1;
	clear:both;
}
.tablesetting .inner{
	padding:25px;
	background: url(../images/comfortableLife/bg_tablesetting02.gif) left bottom no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	zoom:1;
	clear:both;
}
.tablesetting .inner .col1{ width:29%; margin-right:3%; float:left; }
.tablesetting .inner .col2{ width:68%; float:left; }

#main .tablesetting .inner h3{ margin-bottom:0; font-size:130%; color:#6c5d31; }

.tablesetting .inner .col2 .img{ width:50%; margin-right:5%; float:left; }
.tablesetting .inner .col2 .txt{ width:45%; float:left; }



.ftr_expert{
	padding: 50px 0 0;
	background:url(../images/comfortableLife/img_line01.jpg) center top no-repeat;
	text-align:center;
}
.ftr_expert .wrap{
	display:inline-block;
	/display:inline;
	zoom:1;
}
.ftr_expert .wrap div{
	width:225px;
	text-align:left;
	display:table-cell;
	vertical-align: middle;
}
.ftr_expert .wrap p{
	width:245px;
	text-align:left;
	display:table-cell;
	vertical-align: middle;
}
.ftr_expert .wrap p em{ font-size:124%; color:#333; }





/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 1020px) {
}
@media only screen and (max-width: 820px) {
	.tablesetting .inner .col1{ width:39%; }
	.tablesetting .inner .col2{ width:58%; }
	.tablesetting .inner .col2 .img{ margin-bottom:10px; }
	.tablesetting .inner .col2 .txt{ width:auto; display:inline; float:none; }
}
@media only screen and (max-width: 740px) {
	.tablesetting .inner .col2 .img{ width:auto; margin-right:0; text-align:center; float:none; }
	.tablesetting .inner .col2 .txt{ display:block; }
}
@media only screen and (max-width: 600px) {
	.tablesetting .inner .col1{ width:auto; margin-right:0; float:none; }
	.tablesetting .inner .col2{ width:auto; float:none; }
	
	.tablesetting .inner .col1 img{ float:left; }
	.tablesetting .inner .col1 h2 img{ width:50%; margin-right:5%; height:auto; }
	.tablesetting .inner .col1 div img{ margin-top:-15px; margin-right:0; width:45%; height:auto; }
}
@media only screen and (max-width: 567px) {
}
@media only screen and (max-width: 530px) {
		.tablesetting{
		background-image: url(../images/comfortableLife/bg_tablesetting01_smp.gif);
	}
	.tablesetting .inner{
		padding:15px;
		background-image: url(../images/comfortableLife/bg_tablesetting02_smp.gif);
	}

	.tablesetting .inner .col1 img{ float:none; }
	.tablesetting .inner .col1 h2 img{ width:auto; margin-right:0; }
	.tablesetting .inner .col1 div img{ margin-top:0; margin-right:0; width:auto; }
	
	.ftr_expert .wrap div{
		width:auto;
		margin-bottom:15px;
		text-align:center;
		display:block;
	}
	.ftr_expert .wrap p{
		width:auto;
		padding:0 20px;
		text-align:left;
		display:block;
	}



}