@media screen and (max-width:600px){.sp{display:none;}}
body{background-color:#eeeeee;font-family:sans-serif;}
a:link{color:#002080;}
a:visited{color:#804020;}
p{margin:0;}
p.note2r{color:#800000;font-size:small;line-height:120%;margin:0;}
p.note2b{color:#000080;font-size:small;line-height:120%;margin:0;}
div.wrapper{margin:0 auto 3em;}
nav.topicpath{width:100%;margin:0;}
nav.topicpath ul{padding-left:0.5em;}
nav.topicpath li{display:inline;font-size:small;}
nav.topicpath li:not(:last-child):after{font-size:x-small;color:#808080;content:"\025b6";padding:0.5em;}
ul.buttons{margin:0;padding:0;list-style-type:none;text-align:center;}
ul.buttons li:not(:last-child){margin-bottom:4px;}
a.button{display:block;padding:8px;border:solid 1px;border-radius:5px;text-decoration:none;}
a.button:hover{text-decoration:underline;}
nav.footer-navi{margin:48px 0;}
nav.footer-navi ul{padding:0;display:flex;list-style-type:none;justify-content:center;text-align:center;}
nav.footer-navi li.prev{width:8em;margin:0 8px;}
nav.footer-navi li.back{width:5em;margin:0 8px;}
nav.footer-navi li.next{width:8em;margin:0 8px;}
nav.footer-navi li.post{width:8em;margin:0 8px;}
nav.footer-navi li.comic-list{width:9em;margin:0 8px;}
nav.footer-navi li.gift{width:9em;margin:0 8px;}
hr{border-top:1px dotted #b0b0b0;}

img.top{display:block;max-width:100%;height:auto;margin:0;}
h1{margin:8px 0;font-size:large;padding:0.5em 0.8em;background-color:#fafafa;border-radius:5px;}
div.menu{display:flex;}
div.main-contents{flex-grow:1;order:0;min-width:6em;max-width:8em;}
div.description{flex-grow:1;order:1;padding-left:16px;margin-right:0;}
div.summary{background-color:#fafafa;border-radius:5px;margin:0;padding:0.8em;}
p.additional-note{color:#000080;font-size:small;line-height:120%;margin:4em 0 0;}
p.timestamp{color:#800000;font-size:small;line-height:120%;margin:0;text-align:right;}
div.summary hr{margin-top:1.5em;}
div.sub-contents{margin:8px 0 0 auto;max-width:10em;}

h2{margin:8px 0;font-size:large;padding:0.5em 0.8em;background-color:#fafafa;border-radius:5px;text-align:center;}
h3{margin:0;}
div.pages img{display:block;max-width:100%;height:auto;margin:8px auto 32px;}
div.pages p{text-align:center;margin:0 0 3em;}
div.frame{display:inline-block;background-color:#fafafa;border-radius:5px;padding:0.5em 1em;}
div.frame p{padding:0.5em;}
div.illustrations img{display:block;max-width:100%;height:auto;margin:8px auto;}
div.illustrations p{text-align:center;margin:0 0 3em;}
footer.logo{text-align:center;}