/**
NovelViewer SAKURA

Copyright (c)2020 Aya Mizushiro

This software is released under the MIT License.
http://opensource.org/licenses/mit-license.php
*/
@charset "UTF-8";
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  overscroll-behavior-y: none;
  background:rgba(0,0,0,0);
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  }
  
  
.site-name {
    position: fixed;
    text-transform: capitalize;
    font-family: 'Overlock SC', 'Noto Sans JP', sans-serif;
    z-index: 100;
}

.site-name a {
    border-bottom: none;
    color: var(--dark-blue);
}
.site-name a {
    position: fixed;
    font-size: var(--s_bb);
}


.site-name a {
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.site-name a {
    bottom: 4rem;
    left: 1.4rem;
    letter-spacing: .2rem;
}

/*-------------------- index --------------------*/

:root {
  --green: #a8e0d5;
  --dark-blue: #19314d;
  --pink: #f3666c;

  --s_s: .9rem;
  --s_m: .97rem;
  --s_n: 1rem;
  --s_b: 1.1rem;
  --s_bb: 1.2rem;

  --serif: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  --san-serif: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*************
メイン コンテンツ
*************/
section.content{
  padding:19px;
  margin-bottom:20px;
  border-radius:6px;
  background:rgba(0,0,0,0);
  overflow:hidden;
  font-size:15px;
  text-align:center;
margin:0 auto;
  }
  
  * html section.content{height:1%;}
  
  section.content p{margin-bottom:5px;}
  
  section.content img{
  max-width:90%;
  height:auto;
  }
  table{text-align:center;
      margin:0 auto;
  }
  a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    text-decoration: none;
    outline: none;
    color: var(--dark-blue);
}
a:hover {
    border-bottom-color: transparent;
    color: var(--pink);
}

  
.novel-title, .novel-subtitle {
  font-weight: 600;
}

.novel-title {
  font-size: 2rem;
  margin: 0;
}

.novel-subtitle {
  display: block;
  font-size: 1.55rem;
  line-height: 1.8;
}

.section-title {
  text-align: center;
  font-size: 1.5rem;
  position: relative;
}
.section-title > span {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.section-title::before {
  content: "";
  position: absolute;
}

.novel-block > p {
  letter-spacing: 0.1em;
  line-height: 1.8;
  margin: 0;
}

.indent {
  text-indent: 1em;
}

/* 表示方向 */
.ltr .novel-title {
  text-align: center;
  padding: 2rem 0;
}
.ltr .section-title {
  margin: 0 auto;
  text-align: center;
  max-width: 680px;
  width: 80%;
}
.ltr .section-title > span {
  padding: 0 0.25em;
}
.ltr .section-title::before {
  left: 0;
  top: 50%;
  width: 100%;
  height: 0;
  border-top: 1px solid;
}
.ltr .novel-block {
  margin: 3rem auto 8rem;
  max-width: 680px;
  width: 80%;
}
.ltr .novel-block > p:empty {
  height: 1.8em;
}
.ltr .novel-block > p > img {
  text-align: center;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 1.8em auto;
  max-width: 100%;
}
.ltr .novel-block > p > .dir-h {
  max-height: 600px;
  width: auto;
}
@media screen and (max-width: 767px) {
  .ltr .novel-block > p > .dir-h {
    max-height: 454px;
  }
}
.ltr .novel-block > p > .dir-v {
  height: auto;
  max-width: 728px;
}
@media screen and (max-width: 767px) {
  .ltr .novel-block > p > .dir-v {
    max-width: 320px;
  }
}

.rtl .novel-title {
  margin: auto 2em auto 0.5em;
  height: 80%;
  max-height: 600px;
}
.rtl .section-title {
  margin: auto 0;
  height: 80%;
  max-height: 600px;
}
.rtl .section-title > span {
  padding: 0.5em 0;
}
.rtl .section-title::before {
  top: 0;
  right: 50%;
  height: 100%;
  width: 0;
  border-right: 1px solid;
}
.rtl .novel-block {
  margin: auto 3rem auto 8rem;
  max-height: 600px;
  height: 80%;
}
.rtl .novel-block > p:empty {
  width: 1.8em;
}
.rtl .novel-block > p[id^=sashie] {
  width: 600px;
}
.rtl .novel-block > p > img {
  margin: 0 1.8em;
  max-height: 100%;
}
.rtl .novel-block > p > .dir-h {
  max-height: 600px;
  width: auto;
}
@media screen and (max-width: 767px) {
  .rtl .novel-block > p > .dir-h {
    max-height: 454px;
  }
}
.rtl .novel-block > p > .dir-v {
  height: auto;
  max-width: 728px;
}
@media screen and (max-width: 767px) {
  .rtl .novel-block > p > .dir-v {
    max-width: 320px;
  }
}

.novel-header {
  margin: auto;
}

.prev-link {
  font-size: 1rem;
  text-decoration: none;
  line-height: 1.5;
  position: relative;
  margin: auto;
  padding: 0 1em;
  height: 100%;
  width: 100%;
}
.prev-link::before {
  content: "前話";
  background-size: 1.5em;
  display: inline-block;
}

/* 表示方向 */
.ltr .novel-header {
  height: 60px;
  width: 100%;
}
.ltr .prev-link {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.ltr .prev-link::before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M50%20100C77.6125%20100%20100%2077.6125%20100%2050C100%2022.3844%2077.6125%200%2050%200C22.3844%200%200%2022.3844%200%2050C0%2077.6125%2022.3844%20100%2050%20100ZM50%2025L75%2050H56.25V75H43.75V50H25L50%2025Z%22%20fill%3D%22%23999%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 1.8em;
  margin-right: 1em;
}

.rtl .novel-header {
  height: 100%;
  width: 60px;
}
.rtl .prev-link {
  display: block;
  padding-top: 3em;
}
.rtl .prev-link:before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M0%2050C0%2077.6125%2022.3875%20100%2050%20100C77.6156%20100%20100%2077.6125%20100%2050C100%2022.3844%2077.6156%200%2050%200C22.3875%200%200%2022.3844%200%2050ZM75%2050L50%2075V56.25H25V43.75H50V25L75%2050Z%22%20fill%3D%22%23999%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
  background-repeat: no-repeat;
  background-position: 60% top;
  padding-top: 1.8em;
  margin-bottom: 1em;
}

.sns-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
.sns-list .sns-link {
  display: block;
  border-radius: 3px;
  font-size: 17px;
  text-decoration: none;
  color: #fcfeff;
  line-height: 48px;
  margin: 0;
  width: auto;
}
.sns-list .sns-link:active {
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  /*下に動く*/
}
.sns-list .btn-twitter {
  background-color: #1da1f2;
  background-image: url("data:image/svg+xml;utf8,%3csvg%20width%3d%2232%22%20height%3d%2232%22%20viewBox%3d%220%200%2032%2032%22%20fill%3d%22none%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%0d%0a%3cg%20clip%2dpath%3d%22url%28%23clip0%29%22%3e%0d%0a%3cpath%20d%3d%22M32%207%2e075C30%2e825%207%2e6%2029%2e556%207%2e95%2028%2e231%208%2e106C29%2e587%207%2e293%2030%2e625%206%2e006%2031%2e118%204%2e475C29%2e849%205%2e225%2028%2e443%205%2e775%2026%2e949%206%2e069C25%2e749%204%2e794%2024%2e043%204%2022%2e155%204C18%2e53%204%2015%2e592%206%2e938%2015%2e592%2010%2e563C15%2e592%2011%2e075%2015%2e648%2011%2e575%2015%2e761%2012%2e057C10%2e305%2011%2e782%205%2e46699%209%2e169%202%2e22999%205%2e195C1%2e66699%206%2e164%201%2e34299%207%2e295%201%2e34299%208%2e495C1%2e34299%2010%2e77%202%2e49899%2012%2e782%204%2e26199%2013%2e958C3%2e18699%2013%2e927%202%2e17499%2013%2e627%201%2e28699%2013%2e139C1%2e28699%2013%2e164%201%2e28699%2013%2e195%201%2e28699%2013%2e22C1%2e28699%2016%2e401%203%2e54999%2019%2e058%206%2e55599%2019%2e657C6%2e00599%2019%2e807%205%2e42499%2019%2e888%204%2e82499%2019%2e888C4%2e39999%2019%2e888%203%2e99399%2019%2e844%203%2e58799%2019%2e769C4%2e42599%2022%2e375%206%2e85099%2024%2e275%209%2e71899%2024%2e332C7%2e46899%2026%2e094%204%2e64399%2027%2e145%201%2e56299%2027%2e145C1%2e03199%2027%2e145%200%2e512988%2027%2e114%20%2d0%2e00601196%2027%2e051C2%2e90699%2028%2e92%206%2e35599%2030%2e001%2010%2e063%2030%2e001C22%2e138%2030%2e001%2028%2e744%2019%2e995%2028%2e744%2011%2e32C28%2e744%2011%2e033%2028%2e738%2010%2e751%2028%2e725%2010%2e47C30%2e006%209%2e551%2031%2e119%208%2e395%2032%207%2e076V7%2e075Z%22%20fill%3d%22%23fff%22%2f%3e%0d%0a%3c%2fg%3e%0d%0a%3cdefs%3e%0d%0a%3cclipPath%20id%3d%22clip0%22%3e%0d%0a%3crect%20width%3d%2232%22%20height%3d%2232%22%20fill%3d%22white%22%2f%3e%0d%0a%3c%2fclipPath%3e%0d%0a%3c%2fdefs%3e%0d%0a%3c%2fsvg%3e%0d%0a");
  background-repeat: no-repeat;
  background-size: 1em;
  letter-spacing: 0.05em;
}
.sns-list .btn-clap {
  background-color: #d4699a;
  background-image: url("data:image/svg+xml;utf8,%3csvg%20width%3d%2232%22%20height%3d%2232%22%20viewBox%3d%220%200%2032%2032%22%20fill%3d%22none%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%0d%0a%3cpath%20d%3d%22M10%2e7414%2010%2e563C10%2e9031%2010%2e563%2011%2e0615%2010%2e5793%2011%2e2148%2010%2e6111C11%2e1764%209%2e69028%2011%2e7247%208%2e80213%2012%2e6447%208%2e44066C12%2e9147%208%2e33491%2013%2e1986%208%2e28133%2013%2e488%208%2e28133C14%2e138%208%2e28133%2014%2e7329%208%2e55158%2015%2e1545%208%2e99966L16%2e8317%207%2e288C17%2e3228%206%2e78733%2017%2e3089%205%2e99033%2016%2e7972%205%2e5078C16%2e5489%205%2e27249%2016%2e2284%205%2e15576%2015%2e9084%205%2e15576C15%2e5723%205%2e15576%2015%2e2367%205%2e28461%2014%2e9857%205%2e54211L9%2e91373%2010%2e7187C10%2e1799%2010%2e6165%2010%2e4576%2010%2e563%2010%2e7414%2010%2e563Z%22%20fill%3d%22%23fff%22%2f%3e%0d%0a%3cpath%20d%3d%22M7%2e85733%2022%2e1934C8%2e14787%2021%2e7262%208%2e57452%2021%2e3725%209%2e0878%2021%2e1722C9%2e39284%2021%2e0521%209%2e71389%2020%2e991%2010%2e0417%2020%2e991C10%2e5128%2020%2e991%2010%2e9744%2021%2e1192%2011%2e3783%2021%2e3627L11%2e8988%2021%2e676L11%2e8627%2021%2e5875L11%2e4755%2020%2e6323H11%2e476L8%2e62891%2013%2e6282C8%2e42117%2013%2e118%208%2e42002%2012%2e5648%208%2e60619%2012%2e0518L8%2e17182%2012%2e495L8%2e17009%2012%2e4934L5%2e41348%2015%2e3074L5%2e98634%2010%2e8689C6%2e05191%2010%2e3568%205%2e86018%209%2e87055%205%2e50574%209%2e53693C5%2e26742%209%2e30992%204%2e95408%209%2e1554%204%2e5974%209%2e11182C4%2e52851%209%2e1031%204%2e4597%209%2e09863%204%2e3919%209%2e09863C3%2e59854%209%2e09863%202%2e90926%209%2e68003%202%2e80698%2010%2e4742L0%2e0376786%2023%2e663C%2d0%2e0889823%2024%2e2678%200%2e108222%2024%2e8945%200%2e561056%2025%2e3223L5%2e28415%2029%2e7914C5%2e63463%2030%2e1227%206%2e09237%2030%2e2941%206%2e55408%2030%2e2941C6%2e87895%2030%2e2941%207%2e20563%2030%2e2095%207%2e49848%2030%2e036L11%2e5115%2027%2e6603L8%2e65726%2025%2e6248C7%2e48853%2024%2e8878%207%2e12845%2023%2e3583%207%2e85733%2022%2e1934Z%22%20fill%3d%22%23fff%22%2f%3e%0d%0a%3cpath%20d%3d%22M19%2e1939%209%2e48095L19%2e4361%2010%2e077L20%2e4906%209%2e00041C20%2e9811%208%2e49982%2020%2e9645%207%2e70126%2020%2e455%207%2e21923C20%2e2068%206%2e98456%2019%2e8861%206%2e86719%2019%2e5662%206%2e86719C19%2e2307%206%2e86719%2018%2e895%206%2e99647%2018%2e6435%207%2e25367L17%2e744%208%2e17187C18%2e394%208%2e36451%2018%2e9312%208%2e83556%2019%2e1939%209%2e48095Z%22%20fill%3d%22%23fff%22%2f%3e%0d%0a%3cpath%20d%3d%22M26%2e2303%2020%2e7648L22%2e5728%2011%2e7667C22%2e395%2011%2e3294%2021%2e9672%2011%2e063%2021%2e5162%2011%2e063C21%2e3756%2011%2e063%2021%2e2323%2011%2e0887%2021%2e094%2011%2e1433C20%2e5113%2011%2e3725%2020%2e2263%2012%2e0232%2020%2e4606%2012%2e5958L22%2e2189%2016%2e9213C22%2e275%2017%2e0593%2022%2e2728%2017%2e2133%2022%2e2133%2017%2e3498C22%2e154%2017%2e4856%2022%2e0418%2017%2e5932%2021%2e9011%2017%2e6483C21%2e8317%2017%2e6757%2021%2e7606%2017%2e6882%2021%2e6901%2017%2e6882C21%2e4645%2017%2e6882%2021%2e2507%2017%2e5549%2021%2e1617%2017%2e3366L18%2e1374%209%2e89653C17%2e9597%209%2e45908%2017%2e5325%209%2e19287%2017%2e0809%209%2e19287C16%2e9398%209%2e19287%2016%2e797%209%2e21846%2016%2e6581%209%2e27303C16%2e0754%209%2e50175%2015%2e7909%2010%2e1525%2016%2e0249%2010%2e7256L19%2e0486%2018%2e1663C19%2e1046%2018%2e3039%2019%2e1025%2018%2e4578%2019%2e043%2018%2e5942C18%2e9836%2018%2e7301%2018%2e8713%2018%2e8377%2018%2e7314%2018%2e8928C18%2e6626%2018%2e9195%2018%2e5914%2018%2e9327%2018%2e5213%2018%2e9327C18%2e2953%2018%2e9327%2018%2e0808%2018%2e7994%2017%2e992%2018%2e5806L14%2e5455%2010%2e1016C14%2e3678%209%2e66484%2013%2e94%209%2e39905%2013%2e4884%209%2e39905C13%2e3478%209%2e39905%2013%2e205%209%2e42464%2013%2e0667%209%2e47864C12%2e4834%209%2e708%2012%2e199%2010%2e3581%2012%2e4323%2010%2e9317L15%2e8793%2019%2e4096C15%2e9354%2019%2e5479%2015%2e9331%2019%2e7018%2015%2e8738%2019%2e8376C15%2e8143%2019%2e9741%2015%2e7015%2020%2e0816%2015%2e5616%2020%2e1368C15%2e4927%2020%2e1635%2015%2e4216%2020%2e1767%2015%2e3516%2020%2e1767C15%2e1255%2020%2e1767%2014%2e9111%2020%2e0435%2014%2e8222%2019%2e8245L11%2e7979%2012%2e3843C11%2e6206%2011%2e9471%2011%2e1935%2011%2e6808%2010%2e7417%2011%2e6808C10%2e6012%2011%2e6808%2010%2e4578%2011%2e7064%2010%2e3191%2011%2e7609C9%2e73577%2011%2e9898%209%2e45136%2012%2e6404%209%2e68513%2013%2e2135L12%2e9205%2021%2e1735L12%2e9194%2021%2e1741L14%2e0005%2023%2e8334C14%2e0326%2023%2e9136%2014%2e0094%2024%2e0048%2013%2e9421%2024%2e0606C13%2e9049%2024%2e0916%2013%2e8582%2024%2e1075%2013%2e8111%2024%2e1075C13%2e7744%2024%2e1075%2013%2e7373%2024%2e0976%2013%2e7043%2024%2e078L10%2e7835%2022%2e3164C10%2e5517%2022%2e1772%2010%2e2951%2022%2e1101%2010%2e0418%2022%2e1101C9%2e86005%2022%2e1101%209%2e67958%2022%2e1444%209%2e51072%2022%2e2112C9%2e23691%2022%2e3182%208%2e99405%2022%2e5109%208%2e82801%2022%2e7778C8%2e41694%2023%2e4349%208%2e6264%2024%2e2952%209%2e2957%2024%2e6997L19%2e0508%2031%2e6574C19%2e3686%2031%2e8833%2019%2e7457%2032%2e0001%2020%2e1269%2032%2e0001C20%2e3557%2032%2e0001%2020%2e5863%2031%2e9582%2020%2e8056%2031%2e8719L25%2e9598%2029%2e8489C26%2e7287%2029%2e5469%2027%2e1959%2028%2e7752%2027%2e0987%2027%2e9666L26%2e2316%2020%2e7699C26%2e2303%2020%2e7686%2026%2e2309%2020%2e7664%2026%2e2303%2020%2e7648Z%22%20fill%3d%22%23fff%22%2f%3e%0d%0a%3cpath%20d%3d%22M26%2e028%206%2e69345C25%2e6069%206%2e48926%2025%2e0941%206%2e65639%2024%2e8836%207%2e07009C24%2e6735%207%2e485%2024%2e8452%207%2e98815%2025%2e2668%208%2e19454C26%2e2074%208%2e65467%2026%2e909%209%2e44621%2027%2e2424%2010%2e4244C27%2e5762%2011%2e4027%2027%2e5024%2012%2e4496%2027%2e0345%2013%2e3732C26%2e8246%2013%2e7881%2026%2e9962%2014%2e2912%2027%2e4179%2014%2e4976C27%2e5401%2014%2e5572%2027%2e6701%2014%2e5855%2027%2e7978%2014%2e5855C28%2e1111%2014%2e5855%2028%2e4129%2014%2e4151%2028%2e5622%2014%2e1211C29%2e2334%2012%2e7962%2029%2e3394%2011%2e2939%2028%2e8606%209%2e89103C28%2e3817%208%2e48889%2027%2e3756%207%2e35288%2026%2e028%206%2e69345Z%22%20fill%3d%22%23fff%22%2f%3e%3cpath%20d%3d%22M27%2e2969%204%2e18855C26%2e8785%203%2e98103%2026%2e3642%204%2e15148%2026%2e153%204%2e56576C25%2e9431%204%2e9801%2026%2e1147%205%2e48339%2026%2e5369%205%2e68978C29%2e8824%207%2e32617%2031%2e2494%2011%2e3323%2029%2e5841%2014%2e6206C29%2e374%2015%2e0349%2029%2e5457%2015%2e5382%2029%2e9679%2015%2e7445C30%2e0895%2015%2e8046%2030%2e2196%2015%2e8324%2030%2e3473%2015%2e8324C30%2e6607%2015%2e8324%2030%2e9622%2015%2e6621%2031%2e1116%2015%2e3674C33%2e1966%2011%2e2522%2031%2e4855%206%2e23716%2027%2e2969%204%2e18855Z%22%20fill%3d%22%23fff%22%2f%3e%0d%0a%3cpath%20d%3d%22M13%2e7355%203%2e84453C13%2e8143%203%2e38823%2013%2e5016%202%2e95539%2013%2e0366%202%2e87771C11%2e5501%202%2e63212%2010%2e0585%202%2e96779%208%2e83118%203%2e82539C7%2e60403%204%2e68242%206%2e78968%205%2e95805%206%2e53917%207%2e41725C6%2e46033%207%2e87362%206%2e77309%208%2e30639%207%2e23797%208%2e38393C7%2e28637%208%2e39165%207%2e33412%208%2e39541%207%2e38129%208%2e39541C7%2e7902%208%2e39541%208%2e15128%208%2e10609%208%2e22132%207%2e69678C8%2e39689%206%2e67922%208%2e96397%205%2e78951%209%2e82009%205%2e19174C10%2e675%204%2e59347%2011%2e7155%204%2e35767%2012%2e7521%204%2e53167C13%2e2188%204%2e60163%2013%2e6571%204%2e30154%2013%2e7355%203%2e84453Z%22%20fill%3d%22%23fff%22%2f%3e%0d%0a%3cpath%20d%3d%22M4%2e43018%207%2e91695C4%2e47851%207%2e92467%204%2e52619%207%2e92857%204%2e5735%207%2e92857C4%2e98227%207%2e92857%205%2e34342%207%2e63926%205%2e41397%207%2e22981C6%2e03674%203%2e60959%209%2e53708%201%2e15813%2013%2e2263%201%2e77234C13%2e6907%201%2e84378%2014%2e1313%201%2e54128%2014%2e2103%201%2e08505C14%2e2885%200%2e628116%2013%2e9752%200%2e195772%2013%2e5108%200%2e118233C11%2e2754%20%2d0%2e251953%209%2e02777%200%2e253607%207%2e18109%201%2e54405C5%2e33405%202%2e83449%204%2e10855%204%2e75424%203%2e73073%206%2e95034C3%2e65247%207%2e40728%203%2e96581%207%2e83955%204%2e43018%207%2e91695Z%22%20fill%3d%22%23fff%22%2f%3e%0d%0a%3c%2fsvg%3e%0d%0a");
  background-repeat: no-repeat;
  background-size: 1.2em;
}
.sns-list .sns-link:link,
.sns-list .sns-link:hover,
.sns-list .sns-link:active,
.sns-list .sns-link:visited {
  color: #fcfeff;
}

.next-link,
.close-link {
  font-size: 1.5rem;
  display: block;
  text-decoration: none;
}

.next-link {
  position: relative;
}
.next-link::before {
  content: "次話";
  font-size: 1rem;
  line-height: 1.5;
  display: block;
}
.next-link::after {
  content: "";
  display: block;
  background-size: 2.5em;
  background-position: 50% 55%;
  height: 3em;
  width: 3em;
}

.close-link {
  display: block;
  position: relative;
}
.close-link::before {
  content: "";
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M50%200C22.3875%200%200%2022.3875%200%2050C0%2077.6125%2022.3875%20100%2050%20100C77.6125%20100%20100%2077.6125%20100%2050C100%2022.3875%2077.6125%200%2050%200ZM74.7312%2065.8938L65.8938%2074.7312L50%2058.8375L34.1062%2074.7312L25.2688%2065.8938L41.1625%2050L25.2688%2034.1062L34.1062%2025.2688L50%2041.1625L65.8938%2025.2688L74.7312%2034.1062L58.8375%2050L74.7312%2065.8938V65.8938Z%22%20fill%3D%22%23999%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
  background-repeat: no-repeat;
  background-size: 1.25em;
  background-position: center;
  display: inline-block;
  position: relative;
  height: 1.25em;
  width: 1.25em;
}

/* 表示方向 */
.ltr .novel-footer {
  padding: 0;
}
.ltr .sns-wrap {
  margin: 0 auto;
  padding: 1rem 0;
  width: 320px;
}
.ltr .sns-list {
  width: 100%;
}
.ltr .sns-list > li {
  margin: 0 1.5%;
  width: 45%;
}
.ltr .sns-list .sns-link {
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  padding: 0 1em 0 3em;
}
.ltr .sns-list .sns-link:active {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.19);
}
.ltr .sns-list .btn-twitter {
  background-position: 1.5em 47%;
}
.ltr .sns-list .btn-clap {
  background-position: 0.9em 41%;
}
.ltr .next-link,
.ltr .close-link {
  padding-top: 2rem;
  padding-bottom: 4rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .ltr .next-link,
.ltr .close-link {
    padding-bottom: 2rem;
  }
}
.ltr .next-link::after {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M50%200C22.3875%200%200%2022.3875%200%2050C0%2077.6156%2022.3875%20100%2050%20100C77.6156%20100%20100%2077.6156%20100%2050C100%2022.3875%2077.6156%200%2050%200ZM50%2075L25%2050H43.75V25H56.25V50H75L50%2075Z%22%20fill%3D%22%23999%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
  background-repeat: no-repeat;
  margin: 0.5rem auto 0;
}
.ltr .close-link::before {
  margin-right: 0.35em;
  top: 0.25em;
}

