@charset "Shift_JIS";
/* 玉座の憧憬 トップページ */
body { background-image: url("haikei.png"); background-repeat: no-repeat; background-position: bottom right; }
h1 { background-image: url("title.png"); padding-top: 22.4%; width: 50%; margin: 50px auto 50px 30px; }
h2 { color: var(--color-GS); }
a { color: var(--color-GS); padding: 1px; }
a:hover { color: var(--color-GS-sub); background-color: var(--color-GS-sub-pale); }

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

.novel-top-line { border-top: 1px solid var(--color-GS); }
.CR  { border-top: 1px dotted var(--color-GS); }

.update-title { color: var(--color-GS); }

.story-chapter { display: block; border: 1px solid var(--color-GS); padding: 5px; margin: 30px 0.5em 3px; }
.story-chapter:hover { color: var(--color-GS-sub); background-color: var(--color-GS-sub-pale); border-color: var(--color-GS-sub); }

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

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





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) {
    body { background-size: 90%; }
    h1 { padding-top: 40.3%; width: 90%; margin: 50px auto 50px 5%; }
}
/* ---------------------------------------------------------------------------------------------------- */