@charset "UTF-8";

/* =========================================================
   content-80.css
   /var/www/html/jp/recipe/assets/css/content-80.css
========================================================= */

.rd-hero__eyebrow{
  letter-spacing: 0.12em;
}

.rd-summary__item{
  border-top: 3px solid #8c6a2f;
}

.rd-section--intro .rd-heading h2,
.rd-section--closing .rd-heading h2{
  color: #4f3c1d;
}

.rd-section .rd-heading__sub{
  color: #8c6a2f;
}

.rd-section .rd-prose p{
  color: #3f3a33;
}

.rd-panel{
  border: 1px solid #e7dcc7;
  background: #fffdf8;
  box-shadow: 0 10px 24px rgba(0,0,0,0.04);
}

.rd-list--check li{
  border-bottom: 1px dashed #e6dccf;
  padding-bottom: 10px;
}

.rd-list--check li:last-child{
  border-bottom: none;
  padding-bottom: 0;
}

.rd-section--nutrition .rd-nutrition-card{
  border: 1px solid #e3d8c4;
  background: #fffefb;
  box-shadow: 0 10px 24px rgba(0,0,0,0.04);
}

.rd-section--nutrition .rd-nutrition-card__title{
  margin: 0 0 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid #efe4d1;
  color: #4f3c1d;
  font-size: 20px;
  line-height: 1.5;
}

.rd-section--nutrition .rd-nutrition-list__row{
  align-items: flex-start;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #efe7d9;
}

.rd-section--nutrition .rd-nutrition-list__row:last-child{
  border-bottom: none;
}

.rd-section--nutrition .rd-nutrition-list__name{
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 700;
  color: #332d27;
  line-height: 1.6;
}

.rd-section--nutrition .rd-nutrition-list__value{
  flex: 0 0 auto;
  white-space: nowrap;
  font-weight: 700;
  color: #8c6a2f;
  line-height: 1.6;
}

.rd-section--nutrition .rd-nutrition-card__note{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px dashed #dfd2bd;
  color: #675b4c;
  font-size: 13px;
  line-height: 1.8;
}

.rd-section--nutrition .rd-nutrition-notes{
  margin-top: 24px;
  padding: 18px 20px;
  border: 1px solid #e3d8c4;
  background: #fcf7ef;
  border-radius: 16px;
}

.rd-section--closing .rd-closing{
  border: 1px solid #e6dccf;
  background: linear-gradient(180deg, #fffdf8 0%, #f8f2e8 100%);
}

.rd-section--closing .rd-prose p{
  color: #433a31;
}

@media screen and (max-width: 767px){
  .rd-section--nutrition .rd-nutrition-card__title{
    font-size: 18px;
  }

  .rd-section--nutrition .rd-nutrition-list__row{
    gap: 10px;
  }

  .rd-section--nutrition .rd-nutrition-list__name{
    font-size: 14px;
  }

  .rd-section--nutrition .rd-nutrition-list__value{
    font-size: 14px;
  }
}