@charset "utf-8";

/* =====================================================================
 * main
 * =================================================================== */
#popular section, #category section,
#recipeList section, #productList dl, 
.moreInfo, section#recipeSearch {
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
} 
#main section {
	margin-bottom: 30px;
}
#recipeTopImg {
	padding-bottom: 37px;
	background: url(images/topimage_new.png) no-repeat;
	background-size: 100%;
}
#recipeTopImg p {
	height: 273px;
	background: url(images/subtxt_recipe_new.svg) no-repeat 14px bottom;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
#main section#popular, #main section#newRecipe {
	overflow: visible;
}
h3#recipeName {
	line-height: 1.4;
	font-size: 161.6%;
	color: #f38300;
}
#popular h3, #newRecipe h3 {
	margin-bottom: 15px;
	width: 678px;
	height: 41px!important;
	background-color: #ff6155;
	background-image: -webkit-linear-gradient(-45deg, #ff746a 25%, transparent 25%, transparent 50%, #ff746a 50%, #ff746a 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #ff746a 25%, transparent 25%, transparent 50%, #ff746a 50%, #ff746a 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #ff746a 25%, transparent 25%, transparent 50%, #ff746a 50%, #ff746a 75%, transparent 75%, transparent);
	background-size: 25px 25px;
	border-radius: 5px;　/* CSS3草案 */  
	-webkit-border-radius: 5px;　/* Safari,Google Chrome用 */ 
	-moz-border-radius: 5px;　/* Firefox用 */
}
#newRecipe h3 {
	background-color: #56c7b8;
	background-image: -webkit-linear-gradient(-45deg, #6bcec1 25%, transparent 25%, transparent 50%, #6bcec1 50%, #6bcec1 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #6bcec1 25%, transparent 25%, transparent 50%, #6bcec1 50%, #6bcec1 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #6bcec1 25%, transparent 25%, transparent 50%, #6bcec1 50%, #6bcec1 75%, transparent 75%, transparent);
}
#popular h3 img, #newRecipe h3 img {
	position: relative;
	top: -5px;
	left: 15px;
}
h3#ttl_category {
	margin-bottom: 10px;
	width: 236px;
	background: url(images/ttl_category.gif) no-repeat;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;	
}
#main h4 {
	margin-bottom: 15px;
}
#popular section h4, 
#category section h4 {
	margin-bottom: 8px;
	line-height: 1.5;
	font-size: 123.1%;
	color: #79490e;
}
#category section h4 {
	color: #f37e00;
}
#popular section h4 a       { text-decoration: none; }
#popular section h4 a:hover { text-decoration: underline; }
#popular, #category {
	margin-right: -15px;
	width: 693px;
}
#popular section, 
#category section {
	float: left;
	margin: 0 15px 0 0;
	padding: 4px 4px 15px 4px;
	width: 206px;
	background-color: #ffffe3;
	border: 1px solid #d1c58f;
} 
#category section {
	margin-top: 15px;
	background-color: #ffffff;
}
#category section:nth-of-type(-n+3) {
	margin-top: 0;
}
#popular section dl, 
#category section dl {
	margin: 0 auto;
	padding-top: 10px;
	width: 184px;
	background: url(../images/dotline_brown.svg) repeat-x top;
}
#popular section dd img, 
#category section dd img {
	margin-top: 10px;
}
span.block {
	display: block;
	padding: 0 11px;
	width: 184px;
}
.pickup dd a {
	display: block;
	margin-top: 10px;
	padding: 2px 0 3px;
	width: 184px;
	background: url(images/btn_recipe.svg) no-repeat center #ff5050;
	background-size: 110px 13px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
#category .pickup dd a {
	background: url(images/btn_category.svg) no-repeat center #f38300;
	background-size: 150px 13px;
}
.pickup dd a:hover {
	opacity: .6;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
/* 新着レシピ */
#newRecipe {
	margin-right: -14px;
	width: 692px;
}
#newRecipe h4 {
	margin-bottom: 7px;
	font-size: 116%;
}
#newRecipe article {
	float: left;
	margin-right: 14px;
	padding: 12px 15px 12px 12px;
	border: 1px solid #97cdbb;
	width: 303px;
}
#newRecipe article:nth-of-type(-n+2) {
	margin-bottom: 15px;
}
#newRecipe article time {
	padding-left: 10px;
	background: url(images/arrow.svg) no-repeat left;
}
#newRecipe article p {
	overflow: hidden;
}
.flimg {
	float: left;
	margin-right: 15px;
	padding: 2px;
	width: 140px;
	height: 140px;
	border: solid 1px #cccccc;
}
/* レシピ検索 */
section#recipeSearch {
	margin-bottom: 20px;
	padding: 15px 0 10px 0;
	background-color: #FFFDE1;
	border: solid 2px #d1c58f;
}
#recipeSearch div {
	margin: 0 auto;
	display: table;
}
h3#keyword {
	display: table-cell;
	padding-right: 20px;
	vertical-align: middle;
	width: 137px;
}
input#textArea {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 21px;
	border: solid 1px #996d39;
}
input#searchBtn {
	position: relative;
	left: -5px;
	margin-right: -5px;
	padding: 0;
	width: 46px;
	height: 23px;
}
form p {
	margin-top: 5px;
	padding: 0;
}
/* カテゴリ別レシピ検索 */
#recipeCatlist {
	overflow: hidden;
	margin-bottom: 22px!important;
}
dl.catSearch {
	float: left;
	margin-right: 12px;
	padding: 0 14px 12px;
	width: 186px;
	border: solid 2px #82c62d;
}
dl#season {
	background: url(images/season_image.svg) no-repeat center bottom;
}
dl#genre {
	border: solid 2px #fc7ea7;
}
dl#purpose {
	margin-right: 0;
	border: solid 2px #5abff3;
	background: url(images/purpose_image.svg) no-repeat center bottom;
}
dl.catSearch dt {
	position: relative;
	top: -2px;
	left: -16px;
	margin-bottom: 10px;
}
dl.catSearch li a {
	display: block;
	margin-top: 5px;
	padding: 6px 7px 4px;
	background-color: #cccccc;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
    text-align: center;
    text-decoration: none;
    font-size: 116%;
    font-weight: bold;
}
dl.catSearch li a:hover {
	text-decoration: underline;
}
li#spring a {
	background-color: #ffd2dc;
	color: #f041a3; 
}
li#summer a {
	background-color: #c5e9bd;
	color: #36a909; 
}
li#autumn a {
	background-color: #ffd189;
	color: #eb5c19;
}
li#winter a {
	background-color: #beebff;
	color: #00a0e9;
}
#genre li a {
	padding: 4px 5px 2px;
	background-color: #fdec9c;
}
#genre li.color2 a {
	background-color: #ffd8a5;
}
#purpose li a {
	background-color: #fdd6cb;
	color: #BD442B;
}
#purpose li:first-child a {
	background-color: #c9dbf1;
	color: #505E84;
}
#purpose li:last-child a {
	background-color: #caedf1;
	color: #4199af;
}
/* カテゴリー別 */
#recipeList {
	overflow: hidden;
	margin: 0 -14px -14px 0;
	width: 692px;
}
#recipeList section {
	float: left;
	margin: 0 14px 14px 0;
	padding: 15px;
	width: 300px;
	background-color: #ffffff;
	border: 1px solid #d1c58f;
	line-height: 1.6;
}
#recipeList h4 {
	margin-bottom: 12px;
	font-size: 116%;
}
.ttlIcon {
	float: left;
	margin-bottom: 5px;
	width: 160px;
}
p.recipeThumb {
	float: right;
	width: 125px;
	margin-bottom: 12px;
}
#recipeList dl {
	float: right;
	width: 155px;
}
#recipeList dt {
	margin-right: 15px;
}
#recipeList dd {
	overflow: hidden;
}
.categoryMarkS li {
	float: left;
	margin: 0 5px 7px 0;
}
/* 各レシピページ */
.lBox {
	float: left;
	width: 320px;
}
.rBox {
	float: right;
	overflow: hidden;
	width: 327px;
}
.rBox p {
	font-size: 108%;
}
#main section#recipeTop {
	overflow: visible;
}
ul#socialBtn {
	margin: 20px 0 5px;
	width: 350px;
}
ul#socialBtn li {
	display: inline-block;
	margin-right: 5px;
	line-height: 20px;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
