@charset "Shift_JIS";
/* 蒼玉の王妃 トップページ */
body { background-image: url("haikei.png"); background-repeat: repeat-x; background-position: bottom; }
h1 { background-image: url("title.png"); padding-top: 14%; width: 53%; margin: 50px auto 50px 50px; }
h2 { color: var(--color-SO); font-family: var(--text-Serif); font-weight: bold; }
a { color: var(--color-SO); padding: 2px; }
a:hover { color: #ffffff; background-color: var(--color-SO-sub); }

.main-box { background-color: rgba(255, 255, 255, 0.75); }

.novel-top-line { border-bottom: 2px dotted var(--color-SO); }

.update-title { border-bottom: 1px solid var(--color-SO); }

.story-chapter { font-family: var(--text-Serif); font-weight: bold; }


.novel-etc { border: 2px dotted var(--color-SO); }
.etc-support { border-color: var(--color-SO); }

.novel-etc .codoc-support { border-color: var(--color-SO); }
.novel-etc .codoc-support .codoc-btn { color: var(--color-SO) !important; border-color: var(--color-SO); }
.novel-etc .codoc-support .codoc-btn:hover { color: #ffffff !important; background-color: var(--color-SO-sub); border-color: var(--color-SO-sub); }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) {
    body { background-size: 70%; }
    h1 { padding-top: 25.7%; width: 97%; margin: 50px 0px 50px 3%; }
    
    .update-title { color: var(--color-SO); font-family: var(--text-Serif); font-weight: bold; border: 0px; }
}
/* ---------------------------------------------------------------------------------------------------- */