@charset "Shift_JIS";
/* ギャラリー　イラスト　５周年 */
h3 { border-bottom: 1px solid #000000; margin-top: 50px; }
.hr { border-bottom: 1px solid #000000; width: 60%; margin: 50px auto; }

.fifth-theme { font-size: 0.75rem; text-align: right; }
.fifth-novel { margin: 20px auto auto 50px; }
.fifth-novel-title { margin: 10px 0px; }
.fifth-novel-title a { padding: 3px; }
.fifth-novel-title a:hover { opacity: 1; }
    .N1:hover { color: var(--color-SO); background-color: var(--color-SOt); }
    .N2:hover { color: var(--color-RN); background-color: var(--color-RNt); }
    .N3:hover { color: var(--color-RA); background-color: var(--color-RAt); }
    .N4:hover { color: var(--color-M10); background-color: var(--color-M10t); }
    .N5:hover { color: var(--color-KT); background-color: var(--color-KTt); }
.fifth-novel-title span { color: var(--main-gray);; font-size: 0.75rem; margin-left: 1em; }
.fifth-novel-title span span { color: #ff0000; margin-left: 0em; }

.fifth-illust-title { border-bottom: 1px solid #000000; margin-top: 30px; }
    .I1 { border-color: var(--color-SO); }
    .I2 { border-color: var(--color-RN); }
    .I3 { border-color: var(--color-RA); }
    .I4 { border-color: var(--color-M10); }
    .I5 { border-color: var(--color-KT); }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) {
    .hr { width: 80%; }
    
    .fifth-novel-title span:before { content: "\A" ; white-space: pre; }
    .fifth-novel-title span span:before { content: "" ; white-space: normal; }
}
/* ---------------------------------------------------------------------------------------------------- */