@charset "UTF-8";

#top_col1 { margin-top: 70px; }

#top_col1 .lead p { font-size: 116.7%; }








#top_col1 .original_recipe { width: 100%; max-width: 992px; margin: 50px auto 0; }

#top_col1 .original_recipe h3 img { width: 100%; }

#top_col1 .original_recipe > div { background: #fbf9ef; }

#top_col1 .original_recipe div .in_unit { padding: 40px; }


#top_col1 .original_recipe div .in_unit #profile_wrap { padding: 30px; background: #fff; }





#top_col1 .original_recipe div .in_unit #profile_wrap .thumb { display: table-cell; width: 204px; }

#top_col1 .original_recipe div .in_unit #profile_wrap .profile { display: table-cell; padding-left: 20px; vertical-align: middle; }

#top_col1 .original_recipe div .in_unit #profile_wrap .profile p { font-size: 116.7%; }
#top_col1 .original_recipe div .in_unit #profile_wrap .profile .name { font-size: 133%; font-weight: bold; margin-bottom: 10px; }
#top_col1 .original_recipe div .in_unit #profile_wrap .profile .name span { font-size: 112.5%; }



#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe { border: 1px solid #ccb752; position: relative; margin-top: 70px; }

#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .badge { position: absolute; top: -9%; left: -3%; width: 163px; }
#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .badge img { width: 100%; max-width: 163px; }

#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .thumb { display: table-cell; width: 40%; padding: 110px 0 20px 100px; }
#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .thumb img { width: 100%; max-width: 270px; }
#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .txt { display: table-cell; padding: 50px 20px 30px 30px; vertical-align: top; }
#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .txt p { font-size: 116.7%; }
#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .txt .name { font-size: 150%; font-weight: bold; margin-bottom: 20px; }

#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .txt .btn { margin-top: 20px; }

#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .txt .btn a {
	display: inline-block;
	background: #be0000;
	color: #fff;
	padding: 10px 40px;
	text-align: center;
}

#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .txt .btn a span {
	background-image: url(../img/img_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 11px auto;
	display: inline-block;
	padding-right: 17px;
}




#top_col1 .kit { margin-top: 50px; }
#top_col1 .kit .txt { width: 75.2%; display: table-cell; vertical-align: middle; }
#top_col1 .kit .txt p { font-size: 116.7%; }
#top_col1 .kit .txt p span { font-size: 85.7%; display: block; padding-top: 4px; padding-left: 1em; text-indent: -1em; }
#top_col1 .kit .thumb { width: 28.3%; display: table-cell; text-align: right; }
#top_col1 .kit .thumb img { width: 100%; max-width: 244px; }






#top_col1 .oven {
	margin-top: 50px;
}

#top_col1 .oven .ttl {
	border-bottom: 1px solid #d9d9d9;
	height: 9px;
	position: relative;
	text-align: center;
}

#top_col1 .oven .ttl span {
	position: absolute;
	width: 100%;
	display: block;
}

#top_col1 .oven .ttl span img {
	background-color: #fff;
	max-height: 18px;
}

#top_col1 .oven .ttl span img.pc_only {
	display: inline-block;
}






#top_col1 .oven .wrap { border: 1px solid #d9d9d9; border-top: none; padding: 60px 40px 40px; }
#top_col1 .oven .wrap .thumb { width: 32%; float: left; }
#top_col1 .oven .wrap .thumb img { width: 100%; }

#top_col1 .oven .wrap .txt { width: 62%; float: right; }
#top_col1 .oven .wrap .txt p { font-size: 116.7%; }

#top_col1 .oven .wrap .txt .detail { width: 100%; display: table; margin-top: 20px; }
#top_col1 .oven .wrap .txt .detail .series { width:66.5%;  display: table-cell; vertical-align: middle; }
#top_col1 .oven .wrap .txt .detail .series p { font-weight: bold; }
#top_col1 .oven .wrap .txt .detail .btn { width:33.5%;  display: table-cell; text-align: center; vertical-align: middle; }


#top_col1 .oven .wrap .txt .detail .btn a {
	display: inline-block;
	background: #939393;
	color: #fff;
	padding: 10px 30px;
	text-align: center;
	font-weight: bold;
}


#top_col1 .oven .wrap .txt .detail .btn a span {
	background-image: url(../img/img_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 11px auto;
	display: inline-block;
	padding-left: 17px;
	padding-top: 2px;
}




















#col1 { margin-top: 70px; }
#col1 #contents_wrap { width: 81.7%; margin: 0 auto; }