.rtl .novel-footer {
  padding: 0;
  height: 100%;
}
.rtl .sns-wrap {
  margin: auto 0;
  padding: 0 2rem;
  height: 320px;
}
.rtl .sns-list {
  height: 100%;
}
.rtl .sns-list > li {
  margin: 5% 0;
  height: 40%;
}
.rtl .sns-list .sns-link {
  box-shadow: inset 2px 0 0 rgba(255, 255, 255, 0.2), 2px 0 2px rgba(0, 0, 0, 0.19);
  padding: 2.5em 0 0.5em 0;
}
.rtl .sns-list .sns-link:active {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2), 1px 0 1px rgba(0, 0, 0, 0.19);
}
.rtl .sns-list .btn-twitter {
  background-position: 50% 0.9em;
}
.rtl .sns-list .btn-clap {
  background-position: 50% 0.9em;
}
.rtl .next-link,
.rtl .close-link {
  padding-left: 4rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .rtl .next-link,
.rtl .close-link {
    padding-left: 2rem;
  }
}
.rtl .next-link {
  padding-right: 2rem;
}
.rtl .next-link::after {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M100%2050C100%2022.3875%2077.6125%200%2050%200C22.3844%200%200%2022.3875%200%2050C0%2077.6156%2022.3844%20100%2050%20100C77.6125%20100%20100%2077.6156%20100%2050ZM25%2050L50%2025V43.75H75V56.25H50V75L25%2050Z%22%20fill%3D%22%23999%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
  background-repeat: no-repeat;
  margin: auto 0.5rem auto 0;
}
.rtl .close-link {
  padding-right: 4rem;
}
.rtl .close-link::before {
  margin-bottom: 0.5em;
}

