@charset "utf-8";
@font-face {
	font-family: Regular;
	src: url("BRT-Web-Regular.TTF");
}
@font-face {
	font-family: Medium;
	src: url("BRT-Web-Medium.TTF");
}
@font-face {
	font-family: Vocaloid;
	src: url("Vocaloid.TTF");
}

:root {
	--content: calc(40vw - 4em);
}

html {
	-webkit-tap-highlight-color: transparent;
}

body {
	margin: 0 auto;
	padding: 0;
	overflow-y: overlay;
	color: rgba(0, 0, 0, 0.87);
	font-family: Regular !important;
	font-size: 0.8vw;
	line-height: 1.2vw;
	font-weight: normal;
	background: #f5f5f5;
}
body.noscroll {
	overflow: hidden;
}
::selection {
	background: #e5e5e5;
}

::-webkit-scrollbar {
	width: 0;
	height: 0;
}
::-webkit-scrollbar-track {
	background: transparent;
}
::-webkit-scrollbar-thumb {
	background: transparent;
}

*,
*::after,
*::before {
	box-sizing: inherit;
}
div,
img,
label {
	position: relative;
	float: left;
}
.b {
	font-family: Medium !important;
	color: #000000;
}
a {
	font-family: Medium !important;
	color: #26a69a;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	float: left;
}
.text a {
	color: #26a69a;
}
img {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.Tsuki_img {
	width: 4em;
	height: 4em;
	margin-right: 1em;
	border-radius: 1em;
}

.error {
	width: 100%;
	height: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: Medium !important;
	color: #f44336;
	opacity: 0;
	animation: error 0.6s 1s cubic-bezier(0.6, 0, 0, 1) forwards;
}
.error div {
	width: 100%;
	display: flex;
	justify-content: center;
}
.error div img {
	height: 10em;
}
.error > span > span {
	word-break: keep-all;
}

.name_result {
	width: calc(100% - 4em);
	position: absolute;
	top: 0.75em;
	left: 2em;
	right: 2em;
	display: flex;
	justify-content: center;
	z-index: 1;
}
.reg_error,
.user_error {
	color: #f44336;
	background: #fce2e0;
	padding: 0.25em 1em;
	border-radius: 1em;
}
.reg_error.ok {
	color: #00695c !important;
	background: #e0f2f1 !important;
}
.user_change_box {
	width: 100%;
	margin-top: 1em;
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.user_error {
	position: absolute;
	top: -1em;
	left: auto;
	right: auto;
	padding: 0 !important;
	z-index: 1;
}
.user_error div {
	padding: 0.25em 1em;
}

.success {
	color: #7dcfb6 !important;
}
.ok {
	color: rgba(0, 0, 0, 0.87) !important;
}

.error a {
	float: none;
}
.error a:hover {
	text-decoration: underline;
}
@keyframes error {
	0% {
		height: 0;
		margin: 0;
		opacity: 0;
	}
	100% {
		height: max-content;
		margin: 1em 0 0 0;
		opacity: 1;
	}
}

#header,
#logo_box,
#banner,
.panel,
.icons_link div,
#bottom_base,
a,
.error,
.link,
.box,
button,
textarea,
input,
#theme_box input:empty ~ label,
input[type="file"] + label,
.box,
.pm_read_link .pm_box .pm_preview,
.src-img:after,
.src-img:before,
.overlay,
.overlay_alt {
	transition: all 0.4s cubic-bezier(0.6, 0, 0, 1);
}
.menu_b,
.menu_b_title {
	transition: all 0.3s cubic-bezier(0.6, 0, 0, 1);
}

textarea,
input {
	width: 92%;
	height: auto;
	position: relative;
	float: left;
	margin: 1em 0;
	padding: 4%;
	color: rgba(0, 0, 0, 0.87);
	font-family: Regular !important;
	font-size: 0.8vw;
	line-height: 1vw;
	background: #eeeeee;
	border-radius: 1em;
	border: none;
	outline: none;
	resize: none;
}
input {
	text-align: center;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
	background: #f5f5f5;
}
#content textarea {
	width: calc(100% - 2em);
	padding: 1em;
}
#content .box input {
	width: 50%;
	margin: 0 calc(25% - 1em) 1em calc(25% - 1em);
	padding: 1em;
}
#content .box input:last-child {
	margin-bottom: 0 !important;
}

.checkbox + label,
input[type="file"] + label {
	width: auto;
	height: 1.5em;
	padding: 0.75em 1em;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: Medium;
	color: rgba(0, 0, 0, 0.87);
	background: #eeeeee;
	border-radius: 1em;
	cursor: pointer;
}
.checkbox + label:hover,
input[type="checkbox"]:checked + label {
	color: #00695c;
	background: #e0f2f1;
}
.checkbox + label,
.checkbox + label:after,
.checkbox + label:before {
	-webkit-transition: all 0.4s cubic-bezier(0.6, 0, 0, 1);
	-moz-transition: all 0.4s cubic-bezier(0.6, 0, 0, 1);
	-ms-transition: all 0.4s cubic-bezier(0.6, 0, 0, 1);
}
.checkbox + label:before {
	content: "";
	width: 2em;
	height: 1em;
	margin-right: 1em;
	background: #ffffff;
	border-radius: 1em;
}
.checkbox + label:after {
	content: "";
	width: 0.5em;
	height: 0.5em;
	position: absolute;
	left: 1.25em;
	top: calc(50% - 0.25em);
	background: #777777;
	border-radius: 0.25em;
}
.checkbox:checked + label {
	color: #00695c;
	background: #e0f2f1;
}
.checkbox:checked + label:before {
	background: #26a69a;
}
.checkbox:checked + label:after {
	width: 0.5em;
	left: 2.2em;
	background: #fafafa;
}

input[type="file"] {
	display: none;
}
input[type="file"] + label {
	width: 50%;
	margin: 0 0 1em 0;
	line-height: 1.5em;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
}
input[type="file"] + label:hover {
	background: #f5f5f5;
}

