@charset "UTF-8";

.article  {
  padding-bottom: 210px;
  font-family: "游ゴシック体", "Yu Gothic Medium", "Yu Gothic", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}

.article>.wrapper.contents-flex>.article-contents> h3.section-title {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 36px;
  position: relative;
}
.article>.wrapper.contents-flex>.article-contents> h3.section-title::after {
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  background-color: #707070;
  position: absolute;
  bottom: -13px;
  left: 0;
}
@media screen and (max-width: 980px) {
  .article>.wrapper.contents-flex>.article-contents> h3.section-title {
    padding-right: 5.76%;
    padding-left: 5.76%;
    font-size: 16px;
    line-height: 30px;
  }
  .article>.wrapper.contents-flex>.article-contents> h3.section-title::after {
    margin-left: 5.76%;
  }
}

/* list */
.article-contents > .article-list {
  font-weight: 500;
  font-size: 16px;
  padding-left: 1.25em;
  word-break: break-all;
  margin-bottom: 2em;
  line-height: 2;
}
.article-contents > .article-list--unordered.list-style-type--cation {
  padding-left: 0;
}
@media (max-width: 980px) {
  .article-contents > .article-list {
    font-size: 13px;
    padding-right: 5.76%;
    padding-left: calc(1.25em + 5.76%);
  }
  .article-contents > .article-list--unordered.list-style-type--cation {
    padding-left: 5.76%;
  }
}
.article-contents > .article-list a {
  color: #c64742;
}
.article-contents > .article-list--unordered li {
  list-style-type: disc;
}
.article-contents > .article-list--unordered li .article-list {
  margin-bottom: 0;
}
.article-contents > .article-list--unordered.list-style-type--upperlatin li {
  list-style-type: upper-latin;
}
.article-contents > .article-list--unordered.list-style-type--cation li {
  padding-left: 1em;
  text-indent: -1em;
  list-style-type: none;
}
.article-contents > .article-list--unordered.list-style-type--cation li:before {
  content: "※";
}
.article-contents > .article-list--ordered li {
  list-style-type: decimal;
}

.article .article-contents .article-section>h2>span {
  background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(65%,transparent),color-stop(65%,#f4e5c6),color-stop(100%,#f4e5c6),color-stop(100%,transparent),to(transparent));
  background-image: linear-gradient(transparent 0%,transparent 65%,#f4e5c6 65%,#f4e5c6 100%,transparent 100%,transparent 100%)
}

.article .article-contents .article-section .section-title {
  margin-top: 0;
  margin-bottom: 8px;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(65%,transparent),color-stop(0%,transparent));
  background: linear-gradient(transparent 65%,transparent 0%);
  font-size: 26px!important;
}
body .article > .wrapper.contents-flex > .article-contents > .article-section {
  margin-top: 80px;
  position: relative;
}

body .article > .wrapper.contents-flex > .article-contents > .article-section::before {
  position: absolute;
  display: block;
  content: '';
  top: -40px;
  left: 50%;
  width: 100%;
  height: 2px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../images/top/bg_dot-line.svg) center center / auto 2px repeat-x;
}

body .article > .wrapper.contents-flex > .article-contents > .introduction {
  font-weight: 500;
  font-size: 16px;
  line-height: 34px;
  margin-bottom: 31px;
}


@media screen and (max-width: 1200px) {
  .article .article-contents .article-section > h2 {
    margin-top: 28px;
    margin-bottom: 20px
  }
}
@media screen and (max-width: 980px) {
  .article  {
    padding-bottom: 0;
  }

  .article .article-contents .article-section .section-title {
    margin-top: 0;
    margin-bottom: 8px!important;
    font-size: 20px!important;;
  }
  .article .article-contents .article-section > h2 {
    margin-top: 8px;
    font-size: 18px;
    margin-bottom: 20px;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .article-section {
    padding-right: 5.76%;
    padding-left: 5.76%;
  }
  body .article > .wrapper.contents-flex > .article-contents > .article-section {
    margin-top: 55px;
  }
  body .article > .wrapper.contents-flex > .article-contents > .article-section::before {
    top: -24px;
  }
  body .article > .wrapper.contents-flex > .article-contents > .introduction {
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 33px;
    padding-right: 5.76%;
    padding-left: 5.76%;
  }
}
/* ==========================================================
 helper
========================================================== */
/* clearfix */
.clearfix:after { content: ''; display: block; clear: both; }

/* rwd switch */
.only-sp { display: none; }

@media screen and (max-width: 767px) {
  .only-pc { display: none; }
  .only-sp { display: block; }
  .only-spimg { display: inline-block; }
}

/* ==========================================================
 icons
========================================================== */
.ico-cmn-kinoko-02 { background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/img/sprite.png); background-position: 0px -7701px; width: 20px; height: 22px; }

