/*
Theme Name: mcmpiqq Top Theme
Theme URI: https://mcmpiqq.top/
Author: MCM
Description: mcmpiqq.topのデザインをWordPress化したテーマ
Version: 1.0
*/
 .navbar-brand {
  
  
 color:#fff;
}
    
 .nav-link {
    color: #fff; /* 默认颜色（白色） */
    font-size: 15px;
}

.nav-link:hover {
    color: #ffcc00; /* 鼠标悬停时的颜色（黄色） */
}

.nav-link.active {
    color: #fff; /* 当前选中项的颜色（绿色） */
}
        .navbar {
            background-color: #4B0082; /* 蓝色背景 */
            padding: 0.5rem 1rem; /* 调整导航条高度 */
        }
        .navbar-toggler {
            border: none;
            outline: none;
            padding: 0.35rem; /* 调整按钮大小 */
        }
        .navbar-toggler-icon {
            background-image: url('data:image/svg+xml;charset=UTF8,%3csvg xmlns%3d%27http%3a//www.w3.org/2000/svg%27 viewBox%3d%270 0 30 30%27%3e%3cpath stroke%3d%27rgba%28255%2c 255%2c 255%2c 0.7%29%27 stroke-width%3d%272%27 d%3d%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e');
            width: 24px; /* 调整大小 */
            height: 24px;
        }
        .navbar-text {
            color: white;
            font-size: 0.9rem;
            
        }
   
     
        .btn-outline-success {
            border-color: #ddd;
            color: #fff;
            border-radius: 10px; /* 圆角按钮 */
            white-space: nowrap; /* 避免换行 */
        }
        .btn-outline-success:hover {
            background-color: #fff;
            color: #008080;
        }
        
        
         .kaburanking h1 {
            font-size: 20px; /* 标题字体大小 */
            margin-bottom: 1rem;
            margin-top: 1rem;
            border-bottom: 2px solid #ddd; /* 添加标题下的边框 */
            padding-bottom: 0.5rem; /* 调整内边距 */
            font-weight: bold;
        }
        article h1 {
            font-size: 19px; /* 标题字体大小 */
            margin-bottom: 1rem;
            margin-top: 1rem;
            border-bottom: 2px solid #ddd; /* 添加标题下的边框 */
            padding-bottom: 0.5rem; /* 调整内边距 */
            font-weight: bold;
            color:#444;
        }
        
        article h4 {
            font-size: 16px; /* 标题字体大小 */
            margin-bottom: 1rem;
            margin-top: 1rem;
            border-bottom: 1.5px solid #ddd; /* 添加标题下的边框 */
            padding-bottom: 0.5rem; /* 调整内边距 */
            font-weight: bold;
            color: #444;
        }
        
        
         article h2 {
            font-size: 16px; /* 标题字体大小 */
            margin-bottom: 1rem;
            margin-top: 1rem;
            border-bottom: 1.5px solid #ddd; /* 添加标题下的边框 */
            padding-bottom: 0.5rem; /* 调整内边距 */
            font-weight: bold;
            color: #444;
        }
        
        
         .h2title {
            font-size: 17px; /* 标题字体大小 */
            margin-bottom: 1rem;
            margin-top: 1rem;
            
            padding-bottom: 0.5rem; /* 调整内边距 */
            font-weight: bold;
            color: #444;
        }
        
         .h4title {
            font-size: 17px; /* 标题字体大小 */
            margin-bottom: 1rem;
            margin-top: 1rem;
            
            padding-bottom: 0.5rem; /* 调整内边距 */
            font-weight: bold;
            color: #333;
        }
        
           article h3 {
            font-size: 16px; /* 标题字体大小 */
            margin-bottom: 1rem;
            margin-top: 1rem;
            border-bottom: 1.5px solid #ddd; /* 添加标题下的边框 */
            padding-bottom: 0.5rem; /* 调整内边距 */
            font-weight: bold;
            color: #444;
        }
        
        .article-meta {
            display: flex;
            gap: 1rem;
            font-size: 0.9rem;
            margin-bottom: 1rem;
        }
        .article-meta i {
            color: grey;
            margin-right: 0.25rem;
        }
        .card-header {
            font-weight: bold;
            border-bottom: 2px solid #336699; /* 为边栏标题添加边框 */
            padding-bottom: 0.4rem; /* 调整内边距 */
        }
        @media (max-width: 768px) {
            .navbar-brand {
                display: flex;
                align-items: center; /* 手机端对齐标题和Logo */
            }
        }
        .img-fluid{margin-bottom: 8px;}
   
    .breadcrumb {
      display: flex;
      flex-wrap: wrap; /* 允许换行 */
      gap: 8px; /* 项间距 */
      padding: 0.5rem 1rem; /* 内边距 */
      margin: 0;
      background-color: #f8f9fa; /* 背景颜色 */
      border-radius: 0.25rem; /* 圆角 */
      font-family: "Arial", sans-serif; /* 易读字体 */
    }

    /* 面包屑导航项 */
    .breadcrumb span {
      font-size: 14px; /* 字体大小 */
      color: #666; /* 默认文字颜色 */
      white-space: nowrap; /* 默认不换行 */
    }
 .breadcrumb a {
      font-size: 14px; /* 字体大小 */
      color: #666; /* 默认文字颜色 */
      white-space: nowrap; /* 默认不换行 */
      text-decoration: none;
    }
    /* 分隔符样式 */
    .breadcrumb span.separator {
      color: #6c757d; /* 分隔符颜色 */
    }

    /* 当前选中项 */
    .breadcrumb span.active {
      color: #444; /* 高亮颜色 */
   
    }

    /* 手机端优化 */
    @media (max-width: 576px) {
      .breadcrumb span {
        white-space: normal; /* 允许换行 */
        word-wrap: break-word; /* 允许长单词或URL换行 */
      }
    }

