@media (max-width: 680px) {
  .bl,
  .bp {
    padding-top: 18.97059vw;
  }

  .bl_crumbs ol {
    justify-content: flex-start;
    font-size: 3.07692vw;
  }

  .bl_title,
  .bp_title {
    margin-top: 4.10256vw;
    font-size: 8.20513vw;
  }

  .bl_intro {
    margin-top: 4.10256vw;
    text-align: left;
  }

  .bl_intro p {
    font-size: 4.10256vw;
  }

  .bl_grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 4.10256vw;
  }

  .bp_also_slider:not(.is-initialized) .splide__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 4.10256vw;
  }

  .bl_grid {
    margin-top: 6.15385vw;
  }

  .bl_card {
    border-radius: 6.15385vw;
  }

  .bl_card_link {
    gap: 4.10256vw;
    padding: 4.10256vw;
  }

  .bl_card_pic {
    border-radius: 5.12821vw;
  }

  .bl_card_title {
    font-size: 4.61538vw;
  }

  .bl_card_more {
    padding: 3.07692vw 4.10256vw;
    border-radius: 3.07692vw;
    font-size: 3.58974vw;
  }

  .bl_card_more img {
    width: 1.79487vw;
    height: 3.07692vw;
  }

  .bl_pager {
    margin-top: 7.69231vw;
  }

  .bl .page-numbers {
    min-width: 10.25641vw;
    height: 10.25641vw;
    border-radius: 3.07692vw;
    font-size: 3.58974vw;
  }

  .bp_head {
    align-items: flex-start;
    gap: 3.07692vw;
  }

  .bp_title {
    text-align: left;
  }

  .bp_date {
    font-size: 3.07692vw;
  }

  .bp_cover {
    margin-top: 5.12821vw;
    border-radius: 5.12821vw;
    aspect-ratio: 3/2;
  }

  .bp_grid {
    gap: 6.15385vw;
    margin-top: 5.12821vw;
  }

  .bp_text,
  .bp_text p,
  .bp_text blockquote {
    font-size: 3.58974vw;
  }

  .bp_text > * + * {
    margin-top: 3.58974vw;
  }

  .bp_text h2 {
    margin-top: 6.15385vw;
    font-size: 6.15385vw;
    scroll-margin-top: 20.51282vw;
  }

  .bp_text h3 {
    font-size: 5.12821vw;
    scroll-margin-top: 20.51282vw;
  }

  .bp_text h4 {
    font-size: 4.61538vw;
    scroll-margin-top: 20.51282vw;
  }

  .bp_text .wp-block-button__link {
    height: 13.84615vw;
    padding: 0 4.10256vw;
    border-radius: 3.58974vw;
    font-size: 3.58974vw;
  }

  .bp_text .wp-block-columns {
    gap: 4.10256vw;
  }

  .bp_text ul,
  .bp_text ol {
    gap: 3.07692vw;
  }

  .bp_text ul li {
    padding-left: 3.07692vw;
  }

  .bp_text img {
    max-height: 71.79487vw;
    border-radius: 5.12821vw;
  }

  .bp_text img + img,
  .bp_text br + img,
  .bp_text a + img,
  .bp_text img + a,
  .bp_text img + br + img {
    margin-top: 3.58974vw;
  }

  .bp_text hr {
    margin: 6.15385vw 0;
  }

  .bp .bp_text table {
    font-size: 3.58974vw;
    border-radius: 5.12821vw;
  }

  .bp .bp_text th,
  .bp .bp_text td {
    padding: 4.10256vw;
  }

  .bp .bp_text table:has(tr > *:nth-child(4)) th,
  .bp .bp_text table:has(tr > *:nth-child(4)) td {
    padding: 3.07692vw;
    font-size: 3.33333vw;
  }

  .bp_card {
    gap: 4.10256vw;
    padding: 4.10256vw;
    border-radius: 6.15385vw;
  }

  .bp_card_top {
    flex-direction: column;
    gap: 4.10256vw;
  }

  .bp_card_pic {
    width: 100%;
  }

  .bp_card_title {
    font-size: 6.15385vw;
  }

  .bp_card_sub,
  .bp_card_price_old {
    font-size: 3.58974vw;
  }

  .bp_card_price_now {
    font-size: 5.12821vw;
  }

  .bp_card_rate {
    height: auto;
    padding: 2.05128vw 2.5641vw;
    font-size: 3.07692vw;
  }

  .bp_faq {
    margin-top: 6.15385vw;
  }

  .bp_faq_title {
    font-size: 6.15385vw;
    scroll-margin-top: 20.51282vw;
  }

  .bp_faq_list {
    gap: 3.07692vw;
    margin-top: 3.58974vw;
  }

  .bp_faq_item {
    padding: 4.10256vw;
    border-radius: 5.12821vw;
  }

  .bp_faq_q {
    font-size: 4.61538vw;
  }

  .bp_faq_a {
    font-size: 3.58974vw;
  }

  .bp_toc {
    gap: 3.07692vw;
    max-height: calc(var(--kp-vh, 100vh) * 0.45);
    padding: 4.10256vw;
    border-radius: 5.12821vw;
  }

  .bp_toc ol {
    gap: 3.07692vw;
    overflow-y: auto;
  }

  .bp_toc_title,
  .bp_toc a {
    font-size: 3.58974vw;
  }

  .bp_also {
    margin-top: 10.25641vw;
  }

  .bp_also_title {
    font-size: 8.20513vw;
  }

  .bp_also_slider {
    margin-top: 5.12821vw;
  }
}