.ico-cmn-clock { background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/img/sprite.png); background-position: 0px -3753px; width: 18px; height: 18px; }

.ico-cmn-energy { background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/img/sprite.png); background-position: 0px -4759px; width: 14px; height: 20px; }

.ico-cmn-bunapi-02 { background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/img/sprite.png); background-position: 0px -2980px; width: 58px; height: 46px; }

.ico-cmn-eringi-02 { background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/img/sprite.png); background-position: 0px -4827px; width: 46px; height: 42px; }

/* きのこアイコン（画像差し替え） */
.ico-cmn-eringi-02,
.ico-cmn-bunashimeji-02,
.ico-cmn-bunapi-02,
.ico-cmn-maitake-02,
.ico-cmn-shimofurihiratake-02,
.ico-cmn-shimeji-02,
.ico-cmn-donko-02,
.ico-cmn-shiitake-02,
.ico-cmn-kansoshiitake-02 {
  width: 58px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

.ico-cmn-eringi-02 {
  background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_04.png);
  background-size: auto 100%;
  width: 46px;
}

.ico-cmn-bunashimeji-02 {
  background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_01.png);
}

.ico-cmn-bunapi-02 {
  background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_02.png);
}

.ico-cmn-maitake-02 {
  background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_03.png);
}

.ico-cmn-shimofurihiratake-02 {
  background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_05.png);
}

.ico-cmn-shimeji-02 {
  background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_07.png);
}

.ico-cmn-shiitake-02 {
  background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_08.png);
}

.ico-cmn-donko-02 {
  background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_09.png);
  background-size: auto 100%;
  width: 46px;
}

.ico-cmn-kansoshiitake-02 {
  background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_10.png);
  background-size: auto 100%;
  width: 46px;
}

@media screen and (max-width: 767px) {
  .ico-cmn-clock { background-image: url("/z0y6LaZKWu/wp-content/themes/hokuto2017/img/sprite.png"); background-position: 0px -1891px; width: 12px; height: 12px; background-size: 216px 6033px; }
  .ico-cmn-energy { background-image: url("/z0y6LaZKWu/wp-content/themes/hokuto2017/img/sprite.png"); background-position: 0px -2395px; width: 9px; height: 14px; background-size: 216px 6033px; }
  .ico-cmn-kinoko-02 { background-image: url("/z0y6LaZKWu/wp-content/themes/hokuto2017/img/sprite.png"); background-position: 0px -3867px; width: 11px; height: 12.5px; background-size: 216px 6033px; }
  .ico-cmn-bunapi-02 { background-image: url("/z0y6LaZKWu/wp-content/themes/hokuto2017/img/sprite.png"); background-position: 0px -1518px; width: 41px; height: 32px; background-size: 216px 6033px; }
  .ico-cmn-eringi-02 { background-image: url("/z0y6LaZKWu/wp-content/themes/hokuto2017/img/sprite.png"); background-position: 0px -2440px; width: 35px; height: 31px; background-size: 216px 6033px; }

  .ico-cmn-eringi-02,
  .ico-cmn-bunashimeji-02,
  .ico-cmn-bunapi-02,
  .ico-cmn-maitake-02,
  .ico-cmn-shimofurihiratake-02 {
    width: 46px;
    height: 40px;
  }

  .ico-cmn-eringi-02 {
    background-size: auto 100%;
    width: 36px;
  }
}

/* ==========================================================
 list-contents-item 内の要素
========================================================== */

