@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. base
　01. 親子で作るのも楽しい！手作りグッズで盛り上げよう
　02. どんどん食べて、おしゃべりも弾む！料理のアイデア


******************************************************************************* */



/* ==

　00. base

=============================================================================== */

#main h2{ margin-bottom:10px; }

p em{ font-weight:bold; }
#main p.leadTxt{ padding:45px 0 50px; text-align:center; }


#main div.mainimg{ width:680px; margin:0 auto 40px; }
#main div.mainimg img{ margin-bottom:10px; }




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 600px) {
	p.leadTxt{ padding:20px 0 40px; }

}








/* ==

　01. 親子で作るのも楽しい！手作りグッズで盛り上げよう

=============================================================================== */
#main .goodsBlock{ margin-bottom:10px; clear:both; }
#main .goodsBlock h3{ margin-bottom:10px; }

#main .goodsBlock .colBlock01{ margin-left:-3%; clear:both; }
#main .goodsBlock div.col1, #main .goodsBlock div.col2{ width:46.9999%; margin:0 0 30px 3%; float:left; display:inline; clear:none; }

#main .goodsBlock div.col1 .colW{ width:315px; float:left; clear:none; }
#main .goodsBlock div.col1 .colN{ width:125px; float:right; clear:none; }

#main .goodsBlock div.col2 .colW{ width:230px; float:left; clear:none; }
#main .goodsBlock div.col2 .colN{ width:215px; padding-top:15px; float:right; clear:none; }




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {

	#main .goodsBlock div.col1 .colW{ width:70%; }
	#main .goodsBlock div.col1 .colN{ width:25%; }

	#main .goodsBlock div.col2 .colW{ width:60%; }
	#main .goodsBlock div.col2 .colN{ width:38%; }

}
@media only screen and (max-width: 800px) {
	
	#main div.mainimg{ width:90%; margin:0 5% 40px; }
	#main div.mainimg img{ width:100%; height:auto; }

}
@media only screen and (max-width: 600px) {
	#main .goodsBlock{ margin-bottom:40px; }

	#main .goodsBlock .colBlock01{ margin-left:0; }
	#main .goodsBlock div.col1, #main .goodsBlock div.col2{ width:auto; float:none; clear:both; }
}






/* ==

　02. どんどん食べて、おしゃべりも弾む！料理のアイデア

=============================================================================== */
#main .cookingBlock{ padding:30px 0 0; border-top:1px dotted #ccc; clear:both; }
#main .cookingBlock h3{ margin-bottom:10px; }

#main .cookingBlock .colBlock04 .col {
	float: left;
	width: 30.8%;
	margin-right: 3.2%
}
#main .cookingBlock .colBlock04 .col.lastChild { margin-right:0; }


#main .cookingBlock .colBlock01 .col2{ text-align:right; }




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 600px) {
	#main .cookingBlock .colBlock04 .col {
		float: none;
		width: auto;
		margin-right: 0;
	}
	#main .cookingBlock .colBlock01 .col2{ margin-bottom:15px; text-align:center; }
}