#col1 h3 { text-align: center; font-size: 133.4%;}
#col1 h3 span { display: inline-block; text-align: left; vertical-align: middle;}
#col1 h3 span.img { margin-right: 10px;}
#col1 h3 span.img img { margin-right: 20px; width: 100%; max-width: 118px;}
#col1 h3 span.txt span { font-size: 162.5%; font-weight: bold;}

#col1 .foodstuff { background: #f7f7f7; margin-top: 50px;}
#col1 .foodstuff .img { width: 49.7%; float: left;}
#col1 .foodstuff .img img { width: 100%; display: block;}
#col1 .foodstuff .txt { width: 50.3%; float: right;}
#col1 .foodstuff .txt p { font-size: 150%; font-weight: bold; padding: 65px 50px 0}
#col1 .foodstuff .txt > ul { padding: 20px 50px}
#col1 .foodstuff .txt ul li { font-size: 116.7%;}
#col1 .foodstuff .txt ul li.space { padding-bottom: 20px;}
#col1 .foodstuff .txt ul li ul { padding: 20px 0}
#col1 .foodstuff .txt ul li ul li { font-size: 100%;}
#col1 .foodstuff .txt ul li ul li.indent3 { text-indent: 3em;}

#col1 .point { border: 3px solid #e7e7e7; background-image: url(../img/bg01.gif); background-repeat: repeat; margin-top: 50px;}
#col1 .point div { background-image: url(../img/img_point.png); background-repeat: no-repeat; background-position: 16px center;}
#col1 .point div p { font-size: 116.7%; font-weight: bold; color: #be0000; padding: 20px 10px 20px 90px;}

#col1 .howto { margin-top: 50px; }
#col1 .howto h4 { text-align: center; font-size: 216.7%; }
#col1 .howto p { text-align: center; padding: 4px 0 30px; }
#col1 .howto > ol li { padding-left: 1.3em; text-indent: -1.3em; font-size: 116.7%; margin-bottom: 40px; }
#col1 .howto > ol li .txt { width: 50%; float: left; }
#col1 .howto > ol li .img { width: 42.5%; float: right; }
#col1 .howto > ol li .img img { width: 100%; max-width: 340px; }
#col1 .howto .sub_howto { border: 1px solid #e7e7e7; padding: 20px; }
#col1 .howto .sub_howto h5 { font-weight: bold; font-size: 116.7%; padding-bottom: 10px; }
#col1 .howto .sub_howto ul { padding-bottom: 10px; }
#col1 .howto .sub_howto ul li { font-size: 116.7%; }
#col1 .howto .sub_howto ol { background: #f7f7f7; padding: 10px; }
#col1 .howto .sub_howto ol li { padding-left: 1.3em; text-indent: -1.3em; font-size: 116.7%; margin-bottom: 6px; }
#col1 .howto .sub_howto ol li:last-child { margin-bottom: 0; }

#col1 .report { margin-top: 50px; background: #fbf9ef; padding: 20px 30px; }
#col1 .report h4 { font-size: 150%; font-weight: bold; color: #a37300; }
#col1 .report h4 img { vertical-align: middle; width: 6.25%; max-width: 50px; }
#col1 .report h4 .pc_only { display: inline; }
#col1 .report p { font-size: 116.7%; padding-top: 16px; }