menu {
  font-size: 1rem;
  position: absolute;
  margin: 0;
}

.novel-menu {
  position: fixed;
  margin: auto;
  padding: 0;
  transition: transform 0.5s ease;
}

.menu-close-toggle {
  color: transparent;
  background-color: rgba(0, 0, 0, 0.25);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.novel-menu-label {
  display: block;
}

.novel-close-button {
  display: flex;
  background-color: transparent;
  text-decoration: none;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

#novel-style-toggle,
#novel-index-toggle {
  display: none;
}

.novel-style-contents {
  height: 100%;
  width: 100%;
}

.novel-index-contents {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.novel-style-toggle-label,
.novel-close-button,
.novel-index-toggle-label {
  font-size: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

#novel-style-menu,
#novel-index-menu {
  z-index: 2;
}

#novel-style-toggle:checked ~ #novel-style-menu,
#novel-index-toggle:checked ~ #novel-index-menu {
  z-index: 10;
}

#novel-style-toggle:checked + .novel-style-toggle-label,
#novel-index-toggle:checked + .novel-index-toggle-label {
  z-index: 11;
}

#novel-style, #novel-index,
input[type=radio] {
  display: none;
}

.radio-label-style {
  font-size: 0.9rem;
  display: flex;
  border: solid 2px;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.novel-radio-wrap > input[type=radio]:checked + .radio-label-style {
  border-color: #8dc2ff;
}

.radio-label-style.style-small {
  font-size: 0.77rem;
}

.radio-label-style.style-normal {
  font-size: 0.88rem;
}

.radio-label-style.style-large {
  font-size: 1rem;
}

.radio-label-style.style-oversize {
  font-size: 1.1376rem;
}

.radio-label-style.style-white {
  background-color: #fffffc;
  color: #444;
}

.radio-label-style.style-dark {
  background-color: #222;
  color: #ddd;
}

.radio-label-style.style-kinari {
  background-color: #f7efe3;
  color: #444;
}

.radio-label-style.style-green {
  background-color: #a8e0d5;
  color: #19314d;
}

.radio-label-style.style-ltr {
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
}

.radio-label-style.style-rtl {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.index-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.index-list > li > a {
  display: block;
  text-decoration: none;
}

.index-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}

.index-subtitle {
  font-size: 1.1rem;
  margin: 0;
}

/* 表示方向 */
.ltr .novel-menu {
  border-left: 1px solid;
  transform: translateX(100%);
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  height: 100%;
  width: 30%;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ltr .novel-menu {
    width: 60%;
  }
}
@media screen and (max-width: 767px) {
  .ltr .novel-menu {
    width: 80%;
  }
}
.ltr #novel-style-menu {
  position: fixed;
  height: 100%;
}
.ltr #novel-index-menu {
  position: fixed;
}
.ltr #novel-style-toggle:checked ~ #novel-style-menu,
.ltr #novel-index-toggle:checked ~ #novel-index-menu {
  transform: translateX(0);
}
.ltr .novel-style-toggle-label {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.ltr .novel-close-button,
.ltr .novel-style-toggle-label,
.ltr .novel-index-toggle-label {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: fixed;
  right: 0;
  height: 60px;
  width: 44px;
}
@media screen and (max-width: 767px) {
  .ltr .novel-close-button,
.ltr .novel-style-toggle-label,
.ltr .novel-index-toggle-label {
    width: 9.5%;
  }
}
.ltr .novel-style-toggle-label,
.ltr .novel-index-toggle-label {
  transition: right 0.48s ease;
}
.ltr .novel-close-button {
  top: 0;
}
.ltr .novel-style-toggle-label {
  top: 60px;
}
.ltr .novel-index-toggle-label {
  top: 120px;
}
.ltr #novel-style-toggle:checked + .novel-style-toggle-label,
.ltr #novel-index-toggle:checked + .novel-index-toggle-label {
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid;
  right: 29.9%;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ltr #novel-style-toggle:checked + .novel-style-toggle-label,
.ltr #novel-index-toggle:checked + .novel-index-toggle-label {
    right: 59.7%;
  }
}
@media screen and (max-width: 767px) {
  .ltr #novel-style-toggle:checked + .novel-style-toggle-label,
.ltr #novel-index-toggle:checked + .novel-index-toggle-label {
    right: 79.7%;
  }
}
.ltr .novel-style-contents {
  padding: 10px 15px;
  height: 100%;
}
.ltr .novel-radio-wrap {
  display: flex;
}
.ltr .menu-item-wrap {
  width: 100%;
}
.ltr .menu-item-label {
  margin-bottom: 0.25rem;
}
.ltr .radio-label-style {
  height: 56px;
  width: 62px;
}
.ltr .novel-index-contents {
  padding: 10px 10px;
  width: auto;
}
.ltr .index-title {
  margin-top: 1em;
  padding-left: 5px;
}
.ltr .index-subtitle {
  margin-bottom: 1rem;
  padding-left: 5px;
}
.ltr .index-list {
  overflow-y: auto;
  height: calc(100% - 100px);
}
.ltr .index-list > li {
  padding: 1em 0.1em 1em 1.5em;
  position: relative;
  border-bottom: 1px solid;
}
.ltr .index-list > li > .current {
  display: block;
  position: relative;
}
.ltr .index-list > li > .current::before {
  content: "▶︎";
  position: absolute;
  left: -1.2em;
  top: 1px;
}
.ltr .index-list > li:first-child {
  border-top: 1px solid;
}
.ltr .index-list > li > a {
  position: relative;
  padding-right: 1.1em;
}
.ltr .index-list > li > a::after {
  content: ">";
  position: absolute;
  display: block;
  margin: auto;
  right: 0;
  top: 0;
  bottom: 0;
  left: auto;
  height: 1.1em;
  width: 1.1em;
}

