@charset "UTF-8";

:root {
	--black: #000;
	--demiblack: #243443;
	--white: #fff;
}

/* ↓全体の背景色 */
body,
.link,
article .comment a.readmorebutton,
input.passkeysubmit,
a.nsfw::before{
	background-color: #eee;
	color: var(--black);
}

header h2{
	color: #7d8898;
}
.mainguide{
	color: #4f5660;
}

/* ↓リストの飾りの色 */
ul.decorationL li::before{
	color: #7bbccd;
}

/* ↓実線 */
.searchbox{
	border: solid 0.1rem var(--black);
}

article,
.nodata,
.nolist,
form.postform textarea{
	border: solid 0.2rem var(--black);
}

/* ↓各記事の一番下のカテゴリやタイムスタンプのとこの背景色 */
.oneloginfo{
	background-color: #eee;
}

/* ↓記事内のリンク色 */
article .comment a{
	color: #e41a20;
}
article .comment a:hover {
	color: #39B2BA;
	transition: all 0.3s;
}

/* ↓各記事の背景色 */
article,
.nodata,
.nolist{
	background-color: var(--white);
}

/* ↓先頭固定記事の背景色 */
article.logstatus-fixed{
	background-color: rgba(255,255,255,0.3);
}

/* ↓投稿フォーム */
.postarea{
	background-color: #e3e3e3;
}

/* ↓強調文字のマーカー */
article em{
	font-style: normal;
	background:linear-gradient(transparent 80%, #ddd 80%);
}

/* ↓検索窓のプレースホルダーの色 */
.searchbox input.queryinput::placeholder{
	color: var(--black);
}

input.passkeyinput{
	background-color: #ddd;
}

/* ↓投稿フォームの背景色 */
form.postform textarea{
	background-color: var(--white);
}

/* ↓投稿フォームのボタンの背景色 */
.line-control input,
.changelink{
	background-color: #bfbfbf;
}

/* ↓黒背景に白文字のところ */
.link ul li a,
.pagenumhere,
.line-control input.postbutton,
.newpost button,
footer{
	background-color: var(--demiblack);
	color: var(--white);
}

/* ↓乗算 */
.link ul li a,
.pagenums,
.newpost,
footer{
	mix-blend-mode: multiply;
}

/* カテゴリの数字 */
.cattree .num,
.hashtag .num,
.datelimitlist .num{
	color: #888;
}