.lBox table {
	margin: 25px 0 8px;
	width: 100%;
	border-top: 1px solid #cccccc;
}
.lBox table th, .lBox table td {
	padding: 8px 0 6px;
	border-bottom: 1px solid #cccccc;
	vertical-align: middle;
}
.lBox table th {
	padding: 0 15px 0 32px;
}
.lBox table th.jikan {
	background: url(images/clock.svg) no-repeat left 5px;
	font-weight: bold;
	color: #505E84;
}
.lBox table th.cal {
	background: url(images/cal.svg) no-repeat left 5px;
}
.lBox table th.enbun {
	background: url(images/salt.svg) no-repeat left 5px;
}
.lBox table th span {
	font-weight: bold;
}
.lBox table th.cal span {
	color: #BD442B;
}
.lBox table th.enbun span {
	color: #42A7C5;
}
.lBox table td {
	padding-left: 15px;
	text-align: right;
}
.hosoku {
	text-align: right;
	font-size: 93%;
}
ul#categoryMark {
	margin: 15px 0 15px 0;
	text-align: left;
}
ul#categoryMark li {
	display: inline;
	margin-right: 3px;
}
ul#categoryMark li a img {
	padding-bottom: 10px;
}
h4#material, h4#recommended,
h4#howto, h4#commentPost, 
h4#relatedResipe, #commentTitle {
	margin-bottom: 0;
	padding-bottom: 5px;
	width: 678px;
	background: url(images/dotline.png) repeat-x left bottom;
	font-size: 146.5%;
	color: #d66e66;
}
h4#material {
	width: 327px;
}
h4#recommended {
	background: none;
}
h4#howto {
	margin-bottom: 15px;
}
h4#commentPost {
	margin-bottom: 22px;
}
h4#relatedResipe {
 	padding-bottom: 7px;
	background: none;
}
#commentTitle {
	margin-bottom: 20px;
}
span.portion {
	font-size: 70%;
	color: #444444;
}
.materialList {
	width: 327px;
}
.materialList th, .materialList td {
	padding: 4px 10px 3px 0;
	border-bottom: 1px solid #cccccc;
	empty-cells: show;
	vertical-align: middle;
}
.materialList td {
	padding-right: 0;
	text-align: right;
}
.tb-group th {
	padding-left: 15px;
}
.tb-line {
	border-top: 4px double #cccccc;
}
#productList {
	margin: 0 -14px -14px 0;
	width: 692px;
}
#productList dl {
	float: left;
	display: table;
	overflow: hidden;
	margin: 0 14px 14px 0;
	padding: 15px 20px;
	width: 332px;
	line-height: 1.6;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}