.overlay,
.overlay_alt {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(33, 33, 33, 0.15);
	backdrop-filter: blur(0.25rem);
	pointer-events: none;
	opacity: 0;
	z-index: 9;
}
.overlay_alt {
	z-index: 10;
}
.overlay.-show,
.overlay_alt.-show {
	pointer-events: all;
	opacity: 1;
}

/* MAIN, BACKGROUND */
#main {
	width: 100%;
	height: auto;
	margin: 0;
}
#bg {
	background-image: url("../images/site/bg.jpg");
	width: 100%;
	height: 100%;
	background-size: cover;
	position: fixed;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-filter: blur(0em);
	z-index: -1;
	filter: blur(0.25em);
}

/* BOTTOM BAR */
#bottom_bar,
#bottom_base {
	width: 40.5em;
	height: 3.5em;
	position: fixed;
	bottom: 0;
	margin: 0 calc(50% - 20.75em) 1em calc(50% - 20.75em);
	padding: 1em 0.5em;
	background: #fafafa;
	box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
	border-radius: 1em;
	z-index: 9999;
}
#bottom_base {
	display: none;
}
.bottom_img {
	width: 2em;
	height: 2em;
	padding: 1.5em 1em;
	z-index: 2;
}

/* MENU */
#menu {
	width: auto;
	height: 5em;
	margin: 0;
	text-align: center;
	z-index: 2;
}
#menu_b,
#menu_check {
	display: none !important;
	z-index: 2;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.menu_b {
	width: 3.5em;
	height: 3.5em;
	margin: 0 0.5em;
	color: rgba(0, 0, 0, 0.87);
	font-family: Medium !important;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 1em;
	box-shadow: none;
	cursor: pointer;
	z-index: 2;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: 0.85;
}
.menu_b:hover {
	text-decoration: none !important;
}
.menu_b_title {
	width: max-content;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top: -3em;
	padding: 0 1.5em;
	background: #ffffff;
	border-radius: 1em;
	box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.2);
	transform: scale(0.95);
	opacity: 0;
	visibility: hidden;
}
.menu_b:hover .menu_b_title {
	box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
	transform: scale(1);
	opacity: 1;
	visibility: visible;
	background: #ffffff;
}
.menu_b_title.red {
	color: #f44336;
	box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
	transform: scale(1);
	opacity: 1 !important;
	visibility: visible;
}

.menu_b img,
#menu_b img {
	width: 2.5em;
	height: 2.5em;
}
.menu_b_not {
	cursor: default;
}
.menu_b_not:hover {
	color: #dddddd;
	text-decoration: none !important;
}

.menu_b.menu_on,
#goodies_check:checked ~ #goodies_b,
#wall_check:checked ~ #wall_b,
#login_check:checked ~ #login_b {
	box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
	transform: scale(1.05);
	opacity: 1;
	background: #ffffff;
}

#profil_b {
	z-index: 3;
}
#messages_b {
	z-index: 2;
}
/* NEW MESSAGESE ANIMATION */
@keyframes pulse {
	0% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
	}
	40% {
		transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
	}
	60% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
	}
	100% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
	}
}

.avatar {
	width: 3em;
	height: 3em;
	margin-right: 1em;
	border-radius: 1em;
}
#profil_img {
	margin: 0 45% 1em 45%;
}

.red_b {
	background: #e53935 !important;
}
.red_b:hover {
	background: #f44336 !important;
}

/* FORGOTTEN PASSWORD, REGISTRATION */
#registration .text {
	text-align: center;
}
#forgotten_password,
#reg_info {
	text-align: center;
}
#forgotten_password .title:hover,
#reg_info .title:hover {
	text-decoration: none;
}

/* HEADER */
#header {
	width: 40%;
	height: 11.75em;
	margin: 1em 30% 0 30%;
	padding: 0;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
	border-radius: 1em;
	overflow: hidden;
	z-index: 1;
}
#header:hover {
	height: 14em;
}
#logo {
	width: 50%;
	height: 14em;
	margin: 0 25%;
	padding: 0;
}
#banner {
	width: 100%;
	height: auto;
	position: absolute;
	float: left;
	margin-top: 0;
	display: flex;
	justify-content: center;
	overflow: hidden;
	opacity: 0;
	transform: scale(1.05);
}
#banner img {
	width: 100%;
}
#banner.loaded {
	opacity: 1;
	transform: scale(1);
}

/* CONTENT */
#content {
	width: calc(40% - 4em);
	margin: 1em calc(30% + 2em) 7.5em calc(30% + 2em);
}
.content_icon {
	width: 10%;
	margin: 0 45% 0.5em 45%;
}

.iframe-box {
	width: calc(var(--content) - 4em);
	height: 0 !important;
	padding-bottom: calc((var(--content) - 4em) * 0.5625);
	margin: 0.5em 0;
	border-radius: 1em;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.iframe-box .icon {
	width: 4em;
	height: 4em;
	margin: auto;
	padding: 1em;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #eeeeee;
	border-radius: 50%;
	z-index: 1;
}
.iframe-box:hover:after {
	transform: scale(1.1);
}
.iframe-box img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.iframe-box iframe {
	width: calc(var(--content) - 4em);
	height: calc((var(--content) - 4em) * 0.5625);
	position: relative;
	display: block;
	border-radius: 1em;
	z-index: 2;
}

#wall_panel .iframe-box {
	width: calc(100vw * 0.2 - 5em);
	padding-bottom: calc((100vw * 0.2 - 5em) * 0.5625);
	border-radius: 1em;
}
#wall_panel .iframe-box iframe {
	width: calc(100vw * 0.2 - 5em);
	height: calc((100vw * 0.2 - 5em) * 0.5625);
	border-radius: 1em;
}

.box {
	width: calc(100% - 4em);
	height: auto;
	margin: 1em 0 0 0;
	padding: 2em;
	top: 0;
	text-align: justify;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
	border-radius: 1em;
}

