#comic h1#ttl:not(span) {letter-spacing:.25em !important;}
#comic h1#ttl span {letter-spacing:0 !important;}
#comic h2{font-size:180%; text-align:center; position: relative; line-height:160%; font-weight: 600; font-feature-settings: "halt"; color:#de3f42;}
#comic h2 + p{font-size:150% !important; padding:.5em 0 0 !important; text-align:center; line-height:130% !important; font-weight:500 !important;}
#comic h3{font-size:200%; text-align:center; line-height:140%; font-weight: 600; color:#0061a8; padding:1em 0;}

#comic figure.comiccover{width:50%; margin:0 auto .5em;}
p.copyright{padding:0 !important; line-height:1; margin:0; text-align:center; font-size:85% !important;}

#comic .comment {padding:1em 1.4em 1em; margin:1.5em auto .5em; border:1px solid #de3f42; border-radius:20px;}
#comic .comment h4{color:#de3f42; text-align:center; font-weight:600; line-height:140%; font-size:140%; margin:0 0 .4em; border-bottom:1px dashed #de3f42; padding:0 0 .25em;}
#comic .comment p {padding:0 !important;}

@media all and (min-width: 768px) {
#comic ul#show li{width:280px; height:auto;}
#comic ul#show li:nth-child(2){margin:0 20px;}
#comic ul#show.ver2 li{margin:0 1%;
width: -webkit-calc(98% / 2 - 1%) ;
width: calc(98% / 2 - 1%);
}
#comic ul#show.ver4{width:90%; margin:1em auto 2.5em;}
#comic ul#show.ver4 li {width:40%; height:auto;}
#comic ul#show.ver4 li{margin:3% 2% 0 .5%;}
}

@media all and (max-width: 767px) {
#comic h2{font-size:4.5vw; line-height:150%; padding:2.5% 0 0;}
#comic h2 span.f120{font-size:4.3vw;}
#comic h2 + p{font-size:4.5vw !important;} 
#comic h3{font-size:6vw; margin:0 auto 2%; padding:4vw 0 3vw;}
#comic figure.comiccover{width:70%;}
p.copyright{margin:-.5% 0 0; font-size:3vw !important;}
#comic .comment { padding:4%; margin:3% auto 0; width:94%; padding:2.5% 5% 3%;}
#comic .comment h4{font-size:4.5vw; line-height:130%;}
#comic .comment p{font-size:3.45vw;}

#comic ul#show{width:95%; margin:2% auto 0;}
#comic 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%;
}
#comic ul#show.ver2 li{margin:1% 0;}
#comic ul#show.ver4{width:94%; margin:5% auto;}
#comic ul#show.ver4 li {width:45%;}
#comic ul#show.ver4 li{margin:2% 2% 0;}
/*#comic ul#show.ver4 li:nth-child(2),#comic ul#show.ver4 li:nth-child(5){margin:2% 2% .5%;}*/
}

/*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%;}