@charset "Shift_JIS";
/* revoir et amour トップページ */
body { background-image: url("haikei.png"); background-repeat: no-repeat; background-position: bottom right; }
h1 { background-image: url("title.png"); padding-top: 28.9%; width: 70%; margin: 50px auto 30px; }
h2 { color: var(--color-RA); }
a { color: var(--color-RA); border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; }
a:hover { border-bottom-color: var(--color-RA-sub); }

.main-box { background-color: rgba(255, 255, 255, 0.6); border-right: 1px solid var(--color-RA);
    border-left: 1px solid var(--color-RA); padding: 2px; }
.main-box-central { border: 1px dotted var(--color-RA-sub); border-bottom-width: 0px; }

.novel-top-line { border-bottom: 1px solid var(--color-RA); }
.CR { border: 1px dotted var(--color-RA-sub); border-top-color: var(--color-RA); }

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

.story-chapter { display: block; font-family: var(--text-Serif); border-bottom: 1px dotted var(--color-RA-sub); margin: 30px 1em 0px; }
.story-chapter:hover { border-bottom: 1px solid var(--color-RA); }
.story-chapter.no-link:hover { border-bottom: 1px dotted var(--color-RA-sub); }

.story-paragraph { margin: 5px 0px 5px 2em; }

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

.novel-etc .codoc-support { border-color: var(--color-RA); }
.novel-etc .codoc-support .codoc-btn { border: 1px dotted var(--color-RA-sub); }
.novel-etc .codoc-support .codoc-btn:hover { color: var(--color-RA) !important; border: 1px solid var(--color-RA); }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) { 
    .mobile .main-box { margin: 0px 10px; }
    body { background-size: 90%; }
    h1 { background-image: url("title-mobile.png"); padding-top: 66.3%; width: 85%; margin: 20px 6% 40px 9%; }
    
    .story-chapter { margin: 30px 0px 0px; }
}
/* ---------------------------------------------------------------------------------------------------- */