/* POST */
#post {
	width: 100%;
}
#posts .box {
	margin: 4em 0 0 0;
}
.info_bar {
	width: auto;
	margin: 1em 0 0 0;
	padding: 0.75em 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	float: right;
	font-family: Medium;
	color: rgba(0, 0, 0, 0.87) !important;
	text-align: center;
	background: #eeeeee;
	border-radius: 1em;
}
.info_bar.big {
	width: calc(100% - 2em);
}
.info_bar.green {
	color: #00695c !important;
	background: #e0f2f1;
}
.info_bar.purple {
	color: #6a1b9a !important;
	background: #f3e5f5;
}
a.info_bar:hover {
	color: #00695c !important;
	background: #e0f2f1;
}

.fixed_title {
	width: 100%;
	margin: 0 0 1em 0;
	color: #f44336;
	text-align: center;
	font-family: Medium;
}
.title {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1vw;
	text-align: center;
	font-family: Medium;
}

#comments {
	width: 100%;
}
#comments form.box {
	margin-top: 1em !important;
}
#comments .box,
#comments .box.admin {
	width: calc(100% - 12em);
	margin: 0 4em 1em 4em !important;
}
#comments .text,
.msg .text {
	width: calc(100% - 1em) !important;
	margin: 1em 0.5em 0 0.5em !important;
}
#comments a:hover {
	text-decoration: underline !important;
}
.info_bar.comments {
	width: 100%;
	margin: 0;
	padding: 1em 0;
}

.name {
	width: 100%;
	height: 3em;
	margin: 0;
	display: flex;
	align-items: center;
	font-family: Medium;
	word-break: break-word;
}
.admin_1,
.admin_2,
.red {
	color: #f44336 !important;
}

.bb_code {
	width: 100%;
	margin: 0;
	text-align: center;
}
.spoiler {
	color: #b6b6b6;
	background: #b6b6b6;
}
.spoiler:hover {
	color: #dddddd;
	background: #2c2c2c;
}

.img {
	width: calc(100% - 8em);
	height: auto;
	margin: -5.5em 4em 1.5em 4em;
	box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
	border-radius: 1em;
}

.text {
	width: 100%;
	height: auto;
	margin: 1em 0 0 0;
	padding: 0;
	border-radius: 0.5em;
}
.text a {
	float: none;
}
.text a:hover {
	text-decoration: underline;
}
.post_link {
	width: 100%;
	margin-top: 1em;
	text-align: right;
}

form.box {
	position: relative;
	float: left;
	text-align: center;
}

.page {
	width: calc(100% - 16em);
	margin: 1em 8em 0 8em !important;
	padding: 0;
}
.page a {
	width: auto;
	line-height: 1.5em;
	margin: 1em;
}
.page img {
	width: 1.5em !important;
	height: 1.5em !important;
	margin: 0 !important;
}

/* PROJECT */
#pCon {
	float: none;
}
#pCon .box {
	margin: 4em 0 0 0;
}
#projects_menu {
	width: 22.5em;
	line-height: 3em;
	margin: 1em calc(50% - 11.75em) 0 calc(50% - 11.75em);
	padding: 1em 0.5em;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fafafa;
	box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
	border-radius: 1em;
}
.fixed {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 2;
}
#pCon .menu_b_title {
	top: auto;
	bottom: -3em !important;
}

.con_menu {
	padding: 0;
	justify-content: center;
	align-items: center;
	display: flex;
}
#status_a .status_b {
	width: 8em;
	padding: 0 1em;
}

#pCon.pro_fixed {
	margin: 6em 0 0 0;
}
#pCon .box .info {
	width: 100%;
	margin: 1em 0 0 0;
	text-align: center;
}
#pCon .box .title:hover {
	text-decoration: none;
}
#pCon .box .info_bar {
	width: calc(100% - 2em);
}
#pCon .box .info_bar.person {
	padding: 1em;
}
#pCon .box .info_bar.person .avatar {
	margin: 0 0 0 1em;
}
#pCon .box .info_bar .name {
	width: auto !important;
}
#pCon .box .info a,
#pCon .box .info_bar a {
	float: none;
}
#pCon .box .info a:hover,
#pCon .box .info_bar a:hover {
	text-decoration: underline;
}
.episode {
	font-size: 1vw;
	line-height: 1.5vw;
}

#online_videos .box .title {
	margin: 0;
}
.video_box {
	width: 100%;
	height: 0 !important;
	margin-top: 1em;
	padding-bottom: 56.3% !important;
	border-radius: 1em;
	overflow: hidden;
}
.video_box iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.src-img {
	--image-ratio: 1 / 0.5625;
	width: auto;
	height: auto;
	max-width: calc(var(--content) - 4em);
	max-height: calc((var(--content) - 4em) * 0.5625);
	aspect-ratio: var(--image-ratio);
	margin: 0.25rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	float: unset;
}
.src-img img {
	max-width: 100%;
    object-fit: contain;
	border-radius: 1em;
}
.src-img:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(1em) saturate(1.5);
	border-radius: 1em;
	opacity: 0;
	z-index: 1;
}
.src-img:after {
	content: "";
	width: 3em;
	height: 3em;
	padding: 2em;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgba(0, 0, 0, 0.87);
	background-image: url(../images/site/saw.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 4em;
	background-color: #fafafa;
	backdrop-filter: blur(1em) saturate(1.5);
	border-radius: 50%;
	opacity: 0;
	z-index: 2;
}
.src-img:hover:before,
.src-img:hover:after {
	opacity: 1;
}
.overlay.-src-img {
	z-index: 9999;
	animation: 0.2s ease-out 0s 1 normal forwards running src-img-overlay;
}
#src-img-show {
	max-width: 90vw;
	max-height: 90vh;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 1em;
	opacity: 0;
	pointer-events: none;
	filter: drop-shadow(0 0.25em 0.75em rgba(0, 0, 0, 0.15)) blur(1em);
	animation: 0.4s ease-out 0.2s 1 normal forwards running src-img;
}
.src-img.-wall {
	max-width: calc(100vw * 0.2 - 5em);
	max-height: calc((100vw * 0.2 - 5em) * 0.5625);
}
.src-img.-wall:after {
	width: 1em;
	height: 1em;
	background-size: 3em;
}

