#nav #mn_chart .mn a { cursor: default; pointer-events: none;}
#nav #mn_chart .mnt { -webkit-filter: invert(28%) sepia(100%) hue-rotate(-340deg) saturate(3); filter: invert(28%) sepia(100%) hue-rotate(-340deg) saturate(3);}

/*chart*/
#chart_info { font-size: 90%; letter-spacing: .1em; text-align: center; padding-bottom: 1em; text-shadow: 2px 2px 4px rgba(44, 51, 146, .2); -moz-text-shadow: 2px 2px 4px rgba(44, 51, 146, .2); -webkit-text-shadow: 2px 2px 4px rgba(44, 51, 146, .2);}
.con_sp .bg_white0.nbg { background: rgba(255, 255, 255, 0); padding: 0; margin-bottom: 1em;}
.chart_info { font-size: 90%; letter-spacing: .05em; text-align: center; padding: 1.2em 0; position: relative; z-index: 10000;}
.chart_p { width: 100%;}
.chart_img { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; border-radius: 30px 0 30px 0; -o-border-radius: 30px 0 30px 0; -ms-border-radius: 30px 0 30px 0; -webkit-border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0;}
.chart_p dt, .chart_p dd a span { display: none;}
.chart_p dd a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block;}
.chart_p dd .c1 a:hover { background-color: rgba(226, 36, 3, .2);}
.chart_p dd .c2 a:hover { background-color: rgba(52, 149, 255, .2);}
.chart_p dd .c3 a:hover { background-color: rgba(254, 237, 9, .2);}
.chart_p dd .c4 a:hover { background-color: rgba(27, 123, 63, .2);}

.p_l { width: 19.5%; height: 0; padding-top: 24.375%; padding-top: -webkit-calc(390 / 312 * 19.5%); padding-top: calc(390 / 312 * 19.5%);}
.p_m { width: 15.625%; height: 0; padding-top: 19.5%; padding-top: -webkit-calc(312 / 250 * 15.625%); padding-top: calc(312 / 250 * 15.625%);}
.p_s { width: 13%; height: 0; padding-top: 16.25%; padding-top: -webkit-calc(260 / 208 * 13%); padding-top: calc(260 / 208 * 13%);}

.face { position: absolute;}

#ayako { top: 29%; left: 29.5625%;}
#haruto { top: 29%; left: 66.8125%;}
#juri { top: 68.125%; left: 59%;}
#yoshitaka { top: 71.375%; left: 80.125%;}
#mitsuo { top: 33.875%; left: 5.5%;}
#hideo { top: 58.9375%; left: 31.5%;}
#kentaro { top: 62.125%; left: 7%;}
#kohei { top: 80.5625%; left: 5.5%;}
#shogo { top: 80.5625%; left: 20.8125%;}
#hiroaki { top: 80.5625%; left: 36.125%;}
#riku { top: 2.75%; left: 31.5%;}
#kazuo { top: 6.0625%; left: 9.8125%;}

#juri { top: 61.25%; left: 59%;}
#yoshitaka { top: 64.5%; left: 80.125%;}
/*3*/
#yuna { top: 6.6875%; left: 59.1875%;}
#mitsuru { top: 3.25%; left: 81.6875%;}
/*2
#yuna { top: 6.6%; left: 63.6%;}*/