/* ============================================================
   パッとAIサイトマネージャー 編集用スタイル
   この指定が無いと、編集画面で操作しても画面が変わらない。消さない。
   :not(#_) は詳細度を上げるためだけのもの
   境界の 768/769 は編集画面と揃える必要があるので変えない
   ============================================================ */

/* --- 文字の大きさ（編集画面の A− / A＋） --- */
@media screen and (min-width:769px){
  [data-fz-pc]:not(#_){font-size:var(--fz-pc);line-height:var(--lh-pc)}
}
@media screen and (max-width:768px){
  [data-fz-sp]:not(#_){font-size:var(--fz-sp);line-height:var(--lh-sp)}
}

/* --- 写真の見せる位置（編集画面の「見せ方」） --- */
img[data-op]:not(#_){object-position:var(--op-pc,50% 50%)}
@media screen and (max-width:768px){
  img[data-op]:not(#_){object-position:var(--op-sp,var(--op-pc,50% 50%))}
}

/* --- 改行の出し分け --- */
.brpc{display:inline}
.brsp{display:none}
@media screen and (max-width:768px){
  .brpc{display:none}
  .brsp{display:inline}
}

/* --- スマホの折り返し（<wbr> の所でだけ折る） ---
   PC では <wbr> を消す。残すと約物の詰めや字送りがずれる */
@media screen and (min-width:769px){
  wbr{display:none}
}
@media screen and (max-width:768px){
  .pb{word-break:keep-all;overflow-wrap:anywhere}
}