@charset "utf-8";
/* ===============================================================
   株懇WEB カスタムスタイル
   プライマリカラー: #d62828（赤）
=============================================================== */

/* =====================
   カラー上書き（青→赤）
   #125493 / #2a659e / #135595 / #2683dc → #d62828 系
===================== */

/* リンクカラー全般 */
.blueColor {
    color: #d62828 !important;
}
.blueColor:hover {
    color: #b82020 !important;
}

/* ナビゲーション */
nav {
    background-color: #d62828;
}
nav > ul > li > a,
nav > ul > li > span {
    color: #fff;
}
nav ul a:hover {
    background-color: #b82020 !important;
}
nav li.nav_current > a {
    background-color: #b82020;
}
nav > ul > li > ul {
    background-color: #d62828;
}
nav ul ul li a {
    background-color: #d62828;
}
nav > ul > li > ul > li > a:hover {
    background-color: #b82020;
}

/* フッター */
footer {
    background-color: #d62828;
}

/* ヘッダータイトル */
header h1 a:before {
    display: none;
}
header h1 a {
    font-size: 22px;
    font-weight: bold;
    color: #d62828;
}

/* パンくずリスト */
#bread li a {
    color: #d62828;
    text-decoration: none;
}
#bread li a:hover {
    text-decoration: underline;
}

/* ページタイトル内パンくずリスト */
.page-title-bread {
    list-style: none;
    padding: 0;
    margin: 0 0 6px;
    font-size: 11px;
}
.page-title-bread li {
    display: inline-block;
}
.page-title-bread li a {
    color: #d62828;
    text-decoration: none;
}
.page-title-bread li a:hover {
    text-decoration: underline;
}
.page-title-bread li span {
    color: #333;
}
.page-title-bread li:before {
    content: '>';
    display: inline-block;
    color: #666;
    margin: 0 5px;
}
.page-title-bread li:first-child:before {
    display: none;
}

/* サイトマップ */
#sitemap .blueColor {
    color: #d62828 !important;
}

/* ページタイトルバー */
#pageTitle {
    background-image: none;
    background-color: #eeeeee;
    padding: 18px 0;
    margin-bottom: 0;
}
.pages #pageTitle,
#index #pageTitle {
    height: auto;
}
.pages #pageTitle h2,
#index #pageTitle h2 {
    background-image: none;
    width: auto;
    height: auto;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    padding: 0;
}
.page-title-inner {
    width: 950px;
    margin: 0 auto;
    padding: 0 15px;
}
#pageTitle p {
    color: #333;
    font-size: 13px;
    margin-top: 5px;
    font-weight: normal;
}

/* トップページ What's New h3 */
#index main h3 {
    color: #d62828;
    border-bottom-color: #d62828;
}
#index main h3:before {
    border-left-color: #d62828;
}

/* トップページ 記事内リンク */
#index main div article h4 a {
    color: #d62828;
}

/* トップページ aside-ptl（ポータルリンク） */
#index #aside-ptl {
    background-color: #d62828;
}

/* トップページ aside ログインボタン */
#index #aside-lgn input[type="submit"] {
    border-color: #d62828;
    background-color: #d62828;
}

/* トップページ「一覧を見る」リンク */
#index .new {
    color: #d62828;
}
#index .new:before {
    border-left-color: #d62828;
}

/* コンテンツエリア上部余白 */
.pages main {
    padding-top: 24px;
}

/* コンテンツ内 h3（.pages main h3） */
.pages main h3 {
    border-left: 4px solid #d62828;
    background-color: #f5f5f5;
}

/* コンテンツ内 h4（.pages main h4） */
.pages main h4 {
    border-bottom: 1px solid #d62828;
}

/* 三角マーカー */
.triangle:before {
    border-left-color: #d62828;
}

/* ページトップへ */
main #pt-btn a,
main .pt-btn a {
    border-bottom-color: #d62828;
    color: #d62828;
}
main #pt-btn a:before,
main .pt-btn a:before {
    border-bottom-color: #d62828;
}

/* Back to Top ボタン（固定・右下） */
#back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 46px;
    height: 46px;
    background-color: #d62828;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s, background-color 0.2s;
    z-index: 9999;
    padding: 0;
}
#back-to-top.visible {
    opacity: 1;
    visibility: visible;
}
#back-to-top:hover {
    background-color: #b82020;
}

/* =====================
   What's New デザイン改善
===================== */

/* トップページ: 日付を赤バッジに */
#index main #whatsnew-list div article p time {
    display: inline-block;
    background-color: #d62828;
    color: #fff;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 3px;
    white-space: nowrap;
    width: auto;
}

/* トップページ: 日付列幅を調整 */
#index main #whatsnew-list div article p {
    width: 120px;
}

/* トップページ: ホバー効果 */
#index main #whatsnew-list div article {
    transition: background-color 0.15s;
    border-radius: 3px;
    padding: 10px 6px;
    margin: 0 -6px;
}
#index main #whatsnew-list div article:hover {
    background-color: #fef8f8;
}

/* トップページ: タイトル文字サイズ */
#index main #whatsnew-list div article > h4 {
    font-size: 13px;
    line-height: 1.6;
}

