#cmn_chart { filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; filter: opacity(60%) saturate(30%); -webkit-filter: opacity(60%) saturate(30%); -moz-filter: opacity(60%) saturate(30%); -o-filter: opacity(60%) saturate(30%);} /*none_lnk*/
#cmn_chart a { cursor: default; pointer-events: none;}
#contents .nkm { background-image: url(../../img/st/st_s-chart.jpg); border-bottom: 8px solid rgba(19, 173, 70, .3);}
#con .wa { box-sizing: border-box; width: 100%; max-width: 940px; margin: 0 auto; padding: 0 0 10px 0; font-size: 92%; line-height: 180%; letter-spacing: 0.05em;}
.chartinfotxt { text-align: center; font-size: 90%; padding-bottom: 5px; color: rgba(0, 179, 114, 1.0);}
#chartsp { width: 100%; max-width: 840px; margin: 0 auto;}
#chartall { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/chart4.png); position: relative;}
#chartall a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0);}
#chartall a:hover { background: rgba(255, 255, 255, .2);}
#chartall .img_ll { width: 23.80952380952381%; max-width: 200px;}
#chartall .img_lm { width: 22.023809523809524%; max-width: 185px;}
#chartall .img_m { width: 20.833333333333333%; max-width: 175px;}
#chartall .img_s { width: 19.047619047619048%; max-width: 160px;}
#chartall .img_ss { width: 16.071428571428571%; max-width: 135px;}
#chartall .imgall { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0;}
#chartall .imgsp { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;}
#chartall #sakura { position: absolute; top: 33.928571428571429%; left: 38.095238095238095%;}
#chartall #shinomiya { position: absolute; top: 7.976190476190476%; left: 4.166666666666667%;}
#chartall #shimoya { position: absolute; top: 41.547619047619048%; left: 1.30952380952381%;}
#chartall #komatsu { position: absolute; top: 0.595238095238095%; left: 29.166666666666667%;}
#chartall #akanishi { position: absolute; top: 83.333333333333333%; left: 37.5%;}
#chartall #imahashi { position: absolute; top: 24.761904761904762%; left: 75.238095238095238%;}
#chartall #shirakawa { position: absolute; top: 52.023809523809524%; left: 76.428571428571429%;}
#chartall #mukai { position: absolute; top: 0.595238095238095%; left: 78.333333333333333%;}
#chartall #oosawa { position: absolute; top: 78.095238095238095%; left: 80%;}
#chartall #ogishima { position: absolute; top: 0.595238095238095%; left: 54.523809523809524%;}
#chartall #kurasaki { position: absolute; top: 75.714285714285714%; left: 55.952380952380952%;}
#chartall #sendo { position: absolute; top: 73.69047619047619%; left: 0.714285714285714%;}
#chartall #kase { position: absolute; top: 76.071428571428571%; left: 17.619047619047619%;}

/*for_W640-*/
@media all and (min-width: 640px) {
#contents .nkm { background-image: url(../../img/st/st_chart.jpg);}
#con .wa { font-size: 95%; letter-spacing: 0.1em; margin:-10px auto 10px auto;}
.chartinfotxt { text-align: right; padding: 10px; margin: -9% 10px 4% 0; font-size: 100%;}
}

/*for_W768-*/
@media all and (min-width: 768px) {
.chartinfotxt { font-size: 110%;}
}

/*for_W1000-*/
@media all and (min-width: 1000px) {
#catchsp { margin: -130px 0 0 90px;}
.chartinfotxt { margin: -9% 20px 4% 0; font-size: 120%; letter-spacing: 0.2em;}


}