html{height:100%}

body{
background-color: #eee;
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-size:62.5%;
height:100%;}

a:link{color : #1d2e4c; text-decoration:none;font-weight:bold; font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;}
a:visited{color : #57315d;}
a:hover{text-decoration:underline; opacity: 0.7;}

* {box-sizing: border-box;}

#main_header_honbun{
    background-color:#fff;
    color:#3047a0;
    text-align: center;
    padding:0.5rem 0rem 0rem;
font-weight:bold; font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
font-size:1rem;}

#main_content{
    width:100vw;
max-width:800px;
min-height:100%;
background-color:#fff;
margin: auto;
height:auto;
color:#333;
font-size:1rem;
padding:0;}

h1{
font-size:1.5em;
padding:0.5em;
margin-bottom:0.5em;
text-align: center;}

div.back_to_title_top{
border-bottom:1px solid #999;
font-size:0.8rem;
padding:0.5rem 0 0;
font-weight:400;}

img.gr_title{
width:90%;
max-width:600px;
margin-top:1.5rem;
margin-bottom:1rem;
}

h2{
width:80%;
max-width:700px;
font-size:1.7rem;
line-height:2.8rem;
text-align:center;
margin-inline:auto;
margin-top:3rem;
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;}


div.novel_chapter{
max-width:800px;
min-height:100%;}

div.novel_honbun{
padding:2rem 3rem;
font-size:1.15rem;
line-height:2.5rem;
text-align: justify;
margin:2rem 0;}

div.novel_honbun_gothic{
font-size:1.15rem;
font-weight:300;
line-height:2.5rem;
text-align: justify;
font-family: "M PLUS 1p", sans-serif;}

ruby.ecb_ruby rt{
font-size:0.6rem;
color:#444;}

span.emphasis01 {
  text-emphasis: sesame #666;
  -webkit-text-emphasis: sesame #666;
}

p.fin{
text-align:right;
font-weight:600;}

.page_navi{
width:100%;
text-align:center;
font-size:1rem;
background-color: #dde6e6;
color:#999;
padding:0.5rem 0;
margin:0rem;
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;}


div#footer{
width:100%;
padding:10px 0px 10px;
background: #434e55;
font-size: 0.7em;
color:#fff;
text-align: center;
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;}



@media screen and (max-width: 480px) {
div.items{
    flex-basis: 45%;
    text-align: center;
    margin:0.5em;}
}