/*
Theme Name: DNN NEWS24
Description: DNN NEWS24 オリジナルテーマ
Version: 6.0
*/

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;background:#f4f6fb;color:#222;}
a{text-decoration:none;color:#0a2a6e;}
a:hover{color:#4fc3f7;}
img{max-width:100%;height:auto;display:block;}

/* ヘッダー */
.dnn-wrap{background:#f4f6fb;min-height:100vh;}
.dnn-header{background:#0a2a6e;padding:0 16px;}
.dnn-header-top{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.15);}
.dnn-logo a{color:#fff;font-size:22px;font-weight:700;letter-spacing:2px;}
.dnn-logo span{color:#4fc3f7;font-size:11px;display:block;letter-spacing:3px;margin-top:2px;}
.dnn-date{color:rgba(255,255,255,0.6);font-size:11px;}

/* ナビ */
.dnn-nav{background:#0a2a6e;}
.dnn-nav-list{display:flex;list-style:none;flex-wrap:wrap;padding:0;}
.dnn-nav-list li a{color:rgba(255,255,255,0.85);font-size:12px;padding:10px 14px;display:block;border-bottom:2px solid transparent;}
.dnn-nav-list li a:hover{color:#fff;border-bottom-color:#4fc3f7;}

/* 速報バー */
.dnn-breaking{background:#c62828;color:#fff;font-size:11px;padding:5px 16px;display:flex;align-items:center;gap:8px;}
.dnn-breaking-label{background:#fff;color:#c62828;font-size:10px;font-weight:700;padding:1px 8px;border-radius:2px;white-space:nowrap;}

/* メインレイアウト */
.dnn-main{max-width:1000px;margin:0 auto;padding:16px;}
.dnn-cols{display:grid;grid-template-columns:1fr 280px;gap:16px;}
.dnn-section-title{font-size:13px;font-weight:700;color:#0a2a6e;border-left:3px solid #4fc3f7;padding-left:8px;margin:16px 0 12px;}

/* 記事グリッド */
.dnn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;}
.dnn-card{background:#fff;border-radius:8px;border:0.5px solid #dde3f0;overflow:hidden;}
.dnn-card a{display:block;color:inherit;}
.dnn-card-img img{width:100%;height:90px;object-fit:cover;}
.dnn-no-img{height:90px;background:#e3eaf8;}
.dnn-card-body{padding:10px;}
.dnn-card-cat{font-size:9px;color:#1565c0;font-weight:700;margin-bottom:4px;}
.dnn-card-title{font-size:12px;font-weight:500;line-height:1.4;color:#222;}
.dnn-card-meta{font-size:10px;color:#999;margin-top:6px;}

/* サイドバー */
.dnn-sidebar{}
.dnn-widget{background:#fff;border-radius:8px;border:0.5px solid #dde3f0;padding:12px;margin-bottom:16px;}
.dnn-cat-list{list-style:none;}
.dnn-cat-list li{padding:6px 0;border-bottom:0.5px solid #eef0f5;font-size:12px;}
.dnn-cat-list li:last-child{border-bottom:none;}
.dnn-cat-list li a{color:#0a2a6e;}
.dnn-rank-item{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:0.5px solid #eef0f5;}
.dnn-rank-item:last-child{border-bottom:none;}
.dnn-rank-num{font-size:18px;font-weight:700;color:#dde3f0;min-width:24px;line-height:1;}
.dnn-rank-num.top{color:#4fc3f7;}
.dnn-rank-title{font-size:11px;line-height:1.4;}
.dnn-rank-title a{color:#222;}
.dnn-rank-cat{font-size:9px;color:#1565c0;margin-top:3px;}

/* 記事ページ */
.dnn-article{background:#fff;border-radius:8px;padding:20px;border:0.5px solid #dde3f0;}
.dnn-article-cat{font-size:11px;color:#1565c0;font-weight:700;margin-bottom:8px;}
.dnn-article-title{font-size:20px;font-weight:700;line-height:1.5;margin-bottom:8px;color:#0a2a6e;}
.dnn-article-meta{font-size:11px;color:#999;margin-bottom:16px;}
.dnn-article-thumb{margin-bottom:16px;border-radius:8px;overflow:hidden;}
.dnn-article-thumb img{width:100%;height:auto;}
.dnn-article-body{font-size:15px;line-height:1.8;}
.dnn-article-body h2{font-size:18px;font-weight:700;color:#0a2a6e;border-left:3px solid #4fc3f7;padding-left:8px;margin:24px 0 12px;}
.dnn-article-body p{margin-bottom:16px;}
.dnn-article-body strong{color:#0a2a6e;}

/* フッター */
.dnn-footer{background:#0a2a6e;color:rgba(255,255,255,0.6);text-align:center;font-size:11px;padding:20px;margin-top:20px;}
.dnn-footer strong{color:#fff;font-size:14px;display:block;margin-bottom:4px;}
.dnn-footer p{margin-top:4px;}

/* スマホ */
@media(max-width:768px){
  .dnn-cols{grid-template-columns:1fr;}
  .dnn-grid{grid-template-columns:repeat(2,1fr);}
  .dnn-nav-list{gap:0;}
  .dnn-nav-list li a{font-size:11px;padding:8px 10px;}
}
@media(max-width:480px){
  .dnn-grid{grid-template-columns:repeat(2,1fr);}
}

/* SNSシェアボタン */
.dnn-sns {
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid #dde3f0;
}
.dnn-sns-title {
  font-size: 13px;
  font-weight: 700;
  color: #0a2a6e;
  margin-bottom: 12px;
}
.dnn-sns-buttons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.dnn-sns-buttons a,
.dnn-sns-copy {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
  color: #fff !important;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s;
}
.dnn-sns-x { background: #000000; }
.dnn-sns-facebook { background: #1877f2; }
.dnn-sns-line { background: #06c755; }
.dnn-sns-copy { background: #555555; }
.dnn-sns-buttons a:hover,
.dnn-sns-copy:hover { opacity: 0.85; }

@media(max-width:768px){
  .dnn-sns-buttons { gap: 8px; }
  .dnn-sns-buttons a,
  .dnn-sns-copy { padding: 8px 14px; font-size: 12px; }
}