@charset "utf-8";

:root {
	--bg: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .1));
	--bg1: #000;
	--shd: #222;
	--bgc: rgba(0, 0, 0, 0.4);
	--lfc: #999;

	--block_box_color: rgba(0, 0, 0, .8);
	--block_box_border: #666;
}

html {
	background-color: #222224;
}

body {
	background-image: url(../image/illust_29532157_20210701_214938.webp);
}

body,
a {
	color: #ccc;
}

#header {
	background-color: rgba(0, 0, 0, .1);
}

#nav {
	background: rgba(0, 0, 0, .2);
}

#main {
	background: rgba(0, 0, 0, .3);
}

#myPage {
	background-color: rgba(0, 0, 0, .1);
}

#footer {
	background: rgba(0, 0, 0, .2);
}

#ls {
	background-color: rgba(0, 0, 0, .4);
}

#videotitle {
	padding: 0.5%;
}

#video {
	padding: 0;
}

input {
	color: #ccc;
	background: rgba(58, 58, 60, 0.5);
}

input::-webkit-input-placeholder {
	color: #ccc;
}

textarea {
	color: #ccc;
	background: rgba(58, 58, 60, 0.8);
}

.spage-number button {
	color: #ccc !important;
}

#filter-list ul li {
	background-color: rgba(0, 0, 0, .7);
}