@charset "Shift_JIS";
/* Vampire トップページ */
body { color: #ffffff; background-color: #000000; background-image: url("haikei.png"); background-repeat: no-repeat;
    background-position: bottom right; }
h1 { background-image: url("title.png"); padding-top: 32.7%; width: 65%; margin: 20px auto; }
h2 { color: var(--color-Va); font-family: var(--text-Serif); }
a { color: var(--color-Va); border-top: 2px solid transparent; border-bottom: 2px solid transparent; }
a:hover { border-bottom-color: var(--color-Va); }

.main-box { background-color: rgba(0, 0, 0, 0.6); border-right: 1px solid #000000; border-left: 1px solid #000000; }

.novel-top-line { border-bottom: 1px solid #ffffff; }
.CR { border-top: 1px solid #ffffff; }

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

.story-chapter { font-family: var(--text-Serif); margin-left: 1em; }


.novel-etc { background-color: rgba(255, 255, 255, 0.1); border: 1px dashed #ffffff; }
.etc-support { background-color: transparent; border-color: var(--color-Va); }

.novel-etc .codoc-support { background-color: transparent; border-color: var(--color-Va); }
.novel-etc .codoc-support-title { color: #ffffff !important; }
.novel-etc .codoc-support .codoc-btn { color: #ffffff !important; background-color: rgba(0, 0, 0, 0.25); border-color: #ffffff; }
.novel-etc .codoc-support .codoc-btn:hover { color: var(--color-Va) !important; background-color: rgba(0, 0, 0, 0.25);
    border-color: var(--color-Va); }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) { 
    .mobile .main-box { margin: 0px 10px; }
    body { background-size: 80%; }
    h1 { padding-top: 50.3%; width: 100%; }
}
/* ---------------------------------------------------------------------------------------------------- */