@charset "Shift_JIS";
/* 短編小説 */
.content-ss { margin-left: 1em; }
.content-ss h3 { border-bottom: 1px solid #000000; }
.content-ss a { color: #000000; padding: 3px; margin-bottom: 1px; }
.content-ss a:hover { color: var(--main-blue); background-color: var(--main-blue-pale); }

.content-plot { font-size: 0.75rem; margin: 3px 0px 30px 1rem; }


.content-ss h3.ss01 { border-color: var(--color-ss01); }
.content-ss h3.ss02 { border-color: var(--color-ss02); }
.content-ss h3.ss03 { border-color: var(--color-ss03); }
.content-ss h3.ss04 { border-color: var(--color-ss04); }
.content-ss h3.ss05 { border-color: var(--color-ss05); }
.content-ss h3.ss06 { border-color: var(--color-ss06); }
.content-ss h3.ss07 { border-color: var(--color-ss07); }
.content-ss h3.ss08 { border-color: var(--color-ss08); }
.content-ss h3.ss09 { border-color: var(--color-ss09); }
.content-ss .ss01 a:hover { color: var(--color-ss01); background-color: var(--color-ss01t); }
.content-ss .ss02 a:hover { color: var(--color-ss02); background-color: var(--color-ss02t); }
.content-ss .ss03 a:hover { color: var(--color-ss03); background-color: var(--color-ss03t); }
.content-ss .ss04 a:hover { color: var(--color-ss04); background-color: var(--color-ss04t); }
.content-ss .ss05 a:hover { color: var(--color-ss05); background-color: var(--color-ss05t); }
.content-ss .ss06 a:hover { color: var(--color-ss06); background-color: var(--color-ss06t); }
.content-ss .ss07 a:hover { color: var(--color-ss07); background-color: var(--color-ss07t); }
.content-ss .ss08 a:hover { color: var(--color-ss08); background-color: var(--color-ss08t); }
.content-ss .ss09 a:hover { color: var(--color-ss09); background-color: var(--color-ss09t); }
/* ---------------------------------------------------------------------------------------------------- */



/* note過去ログ */
.content-note { margin: 10px 10px 10px 1em; }
.content-note h3 { border-bottom: 1px solid #000000; }
.content-note h3:first-letter { color: var(--main-blue); font-size: 1.5rem; }

.note-grid { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 5px; row-gap: 5px; margin: 10px 10px 50px; }
    .grid-content { border: 1px solid #42c9b5; box-sizing: border-box; height: 100%; padding: 5px; }
    .grid-content:hover { color: #42c9b5; background-color: #42c9b540; }
        .note-img { background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; height: 0;
            padding-top: 52.8%; margin: 0px; }
    .grid-content h4 { color: #000000; text-align: center; margin-top: 5px; }
    .grid-content:hover h4 { color: #42c9b5; }


.note-img.cover01 { background-image: url("note-log/img/note-log01.jpg"); }
.note-img.cover02 { background-image: url("note-log/img/note-log02.jpg"); }
.note-img.cover03 { background-image: url("note-log/img/note-log03.jpg"); }
.note-img.cover04 { background-image: url("note-log/img/note-log04.jpg"); }
.note-img.cover05 { background-image: url("note-log/img/note-log05.jpg"); }
.note-img.cover06-01 { background-image: url("note-log/img/note-log06-01.jpg"); }
.note-img.cover06-02 { background-image: url("note-log/img/note-log06-02.jpg"); }
.note-img.cover07 { background-image: url("note-log/img/note-log07.jpg"); }
.note-img.cover06-03 { background-image: url("note-log/img/note-log06-03.jpg"); }
.note-img.cover06-04 { background-image: url("note-log/img/note-log06-04.jpg"); }
.note-img.cover06-05 { background-image: url("note-log/img/note-log06-05.jpg"); }
.note-img.cover06-06 { background-image: url("note-log/img/note-log06-06.jpg"); }
.note-img.cover08 { background-image: url("note-log/img/note-log08.jpg"); }
.note-img.cover09 { background-image: url("note-log/img/note-log09.jpg"); }
.note-img.cover06-07 { background-image: url("note-log/img/note-log06-07.png"); }
.note-img.cover06-08 { background-image: url("note-log/img/note-log06-08.png"); }
.note-img.cover10 { background-image: url("note-log/img/note-log10.jpeg"); }
.note-img.cover11 { background-image: url("note-log/img/note-log11.jpeg"); }
.note-img.cover06-09 { background-image: url("note-log/img/note-log06-09.jpeg"); }
.note-img.cover06-10 { background-image: url("note-log/img/note-log06-10.jpeg"); }
.note-img.cover12 { background-image: url("note-log/img/note-log12.jpeg"); }
.note-img.cover13 { background-image: url("note-log/img/note-log13.jpeg"); }
.note-img.cover14 { background-image: url("note-log/img/note-log14.jpeg"); }
.note-img.cover15 { background-image: url("note-log/img/note-log15.jpeg"); }
.note-img.cover16-1 { background-image: url("note-log/img/note-log16-1.jpeg"); }
.note-img.cover16-2 { background-image: url("note-log/img/note-log16-2.jpeg"); }
.note-img.cover17 { background-image: url("note-log/img/note-log17.jpeg"); }
.note-img.cover18 { background-image: url("note-log/img/note-log18.jpeg"); }
.note-img.cover19 { background-image: url("note-log/img/note-log19.jpeg"); }
.note-img.cover20 { background-image: url("note-log/img/note-log20.jpeg"); }
.note-img.cover21 { background-image: url("note-log/img/note-log21.jpeg"); }
.note-img.cover22 { background-image: url("note-log/img/note-log22.jpeg"); }
.note-img.cover23 { background-image: url("note-log/img/note-log23.jpeg"); }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) { 
    .note-grid { grid-template-columns: 1fr 1fr; }
}
/* ---------------------------------------------------------------------------------------------------- */