.list-inline-item{text-decoration: none;}
 footer div {
    font-size: 13px; /* 设置字体大小为 14px */
}


        /* 修改 placeholder 颜色 */
        .form-control::placeholder {
            color: #999; /* 浅灰色 */
            opacity: 1; /* 确保颜色生效 */
        }
   
.table a {font-size: 15px;color:#333;text-decoration:none;}

.article-content{font-size:15px;}

 .article-item {
            display: flex;
            align-items: flex-start;
           
            border-bottom: 1px solid #ddd;
        
         
        }

        .article-item:last-child {
            border-bottom: none;
        }

        /* 文章缩略图 */
        .article-img {
            position: relative;
            width: 80px;
            height: 80px;
            border-radius: 5px;
            overflow: hidden;
            margin-right: 12px;
            flex-shrink: 0;
        }

   /* 文章缩略图 */
        .article-imgbig {
            position: relative;
            width: 200px;
            height: 150px;
            border-radius: 5px;
            overflow: hidden;
            margin-right: 12px;
            flex-shrink: 0;
        }



        .article-img img {
            width: 80px;
            height: 80px;
            object-fit: cover; /* 确保图片填充且不变形 */
        }

        /* 排名标记 */
        .rank-badge {
            position: absolute;
            top: 5px;
            left: 5px;
            background-color: #3366CC ; /* 橙色背景 */
            color: #fff;
            font-size: 13px;
            font-weight: 500;
            padding: 4px 8px;
            border-radius: 50%;
            width: 25px;              /* 设定固定宽高 */
    height: 25px;
        }

        /* PV 访问量 */
        .pv-count {
            position: absolute;
            bottom: 5px;
            left: 5px;
            background-color: #3366CC; /* 橙色背景 */
            color: #fff;
            font-size: 12px;
            padding: 2px 6px;
            border-radius: 10px;
        }

        /* 文章内容 */
        .article-content {
            flex-grow: 1;
        }

        /* 文章标题 */
        .article-title {
            font-size: 14px;
            font-weight: bold;
            color: #333;
            text-decoration: none;
            display: block;
            margin-bottom: 5px;
            text-align: left;
        }

        .article-title:hover {
            color: #007bff;
        }

        /* 发布时间 */
        .article-time {
            font-size: 12px;
            color: #666;
            text-align: left;!important;
        }
 
 
         /* 排名编号 */
        .rank-green1 {
          background-color: #663399;
    color: white;
    font-size: 12px;
    font-weight: bold;
    width: 24px;  /* 统一圆形宽度 */
    height: 24px; /* 统一圆形高度 */
    display: inline-flex;
    align-items: center;
    justify-content: center; /* 让数字居中 */
    border-radius: 50%;
    margin-right: 6px;
        }
        
           /* 排名编号 */
        .rank-red1 {
          background-color: #FF3333;
    color: white;
    font-size: 12px;
    font-weight: bold;
    width: 24px;  /* 统一圆形宽度 */
    height: 24px; /* 统一圆形高度 */
    display: inline-flex;
    align-items: center;
    justify-content: center; /* 让数字居中 */
    border-radius: 50%;
    margin-right: 6px;
        } 
        
/* 让排名和股票名称左对齐 */
.rank-cell {
    display: flex;
    align-items: center;
}
        /* 利回り数值 */
        .rank-zd-color-red {
            color: red !important;  /* 强制颜色生效 */
            font-weight: bold;
            text-align: right;
        }
 .rank-zd-color-green {
            color: green !important;  /* 强制颜色生效 */
            font-weight: bold;
            text-align: right;
        }

.sidebartable{font-size: 15px;}
.sidebartable a {font-size: 15px;color:#333;text-decoration:none;}

.sidebartable .more-link {
  color: #007bff; }/* 单独颜色 */

.more-link {
            display: block;
            text-align: right;
            margin-right: 5px;
            font-size: 19px;
            margin-top: 0px;
        }

       

        .more-link a:hover {
            text-decoration: underline;
        }


/* ====== ランキングWidgetのスタイル ====== */
.ranking-widget {
  border: none;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

.ranking-widget .card-header {
  background: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
  font-size: 15px;
}

.ranking-item {
  padding: 4px 0;
  border-bottom: 1px solid #f0f0f0;
}

.ranking-item:last-child {
  border-bottom: none;
}

.ranking-thumb {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 8px;
}

.ranking-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ranking-badge {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  font-size: 12px;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
}

.ranking-title {
  color: #333;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}

.ranking-title:hover {
  color: #0d6efd;
  text-decoration: underline;
}

.ranking-info .pv {
  font-size: 12px;
  color: #666;
}