@charset "Shift_JIS";
/* シルヴィーの精霊使い 小説ページ */
h2 { text-align: right; margin: 0px 1em 0px 0px; }
h3 { font-size: 0.75rem; text-align: right; margin: 10px 1.5em 0px 0px; }
.title-border { position: relative; padding: 10px 0px; margin: 30px 0px 0px; }
.title-border:before , .title-border:after { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; 
    border-image-slice: 1; }
.title-border:before { border-top: 1px solid  var(--color-SS); 
    border-image-source: linear-gradient(to left, transparent 20%,  var(--color-SS) 20%); }
.title-border:after { border-bottom: 1px solid var(--color-SS-sub);
    border-image-source: linear-gradient(to left, var(--color-SS-sub) 60%, transparent 60%); }

a { color:  var(--color-SS); }
a:hover { color: var(--color-SS-sub); }

.novel-link a { padding: 1px; }
.novel-link:first-child { background-color: var(--color-SS-pale); }
.novel-link:first-child a { color:  var(--color-SS); }
.novel-link:first-child a:hover { color: #ffffff; background-color:  var(--color-SS); }
.novel-link:last-child { background-color: var(--color-SS-sub-pale); }
.novel-link:last-child a { color: var(--color-SS-sub); }
.novel-link:last-child a:hover { color: #ffffff; background-color: var(--color-SS-sub); }

.CR { border-top: 1px dotted #000000; }




/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) {
}
/* ---------------------------------------------------------------------------------------------------- */