@charset "utf-8";

@media (prefers-color-scheme: dark) {
body {
	color: #FFFFFF;
	background-color: #2E2E2E;
}
a {
	color: #ff9fd1;
}
a:hover {
	color: #fb6301;
}

/* グラデーションオーバーレイ */
header .image-wrap::before {
  background:
    /* 左 60px → 内側へフェード */
    linear-gradient(to right, #2e2e2e 10px, transparent 30px),
    /* 右 60px → 内側へフェード */
    linear-gradient(to left, #2e2e2e 10px, transparent 30px),
    /* 下 40px → 上へフェード */
    linear-gradient(to top, #2e2e2e 10px, transparent 30px);
}



#contents #morepieces .morepieces_btn {
    color: #000000;
    background-color: #ff9fd1;
    box-shadow: 0px 5px 0px #d284ad;
}

footer {
	border-top-color: #d284ad;
}

}