@charset "Shift_JIS";
/* 魔法少女１０年目 トップページ */
body { background-image: url("haikei.png"); background-color: #a3b7cd; }
h1 { background-image: url("title.png"); padding-top: 14.6%; width: 50%; margin: 30px auto; }
h2 { color: var(--color-M10); font-weight: bold; }
a { color: var(--color-M10); padding: 2px; }
a:hover { color: #ffffff; background-color: var(--color-M10); }

.main-box { background-color: #ffffff; border: 1px solid var(--color-M10); }
.main-box2 { border: 1px solid var(--color-M10); margin: 2px; }

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

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

.story-chapter { font-weight: bold; border-bottom: 1px solid var(--color-M10); padding: 0px 0px 3px 0.5em; margin: 30px 1em 3px; }
.story-paragraph { margin-left: 2em; }

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

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





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) { 
    h1 { padding-top: 26.3%; width: 90%; margin-bottom: 50px; }
    .story-chapter { margin: 30px 0px 3px; }
    .story-paragraph { margin-left: 0px; }
}
/* ---------------------------------------------------------------------------------------------------- */