@charset "Shift_JIS";
/* 黒衣の女王と白き虚偽 トップページ */
body { background-image: url("haikei.png"); background-position: center center; }
h1 { background-image: url("title.png"); padding-top: 40.1%; width: 70%; margin: 50px auto 30px; }
h2 { color: var(--color-KS); }
a { color: var(--color-KS); padding: 2px; }
a:hover { color: var(--color-KS-sub); background-color: var(--color-KS); }

.main-box { background-color: rgba(255, 255, 255, 0.9); border: 1px solid var(--color-KS); }

.novel-top-line { background-color: var(--color-KS); width: 80%; margin: 50px auto; }
.novel-top-line div { border: 2px dotted var(--color-KS-sub); }
.CR { border-top: 1px dotted var(--color-KS-sub); border-bottom: 1px dotted var(--color-KS-sub); }

.update-title { color: var(--color-KS); font-family: var(--text-Serif); }


.story-chapter { display: block; border: 1px dotted var(--color-KS); margin: 30px 1em 0px; }
.story-chapter:hover { color: var(--color-KS); background-color: var(--color-KS-sub); border-style: solid; }

.novel-etc { border: 1px solid var(--color-KS); }
.etc-support { border-color: var(--color-KS); }

.novel-etc .codoc-support { border-color: var(--color-KS); }
.novel-etc .codoc-support .codoc-btn { color: var(--color-KS) !important; border: 1px dotted var(--color-KS); }
.novel-etc .codoc-support .codoc-btn:hover { color: var(--color-KS) !important; background-color: var(--color-KS-sub); border-style: solid; }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) {
    body { background-size: 80%; }
    h1 { padding-top: 54.5%; width: 95%; margin: 50px 5% 30px 0px; }
}
/* ---------------------------------------------------------------------------------------------------- */