/* firefox */
@-moz-document url-prefix() {
  .ltr .index-subtitle {
    margin-top: -0.5em;
    margin-bottom: 0.75em;
  }

  .ltr .index-list > li > a::after {
    top: -1em;
  }
}
/* chrome safari opera */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .ltr .index-list > li > a::after {
    top: -4px;
  }
}
.rtl .novel-menu {
  border-top: 1px solid;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
  height: 45%;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .rtl .novel-menu {
    height: 60%;
  }
}
@media screen and (max-width: 767px) {
  .rtl .novel-menu {
    height: 90%;
  }
}
.rtl #novel-style-menu {
  position: fixed;
  width: 100vw;
}
.rtl #novel-index-menu {
  position: fixed;
  width: 100vw;
}
.rtl #novel-style-toggle:checked ~ #novel-style-menu,
.rtl #novel-index-toggle:checked ~ #novel-index-menu {
  transform: translateY(0);
}
.rtl .novel-style-toggle-label {
  border-right: 1px solid;
  border-left: 1px solid;
}
.rtl .novel-close-button,
.rtl .novel-style-toggle-label,
.rtl .novel-index-toggle-label {
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  position: fixed;
  bottom: 0;
  height: 44px;
  width: 60px;
}
@media screen and (max-width: 767px) {
  .rtl .novel-close-button,
.rtl .novel-style-toggle-label,
.rtl .novel-index-toggle-label {
    height: 7%;
  }
}
.rtl .novel-style-toggle-label,
.rtl .novel-index-toggle-label {
  transition: bottom 0.48s ease;
}
.rtl .novel-close-button {
  right: 0;
}
.rtl .novel-style-toggle-label {
  right: 60px;
}
.rtl .novel-index-toggle-label {
  right: 120px;
}
.rtl #novel-style-toggle:checked + .novel-style-toggle-label,
.rtl #novel-index-toggle:checked + .novel-index-toggle-label {
  border-top-left-radius: 10px;
  border-left: 1px solid;
  bottom: 44.7%;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .rtl #novel-style-toggle:checked + .novel-style-toggle-label,
