
:root {
	--mainskin-text: #dee0ff;
	--mainskin-base: #ffffff;
	--mainskin-point: #5347ff;
}

.load_svg path,
.load_svg rect{
  fill: var(--mainskin-point);
}

#view-fixbtn.active {
	color:;
	background:	#91b9ff;
	border-color:	;
}

#view-sticker-fixbtn.active {
	color:;
	background:	#6089db;
	border-color:	;
}

.mainskin--dday--day {
	color: var(--mainskin-point);
}
.mainskin--dday--text2 {
	color: var(--mainskin-text);
}

.mainskin--link .mainskin--icon {
	background: var(--mainskin-point);
	color: var(--mainskin-base);
}
.mainskin--link:hover .mainskin--icon {
	background: var(--mainskin-text);
	color: var(--mainskin-point);
}
.mainskin--link--text {
	color: var(--mainskin-text);
}

.mainskin--link.text {
	background: var(--mainskin-point);
	color: var(--mainskin-text);
}
.mainskin--link.text:hover {
	color: var(--mainskin-point);
	background: var(--mainskin-base);
}
.mainskin--link.text .mainskin--icon {
	background: none;
	color: var(--mainskin-text);
}

.mainskin--link.text:hover .mainskin--icon {
	color: var(--mainskin-point);
}


.main_layout.main_digital {
	box-shadow: 1px 0px 0px var(--mainskin-text), -1px 0px 0px var(--mainskin-text), 0px 1px 0px var(--mainskin-text), 0px -1px 0px var(--mainskin-text), 4px 5px 0px rgba(0,0,0,0.2);
}
.main_layout.main_digital::before {
	background: var(--mainskin-point);
	border-color: var(--mainskin-point);
	box-shadow: 0px 1px 0px var(--mainskin-text);
}

.main_layout.main_grid {
  background: var(--mainskin-base);
  background-image: linear-gradient(90deg, var(--mainskin-point) 1px, transparent 1%), linear-gradient(180deg, var(--mainskin-point) 1px, transparent 1%); 
	border: 1px solid var(--mainskin-point);
}

.main_layout.main_checked {
	background: var(--mainskin-point);
  background-image: linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1%), linear-gradient(180deg, rgba(255,255,255,0.3) 1px, transparent 1%), linear-gradient(90deg, rgba(0,0,0,0.2) 5px, transparent 6px, transparent 25px, rgba(0,0,0,0.2) 5px), linear-gradient(180deg, rgba(0,0,0,0.2) 6px, transparent 5px, transparent 25px, rgba(0,0,0,0.2) 5px),linear-gradient(90deg, transparent 15px, rgba(255,255,255,0.3) 1px, transparent 16px), linear-gradient(180deg, transparent 15px, rgba(255,255,255,0.3) 1px, transparent 16px); 
}


.s_style15 {
	box-shadow: 1px 0px 0px var(--mainskin-text), -1px 0px 0px var(--mainskin-text), 0px 1px 0px var(--mainskin-text), 0px -1px 0px var(--mainskin-text), 4px 5px 0px rgba(0,0,0,0.2);
}
.s_style15 img {
	background: var(--mainskin-base);
}
.s_style15::before {
	background: var(--mainskin-point);
	border-color: var(--mainskin-point);
	box-shadow: 0px 1px 0px var(--mainskin-text);
}

.s_style15::after {
	color: var(--mainskin-text);
}

.pointcolored {
	background: var(--mainskin-point);
	color: var(--mainskin-text);
}
.uplift {
	translate: 0px -50px;
}
.downlift {
	translate: 0px 50px;
}
.leftlift {
	translate: -50px 0px;
}
.rightlift {
	translate: 50px 0px;
}
.upliften {
	translate: 0px -30px;
	filter: drop-shadow(0px 20px 0px rgba(0,0,0,0.1));
}

