@charset "Shift_JIS";
/* 個人出版　初稿 */
a { line-height: 1; }

.draft-box  { margin-top: 30px; }
.draft-box a { display: block; color: #000000; border-bottom: 1px solid var(--main-pink); padding: 5px; margin: 20px 10px; }
.draft-box a:hover  { border-color: var(--main-purple); }


.draft h1 { background: no-repeat center; padding-top: 52.3%; width: 100%; height: 0; margin: 0px; }
.draft h1:before , .draft h1:after { content: ""; }
.draft h1.cover2022-02 { background: url("2022-02.png"); background-size: contain; }
.draft h1.cover2022-03 { background: url("2022-03.png"); background-size: contain; }
.draft h1.cover2022-04 { background: url("2022-04.png"); background-size: contain; }
.draft h1.cover2023-01 { background: url("2023-01.png"); background-size: contain; }
.draft h1.cover2023-02 { padding: 30px 0px; }
.draft h1.cover2024-01 { background: url("2024-01.png"); background-size: contain; }
.draft h1.cover2024-02 { background: url("2024-02.png"); background-size: contain; }
.draft h3 { font-size: 1.5rem; font-weight: bold; }

.novel-link:first-child { text-align: left; }
.halfway { margin-top: 100px; }

.draft-info { text-align: center; margin: 30px auto; }
.draft-info-img a { border: 1px solid var(--main-gray); margin: 5px; }
.draft-info-img a:hover { background-color: transparent; }
.draft-info-img img { vertical-align: top; width: 124px; height: 175px; }
.draft-info-button { color: var(--kindle-b-tx); background-color: var(--kindle-b-bg); border: 2px solid var(--kindle-b-bo);
    border-radius: 10px; width: 200px; padding: 10px; }
.draft-info-button:hover { color: var(--kindle-b-txh); background-color: var(--kindle-b-bgh); border-color: var(--kindle-b-boh); }

.draft-link { text-align: center; border: 1px solid var(--main-gray); padding: 5px; margin: 50px; }
.draft-link a { margin: 10px; }

.draft-line { border-top: 1px solid #000000; margin: 30px 0px; }

.draft-tip { font-family: var(--text-SanSerif); font-size: 0.75rem; margin-top: 150px; }
.draft-support { background-color: #ffffff; border-radius: 5px; border: 1px solid #000000; padding: 5px; }
.draft-tip .codoc-support { background-color: #ffffff; border: solid 1px #000000; }
.draft-tip .codoc-support .codoc-support-title { color: #000000; font-weight: normal; }
.draft-tip .codoc-support .codoc-btn { color: var(--main-pink) !important; font-weight: normal; border: solid 1px var(--main-pink); }
.draft-tip .codoc-support .codoc-btn:hover { color: var(--main-purple) !important; background-color: var(--main-purple-pale); border-color: var(--main-purple); }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) { 
    .draft-link { padding: 10px; margin: 50px 5px; }
    .draft-link a { margin: 5px; }
    
    .draft-tip .codoc-support { padding: 15px; margin: 0px; }
    .draft-tip .codoc-support .codoc-support-title { font-size: 0.8rem; }
}
/* ---------------------------------------------------------------------------------------------------- */