/* box-recipe-header
---------------------------------------------------------- */
.box-recipe-header { display: table; width: 100%; padding: 0 30px; margin: 10px 0 12px; border-radius: 3px; background: #fefaeb; }
.box-recipe-header .user-name { display: block; margin-bottom: 10px; }
.box-recipe-header .user-name img { vertical-align: middle; padding-right: 5px; }

.box-recipe-header > div, .box-recipe-header .col-btn { display: table-cell; vertical-align: middle; }

.box-recipe-header > div { padding: 25px 16px; }

.box-recipe-header > div .ttl-recipe { margin-bottom: 15px; color: #603813; font-size: 34px; font-family: "FOT-筑紫A丸ゴシック Std D", "TsukuARdGothicStd-D"; line-height: 1; }

.box-recipe-header > div .txt-recipe-description { margin-top: 10px; font-size: 15px; }

.box-recipe-header > div .list-recipe-category { overflow: hidden; margin-top: 15px; }

.box-recipe-header > div .list-recipe-category li { display: block; float: left; margin-right: 4px; padding: 0 7px; border-radius: 4px; background: #886a4e; color: #fff; font-family: "FOT-ロダン Pro DB", "RodinPro-DB"; line-height: 24px; }

.box-recipe-header .col-btn { width: 162px; height: 43px; }

@media screen and (max-width: 767px) {
  .box-recipe-header { display: block; padding: 0; margin: 7px 0 24px; width: 100%; border-radius: 0; background: none; }
  .box-recipe-header > div, .box-recipe-header .col-btn { display: block; }
  .box-recipe-header > div { padding: 0; }
  .box-recipe-header > div .ttl-recipe { padding: 8px 13px; margin: 0 -5px; background: #fefaeb; font-size: 20px; line-height: 1.2; }
  .box-recipe-header > div .txt-recipe-description { padding: 8px; font-size: 13px; line-height: 20px; }
  .box-recipe-header > div .list-recipe-category { overflow: hidden; margin: 0 8px 15px; }
  .box-recipe-header > div .list-recipe-category li { margin-right: 3px; padding: 0 5px; border-radius: 3px; background: #886a4e; font-size: 11px; line-height: 17px; }
  .box-recipe-header > div figure { margin: 0 -5px; }
  .box-recipe-header .col-btn { display: none; }
}

/* box-recipe-info
---------------------------------------------------------- */
.box-recipe-info { padding-bottom: 18px; margin-bottom: 25px; overflow: hidden; border-bottom: 1px solid #cfc3b8; }

.box-recipe-info .recipe-info-kinoko { display: table; float: left; }

.box-recipe-info .recipe-info-kinoko dt, .box-recipe-info .recipe-info-kinoko dd { display: table-cell; vertical-align: middle; }

.box-recipe-info .recipe-info-kinoko dt { padding-right: 20px; }

.box-recipe-info .recipe-info-kinoko dt span { width: auto; padding-left: 30px; font-size: 15px; line-height: 22px; }

.box-recipe-info .recipe-info-kinoko dd { padding-right: 12px; line-height: 1px; }

.box-recipe-info .recipe-info-kinoko dd:last-child { padding-right: 0; }

.box-recipe-info .recipe-info-kinoko + div { display: table; float: right; }

.box-recipe-info .recipe-info-kinoko + div p { display: table-cell; vertical-align: middle; height: 46px; font-size: 15px; }

.box-recipe-info .recipe-info-kinoko + div p span { width: auto; padding-right: 1em; color: #603813; font-family: "FOT-ロダン Pro DB", "RodinPro-DB"; }

.box-recipe-info .recipe-info-kinoko + div .recipe-info-time { padding-right: 45px; }

.box-recipe-info .recipe-info-kinoko + div .recipe-info-time span { padding-left: 27px; line-height: 1.2; }

.box-recipe-info .recipe-info-kinoko + div .recipe-info-energy { padding-right: 10px; }

.box-recipe-info .recipe-info-kinoko + div .recipe-info-energy span { padding-left: 25px; }

.box-recipe-info .recipe-info-kinoko { float: none; margin: 0 auto; }
.box-recipe-info .recipe-info-kinoko + div { float: none; margin: 10px auto 0; }

@media screen and (max-width: 767px) {
  .box-recipe-info { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
  .box-recipe-info .recipe-info-kinoko { margin-bottom: 15px; float: none; }
  .box-recipe-info .recipe-info-kinoko dt { padding-right: 10px; }
  .box-recipe-info .recipe-info-kinoko dt span { width: auto; padding-left: 15px; font-size: 12px; line-height: 1.1; }
  .box-recipe-info .recipe-info-kinoko dd { padding-right: 6px; }
  .box-recipe-info .recipe-info-kinoko + div { display: table; float: none; margin: 0 0 24px; }
  .box-recipe-info .recipe-info-kinoko + div p { height: auto; font-size: 12px; }
  .box-recipe-info .recipe-info-kinoko + div p span { width: auto; padding-right: 7px; }
  .box-recipe-info .recipe-info-kinoko + div .recipe-info-time { padding-right: 20px; }
  .box-recipe-info .recipe-info-kinoko + div .recipe-info-time span { padding-left: 16px; line-height: 1; }
  .box-recipe-info .recipe-info-kinoko + div .recipe-info-energy { padding-right: 0; }
  .box-recipe-info .recipe-info-kinoko + div .recipe-info-energy span { padding-left: 15px; }
}

/* box-recipe-info__style2
---------------------------------------------------------- */
.box-recipe-info__style2 { display: flex; align-items: center; justify-content: flex-end; padding: 10px 0; margin-bottom: 25px; overflow: hidden; border-bottom: 1px solid #cfc3b8; }

.box-recipe-info__style2 .recipe-info-kinoko { flex: 0 1 auto; display: flex; align-items: center; justify-content: flex-start; }

.box-recipe-info__style2 .recipe-info-kinoko dt, .box-recipe-info__style2 .recipe-info-kinoko dd { flex: 0 1 auto; }

.box-recipe-info__style2 .recipe-info-kinoko dt { padding-right: 20px; }

.box-recipe-info__style2 .recipe-info-kinoko dt span { width: auto; padding-left: 30px; font-size: 15px; line-height: 22px; }

.box-recipe-info__style2 .recipe-info-kinoko dd { padding-right: 12px; line-height: 1px; }

.box-recipe-info__style2 .recipe-info-kinoko dd:last-child { padding-right: 0; }

.box-recipe-info__style2 .recipe-info-cooking { flex: 0 1 auto; padding-right: 10px; }

.box-recipe-info__style2 .recipe-info-cooking .recipe-info-cooking__inner { display: flex; justify-content: flex-end; }

.box-recipe-info__style2 .recipe-info-cooking .recipe-info-cooking__inner > div:not(:last-child) { padding-right: 45px; }

.box-recipe-info__style2 .recipe-info-cooking .recipe-info-time,
.box-recipe-info__style2 .recipe-info-cooking .recipe-info-energy,
.box-recipe-info__style2 .recipe-info-cooking .recipe-info-salt { flex: 0 1 auto; }

.box-recipe-info__style2 .recipe-info-cooking p { display: block; font-size: 15px; text-align: center; }

.box-recipe-info__style2 .recipe-info-cooking p.ttl { color: #603813; font-family: "FOT-ロダン Pro DB", "RodinPro-DB"; }

.box-recipe-info__style2 .recipe-info-cooking p.ttl span { display: inline-block; margin-bottom: -3px; margin-right: 5px; }

.box-recipe-info__style2 .recipe-info-cooking .recipe-info-time p.ttl { padding-right: 18px; }

.box-recipe-info__style2 .recipe-info-cooking .recipe-info-energy p.ttl { padding-right: 14px; }

.box-recipe-info__style2 .recipe-info-cooking .recipe-info-salt p.ttl { padding-right: 14px; }

.box-recipe-info__style2 .recipe-info-cooking .recipe-info-salt span.ico-cmn-salt { background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/kinokorecipe/img/ico_salt.png); background-position: 0 center; background-repeat: no-repeat; background-size: contain; width: 15px; height: 20px; }

.box-recipe-info__style2 .recipe-info-cooking .input__note { font-size: 12px; }

.box-recipe-info__style2 .recipe-info-cooking .cooking-bunryo { width: 100%; margin-top: 5px; }

.box-recipe-info__style2 .recipe-info-cooking .cooking-bunryo p { font-size: 12px; text-align: right; }

@media screen and (max-width: 767px) {
  .box-recipe-info__style2 { display: block; padding: 0; border-bottom: none; margin-top: 24px; }
  .box-recipe-info__style2 .recipe-info-kinoko { width: 100%; justify-content: center; margin-bottom: 20px; }
  .box-recipe-info__style2 .recipe-info-kinoko dt { padding-right: 10px; }
  .box-recipe-info__style2 .recipe-info-kinoko dt span { width: auto; padding-left: 15px; font-size: 12px; line-height: 1.1; }
  .box-recipe-info__style2 .recipe-info-kinoko dd { padding-right: 6px; }
  .box-recipe-info__style2 .recipe-info-cooking { width: 100%; padding-right: 0; }
  .box-recipe-info__style2 .recipe-info-cooking .recipe-info-cooking__inner { justify-content: center; }
  .box-recipe-info__style2 .recipe-info-cooking .recipe-info-cooking__inner > div:not(:last-child) { padding-right: 15px; }
  .box-recipe-info__style2 .recipe-info-cooking .recipe-info-time,
  .box-recipe-info__style2 .recipe-info-cooking .recipe-info-energy,
  .box-recipe-info__style2 .recipe-info-cooking .recipe-info-salt { flex: 1 1 0%; }
  .box-recipe-info__style2 .recipe-info-cooking p { font-size: 13px; }
  .box-recipe-info__style2 .recipe-info-cooking p.ttl span { display: block; margin: 0 auto; }
  .box-recipe-info__style2 .recipe-info-cooking .recipe-info-time p.ttl,
  .box-recipe-info__style2 .recipe-info-cooking .recipe-info-energy p.ttl,
  .box-recipe-info__style2 .recipe-info-cooking .recipe-info-salt p.ttl { padding-right: 0; }
  .box-recipe-info__style2 .recipe-info-cooking .recipe-info-time span.ico-cmn-clock { background-position: 1px -1889px; width: 14px; height: 14px; }
  .box-recipe-info__style2 .recipe-info-cooking .recipe-info-energy span.ico-cmn-energy { width: 9px; height: 14px; }
  .box-recipe-info__style2 .recipe-info-cooking .recipe-info-salt span.ico-cmn-salt { width: 11px; height: 14px; }
  .box-recipe-info__style2 .recipe-info-cooking .input__note { font-size: 11px; }
  .box-recipe-info__style2 .recipe-info-cooking .cooking-bunryo p { font-size: 11px; }
}

/* box-recipe-ingredient
---------------------------------------------------------- */
.box-recipe-ingredient { overflow: hidden; }

.box-recipe-ingredient .fig-cmn { float: right; margin-left: 32px; }

.box-recipe-ingredient .fig-cmn + div { overflow: hidden; }

.box-recipe-ingredient .ttl-recipe-ingredient { margin-bottom: 20px; color: #603813; font-size: 20px; font-family: "FOT-筑紫A丸ゴシック Std D", "TsukuARdGothicStd-D"; line-height: 24px; }

.box-recipe-ingredient .ttl-recipe-ingredient span { padding-left: 1em; color: #404040; font-size: 14px; font-family: "FOT-ロダン Pro M", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

.box-recipe-ingredient .list-recipe-ingredient { margin-bottom: 60px; border-top: 1px dotted #ccc; }

.box-recipe-ingredient .list-recipe-ingredient li { overflow: hidden; padding: 7px 0; border-bottom: 1px dotted #ccc; }

.box-recipe-ingredient .list-recipe-ingredient li p { font-size: 15px; line-height: 18px; }

.box-recipe-ingredient .list-recipe-ingredient li .txt-ingredient { float: left; width: 243px; }

.box-recipe-ingredient .list-recipe-ingredient li .txt-quantity { overflow: hidden; text-align: right; }

.box-recipe-ingredient .ttl-recipe-seasoning { font-size: 15px; font-family: "FOT-ロダン Pro DB", "RodinPro-DB"; }

.box-recipe-ingredient .fig-cmn { margin-left: 30px; width: 50%; }
.box-recipe-ingredient .list-recipe-ingredient li .txt-ingredient { width: 65%; }

@media screen and (max-width: 767px) {
  .box-recipe-ingredient .ttl-recipe-ingredient { margin-bottom: 12px; font-size: 14px; line-height: 18px; }
  .box-recipe-ingredient .ttl-recipe-ingredient span { font-size: 13px; }
  .box-recipe-ingredient .list-recipe-ingredient { margin-bottom: 30px; border-top: 1px solid #ccc; }
  .box-recipe-ingredient .list-recipe-ingredient li { overflow: hidden; padding: 10px 0; border-bottom: 1px solid #ccc; }
  .box-recipe-ingredient .list-recipe-ingredient li p { font-size: 13px; line-height: 1.25; }
  .box-recipe-ingredient .list-recipe-ingredient li .txt-ingredient { float: left; width: auto; padding-right: 2em; }
  .box-recipe-ingredient .ttl-recipe-seasoning { font-size: 13px; }
}

/* box-recipe-step
---------------------------------------------------------- */
.box-recipe-step { margin-bottom: 60px; }

.box-recipe-step .ttl-recipe-step { margin-bottom: 10px; border-bottom: 1px solid #603813; color: #754c24; font-size: 18px; font-family: "FOT-筑紫A丸ゴシック Std D", "TsukuARdGothicStd-D"; }

.box-recipe-step .list-recipe-step { counter-reset: step; }

.box-recipe-step .list-recipe-step li { position: relative; padding: 30px 0 30px 50px; border-bottom: 1px solid #e7e1dc; }

.box-recipe-step .list-recipe-step li:before { position: absolute; left: 3px; top: 25px; counter-increment: step; content: counter(step); color: #dbc0a3; font-family: "FOT-マティス Pro DB", "MatissePro-DB"; font-size: 35px; line-height: 1; }

.box-recipe-step .list-recipe-step li p { font-size: 16px; line-height: 34px; }

@media screen and (max-width: 767px) {
  .box-recipe-step { margin-bottom: 15px; }
  .box-recipe-step .ttl-recipe-step { padding-bottom: 10px; margin-bottom: 0; font-size: 14px; }
  .box-recipe-step .list-recipe-step li { position: relative; padding: 15px 0 15px 25px; }
  .box-recipe-step .list-recipe-step li:before { left: 3px; top: 18px; font-size: 18px; }
  .box-recipe-step .list-recipe-step li p { font-size: 13px; line-height: 20px; }
}

/* box-recipe-keyword
---------------------------------------------------------- */
.box-recipe-keyword { font-size: 16px; line-height: 34px; margin-bottom: 30px; padding: 12px 16px 7px 20px; background: #fefaeb; }

.box-recipe-keyword .ttl-recipe-step { margin-bottom: 18px; border-bottom: 1px solid #603813; color: #754c24; font-size: 16px; font-family: "FOT-筑紫A丸ゴシック Std D", "TsukuARdGothicStd-D"; font-weight: normal; }

.box-recipe-keyword .ttl-recipe-keyword { float: left; margin-right: 20px; color: #603813; font-size: 15px; font-family: "FOT-筑紫A丸ゴシック Std D", "TsukuARdGothicStd-D"; line-height: 29px; }

.box-recipe-keyword ul { overflow: hidden; }

.box-recipe-keyword ul li { float: left; margin: 0 4px 5px 0; }

.box-recipe-keyword ul li a { display: block; padding: 0 8px; border-radius: 3px; border: 1px solid #ccc; background: #fff; font-size: 13px; line-height: 27px; text-decoration: none; }

.box-recipe-keyword a.tankyu { font-size: 14px; }

@media screen and (max-width: 767px) {
  .box-recipe-keyword { font-size: 13px; line-height: 20px; margin-bottom: 25px; padding: 10px 9px 9px 12px; }
  .box-recipe-keyword .ttl-recipe-step { padding-bottom: 5px; margin-bottom: 10px; font-size: 13px; }
  .box-recipe-keyword .ttl-recipe-keyword { float: none; margin: 0 0 8px; font-size: 13px; line-height: 1; }
  .box-recipe-keyword ul { overflow: hidden; }
  .box-recipe-keyword ul li { float: left; margin: 0 3px 4px 0; }
  .box-recipe-keyword ul li a { padding: 0 8px; font-size: 10px; line-height: 22px; }
  .box-recipe-keyword a.tankyu { font-size: 12px; }
}