.rtl #novel-index-toggle:checked + .novel-index-toggle-label {
    bottom: 59.7%;
  }
}
@media screen and (max-width: 767px) {
  .rtl #novel-style-toggle:checked + .novel-style-toggle-label,
.rtl #novel-index-toggle:checked + .novel-index-toggle-label {
    bottom: 89.7%;
  }
}
.rtl .novel-style-contents {
  padding: 15px 10px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .rtl .novel-style-contents {
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
  }
  .rtl .menu-item-wrap {
    height: 50%;
    width: 45vw;
  }
}
@media screen and (max-width: 767px) {
  .rtl .novel-style-contents {
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
  }
  .rtl .novel-radio-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .rtl .menu-item-wrap:nth-child(1),
.rtl .menu-item-wrap:nth-child(2) {
    width: 50vw;
  }
  .rtl .menu-item-wrap:nth-child(3),
.rtl .menu-item-wrap:nth-child(4) {
    width: 40%;
  }
  .rtl .menu-item-wrap:nth-child(odd) {
    height: 55%;
  }
  .rtl .menu-item-wrap:nth-child(even) {
    height: 45%;
  }
}
.rtl .menu-item-label {
  margin-left: 0.25rem;
}
.rtl .radio-label-style {
  height: 62px;
  width: 56px;
}
.rtl .novel-index-contents {
  padding: 12px 10px;
}
.rtl .index-title {
  margin-right: 1em;
}
.rtl .index-subtitle {
  margin-left: 1rem;
}
.rtl .index-list {
  overflow-x: auto;
  width: calc(100% - 95px);
}
.rtl .index-list > li {
  padding: 1.5em 1em 0 1em;
  border-left: 1px solid;
}
.rtl .index-list > li > .current {
  display: block;
  position: relative;
}
.rtl .index-list > li > .current::before {
  content: "▼";
  position: absolute;
  top: -1.2em;
  right: 0px;
}
.rtl .index-list > li:first-child {
  border-right: 1px solid;
}
.rtl .index-list > li > a {
  position: relative;
}
.rtl .index-list > li > a::after {
  content: ">";
  position: absolute;
  margin: auto;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
}

