@media all and (min-width: 768px) {

#onair_image{ background-image:url(../img/bottom_line.png); background-position:bottom; background-repeat:repeat-x; padding:0 0 30px; width:570px; margin:0 auto;}
#onair_image > h2{ width:320px; height:70px; background:url(../img/recipe/recipe_parts.png) no-repeat -10px -185px; margin:17px auto;}

#onair_image .date{ text-align:center; color:#fc9b00; margin:0 0 2px;}
.foodstuff_name{ font-size:160%; text-align:center; margin:0 0 25px; font-weight:bold;}
.foodstuff_name_line{ background-image:url(../img/foodstuff_name_line.png); background-position:bottom; background-repeat:repeat-x; padding-bottom:8px; line-height:1.6;}

.pic{ width:540px; height:303px; border:5px solid #fff; box-shadow:0px 0px 5px #bcb4aa; margin:0 auto; background-repeat:no-repeat;}

.recipe_area .foodstuff_name_s { background: url(../img/recipe/orange_tit.png); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; line-height: 1.5; text-align: center; color: #fff; font-size: 120%; margin: 20px 17px 20px; padding: 8px 15px; text-shadow: 2px 2px 0px #fa890f; }

.recipe_box{ padding:0 0 2px; background-image:url(../img/bottom_line.png); background-position:bottom; background-repeat:repeat-x; margin:0 auto 20px; width:570px;} 
.material_box{ width: 223px; float:left; padding:0 0 0 0; }
.material_box > h3{ width:220px; height:37px; background:url(../img/recipe/recipe_parts.png) no-repeat -10px -10px; margin:0px 0 12px; position: relative;}
.material_box .people{ display:block; padding: 8px 0 0 105px; text-shadow: 1px 1px 0px #fdca77; font-size: 95%;}

.ingredient-table { width: 220px; margin: 0 0px; background: #FFF; margin-bottom: 20px; line-height:1.4; font-size:90%;}
.ingredient-table td { border-bottom: 1px solid #dfd5bf; vertical-align: top; }
.mono { text-align: left; padding: 5px 0px 5px 0; font-weight:bold;}
.kazu { text-align: right; padding: 5px 0 5px 10px; }

.ingredient-table .sub1 { color: #342619 }
.ingredient-table .sub2 { color: #09729e }
.ingredient-table .sub3 { color: #046f54 }
.ingredient-table .l-element { background: #f8f3ec; /* 親要素 */ }
.ingredient-table .s-element { border-bottom: 1px dashed #dfd5bf; /* 子要素破線 */ }
.side{ background:#dfd5bf; width: 220px; text-align:center; line-height:2;}

.recipe_main_box{ width: 323px; float:right; line-height:1.7; font-size:90%; background-image:url(../img/recipe/recipe_tate_line.png); background-position:left; background-repeat:repeat-y; padding:0 0 13px 13px;}
.recipe_main_box > h3{ width:324px; height:37px; background:url(../img/recipe/recipe_parts.png) no-repeat -10px -65px; margin:0px 0 12px;}
.recipe_main_box li{ margin:0 0 1em;}

.recipe_text  { width: 295px; margin-left: 30px; line-height: 1.7; display: block; }

.point_box{ margin-bottom:10px;}
.point{ border-left:1px solid #fca61c; border-right:1px solid #fca61c; border-bottom:1px solid #fca61c; display:block; padding:0px 15px 5px;}
.point_icon{ display: block; width: 323px; height: 20px; background:url(../img/recipe/recipe_parts.png) no-repeat -10px -120px; margin:0.5em 0 0;}

.print_btn{ width:343px; height:56px; background:url(../img/recipe/print_btn.png) no-repeat -10px -10px; margin:20px auto 20px;}
.print_btn a{ display:block; width:343px; height:56px;}
.print_btn a .hover { display:block; width:343px; height:56px; background:url(../img/recipe/print_btn.png) no-repeat -10px -66px;}

#prof_box{ width:570px;  background:url(../img/recipe/prof_bg.png); margin: 0 auto 30px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#prof_box_in{ padding: 18px;}

.prof_pic{ width:135px; height:135px; float: left; border:4px solid #fff; box-shadow:0px 0px 5px #bcb4aa;}

#prof_right{ width:375px; height: auto; float: right;}
.prof_tit{ width:190px; height:25px; background:url(../img/recipe/recipe_parts.png) no-repeat -10px -150px; margin: 0 auto 13px;}
.prof_tit2{ font-size: 100%; border-bottom:2px solid #b7aa8b; padding: 6px 0 6px; margin: 0 0 6px; text-shadow: 1px 1px 0px #fdf3dd;}
.prof_text{ font-size:90%; line-height:1.7;}
}

@media all and (max-width: 767px) {
#onair_image > h2{ width:290px; height:70px; background-image:url(../img/recipe/smp/recipe_parts.png) ; background-repeat:no-repeat; background-size: 290px 70px; margin:17px auto;}

#onair_image{ background-image:url(../img/bottom_line.png); background-position:bottom; background-repeat:repeat-x; padding:0 0 30px; margin:0 auto;}
#onair_image > h2{ width:290px; height:70px; background-image:url(../img/recipe/smp/recipe_parts.png) ; background-repeat:no-repeat; background-size: 290px 70px; margin:17px auto;}

#onair_image .date{ text-align:center; color:#fc9b00; margin:0 0 2px;}
.foodstuff_name{ font-size:120%; text-align:center; margin:0 0 25px; font-weight:bold;}
.foodstuff_name_line{ background-image:url(../img/foodstuff_name_line.png); background-position:bottom; background-repeat:repeat-x; padding-bottom:6px; line-height:1.7;}

.pic{ padding-top:56.111%; overflow:hidden; height: 0; border:5px solid #fff; box-shadow:0px 0px 5px #bcb4aa; margin:0 auto; background-size:contain; background-repeat:no-repeat;}

.recipe_area .foodstuff_name_s { background: url(../img/recipe/orange_tit.png); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; line-height: 1.5; text-align: left; color: #fff; font-size: 120%; margin: 20px 0px 5px; padding: 8px 15px; text-shadow: 2px 2px 0px #fa890f; }

.recipe_box{ padding:0 0 2px; background-image:url(../img/bottom_line.png); background-position:bottom; background-repeat:repeat-x; margin:0 auto 25px; } 

.material_box{ padding:0 0 0 0;}
.material_box > h3{ height:42px; margin:13px 0 9px; border-bottom:3px solid #e5dbc1;}
.material_box > h3 .tit_in{ display:block;　width:192px; height:42px; background-image:url(../img/recipe/smp/recipe_parts2.png) ; background-repeat:no-repeat; background-size: 192px 42px;}
.material_box .people{ display:block; padding: 15px 0 0 110px; text-shadow: 1px 1px 0px #fdca77; font-size: 95%;}

.ingredient-table { margin: 0 0px; background: #FFF; margin-bottom: 20px; line-height:1.4; width:100%; font-size:90%;}
.ingredient-table td { border-bottom: 1px solid #dfd5bf; vertical-align: top; }
.mono { text-align: left; padding: 5px 0px 5px 0; width:50%; font-weight:bold;}
.kazu { text-align: right; padding: 5px 0 5px 10px; width:50%;}

.ingredient-table .sub1 { color: #342619 }
.ingredient-table .sub2 { color: #09729e }
.ingredient-table .sub3 { color: #046f54 }
.ingredient-table .l-element { background: #f8f3ec; /* 親要素 */ }
.ingredient-table .s-element { border-bottom: 1px dashed #dfd5bf; /* 子要素破線 */ }
.side{ background:#dfd5bf; text-align:center; line-height:2;}

.recipe_main_box{ line-height:1.7; font-size:90%; padding:0 0 13px 0; }

.recipe_main_box > h3{ height:42px; margin:13px 0 9px; border-bottom:3px solid #e5dbc1;}
.recipe_main_box > h3 .tit_in{ display:block; width:192px; height:42px; background-image:url(../img/recipe/smp/recipe_parts3.png) ; background-repeat:no-repeat; background-size: 192px 42px;}

.recipe_main_box li{ margin:0 0 1em;}

.recipe_text  { margin-left: 30px; line-height: 1.7; display: block; }

.point_box{ margin-bottom:10px;}
.point{ border-left:1px solid #fca61c; border-right:1px solid #fca61c; border-bottom:1px solid #fca61c; display:block; padding:5px 10px 5px; border-top:1px solid #fca61c;}
.point_icon{ display: block; /*background:url(../img/recipe/recipe_parts.png) no-repeat -10px -120px; */margin:0.5em 0 0; }
.point_icon span{ background:#fca61c; color:#fff; padding:5px; margin: 0 0 10px; font-size:90%;}

.print_btn{ display: noen;}

#prof_box{ background:url(../img/recipe/prof_bg.png); margin: 0 auto 30px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#prof_box_in{ padding: 15px 25px 25px;}

.prof_pic{ width:135px; height:135px; border:4px solid #fff; box-shadow:0px 0px 5px #bcb4aa; margin:45px auto 0; }

#prof_right{ height: auto; }
.prof_tit{ width:190px; height:25px; background:url(../img/recipe/recipe_parts.png) no-repeat -10px -150px; margin: -182px auto 0px; }
.prof_tit2{ font-size: 120%; border-bottom:2px solid #b7aa8b; padding: 0 0 6px; margin: 179px 0 6px; text-shadow: 1px 1px 0px #fdf3dd;}
.prof_text{ font-size:90%; line-height:1.7;}
}

.number{ float: left; width: 16px; height:16px; margin:3px 0 0 8px;}
.n1{ background:url(../img/recipe/number.png) no-repeat 0px 0px;}
.n2{ background:url(../img/recipe/number.png) no-repeat -16px 0px;}
.n3{ background:url(../img/recipe/number.png) no-repeat -32px 0px;}
.n4{ background:url(../img/recipe/number.png) no-repeat -48px 0px;}
.n5{ background:url(../img/recipe/number.png) no-repeat -64px 0px;}
.n6{ background:url(../img/recipe/number.png) no-repeat -80px 0px;}
.n7{ background:url(../img/recipe/number.png) no-repeat -96px 0px;}
.n8{ background:url(../img/recipe/number.png) no-repeat -112px 0px;}
.n9{ background:url(../img/recipe/number.png) no-repeat -128px 0px;}
.n10{ background:url(../img/recipe/number.png) no-repeat -144px 0px;}
.n11{ background:url(../img/recipe/number.png) no-repeat 0px -16px;}
.n12{ background:url(../img/recipe/number.png) no-repeat -16px -16px;}
.n13{ background:url(../img/recipe/number.png) no-repeat -32px -16px;}
.n14{ background:url(../img/recipe/number.png) no-repeat -48px -16px;}
.n15{ background:url(../img/recipe/number.png) no-repeat -64px -16px;}
.n16{ background:url(../img/recipe/number.png) no-repeat -80px -16px;}
.n17{ background:url(../img/recipe/number.png) no-repeat -96px -16px;}
.n18{ background:url(../img/recipe/number.png) no-repeat -112px -16px;}
.n19{ background:url(../img/recipe/number.png) no-repeat -128px -16px;}
.n20{ background:url(../img/recipe/number.png) no-repeat -144px -16px;}