/* What's New 一覧ページ: 記事スタイル */
.pages main section > div > article {
    border-top: 1px solid #e8e8e8;
    padding: 16px 0;
}
.pages main section > div > article:first-child {
    border-top: none;
    padding-top: 4px;
}
.pages main section > div > article > p:first-child time {
    display: inline-block;
    background-color: #d62828;
    color: #fff;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 3px;
    margin-bottom: 10px;
    line-height: 1;
}
.pages main section > div > article > h4 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6;
    color: #333;
    border-bottom: none;
    padding: 0;
    margin-bottom: 8px;
}
.pages main section > div > article > p {
    font-size: 12px;
    line-height: 1.8;
    color: #555;
    padding: 0;
}
.pages main section > div > article > p:first-child {
    line-height: 1;
    padding: 0;
}

/* What's New 本文内リンク */
#whatsnew-list div article p a,
.pages main section div article p a {
    color: #d62828;
    text-decoration: underline;
}

/* コンテナがフロートを包む */
.container {
    overflow: hidden;
}

/* サイトマップ: 絶対配置・固定高さを解除してフレックスレイアウトに変更 */
#sitemap > div {
    position: static;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 24px 26px;
}
#sitemap dl {
    position: static;
    top: auto;
    left: auto;
    min-width: 140px;
}
#sitemap dl#sitemap2 {
    min-width: 200px;
}

/* =====================
   地域別ページ互換スタイル
===================== */

/* 紹介ブロック */
.pages main .intro {
    margin: 20px 0;
}
.pages main .intro h2 {
    background-color: #f5f5f5;
    font-size: 16px;
    font-weight: bold;
    border-left: 4px solid #d62828;
    padding: 4px 0 4px 13px;
    margin-bottom: 10px;
    color: #333;
}

/* セクション見出し */
.pages main h2.title {
    background-color: #f5f5f5;
    font-size: 16px;
    font-weight: bold;
    border-left: 4px solid #d62828;
    padding: 4px 0 4px 13px;
    margin: 20px 0 10px;
    color: #333;
}

/* テキストブロック */
.pages main div.text {
    padding: 0 1px 20px 17px;
    font-size: 12px;
    line-height: 20px;
    color: #333;
}
.pages main div.text p {
    padding: 5px 0;
}
.pages main div.text h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 12px 0 6px;
}
.pages main div.text h4 {
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0 4px;
    padding: 0;
    border: none;
    line-height: 1.6;
}

/* テーブル (.hyo) */
.pages main table.hyo {
    width: 665px;
    margin: 10px 0 20px 0;
    border-collapse: collapse;
    border: 1px solid #d6d6d6;
}
.pages main table.hyo tr {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}
.pages main table.hyo th {
    font-weight: bold;
    background-color: #e8e8e8;
    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    padding: 8px 10px;
    border-right: 1px solid #d6d6d6;
}
.pages main table.hyo td {
    padding: 8px 12px;
    font-size: 12px;
    vertical-align: top;
    line-height: 1.7;
}

/* 全国株懇 画像 */
.pages main .text img {
    max-width: 100%;
    height: auto;
}

/* 紹介テキストの intro 内テキスト */
.pages main .intro .text {
    padding: 10px 17px 20px;
}

/* =====================
   東京株懇の画像参照を無効化
===================== */

/* ナビ外部リンクアイコン（icon-blank-white.png 削除のため CSS で代替） */
#nav6 > a {
    background-image: none;
    text-indent: 0;
}

/* 別ウィンドウリンクに外部リンクマーク（ナビ・aside 共通） */
nav a[target="_blank"]::after,
aside a[target="_blank"]::after,
.container a[target="_blank"]::after {
    content: '↗';
    font-size: 10px;
    margin-left: 3px;
    vertical-align: super;
    opacity: 0.85;
}

/* ドロップダウン内 */
nav ul ul a[target="_blank"]::after {
    font-size: 9px;
    margin-left: 2px;
}

/* aside-ptl: site.css の a:after (背景画像) を上書き */
#index #aside-ptl a[target="_blank"]::after {
    content: '↗';
    background: none;
    display: inline;
    width: auto;
    height: auto;
    font-size: 10px;
    margin-left: 4px;
    vertical-align: super;
    opacity: 0.85;
    position: static;
    left: auto;
    top: auto;
}

/* 外部リンクアイコン */
a[class*="blank"]:after,
.blueColor a:after,
a.navGaibu:after {
    background-image: none;
    display: none;
}

/* ボタン */
input[type="submit"],
button[type="submit"] {
    background-image: none;
    background-color: #d62828;
}

/* PDFアイコン */
a.doc:after,
.doc:after {
    background-image: none;
    content: ' [PDF]';
    width: auto;
    height: auto;
    display: inline;
    font-size: 10px;
    color: #666;
}

/* 電話アイコン */
#a-c-tel:before {
    background-image: none;
    display: none;
}

/* =====================
   サイドバーナビ（#aside-nav）青→赤
===================== */
#aside-nav dt {
    background-color: #d62828;
}
#aside-nav dd a:before {
    border-left-color: #d62828;
}
#aside-nav dd a:hover {
    background-color: #b82020;
}
#aside-nav dd a:hover:before {
    border-left-color: #fff;
}
#aside-nav li.an-current > a {
    background-color: #b82020;
}

/* =====================
   トップページ「株懇WEBとは」セクション
===================== */
#index main #about-list {
    margin-top: 24px;
}
#index main #about-list div article {
    display: block;
    border-top: none;
    padding: 8px 0 0;
}
#index main #about-list div article h4 {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
    padding-left: 0;
}
#index main #about-list div article h4:before {
    display: none;
}
#index main #about-list div article p {
    width: auto;
    font-size: 12px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 8px;
}