/* eir-overrides.css
    注意:
    - ここに記載したスタイルは EIR 側の構造に依存します。EIR の出力が変わった場合はセレクタを見直してください。
*/

/* ------------------------------------------------------------------
    IR ニュース（eir_area_area_news_023）上書きスタイル
    - ラベル（.s_eirModule_category_icon）の背景色と文字色
    - 日付、タイトルラベル、説明文の書体とサイズ
    - タイプバッジ（.s_eirModule_type_icon）の見た目
-------------------------------------------------------------------*/


/* 日付 */
.eir_area_area_news_003 .s_eirModule_date_time,
.eir[class*="area_news"] .s_eirModule_date_time,
.s_eirModule_date_time {
   color: #6b7280 !important;
   font-family: inherit !important;
   font-size: 0.875rem !important;
   font-weight: 400 !important;
   padding-right: 10px !important;
   margin: 0 !important;
}

/* ir-movie とニュースで日付とタイトル間の余白を揃える */
.eir_area_area_news_003 .s_eirModule_date,
.eir[class*="area_news"] .s_eirModule_date,
.s_eirModule_date {
   margin-right: 0.5rem !important;
}

/* タイトルボックス全体 */
.eir_area_area_news_003 .s_eirModule_titleBox,
.eir[class*="area_news"] .s_eirModule_titleBox,
.s_eirModule_titleBox {
   color: inherit !important;
   font-family: inherit !important;
   line-height: 1.15 !important;
   margin: 0.25rem 0 0 !important;
}
.eir_area_area_news_003 .s_eirModule_title_label,
.eir[class*="area_news"] .s_eirModule_title_label,
.s_eirModule_title_label {
   font-weight: 600 !important;
   font-size: 0.875rem !important;
}

/* タイプアイコン（PDF / URL 等）のスタイル */
.eir_area_area_news_003 .s_eirModule_type_icon,
.eir[class*="area_news"] .s_eirModule_type_icon,
.s_eirModule_type_icon {
   border-radius: 4px !important;
   color: #FFFFFF !important;
   display: inline-block !important;
   font-family: inherit !important;
   font-size: 0.75rem !important;
   font-weight: 600 !important;
   margin-left: 0.5rem !important;
   padding: 0.1rem 0.5rem !important;
   text-decoration: none !important;
}

/* コメント（説明文） */
.eir_area_area_news_003 .s_eirModule_comment,
.eir[class*="area_news"] .s_eirModule_comment,
.s_eirModule_comment {
   color: #4b5563 !important;
   font-size: 0.75rem !important;
   margin-top: 0.25rem !important;
}

/* レスポンシブ補正（EIR のレスポンシブと整合） */
@media screen and (max-width: 679px) {
   .eir_area_area_news_003 .s_eirModule_titleBox { margin-top: 0.5rem !important; }
   .eir[class*="area_news"] .s_eirModule_titleBox { margin-top: 0.5rem !important; }
   .s_eirModule_titleBox { margin-top: 0.5rem !important; }
   .eir_area_area_news_003 .s_eirModule_title_label { font-size: 0.9rem !important; }
   .eir[class*="area_news"] .s_eirModule_title_label { font-size: 0.9rem !important; }
   .s_eirModule_title_label { font-size: 0.9rem !important; }

   /* モバイル調整: タイトルフォントサイズ等 */
}

/* ------------------------------------------------------------------
   ir-movie / area_news の年選択セレクトボックスを ir-movie 見た目に合わせる
   - EIR の既定 padding を保持しつつ、テーマ風の border / radius / shadow を付与
   - 対象: area_news_029（ir-movie）, area_news_023（TOP news）および汎用 area_news
-------------------------------------------------------------------*/
.eir_area_area_news_029 .s_eirSelect,
.eir_area_area_news_023 .s_eirSelect,
.eir[class*="area_news"] .s_eirSelect,
.s_eirSelect {
   padding: 10px 40px 10px 10px !important; /* EIR 既定を尊重 */
   max-width: 100% !important;
   min-width: 12rem !important; /* ir-movie に合わせた最小幅 */
   width: auto !important;
   border-radius: 0.5rem !important;
   border: 1px solid #d1d5db !important; /* テーマの淡いグレー */
   box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
   background-color: #FFFFFF !important;
   /* EIR のトグルアイコン（SVG）を表示 */
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E") !important;
   background-repeat: no-repeat !important;
   background-position: right 10px center !important;
   background-size: 1.5em !important;
   appearance: none !important;
   -webkit-appearance: none !important;
   -moz-appearance: none !important;
}