/* firefox */
@-moz-document url-prefix() {
  .rtl .index-subtitle {
    margin-right: -0.5em;
    margin-left: 0.75em;
  }

  .rtl .index-list > li > a::after {
    right: -1em;
  }
}
/* chrome safari opera */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .rtl .index-list > li > a::after {
    right: -2px;
  }
}
.loader-wrapper {
  background-color: gainsboro;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  -webkit-transition: all 1.2s ease;
  /* 1.2秒でフェードアウト */
  transition: all 1.2s ease;
}
.loader-wrapper.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/*
 * DigPress
 * https://digipress.info/tech/css-spinner-animation-demo/
 */
/* ローディングアニメーション */
.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
  transform-origin: center;
  width: 120px;
  height: 120px;
}

/* Loading テキスト */
.loading span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 12px;
}

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border-width: 8px;
  border-style: solid;
  border-color: #fff rgba(255, 255, 255, 0.12) rgba(255, 255, 255, 0.12);
  animation: loading1_1 1.5s infinite linear forwards;
}
.loading span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
}
.loading span {
  animation: loading_loading_text 1.5s infinite linear forwards reverse;
}

@keyframes loading1_1 {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loading_loading_text {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.novel-wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

/* 表示方向 */
.ltr {
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  overflow-x: hidden;
  min-height: 100vh;
  width: 100%;
}

.rtl {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  overflow-y: hidden;
  height: 100%;
  min-width: calc(100% - 17px);
}

/* テーマ */
.paper-white {
  background-color: #fffffc;
  color: #444;
}
.paper-white .prev-link {
  color: #444;
  background-color: #ddd;
}
.paper-white .prev-link:hover {
  background-color: #ededed;
}
.paper-white .novel-title, .paper-white .section-title {
  color: #555;
}
.paper-white .section-title > span {
  background-color: #fffffc;
}
.paper-white .section-title::before {
  border-color: #ccc;
}
.paper-white .novel-footer {
  background-color: #eee;
}
.paper-white .next-link,
.paper-white .close-link {
  background-color: #f6f6f6;
  color: #666;
}
.paper-white .novel-menu,
.paper-white .novel-style-toggle-label,
.paper-white .novel-close-button,
.paper-white #novel-style-toggle:checked + .novel-style-toggle-label,
.paper-white #novel-index-toggle:checked + .novel-index-toggle-label {
  border-color: #ccc;
}
.paper-white .novel-menu,
.paper-white #novel-style-toggle:checked + .novel-style-toggle-label,
.paper-white #novel-index-toggle:checked + .novel-index-toggle-label {
  background-color: #faf9f5;
  color: #444;
}
.paper-white .novel-close-button {
  color: #444;
}
.paper-white .novel-close-button,
.paper-white .novel-style-toggle-label {
  border-color: #ccc;
}
.paper-white .radio-label-style {
  border-color: #d3d3d3;
}
.paper-white .index-list > li {
  border-color: #ccc;
}
.paper-white .index-list > li:first-child {
  border-color: #ccc;
}
.paper-white .index-list > li > a:link {
  color: #666;
}
.paper-white .index-list > li > a:visited {
  color: #898989;
}

