/* sp-opa-sub-fix — 元は各HTML内の<style>ブロック（8ページで使用） */

/* ------------------------------------------------------------
　　★2026-08-13：本文を中央寄せから左寄せに（PC・タブレット・スマホ共通）
　　　opa/base.css の .point_box-inner{text-align:center} を打ち消す。
　　　LINEバナーとその注記は中央のまま残す。
------------------------------------------------------------ */
.point_box-inner,
.app {
	text-align: left;
}
.app .opa-line,
.app .opa-line .sub {
	text-align: center;
}

@media (max-width:920px){
  /* ★2026-08-13：スマホは本文の文字を大きくする（16px → 17.5px） */
  .copy_box-inner,
  .point_box-inner,
  .app{font-size:17.5px !important;line-height:1.85 !important}
  /* ★2026-08-13：強調（オレンジの太字）が本文16pxのままで小さく見えていたので、
     本文と同じ大きさになるよう親から引き継がせる */
  .copy_box-inner strong,
  .point_box-inner strong,
  .app strong,
  .copy_box-inner span:not(.sp-imgtxt):not(.disclaimer),
  .point_box-inner span:not(.sp-imgtxt):not(.disclaimer):not(.bd),
  .app span:not(.sp-imgtxt):not(.disclaimer){font-size:inherit !important}
  .copy_box-inner .disclaimer,
  .point_box-inner .disclaimer,
  .app .disclaimer,
  .app .opa-line .sub,
  .note{font-size:13px !important}

  /* CD・ダウンロードバナー（スプライト）をスマホ幅に比例縮小・中央寄せ */
  p[class^="app_links"]{width:340px !important;height:48px !important;margin:0 auto !important;overflow:hidden !important;float:none !important}
  p[class^="app_links"] a{width:340px !important;height:48px !important;background-size:100% auto !important;display:block}
  p.app_links00{height:53px !important}
  p.app_links00 a{height:53px !important}
  div[class^="app_box-top"]{width:auto !important;padding:0 10px 10px !important}
  .app_box-bottom{width:auto !important;padding:20px 8px 0 !important}
  /* 本文の左右余白を圧縮 */
  #contents{padding:15px 8px !important}
  .copy_box{padding:20px 8px 0 !important}
  .point_box{padding:25px 4px 0 !important}
  .app{padding:20px 0 10px !important}
  /* タップ（hover）時のズレ防止：縮小率に依存しない位置指定に */
  p[class^="app_links"] a:hover{background-position:left bottom !important;font-size:inherit !important;line-height:inherit !important}
}