#productList dt {
	display: table-cell;
	vertical-align: middle;
	padding-right: 20px;
	width: 140px;
	position: relative;
	text-align: center;
}
#productList dd {
	display: table-cell;
}
#productList dd ul li {
	margin-top: 5px;
}
#step {
	width: 704px;
	margin-right: -26px;
}
#step dl {
	float: left;
	margin: 0 26px 25px 0;
	width: 150px;
}
#step dd {
	margin-top: 10px;
}
.moreInfo h4 {
	padding: 0 0 0 54px;
	width: 678px;
	line-height: 49px;
	background: url(images/memo.svg) no-repeat left;
	font-size: 146.5%;
	color: #d66e66;
}
.moreInfo {
	padding: 16px 18px;
	width: 638px;
	background-color: #ffffe3;
	border: 2px solid #d1c58f;
}
.moreInfo dt {
	margin-bottom: 3px;
	color: #79490e;
}
.moreInfo dd {
	line-height: 1.7;
}
.moreInfo ul li {
	margin-left: 20px;
	list-style: disc;
}
#comments form {
	padding-bottom: 25px;
	border-bottom: 1px solid #cccccc;
}
#comments-open-data input, 
#comments-open-text textarea {
	border: solid 1px #bdbdbd;
}
#comment-form-name, #comment-form-email, 
#comments-open-text {
	display: table;
	overflow: hidden;
}
#comments label {
	display: table-cell;
	vertical-align: middle;
	width: 120px;
	padding-right: 15px;
	text-align: right;
}
#comments input, #comments textarea {
	display: table-cell;
}
#comments-open-footer {
	margin-left: 137px;
}
.contribute {
	margin-bottom: 20px;
	padding-bottom: 18px;
	border-bottom: solid 1px #cccccc;
}
p.author {
	color: #d66e66;
}
#relation {
	margin-right: -12px;
	width: 690px;
}
#relation dl {
	float: left;
	margin: 0 12px 15px 0;
	width: 103px;
	line-height: 1.6;
}
#relation dt {
	margin-bottom: 10px;
}
p.backbtn {
	display: block;
	padding: 10px;
	width: 658px;
	background-color: #eeeeee;
	text-align: center;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */ 
}
div.back a {
	text-decoration: none;
	color: #444444;
}
/* ページナビゲーション */
#page {
	margin-top: 7px;
}
#page, #page span {
	color: #79490e;
}
#page a {
	text-decoration: none;
}
.link_before, .link_next {
	font-size: 93%;
	letter-spacing: 1px;
	color: #79490e;
}
.link_before {
	padding-right: 7px;
}
.link_next {
	padding-left: 7px;
}
a.link_page, .current_page {
	padding: 5px 7px;
	border: 1px solid #d1c58f;
	font-size: 77%;
	zoom: 1;
}
.current_page, .this-page {
	background-color: #fcfbda;
	color: #79490e;
}
/* みよ田監修レシピ・特別コラムバナー */
#relationMenu {
	margin-bottom: 30px;
}
#relationMenu li:first-child {
	margin-bottom: 12px;
}
/* みよ田監修レシピ */
.mr_banner {
	margin-bottom: 30px;
}
section#miyota {
	margin: 60px 0 0 0;
}
#miyota div {
	float: left;
	width: 400px;
}
p.gaikan {
	float: right;
}
#miyota h3 {
	margin-bottom: 15px;
	font-size: 146.5%;
	font-weight: bold;
	color: #97643d;
}
#miyota dl {
	width: 400px;
	border-top: 1px solid #ccc;
}
#miyota dt {
	clear: left;
	float: left;
	width: 6em;
	padding: 10px 5px 10px 0
}
#miyota dd {
	padding: 10px 5px 10px 7em;
	border-bottom: 1px solid #ccc;
}
.miyotaBanner {
	clear: both;
	padding-top: 20px;
}

