@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: 30%; width: 60%; margin: 30px auto 50px 20px; }
h2 { color: var(--color-MG); }
a { color: var(--color-MG); border: 1px dashed transparent; padding: 2px; }
a:hover { border-color: var(--color-MG); }

.main-box { background-color: rgba(255, 255, 255, 0.8); border: 1px solid var(--color-MG); border-width: 1px 2px 2px 1px; }

.novel-link:first-child { border-bottom: 1px dashed var(--color-MG); }
.novel-top-line { border-top: 1px solid var(--color-MG); }
.CR { border-top: 1px dashed var(--color-MG); border-bottom: 1px dashed var(--color-MG); }

.update-title { color: var(--color-MG); border: 1px dashed var(--color-MG); height: min-content; }

.story-chapter { border-bottom: 1px dashed var(--color-MG); padding-left: 0.5em; margin: 30px 0.5em 0px; }
.story-chapter a { margin-bottom: 1px; }
.story-paragraph { margin: 5px 1em 0px; }

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

.novel-etc .codoc-support { border-color: var(--color-MG); }
.novel-etc .codoc-support .codoc-btn { border: 1px dashed var(--color-MG); }
.novel-etc .codoc-support .codoc-btn:hover { color: var(--color-MG) !important; border-style: solid; }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) {
    body { background-size: 90%; }
    h1 { padding-top: 44%; width: 88%; margin: 0px 12% 40px 0px; }
    
    .update-title { border: 0px; }
    
    .story-chapter { margin: 30px 0px 0px; }
    .story-paragraph { margin: 5px 0px 0px; }
}
/* ---------------------------------------------------------------------------------------------------- */