@keyframes src-img-overlay {
	0% {
		opacity: 0;
		pointer-events: none;
	}
	100% {
		opacity: 1;
		pointer-events: all;
	}
}
@keyframes src-img {
	0% {
		opacity: 0;
		pointer-events: none;
		filter: drop-shadow(0 0.25em 0.75em rgba(0, 0, 0, 0.15)) blur(1em);
	}
	100% {
		opacity: 1;
		pointer-events: all;
		filter: drop-shadow(0 0.25em 0.75em rgba(0, 0, 0, 0.15)) blur(0);
	}
}

/* LINK */
.link_box_1,
.link_box_2,
.link_box_3,
.link_box_4 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.link,
.link_not,
input[type="submit"],
input[type="button"],
button,
.pm_button {
	width: auto;
	height: 3em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 1em 0 0 0;
	padding: 0 1em;
	font-size: 0.8vw;
	text-align: center;
	color: #fafafa;
	background: #26a69a;
	border-radius: 1em;
	font-family: Medium !important;
	border: none;
	cursor: pointer;
	outline: none;
}
.link_box_1 {
	justify-content: center;
}
.link_box_1 .link,
.link_box_1 .link_not {
	width: calc(100% - 10em);
	margin: 1em 0 0 0;
}
.link_box_2 .link,
.link_box_2 .link_not {
	width: calc(100% / 2 - 2.4em);
	margin: 1em 0 0 0;
}
.link_box_3 .link,
.link_box_3 .link_not {
	width: calc(100% / 3 - 2.5em);
	margin: 1em 0 0 0;
}
.link_box_4 .link,
.link_box_4 .link_not {
	width: calc(100% / 4 - 1em);
	margin: 1em 0 0 0;
}
.link_box_1.big .link {
	width: calc(80% - 2em);
	margin: 0 !important;
}
.link_box_2.big {
	justify-content: center;
}
.link_box_2.big .link,
.link_box_2.big .link_not {
	width: calc(100% / 3 - 2.5em);
	margin: 1em 0.5em 0 0.5em;
}

.link:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.pm_button:hover {
	background: #4db6ac;
	text-decoration: none !important;
}
.link_not {
	background: #b0bec5;
	cursor: default;
}
.link_not.download_not {
	width: calc(100% / 3 * 2 - 2.25em);
	background: #e84e40;
}

.link img,
.link_not img,
input[type="submit"] img,
input[type="button"] img,
button img,
.pm_button img {
	width: 1.5em;
	height: 1.5em;
	margin: 0 0 0 1em !important;
	float: right;
}

.link_solid {
	width: 100%;
	line-height: 2em;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #26a69a;
}

a.link_solid:hover,
.link_solid a:hover,
#wall_panel .msg a.name:hover,
#wall_archive .msg a.name:hover,
#comments .box a.name:hover {
	background: #e0f2f1;
	box-shadow: 0 0 0 0.5em #e0f2f1;
	border-radius: 0.5em;
	text-decoration: none !important;
}
.page .link_solid:hover {
	box-shadow: 0 0 0 0.5em #e0f2f1;
}
.link_solid img {
	width: 2em;
	height: 2em;
	margin-right: 0.5em;
}

.link_comment {
	margin: 0 0 1em 0;
	text-align: center;
}

.facebook_b {
	background: #3b5998;
}
.facebook_b:hover {
	background: #5872a7;
}
.twitter_b {
	background: #222222;
}
.twitter_b:hover {
	background: #333333;
}

/* TEAM */
#team_box {
	padding-top: 2em !important;
	-webkit-transition: all 0.6s cubic-bezier(0.6, 0, 0, 1) 3s !important;
	-moz-transition: all 0.6s cubic-bezier(0.6, 0, 0, 1) 0.6s;
	-ms-transition: all 0.6s cubic-bezier(0.6, 0, 0, 1) 0.6s;
}
#team_img {
	width: 50%;
	margin: -6em -10em 0 0;
	position: absolute;
	top: 0;
	right: 0;
	filter: drop-shadow(0 0.25em 0.5em rgba(0, 0, 0, 0.15));
	z-index: 1;
}

.active,
.inactive {
	float: left;
}

/* PANEL */
#wall_check,
#login_check,
#goodies_check {
	display: none !important;
}
#wall_b,
#login_box_b,
#goodies_b {
	cursor: pointer;
	z-index: 2;
}
#wall_title,
#login_title,
#goodies_title {
	margin: 0 1.5em;
}

.panel {
	width: 20%;
	height: 100%;
	margin: 0;
	position: fixed;
	top: 0;
	overflow-y: scroll;
	transform: scale(0.95);
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}
.panel .box {
	width: calc(100% - 2em);
	padding: 1em;
}
.panel_img {
	filter: drop-shadow(0 0.25em 0.5em rgba(0, 0, 0, 0.15));
}

#goodies_panel {
	left: 5%;
}
#wall_panel {
	right: 5%;
}

.panel_box {
	width: calc(100% - 2em);
	height: auto;
	padding: 2em 1em 1em 1em;
}
#goodies_panel .panel_box,
#wall_panel .panel_box {
	padding-bottom: 6em;
}

#login_panel {
	height: auto;
	top: unset;
	bottom: 0;
	left: 0;
	margin: 0 0 4em calc(50% + 21.75em - 20%);
}
#login_panel .box {
	margin: 0 0 2.5em 0;
}

form.box input {
	margin: 0 0 1em 0;
}

#f_pass_reg_b:hover {
	text-decoration: underline;
}

#goodies_panel.show,
#wall_panel.show,
#login_panel.show {
	transform: scale(1);
	opacity: 1;
	visibility: visible;
	z-index: 3;
}
#login_check:checked ~ #login_b {
	box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
	transform: scale(1.05);
	opacity: 1;
}

