#story #contents .ep1,#story #bknm li.bk1 a{background-image:url(./img/ep1/ep1.jpg);}
#story #contents .ep2,#story #bknm li.bk2 a{background-image:url(./img/ep2/ep2.jpg);}
#story #contents .ep3,#story #bknm li.bk3 a{background-image:url(./img/ep3/ep3.jpg);}
#story #contents .ep4,#story #bknm li.bk4 a{background-image:url(./img/ep4/ep4.jpg);}
#story #contents .ep5,#story #bknm li.bk5 a{background-image:url(./img/ep5/ep5.jpg);}
#story #contents .ep6,#story #bknm li.bk6 a{background-image:url(./img/ep6/ep6.jpg);}
#story #contents .ep7,#story #bknm li.bk7 a{background-image:url(./img/ep7/ep7.jpg);}
#story #contents .ep8,#story #bknm li.bk8 a{background-image:url(./img/ep8/ep8.jpg);}
#story #contents .ep9,#story #bknm li.bk9 a{background-image:url(./img/ep9/ep9.jpg);}
#story #contents .ep10,#story #bknm li.bk10 a{background-image:url(./img/ep10/ep10.jpg);}

#story #bknm{width:100%; margin:3em auto .5em;}
#story #bknm h3{letter-spacing:.05em; font-size:350%; position:relative; padding:0 0 0 4%; margin:4% 0 0;}
#story #bknm h3::first-letter{color:#e95589;}
#story #bknm ul{margin:.6em auto 0; display: flex; flex-flow: row wrap; width:95%;}
#story #bknm li{margin:.5em 0 .8em 1.5em; position:relative; width:205px; height:137px; border-radius:14px;}
#story #bknm li a::before { 
  content:'';
  width:100%;
  height:100%;
  position: absolute;
  top:-4%;
  left:-3%;
  z-index:1;
  border:1px dashed #f3568d;
  border-radius:14px;
  transition:.3s;
}

#story #bknm li a{display:block; width:100%; height:100%; text-align:center; position:relative; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius:14px; transition:.5s; background-color:rgba(255,255,25,0.7);}
#story #bknm li a:hover{opacity:0.70;}
#story #bknm li a:hover::before{border:1px dashed #000;}
#story #bknm li span.enum {padding:1% 4% 0 3%; font-size:200%; position: absolute; bottom:-2%; right:2%; z-index:1; color:#fff; letter-spacing:-.1em; background-color:rgba(250,89,146,0.8); line-height:130%;
border-radius:61% 39% 72% 28% / 36% 71% 29% 64%; }
#story #bknm li span.nmb{font-size:140%;
font-family: balloon-urw, sans-serif;
font-weight: 700;
font-style: normal;}

#story ul#show{width:100%; margin:1.5em auto 1em; display:flex; flex-flow: row wrap; align-items: center;}
/*#story ul#show li{background:#eee;}*/
#story ul#show li span {background-size: cover; background-repeat: no-repeat; background-position: center top; width:100%; height:0; padding:66.5% 0 0;}
#story ul#show li span.lazy {position:relative; display:block;}

.lbg-pics{background-color:none !important; box-shadow:none !important;}

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

@media all and (max-width: 767px) {
#story #bknm{margin:7% auto 0;}
#story #bknm h3{font-size:10vw; margin:0;}

#story #bknm ul{margin:1.5% auto 0; width:95%;}
#story #bknm li{margin:2% 1.5% 2% 3%; height:auto; border-radius:10px;
width: -webkit-calc(100% / 2 - 5%) ;
width: calc(100% / 2 - 5%);}
#story #bknm li a{height:0; padding:60% 0 0; border-radius:10px;}
#story #bknm li a::before { border-radius:10px;}
#story #bknm li img{position:absolute; top:0; left:0; width:100%; height:100%;}
#story #bknm li span.enum{font-size:6vw;}

#story ul#show{width:90%; margin:4% auto;}
#story 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%;
}
#story ul#show li:last-child{margin:0 !important;}
}