/* 大見出し */
.ir_stock_subtitle_new {
  font-size: min(1.5rem, 24px);
  font-weight: 600;
  margin-top: 3em;
  margin-bottom: 1em;
  color: #000;
  border-left: 5px solid #d2b589; /* アクセントカラーを使用 */
  padding-left: 10px;
  line-height: 1.4;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 767px) {
  .ir_stock_subtitle_new {
    font-size: 1.25rem;
    margin-top: 5vw;
    margin-bottom: 3vw;
    padding-left: 8px;
  }
}

/* 小見出し ((1), (2), (3)のタイトル) */
.ir_stock_sub_section_title {
  font-size: min(1.125rem, 18px);
  font-weight: 500;
  margin-top: 2em;
  margin-bottom: 0.8em;
  color: #000;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 767px) {
  .ir_stock_sub_section_title {
    font-size: 1rem;
    margin-top: 4vw;
    margin-bottom: 2vw;
  }
}

/* テーブル全体を囲むラッパー（モバイルで横スクロールを可能にする） */
.ir_stock_table_wrap_new {
  width: 100%;
  overflow-x: auto;
  margin-top: 1em;
  margin-bottom: 2em;
}

@media screen and (max-width: 767px) {
  /* スクロール方向を示すテキストを追加 */
  .ir_stock_table_wrap_new::before {
    content: "← スクロールできます →"; /* 表示するテキスト */
    display: block;
    text-align: right; /* 右端に寄せる */
    font-size: 0.8rem;
    color: #666;
    margin-bottom: 5px;
    padding-right: 5px;
  }
  
  /* テーブルの上に薄い境界線を追加して、視覚的に区切りを強調 */
  .ir_stock_table_wrap_new {
    border-top: 1px solid #e0e0e0;
    padding-top: 10px;
  }
}


/* 株主優待内容のテーブル */
.ir_stock_treat_table_new {
  width: 100%;
  min-width: 600px; /* PC/SP共通で最低幅を確保 */
  border-collapse: collapse;
  text-align: center;
  font-size: min(0.9375rem, 15px);
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.6;
}

/* ヘッダーセル */
.ir_stock_treat_table_new th {
  background-color: #f2f2f2;
  border: 1px solid #c8c8c8;
  padding: 0.8em 1em;
  font-weight: 600;
  vertical-align: middle;
  color: #333;
}

/* データセル */
.ir_stock_treat_table_new td {
  border: 1px solid #c8c8c8;
  padding: 0.8em 1em;
  vertical-align: middle;
  color: #000;
}

/* 最初の列（株式数）を強調 */
.ir_stock_treat_table_new tbody tr td:first-child {
  background-color: #f9f9f9;
  font-weight: 500;
}


/* PC表示（デフォルト）では改行タグを非表示にする */
.sp-break {
  display: none;
}

@media screen and (max-width: 767px) {
  /* スマホ表示でのみ、改行として機能させる */
  .sp-break {
    display: block; 
    height: 0;      
  }
}