html{height:100%}

body{
background-color: #fff;
font-family: font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
font-size:62.5%;
height:100%;}

a:link{color : #1d2e4c; text-decoration:none;}
a:visited{color : #57315d;}
a:hover{text-decoration: underline; opacity: 0.7;}

* {box-sizing: border-box;}

#main_header{
    background-color:#fff;
    color:#3047a0;}

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

#main_navi{
    margin-left:auto;
    margin-right:auto;
width:100vw;
max-width:1000px;
    padding:0.5rem;
font-weight:bold; font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
font-size:1rem;}

.catch{
    width:85%;
    max-width:854px;
    margin-inline:auto;
    margin-top:1rem;}

.catch_gr{
    border-radius: 10px;}

h1{
font-size:1.5em;
text-align: center;}

.author{
    width:85%;
    max-width:900px;
    text-align:center;
    font-size:1.1rem;
    color:#444;
    margin-inline:auto;
    margin-bottom:2rem;
    padding-bottom:1rem;
    border-bottom:1px solid #bbb;}

.illust{
    text-align:center;
    font-size:0.9rem;
    color:#444;}


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_top{
width:85%;
max-width:600px;
margin-top:1rem;
margin-bottom:0.5rem;
}

h2{
font-size:1.7rem;
line-height:2.8rem;
text-align:center;
margin-top:3rem;}

div.novel_summary{
width:90%;
max-width:800px;
text-align: justify;
margin-inline:auto;
margin-bottom:2rem;
line-height:1.8rem;}

.table_of_contents{
width:85%;
max-width:800px;
flex-wrap: wrap;
font-size:1rem;
font-height:160%;
margin-inline:auto;
margin-bottom:2rem;}

div.table_of_contents li{
margin-bottom:1rem;
border-bottom:1px solid #ddd;
}

p.section_date{
    font-size:0.8rem;
    color:#999;}

p.section_name{
}

p.contents{
    font-weight: 700;
    color:#333;
    margin-bottom:1.5rem;
    padding-left:1rem;}

ruby.ecb_ruby rt{
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-size:0.6rem;
color:#444;}

div.author_info{
width:90%;
max-width:800px;
padding:1rem;
margin-inline:auto;
margin-bottom:2rem;
line-height:1.8rem;
background-color:#efefe7;}

span.author_name{
font-weight:800;}

div.author_info dd{
font-size:0.95rem;
line-height:160%;}

div#footer{
width:100%;
padding:10px 0px 10px;
background: #434e55;
font-size: 0.7rem;
color:#fff;
text-align: center;}


.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;}


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