.paper-green {
  background-color: #a8e0d5;
  color: #19314d;
}
.paper-green .prev-link {
  color: #19314d;
  background-color: #a8e0d5;
}
.paper-green .prev-link:hover {
  background-color: #a8e0d5;
}
.paper-green .novel-title, .paper-green .section-title {
  color: #19314d;
}
.paper-green .section-title > span {
  background-color: #a8e0d5;
}
.paper-green .section-title::before {
  border-color: #19314d;
}
.paper-green .novel-footer {
  background-color: #a8e0d5;
}
.paper-green .next-link,
.paper-green .close-link {
  background-color: #4c9494;
  color: #19314d;
}
.paper-green .novel-menu,
.paper-green .novel-style-toggle-label,
.paper-green .novel-close-button,
.paper-green #novel-style-toggle:checked + .novel-style-toggle-label,
.paper-green #novel-index-toggle:checked + .novel-index-toggle-label {
  border-color: #a8e0d5;
}
.paper-green .novel-menu,
.paper-green #novel-style-toggle:checked + .novel-style-toggle-label,
.paper-green #novel-index-toggle:checked + .novel-index-toggle-label {
  color: #19314d;
  background-color: #a8e0d5;
}
.paper-green .novel-close-button {
  color: #19314d;
}
.paper-green .novel-menu,
.paper-green .novel-close-button,
.paper-green .novel-style-toggle-label,
.paper-green .novel-index-toggle-label {
  border-color: #19314d;
}
.paper-green .radio-label-style {
  border-color: #f7f5f5;
}
.paper-green .index-list > li {
  border-color: #939ca7;
}
.paper-green .index-list > li:first-child {
  border-color: #807e7e;
}
.paper-green .index-list > li > a:link {
  color: #19314d;
}
.paper-green .index-list > li > a:visited {
  color: #19314d;
}

