h1#ttl span.hdl{letter-spacing:.8rem; padding:0 .6em .6em 0;}
#original h2{font-size:250%; text-align:center; width:100%; margin:0 auto .5em; position: relative; line-height:100%; font-weight: 600; color:#086200;}
#original h2 span{font-size:70%;}
#original h3{font-size:160%; text-align:center; line-height:140%; font-weight: 700; color:#1d9a12; margin:1em auto 0;}

#original #contents .inner p{line-height:160%;}
#original #contents .inner p span.onsale{font-size:180%; text-align:center; width:100%; display:inline-block; padding:.5em 0; font-weight: 600; color:#ff8f9f; line-height:140%;}

#original ul#show{width:98%; margin:0 auto .2em; display:flex; flex-flow: row wrap; align-items: center; justify-content: center;}
#original figure.novel{width:55%; margin:0 auto;}
p.copyright{padding:0 !important; line-height:1; margin:0; text-align:center; font-size:80% !important;}

#original .comment {padding:1.25em 1.4em 1em; margin:1.5em auto .5em; border:1px solid #fff; background: rgba(201,187,171,.15); border:1px solid rgba(8,98,0,.6);}
#original .comment h4{font-weight:600; line-height:140%; font-size:140%; color:#086200; margin:0 0 .25em;}
#original .comment p {padding:0 !important;}

@media all and (min-width: 768px) {
#original ul#show li{width:280px; height:auto;}
#original ul#show li:nth-child(2){margin:0 20px;}
#original ul#show.ver4 li {width:23%; height:auto;}
#original ul#show.ver4 li{margin:3% 1% 0 1%;}
}

@media all and (max-width: 767px) {
#original h2{font-size:5.8vw; width:98%;}
#original h3{font-size:5vw; line-height:140%; width:98%;}
#original #contents .inner h3 + p{padding:4%;}
p.copyright{margin:-.5% 0 0;}
#original #contents .inner p span.onsale{font-size:5.1vw; padding:1% 0 1.5%;}

#original ul#show{width:95%; margin:2% auto 0;}
#original ul#show li {/*margin:1.5%;
width:45%;
width: -webkit-calc(100% / 2 - 3%) ;
width: calc(100% / 2 - 3%);*/
width:100%;
margin:0 0 4%;
}
#original ul#show.ver4 li {width:23%;}
#original ul#show.ver4 li{margin:2% .8% .5%;}
/*#original ul#show.ver4 li:nth-child(2),#original ul#show.ver4 li:nth-child(5){margin:2% 2% .5%;}*/
#original figure.illust{width:90%; margin:0 auto;}

#original .comment { padding:3% 4%; margin:0 auto 3%; width:92%; background-size:50%;}
#original .comment h4{font-size:4.3vw;}
}


/*lazyload*/
.lazyload, .lazyloading { opacity: 0;}
.lazyloaded { opacity: 1; transition: all 1000ms;}

.nocontxt { user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-drag:none; -khtml-user-drag: none; -webkit-touch-callout: none; text-align:center;}
.nocontxt img { pointer-events: none;}
.prgimg100 { max-width: 100%;}
