@charset "Shift_JIS";
/* 夢見る少年と未羽化の蝶 トップページ */
h1 { background-image: url("title.png"); padding-top: 56.2%; width: 100%; margin: 5px auto 50px; }
h2 { color: var(--color-YM); }
a { color: var(--color-YM); border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
a:hover { border-bottom-color: var(--color-YM); }

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

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

.story-curtain { font-size: 1.25rem; border-bottom: 1px solid var(--color-YM); padding-left: 3px; }
.story-chapter { display: block; border-bottom: 1px solid #000000; padding-left: 3px; margin: 30px 0px 0px 1em; }
.story-paragraph { margin: 5px 1em 0px 2em; }


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

.novel-etc .codoc-support { border-color: var(--color-YM); }
.novel-etc .codoc-support .codoc-btn:hover { color: var(--color-YM) !important; border-color: var(--color-YM); }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) {
    h1 { margin-bottom: 30px; }
    .update-title { color: var(--color-YM); border: 0px; }
}
/* ---------------------------------------------------------------------------------------------------- */