#story h2{font-size:250%; text-align:center; width:500px; padding:.2em 0; margin:0 auto .5em; position: relative; color:#003686; border-left:1px solid #003686; border-right:1px solid #003686;}
#story #contents h2 span.oad{display:inline-block; font-size:160%;}
#story #contents h3{font-size:140%; color:#7d4189; text-align:center; font-weight: 600; line-height:180%; padding:1em 0;}
#story #trailer {width:800px; height:450px; background-size:cover; background-position: center center; background-repeat: no-repeat; margin:.5em auto 1em; overflow: hidden; z-index: 1;}
#story #trailer iframe {width:100%; height:450px;}
#story #contents .inner p{line-height:180%; font-family:"shippori-mincho","Times New Roman", "游明朝" , "Yu Mincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho ProN" , "HG明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho",serif;}
#story #contents .inner p a{color:#a68e20; font-weight:600;}
@media print {
#story #bknm li a:after {display:none !important;}
}

.sidebdr {
width:100%;
margin:0 auto;
display: flex;
align-items: center;
}
.sidebdr:before,
.sidebdr:after {
border-top: 2px solid;
content: "";
flex-grow: 1;
}
.sidebdr:before {
margin-right:3rem;
}
.sidebdr:after {
margin-left:3rem;
}

#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 h2{font-size:6vw; width:75%; margin:2% auto 2%;}
#story #contents h3{font-size:4vw;}
#story #trailer {width:92%; position: relative; padding:51.75% 0 0; height: 0; overflow: hidden; height:auto; margin:0 auto;}
#story #trailer iframe{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

.sidebdr:before {
margin-right:3%;
}
.sidebdr:after {
margin-left:3%;
}

#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;}
}