@charset "Shift_JIS";
/* 西方の花嫁 トップページ */
body { background: url("haikei-r.png") fixed repeat-y right , url("haikei-l.png") fixed repeat-y left; }
h1 { background-image: url("title.png"); padding-top: 18.3%; width: 50%; margin: 50px auto; }
h2 { font-family: var(--text-Serif); color: var(--color-WB); }
a { color: var(--color-WB); padding: 2px; }
a:hover { background-color: var(--color-WB-pale); }

.main-box { background-color: rgba(255, 255, 255, 0.8); border: 2px dotted var(--color-WB); }

.novel-top-line { border-top: 1px solid var(--color-WB); }
.CR { border-top: 2px dotted var(--color-WB); }

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

.story-chapter { font-family: var(--text-Serif); border-bottom: 2px dotted var(--color-WB); padding: 0px 0px 3px; margin: 30px 1em 0px; }


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

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





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) { 
    body { background-size: 15%; }
    h1 { padding-top: 32.9%; width: 90%; margin: 50px auto 50px 3%; }
    
    .story-chapter { margin: 30px 5px 0px; }
}
/* ---------------------------------------------------------------------------------------------------- */