/* スマホ（既存サイトの区切り 1024px に合わせる）：タイトルを中央寄せし、文節で自然改行 */
@media only screen and (max-width: 1024px) {
  .archive .heading-secondary,
  .archive .heading-secondary a,
  article h1.heading,
  article h1.heading a,
  article h1.heading-primary,
  article h1.heading-primary a,
  .relatedArticle .heading-secondary,
  .relatedArticle .heading-secondary a,
  .pickup .heading-secondary,
  .pickup .heading-secondary a,
  .prevNext__title,
  .prevNext__title a,
  .favorites-list-text,
  .favorites-list-text a {
    text-align: center;
    word-break: auto-phrase; /* Chrome: BudouX 相当。他ブラウザは JS の <budoux-ja> */
    overflow-wrap: anywhere;
    line-break: strict;
  }

  /* inline-block だと幅が縮み、複数行の中央寄せが効かないためブロック化 */
  .archive .heading-secondary a,
  article h1.heading a,
  article h1.heading-primary a,
  .relatedArticle .heading-secondary a,
  .pickup .heading-secondary a,
  .prevNext__title a,
  .favorites-list-text a {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}

/* PCは従来どおり。BudouX のインライン style が残っても効かないようにする */
@media only screen and (min-width: 1025px) {
  budoux-ja {
    word-break: normal !important;
    overflow-wrap: normal !important;
    line-break: auto !important;
  }
}