#comic h1 span{font-size:3.2rem;
font-family: "zen-kaku-gothic-new", sans-serif;
font-weight: 700;
font-style: normal;
display:inline-block;
line-height:100%;
vertical-align: middle;
padding:.25em 0 0;}
#comic .slash{height:38px; z-index:1; display:inline-block; vertical-align: middle; padding:.05em .05em 0 .05em;}
#comic h2{font-size:170%; text-align:center; width:100%; margin:0 auto; position: relative; line-height:140%; font-weight: 600; padding:0 0 1em; font-feature-settings: "halt";}
#comic h3{font-size:150%; text-align:center; line-height:140%; font-weight: 600; color:#45bdd3; margin:1.5em auto;}

#comic #contents .inner p{line-height:160%;}
#comic #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%;}

#comic figure.logo{width:50%; margin:0 auto 2em;}

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

#comic .comment {padding:1em 1.4em 1em; margin:1.5em auto .5em; border:1px solid #000; background-color:#dae8fd; border-radius:14px;}
#comic .comment h4{text-align:center; font-weight:600; line-height:140%; font-size:140%; margin:0 0 .4em; border-bottom:1px solid #000; 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.1vw; line-height:150%; padding:0;}
#comic h2 span.f160{font-size:7vw;}
#comic figure.logo{width:65%; margin:6% auto 2.5%;}
#comic h3{font-size:3.9vw; margin:4% auto 6%;}
#comic #contents .inner h3 + p{padding:4%;}
p.copyright{margin:-.5% 0 0;}
#comic #contents .inner p span.onsale{font-size:5.1vw; padding:1% 0 1.5%;}

#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%;}*/
#comic figure.illust{width:90%; margin:0 auto;}

#comic .comment { padding:4%; margin:3% auto 3%; width:94%; padding:2.5% 5% 3%;}
#comic .comment h4{font-size:4.5vw;}
#comic .comment p{font-size:3.45vw;}
}


nav.yt-playlist-btn ul {
	border:none;
	background:none;
    padding:1em 0;
}
div.mov-inner {
	background-color:#dae8fd;
	border:none;
}
@media all and (max-width: 767px) {
nav.yt-playlist-btn ul {
    width:80%;
    margin:0 auto;
    padding:2.5% 0;
}
}

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