@media (max-width: 1023px) or (orientation: portrait){header .logo{width:100%;height:60px;margin:auto;text-align:center}header .logo img{object-fit:cover;height:100%;cursor:pointer}}@media (min-width: 1024px) and (orientation: landscape){header .logo{height:100px}header .logo img{object-fit:cover;height:100%;cursor:pointer}header .page-back{margin:0;position:fixed;right:20px;bottom:20px;width:64px;height:64px;background-color:#000;opacity:.3}}header .page-back{margin:0;position:fixed;right:20px;bottom:20px;width:64px;height:64px;background-color:#000;opacity:.3}header .page-back a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:#fff;text-align:center}header .page-back a:visited{color:#fff}header .page-top{margin:0;position:fixed;right:84px;bottom:20px;width:0;height:64px;background-color:#000;opacity:.3}header .page-top.show{width:64px}header .page-top a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:#fff;text-align:center;cursor:pointer}header .page-top a:visited{color:#fff}.episodes #chapter-list-area{width:95%;margin:auto}.episodes ul{display:flex;flex-wrap:wrap;justify-content:flex-start}.episodes li a{color:#4169e1;font-size:.9em;cursor:pointer}.contents h3{text-align:center;font-weight:700;font-size:1.4em}.contents p{font-family:BIZ UDPMincho,serif;font-weight:400;font-style:normal;font-size:1.1em}.contents p img{max-width:100%;display:block;margin:20px auto auto}body.dark-mode .episodes li a{color:#1e90ff}@media (max-width: 1023px) or (orientation: portrait){.episodes li{width:20%}.contents{width:90%;margin:20px auto 70px}}@media (min-width: 1024px) and (orientation: landscape){.episodes h3{font-size:1.3em}.episodes ul{width:95%;margin:auto}.episodes li{width:10%}.episodes li a{font-size:1.1em}.contents{width:75%;margin:40px auto 70px}.contents p{font-size:1.2em}}