/* 写真と商品情報を並べ、画面幅が狭い時も本文を画像に重ねない。 */
.mitsudokiEditorial {
  --ink: #211b19;
  --pine: #322622;
  --pine-2: #45302c;
  --cream: #f5efe4;
  --cream-2: #e8ded2;
  --tx-on-cream: #211b19;
  --tx-on-cream-dim: #574c48;
  --tx-on-dark: #f5efe4;
  --tx-on-dark-dim: #ddd1c6;
}
.mitsudokiEditorial .noise { display: none; }
.mitsudokiEditorial header { border-bottom: 1px solid #211b1922; }
.mitsudokiEditorial .hero {
  display: flex;
  min-height: auto;
  background: var(--cream);
  padding-top: calc(124px + env(safe-area-inset-top));
}
.mitsudokiEditorial .heroFig {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  margin: 0;
  box-shadow: none;
}
.mitsudokiEditorial .heroFig img {
  width: 100%; height: 100%; object-fit: cover;
  object-position: 50% 12%; will-change: auto;
}
.mitsudokiEditorial .heroInner { margin: 0; padding: 32px 24px 44px; }
.mitsudokiEditorial .heroEyebrow {
  font-family: var(--serif-jp); font-size: 15px;
  letter-spacing: .12em; color: #672a31;
}
.mitsudokiEditorial .heroTitle {
  margin-top: 18px; font-size: clamp(29px, 8vw, 42px);
  font-weight: 500; letter-spacing: .04em; line-height: 1.65;
}
.mitsudokiEditorial .heroLead { margin-top: 22px; font-size: 15px; line-height: 2; }
.mitsudokiEditorial .heroActions { margin-top: 24px; gap: 10px; }
.mitsudokiEditorial .btnGold { background: #672a31; color: #fff7ed; border: 1px solid #672a31; }
.mitsudokiEditorial .btnGold:hover { background: #512129; }
.mitsudokiEditorial .btnLine { border-color: #76675e; }
.mitsudokiEditorial .priceCard .btnGold { background: #f5efe4; color: #211b19; border-color: #f5efe4; }
.mitsudokiEditorial .priceCard .btnGold:hover { background: #e8ded2; }
.mitsudokiEditorial .product { background: var(--ink); }
.mitsudokiEditorial .product::before { content: none; }
.mitsudokiEditorial .product .container { max-width: 920px; }
.mitsudokiEditorial .pkgGrid { margin: 0 auto; max-width: 650px; gap: 24px; }
.mitsudokiEditorial .pkg img { max-height: 390px; width: auto; max-width: 70%; }
.mitsudokiEditorial .pkgLabel { text-align: center; }
.mitsudokiEditorial .ingredients { margin-top: 44px; }
.mitsudokiEditorial .philosophy { background: var(--cream); }
.mitsudokiEditorial .philosophy::before { content: none; }
.mitsudokiEditorial .philoBody { max-width: 38em; }
.mitsudokiEditorial .botanicalFigure { margin: 34px 0 0; }
.mitsudokiEditorial .botanicalFigure img { width: 100%; height: auto; }
.mitsudokiEditorial .botanicalFigure figcaption {
  margin-top: 12px; color: var(--tx-on-cream-dim); font-size: 12px;
}
.mitsudokiEditorial .qualityItem { background: transparent; padding-left: 0; border-left: 0; }
.mitsudokiEditorial .qualityItem .no { display: none; }
.mitsudokiEditorial .qualityList { border-block: 1px solid #76675e55; padding-block: 12px; }
.mitsudokiEditorial .qualityItem strong { font-size: 17px; }
.mitsudokiEditorial .qualityItem p { font-size: 14px; }
.mitsudokiEditorial .price { background: var(--pine); }
.mitsudokiEditorial .priceCard { background: transparent; }
.mitsudokiEditorial footer { background: #191412; }
@media (min-width: 600px) and (max-width: 899px) {
  .mitsudokiEditorial .heroFig { aspect-ratio: 3 / 2; }
  .mitsudokiEditorial .heroInner { padding-inline: max(32px, calc((100vw - 560px) / 2)); }
}
@media (min-width: 900px) {
  .mitsudokiEditorial .hero {
    display: grid; grid-template-columns: 1fr 1fr;
    padding-top: calc(88px + env(safe-area-inset-top)); align-items: stretch;
  }
  .mitsudokiEditorial .heroFig {
    order: 2; height: clamp(680px, calc(100svh - 88px), 900px); aspect-ratio: auto;
  }
  .mitsudokiEditorial .heroFig img { object-position: 50% 45%; }
  .mitsudokiEditorial .heroInner {
    order: 1; display: flex; flex-direction: column; justify-content: center;
    padding: 60px clamp(36px, 5vw, 80px);
  }
  .mitsudokiEditorial .heroTitle { font-size: clamp(34px, 3.5vw, 56px); line-height: 1.65; }
  .mitsudokiEditorial .heroLead { margin-top: 26px; font-size: 16px; }
  .mitsudokiEditorial .heroActions { flex-wrap: wrap; }
  .mitsudokiEditorial .heroActions > * { flex: 1 1 180px; padding-inline: 16px; }
  .mitsudokiEditorial .philosophy .container {
    max-width: 1200px; display: grid; grid-template-columns: .8fr 1.2fr;
    gap: 64px; align-items: center;
  }
  .mitsudokiEditorial .botanicalFigure { margin: 0; }
  .mitsudokiEditorial .botanicalFigure img { aspect-ratio: 5 / 4; object-fit: cover; object-position: 70% 50%; }
}