/* MESSAGE WALL */
#wall_img {
	width: 72%;
	left: 14%;
	z-index: 0;
}
#bb_code_box {
	display: none;
}

.panel_box .box {
	margin: 0 0 1em 0;
}

.msg_user {
	width: 100%;
	display: flex;
	align-items: center;
	margin: 0 0 0.5em 0;
}

.date {
	margin: 1em 0 0 0;
	float: right;
	font-family: "Medium";
	color: #b070ba;
}

a.link_solid.box {
	width: 92%;
}
a.link_solid.box:hover {
	text-decoration: underline;
}

#wall_archive .page {
	margin-top: 0;
}
/* LEFT PANEL */
#goodies_img {
	width: 100%;
	margin: 0 0 -1em 0;
	z-index: 1;
}
#goodies_panel > .box {
	line-height: 1.5vw;
}
#goodies_panel a {
	float: none;
}
#goodies_panel .text {
	margin: 1em 0 0 0;
	line-height: 2em;
	text-align: center;
}
#goodies_panel .info_bar {
	width: calc(100% - 2em) !important;
	margin: 0;
}
#goodies_panel .link_box_1 {
	margin-top: 1em;
}

/* THEME SWITCH */
#theme_box {
	width: 100%;
	padding-top: 1em;
	position: relative;
	float: left;
	display: flex;
	justify-content: center;
}
#theme_box .link {
	width: auto !important;
}
#theme_box label div {
}
#theme_box input:empty {
	display: none;
}
#theme_box input:empty ~ label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#theme_box input:empty ~ label:hover {
}
#theme_box .theme_switcher {
	width: 1em !important;
	height: 3em !important;
	margin: 0 1em 0 0 !important;
	justify-content: center;
}
.link.radio_player,
.theme_switcher img {
	margin: 0 !important;
}

/* ICONS */
.icons {
	width: 100%;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.icons a {
	width: 33.3%;
	height: auto;
}
.icons a img {
	width: 45%;
	height: 45%;
	margin: 0 27.5% 0.5em 27.5%;
}
.icons a > div {
	width: 100%;
	text-align: center;
}
.icons a:hover > div {
	text-decoration: none !important;
}

#facebook_b div {
	color: #85a3de !important;
}
#twitter_b div {
	color: #222222 !important;
}
#rss_b div {
	color: #ffa726 !important;
}
#cookie_b div {
	color: #ecab2c !important;
}
#vocaloid_b div {
	color: #86cecb !important;
}
#join_b div {
	color: #f44336 !important;
}

/*.icons_link img{-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;}

	.icons_link:hover > img{transform:scale(1.1);/*-webkit-filter: drop-shadow(0 0 0.1em rgba(0,0,0,0.1)) !important;filter: drop-shadow(0 0 0.1em rgba(0,0,0,0.1)) !important;}
	.icons_link:hover > div{text-decoration: underline;/*text-shadow: 0 0 0.1em rgba(0,0,0,0.1);}*/

.icons_link:hover {
	border-radius: 0.5em;
}
#facebook_b:hover {
	background: #ecf0f9 !important;
	box-shadow: 0 0 0 0.25em #ecf0f9;
}
#twitter_b:hover {
	background: #eeeeee !important;
	box-shadow: 0 0 0 0.25em #eeeeee;
}
#rss_b:hover {
	background: #fef1de !important;
	box-shadow: 0 0 0 0.25em #fef1de;
}
#cookie_b:hover {
	background: #faefde !important;
	box-shadow: 0 0 0 0.25em #faefde;
}
#vocaloid_b:hover {
	background: #ecf7f6 !important;
	box-shadow: 0 0 0 0.25em #ecf7f6;
}
#join_b:hover {
	background: #fce2e0 !important;
	box-shadow: 0 0 0 0.25em #fce2e0;
}

/* VOCALOID */
.v_box {
	margin: 4em 0 0 0;
}
#vocaloid_img {
	width: 64%;
	position: absolute;
	top: 0;
	right: 0;
	margin: -10em -6.5em 0 0;
	filter: drop-shadow(0 0.5em 1em rgba(0, 0, 0, 0.15));
	z-index: 1;
}
.title .v_title {
	font-family: Vocaloid !important;
	font-weight: bold;
}
.v_box .link_box_3 .link,
.v_box .link_box_3 .link_not {
	margin: 1.5em 0 0 0 !important;
}

/* JOIN */

.join_box {
	width: 100%;
	padding: 2em 0;
	border-top: 0.05em solid rgba(0, 0, 0, 0.15);
}
#join_title {
	width: 100%;
	font-size: 0.8vw;
	line-height: 2vw;
}

/* RADIO PLAYER */
.radio_player {
	background: #b070ba;
}
.radio_player:hover {
	background: #c57fd0;
}

/* LAST COMMENTS, REALESES STATUS */
#status_box .box {
	text-align: left;
}
#last_comments_box .link_solid {
	margin-top: 1em;
	display: block;
	float: left;
	text-align: left;
}
#last_comments_box .link_solid:hover {
	text-decoration: underline;
}
#status_box > div {
	width: 100%;
}
.s_project_title {
	margin: 1em 0 0 0;
}
.todos {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.todo div {
	width: 100%;
	text-align: center;
}
.todo div:first-child {
	opacity: 0.75;
}
.todo div:last-child {
	height: 0.5em;
	background: #eeeeee;
	border-radius: 0.5em;
}
.todo.working div:first-child {
	opacity: 1;
}
.todo.working div:last-child {
	background: #fdd835;
}
.todo.done div:first-child {
	opacity: 1;
}
.todo.done div:last-child {
	background: #7dcfb6;
}
/* UNLIMITED RULEBOOK */
#the_rules_img {
	width: 40%;
	margin: -10em -5em 0 0;
	position: absolute;
	top: 0;
	right: 0;
	filter: drop-shadow(0 0.25em 0.5em rgba(0, 0, 0, 0.15));
	z-index: 1;
}

