@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: 26.3%; width: 60%; margin: 50px auto 50px 20px; }
h2 { color: var(--color-DZ); font-weight: bold; }
a { color: var(--color-DZ); border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; }
a:hover { border-bottom-color: var(--color-DZ); }

.main-box { background-color: rgba(255, 255, 255, 0.7); border: 2px solid var(--color-DZ); }
.main-box2 { border: 2px dotted var(--color-DZ); margin: 1px; }

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

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

.story-chapter { border-bottom: 1px dotted var(--color-DZ); }

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

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




/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) { 
    body { background-size: 80%; }
    h1 { padding-top: 40.4%; width: 92%; margin: 30px 8% 50px 0px; }
    
    .update-title { color: var(--color-DZ); border: 0px; }
}
/* ---------------------------------------------------------------------------------------------------- */