@media only screen and (max-width: 640px) {
	#top_col1 { margin-top: 50px; }
	#top_col1 #contents_wrap { float: none; width: auto; margin: 0 20px; }

	#top_col1 .lead p { font-size: 100%; }

	#top_col1 .original_recipe > div { width: 94.6%; margin: 0 auto; padding: 50px 0; }
	#top_col1 .original_recipe div .in_unit { width: 86%; margin: 0 auto; padding: 0; }

	#top_col1 .original_recipe div .in_unit #profile_wrap { padding: 30px; }
	#top_col1 .original_recipe div .in_unit #profile_wrap .thumb { display: block; width: 100%; }
	#top_col1 .original_recipe div .in_unit #profile_wrap .thumb img { width: 100%; max-width: 194px; margin: 0 auto; }
	#top_col1 .original_recipe div .in_unit #profile_wrap .profile { display: block; padding-left: 0px; }
	#top_col1 .original_recipe div .in_unit #profile_wrap .profile { margin-top: 30px; }
	#top_col1 .original_recipe div .in_unit #profile_wrap .profile p { font-size: 100%; }
	#top_col1 .original_recipe div .in_unit #profile_wrap .profile .name { font-size: 100%; margin-bottom: 30px; }
	#top_col1 .original_recipe div .in_unit #profile_wrap .profile .name span { font-size: 114.3%; }



	#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe { margin-top: 100px; }
	#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .badge { position: relative; top: 0; left: 0; max-width: 135px; margin: -70px auto 0; }
	#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .badge img { width: 100%;  }
	#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .thumb { display: block; width: 100%; padding: 0; text-align: center; }
	#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .thumb img { width: 100%; max-width: 177px; margin: 0 auto; }
	#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .txt { display: block; padding: 30px; }
	#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .txt p { font-size: 100%; }
	#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .txt .name { font-size: 114.3%; font-weight: bold; margin-bottom: 20px; }
	#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .txt .btn a { display: block; }
	#top_col1 .original_recipe div .in_unit #recipe_wrap .recipe .txt .btn a span br { display: inline-block; }





	#top_col1 .kit .txt { width: 100%; display: block; }
	#top_col1 .kit .txt p { font-size: 100%; }
	#top_col1 .kit .txt p span { font-size: 78.6%; }
	#top_col1 .kit .thumb { width: 100%; display: block; text-align: center; margin-top: 30px; }
	#top_col1 .kit .thumb img { width: 100%; max-width: 215px; }





	#top_col1 .oven .ttl { height: 16px; }

	#top_col1 .oven .ttl span img { width: 100%; max-width: 244px; max-height: none; }
	#top_col1 .oven .ttl span img.pc_only { display: none; }
	#top_col1 .oven .ttl span img.sp_only { display: inline-block; }


	#top_col1 .oven .wrap { border: 1px solid #d9d9d9; border-top: none; padding: 60px 30px 30px; }
	#top_col1 .oven .wrap .thumb { width: 100%; float: none; text-align: center; }
	#top_col1 .oven .wrap .thumb img { width: 100%; max-width: 183px; }

	#top_col1 .oven .wrap .txt { width: 100%; float: none; margin-top: 20px; }
	#top_col1 .oven .wrap .txt p { font-size: 100%; }
	#top_col1 .oven .wrap .txt .detail { width: 100%; display: block; }
	#top_col1 .oven .wrap .txt .detail .series { width: 100%; display: block; }
	#top_col1 .oven .wrap .txt .detail .btn { width: 100%; display: block; margin-top: 20px; }
	#top_col1 .oven .wrap .txt .detail .btn a { padding: 10px 0; width: 100%;}




	#col1 { margin-top: 50px; }
	#col1 #contents_wrap { float: none; width: auto; margin: 0 20px; }

	#col1 h3 { font-size: 100%;}
	#col1 h3 span { text-align: center;}
	#col1 h3 span.img { margin-right: 0; display: block;}
	#col1 h3 span.img img { margin-right: 0; width: 100%; max-width: 73px;}
	#col1 h3 span.txt span { font-size: 142.9%;}

	#col1 .foodstuff { background: #ffffff;}
	#col1 .foodstuff .img { width: 100%; float: none;}
	#col1 .foodstuff .img img { width: 100%; max-width: 199px; margin: 0 auto;}
	#col1 .foodstuff .txt { width: 100%; float: none; background: #f8f8f8; margin-top: 30px;}
	#col1 .foodstuff .txt p { font-size: 100%; padding: 20px 25px 0}
	#col1 .foodstuff .txt > ul { padding: 10px 25px}
	#col1 .foodstuff .txt ul li { font-size: 100%;}

	#col1 .point div { background-image: url(../img/img_point_x2.png); background-position: center 20px; background-size: 108px auto;}
	#col1 .point div p { font-size: 100%; padding: 60px 20px 20px 20px;}

	#col1 .howto h4 { font-size: 143%; }
	#col1 .howto p { font-size: 71.4%; }
	#col1 .howto > ol li { font-size: 100%; }
	#col1 .howto > ol li .txt { width: 100%; float: none; }
	#col1 .howto > ol li .img { width: 100%; float: none; text-align: center; margin-top: 20px; }
	#col1 .howto > ol li .img img { width: 100%; max-width: 280px; }
	#col1 .howto .sub_howto h5 { font-size: 100%; }
	#col1 .howto .sub_howto ul li { font-size: 100%; }
	#col1 .howto .sub_howto ol li { font-size: 100%; }

	#col1 .report h4 { text-align: center; font-size: 121.4%; }
	#col1 .report h4 img { width: 24.1%; max-width: 65px; margin-bottom: 10px; }
	#col1 .report h4 img:first-child { display: inline; }
	#col1 .report h4 .pc_only { display: none; }
	#col1 .report p { font-size: 100%;}

	#return_corner_top { margin-left: 20px; margin-right: 20px;}

}