@charset "Shift_JIS";
/* 小説用個別ページ共通 */
.main-box { font-family: var(--text-Serif); width: 600px; margin: 0px auto; }
.main-box-central { padding: 10px; }

h1 { background-repeat: no-repeat; background-size: contain; }
h2 span , h3 span { margin-left: 2em; }

.novel-top-line { margin: 50px 0px; }
.novel-top-up { width: 11px; height: 11px; margin: auto 5px; }
.novel-link { font-family: var(--text-SanSerif); }
.novel-link:first-child { text-align: left; }

.novel-outline p { line-height: 150%; margin-left: 1em; }
.novel-outline a { line-height: 1; }
.novel-draft { font-size: 0.75rem; }

.novel-update { display: grid; grid-template-columns: max-content max-content 1fr; column-gap: 20px;
    font-family: var(--text-SanSerif); font-size: 0.75rem; margin: 30px 0px 0px 50px; }
.novel-update div { padding: 3px; }
.novel-update div a { padding: 0px; }

.novel-clause { font-size: 1.5rem; text-align: center; }
.story-curtain { margin-top: 50px; }
.story-curtain span , .story-chapter span { margin-left: 2em; }
.story-chapter { margin-top: 20px; }
.story-paragraph { display: flex; flex-wrap: wrap; align-items: center; }
.story-paragraph a { white-space: nowrap; margin: 5px 10px; }
.novel-story p { line-height: 150%; margin-left: 2em; }
.novel-story p a { line-height: 1; }
.novel-story .time { font-size: 0.75rem; text-indent: 0em; margin-top: 3px; }
.novel-story .red { color: #ff0000; }

.novel-etc { font-family: var(--text-SanSerif); font-size: 0.75rem; padding: 10px; margin: 100px; }
.novel-etc img { margin: 1px; }
.etc-title:before , .etc-title:after { content: "＊"; }
.etc-img { margin: 3px 0px; }
.etc-img a { border-width: 0px; }
.etc-img a:hover { background-color: transparent; }
.etc-support { background-color: rgba(255, 255, 255, 0.5); border-radius: 5px; border: 1px solid #000000; padding: 5px; }

.novel-etc .codoc-support { background-color: rgba(255, 255, 255, 0.5); border: solid 1px var(--main-blue); max-width: none;
    padding: 15px; margin: 0px; }
.novel-etc .codoc-support .codoc-support-title { color: #000000; font-weight: normal; font-size: 0.8rem; padding: 0px 20px; }
.novel-etc .codoc-support .codoc-btn { color: #000000 !important; font-weight: normal; border: solid 1px #000000; }
.novel-etc .codoc-support .codoc-btn:hover { color: #000000 !important; background-color: #ffffff; }
.novel-etc .codoc-copyright { max-width: none; margin: 3px auto; }
.novel-etc .codoc-copyright a { font-weight: normal; padding: 1px; }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) { 
    .novel-outline p { margin: 0px 10px; }
    
    .novel-update { margin: 20px 0px 0px; }
    .update-title { grid-column: 1 / 4; }
    .update-day { margin-left: 1em; }
    .update-content { grid-column: 2 / 4; }
    
    .novel-story p { margin: 0px 10px; }
    
    .novel-etc { margin: 100px 10px 10px; }
}
/* ---------------------------------------------------------------------------------------------------- */