@import url('https://fonts.googleapis.com/css2?family=New+Tegomin&family=Noto+Serif+JP:wght@700&display=swap');:root {--bgcolor-base: #000;--bgcolor-sub: #555;--bgcolor-box: rgba(0, 0, 0, .75);--color-base: #fff;--color-sub: #e8e8e8;--color-key: #fce001;--text-shadow-base: 1px 1px 6px #fff;--text-shadow-sub: 1px 1px 6px #000;--box-shadow-base: 0 0 20px #fff;--box-shadow-sub: 0 0 20px #000;--box-shadow-img: 0 0 6px #fff;--color-button-base: #e80016;--color-button-hover: #e57780;--color-button-sub: #777;--color-button-text: #fff;--text-shadow-button: 0 0 5px rgba(0, 0, 0, .9);--fz-xxl: 2rem;--fz-xl: 1.5rem;--fz-l: 1.25rem;--fz-m: 1rem;--fz-s: .9rem;--fz-xs: .75rem;--border-radius-xl: 18px;--border-radius-l: 13px;--border-radius-m: 9px;}html{line-height: 1.15;-webkit-text-size-adjust: 100%;}body, h1,h2,h3, p{margin:0;}div, section, button, input{box-sizing: border-box;}button, input {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}@media (768px <= width) {.disp-sp {display: none;}}@media (width < 768px) {.disp-pc {display: none;}}img{width:100%;height:auto;}ul{list-style:none;padding:0;}html{font-size:18px;}body{font-family: sans-serif;background: var(--bgcolor-base) url('https://img.gentosha.co.jp/s/lucas/assets/bg.jpg?w=720') no-repeat center top;color: var(--color-base);}@media (600px < width) {body{background-image: url('https://img.gentosha.co.jp/s/lucas/assets/bg.jpg?w=1080');}}@media (960px < width) {body{background-image: url('https://img.gentosha.co.jp/s/lucas/assets/bg.jpg?w=1440');}}a{color: var(--color-base);}strong{color: var(--color-key);letter-spacing: .05em;}p{text-align:justify;line-height: 1.75;}h1, .question p{font-family: 'New Tegomin', serif;font-weight: 400;letter-spacing: .05em;text-shadow: var(--text-shadow-sub);}h2, h3, p.lead, footer p, input, button{font-family: 'Noto Serif JP', serif;font-weight: 700;letter-spacing: .05em;}h1, h2, h3, li, p.lead, footer p{line-height: 1.45;}p.lead, footer p{text-shadow: var(--text-shadow-base);}h3 {color: var(--color-key);}.wrapper {max-width: 960px;margin: 0 auto;padding: 0 20px;}.inner {padding: 20px 0;}h1 {font-size: 2.5rem;margin: 2rem 0 2rem;text-align:center;}h1 span{display:block;font-size:70%;}@media (width < 900px) {h1 {font-size: 1.9rem;}}@media (width < 600px) {h1 {font-size: 1.5rem;}}footer {padding: 20px;}footer p {text-align: center;font-size: var(--fz-xs);letter-spacing:1px;margin-bottom:2em;}.description p {margin-bottom: 1em;}p.lead {font-size: var(--fz-l);font-weight:bold;}.details p{color: var(--color-sub);}.list-stores {list-style: none;margin-top:5px;display: flex;flex-wrap: wrap;gap: 12px;}.list-stores li {flex: 1 1 calc(33.33333% - 10px);min-width: 10em;}.button button, .button a{display: block;text-align: center;background-color: var(--color-button-base);border:0;color: var(--color-button-text);cursor: pointer;text-shadow: var(--text-shadow-button);padding: 10px 2px;border-radius: var(--border-radius-m);font-weight: bold;text-decoration: none;transition: background-color 0.3s ease;}.button button:hover, .button a:hover{background-color: var(--color-button-hover);}.button-sub a {background-color: var(--color-button-sub);}.button-sub a:hover {background-color: var(--color-button-hover);}.quiz{margin-bottom:5rem;}.quiz-inner{padding: 2rem 20px;background-color: var(--bgcolor-box);border-radius: var(--border-radius-xl);box-shadow: var(--box-shadow-base);}.quiz h2 {font-size: var(--fz-xxl);margin: 0 0 1.5rem;text-align:center;}.question{margin-bottom:2rem;}.question p{font-size: var(--fz-l);margin-bottom:1em;}.question p span{font-size:80%;}@media (768px <= width) {.question p{font-size:var(--fz-xl);}}.quiz form{margin:auto;width: 100%;text-align: center;display: flex;flex-direction: column;gap: 15px;}.quiz .input input, .quiz .button button {font-size: var(--fz-l);border-radius: var(--border-radius-m);margin:auto;}.quiz .input input {width: 14rem;padding: .5em .2em;text-align:center;border: 1px solid #aaa;}.quiz .button button {font-weight:400;margin:auto;padding: .5em 1em;}@media (768px <= width) {.quiz .input input, .quiz .button button {font-size: var(--fz-xl);}.quiz .input input {width: 20rem;}}.quiz h3 {margin-bottom:1rem;}.hint{width:100%;max-width:480px;margin:2rem auto;}.hint p{margin-bottom:4rem;}@media (768px <= width) {.hint p{margin-bottom:6rem;}}.wallpaper-list {display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;}.wallpaper-item {background: var(--bgcolor-sub);padding: 15px;border-radius: var(--border-radius-l);width: 220px;display: flex;flex-direction: column;align-items: center;}.wallpaper-item .preview img {width: 100%;border-radius: var(--border-radius-m);margin-bottom: 12px;}.wallpaper-item .button a{padding:10px 8px;font-size: var(--fz-s);}.nui{margin-top:4rem;}.nui p{margin-bottom:.7em;}.nui .button{width:65%;margin:2em auto;}.notes li{color: var(--color-sub);font-size: var(--fz-s);margin-bottom:.3em;}.books {padding: 2rem 20px;background: var(--bgcolor-box);border-radius: var(--border-radius-xl);box-shadow: var(--box-shadow-sub);}.books h2 {color: var(--color-sub);font-size: var(--fz-l);margin: 0 0 2rem;text-align:center;}.book-item h3 {font-size: var(--fz-xl);margin-bottom:1rem;}.book-item h3 span.author{font-size: 60%;display:block;color: var(--color-base);}@media (768px <= width) {.book-item h3 {font-size: var(--fz-xxl);}}.book-item p.lead {margin-bottom:1em;}@media (width < 768px) {.book-item .cover {margin-bottom: 15px;text-align: center;}}.book-item .cover img{flex: 0 0 200px;box-shadow: var(--box-shadow-img);}@media (768px <= width) {.book-item-inner {display: flex;align-items: flex-start;gap: 20px;}.book-item .cover {flex: 0 0 200px;}}