/**
 * mamou.biz mobile readability v1.0.0
 * SWELLのスマホ表示だけを対象にする。
 */
@media screen and (max-width: 599px) {
  /* 4vw指定による小さすぎる本文を防ぎ、端末幅が変わっても安定させる。 */
  body.single-post {
    --swl-fz--content: 16.5px;
  }

  /* 長い記事タイトルを読みやすく折り返す。 */
  .single-post .c-postTitle__ttl {
    font-size: clamp(1.34rem, 5.6vw, 1.5rem);
    line-height: 1.45;
    letter-spacing: 0.01em;
    overflow-wrap: anywhere;
  }

  /* 本文は行間を広げ、段落同士を見分けやすくする。 */
  .single-post .post_content {
    font-size: 16.5px !important;
    line-height: 1.85;
  }

  .single-post .post_content > p {
    margin-bottom: 1.45em;
  }

  /* 見出しが狭い画面で詰まらないようにする。 */
  .single-post .post_content h2:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title) {
    font-size: 1.3rem;
    line-height: 1.55;
    padding: 0.72em 0.78em;
  }

  .single-post .post_content h3:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title) {
    font-size: 1.15rem;
    line-height: 1.6;
  }

  /* 長いURL・表・商品リンクによる横スクロールを防ぐ。 */
  .single-post .post_content,
  .single-post .post_content table,
  .single-post .pochipp-box {
    max-width: 100%;
  }

  .single-post .post_content a {
    overflow-wrap: anywhere;
  }

  /* タップ対象は推奨される最低サイズを確保する。 */
  .single-post .post_content .wp-element-button,
  .single-post .post_content input[type="submit"] {
    min-height: 44px;
  }

  /* 画像の縦横比を維持し、レイアウトずれを防ぐ。 */
  .single-post .post_content img {
    height: auto;
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}