@charset "Shift_JIS";
/* 個人出版 詳細　『死に戻り令息の受難』 */
a { color: var(--color-p2025-03); }
a:hover { border-color: var(--color-p2025-03);  }
.BuyButton { width: 50%; margin: 100px auto; }


.top-contents { position: relative; }
.top-contents-img { background: url("Lpage/novel2025-03_top.png") no-repeat top left; background-size: contain; width: 100%;
    padding-top: 68%; }
.top-contents-text { position: absolute; top: 25%; left: 10%; font-size: 1.25rem; line-height: 120%;
    text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px -1px 0 #ffffff,
        0px 1px 0 #ffffff,  0 -1px 0 #ffffff, -1px 0 0 #ffffff, 1px 0 0 #ffffff; }
.top-text2 { margin: 0px 0px 0px 1em; }


.header-title { text-align: center; margin: 30px 0px 20px; }
.title-text-primarily { color: var(--color-p2025-03); font-size: 1.5rem; font-weight: bold; }
.title-text-sub { font-size: 1.25rem; line-height: 120%; text-decoration: underline var(--color-p2025-03-sub-pale) 10px; text-underline-offset: -5px; }

.BookInformationOutlineText { display: grid; grid-template-columns: 1fr 45%; column-gap: 1em; }
.outline-title { font-size: 1.25rem; border-bottom: 1px solid var(--color-p2025-03-sub); }

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

.BookSample { border: 1px solid var(--color-p2025-03); padding: 3px; padding: 20px; margin-top: 150px; }
.BookSampleTitle { background: radial-gradient(var(--color-p2025-03-sub-pale), transparent 75%); margin: 50px 30px; }
.novel-box { padding: 30px 50px 50px; }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) { 
    .top-contents-img { background-position-x: right; background-size: 90%; padding-top: 62%; }
    .top-contents-text { top: auto; bottom: 25%; left: 3%; font-size: 1rem; }
    
    .header-title { margin-bottom: 5px; }
    .title-text-sub { font-size: 1rem; text-decoration-thickness: 8px; }
    .BookInformationOutlineText { grid-template-columns: 1fr; }
    .outline { order: 2; }
    .BookInformationCover { order: 1; }
    .outline-title { font-size: 1rem; margin-top: 10px; }
    
    .BookInformationTable { width: auto; margin: 50px 10px 0px; }
    
    .BookSampleTitle { margin: 50px 10px 30px; }
    .booksample-box { padding: 0px; }
    .novel-box { padding: 20px 0px 50px; }
    
    .Footer { margin-top: 50px; }
}
/* ---------------------------------------------------------------------------------------------------- */