/**
 * 固定ページ（特商法・ガイドライン・規約など）のフロント表示調整
 *
 * 特商法・投稿ガイドラインの本文は管理画面のカスタム HTML に <style> ごと貼り付けられており、
 * 表の見出し列が 200px 固定・折り返し禁止のため SP で本文が極端に狭くなる。
 * 本文側の指定（.info-table th など）より詳細度を上げて、テーマ側から上書きする。
 */

/* 本文に含まれる .container の余白がテーマの余白と二重になるため打ち消す */
.l-container .editor-styles-wrapper .container {
  max-width: none;
  padding: 0;
}

/* テーマ側でページタイトルを h1 として出力しているため、本文に含まれる同じタイトルは表示しない */
.l-container .editor-styles-wrapper .container > .page-title {
  display: none;
}

.l-container .editor-styles-wrapper td,
.l-container .editor-styles-wrapper .note-box,
.l-container .editor-styles-wrapper .warn-box {
  /* URL やメールアドレスなど長い英数字で横にはみ出さないようにする */
  overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  .l-container .editor-styles-wrapper .block-editor-block-list__layout > h1 {
    font-size: 22px;
    line-height: 1.4;
  }

  .l-container .editor-styles-wrapper h2 {
    font-size: 19px;
  }

  .l-container .editor-styles-wrapper h3 {
    font-size: 17px;
  }

  /* 2 列の表は SP で「見出し → 内容」の縦積みにする */
  .l-container .editor-styles-wrapper .info-table,
  .l-container .editor-styles-wrapper .info-table tbody,
  .l-container .editor-styles-wrapper .info-table tr,
  .l-container .editor-styles-wrapper .info-table th,
  .l-container .editor-styles-wrapper .info-table td {
    display: block;
    width: 100%;
  }

  .l-container .editor-styles-wrapper .info-table {
    margin-bottom: 28px;
    border-top: 1px solid #ccc;
  }

  .l-container .editor-styles-wrapper .info-table th,
  .l-container .editor-styles-wrapper .info-table td {
    border-top: none;
  }

  .l-container .editor-styles-wrapper .info-table th {
    padding: 10px 14px;
    white-space: normal;
  }

  .l-container .editor-styles-wrapper .info-table td {
    padding: 12px 14px 16px;
  }

  .l-container .editor-styles-wrapper .section-title {
    margin-top: 32px;
    font-size: 15px;
  }

  .l-container .editor-styles-wrapper .note-box,
  .l-container .editor-styles-wrapper .warn-box {
    padding: 14px 16px;
  }
}