/*	main
============================== */
.chart #contentsArea .contentsBlock {
	margin:0 auto;
	background-color: rgba(255, 255, 255, 0.6);
	position: relative;
}
.chart main {
	background-color: #fff;
}
@media all and (min-width: 1200px) {
	.chart #contentsArea .contentsBlock { padding: 15px; max-width:1050px; margin: 0 auto;}
main {
	max-width:1060px;
}
}
@media all and (min-width: 992px) {
}
@media all and (max-width: 991.98px) {
	.chart #contentsArea .contentsBlock {padding: 10px;}
}

/*	.diagram
============================== */

div.diagram {
	position:relative;
	height:0;
	padding-top: -webkit-calc(1490 / 1050 * 100%);
	padding-top: calc(1490 / 1050 * 100%);
	background-image:url(../img/chart/chart.jpg?1);
	background-size:contain;
}
div.diagram ul {
	display:block;
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
div.diagram ul li {
	position: absolute;
}
div.diagram ul li a, div.diagram ul li a img {
	display:block;
	position:absolute;
	cursor:pointer;
}

/* テストでクリックエリア確認のため入れてます（公開時は削除）
div.diagram ul li a img {
	background-color:hsla(114,87%,52%,0.4);
}*/ 
div.diagram ul li.sz-xl a,
div.diagram ul li.sz-xl a img {
	width:260px;
	height:340px;
}
div.diagram ul li.sz-l a,
div.diagram ul li.sz-l a img {
	width:226px;
	height:297px;
}
div.diagram ul li.sz-m a,
div.diagram ul li.sz-m a img {
	width:192px;
	height:252px;
}
div.diagram ul li.sz-s a,
div.diagram ul li.sz-s a img {
	width:174px;
	height:245px;
}
div.diagram ul li.chara_01 {
	left:420px;
	top:210px;
}
div.diagram ul li.chara_02 {
	left:425px;
	top:670px;
}
div.diagram ul li.chara_03 {
	left:77px;
	top:85px;
}
div.diagram ul li.chara_04 {
	left:77px;
	top:810px;
}
div.diagram ul li.chara_05 {
	left:77px;
	top:430px;
}
div.diagram ul li.chara_06 {
	left:775px;
	top:75px;
}
div.diagram ul li.chara_07 {
	left:94px;
	top:1155px;
}
div.diagram ul li.chara_08 {
	left:455px;
	top:1000px;
}
div.diagram ul li.chara_09 {
	left:680px;
	top:1000px;
}
div.diagram ul li.chara_10 {
	left:775px;
	top:365px;
}
div.diagram ul li.chara_11 {
	left:750px;
	top:690px;
}


@media all and (min-width: 992px) {
	.chartadd { position: absolute; bottom:50px; right:50px; line-height: 1.4em;}
}
@media all and (max-width: 991.98px) {
	.chartadd { position: absolute; bottom:20px; right:20px; font-size: 0.7em; line-height: 1.2em;}

}

@media print {
div.diagram {
	display:none;
}
}