@charset "UTF-8";
/* CSS Document */

.note-editable img{ max-width: 100%;}




/*ストックレシピ*/
#detail_category::after{ content:"休日など、時間のあるときにまとめて下ごしらえをしたり保存がきく副菜を作ったりしておくと忙しい日のごはん作りにゆとりがうまれます。"; display: block; font-weight: normal;}
@media (min-width: 768px) {
#detail_category::after{ font-size: 16px; margin-bottom: 50px;}
}
@media (max-width: 767.98px) {}

#detail_main{ display: none;}





.recipe_box{}
.recipe_box>div>h2{ margin: 0 0 1rem;}
.recipe_box>div>h2>span{ display: inline-block; background-color: black; color: white; line-height: 1em; padding: 0.5em 1em; border-radius: 0.5em;}
@media (min-width: 768px) {
.recipe_box{ display: flex; margin: 50px -15px 0; font-size: 14px;}
.recipe_box>div{ width: calc(50% - 30px); margin: 0 15px;}
.recipe_box>div>h2{ font-size: 16px;}
}
@media (max-width: 767.98px) {
.recipe_box>div{ margin-top: 30px;}
.recipe_box>div>h2{ font-size: 14px;}
}


.zairyo>*{ font-weight: normal;}
.zairyo>p{ display: block; position: relative; overflow: hidden; margin: 0; clear: both;}
.zairyo>p>span{ background-color: white; position: relative;}
.zairyo>p>span:first-child{ padding-right: 0.5em; float: left;}
.zairyo>p>span:last-child{ padding-left: 0.5em; float: right;}
.zairyo>p::before{ content: "・・・・・・・・・・・・・・・・・・・・・・・・・・"; position: absolute;}
.zairyo>i{ font-style: normal; margin-top: 1.5em; display: block;}
.zairyo>i::before{ content: "＜"}
.zairyo>i::after{ content: "＞";}
.zairyo>small{display: block; margin-bottom: 0.5em;}

@media (min-width: 768px) {
.zairyo{}
.zairyo>p{}
.zairyo>i{}
.zairyo>small{ font-size: 10px;}
}
@media (max-width: 767.98px) {
.zairyo{ font-size: 12px;}
.zairyo>p{}
.zairyo>i{}
.zairyo>small{ font-size: 10px;}
}













.tukurikata_box{}
.tukurikata_box>p{ position: relative; padding-left: 1em;}
.tukurikata_box>p>span.no{ position: absolute; display: inline-block; width: 1em; text-align: center; left: 0; top: 0;}
.tukurikata_box>p>i{ font-style: normal; color: gray;}
@media (min-width: 768px) {}
@media (max-width: 767.98px) {}













.recipe_02{ background-color: gray; text-align: center;}
.recipe_02>.leed{ font-weight: bold;}
.recipe_02>.img_box{ margin-left: auto; margin-right: auto;}
.recipe_02>.recipe_midashi02{ display: flex; justify-content: center; align-items: center; font-weight: bold;}
.recipe_02>.recipe_midashi02::before,.recipe_02>.recipe_midashi02::after{ margin: 0 0.25em; font-weight: normal;}
.recipe_02>.recipe_midashi02::before{ content: "＼"}
.recipe_02>.recipe_midashi02::after{ content: "／"}

.recipe_02>.text{ text-align: left; margin: 0;}
.recipe_02>.text>strong{ display: block;}
@media (min-width: 768px) {
.recipe_02{ padding: 30px; border-radius: 30px; margin: 50px 0 0;}
.recipe_02>.leed{ font-size: 16px; margin-bottom: 30px;}
.recipe_02>.img_box{ width: 260px;}
.recipe_02>.recipe_midashi02{ font-size: 30px; margin: 30px 0;}
.recipe_02>.recipe_midashi02::before,.recipe_02>.recipe_midashi02::after{ font-size: 50px;}
.recipe_02>.text{ font-size: 14px;}
}
@media (max-width: 767.98px) {
.recipe_02{ padding: 15px; border-radius: 15px; margin: 50px 0 0;}
.recipe_02>.leed{ font-size: 14px; margin-bottom: 30px; margin-top: 15px;}
.recipe_02>.img_box{ width: 60%;}
.recipe_02>.recipe_midashi02{ font-size: 20px; margin: 30px 0;}
.recipe_02>.recipe_midashi02::before,.recipe_02>.recipe_midashi02::after{ font-size: 40px;}
.recipe_02>.text{ font-size: 12px;}

}













.text_02{ border: 2px dashed black; padding: 0.5em 1em;}
.text_02>span{ display: block;}
.text_02>span:first-child{ border-bottom: 2px dashed black; padding-bottom: 0.5em; margin-bottom: 0.5em;}
@media (min-width: 768px) {
.text_02{ margin-top: 50px;}
.text_02>span:last-child{ font-size: 12px;}
}
@media (max-width: 767.98px) {
.text_02{ margin-top: 50px;}
.text_02>span:last-child{ font-size: 10px;}
}














@media (min-width: 768px) {}
@media (max-width: 767.98px) {}














@media (min-width: 768px) {}
@media (max-width: 767.98px) {}