<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

body { margin: 0;
  background-color: #191A1A;
font-family: "游ゴシック体", "YuGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif, monospace;
/* font-family: "Roboto Mono", "Source Code Pro", "Fira Code", "BIZ UDゴシック", "游ゴシック体", "YuGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif, monospace; */
  /* font-size: 1.6rem; */
  color: #ddd;
  letter-spacing: 2px;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.alphabet-container { max-width: 400px; margin: 0 auto; /*font-size: 90%;*/
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
    padding: 20px;
}
.alphabet-button {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    color: white;
    background-color: #444;
    border-radius: 5px;
    transition: background 0.3s;
}
.alphabet-button:hover {
    background-color: #0056b3;
}

.free {width: 270px;}

h2 { margin: 30px 0 0px 0;}
.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}
.shosetsu {margin: 0 auto; max-width: 400px; width: calc(100% - 10px);}
.shosetsu li {margin-bottom:10px;}

p { margin: 20px 0; letter-spacing: 1px; text-align: justify;}
a { color: #ddd;}
a:visited { color: #ddd !important;}

h1 {
  font-family: "Hina Mincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "serif";
  font-weight: normal;
  letter-spacing: 4px;
  line-height: 1.2;
  text-transform: uppercase;
  word-break: break-all;
}
h2 {font-size: 110%;}
.mainwrapper &gt; :first-child { margin-top: 0;}

@media screen and (min-width: 1025px), print {
  .mainwrapper { max-width: 1160px; margin: 0 auto;}
}

footer { text-align: center; padding: 10px; margin-top: 10px;}

.novelpage__inner {
  background-color: #202222;
  padding-top: 50px; padding-bottom: 20px;
  max-width: 800px;
  margin: 0 auto;
}
.novelpage__inner a, .novelpage__inner h2 {color: #ddd;}

@media screen and (max-width: 500px) {
  .novelpage__inner {margin: 0; padding-top: 0;}
  .caption1 {padding: 0 10px; font-size: 1.4rem !important;}
  .caption { top: 85% !important; }
}
.novelpage__inner2 {padding-top: 20px; min-height: auto;}

.novelpage__inner .novelvisual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 800px;
  height: 480px;
  z-index: 0;
}

.novelpage__inner .novelvisual .novelvisual__img {
  position: absolute; top: 0; left: 0; padding: 0 80px; z-index: -1; opacity: 0.6;
}

.novelpage__inner .novelvisual .novelpage__title {
  margin-top: -100px;
  font-family: "Hina Mincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "serif";
  font-size: 3rem;
  letter-spacing: 12px;
  line-height: 1.8;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  text-shadow: 0 0 6px #fff;
}
@media screen and (max-width: 520px) {
  .novelpage__title {font-size: 2.7rem !important;}
}
.novelpage__inner .novelvisual .caption {
  max-width: 500px;
  position: absolute;
  top: 85%;
  display: flex;
  flex-direction: row-reverse;
  text-shadow: 0 0 2px #fff;
}

.novelpage__inner .novelvisual .caption .caption1 {line-height: 120%;
  font-family: "Hina Mincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "serif" !important;
  font-size: 1.6rem;
  letter-spacing: 10px !important;
  margin: 0 !important;
}

.caption1 { margin: 0 auto !important;}
.novelpage__inner .novelpage__main { margin: 20px;}

/* Tablet */
@media screen and (max-width: 768px) {
  .novelpage__inner .novelvisual { width: 100%; }
  .novelpage__inner .novelvisual .novelvisual__img img { width: 100vw; height: 480px; object-fit: cover;}
  .novelpage__inner .novelvisual .caption { top: 80%; }
  .novelvisual__img {padding: 0 !important;}
}

h4 {margin-bottom: 0px; color: #ddd;}
footer {font-size: 90%; color: #bbb;}
</pre></body></html>