@charset "Shift_JIS";
/* 個人出版 詳細　『魔法使い様の押しかけ妻』 */
a { color: var(--color-p2023-01); }
a:hover { border-color: var(--color-p2023-01);  }
.BuyButton { width: 50%; margin: 100px auto; }

.main-box { background: url("Lpage/novel2023-01_top.png") no-repeat top left; background-size: 70%; min-height: 564px; }
.top-contents { background-image: linear-gradient(to top, transparent 15%, rgba(255, 255, 255, 0.75), transparent 85%);
    font-size: 1.25rem; text-align: right; padding: 15px 0px; margin: 150px 0px 50px; }


.BookInformation { display: grid; grid-template-rows: 30px 1fr 30px; }
.book-information-top { background-image: linear-gradient(to top, rgba(255, 255, 255, 0.75), transparent); }
.book-information-bottom { background-image: linear-gradient(to top, transparent, rgba(255, 255, 255, 0.75)); }
.book-information-center { background-color: rgba(255, 255, 255, 0.75); padding: 10px 0px; }

.header-title { text-align: center; }
.title-kind { font-size: 0.75rem; margin-bottom: 5px; }
.title-text-primarily { font-size: 1.25rem; }

.BookInformationOutlineText { display: grid; grid-template-columns: 45% 1fr; column-gap: 1em; margin-top: 30px; }
.outline-title { background-image: linear-gradient(to top, var(--color-p2023-01), transparent 50%); }
.outline-text { margin: 10px; }
.outline .BuyButton { width: 80%; margin: 50px auto; }

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

.BookSample { border: 3px solid var(--color-p2023-01-sub); border-radius: 30px; padding: 3px; margin-top: 150px; }
.booksample-box { overflow:hidden; border: 2px solid var(--color-p2023-01); border-radius: 27px; padding: 20px; }
.BookSampleTitle { margin-top: 50px; }
.novel-box { padding-bottom: 50px; }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) { 
    .mobile .main-box { margin: 0px 10px 60px; }
    
    .main-box { background-size: 100%; }
    .top-contents { text-align: center; padding: 0px; margin: 100px 0px; }
    
    .BookInformationOutlineText { display: inline; }
    .BookInformationCover { margin: 10px 30px; }
    .outline-title { text-align: center; margin-top: 30px; }
    
    .BookInformationTable { width: auto; margin: 50px 10px 0px; }
    
    .BookSample { margin-top: 50px; }
    .booksample-box { padding: 0px; }
    .BookSampleTitle { margin-bottom: 0px; }
    
    .Footer { margin-top: 50px; }
}
/* ---------------------------------------------------------------------------------------------------- */