body{
background-color:#fefefe;
color: #1a1a1a;
font-size:100%
justify-content: center;
align-items: center;
letter-spacing: 1px;
}

/* ガイドリンク　全体 */
ul.guidelink{ 
position: relative;
margin: 0.5em auto;
padding: 0;
display: list-item;
color: #98d98e;
text-align: right;
line-height: 1.3;
z-index:50; /* 重なり順 */
list-style-type: none;
}

/* ガイドリンク下部のグラデ―ションライン */
ul.guidelink::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  margin: 0 -1.8em;
  padding:0 1.8em;
  text-align: right;
  background-image: -webkit-linear-gradient(left, transparent, #fefefe 0%, #fefefe 40%, #98d98e 75%, #98d98e 100%, transparent);
  background-position: center;
  background-repeat: no-repeat;
}

/* ガイドリンク　各項目設定 */
ul.guidelink li{ 
font-size:80％;
text-align:right;
display: inline-block;
padding:0;
list-style-type: none;
}

ul.guidelink li::after{ 
content: "〈";
 padding-right: 0.5em;
}
ul.guidelink li:last-child::after{
content: "";
}/* 小説　タイトルスタイル部分 */
.novhdbk{
position: fixed;
display:table;
width:100%;
margin-left:-8px;
background-color:#fefefe;
top:0;
text-align:center;
z-index:14;
}

.novhd{
position: relative ;
max-width:44em;
display:block;
padding: 0.5em 1.8em 0;
margin:1.5em auto 0;
top:0;
line-height: 1.8;
letter-spacing: 1px;
border-top: solid 5px #98d98e;
border-right: solid 5px #98d98e;
border-left: solid 5px #98d98e;
border-bottom:none;
border-radius: 3px 3px 0px 0px/ 3px 3px 0px 0px; /*左上・右上・右下・左下*/
z-index:16;
}

.novhd::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: 0;
  text-align: left;
  background-image: -webkit-linear-gradient(left, transparent, #98d98e 0%, #98d98e 40%, #fefefe 75%, #fefefe 100%, transparent);
  background-position: center;
  background-repeat: no-repeat;
  z-index:15;}

/* 小説タイトル　全体 */
.nvtitall{ 
position:relative;
display:block;
padding: 0em 1.3em 0em ;
text-align:left;
z-index:31;
}

/* 小説タイトル　タイトル本文(主題・副題両方適用可) */
.nvtitle{ 
position:relative;
display: inline-block;
line-height:1;
border:none;
text-shadow: 2px 2px 4px #fefefe;
font-family:"Hannari",serif;
margin: 0.5em 0 0;
z-index:32;
}

.lefter{
min-width:10%;
float:right;
}

form select{
font-size:90%;
margin :0px 2px 0;
padding : 2px 6px 3px;
}/* 話名・sub、ページ見出しのヘッダー固定用 */
.novelsub{
background-color: #FEFEFE; /* 背景色 */
max-width:44em;
position: relative;
border-right: solid 5px #98d98e;
border-left: solid 5px #98d98e;
padding: 0.1em 1.8em 0.1em;
margin:0;
text-align:left;
line-height: 1.6;
text-align:left;
font-family:"Hannari",serif;
z-index:18;
}
.novelsub::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  margin: 0 ;
  padding:0 ;
  text-align: right;
  background-image: -webkit-linear-gradient(right, transparent, #fefefe 40%, #f0f6ff 100%, transparent);
  background-position: center;
  background-repeat: no-repeat;
}

/*本文用*/
.noveltxt{
background-color: #FEFEFE; /* 背景色 */
width:80%;
max-width:44em;
position: relative;
border-right: solid 5px #98d98e;
border-left: solid 5px #98d98e;
padding: 0.5em 1.8em 1em;
margin:0;
text-align:left;
line-height: 1.8;
text-align:left;
z-index:10;
}

/* 紹介セリフ部分 */
.nvcopy{ 
display:block;
margin:1em 0 1em ;
font-size:110%;
line-height:1.2;
z-index:11;
}.novft{
width:80%;
max-width:44em;
color:#1a1a1a;
position: relative;
padding: 0 1.8em 0em;
margin:0em 0 2em;
font-size:100%;
text-align:center;
line-height: 1.8;
border-right: solid 5px #98d98e;
border-left: solid 5px #98d98e;
border-bottom: solid 5px #98d98e;
border-radius: 0px 0px 3px 3px/ 0px 0px 3px 3px;
z-index:11;
}

.novft::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: 0;
  text-align: left;
  background-image: -webkit-linear-gradient(left, transparent, #fefefe 0%, #fefefe 40%, #98d98e 75%, #98d98e 100%, transparent);
  background-position: center;
  background-repeat: no-repeat;
  z-index:10;}

.nvcr{ 
position:relative;
display:inline-block;
text-align:center;
font-size:80%;
z-index:13;
}/* 作品情報 全体 */
details.nvinfo {
  font: 100% "Open Sans", "Arial", sans-serif;
  width: auto;
z-index:11;
}

/* 作品情報 見出し */
details.nvinfo > summary {
  padding: 0.3em 0.5em 0;
  margin:0 0.4em;
  width: 6em;
  background-color: #fff;
  border:1px solid #98d98e;
  border-left:15px solid #98d98e;
  box-shadow: 3px 3px 5px #527faf;
}

/* 作品情報 折り畳み本文 */
details.nvinfo > p {
  border:1px solid #98d98e;
  border-radius: 0 10px 10px 10px;
  background-color: #fefefe;
  padding: 0.5em 0.5em;
  margin:0 1em;
  box-shadow: 3px 3px 4px #527faf;
  font-size:90%;
}

/* 番外編情報 全体 */
details.finfo {
  font-size:90%;
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 0.5em 0.5em 0.4em;
  margin:0 0 1em;
}

/* 番外編情報 見出し */
details.finfo > summary {
    font-weight: bold;
    margin: 0em;
    padding: 0;
}

details.finfo[open] {
    padding: .5em .5em 0;
}

/* 番外編情報 折り畳み本文 */
details.finfo[open] summary {
    border-bottom: 1px solid #aaa;
    margin-bottom: .5em;
    line-height:1.6;
}

/* 各ページ更新履歴 */
.textinfo{
min-width:60%;
width:auto;
float: left;
text-align:left;
color:#666;
font-size:80%;
}

/* 注釈文 */
p.anno{
font-size:80%;
line-height: 1.8;
}/* 区切り線 */
hr{
width:90%;
height: 3px;
background-image: -webkit-linear-gradient(left, transparent, #fefefe 0%, #98d98e  25%, #98d98e 75%, #fefefe 100%, transparent);
border:none;
}

/*ルビ*/
rt{font-size:0.5em;}
/*傍点*/
span.ten{
-webkit-text-emphasis-style: filled;
-moz-text-emphasis-style: filled;
-ms-text-emphasis-style: filled;
}

p.info{
  content: "関連短編・番外編";
  margin:0.5em 0 ;
  padding: 0.5em 0.5em;
  border-radius: 3px/ 3px; /*左上・右上・右下・左下*/
  font-size:90%;
}a{text-decoration: none;}

a:link{text-decoration: none;
  color: #6c9bd2;
}
a:active{text-decoration: none;
  color: #37a34a;
}
a:visited{text-decoration: none;
  color: #009854;
}
a:hover{
  text-decoration: none;
  color: #47266e;
}