@media screen and (max-width: 679px) {
   .eir_area_area_news_029 .s_eirSelect,
   .eir_area_area_news_023 .s_eirSelect,
   .eir[class*="area_news"] .s_eirSelect,
   .s_eirSelect {
      padding: 8px 36px 8px 8px !important;
      min-width: 0 !important; /* モバイルでは幅制約解除 */
   }
}

/* 年選択の select 自体に右側余白を確保（アイコン表示領域） */
.eir[class*="area_news"] .s_eirSelect,
.eir_area_area_news_029 .s_eirSelect,
.eir_area_area_news_023 .s_eirSelect,
.s_eirSelect {
   padding-right: 48px !important;
}

/* Sidebarラップ強制（安全策） */
.eir_area_area_news_003 .ir-sidebar-child-link,
.eir[class*="area_news"] .ir-sidebar-child-link,
.ir-sidebar-child-link,
.eir_area_area_news_003 .ir-sidebar-link-hover,
.eir[class*="area_news"] .ir-sidebar-link-hover,
.ir-sidebar-link-hover {
   white-space: normal !important;
   overflow-wrap: anywhere !important;
   word-break: break-word !important;
}

/* PDFノート等の小さなアイテムがグレー背景になっている現象を上書きして白背景にする */
.eir_area_area_news_003 .eir_pdfNote_item,
.eir[class*="area_news"] .eir_pdfNote_item,
.eir_pdfNote_item {
   background-color: #ffffff !important;
   color: inherit !important; /* 文字色もテーマに合わせる */
}


/* 決算短信 /  */
.eir_pnexNote_item {
    background-color: #ffffff !important;
    color: inherit !important;
}

.eir_yuhoNote_item {
    background-color: #ffffff !important;
    color: inherit !important;
}

/* 決算短信（financial-results）セクションと EIR の tanshin エリアに限定して
   タイトルボックスの上マージンをリセットする。これで ir-news 等には影響しません。 */
#financial-results .s_eirModule_titleBox,
.eir_area_area_tanshin_008 .s_eirModule_titleBox,
.eir[class*="tanshin"] .s_eirModule_titleBox {
   margin-top: 0rem !important;
}

/* presentation （決算説明資料）テンプレートに限定してタイトルボックスの余白を詰める。
   body のテンプレートクラス（page-template-page-ir-library-presentation）や EIR の area クラスで限定適用。 */
body.page-template-page-ir-library-presentation .s_eirModule_titleBox,
.eir_area_area_presentation_010 .s_eirModule_titleBox,
.eir[class*="presentation"] .s_eirModule_titleBox {
   margin-top: 0rem !important;
}

/* securities / 有価証券報告書（yuho）ページに限定してタイトルボックスの余白を詰める */
body.page-template-page-ir-library-securities .s_eirModule_titleBox,
.eir_area_area_yuho_009 .s_eirModule_titleBox,
.eir[class*="yuho"] .s_eirModule_titleBox {
   margin-top: 0rem !important;
}

/* material / その他IR資料ページに限定してタイトルボックスの余白を詰める */
body.page-template-page-ir-library-material .s_eirModule_titleBox,
.eir_area_area_ir_material_011 .s_eirModule_titleBox,
.eir[class*="ir_material"] .s_eirModule_titleBox {
   margin-top: 0rem !important;
}

/* meeting / 株主総会ページに限定してタイトルボックスの余白を詰める */
body.page-template-page-ir-stock-meeting .s_eirModule_titleBox,
.page-template-page-ir-stock-meeting .s_eirModule_titleBox,
.page-id-2757 .s_eirModule_titleBox,
.eir_area_area_meeting_013 .s_eirModule_titleBox,
.eir[class*="area_meeting"] .s_eirModule_titleBox {
   margin-top: 0rem !important;
}


/* ------------------------------------------------------------------
   User-request: force left margin on EIR tab list items so tabs fit on one line
-------------------------------------------------------------------*/
.s_eirTab li {
   margin-left: 0.5rem !important;
}