body { color: #2d2d2d;}
.pc #main .recipe_field .sphone_oubo{ display: none;}

.pc .container-wrapper {
	background-image: url(../img/bg.png);]
	background-repeat: repeat;
	background-position: top center;
	background-attachment: scroll;
}
.pc .main { width: 980px; background-color: #fef6e1; margin: 0 auto; padding: 2em;}
.pc .main-container { background-color: transparent; margin: 0; padding: 0;}

.main-container-inner{ border: none; padding: 24px 0 0 !important; }
.header .header-image{}
.header .header-image img{ width: 50%; float: left;}

.pc .recipe_field{ margin-top: 0.5em;}

.pc .recipe_intro{ margin-bottom: 2em;}
.pc .recipe_intro h2{ font-size: 107%; font-weight: bold;}
.pc .recipe_intro div{ font-size: 93%;}
.pc .recipe_intro div p:nth-of-type(2n+1){ color: red;}

.pc .recipe_oubo{ margin-bottom: 2em; position: relative;}
.pc .recipe_oubo h2{ font-weight: bold; font-size: 140%; display: inline-block;}
.pc .recipe_oubo h2:before{
	content: "";
	width: 20px;
	height: 20px;
	background-image: url(../img/list_star.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center center;
	display: inline-block;
}

.pc .recipe_oubo img{ width: 100%; margin: 1em auto; display: block;}
.pc .recipe_oubo a{
	width: 45%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.pc .recipe_oubo a img{ width: 75%; margin: 1em auto;}

.pc .recipe_oubo .pc_oubo{margin-top:1em}
.pc .recipe_oubo .pc_oubo p{color:#8f0900;}
.pc .recipe_oubo .pc_oubo p strong{font-weight:bold;}

.pc .recipe_point > section{
	width: 680px;
	background-image: url(../img/bg_oubo.png);
	background-position: center center;
	background-size: 110%;
	margin-right: 1em;
	padding: 0.5em;
	position: relative;
	float: left;
}

.pc .recipe_point > section h2{ font-weight: bold; margin-bottom: 0.5em; display: inline-block;}
.pc .recipe_point > section h2:before{
	content: "■";
	color: #ebaa00;
	width: 10px;
	height: 10px;
	margin-right: 0.5em;
	display: inline-block;
}
.pc .recipe_point > section p{ font-size: 93%; line-height: 1.5;}

.pc .recipe_point > img{ width: 250px; float: left;}

.pc .recipe_copyright{ font-size: 86%; text-align: center; margin: 2em auto 0;}



.pc .recipe_attention{ background-color: #fff; border: solid 2px #000; margin-bottom: 1em;}
.pc .recipe_attention h2{ color: #fff; background-color: #000; padding: 0.5em;}
.pc .recipe_attention section > p,
.pc .recipe_attention section > ul{ font-size: 70%; padding: 0.5em;}

.pc .privacy_link{ text-decoration: underline;}

.pc iframe{ height: 750px;}





/* sphone */

body.sphone{
	font-size: 15px;
	line-height: 1.4;
	-webkit-text-size-adjust: 100%;
}
.sphone #main .recipe_field .pc_oubo{ display: none;}

.sphone #sns{ width: 320px; margin: auto;}
.sphone .sns li { width: 105px !important;}

.sphone .container{ background-color: #fef6e1;}
.sphone .main{ padding: 0.5em;}
.sphone .main-container{ background-color: transparent; padding: 0 !important;}
.sphone .main-container-inner{ padding-top: 1em !important;}

.sphone .header{ margin-right: 0 !important;}
.sphone #header-image{
	margin: inherit;
	height: inherit;
	position: static;
	background-image: none;
}
.sphone #header-image img{ display: block;}

.sphone .recipe_field{ width: 300px; margin: 0 auto;}
.sphone .recipe_intro{ border: solid 3px #FFD462; border-radius: 10px; margin:0 auto 1em; overflow: hidden;}
.sphone .recipe_intro h2{ color: #000; font-size: 1.2em; background-color: #FFD462; padding: 0.5em;}
.sphone .recipe_intro div{ font-size: 1em; background-color: #fff; padding: 0.5em;}
.sphone .recipe_intro div p{ margin-bottom: 0.5em;}
.sphone .recipe_intro div p:first-child span{ display: block;}
.sphone .recipe_intro div p:last-child{ margin-bottom: 0;}

.sphone .recipe_intro .recipe_point { color: #2d2d2d;  background-color: transparent; padding: 0;}
.sphone .recipe_point > section {
	width: auto;
	background-image: url(../img/bg_oubo.png);
	background-position: center center;
	margin-right: 0;
	padding: 0;
	position: relative;
}
.sphone .recipe_point > section h2{ font-size: 1.1em; font-weight: normal;}
.sphone .recipe_point > section h2:before {
	content: "";
	width: 0;
	height: 0;
	margin-right: 0;
}
.sphone .recipe_point > section h3{ font-weight: bold; background-color: #FFD462; padding: 0.5em; display: inline-block;}
.sphone .recipe_point > section h3:before{
	content: "■";
	width: 15px;
	height: 15px;
	display: inline-block;
}
.sphone .recipe_point > section p{ color: #2d2d2d; font-size: 1em; padding: 0.5em;}

.sphone .recipe_oubo{ margin-bottom: 0;}
.sphone .recipe_oubo h2{
	font-size: 1.6em;
	text-align: center;
	display: block;
}
.sphone .recipe_oubo h2 span{ display: block;}
.sphone .recipe_oubo h2:before{ content: ""; width: 0; height: 0;}
.sphone .recipe_oubo >p{ text-align: center;}

.sphone .sphone_oubo{ margin-bottom: 2em;}
.sphone .recipe_point.sphone_oubo{ margin-bottom: 0;}

.sphone .btn_sphone_01,
.sphone .btn_sphone_02{ margin-bottom: 1em; position: relative;}

.sphone .btn_sphone_01 > img,
.sphone .btn_sphone_02 > img{ width: 100%;}

.sphone .btn_sphone_01 a{ width: 100%; display: block; position: absolute; top: 100px; left: 0;}
.sphone .btn_sphone_02 a{ width: 100%; display: block; position: absolute; left: 0; bottom: 25px;}

.sphone .btn_sphone_01 a img,
.sphone .btn_sphone_02 a img{ width: 200px; margin: 0 auto; display: block;}

.sphone .recipe_attention section{ border: solid 1px #111;}
.sphone .recipe_attention h2{ color: #fff; background-color: #111; padding: 0.5em}
.sphone .recipe_attention section > p,
.sphone .recipe_attention ul{ font-size: 0.8em; padding: 0.5em}
.sphone .recipe_attention li{ margin-bottom: 0.25em;}

.sphone .recipe_copyright{ text-align: center; margin: 1em auto;}

#sphone-footer.tpl{ padding-top: 0.75em !important;}


.sphone .recipe_oubo .sphone_oubo{margin-top:1em}
.sphone .recipe_oubo .sphone_oubo p{color:#8f0900;text-align:center;}
.sphone .recipe_oubo .sphone_oubo p strong{font-weight:bold;}





/* recipe_result */

.recipe_attention{ display: none;}

.pc .recipe_result{ margin-top: 1em; text-align: center;}
.pc .recipe_result h2{ font-weight: bold;}
.pc .recipe_result h3{ padding: 0.25em;}

.pc .recipe_result > section{
	background-image: url(../img/bg_oubo.png);
	background-position: center center;
	background-size: 110%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.pc .recipe_result a{ color: #2d2d2d; display: block;}

.pc .recipe_result li{
	-moz-box-sizing: border-box;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
}

.pc .recipe_member{
	border: solid 10px rgb(255, 122, 0);
	border-top: 0;
	margin-bottom: 1em;
}
.pc .recipe_member h3{ color: #fff; font-weight: bold; background-color: rgb(255, 122, 0);}
.pc .recipe_member div:not(.recipe_profile) > p,
.pc .recipe_all div:not(.recipe_profile) > p { padding-top: 0.5em;}

.pc .recipe_member ul{ padding: 0.5em;}
.pc .recipe_member li:first-child > img{ width: 32%; display: inline-block;}

.pc .recipe_member li:last-child{ padding: 0 0.5em;}
.pc .grand_oukan{ width: 100px; margin: 0 auto; display: block;}

.pc .recipe_all{ border: solid 10px orange; border-top: 0;}
.pc .recipe_all h3{ color: #fff; font-weight: bold; background-color: orange;}
.pc .recipe_all li{ text-align: left; width: 33.3%; height: 300px; float: left;}
.pc .recipe_all li:nth-of-type(3n+3){ width: 33.4%;}

.pc .recipe_all li:nth-of-type(1),
.pc .recipe_all li:nth-of-type(2){ border-top: solid 1px orange; border-bottom: solid 1px orange; border-right: solid 1px orange;}
.pc .recipe_all li:nth-of-type(3){ border-top: solid 1px orange; border-bottom: solid 1px orange;}
.pc .recipe_all li:nth-of-type(4),
.pc .recipe_all li:nth-of-type(5){ border-right: solid 1px orange; width: 50%;}

.pc .recipe_all li img{ height: 150px; margin: 0 auto; display: block;}
.pc .recipe_all a > div{ font-size: 93%; text-align: center; padding: 0.25em;}

.pc .recipe_name{ text-decoration: underline;}





.pc .recipe_profile{ text-align: left; text-indent: 21em;}
.pc .recipe_cook h4,
.pc .recipe_point h4{
	color: #fff;
	background-color: rgb(255, 122, 0);
	padding: 0.25em;
}

.pc .recipe_cook > p{ text-align: left; margin: 0.5em;}
.pc .recipe_cook > div{ float: left; padding: 0.5em;}
.pc .recipe_cook > div p{ text-align: left;}
.pc .recipe_cook > div p:first-child{ text-align: center;}

.pc .recipe_ingredients{ width: 38%;}
.pc .recipi_cooking{ width: 58%;}

.pc .recipe_point > p{ text-align: left; margin: 0.5em;}

.pc .recipe_member li:first-child > img.recipe_img_height{ width: auto; height: 250px;}





.sphone .recipe_result{ margin-top: 1em; text-align: center;}
.sphone .recipe_result h2{ font-weight: bold;}
.sphone .recipe_result h3{ padding: 0.25em;}

.sphone .recipe_result > section{
	background-image: url(../img/bg_oubo.png);
	background-position: center center;
	background-size: 110%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.sphone .recipe_result a{ color: #2d2d2d; display: block;}

.sphone .recipe_result li{
	-moz-box-sizing: border-box;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
}

.sphone .recipe_member{
	border: solid 3px rgb(255, 122, 0);
	border-top: 0;
	margin-bottom: 1em;
}
.sphone .recipe_member h3{ color: #fff; font-weight: bold; background-color: rgb(255, 122, 0);}
.sphone .recipe_member div:not(.recipe_profile) > p { padding-top: 0.5em;}
.sphone .recipe_member div:not(.recipe_profile) > p span{ display: block;}
.sphone .recipe_member ul{
	padding: 0 0.5em;
	display: flex;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	box-orient: vertical;
}
.sphone .recipe_member li:first-child{ -moz-box-ordinal-group: 2; -webkit-box-ordinal-group: 2; box-ordinal-group: 2;}
.sphone .recipe_member li:first-child > img{ width: 100%; margin-bottom: 0.5em;}
.sphone .recipe_member li:last-child{ -moz-box-ordinal-group: 1; -webkit-box-ordinal-group: 1; box-ordinal-group: 1;}
.sphone .recipe_member li:last-child a img{ width: 50px;}

.sphone .recipe_all{ border: solid 3px orange; border-top: 0;}
.sphone .recipe_all h3{ color: #fff; font-weight: bold; background-color: orange;}
.sphone .recipe_all li{ text-align: left; border-bottom: solid 3px orange; margin-bottom: 0.5em;}
.sphone .recipe_all li:last-child{ border-bottom: none; margin-bottom: 0;}

.sphone .recipe_all li img{ height: 150px; margin: 0 auto; display: block;}
.sphone .recipe_all a > div{ font-size: 93%; text-align: center; padding: 0.25em;}

.sphone .recipe_name{ text-decoration: underline;}





.sphone .recipe_profile{ text-align: left; text-indent: 5em;}
.sphone .recipe_cook h4,
.sphone .recipe_point h4{
	color: #fff;
	background-color: rgb(255, 122, 0);
	padding: 0.25em;
}

.sphone .recipe_cook > p{ text-align: left; margin: 0.5em;}
.sphone .recipe_cook > div{ padding: 0.5em;}
.sphone .recipe_cook > div p{ text-align: left;}
.sphone .recipe_cook > div p:first-child{ text-align: center;}

.sphone .recipe_point > p{ text-align: left; margin: 0.5em;}

.sphone .recipe_member li:first-child > img.recipe_img_height{ width: auto; height: 250px;}






.text_red{ color: red;}