@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    robust-mobile-text-fix
*/

/* =========================================================
   スマホ表示：本文テキストの改行・行間・空白の安定化
   ========================================================= */

/*
  目的：
  - スマホで <br> が効かない／詰まって見える問題を解消
  - テーブルから出した文章（データシート等）が
    1行に潰れたり不自然に見えるのを防ぐ
  - 他記事・PC表示には影響させない
*/

@media screen and (max-width: 767px) {

  /* -------------------------------------
     テキストサイズ自動調整の完全停止
     ------------------------------------- */
  html,
  body {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  /* -------------------------------------
     本文 p の基本行間・改行安定化
     ------------------------------------- */
  .entry-content p {
    line-height: 1.7 !important;     /* br が視覚的に効く行間 */
    margin-top: 0 !important;
    margin-bottom: 12px !important;  /* 詰まり防止・空きすぎ防止 */
    white-space: normal !important;  /* nowrap を完全排除 */
  }

  /* -------------------------------------
     <br> を確実に「改行」として扱わせる
     ------------------------------------- */
  .entry-content br {
    display: block !important;
    content: "" !important;
    margin-bottom: 0.35em !important;
  }

  /* -------------------------------------
     テーブル外の文章（データシートなど）
     ------------------------------------- */
  .entry-content > p {
    clear: both;                     /* float 影響の遮断 */
  }

  /* -------------------------------------
     table を外した後でも文字が小さくならない
     ------------------------------------- */
  .entry-content,
  .entry-content p,
  .entry-content td,
  .entry-content th {
    font-size: inherit !important;
  }

  /* -------------------------------------
     mobile.css の #main padding による
     見かけ上のズレを吸収
     ------------------------------------- */
  #main {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

}



/* =========================================================
   子テーマ mobile.css（親 mobile.css より後に効かせる前提）
   ========================================================= */

/* 親mobile.cssが #site-description{font-size:14px;} を持っているので確実に潰す */
#site-description{
  font-size: 18px !important;
  line-height: 1.6 !important;
}

/* 「改行が効かない」系の体感が出る時は、スマホでの折返し/余計な詰まりを防ぐ */
.entry-content,
.article,
#main{
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* データシート等で <br> を効かせたまま、行間を整える */
.entry-content p{
  margin: 0 0 10px 0;
}