@charset "Shift_JIS";
/* 個人出版 詳細　『約束は白き森の果て』シリーズ紹介 */
a { color: var(--color-p2024-01s); }
a:hover { border-color: var(--color-p2024-01s); }
.BuyButton { width: 80%; margin: 50px auto; }
.BuyButton.BB-series { width: 50%; margin: 100px auto; }
.BuyButton.BB-series div { white-space: normal; text-align: center; }

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

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

.outline-text { margin: 20px 100px 100px; }
.series-list-info { font-size: 0.75rem; margin: 5px 50px; }

.series-list { display: grid; grid-template-columns: 1fr 1fr; column-gap: 50px; row-gap: 50px; text-align: center; margin: 20px 50px 50px; }
.series-list-text { font-size: 0.75rem; border-top: 1px solid var(--color-p2024-01s); border-bottom: 1px solid var(--color-p2024-01s);
    padding: 1px; margin-top: 30px; }
.series-list-title-primarily { margin-top: 5px; }
.series-list-title-sub { font-size: 0.75rem; margin-top: 3px; }
.series-list-text-p { line-height: 120%; }
.series-list-text-p span { font-size: 0.75rem; }

.series-list-detail { display: block; color: var(--color-p2024-01s); font-size: 0.75rem; border: 1px solid var(--color-p2024-01s);
    padding: 3px; margin: 30px 10px 10px; }

.BookSample { border: 1px solid #000000; padding: 3px; margin: 150px 0px 100px; }
.BookSample .BuyButton { width: 50%; margin: 100px auto; }
.booksample-box { border: 1px solid var(--color-p2024-01s); padding: 20px; }
.BookSampleTitle { border-bottom: 2px solid var(--color-p2024-01s-sub); margin: 50px 30px 20px; }
.sample-title-sub { text-align: center; border: 1px solid var(--color-p2024-01s); margin: 0px 50px; }
.sample-title-long { padding: 5px; }
.sample-title-long div { font-size: 0.75rem; margin-top: 3px; }
.sample-title-short { border-top: 1px dotted var(--color-p2024-01s); padding: 5px; }

.download  { text-align: center; margin: 50px; }
.sample-choice-text { text-align: center; }
.sample-choice { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1em; row-gap: 20px; margin: 30px; }
.sample-content { cursor: pointer; color: var(--color-p2024-01s); text-align: center; border: 1px solid var(--color-p2024-01s); padding: 3px; }
.sample-back { display: inline; cursor: pointer; color: var(--color-p2024-01s); border: 1px solid var(--color-p2024-01s); margin-top: 50px;
    padding: 3px; }



.list1 { border-color: var(--color-p2024-01); }
.list2 { border-color: var(--color-p2024-02); }
.list3 { border-color: var(--color-p2025-01); }
.list4 { border-color: var(--color-p2025-02); }
.series-list-detail.list1 , .sample-content.list1 , .sample-back.list1 { color: var(--color-p2024-01); border-color: var(--color-p2024-01); }
.series-list-detail.list1:hover , .sample-content.list1:hover , .sample-back.list1:hover { color: #ffffff; background-color: var(--color-p2024-01); }
.series-list-detail.list2 , .sample-content.list2 , .sample-back.list2 { color: var(--color-p2024-02); border-color: var(--color-p2024-02); }
.series-list-detail.list2:hover , .sample-content.list2:hover , .sample-back.list2:hover { color: #ffffff; background-color: var(--color-p2024-02); }
.sample-content.list3 , .sample-back.list3 { color: var(--color-p2025-01); border-color: var(--color-p2025-01); }
.sample-content.list3:hover , .sample-back.list3:hover { color: #ffffff; background-color: var(--color-p2025-01); }
.sample-content.list4 , .sample-back.list4 { color: var(--color-p2025-02); border-color: var(--color-p2025-02); }
.sample-content.list4:hover , .sample-back.list4:hover { color: #ffffff; background-color: var(--color-p2025-02); }
.BookSampleTitle.list1 { border-color: var(--color-p2024-01-sub); }
.BookSampleTitle.list2 { border-color: var(--color-p2024-02-sub); }
.BookSampleTitle.list3 { border-color: var(--color-p2025-01-sub); }
.BookSampleTitle.list4 { border-color: var(--color-p2025-02-sub); }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) {
    .BuyButton { display: block; }
    
    .top-contents { margin-bottom: 30px; }
    .top-contents-text { top: auto; bottom: 8%; left: auto; font-size: 0.8rem; text-align: right; text-shadow: none;
        background-color: rgba(255, 255, 255, 0.7); width: 100%; padding: 3px; }
    .top-text1 { margin: 0px 6em 5px 0px; }
    .top-text2 { display: inline; margin: 0px 0px 0px 0px; }
    .top-text3 { display: inline; margin: 0px 1em 0px 0px; }
    
    .title-text-primarily { margin: 10px 0px 0px; }
    .title-text-sub { margin: 10px 5px 0px; }
    .outline-text { margin: 20px 30px 100px; }
    
    .series-list { grid-template-columns: 1fr; }
    
    .sample-choice { grid-template-columns: 1fr; }
    .BookSampleTitle { margin: 30px 10px 10px; }
    .sample-title-sub { margin: 0px 20px; }
    .sample-back { display: block; text-align: center; margin: 50px 30px; }
    
    .novel-box { padding: 50px 10px 50px; }
}
/* ---------------------------------------------------------------------------------------------------- */