@charset "utf-8";
/*リセット
--------------------*/
html, body, div, span, snv-applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration-line: none;
	list-style: none;
}
body {
	font-family:'Yu Gothic', '游ゴシック', 'YuGothic', '游ゴシック体', sans-serif;
  background: #f7f3ed;
  color: #323232;
  letter-spacing: 4px;
  line-height: 240%;
  font-weight: 500;
  letter-spacing: 1px;
}
a:link{
  color: #97615e;
  text-decoration: none;
}
a:visited{color: #97615e;}
a:hover{
  color: #e0c8c5;
  text-decoration: underline;
}
.url{word-break:break-all;}/* 自動リンクのはみ出しを防ぐ */
#mokuzi_body{}
.maintitle2{
  margin: 0 auto;
  max-width: 900px;
  padding: 30px 20px 20px;
}
/*新規投稿画面*/
.postarea{
  background: #b39d74;
  display: block;
  max-width: 800px;
  margin: 0 auto;
}
textarea.tegalogpost{
  border: 2px #323232 solid;
  border-radius: 3px;
  background: #fff;
  font-size: 16px;
  padding: 10px;
  margin: 13px auto 5px;
  box-sizing: border-box;
  width: 100%;
}
.line-control{line-height: 190%;}
.catChecks label{padding: 0 18px 0 0;}

/*novel_index
--------------------*/
#novel_index .headlink {
  text-align: right;
  padding: 0 0 20px;
  margin: 0 20px;
}
#novel_index .headlink a {
  color: #fff;
  background: #97615e;
  border-radius: 0 0 10px 10px;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: bold;
  display: inline flow-root list-item;
  text-align: center;
}
#novel_index .headlink a:hover {
  text-decoration: none;
  opacity: 0.8;
}
#novel_index h1.maintitle2 {
  text-align: right;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 10px 0 0;
}
#novel_index .headtitle {
  text-align: center;
  margin: 30px 20px 20px;
  display: block;
}
#novel_index .headtitle h1 {
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 2px;
}
#novel_index .headtitle h2 {
  font-weight: bold;
  padding-bottom: 15px;
}
#novel_index {
  width: 100%;
  max-width: 800px;
  min-height: 1000px;
  margin: 0 auto;
}
#novel_index h4 {
  font-weight: 700;
  padding: 0 0 10px 0;
  font-size: 21px;
  letter-spacing: 1px;
}
#novel_index h5 {
  font-size: 12px;
  text-align: center;
  padding: 7px 13px 6px;
  display: inline-table;
  border-radius: 5px;
  background: #e8d5c0;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 100%;
}
#novel_index ul{
  padding: 0 0 50px;
}
#novel_index li {
  list-style: none;
  margin: 0 20px 40px;
  padding: 0 0 30px 0;
  border-bottom: 1px solid #8a857a;
}
#novel_index .tc {
  color: #8a857a;
  text-align: right;
  font-size: 14px;
}
#novel_index .tc span{
  color: #e2694c;
}
#novel_index .mainarea {
  position: relative;
  max-width: 700px;
  margin: 50px auto;
  padding: 20px 30px;
  background: #e8d5c0;
  border-radius: 10px;
  display: none;
}
#novel_index .datefunclinks {
  display: block;
}
#novel_index .postform {
  padding: 10px 15px;
  border-radius: 10px;
}
/*novel_mokuzi
--------------------*/
.mainarea{
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
}
h2.mokuzi_title{
  text-align: center;
  font-size: 27px;
  letter-spacing: 4px;
  font-weight: 500;
  padding: 30px 10px;
}
.title_mokuzi{display: none;}
.arasuzi{
  line-height: 210%;
  font-weight: 500;
  padding: 0 10px 30px;
}
.arasuzi p{padding-bottom: 15px;}
.TopfreeArea{display: none;}
.logtitle{
  padding: 0 0 10px;
  margin: 0 10px;
}
.logtitle a{margin: 0;}
.loginfo{
  position: relative;
  display: block;
  padding: 15px 30px 15px 20px;
  border-bottom: 1px solid #8e8e8e;
  line-height: 170%;
  word-break: break-all;
}
.loginfo svg{
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.newsign {
  color: #d7162d;
  font-size: 11px;
  position: absolute;
  top: -3px;
  left: 12px;
  font-weight: bold;
}
.pagenavi{
  text-align: center;
  padding:30px 0 0;
}
ul.pagenavi_top, ul.pagenavi_under{
  text-align: center;
  background: #97615e;
  padding: 2px 0 4px 0;
  line-height: 150%;
}
ul.pagenavi_top{margin: 30px 0 0 0;}
ul.pagenavi_under{margin: 80px 0 70px 0;}
.pagenavi_top li, .pagenavi_under li{
  display: initial;
  color: #fff;
}
.pagenavi_top li a, .pagenavi_under li a{color: #fff;}
.linkseparator{padding: 0 5px;}
.icons{margin: 0 20px 0 0;}
.pagelinks_mokuzitop{text-align: center;}
.sitemapcover .categoryname.cat-memo {display: none;}

/*novel_contents
--------------------*/
/*タイトル*/
h2.title{
  text-align: center;
  font-size: 27px;
  letter-spacing: 4px;
  font-weight: 500;
  padding: 0 20px 30px;
}
.decorationQ{
  background: #ced6e1;
  padding: 20px 20px;
  border-radius: 8px;
}
.decorationQ::before{display: none;}
.nodata.nopost{
    margin: 100px 20px;
    min-height: 530px;
}
.post_contents{display: none;}
#contents{
  position: relative;/*目次ページへのリンクボタン*/
  max-width: 750px;
  margin: 0 auto;
  padding: 0 20px;
  word-break: break-all;
}
.mokuzi_link{/*目次ページへのリンクボタン*/
  position: absolute;
  bottom: -165px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  /*-webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);*/
  width: 100%;
  z-index: 1;
  letter-spacing: 1px;
}
.categoryname{
  text-align: right;
  padding: 10px 0;
}
.editlink{
  display: block;
  text-align: left;
}
.editlink_under{
  display: block;
  text-align: right;
}
.editlink a svg, .editlink_under a svg{
  vertical-align: middle;
  width: 20px;
  fill: #8e8e8e;
}
/*その他
--------------------*/
#pagination .icon{font-size: 12px;}
#pagination .icon a{
  padding: 2px 10px 5px;
  border-radius: 800px;
  background: #003686;
  color: #fff;
  line-height: 1;
}
#pagination .icon svg{
  width: 15px;
  vertical-align: middle;
  fill: #fff;
  padding: 0 0 1px 0;
}
rt{
  font-size: 12px;
  padding: 10px 0 0 0;
}
.embeddedimage{
  max-width: 100%;
  margin: 0 auto;
}
/*icon*/
.onelogbox a{
  text-decoration: none;
  color: #06f;
  transition:0.8s;
  font-weight: 500;
}
.onelogbox a:hover{opacity: 0.6;}
.onelogbox a:visited{color: #003686;}
.mokuzi_list{
  font-weight: 500;
  letter-spacing: 1px;
}
.mokuzi_list p{padding: 0 0 15px 0;}
.mokuzi_small{font-size: 14px;}


/* ダークモード
------------------------------------------------------------*/
html[theme="dark"] {
/*修正はここから*/
body{
  background: #1f1f1f;
  color: #c6c6c6;
}
.pagenavi_top ul{background: #3c3c3c;}
.pagenavi_under ul{background: #3c3c3c;}
.linkseparator{color: #c6c6c6;}
#pagetops a {background: #97615e;}
#pagetops a:hover {background: #97615e;}
#pagetops a:visited {background: #97615e;}
span.categoryname{color: #c6c6c6;}
textarea.tegalogpost{border: 2px #97615e solid;}
.postform{background: #2d2c2c;}
.mokuzi h3 span{background: #151515;}
.mokuzi h3::before{border-top: solid 1px #8a857a;}
.decorationQ{background: #4f4f4f;}
.categories {color: #97615e;}
.comment .categories span{color: #97615e;}
.comment .categories a{color: #97615e;}
.comment .categories a:visited{color: #97615e;}
.mokuzi_link a svg {fill: #97615e;}
.mokuzi_link a:visited svg {fill: #97615e;}
#novel_index .mainarea {background: #151515;}
#novel_index h5 {background: #151515;}
#novel_index .headlink a {background: #97615e;}
#novel_index .decorationM {
  color: #1f1f1f;
  padding: 0 8px;
  margin: 0 3px;
}
#novel_contents .pagenavi_top ul {background: #151515;}
#novel_contents .pagenavi_under ul {background: #151515;}
#novel_contents .pagenavi_top li a, .pagenavi_under li a{color: #c6c6c6;}
.readmorearea{color: #4bbfff;}
#novel_contents .decorationQ {background: #97615e;}
a.readmoreopen, a.readmorebutton {background: #97615e;}
footer .poweredby {background: #151515;}
/*ここまででお願いします*/
}

/*ページトップ
--------------------*/
footer{
  position: relative;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 500;
}
footer svg.copyright, .loginfo svg{
  fill: #8e8e8e;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
.topP, .topD{
  position: fixed;
  z-index: 2;
  cursor: pointer;
  width: 35px;
  height: 35px;
}
.topP{
  bottom: 46px;
  right: 0;
  border-radius: 0;
}
.topD{
  bottom: 10px;
  right: 0;
  border-radius: 0 0 0 6px;
}
#pagetops svg {
   fill: #fff;
}
#pagetops a {
  background: #97615e;
  display: inline;
}
#pagetops a:hover {
}
#pagetops a:visited {
  background: #97615e;
}
.pagenavi{
  text-align: center;
  padding: 0 0 50px 0;
}
.pagelinks_mokuzitop{
  text-align: center;
  padding: 10px 10px 40px;
  font-weight: bold;
}
#changeMode {
  position: fixed;
  z-index: 2;
  bottom: 82px;
  right: 0;
  cursor: pointer;
  width: 35px;
  height: 35px;
  border: 0;
  border-radius: 6px 0 0 0;
  text-align: center;
}
#changeMode svg{
  vertical-align: middle;
  width: 24px;
  height: 24px;
  padding: 5px;
}
a.readmorebutton{
  background: #4bbfff;
  padding:4px 6px 4px 10px;
  border-radius: 2px;
  text-decoration: none;
  color: #fff;
}
a.readmoreopen{
  background: #4bbfff;
  padding:4px 6px 4px 10px;
  border-radius: 2px;
  text-decoration: none;
  color: #fff;
}

.categories {
  display: block;
  text-align: right;
  font-weight: bold;
  width: auto;
  max-width: 800px;
  margin: 0 auto;
}
/*コピーライト*/
footer .poweredby {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  padding: 10px;
  background: #e0c8c5;
}
.poweredby a {
  color: #97615e;
}
.poweredby a:hover {
  text-decoration: underline;
}
.poweredby a svg{
  fill: #97615e;
  width: 15px;
  height: 15px;
  vertical-align: sub;
}
.sitemapcover .novel {
  display: none;
}