@charset "Shift_JIS";
/* ギャラリー　イラスト　１５周年 */
.fifteen-novel { margin: 50px; }
.fifteen-novel a { display: block; border-bottom: 1px solid #000000; padding: 3px; margin: 10px 0px; }
.fifteen-novel a:hover { opacity: 1; }
    .N1:hover { border-color: #262967; }
    .N2:hover { border-color: #626489; }
    .N3:hover { border-color: #a6a7b1; }
    .N4:hover { border-color: #e1e2d3; }
    .N5:hover { border-color: #ffffe4; }



/* ギャラリー　イラスト　１５周年　小説ページ */
.fifteen-text a { border-bottom:1px solid transparent; }
.fifteen-text a:hover { opacity: 1; border-color: #000000; }
.fifteen-text h3 { text-align: center; border-top:1px solid #000000; border-bottom:1px solid #000000;
    width: 80%; padding: 10px; margin: 50px auto 0px; }

.T1 a:hover , .T1 h3 , .T1 .CR { border-color: #262967; }
.T2 a:hover , .T2 h3 , .T2 .CR { border-color: #626489; }
.T3 a:hover , .T3 h3 , .T3 .CR { border-color: #a6a7b1; }
.T4 a:hover , .T4 h3 , .T4 .CR { border-color: #e1e2d3; }
.T5 a:hover , .T5 h3 , .T5 .CR { border-color: #ffffe4; }



/*
.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) {
    .fifteen-novel { margin: 50px 30px; }
    
    
    
    /*
    .tenth-novel { grid-template-rows: repeat(10, 1fr);  row-gap: 10px; margin: 0px 30px; }
    
    .mobile .main-box.tenth-text { margin: 0px 5px; }
    */
}
/* ---------------------------------------------------------------------------------------------------- */