#mn_story { box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px 2px; filter: brightness(150%) opacity(100%) saturate(0%); -webkit-filter: brightness(150%) opacity(100%) saturate(0%); -moz-filter: brightness(150%) opacity(100%) saturate(0%);}
#mn_story:hover { cursor: default; pointer-events: none;}
#story h1:before { position: absolute; top: -15px; left: 0; display: block; content: ''; width: 50%; max-width: 380px; height: 0; padding-top: 10.526315789474%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/sub.png);}
.spot { width: 90%; max-width: 480px; margin: 15px auto 20px auto;}
.spot .spotsp { width: 100%; height: 0; padding: 2px 0 56.25%; position: relative;}
.spot .spotphoto { width: 100%; height: 0; padding: 2px 0 56.25%; position: absolote; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.spot .spotsp .spotnojs { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 1.0);}
.spot .spotsp .spotnojs .spotnojstxt { width: 100%; text-align: center; color: rgba(0, 0, 0, 1.0); letter-spacing: 0.1em; position: absolute; top: 42%; left: 0;}

#story #sphotosp { width: 100%; max-width: 700px; margin: 0 auto;}
#story #sphotosp:before, #story #sphotosp:after { content: ""; display: table;}
#story #sphotosp:after { clear: both;}
#story #sphotosp .sphotoall { box-sizing: border-box; width: 90%; max-width: 300px; margin: 5px auto 10px auto;}
#story #sphotosp .sphotoall .sphotosp { width: 100%; height: 0; padding-top: 66.6666666666666667%; position: relative;}
#story #sphotosp .sphotoall .sphotosp .sphoto { width: 100%; height: 0; padding-top: 66.6666666666666667%; position: absolute; top: 0; left: 0; border: 2px solid rgba(255, 255, 255, 1.0); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}

#story .udl { border-bottom: 2px dotted rgba(255, 255, 255, 0.6); padding-bottom: 30px;}
#story h2 { text-align: center;}
#story .con_nkm0 { border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;}
#story .con_nkm1 { border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px;}
#story .con_nkm0:not(:last-child), #story .con_nkm1:not(:last-child) { background: rgba(255, 255, 255, 1.0); color: rgba(0, 0, 0, 1.0); padding: 15px 20px; margin: 10px auto;}
#story .con_nkm0 a:link, #story .con_nkm0 a:visited { color: rgba(220, 61, 80, 1.0);}
#story .con_nkm0 a:hover { color: rgba(255, 234, 0, 1.0);}
#story .con_nkm0 #archivesp:before, #story .con_nkm0 #archivesp:after { content: ""; display: table;}
#story .con_nkm0 #archivesp:after { clear: both;}
#story .con_nkm0 #archivesp { width: 100%;}
#story .con_nkm0 #archivesp li { box-sizing: border-box; width: 18%; margin: 5px 2% 5px 0; float: left; position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#story .con_nkm0 #archivesp li .acvpsp { width: 100%; height: 0; padding-top: 100%; position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#story .con_nkm0 #archivesp li .acvpsp span { width: 100%; height: 50%; text-align: center; margin: auto; text-align: center; display: block; position: absolute; top: 0; bottom: 0; left: 0; font-size: 150%; font-weight: bold;}
#story .con_nkm0 #archivesp li .acvpsp a { box-sizing: border-box; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 1.0); color: rgba(0, 0, 0, 1.0); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#story .con_nkm0 #archivesp li .acvpsp a:hover { background: rgba(255, 234, 0, 1.0); color: rgba(220, 61, 80, 1.0); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#story .con_nkm0 #archivesp .lnkoff .acvpsp a { box-sizing: border-box; background: rgba(50, 50, 50, 1.0); cursor: default; pointer-events: none; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; color: rgba(100, 100, 100, 1.0);}

/*for_W480-*/
@media screen and (min-width: 480px) {
#story .con_nkm0 #archivesp li { width: 8%; margin: 5px 2% 5px 0;}
}

/*for_W680-*/
@media screen and (min-width: 680px) {
#story #sphotosp .sphotoall { width: 45%; float: left; margin: 5px 0 15px 3%;}
#story .con_nkm0:not(:last-child) { padding: 25px 30px;}
}

/*for_W980-*/
@media screen and (min-width: 980px) {
#story #sphotosp .sphotoall { width: 45%; float: left; margin: 5px 0 10px 4%;}
}