#con .mn_report a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../../img/mn_report_con.png); filter: opacity(70%); -webkit-filter: opacity(70%); -moz-filter: opacity(70%); -ms-filter: opacity(90%);}
#con .mn_report a:hover { cursor: default; pointer-events: none;}
#report h1:before { position: absolute; top: -15px; left: 0; display: block; content: ''; width: 80%; 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);}
#report h2 { text-align: center; font-weight: bold;}
#report .con_nkm0 #archivesp:before, #report .con_nkm0 #archivesp:after { content: ""; display: table;}
#report .con_nkm0 #archivesp:after { clear: both;}
#report .con_nkm0 #archivesp li { box-sizing: border-box; width: 49%; height: 45px; margin: 2px 0.5%; border: 1px solid rgba(255, 255, 255, 0.8); float: left; text-align: center; position: relative;}
#report .con_nkm0 #archivesp li .lnkt { width: 100%; display: block; position: absolute; top: 25%; left: 0; text-align: center;}
#report .con_nkm0 #archivesp li a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 234, 0, 0);}
#report .con_nkm0 #archivesp li a:hover { background: rgba(255, 234, 0, 0.2);}

#report .con_nkm0 .kkm { box-sizing: border-box; width: 100%; margin: 10px 0; border: 1px solid rgba(255, 255, 255, 0.3); color: rgba(0, 0, 0, 1.0);}
#report .con_nkm0 .kkm dt { background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px, linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px, linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px, linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px, linear-gradient(90deg, #1b1b1b 10px, transparent 10px), linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424); background-color: #131313; background-size: 20px 20px; color: rgba(255, 255, 255, 0.9); padding-bottom: 5px; letter-spacing: 0.2em; padding: 10px 20px;}
#report .con_nkm0 .kkm dd { padding: 15px; background: rgba(255, 255, 255, 1.0);}

.imgally { width: 100%; max-width: 480px; margin: 20px auto;}
.imgally .imgsp { width: 100%; height: 0; padding-top: 66.6666666666666667%; position: relative;}
.imgally .imgsp .imgp { width: 100%; height: 0; padding-top: 66.6666666666666667%; position: absolute; top: 0; left: 0; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 2px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}

.imgallt { width: 100%; max-width: 320px; margin: 20px auto;}
.imgallt .imgsp { width: 100%; height: 0; padding-top: 150%; position: relative;}
.imgallt .imgsp .imgp { width: 100%; height: 0; padding-top: 150%; position: absolute; top: 0; left: 0; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 2px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}

.imgallc { width: 100%; max-width: 360px; margin: 20px auto;}
.imgallc .imgsp { width: 100%; height: 0; padding-top: 100%; position: relative;}
.imgallc .imgsp .imgp { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 2px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}

.backnextsp { box-sizing: border-box; width: 100%;}
.backnextsp:before, #report .backnextsp:after { content: ""; display: table;}
.backnextsp:after { clear: both;}
.backnextsp .back, .backnextsp .next { width: 50%; float: left; box-sizing: border-box; color: rgba(200, 200, 200, 0.4); font-size: 160%; padding: 10px 0 20px 0; text-align: center;}
.backnextsp .back a, .backnextsp .next a { width: 100%; height: 100%; display: block;}

/*for_W640-*/
@media screen and (min-width: 640px) {
#report h1:before { width: 50%;}
#report .con_nkm0 { padding-top: 55px;}
#report .con_nkm0 #archivesp li { width: 32.2%;}
#report .con_nkm0 .kkm dd { padding: 30px;}
}