@charset "utf-8";
/*　ダークモード用です。ｲｷｽｷﾞｲｲｲｲｲｲｲｲｲｲｲｲｲ野獣先輩　*/
@media (prefers-color-scheme: dark){
body {
	background-color: #161825;
	box-shadow: 0 0 10px gray;
	color: #FFFFFF;
	background-image:
	linear-gradient(rgba(14,16,32,0.6), rgba(14,16,32,0.6)),
	url("/image/image2.webp");
    /*backdrop-filter: blur(1px);   画面がカクつくため今の所無効化*/
}
header, footer {
	background-color: #343541;
	clear: both;
}
#page_content,#sidebar {
	background-color: #282c44;
}
h1, h1 a:link, h1 a:visited, .left_col h2, .right_col h2, .left_col h3, .right_col h3, aside h3 {
	color: #FFFFFF;
}
h2, h3, h4, h5, h6, h2 a:link, h2 a:visited {
	color: #FFFFFF;
}
article h1 
{
	color: #FFFFFF;
	background: #232363;      
	border: 3px dashed #0066FF;
	box-shadow: 0 0 0 5px #232363;
}
article h2 {
	color: #FFFFFF;
	border: 2px dashed #0066ff;
	border-left: 5px solid #0066ff;
	background: #232363;
	position: relative;
}
article h3 {
    color: #FFFFFF;
    border-bottom: 2px dashed #0066FF; /* H1, H2に合わせて点線の下線 */
    border-left: 5px solid #0066FF;  
	background: transparent;
}

#nav{
	background-color: #3333CC;
}
#nav li a{
	color: #FFF;
}
a:link {
	text-decoration: none;
	color: #7CC9ED;
}
a:visited {
	color: #FF8080; /* クリック後は少し色を濃くするだけ */
	text-decoration: none;
}
.wrapper {
	background-color: #30315C;
}
#search-results-area li a { 
	color: #FFF;
}
.sidebar-search .search-btn {
	background: #004488;
	box-shadow: 0 3px 0 #021d37;
}
.sidebar-search .search-input {
    background-color: #161825;        
    color: #FFFFFF;            /*文字は白く*/
    border-color: #0066FF;     /*枠線は青のまま*/
}
.multi-col-list li {
	background-color: #212253; /* 薄い青色 */;
}
  .multi-col-list .mobile_text {
	background-color: #212253;
    border-color: #0066FF;
}
/*スマホで見ている時は背景を表示させない*/
@media (max-width: 767px) {
body {
	/* mobile.css と同じく「なし」に戻す */
	background-image: none !important;
	/* 背景色だけはダークモード用の色を維持 */
	background-color: #30315C;
}
}/*ぱんくずリスト用*/
.breadcrumb li:not(:first-child)::before { color: #aaa; }
.breadcrumb li:last-child span { color: #ddd; }
}
/* ブログカードのダークモード用 */
.blog-card {
    background-color: #16152b; /* 背景を黒く */
    border-color: #3c4043;
    box-shadow: none;
}
.blog-card:hover {
    background-color: #303134; /* ホバーで少し明るく */
}
.blog-link {
    color: #e8eaed; /* 文字を白っぽく */
}
.blog-title {
    color: #8ab4f8; /* タイトルは薄い青で見やすく */
}
.blog-meta .date {
    background-color: #3c4043; /* 日付の背景も暗く */
    color: #bdc1c6;
}
/* ページネーション */
.page-btn {
    background-color: #202124;
    border-color: #8ab4f8;
    color: #8ab4f8;
}
.page-btn:hover {
    background-color: #8ab4f8;
    color: #202124;
}
.page-btn.active {
    background-color: #8ab4f8;
    border-color: #8ab4f8;
    color: #202124;
}

/*フォロワーカード*/
.follower-card {
	background-color: #202238;
	border-color: #444;
}
.info-header h3 {
	color: #fff;
}
.counter-badge {
	background-color:#232363; 
	color: #ffffff;
	padding: 5px 15px;
	border-radius: 4px;
	border: 2px solid #363696;   
}
/* 　一覧に戻るボタンのデザイン     */
.return-btn {
    background-color: #282c44;
    color: #8ab4f8;
    border-color: #8ab4f8;
    box-shadow: 0 4px 0 #5e84c2;
}
.return-btn:hover {
    background-color: #8ab4f8;
    color: #202124;
}

/* 5chまとめ一覧 */
.matome-list-section {
    background-color: #282c44;
    border-color: #444;
}
.matome-links a { 
	color: #8ab4f8; 
}
.matome-links a:visited { 
	color: #c58af9; 
}
.matome-links li:hover { 
	background-color: #30315C; 
}
.matome-title { 
	color: #eee; 
}
.res-header {
    background-color: #2a2a2a;
    border-color: #444;
    color: #ccc;
}
.res-num { 
	color: #fff; 
}
.res-name { 
	color: #2ecc71; /* 暗い背景なら明るめの緑 */ 
}
.res-body { 
	color: #eee; 
}
.matome-res.highlight .res-body { 
	color: #8ab4f8; /* 明るい青 */ 
}

/* 相互リンクカードの設定 */
.eachlink-card {
  background-color: #202238;
  border: 2px solid #444;  /* 枠線を濃い青に */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 影 */
}
/* カード内の画像（ロゴ）の設定 */
.eachlink-card img {
  background-color: #121212;
  border: 1px solid #555;
  filter: brightness(0.9);
}