#mn_chart { 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(90%) saturate(0%); -webkit-filter: brightness(150%) opacity(90%) saturate(0%); -moz-filter: brightness(150%) opacity(90%) saturate(0%);}
#mn_chart:hover { cursor: default; pointer-events: none;}
#chart 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);}
#chart .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, 0.8);}
#chart .con_nkm0 .kkm table { margin: 0 auto;}
#chart .con_nkm0 .kkm table th { width: 45%; text-align: right; white-space: nowrap; letter-spacing: 0.1em; vertical-align: top;}
#chart .con_nkm0 .kkm table td { text-align: left; white-space: nowrap; vertical-align: top; box-sizing: border-box; width: 55%; font-size: 120%; color: rgba(0, 0, 0, 1.0); letter-spacing: 0.3em; padding-left: 10px;}
#chart .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, 1.0); padding-bottom: 5px; letter-spacing: 0.2em; padding: 12px 20px; line-height: 140%;}
#chart .con_nkm0 .kkm dd { padding: 0; text-align: center; line-height: 220%; font-size: 110%; letter-spacing: 0.2em; background: rgba(255, 255, 255, 1.0);}
#chart .con_nkm0 .kkm dd .basepset { width: 100%; height: 0; padding-top: 100%; position: relative;}
#chart .con_nkm0 .kkm dd .basepset .basep { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.pall_l { width: 30%; max-width: 216px;}
.pall_s { width: 20%; max-width: 144px;}
.pset { width: 100%; height: 0; padding-top: 100%;}
.psp { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 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; display: none;}
.psp .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.psp .cover a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; background: rgba(255, 255, 255, 0);}
.psp .cover a:hover { background: rgba(242, 194, 24, 0.2);}
#kokku { position: absolute; top: 24%; left: 35%;}
#nanase { position: absolute; top: 67.8%; left: 15%;}
#nekota { position: absolute; top: 67.8%; left: 65%;}
#tabe { position: absolute; top: 4%; left: 2.5%;}
#ichijo { position: absolute; top: 4%; left: 77.5%;}