.paper-dark {
  background-color: #222;
  color: #ddd;
}
.paper-dark .prev-link {
  color: #ccc;
  background-color: #3c3c3c;
}
.paper-dark .prev-link:hover {
  background-color: #484848;
}
.paper-dark .novel-title, .paper-dark .section-title {
  color: #c4c4c4;
}
.paper-dark .section-title > span {
  background-color: #222;
}
.paper-dark .section-title::before {
  border-color: #ccc;
}
.paper-dark .novel-footer {
  background-color: #3c3c3c;
}
.paper-dark .next-link,
.paper-dark .close-link {
  background-color: #4d4d4d;
  color: #ccc;
}
.paper-dark .novel-menu,
.paper-dark .novel-style-toggle-label,
.paper-dark .novel-close-button,
.paper-dark #novel-style-toggle:checked + .novel-style-toggle-label,
.paper-dark #novel-index-toggle:checked + .novel-index-toggle-label {
  border-color: #666;
}
.paper-dark .novel-menu,
.paper-dark #novel-style-toggle:checked + .novel-style-toggle-label,
.paper-dark #novel-index-toggle:checked + .novel-index-toggle-label {
  color: #ddd;
  background-color: #2f2f2f;
}
.paper-dark .novel-close-button {
  color: #ddd;
}
.paper-dark .radio-label-style {
  border-color: #666;
}
.paper-dark .index-list > li {
  border-color: #666;
}
.paper-dark .index-list > li:first-child {
  border-color: #666;
}
.paper-dark .index-list > li > a:link {
  color: #bbb;
}
.paper-dark .index-list > li > a:visited {
  color: #666;
}

.paper-kinari {
  background-color: #f7efe3;
  color: #444;
}
.paper-kinari .prev-link {
  color: #444;
  background-color: #d6d6ce;
}
.paper-kinari .prev-link:hover {
  background-color: #e2e2dc;
}
.paper-kinari .novel-title, .paper-kinari .section-title {
  color: #555;
}
.paper-kinari .section-title > span {
  background-color: #f7efe3;
}
.paper-kinari .section-title::before {
  border-color: #ccc;
}
.paper-kinari .novel-footer {
  background-color: #d6d6ce;
}
.paper-kinari .next-link,
.paper-kinari .close-link {
  background-color: #e6e6e1;
  color: #333;
}
.paper-kinari .novel-menu,
.paper-kinari .novel-style-toggle-label,
.paper-kinari .novel-close-button,
.paper-kinari #novel-style-toggle:checked + .novel-style-toggle-label,
.paper-kinari #novel-index-toggle:checked + .novel-index-toggle-label {
  border-color: #ccc;
}
.paper-kinari .novel-menu,
.paper-kinari #novel-style-toggle:checked + .novel-style-toggle-label,
.paper-kinari #novel-index-toggle:checked + .novel-index-toggle-label {
  color: #444;
  background-color: #f1e4cf;
}
.paper-kinari .novel-close-button {
  color: #444;
}
.paper-kinari .novel-menu,
.paper-kinari .novel-close-button,
.paper-kinari .novel-style-toggle-label,
.paper-kinari .novel-index-toggle-label {
  border-color: #ccc;
}
.paper-kinari .radio-label-style {
  border-color: #d3d3d3;
}
.paper-kinari .index-list > li {
  border-color: #ccc;
}
.paper-kinari .index-list > li:first-child {
  border-color: #ccc;
}
.paper-kinari .index-list > li > a:link {
  color: #666;
}
.paper-kinari .index-list > li > a:visited {
  color: #898989;
}
/* スタイル */
.font-mincho {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Noto Serif JP", "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}

.font-gothic {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.fontsize-small {
  font-size: 0.9625rem;
}
.fontsize-small .dash-rule {
  letter-spacing: -0.1em;
}

.fontsize-normal {
  font-size: 1.1rem;
}
.fontsize-normal .dash-rule {
  letter-spacing: -0.11em;
}

.fontsize-large {
  font-size: 1.25rem;
}
.fontsize-large .dash-rule {
  letter-spacing: -0.12em;
}

.fontsize-oversize {
  font-size: 1.422rem;
}
.fontsize-oversize .dash-rule {
  letter-spacing: -0.13em;
}

/**登場人物の段落**/
.fiest-box, ul {
  margin-left: -3.0em;
  list-style: none;}

.fiest-box, li {
  margin-left: 1.0em;
  list-style: none;}
  
/**
NovelViewer SAKURA

Copyright (c)2020 Aya Mizushiro

This software is released under the MIT License.
http://opensource.org/licenses/mit-license.php
*/