@charset "UTF-8";
/*
 * 暫定サイトで直した、現行サイトの表示の不具合（2026-10-21 決定: すべて修正）
 *
 * このファイルは「直すページだけ」で読み込む（各ページの先頭の設定の css に書いてある）。
 * ほかのページの見た目を変えないように、指定は body の id で絞っている。
 * ※ 日本語版トップ（/）と英語版トップ（/en/）は body の id がどちらも index。このファイルは /en/ だけで読み込む。
 *
 * ※ Phase 1 では /privacy/ も「スマホで横にはみ出す」としたが、実際には表は横スクロールの枠の中に収まっていた
 *   （フルページのスクリーンショットを撮るときだけ画像の幅が広がる、撮影ツールの現象）。そのため直していない。
 */

/* ---- B: スマホで横にはみ出す ---- */
@media only screen and (max-width: 800px) {
  /* /en/ … 区切り線が margin: 0 -100% で画面幅の3倍になっていた → 画面幅ちょうどにする（見た目は画面いっぱいの線のまま） */
  #index .conts_border {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}

/* /ir/procedure.php … 2つ目の表の枠（.u_scroll_inner02）だけ横スクロールの指定がなく、表が画面の端で切れていた
   → 1つ目の表（.u_scroll_inner）と同じく、枠の中で横スクロールさせる */
#ir-procedure .u_scroll_table .u_scroll_inner02 {
  overflow-x: auto;
}

/* /news/2019/・/news/infomation/2019/ … お知らせの文の中の長い URL（日経の記事） */
#news-index .newsList .txt a {
  overflow-wrap: anywhere;
}

/* ---- D: 英語版 IR の表の行が縦に長い ---- */
/* /en/ir/briefing/・/en/ir/short/ … 英語版の common.css の .u_scroll_table .u_table_inner { height: 500px } が
   行の少ない表に効いて、1行が 500px に伸びていた（日本語版の CSS にはこの指定がない）→ 日本語版と同じく高さを決めない */
#ir-briefing .u_scroll_table .u_table_inner,
#ir-short .u_scroll_table .u_table_inner {
  height: auto;
}