@import url("character.css");

/* =================================
	CHART CSS
================================= */

/*	chart
============================== */
div.chart {
	position:relative;
	background-image:url(../img/chart7.jpg?2);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:cover;
	}
div.chart ul {
	list-style-type:none;
	}
div.chart ul li {
	position:absolute;
	}
div.chart ul li#tsubomi {
	left:365px;
	top:8px;
	}
div.chart ul li#souta {
	left:665px;
	top:8px;
	}
div.chart ul li#riku {
	left:105px;
	top:8px;
	}
div.chart ul li#fukamachi {
	left:190px;
	top:316px;
	}
div.chart ul li#shion {
	left:480px;
	top:356px;
	}
div.chart ul li#rika {
	left:660px;
	top:356px;
	}
div.chart ul li#banba {
	left:0;
	top:586px;
	}
div.chart ul li#tsunoda {
	left:180px;
	top:586px;
	}
div.chart ul li#otoha {
	left:420px;
	top:586px;
	}
div.chart ul li#ukyou {
	left:600px;
	top:586px;
	}
div.chart ul li#gen {
	left:780px;
	top:586px;
	}
div.chart ul li#kotone {
	left:0;
	top:356px;
	}
div.chart ul li#bosanoba {
	left:145px;
	top:1235px;
	}
div.chart ul li#souma {
	left:455px;
	top:1235px;
	}
div.chart ul li#nene {
	left:635px;
	top:1235px;
	}
div.chart ul li#reika {
	left:30px;
	top:934px;
	}
div.chart ul li#fueki {
	left:295px;
	top:934px;
	}
div.chart ul li#namie {
	left:560px;
	top:934px;
	}
div.chart ul li#rin {
	left:740px;
	top:934px;
	}


div.chart ul li a, div.chart ul li a img {
	display:block;
}
div.chart ul li a {
	display:block;
/*
	background-color:#fc0;
	opacity:0.5;
*/
	text-decoration:none;
}
div.chart ul li.sz-l a img {
	width:210px;
	height:240px;
}
div.chart ul li.sz-m a img {
	width:160px;
	height:200px;
}
	
@media print {
div.chart {
	display:none;
}
}

@media all and (min-width: 768px) {
div.chart {
	width:940px;
	height:1440px;
	margin:0 auto;
}
div.chart ul li a:hover {
/*
	background-color:#fff;
	opacity:0.3;
*/
}
}
@media all and (max-width: 767px) {
div.chart {
	overflow:hidden;
	background-size:cover;
	height:0;
	padding-top: -webkit-calc(1440 / 940 * 100%);
	padding-top: calc(1440 / 940 * 100%);
}
div.chart ul {
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}