@charset "Shift_JIS";
/* ギャラリー　イラスト　１０周年 */
a { padding: 3px; }

.tenth-theme { font-size: 0.75rem; text-align: right; margin: 50px 0px 30px; }
.tenth-novel { display: grid; grid-auto-flow: column; grid-template-rows: repeat(5, 1fr); column-gap: 10px; row-gap: 15px;
    margin: 0px 50px; }
.tenth-novel span { font-size: 1.25rem; }
    .N1 span { color: #f20000; }
    .N2 span { color: #001a43; }
    .N3 span { color: #0071b0; }
    .N4 span { color: #3eb370; }
    .N5 span { color: #ce7a19; }
    .N6 span { color: #c0c0c0; }
    .N7 span { color: #884898; }
    .N8 span { color: #7b7c7d; }
    .N9 span { color: #683f36; }
    .N0 span { color: #f58f98; }
.tenth-novel a:hover { opacity: 1; }
    .N1:hover { color: #f20000; background-color: #f2000040; }
    .N2:hover { color: #001a43; background-color: #001a4340; }
    .N3:hover { color: #0071b0; background-color: #0071b040; }
    .N4:hover { color: #3eb370; background-color: #3eb37040; }
    .N5:hover { color: #ce7a19; background-color: #ce7a1940; }
    .N6:hover { color: #c0c0c0; background-color: #c0c0c040; }
    .N7:hover { color: #884898; background-color: #88489840; }
    .N8:hover { color: #7b7c7d; background-color: #7b7c7d40; }
    .N9:hover { color: #683f36; background-color: #683f3640; }
    .N0:hover { color: #f58f98; background-color: #f58f9840; }



/* ギャラリー　イラスト　１０周年　小説ページ */
.tenth-text { display: grid; grid-template-columns: 19px 1fr 19px; }

.tenth-text h3 { line-height: 150%; text-align: center; border-top:1px solid #000000; border-bottom:1px solid #000000; width: 80%; margin: 30px auto 0px; }
.tenth-text a:hover { opacity: 1; }
.tenth-text .CR { border-color: transparent; }


.T1 .tenth-left { background-image: url("anniversary_illust/line01-l.png"); }
.T1 .tenth-right { background-image: url("anniversary_illust/line01-r.png"); }
.T1 a:hover { color: #f20000; background-color: #f2000040; }
.T1 h3 { border-color: #f20000; }

.T2 .tenth-left { background-image: url("anniversary_illust/line02-l.png"); }
.T2 .tenth-right { background-image: url("anniversary_illust/line02-r.png"); }
.T2 a:hover { color: #001a43; background-color: #001a4340; }
.T2 h3 { border-color: #001a43; }

.T3 .tenth-left { background-image: url("anniversary_illust/line03-l.png"); }
.T3 .tenth-right { background-image: url("anniversary_illust/line03-r.png"); }
.T3 a:hover { color: #0071b0; background-color: #0071b040; }
.T3 h3 { border-color: #0071b0; }

.T4 .tenth-left { background-image: url("anniversary_illust/line04-l.png"); }
.T4 .tenth-right { background-image: url("anniversary_illust/line04-r.png"); }
.T4 a:hover { color: #3eb370; background-color: #3eb37040; }
.T4 h3 { border-color: #3eb370; }

.T5 .tenth-left { background-image: url("anniversary_illust/line05-l.png"); }
.T5 .tenth-right { background-image: url("anniversary_illust/line05-r.png"); }
.T5 a:hover { color: #ce7a19; background-color: #ce7a1940; }
.T5 h3 { border-color: #ce7a19; }

.T6 .tenth-left { background-image: url("anniversary_illust/line06-l.png"); }
.T6 .tenth-right { background-image: url("anniversary_illust/line06-r.png"); }
.T6 a:hover { color: #c0c0c0; background-color: #c0c0c040; }
.T6 h3 { border-color: #c0c0c0; }

.T7 .tenth-left { background-image: url("anniversary_illust/line07-l.png"); }
.T7 .tenth-right { background-image: url("anniversary_illust/line07-r.png"); }
.T7 a:hover { color: #884898; background-color: #88489840; }
.T7 h3 { border-color: #884898; }

.T8 .tenth-left { background-image: url("anniversary_illust/line08-l.png"); }
.T8 .tenth-right { background-image: url("anniversary_illust/line08-r.png"); }
.T8 a:hover { color: #7b7c7d; background-color: #7b7c7d40; }
.T8 h3 { border-color: #7b7c7d; }

.T9 .tenth-left { background-image: url("anniversary_illust/line09-l.png"); }
.T9 .tenth-right { background-image: url("anniversary_illust/line09-r.png"); }
.T9 a:hover { color: #683f36; background-color: #683f3640; }
.T9 h3 { border-color: #683f36; }

.T0 .tenth-left { background-image: url("anniversary_illust/line10-l.png"); }
.T0 .tenth-right { background-image: url("anniversary_illust/line10-r.png"); }
.T0 a:hover { color: #f58f98; background-color: #f58f9840; }
.T0 h3 { border-color: #f58f98; }

.Tps .tenth-left { background-image: url("anniversary_illust/line11-l.png"); }
.Tps .tenth-right { background-image: url("anniversary_illust/line11-r.png"); }
.Tps a:hover { opacity: 0.7; }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) {
    .tenth-novel { grid-template-rows: repeat(10, 1fr);  row-gap: 10px; margin: 0px 30px; }
    
    .mobile .main-box.tenth-text { margin: 0px 5px; }
}
/* ---------------------------------------------------------------------------------------------------- */