/*	navi
============================== */
#chart_mn #mn_chart .mn a { background-image: url(../../img/mn_s/chart0.png); cursor: default; pointer-events: none;}
/*for_W768-*/
@media all and (min-width: 768px) { 
#chart_mn #mn_chart .mn a { background-image: url(../../img/mn/chart0.png);}
}

/*	contents
============================== */
.unit h2 { width: 70%; max-width: 500px; margin: 0 auto .75em auto;}
.unit h2 .img { display: block; width: 100%; height: 0; padding-top: 30.86419753%; padding-top: -webkit-calc(200 / 648 * 100%); padding-top: calc(200 / 648 * 100%); background-repeat: no-repeat; background-size: contain;}
.nkm { padding: 1em 0; margin-top: 1em;}
.nkm:first-of-type { margin-top: 0;}

/*chart*/
#chart_all { width: 94%; margin: 0 auto;}
#chart_sp0pre { width: 100%; height: 0; padding-top: 139.04338154%; padding-top: -webkit-calc(2500 / 1798 * 100%); padding-top: calc(2500 / 1798 * 100%); background-repeat: no-repeat; background-size: contain; position: relative;}
.img_l { width: 27.97552836%; position: absolute;}
.img_m { width: 23.74860957%; position: absolute;}
.img_s { width: 19.57730812%; position: absolute;}
.chara_sp { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.chara_sp a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.img_l .chara_sp { width: 100%; height: 0; padding-top: 115.50695825%; padding-top: -webkit-calc(581 / 503 * 100%); padding-top: calc(581 / 503 * 100%);}
.img_m .chara_sp { width: 100%; height: 0; padding-top: 107.96252927%; padding-top: -webkit-calc(461 / 427 * 100%); padding-top: calc(461 / 427 * 100%);}
.img_s .chara_sp { width: 100%; height: 0; padding-top: 115.34090909%; padding-top: -webkit-calc(406 / 352 * 100%); padding-top: calc(406 / 352 * 100%);}

#kaoru { top: 1.5688%; top: -webkit-calc(39.22 / 2500 * 100%); top: calc(39.22 / 2500 * 100%); left: 1.78476085%; left: -webkit-calc(32.09 / 1798 * 100%); left: calc(32.09 / 1798 * 100%);}
#mamie { top: 1.5688%; top: -webkit-calc(39.22 / 2500 * 100%); top: calc(39.22 / 2500 * 100%); left: 67.57508343%; left: -webkit-calc(1215 / 1798 * 100%); left: calc(1215 / 1798 * 100%);}
#ryoma { top: 27.2376%; top: -webkit-calc(680.94 / 2500 * 100%); top: calc(680.94 / 2500 * 100%); left: 58.00723026%; left: -webkit-calc(1042.97 / 1798 * 100%); left: calc(1042.97 / 1798 * 100%);}
#tomoya { top: 27.2376%; top: -webkit-calc(680.94 / 2500 * 100%); top: calc(680.94 / 2500 * 100%); left: 19.08731924%; left: -webkit-calc(343.19 / 1798 * 100%); left: calc(343.19 / 1798 * 100%);}
#reika { top: 51.9424%; top: -webkit-calc(1298.56 / 2500 * 100%); top: calc(1298.56 / 2500 * 100%); left: 42.3403782%; left: -webkit-calc(761.28 / 1798 * 100%); left: calc(761.28 / 1798 * 100%);}
#iroha { top: 7.5224%; top: -webkit-calc(188.06 / 2500 * 100%); top: calc(188.06 / 2500 * 100%); left: 36.48998888%; left: -webkit-calc(656.09 / 1798 * 100%); left: calc(656.09 / 1798 * 100%);}
#nazootoko { top: 72.7624%; top: -webkit-calc(1819.06 / 2500 * 100%); top: calc(1819.06 / 2500 * 100%); left: 21.02169077%; left: -webkit-calc(377.97 / 1798 * 100%); left: calc(377.97 / 1798 * 100%);}
#sayuri { top: 72.7624%; top: -webkit-calc(1819.06 / 2500 * 100%); top: calc(1819.06 / 2500 * 100%); left: 59.44438265%; left: -webkit-calc(1068.81 / 1798 * 100%); left: calc(1068.81 / 1798 * 100%);}
#miu { top: 52.7988%; top: -webkit-calc(1319.97 / 2500 * 100%); top: calc(1319.97 / 2500 * 100%); left: 17.60122358%; left: -webkit-calc(316.47 / 1798 * 100%); left: calc(316.47 / 1798 * 100%);}
#shiori { top: 52.7988%; top: -webkit-calc(1319.97 / 2500 * 100%); top: calc(1319.97 / 2500 * 100%); left: 70.79755284%; left: -webkit-calc(1272.94 / 1798 * 100%); left: calc(1272.94 / 1798 * 100%);}