@charset "utf-8";

.Color_Pixiv {
	border-left: 10px solid #0096FA;
}
.Accounts.Color_Pixiv A {
	color: #0096FA;
}
.Accounts.Color_Pixiv A:hover {
	filter: brightness(1.2);
}
.Accounts.Color_Pixiv A:active {
	filter: brightness(1.4);
}

.Color_Nijie {
	border-left: 10px solid #A11B35;
}
.Accounts.Color_Nijie A {
	color: #CD477E;
}
.Accounts.Color_Nijie A:hover {
	filter: brightness(1.2);
}
.Accounts.Color_Nijie A:active {
	filter: brightness(1.4);
}

.Color_YouTube {
	border-left: 10px solid #FF0033;
}
.Accounts.Color_YouTube A {
	color: #FF0033;
}
.Accounts.Color_YouTube A:hover {
	color: #FF3366;
}
.Accounts.Color_YouTube A:active {
	color: #FF6699;
}

.Color_SoundCloud {
	border-left: 10px solid #FF5500;
}
.Accounts.Color_SoundCloud A {
	color: #FF5500;
}
.Accounts.Color_SoundCloud A:hover {
	filter: brightness(1.4);
}
.Accounts.Color_SoundCloud A:active {
	filter: brightness(1.8);
}

.Color_GitHub {
	border-left: 10px solid #000000;
}
.Accounts.Color_GitHub A {
	color: #000000;
}
.Accounts.Color_GitHub A:hover {
	color: #5F5F5F;
	filter: brightness(1.0);
}
.Accounts.Color_GitHub A:active {
	color: #7F7F7F;
	filter: brightness(1.0);
}

.Color_Booth {
	border-left: 10px solid #FC4D50;
}
.Accounts.Color_Booth A {
	color: #FC4D50;
}
.Accounts.Color_Booth A:hover {
	filter: brightness(1.4);
}
.Accounts.Color_Booth A:active {
	filter: brightness(1.8);
}

.Color_UnityAssetStore {
	border-left: 10px solid #000000;
}
.Accounts.Color_UnityAssetStore A {
	color: #000000;
}
.Accounts.Color_UnityAssetStore A:hover {
	color: #5F5F5F;
	filter: brightness(1.00);
}
.Accounts.Color_UnityAssetStore A:active {
	color: #7F7F7F;
	filter: brightness(1.00);
}

.Color_Cien {
	border-left: 10px solid #238AC5;
}
.Accounts.Color_Cien A {
	color: #238AC5;
}
.Accounts.Color_Cien A:hover {
	filter: brightness(1.2);
}
.Accounts.Color_Cien A:active {
	filter: brightness(1.4);
}
.Accounts.Color_Cien A > SPAN.Color_Cien_2 {
	color: #E2437F;
	text-decoration: underline;
}

.Color_Skeb {
	border-left: 10px solid #30B396;
}
.Accounts.Color_Skeb A {
	color: #1E5E71;
}
.Accounts.Color_Skeb A:hover {
	color: #30B396;
}
.Accounts.Color_Skeb A:active {
	color: #30B396;
	filter: brightness(1.3);
}

.Color_X {
	border-left: 10px solid #000000;
}
.Accounts.Color_X A {
	color: #000000;
}
.Accounts.Color_X A:hover {
	color: #5F5F5F;
	filter: brightness(1.0);
}
.Accounts.Color_X A:active {
	color: #7F7F7F;
	filter: brightness(1.0);
}
.Accounts.Color_X {
	display: flex;
	flex-direction: row;
}
.Accounts.Color_X DIV {
	padding: 0;
	padding-left: 10px;
	width: 50%;
	border-left: 1px solid #7F7F7F;
}
.Accounts.Color_X DIV:first-child {
	padding-left: 0;
	width: calc(50% - 10px);
	border: none;
}

.Color_MisskeyIo {
	border-left: 10px solid #96D04A;
}
.Accounts.Color_MisskeyIo A {
	color: #96D04A;
	filter: brightness(0.8) saturate(1.5);
}
.Accounts.Color_MisskeyIo A:hover {
	filter: brightness(1.0) saturate(1.0);
}
.Accounts.Color_MisskeyIo A:active {
	filter: brightness(1.1) saturate(1.0);
}

.Color_Fedibird {
	border-left: 10px solid #990099;
}
.Accounts.Color_Fedibird A {
	color: #990099;
}
.Accounts.Color_Fedibird A:hover {
	filter: brightness(1.3);
}
.Accounts.Color_Fedibird A:active {
	filter: brightness(1.6);
}

.Color_Bluesky {
	border-left: 10px solid #0085FF;
}
.Accounts.Color_Bluesky A {
	color: #0085FF;
}
.Accounts.Color_Bluesky A:hover {
	filter: brightness(1.2);
}
.Accounts.Color_Bluesky A:active {
	filter: brightness(1.4);
}


/**** 幅800未満の場合 ****/
@media screen and (max-width: 799px){
	.Accounts.Color_X {
		flex-direction: column;
		padding-right: 10px;
		width: calc(100% - ((10px * 2) + 10px));
	}
	
	.Accounts.Color_X DIV {
		width: 100%;
		padding: 10px 0 10px 0;
		border-left: none;
		border-top: 1px solid #7F7F7F;
	}
	.Accounts.Color_X DIV:first-child {
		padding-top: 0;
		border: none;
	}
	.Accounts.Color_X DIV:last-child {
		padding-bottom: 0;
	}
}