#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_4.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_4.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; margin:0 auto .7em; text-align:center; color:#9f71ac; line-height:100%; padding:0; width:90%;
font-family: farmhand, serif;
font-weight: 400;
font-style: normal;
}
.sidebdr {
width:100%;
margin:0 auto;
display: flex;
align-items: center;
}
.sidebdr:before,
.sidebdr:after {
border-top: 2px dotted;
content: "";
flex-grow: 1;
}
.sidebdr:before {
margin-right:3rem;
}
.sidebdr:after {
margin-left:3rem;
}

#story #bknm ul{margin:0 auto; display: flex; flex-flow: row wrap; width:95%;}
#story #bknm li{margin:0 0 .8em 1.2em; position:relative; width:205px; height:137px; border:4px dotted #fff; box-shadow:10px 10px 5px rgba(154,148,174,0.2);}
#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; transition:.5s; background-color:rgba(255,255,255,0.7);}
#story #bknm li a:hover{opacity:0.70;}
#story #bknm li span.enum {padding:2% 5% 0 2%; font-size:200%; position: absolute; bottom:0; right:0; z-index:1; letter-spacing:-.1em; background-color:rgba(255,255,255,0.8); line-height:110%; color:#9f71ac;}
#story #bknm li span.nmb{font-size:140%;
font-family: nueva-std, serif;
font-weight: 400;
font-style: italic;
}

#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{justify-content: center;}
#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 2%;}
#story #bknm h3{font-size:10vw; padding:0; margin:0 auto 5%;}
.sidebdr:before {
margin-right:3%;
}
.sidebdr:after {
margin-left:3%;
}
#story #bknm ul{margin:0 auto; width:95%;}
#story #bknm li{margin:0 1.5% 2% 3%; height:auto;
width: -webkit-calc(100% / 2 - 5%) ;
width: calc(100% / 2 - 5%);}
#story #bknm li a{height:0; padding:60% 0 0;}
#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;}
}