html{
	font-size:15px;	
}

body{
	margin:0;
	width:100%;
	position:relative;
}

body > header{
	background:hsl(var(--col),0%,95%);
	padding:1vh 1vw;
	justify-content:space-between;
}


body > .wrapper{
	gap:2.5vw;	
}

body > .wrapper > nav{
	width:10vw;	
	background:hsl(var(--col),0%,95%);
	padding:0;
	min-height:2000px;
	height:100%;
}

body > .wrapper > nav > *{
	display:block;
	padding:1vh 1vw;
	border-top:1px dotted hsl(var(--col),0%,85%);
	font-size:.9rem;
	text-align:center;
}

body > .wrapper > main{
	flex-grow:1;
	padding:0 2vw 0 0 !important;	
}

body > .wrapper > main > h1{
	border-left:6px solid hsl(var(--col),0%,75%);
	padding-left:1vw;
	line-height:170%;
	font-size:1.4rem;
}

body > .wrapper > main > .btn-wrap{
	gap:2vw;	
	background:hsl(var(--col),0%,95%);
	padding:1vh 1vw;
}

body > .wrapper > main > .btn-wrap *{
	color:var(--col-link);
	text-decoration:underline;
	cursor:pointer;
}

body > .wrapper > main > *{
	margin-top:2vh;	
}

body > .wrapper > main > h1:first-of-type{
	margin-top:4vh;	
}

body > .wrapper > main > .setting-type{
	gap:1vh;
}

body > .wrapper > main > .setting-type > *{
	width:100%;
}

body > .wrapper > main > .cat_list,
body > .wrapper > main > .adm_list
{
	border:1px solid hsl(var(--col),0%,95%);
}

body > .wrapper > main > .cat_list > *,
body > .wrapper > main > .adm_list > *,
body > .wrapper > main > .store_list > *
{
	padding:1vh 1vw;	
}



body > .wrapper > main > .cat_list > *:nth-of-type(even),
body > .wrapper > main > .adm_list > *:nth-of-type(even),
body > .wrapper > main > .store_list > *:nth-of-type(even)
{
	background:	hsl(var(--col),0%,96%);
}

body > .wrapper > main > .cat_list > * > span:first-of-type
{
	width:30%;	
}

body > .wrapper > main > .adm_list > * > *{
	width:10%;
	flex-grow:1;	
}

body > .wrapper > main > .cat_list > * > .flex,
body > .wrapper > main > .adm_list > .flex
{
	gap:1vh 2vw;
	flex-wrap:wrap;
}

body > .wrapper > main > .cat_list > * > .flex *,
body > .wrapper > main > .adm_list > .flex *
{
	color:var(--col-link);
	text-decoration:underline;
}

body > .wrapper > main > .cat_list > * > .flex * > .color
{
	width: 20px;
	aspect-ratio: 1/1;
	content: "";
	display: inline-block;
}

body > .wrapper > main > .store_list{
	border:1px solid hsl(var(--col),0%,95%);
	border-top:4px solid hsl(var(--col),0%,90%);
}

body > .wrapper > main > .store_list > .flex{
	padding-top:0;
	padding-bottom:0;
	padding-right:0;
}

body > .wrapper > main > .store_list > .flex > *
{
	width:5%;
	flex-grow:1;
	border-right:1px solid hsl(var(--col),0%,85%);
	padding:1vh 1vw;
}

body > .wrapper > main > .store_list > .flex > *.name
{
	flex-grow:4;
}

body > .wrapper > main > .store_list > .flex > *:last-of-type{
	border-right:none;
}