@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: 21%; width: 40%; margin: 50px auto; }
h2 { color: var(--color-RN); }
a { color: var(--color-RN); border-top: 2px dotted transparent; border-bottom: 2px dotted transparent; }
a:hover { border-bottom-color: var(--color-RN-sub); }

.main-box { background-color: rgba(255, 255, 255, 0.6); border-right: 1px solid var(--color-RN); border-left: 1px solid var(--color-RN); }

.novel-link a { border: 1px solid var(--color-RN); padding: 3px; margin: 3px; }
.novel-link a:hover { color: var(--color-RN-sub2); border: 2px dotted var(--color-RN-sub); padding: 2px; }
.novel-top-line { border-bottom: 2px dotted var(--color-RN-sub); }
.CR  { border-top: 1px solid var(--color-RN); }

.novel-update a { border-top: 0px; }
.update-title { color: var(--color-RN); font-family: var(--text-Serif); font-weight: bold; }

.story-chapter { margin-left: 1em; }

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

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





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) { 
    .mobile .main-box { margin: 0px 10px; }
    body { background-size: 80%; }
    h1 { padding-top: 36.7%; width: 70%; }
    
    .story-chapter { margin-left: 0px; }
}
/* ---------------------------------------------------------------------------------------------------- */