@charset "Shift_JIS";
/* 個人出版 詳細　共通 */
a { border-bottom: 1px solid transparent; }
.main-box { font-family: var(--text-Serif); width: 800px; margin: 0px auto; }

.omission { text-align: center; margin: 50px auto; }

.BuyButton { display: flex; justify-content: center; align-items: center; color: var(--kindle-b-tx); font-family: var(--text-SanSerif);
    font-weight: bold; background-color: var(--kindle-b-bg); border: 5px solid var(--kindle-b-bo); border-radius: 10px; padding: 10px; }
.BuyButton div { white-space: nowrap; }
.BuyButton:hover { color: var(--kindle-b-txh); background-color: var(--kindle-b-bgh); border: 5px solid var(--kindle-b-boh); }
.BuyButton.Interval { font-size: 1.25rem; width: 50%; margin: 50px auto; }
.BuyButton.Interval div { padding: 0.5em 10px; }

.PasscodeButton { display: flex; justify-content: center; align-items: center; font-family: var(--text-SanSerif); border: 1px solid #000000;
    border-radius: 10px; padding: 10px; }
.PasscodeButton div { white-space: nowrap; }

.BookInformationCover { background-color: #ffffff; border: 1px solid #000000; height: min-content; padding: 3px; }
.BookInformationCover img { vertical-align: top; width: 100%; }
.BookInformationCoverChangeHandle { display: grid; grid-template-columns: 1fr min-content 1fr; column-gap: 10px; margin: 10px; }
.BookInformationCoverChangeHandleContainer { white-space: nowrap; }
.BookInformationCoverChangeHandleButton { cursor: pointer; }

.BookInformationOutlineText p { text-align: justify; text-justify: distribute-all-lines; line-height: 150%; text-indent: 0em; }

.BookInformationTable { border-collapse: collapse; border: 1px solid #000000; }
.BookInformationTable td { border: 1px solid #000000; padding: 10px; }
.BookInformationTable td:first-child { white-space: nowrap; width: 1%; }

.novel-box { color: #000000; background-color: #ffffff; }
.novel-box p { font-family: var(--text-SanSerif); }
.BookSampleTitle { font-size: 1.5rem; text-align: center; margin: 20px auto 50px; }
.BookSampleContinue { font-size: 1.25rem; font-weight: bold; font-style: italic; text-align: right; margin: 50px 0px 30px; }

.Footer { display: flex; justify-content: space-around; font-size: 0.75rem; }
.Footer div { padding: 0px 5px; }

.FooterBuyButton { display: none; position: fixed; width: 100%; bottom: 0px; box-sizing: border-box;
    color: #ffffff; background-color: var(--color-kindle); text-align: center; font-size: 20px; padding: 20px; }



/* ---------------------------------------------------------------------------------------------------- */
@media (max-width: 480px) { 
    .mobile .main-box { margin-bottom: 60px; }
    
    .BuyButton { display: none; }
    
    .BookInformationTable td:first-child { font-size: 0.75rem; }
    
    .FooterBuyButton { display: inline-block; }
}
/* ---------------------------------------------------------------------------------------------------- */