@charset "Shift_JIS";
/* 個人出版 詳細　『約束は白き森の果て 上』 */
a { color: var(--color-p2024-01); }
a:hover { border-color: var(--color-p2024-01);  }
.BuyButton { width: 50%; margin: 100px auto; }
.PasscodeButton { width: 50%; margin: 30px auto; border-color: var(--color-p2024-01); }
.PasscodeButton:hover { color: #ffffff; background-color: var(--color-p2024-01); }


.top-contents { position: relative; }
.top-contents img { width: 100%; height: auto; }
.top-contents-text { position: absolute; top: 18%; left: 50%; font-size: 1.25rem;
    text-shadow: 1px 1px 0px #ffffff, 8px 2px 2px rgba(var(--color-p2024-01-16), 0.75); }
.top-text2 { margin: 0px 0px 0px 2em; }

.BookInformation { display: grid; grid-template-columns: 45% 1fr; column-gap: 1em; margin-top: 30px; }

.title-text-primarily { font-size: 1.25rem; border-bottom: 1px solid var(--color-p2024-01); margin-top: 10px; }
.title-text-sub { border-bottom: 1px solid var(--color-p2024-01-sub); margin: 5px 0px 30px 1em; }

.BookInformationCoverChangeHandleButton { color: var(--color-p2024-01); }

.BookInformationOutlineText .BuyButton { width: 80%; margin: 50px auto 30px; }
.outline-title { color: var(--color-p2024-01); font-weight: bold; }
.outline-text { margin: 0px 10px; }

.BookInformationTable { width: 80%; margin: 50px auto 0px; }
.BookInformationTable td { border-color: var(--color-p2024-01-sub); }

.BookSample { border: 1px solid #000000; padding: 3px; margin-top: 150px; }
.booksample-box { border: 1px solid var(--color-p2024-01); padding: 20px; }
.BookSampleTitle { border-bottom: 2px solid var(--color-p2024-01-sub); margin: 50px 30px; }
.novel-box { padding: 30px 50px 50px; }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) { 
    .top-contents { margin-bottom: 30px; }
    .top-contents-text { top: auto; /*right: 5%;*/ bottom: 10%; left: auto; font-size: 1rem; text-align: right; text-shadow: none;
        background-color: rgba(255, 255, 255, 0.7); width: 100%; padding: 3px; }
        .top-text1 { margin: 0px 8em 0px 0px; }
    
    .BookInformation { display: inline; }
    
    .title-text-primarily { text-align: center; margin-top: 50px; }
    .title-text-sub { text-align: center; margin: 5px 0.5rem 30px; }
    
    .BookSampleTitle { margin: 30px 10px; }
    .novel-box { padding: 20px 10px 50px; }
    
    .Footer { margin-top: 50px; }
}
/* ---------------------------------------------------------------------------------------------------- */