@charset "UTF-8";
@media screen and (min-width: 900px) {
  .recipe-sec2__content {
    display: flex;
    gap: 5px;
  }
  .recipe-sec2__content > div > div:first-child img {
    width: 100%;
  }
  .recipe-sec2__content > div .t-c {
    text-align: center;
  }
}

@media screen and (max-width: 899px) {
  .recipe-sec2 {
    width: 100% !important;
  }
  .recipe-sec2__content {
    flex-wrap: wrap;
  }
  .recipe-sec2__content > div {
    width: 100% !important;
  }
  .recipe-sec2__content > div > div:first-child img {
    width: 100%;
  }
  .recipe-sec2__content > div .t-c {
    text-align: center;
  }
}

@media print and (max-width: 899px) {
  .recipe-sec2__content {
    display: flex;
    gap: 5px;
  }
  .recipe-sec2__content > div > div:first-child img {
    width: 100%;
  }
  .recipe-sec2__content > div .t-c {
    text-align: center;
  }
}

@media print and (max-width: 600px) {
  .recipe-sec2 {
    width: 100% !important;
  }
  .recipe-sec2__content {
    flex-wrap: wrap;
  }
  .recipe-sec2__content > div {
    width: 100% !important;
  }
  .recipe-sec2__content > div > div:first-child img {
    width: 100%;
  }
  .recipe-sec2__content > div .t-c {
    text-align: center;
  }
}

@media print and (min-width: 900px) {
  #header, #footer, #lower-h1-item-detail2, #breadcrumb, #page_top, .printbtn {
    display: none !important;
  }
  body {
    -webkit-print-color-adjust: exact;
  }
  #wrapper, .w {
    margin: 0 auto;
    width: 1000px !important;
    min-width: auto;
  }
  html, body {
    height: auto !important;
    width: 100%;
    min-width: 100%;
  }
  .recipe-sec2__h2-wrap img {
    width: 70px;
  }
  .recipe-sec2__h2-wrap h2 {
    font-size: 24px !important;
  }
  .recipe-sec2__content .use img {
    width: 230px;
    height: auto;
  }
  @page {
    margin: 11mm 2mm 0;
  }
}

@media print and (max-width: 899px) {
  #header, #footer, #lower-h1-item-detail2, #breadcrumb, #page_top, .printbtn {
    display: none !important;
  }
  body {
    -webkit-print-color-adjust: exact;
  }
  #wrapper, .w {
    margin: 0 auto;
    width: 100% !important;
    min-width: auto;
  }
  html, body {
    height: auto !important;
    width: 100%;
    min-width: 100%;
  }
  .recipe-sec2__h2-wrap img {
    width: 70px;
  }
  .recipe-sec2__h2-wrap h2 {
    font-size: 24px !important;
  }
  .recipe-sec2__content .use img {
    width: 230px;
    height: auto;
  }
  .method ol li, .recipe-sec2 .point p {
    background: none !important;
    line-height: 140% !important;
  }
  @page {
    margin: 11mm 2mm 0;
  }
}

@media print and (max-width: 600px) {
  #wrapper, .w {
    min-width: 100%;
    width: 800px !important;
  }
  .recipe-sec2 {
    width: 800px;
    margin: 0 auto;
  }
  .recipe-sec2 .recipe-sec2__content {
    font-size: 13px;
  }
  .recipe-sec2__content > div {
    width: 450px;
  }
  .recipe-sec2__content > div:first-child {
    width: 330px;
  }
  .method ol li, .recipe-sec2 .point p {
    background: none !important;
    line-height: 140% !important;
  }
  @supports (-ms-ime-align: auto) {
    /* Edge のみ適用される */
    .recipe-sec2 {
      width: 700px;
    }
    .recipe-sec2__content > div {
      width: 420px;
    }
    .recipe-sec2__content > div:first-child {
      width: 260px;
    }
    .recipe-sec2 .recipe-sec2__content {
      font-size: 11px;
    }
    .recipe-sec2__content .use img {
      width: 180px;
      height: auto;
    }
  }
  .recipe-sec2 .recipe-sec2__content h3 {
    font-size: 15px;
  }
}