/* レシピ印刷用 */
@media only print {
	body {
		-webkit-print-color-adjust: exact;
		zoom: 1;
	}
	body, header, footer {
		background: none;
	}
	#header-inner, #contents, #footer-inner {
		overflow: hidden;
		width: 740px;
	}
	#main {
		float: none;
		margin: 0;
		padding-bottom: 0;
	}
	footer {
		padding-bottom: 25px;
	}
	#footer-inner {
		padding: 0;
		zoom: 1;
	}
	#header-menu, p.gohome, #g-navi li, 
	#breadcrumb, #side, #f-navi, #pagetop,
	#productList dl dd img, #comments, 
	#relatedResipe, #relation, div.back, #star,
	#socialBtn, aside, #inquiry, #printBtn,
	#recommended, #productList, h1 a {
		display: none;
	}
	ul#g-navi {
		float: none;
		overflow: hidden;
		padding: 0;
		height: 0;
		zoom: 1;
	}
	#recipeName {
		margin-bottom: 20px;
	}
}

/* =====================================================================
 * mediaqueries
 * =================================================================== */
@media screen and (max-width: 960px) {
	.lv20 {
		margin-bottom: 2.9%;
	}
	.lv25 {
		margin-bottom: 3.6%;
	}
	#main section {
		margin-bottom: 5%;
	}
	#recipeTopImg {
		padding-bottom: 5.6%;
	}
	#recipeTopImg p {
		padding-top: 40.2%;
		height: 0;
		background-size: 44.5% auto;
	}
	#popular, #category, #newRecipe {
		margin: 0;
		width: 100%;
	}
	#popular h3, #newRecipe h3 {
		width: 100%;
	}
	#popular section, 
	#category section {
		margin: 0 2.3% 0 0;
		padding-bottom: 2.5%;
		width: 31.8%;
	}
	#category section {
		margin-top: 2.3%;
		text-align: left;
	}
	#popular section:last-child,
	#category section:nth-of-type(3n) {
		margin-right: 0;
	}
	#popular section dl, 
	#category section dl,
	span.block {
		width: 89.3%;
	}
	h3#ttl_category {
		width: 100%;
		background: none;
		font-weight: bold;
		font-size: 146.5%;
		color: #ff5050;
		line-height: 1;
		text-indent: inherit;
		white-space: inherit;
	}
	.pickup dd a {
		padding: 3px 0 4px;
		width: 100%;
	}
	#category .pickup dd a {
		padding: 11px 0;
		background: url(images/btn_category2.svg) no-repeat center #f38300;
		background-size: 97px 30px;
	}
	/* 新着レシピ */
	#newRecipe article {
		margin-right: 2%;
		padding: 2% 2.5%;
		width: 49%;
	}
	#newRecipe article:nth-of-type(2n) {
		margin-right: 0;
	}
	#newRecipe article:nth-of-type(-n+2) {
		margin-bottom: 2%;
	}
	.flimg {
		float: none;
		margin: 0 auto 10px;
	}
	/* レシピ検索 */
	section#recipeSearch {
		padding: 15px 15px 10px;
		text-align: center;
	}
	#recipeSearch div {
		display: inherit;
	}
	h3#keyword {
		display: inherit;
		margin-bottom: 5px;
		padding-right: 0;
		width: 100%;
	}
	input#textArea {
		width: 50%;
		height: 23px;
	}
	form p {
		margin-top: 10px;
		line-height: 1.5;
	}
	form p span {
		display: inline-block;
	}
	/* カテゴリ別レシピ検索 */
	dl.catSearch {
		margin-right: 2%;
		padding: 0;
		width: 32%;
	}
	dl#season {
		background-size: 90% auto;
		background-position-y: 94%;
	}
	dl#purpose {
		background-size: 90% auto;
		background-position-y: 96%;
	}
	dl.catSearch dt {
		left: 0;
		margin-bottom: 0;
	}
	dl.catSearch ul {
		margin-bottom: 5%;
	}
	dl.catSearch li a {
		margin: 7px auto 0;
		width: 90%;
	}
	/* カテゴリー別 */
	#recipeList {
		margin: 0 0 -2.2% 0;
		width: 100%;
	}
	#recipeList section {
		margin: 0 2.2% 2.2% 0;
		padding: 2.5%;
		width: 48.9%;
	}
	#recipeList section:nth-of-type(2n) {
		margin-right: 0;
	}
	.ttlIcon {
		width: 53.3%;
	}
	p.recipeThumb {
		width: 41.6%;
	}
	#recipeList dl {
		width: 51.6%;
	}
	/* 各レシピページ */
	.lBox {
		width: 47.1%;
	}
	.rBox {
		width: 48.2%;
	}
	ul#socialBtn {
		overflow: hidden;
		width: 100%;
		margin-bottom: 10px;
	}
	ul#socialBtn li {
		display: inherit;
		float: left;
		margin: 0 15px 10px 0;
		height: 20px;
	}
	.lBox table {
		margin-top: 0;
	}
	.lBox table th {
		width: 70%;
	}
	.lBox table th.jikan, .lBox table th.cal, .lBox table th.enbun {
		background-position: left center;
	}
	.lBox table td {
		padding-left: 0;
	}
	h4#material, h4#recommended,
	h4#howto, h4#commentPost, 
	h4#relatedResipe, #commentTitle {
		width: 100%;
	}
	h4#material {
		width: 100%;
	}
	h4#howto {
		margin-bottom: 2.2%;
	}
	h4#commentPost {
		margin-bottom: 3.2%;
	}
	h4#relatedResipe {
 		padding-bottom: 1%;
	}
	#printBtn {
		display: none;
	}
	.materialList {
		width: 100%;
	}
	.materialList td {
		width: 25%;
	}
	#productList {
		margin: 0 0 -2.2% 0;
		width: 100%;
	}
	#productList dl {
		margin: 0 2.2% 2.2% 0;
		padding: 2.5%;
		width: 48.9%;
	}
	#productList dl:nth-child(2n) {
		margin-right: 0;
	}
	#productList dt {
		padding-right: 10px;
		width: 48%;
	}
	#productList dd {
		line-height: 1.5;
	}
	#step {
		width: 100%;
		margin-right: 0;
	}
	#step dl {
		float: left;
		margin: 0 3.6% 3.6% 0;
		width: 22.3%;
		text-align: left;
	}
	#step dl:nth-child(4n) {
		margin-right: 0;
	}
	.moreInfo h4 {
		width: 100%;
	}
	.moreInfo {
		width: 100%;
	}
	#comments form {
		padding-bottom: 4%;
	}
	#comment-author, #comment-email, #comment-text {
		width: 100%;
	}
	#comments-open-footer {
		margin-left: 120px;
	}
	input, textarea {
		border-radius: 0;
		-webkit-appearance: none;
	}
	#relation {
		margin-right: 0;
		width: 100%;
	}
	#relation dl {
		margin: 0 1.88% 3% 0;
		width: 15.1%;
		line-height: 1.5;
	}
	#relation dl:nth-of-type(6n) {
		margin-right: 0;
	}
	#relation dt {
		margin-bottom: 9.7%;
	}
	#relation dd {
		text-align: left;
	}
	p.backbtn {
		width: 100%;
	}
	/* みよ田監修レシピ・特別コラムバナー */
	#relationMenu {
		margin-bottom: 5%;
	}
	/* みよ田監修レシピ */
	.mr_banner {
		margin-bottom: 4.4%;
	}
	section#miyota {
		margin: 8.8% 0 0 0;
	}
	#miyota h3 {
		margin-bottom: 2.2%;
	}
	#miyota div {
		width: 58.9%;
	}
	#miyota dl {
		width: 100%;
	}
	p.gaikan {
		width: 35.3%;
	}
	.miyotaBanner {
		padding-top: 2.9%;
	}
}
@media screen and (max-width: 600px) {
	#relation dl {
		margin: 0 2% 3% 0;
		width: 18.4%;
	}
	#relation dl:nth-of-type(6n) {
		margin-right: 2%;
	}
	#relation dl:nth-of-type(5n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 480px) {
	#recipeTopImg p {
		padding-top: 45%;
		background-position-x: 7px;
		background-size: 55% auto;
	}	
	#popular section h4, 
	#category section h4,
	#newRecipe h4 {
		margin-bottom: 5px;
		font-size: 108%;
		text-align: left;
	}
	#popular section dl, 
	#category section dl,
	span.block {
		width: 92%;
	}
	#category section dl {
		padding-top: 6px;
	}
	span.block {
		padding: 0 6px;	
	}
	#newRecipe article {
		margin-right: 3%;
		width: 48.5%;
	}
	#newRecipe article:nth-of-type(-n+2) {
		margin-bottom: 3%;
	}
	h3#ttl_category {
		font-size: 123.1%;
	}
	h3#keyword {
		margin-bottom: 0;
	}
	input#textArea {
		width: 80%;
	}
	.pickup dd a {
		padding: 2px 0 3px;
		background-size: 88% auto;
	}
	#category .pickup dd a {
		margin-top: 5px;
		padding: 8px;
		background-size: 85% auto;
	}
	/* カテゴリ別レシピ検索 */
	dl.catSearch {
		overflow: hidden;
		margin-right: 2.2%;
		width: 48.9%;
	}
	dl.catSearch:nth-child(2) {
		margin-right: 0;
	}
	dl#season, dl#genre {
		margin-bottom: 10px;
	}
	dl#purpose {
		float: none;
		margin: 0 auto;
		background: none;
	}
	dl.catSearch li a {
	    font-size: 108%;
	}
	/* カテゴリー別 */
	#recipeList {
		margin: 0;
	}
	#recipeList section {
		float: none;
		margin: 0 auto 15px;
		padding: 15px;
		width: 300px;
	}
	#recipeList section:nth-of-type(2n) {
		margin: 0 auto 15px;
	}
	#recipeList section:last-child {
		margin-bottom: 0;
	}
	p.recipeThumb {
		text-align: right;
	}
	/* 各レシピページ */
	h3#recipeName {
		font-size: 138.5%;
		font-weight: bold;
		text-align: left;
	}
	.lBox, .rBox {
		float: none;
		width: 100%;
	}
	.productImg {
		text-align: center;
	}
	.productImg img {
		width: 60%;
	}
	ul#socialBtn {
		margin-bottom: 10px;
	}
	.lBox table th {
		width: 55%;
	}
	#purposeList {
		margin-bottom: 20px;
	}
	h4#material, h4#recommended,
	h4#howto, h4#commentPost, 
	h4#relatedResipe, #commentTitle, .moreInfo h4 {
		font-size: 123.1%;
		font-weight: bold;
	}
	h4#howto, h4#commentPost {
		margin-bottom: 12px;
	}
	h4#relatedResipe {
 		padding-bottom: 7px;
	}
	#productList {
		margin: 0 0 -3% 0;
	}
	#productList dl, #productList dt, #productList dd {
		display: inherit;	
	}
	#productList dl {
		margin: 0 3% 3% 0;
		width: 48.5%;
		text-align: center;
	}
	#productList dt {
		margin-bottom: 10px;
		padding-right: 0;
		width: 100%;
	}
	#productList dt img {
		width: 60%;
	}
	#step dl {
		float: left;
		margin: 0 4.1% 4.1% 0;
		width: 30.6%;
	}
	#step dl:nth-child(4n) {
		margin-right: 4.1%;
	}
	#step dl:nth-child(3n) {
		margin-right: 0;
	}
	#main .moreInfo h4 {
		margin-bottom: 8px;
	}
	.moreInfo {
		padding: 15px 15px 10px;
	}
	#comments form {
		padding-bottom: 20px;
	}
	#comment-form-name, #comment-form-email, 
	#comments-open-text, #comments label,
	#comments input, #comments textarea {
		display: inherit;
	}
	#comments label {
		width: 100%;
		padding-right: 0;
		text-align: left;
	}
	#comments-open-footer {
		margin: 10px 0 0 0;
	}
	#comment-submit {
		margin: 0 auto;	
	}
	#relation {
		margin-bottom: 5px;
	}
	#relation dl {
		margin: 0 2.4% 3% 0;
		width: 23.2%;
	}
	#relation dl:nth-of-type(6n), #relation dl:nth-of-type(5n) {
		margin-right: 2.4%;
	}
	#relation dl:nth-of-type(4n) {
		margin-right: 0;
	}
	#relation dd {
		font-size: 93%;
	}
	p.backbtn {
		padding: 10px 10px 8px;
	}
	/* ページナビゲーション */
	#page {
		margin: 4% 0 2%;
	}
	/* みよ田監修レシピ */
	.mr_banner {
		margin-bottom: 20px;
	}
	#miyota h3 {
		font-size: 131%;
	}
	#miyota div, p.gaikan {
		float: none;
		width: 100%;
	}
	p.gaikan {
		margin-top: 15px;
		text-align: center;
	}
	p.gaikan img {
		width: 55%;
	}
	#miyota dl {
		text-align: left;
	}
	#miyota dt {
		width: 4.5em;
	}
	#miyota dd {
		padding-left: 5.5em;
	}
	.miyotaBanner {
		padding-top: 15px;
	}
	/*検索結果*/
	#recipeList .size_5 {
		font-size: 116%;
	}
}
@media screen and (max-width: 414px) {
	.lv25 {
		margin-bottom: 15px;
	}
	#popular h3, #newRecipe h3 {
		margin-bottom: 10px;
		height: 37px!important;
	}
	#popular h3 img, #newRecipe h3 img {
		width: auto;
		height: 42px;
	}
	#popular section {
		margin: 0 0 15px 0;
		padding: 15px 4px;
		width: 100%;
	}
	#popular section h4, #popular section dd {
		text-align: center;
	}
	#popular section h4 img {
		width: 60%;
	}
	span.block {
		width: 100%;	
	}
	.catTop h3 {
		margin-bottom: 8px;
	}
	#category section {
		margin: 0 3% 3% 0;
		padding-bottom: 3.5%;
		width: 48.5%;
	}
	#category section:nth-of-type(3n) {
		margin-right: 3%;
	}
	#category section:nth-of-type(2n) {
		margin-right: 0;
	}
	#category section:last-child {
		margin-bottom: 0;
	}
	.pickup dd a {
		margin: 10px auto 0;
		width: 184px;
		background-size: 110px 13px;
	}
	#category .pickup dd a {
		width: 100%;		
		background-size: 97px 30px;
	}
}
@media screen and (max-width: 375px) {
	#main section {
		margin-bottom: 20px;
	}
	#recipeTopImg p {
		padding-top: 50%;
		background-position-x: 3px;
		background-size: 65% auto;
	}	
	#popular section {
		margin: 0 0 10px 0;
	}
	#newRecipe article {
		text-align: left;
	}
	.flimg {
		width: 100%;
		height: auto;
	}
	#category section {
		margin: 0 3% 3% 0;
	}
	/* カテゴリ別レシピ検索 */
	dl.catSearch {
		float: none;
		margin: 0 auto;
		width: 218px;
	}
	dl.catSearch:nth-child(2) {
		margin: 0 auto;
	}
	dl#season {
		background: none;
	}
	/* カテゴリー別 */
	#recipeList section, #recipeList section:nth-of-type(2n) {
		margin: 0 0 10px 0;
		width: 100%;
	}
	#recipeList section {
	}
	/* 各レシピページ */
	.productImg img {
		width: 75%;
	}
	#productList dl {
		padding: 3%;
	}
	#productList dt img {
		width: 80%;
	}
	#step dl {
		float: left;
		margin: 0 5% 5.5% 0;
		width: 47.5%;
	}
	#step dl:nth-child(3n) {
		margin-right: 5%;
	}
	#step dl:nth-child(2n), #step dl:nth-child(4n) {
		margin-right: 0;
	}
	#step dd img {
		display: block;
		margin: 0 auto;
	}
	#relation dl {
		margin: 0 3.2% 4% 0;
		width: 31.2%;
	}
	#relation dl:nth-of-type(6n), #relation dl:nth-of-type(5n), #relation dl:nth-of-type(4n) {
		margin-right: 3.2%;
	}
	#relation dl:nth-of-type(3n) {
		margin-right: 0;
	}
	/* みよ田監修レシピ */
	section#miyota {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 320px) {
	/* 各レシピページ */
	.lBox table th {
		width: 60%;
	}
	h4#recommended {
		font-size: 116%;
	}
}