#the_rules .title:hover {
	text-decoration: none;
}
#the_rules .box {
	margin-top: 1em;
	text-align: center;
}
#the_rules .box a {
	float: none !important;
}
#the_rules .box a:hover {
	text-decoration: underline;
}

/* PROFIL */

/* PRIVATE MESSAGES */
#messages_img {
	width: 40%;
	margin: 0;
	position: absolute;
	top: -4em;
	right: -14em;
	filter: drop-shadow(0 0.5em 1em rgba(0, 0, 0, 0.15));
	z-index: 1;
}

#pm_system {
	width: 100%;
	display: flex;
}

#pm_menu {
	width: 3.5em;
	margin: 1em 0 0 1em;
	padding: 1em;
	z-index: 1;
}
#pm_menu .link {
	margin: 0 0 1em 0 !important;
}
#pm_menu .menu_b {
	margin: 0 0 1em 0 !important;
}
#pm_menu .menu_b .menu_b_title {
	top: 0.5em;
	right: 4em;
}
#pm_user_b {
	box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15) !important;
	transform: scale(1.05) !important;
	opacity: 1 !important;
	display: none;
}
#pm_user_b img {
	width: 3.5em;
	height: 3.5em;
	border-radius: 1em;
}

#pmCon {
	width: calc(100% - 6.5em);
	z-index: 0;
}

.pm_read_link .pm_box .pm_preview {
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
}
.pm_read_link .pm_box:hover .pm_preview {
	background: #f5f5f5;
}
.pm_read_link .pm_box.pm_new .pm_preview {
	color: rgba(0, 0, 0, 0.87);
	background: #e5e5e5;
}
.pm_read_link .pm_box.pm_new:hover .pm_preview {
	background: #f5f5f5;
}

#pm_box {
	max-height: calc(100vh - 26em);
	overflow: hidden;
}
#pm_list {
	width: calc(100% - 2em);
	padding: 0 1em;
	overflow-y: scroll;
	max-height: calc(100vh - 32em);
	display: flex;
	flex-wrap: wrap;
	flex-flow: column-reverse;
	box-shadow: 0 0 0 1px #eeeeee;
	border-radius: 1em;
	z-index: 2;
}
#pm_list .pm_box {
	background: none;
	box-shadow: none;
}

#pm_box #pm_header {
	width: 100%;
	padding: 0 0 1em 0;
	display: flex;
	align-items: center;
	z-index: 2;
}
#pm_box #pm_header .name {
	width: auto;
	margin: 0 1em 0 0;
}

#pm_system .link {
	width: 1em;
	height: 3em;
	margin: 0;
	justify-content: center;
}
#pm_system .link img {
	margin: 0 !important;
}
#pm_system .red_b {
	position: absolute;
	right: 0;
}

#pm_box .name.pm_own {
	display: none;
}
.pm_read_link {
	float: none;
}

.pm_preview {
	width: calc(100% - 2em);
	margin: 1em 0 0 0;
	padding: 1em;
	color: rgba(0, 0, 0, 0.5);
	font-family: Regular;
	background: #eeeeee;
	border-radius: 1em;
}

#pm_list .pm_box .avatar {
	margin: 1em 1em 0 0;
}
#pm_list .pm_box .avatar.pm_own {
	margin: 1em 0 0 1em;
	float: right;
}

#pm_box .text {
	width: calc(100% - 11em) !important;
	margin: 2em 0 1em 0;
	padding: 1em;
	background: #eeeeee;
	border-radius: 0 1em 1em 1em;
}
#pm_box .text.pm_own {
	color: #00695c;
	background: #eff8f8;
	float: right;
	border-radius: 1em 0 1em 1em;
}
#pm_box .text .pm_date {
	width: 100%;
	margin: 0.5em 0 0 0;
	text-align: right;
	color: #b070ba;
}
#pm_box .info_bar {
	display: none;
}
#pm_box .see {
	float: left;
	border-radius: 1em;
	position: absolute;
	left: 0;
	bottom: 1em;
}
#pm_box .see img:first-child {
	width: 1.5em;
	height: 1.5em;
	display: block;
}

.pm_box .name div {
	display: flex;
}
.pm_box .name,
.pm_box .name div {
	justify-content: space-between;
	align-items: center;
}
.pm_box .name .date {
	margin: 0;
}
.pm_box .link_box {
	margin: 0.5em 0 0 0;
}
.pm_box .link {
	margin-bottom: 0;
}
.pm_box textarea {
	margin: 0 0 1em 0;
}

#pm_box form.pm_box {
	width: 70%;
	margin: 1em 15% 0 15%;
	padding: 0;
	position: relative;
	float: left;
}
#pm_box form.pm_box textarea {
	width: calc(100% - 6em) !important;
	height: 3em;
	margin: 0;
	padding: 1em 5em 1em 1em !important;
}
#pm_send {
	width: 3em;
	margin: 1em;
	padding: 0;
	position: absolute;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#pm_send img {
	margin: 0 !important;
}

@media screen and (min-width: 1921px) {
	:root {
		--content: calc(30vw - 4em);
	}

	body,
	.link,
	.link_not,
	input[type="submit"],
	input[type="button"],
	button,
	.pm_button,
	textarea,
	input {
		font-size: 0.6vw;
	}
	body,
	.panel,
	textarea,
	input {
		line-height: 0.8vw;
	}
	.episode {
		line-height: 2vw;
	}

	#header {
		width: 30%;
		margin: 1em 35% 0 35%;
	}
	#content {
		width: calc(30% - 4em);
		margin: 1em calc(35% + 2em) 8em calc(35% + 2em);
	}
	.panel {
		width: 15%;
	}
	.title,
	.episode {
		font-size: 0.8vw;
	}
	#login_panel {
		margin: 0 0 4em calc(50% + 21.75em - 15%);
	}

	#goodies_panel {
		left: 10%;
	}
	#wall_panel {
		right: 10%;
	}

	#wall_panel .iframe-box {
		width: calc(100vw * 0.15 - 5em);
		padding-bottom: calc((100vw * 0.15 - 5em) * 0.5625);
		border-radius: 1em;
	}
	#wall_panel .iframe-box iframe {
		width: calc(100vw * 0.15 - 5em);
		height: calc((100vw * 0.15 - 5em) * 0.5625);
		border-radius: 1em;
	}
	.src-img.-wall {
		max-width: calc(100vw * 0.15 - 5em);
		max-height: calc((100vw * 0.15 - 5em) * 0.5625);
	}
}

