:root {
	--moe-shade-min3: #020003;
	--moe-shade-min2: #18002b;
	--moe-shade-min1: #2e0052;
	--moe: #440079;
	--moe-shade-max1: #5a00a0;
	--moe-shade-max2: #7000c7;
	--moe-shade-max3: #8600ef;
	--moe-tint1: #9103ff;
	--moe-tint2: #a22bff;
	--moe-tint3: #b352ff;
	--moe-tint4: #c479ff;
	--moe-tint5: #d5a0ff;
	--moe-tint6: #e7c7ff;
	--moe-tint7: #f8efff;
	--all: all 0.3s ease;
	--kakki-o1 :#ff983d;
	--kakki-o2 :#ffb347;
	--kakki-o3 :#ffd480;
	--kakki-g1 :#a3d978;
	--kakki-g2 :#6cbf5a;
	--kakki-g3 :#49982a;
	--kakki-g4 :#2f7f33;
	--kakki-g5 :#1c5f20;
	--kakki-x1 :#f2e8cf;
	--kakki-x2 :#d9ca9b;
	
	--puasa :#55c595;
	--puasa0a :#29ac98;
	--puasa0b :#0a9393;
	--puasa0c :#187986;
	--puasa0d :#286072;
	--puasa0e :#2f4858;
	
	--puasa1a :#00b69e;
	--puasa1b :#00a5aa;
	--puasa1c :#0093b6;
	--puasa1d :#0080bd;
	--puasa1e :#006cbe;
	
	--puasa2a :#078e62;
	--puasa2b :#cefbe4;
	--puasa2c :#0056b2;
	
	--puasa3a :#89d38a;
	--puasa3b :#b9de84;
	--puasa3c :#eae784;
	
	--puasa4a :#259d70;
	--puasa4b :#00774d;
	--puasa4c :#00522c;
	--puasa4d :#00300d;

/* --------------------- */
/* Group color gradient  */
/* --------------------- */

	--saku0: #F19DB5ff;
	--saku1: #EF8AA6ff;
	--saku2: #EC7698ff;
	--saku3: #EA6389ff;
	--saku4: #E74F7Bff;
	--saku5: #E53C6Cff;
	--saku6: #E2285Eff;
	--saku7: #E0154Fff;

	--hinata0: #81DBFFff;
	--hinata1: #6FD0F6ff;
	--hinata2: #5CC4EEff;
	--hinata3: #4AB9E5ff;
	--hinata4: #38ADDCff;
	--hinata5: #26A2D3ff;
	--hinata6: #1396CBff;
	--hinata7: #018BC2ff;
	
	--keyaki0: #8EEC82ff;
	--keyaki1: #7DDB71ff;
	--keyaki2: #6CC960ff;
	--keyaki3: #5BB84Fff;
	--keyaki4: #4AA63Eff;
	--keyaki5: #39952Dff;
	--keyaki6: #28831Cff;
	--keyaki7: #17720Bff;
	
	--akb0: #FEE1EAff;
	--akb1: #FED3E0ff;
	--akb2: #FEC4D7ff;
	--akb3: #FEB6CDff;
	--akb4: #FFA7C3ff;
	--akb5: #FF99B9ff;
	--akb6: #FF8AB0ff;
	--akb7: #FF7CA6ff;
	

	--bokuao0: #1685D8ff;
	--bokuao1: #177BD4ff;
	--bokuao2: #1772CFff;
	--bokuao3: #1868CBff;
	--bokuao4: #185FC6ff;
	--bokuao5: #1955C2ff;
	--bokuao6: #194CBDff;
	--bokuao7: #1A42B9ff;
	
}
* {
	font-family: "Space Mono", monospace;
	transition: all 0.3s ease;
}





a {
	text-decoration:none;
	color: inherit;
}
.jpn {
	font-family: "M PLUS Rounded 1c", sans-serif !important;
}
.font0 { font-size: 14pt; }
.font1 { font-size: 24pt; }
.font2 { font-size: 32pt; }
.boxs1 {
	border-radius: 0pt !important;
	box-shadow: 4px 4px 0px -2px var(--moe);
	-webkit-box-shadow: 4px 4px 0px -2px var(--moe);
	-moz-box-shadow: 4px 4px 0px -2px var(--moe);
}
.boxs1:hover {
	background-color: var(--moe-shade-min1);
	color: white;
}
.boxs2 {
	transition: var(--all);
	border-radius: 0pt !important;
	box-shadow: 4px 4px 0px 0px var(--moe);
	-webkit-box-shadow: 4px 4px 0px 0px var(--moe);
	-moz-box-shadow: 4px 4px 0px 0px var(--moe);
}
h6.note {
    padding: 0pt !important;
	font-weight: normal !important;
    margin-top: 0 !important;
}
body {
	background-color: var(--moe-tint7);
	max-width: 100%;
	flex-wrap: wrap;
	overflow-x: hidden;
	overflow-y: scroll;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	color: var(--moe);
	padding: 0;
	margin: 0;
}
body::before {
    content: "";
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.8;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    height: 100%;
}
div#main {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
.container {
	width: 90%;
    margin-bottom: 3rem;
}
.bodymainindex {
	overflow-x:hidden;
	overflow-y:hidden;
}
#logo {
	position: fixed;
	margin: 0 auto;
	z-index: -1;
}
#logo img {
	width: 100px;
	opacity: 0.8;
}
#fansub {
    font-size: 24pt;
    color: white;
}
@media only screen and (max-width: 600px) {
    #fansub { font-size: 14vw; }
}
#passwordForm {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.member-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: center;
}
.member-data {
	width: 105px;
	text-align: center;
	border: 5px solid white;
	background-color: white;
	border-radius: 2px;
	overflow: hidden;
	padding-bottom: 5pt;
	transition: all 0.3s ease;
}
.member-data:hover {
	transform: scale(1.3);
	z-index:99;
}
.member-data img {
	width: 105px;
	height: 140px;
	object-fit: cover;
}
.member-data .member-name {
	font-size: 0.9em;
	margin-top: 4px;
	color: black;
}