:root{--livesense-blue:#1ba1e6;--font-light-color:#666;--font-weitght-light:100;--font-weight-normal:400;--font-weight-bold:700}body{font-family:helvetica neue,Arial,roboto,sans-serif,hiragino kaku gothic pron,hiragino sans,Meiryo}.book-brand{font-size:1.2em}.book-header h3{font-size:.8em}.book-description{margin:2rem 0 0;font-size:75%;color:var(--font-light-color)}.markdown{padding:10px 0;line-height:1.75;h1 { margin: 2rem 0; font-size: 2rem; font-weight: var(--font-weight-bold); word-break: auto-phrase; } h2 { margin: 4rem 0 1.5rem; font-size: 1.8rem; word-break: auto-phrase; } h3 { margin: 3rem 0 1.5rem; font-size: 1.5rem; word-break: auto-phrase; } h4, h5, h6 { margin-bottom: 1.5rem; } .link-card { display: flex; margin: 1rem 0; padding: 12px; border: solid 1px #eee; text-decoration: none; color: var(--body-font-color); transition: all 0.2s ease-in-out; .link-card__thumbnail { flex-shrink: 0; margin: 10px 0; width: 191px; height: 100px; } &.link-card--square .link-card__thumbnail { width: 100px; height: 100px; } .link-card__content { margin: 10px; } .link-card__content-title { display: block; margin: 0 0 .25rem 5px; padding: 0; border: none; font-size: 110%; } .link-card__content-desc { display: block; margin: .25rem 0 0 5px; padding: 0; word-break: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 75%; font-weight: var(--font-weight-light); } &:hover { color: inherit; text-decoration: none; opacity: 0.9; .link-card__content-title, .link-card__content-desc { color: var(--livesense-blue); } } } @media screen and (max-width: 56rem) { .book-header h3 { font-size: 0.8rem; } .link-card { .link-card__content-title { font-size: 1rem; } &.link-card--square { display: flex; padding: 5px; .link-card__thumbnail { width: 50px; height: 50px; margin: 10px 5px; padding: 0; } .link-card__content { margin: 5px; } } &.link-card--wide { display: block; .link-card__thumbnail { width: 90%; height: auto; margin: 0 auto; } } } } .dekamoji { display: block; margin: auto; padding: 1rem 0; font-size: max(200%, 2.5vw); text-align: center; color: var(--livesense-blue); font-weight: var(--font-weight-bold); } @media screen and (max-width: 56rem) { .dekamoji { font-size: max(125%, 1.8vw); } }}.breadcrumb{margin:1rem 0;font-size:75%}.children-link{}.children-link__list{padding-inline-start:2rem;word-wrap:break-word}.children-link__entry{line-height:1.6;font-size:120%;font-weight:var(--font-weight-normal)}.book-toc{.children-link { margin-top: 2rem; } .children-link__list { padding-inline-start: 2rem; } .children-link__entry { line-height: 2; font-size: .75rem; font-weight: var(--font-weight-normal); }}.book-header aside{padding-top:2rem;.children-link { margin-top: 2rem; } .children-link__entry { line-height: 2; font-size: inherit; font-weight: var(--font-weight-normal); }}