@media screen and (min-width: 768px) {
	.menu_b:hover {
		background: #ffffff;
		box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
		transform: scale(1.05);
		opacity: 1;
	}
}

@media screen and (min-width: 768px) and (max-width: 1365px) {
	#login_panel,
	.panel {
		background: none;
	}
	#login_panel .panel_box {
		padding: 1em 0;
		margin: 1em 4% 0 4%;
	}
	#goodies_check:checked ~ #goodies_panel {
		left: 2%;
	}
	#wall_check:checked ~ #wall_panel {
		left: 73%;
	}
	#login_check:checked ~ #login_panel {
		left: 73%;
	}

	.title,
	.v_box .title,
	#join_title {
		font-size: 1.2vw;
		line-height: 1.4vw;
	}
}

@media screen and (max-width: 767px) and (orientation: portrait) {
	:root {
		--content: 100vw;
	}

	#bg {
		background-image: url("../images/site/bg_m.jpg");
		filter: blur(0.1em);
	}

	body,
	textarea,
	input,
	.link,
	.link_not,
	input[type="submit"],
	input[type="button"],
	button,
	.pm_button {
		font-size: 3.6vw;
	}
	body,
	textarea,
	input {
		line-height: 5vw;
	}

	@keyframes error {
		0% {
			height: 0;
			opacity: 0;
			margin: 0;
		}
		100% {
			height: max-content;
			opacity: 1;
			margin: 1em 0 0 0;
		}
	}
	@keyframes error_ban {
		0% {
			height: 0;
			opacity: 0;
			margin-bottom: 0;
		}
		100% {
			height: 15vw;
			opacity: 1;
			margin-bottom: 1em;
		}
	}

	.name_result {
		top: -0.5em;
	}
	.reg_error {
		padding: 0.5em 1em;
	}

	#bottom_bar,
	#bottom_base {
		width: 100%;
		height: 4em;
		margin: 0;
		padding: 0.5em 0;
		border-radius: 0;
		justify-content: space-evenly;
		align-items: center;
		display: flex;
	}
	#bottom_bar {
		background: none;
		box-shadow: none;
	}
	.bottom_img {
		padding: 1em;
	}
	#bottom_base {
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 1 !important;
		display: block;
	}

	#header {
		width: 100%;
		height: 10em;
		margin: 0;
		border-radius: 0;
	}
	#header:hover {
		height: 10em;
	}
	#logo {
		width: 60%;
		height: 9em;
		margin: 0.5em 20%;
	}
	#banner {
		display: none;
	}

	.new_message {
		left: 2em;
		margin: 0.25em 0 0 0;
	}

	#menu_b {
		display: flex !important;
	}

	#menu {
		width: 100%;
		height: auto;
		position: absolute;
		bottom: 5.5em;
		left: 0;
		margin: 0;
		background: #ffffff;
		box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
		border-radius: 1em;
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		transform: scale(0.9, 0.9);
		-webkit-transition: all 0.3s cubic-bezier(0.4, -0.1, 0.6, 1.8);
		-moz-transition: all 0.3s cubic-bezier(0.4, -0.1, 0.6, 1.8);
		-ms-transition: all 0.3s cubic-bezier(0.4, -0.1, 0.6, 1.8);
	}
	#menu_check:checked ~ #menu_b {
		box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15) !important;
		transform: scale(1.05) !important;
		opacity: 1 !important;
		background: #ffffff;
	}
	#menu_check:checked ~ #menu {
		opacity: 1;
		visibility: visible;
		transform: scale(1, 1);
	}

	.menu_b {
	}
	.menu_b_title {
		visibility: hidden !important;
		display: none !important;
	}

	#bottom_bar #menu {
		width: 18em;
		height: 4em;
		margin: 0 calc(50% - 9.5em);
		padding: 0.5em;
		align-items: center;
		display: flex;
	}
	#bottom_bar #menu .menu_b {
		margin: 1em 0.5em;
	}

	#content {
		width: 100%;
		margin: 0 0 6em 0;
	}
	.content_icon {
		width: 14%;
		margin: 0 43% 0.5em 43%;
	}

	#profil_img {
		width: 16%;
		height: 16%;
	}
	#profil_img {
		margin: 0 42% 1em 42%;
	}

	#content input {
		width: 80%;
		margin: 0 calc(10% - 1em) 1em calc(10% - 1em);
	}

	#posts .box,
	.box {
		width: calc(100% - 4em);
		margin: 4em 1em 0 1em;
		padding: 1em;
	}
	.box {
		margin: 1em 1em 0 1em;
	}
	.post_text {
		width: 92%;
		padding: 1em;
	}

	.img {
		width: calc(100% - 2em);
		margin: -5.5em 1em 1em 1em;
	}

	.title,
	.v_box .title,
	#join_title {
		font-size: 4vw;
		line-height: 5vw;
	}
	.title {
		margin: 0.5em 0;
	}
	.text {
		margin: 0.5em 0 0 0;
	}
	.episode,
	.making {
		line-height: 8vw;
	}
	.episode {
		font-size: 4vw;
	}
	.making {
		border: none;
	}

	#comments .box,
	#comments .box.admin {
		width: calc(100% - 4em);
		margin: 0 1em 1em 1em !important;
	}
	#comments .box.admin .link_box_2 {
		display: flex;
	}
	.comment_img {
		width: 16%;
		height: 16%;
	}
	#comments .text {
		width: 80%;
	}

	#pCon .box {
		margin: 4em 1em 0 1em;
	}
	#projects_menu {
		margin: 1em 2.25em 0 2.25em;
		-webkit-transition: all 0.4s cubic-bezier(0.6, 0, 0, 1);
		-moz-transition: all 0.4s cubic-bezier(0.6, 0, 0, 1);
		-ms-transition: all 0.4s cubic-bezier(0.6, 0, 0, 1);
	}
	.fixed {
		width: calc(100% - 1em) !important;
		margin: 0 !important;
		border-radius: 0 !important;
	}
	.con_menu a {
		margin: 0 0.5em;
	}
	.info_bar {
		background: #eaeaea;
	}

	#online_videos .box {
		margin: 1em 4% 0 4% !important;
	}

	.video_box {
		width: 100%;
		padding: 0;
	}

	.link_box_2,
	.link_box_3,
	.link_box_4 {
		display: block;
	}
	.link,
	.link_not {
		width: calc(80% - 2em) !important;
		margin: 1em 10% 0 10% !important;
		text-align: left;
	}
	.send_b {
		margin: 0 18%;
	}

	.page {
		width: calc(100% - 4em) !important;
		margin: 1em 1em 0 1em !important;
		padding: 0.5em 1em !important;
		display: block;
	}
	.page a {
		margin: 0.5em 0;
	}

	.panel {
		width: 100%;
		left: 0 !important;
		right: 0 !important;
		margin: 0;
		line-height: 5vw !important;
		background: rgba(255, 255, 255, 0.95);
		visibility: hidden;
	}
	#goodies_panel {
		margin: 0 0 1em 0;
	}
	#login_panel {
		height: 100%;
		margin: 0;
	}
	#login_panel .panel_box {
		position: absolute;
		bottom: 5em;
	}
	#login_panel .box {
		margin: 0 0 0.5em 0;
	}
	.panel_box > .title {
		margin: 0;
	}
	#wall_panel .panel_box > .title,
	#login_panel .panel_box > .title {
		margin-bottom: 0.5em;
	}
	.title_icon {
		display: none;
	}

	#wall_archive .page.box {
		margin: 1em 4% 0 4%;
	}

	#goodies_panel .panel_box {
		padding-bottom: 7em;
	}
	.panel_box .box {
		width: 92%;
	}

	.panel_title {
		display: none;
	}
	#goodies_img {
		width: 80%;
		margin: -2em 10% -2em 10%;
	}
	#goodies_panel .box {
		line-height: 5vw !important;
	}
	#goodies_panel .panel_box .box {
		margin: 1em 0 0 0 !important;
	}

	.icons_link > .icons_off {
		display: none;
	}
	.icons_link > .icons_on {
		display: block;
	}
	.icons a > div {
		color: #ff9e2c;
	}

	#vocaloid_info .title {
		margin: 0 0 0.5em 0;
	}
	.v_box {
		margin-top: 4em;
	}
	.v_box .link_box_3 .link,
	.v_box .link_box_3 .link_not {
		width: calc(80% - 2em) !important;
		margin: 1em 10% 0 10% !important;
	}

	.join_box {
		padding: 1em 0;
	}

	#the_rules .box {
		margin-top: 0.5em;
	}

	#last_comments_box .link_solid,
	#status_box {
		line-height: 5vw !important;
	}

	/*.wall_off, .login_off, .goodies_off{display: block !important}
.wall_on, .login_on, .goodies_on{display: none;}
*/
	#wall_check:checked ~ #wall_panel,
	#goodies_check:checked ~ #goodies_panel {
		visibility: visible;
	}
	#login_check:checked ~ #login_panel {
		margin: 0;
		z-index: 1;
	}
	/*#wall_check:checked ~ #wall_b .wall_on, #login_check:checked ~ #login_box_b .login_on, #goodies_check:checked ~ #goodies_b .goodies_on{display: block;}
#wall_check:checked ~ #wall_b .wall_off, #login_check:checked ~ #login_box_b .login_off, #goodies_check:checked ~ #goodies_b .goodies_off{display: none !important;}
*/

	#vocaloid_img {
		width: 50%;
		margin: -7em 0 0 0;
	}
	#team_img {
		margin: -9em 0 0 0;
	}
	#the_rules_img {
		width: 35%;
		margin: -7em 1em 0 0;
	}

	/* PRIVATE MESSAGES */
	#pm_system {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	#pmCon {
		width: 100%;
	}

	#pm_menu {
		width: 22.5em;
		height: 3.5em;
		margin: 1em calc(50% - 11.75em) 0 calc(50% - 11.75em);
		padding: 1em 0.5em;
	}
	#messages_img {
		width: 50%;
		margin: -9em -50% -14em 50%;
	}
	#pm_menu .menu_b {
		width: 3.5em;
		margin: 0 0.5em !important;
	}
	#pm_box .text {
		width: calc(100% - 6em) !important;
		word-break: break-word;
	}

	.pm_username,
	.pm_subject {
		width: 80%;
	}

	#pm_box {
		max-height: calc(100vh - 25.5em);
		overflow: hidden;
	}
	#pm_list {
		max-height: calc(100vh - 31.5em);
	}
	#pm_box form.pm_box {
		width: 100%;
		margin: 1em 0 0 0;
	}

	#pm_box .see {
		left: auto;
		right: 0;
	}

	#wall_panel .iframe-box {
		width: calc(100vw - 5em);
		padding-bottom: calc((100vw - 5em) * 0.5625);
		border-radius: 1em;
	}
	#wall_panel .iframe-box iframe {
		width: calc(100vw - 5em);
		height: calc((100vw - 5em) * 0.5625);
		border-radius: 1em;
	}
	.src-img.-wall {
		max-width: calc(100vw - 4em);
		max-height: calc((100vw - 4em) * 0.5625);
	}
}