@charset 'utf-8';

.division_list dd p{
	text-align: center;
	margin-top: 20px;
}
#move_in_rate-graph {
	position: relative;
	margin-left: 20px;
	margin-bottom: 38px;
	height: 190px;
	border-left: solid 2px #7d8c7d;
	border-bottom: solid 2px #7d8c7d;
}
#graph_left_side {
	position: relative;
}
.graph_left_side li {
	position: absolute;
	font-weight: bold;
}
.rate_graph_list {
	display: flex;
	height: 100%;
}
.rate_graph_list li {
	position: relative;
	margin-left: .5%;
	margin-right: .5%;
	width: 7.4%;
}
.rate_graph_list li:only-child {
	width: 100%;
}
/* 2つの場合 */
.rate_graph_list li:first-child:nth-last-child(2),
.rate_graph_list li:first-child:nth-last-child(2) ~ li {
	width: 48%;
}
/* 3つの場合 */
.rate_graph_list li:first-child:nth-last-child(3),
.rate_graph_list li:first-child:nth-last-child(3) ~ li {
	width: 33%;
}
/* 4つの場合 */
.rate_graph_list li:first-child:nth-last-child(4),
.rate_graph_list li:first-child:nth-last-child(4) ~ li {
	width: 24%;
}
/* 5つの場合 */
.rate_graph_list li:first-child:nth-last-child(5),
.rate_graph_list li:first-child:nth-last-child(5) ~ li {
	width: 20%;
}
/* 6つの場合 */
.rate_graph_list li:first-child:nth-last-child(6),
.rate_graph_list li:first-child:nth-last-child(6) ~ li {
	width: 15%;
}
/* 7つの場合 */
.rate_graph_list li:first-child:nth-last-child(7),
.rate_graph_list li:first-child:nth-last-child(7) ~ li {
	width: 14%;
}
/* 8つの場合 */
.rate_graph_list li:first-child:nth-last-child(8),
.rate_graph_list li:first-child:nth-last-child(8) ~ li {
	width: 12%;
}
/* 9つの場合 */
.rate_graph_list li:first-child:nth-last-child(9),
.rate_graph_list li:first-child:nth-last-child(9) ~ li {
	width: 11%;
}
/* 10つの場合 */
.rate_graph_list li:first-child:nth-last-child(10),
.rate_graph_list li:first-child:nth-last-child(10) ~ li {
	width: 10%;
}
/* 11つの場合 */
.rate_graph_list li:first-child:nth-last-child(11),
.rate_graph_list li:first-child:nth-last-child(11) ~ li {
	width: 9%;
}
.rate_graph_list li span > span,
.rate_graph_list li em > span {
	font-size: 0.8em;
	padding-left: 1px;
}
.rate_graph_list li .city {
	font-size: 10px;
	position: absolute;
	left: 50%;
	bottom: 10px;
	display: block;
	width: 1em;
	line-height: 1.3em;
	font-weight: bold;
	font-family: 'Noto Sans Japanese' !important;
	transform: translateX(-50%);
}
.rate_graph_list li .bar {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: block;
	background-color: #f9cb83;
}
.rate_graph_list li .num {
	position: absolute;
	left: 50%;
	bottom: -40px;
	transform: translate(-50%,-50%);
	font-size: 11px;
	font-family: 'Oswald', sans-serif;
	color: #cf5c16;
	width: 100%;
	min-height: 2em;
	text-align: center;
	line-height: 1em;
	font-weight: bold;
}
.rate_graph_list li em {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(-45deg);
	font-size: 11px;
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	color: #357727;
	text-shadow: 0 0 2px #ffffff,0 0 2px #ffffff,0 0 2px #ffffff,0 0 2px #ffffff,0 0 2px #ffffff,0 0 2px #ffffff;
}
.graph_left_side li:first-child {font-size: 13px;left: -30px;top: -27px;}
.graph_left_side li:nth-child(2) {font-family: 'Oswald', sans-serif;top: 0px;left: -30px;font-size: 10px;}
.graph_left_side li:nth-child(3) {font-family: 'Oswald', sans-serif;top: 50%;left: -25px;margin-top: -8px;font-size: 10px;}
.graph_left_side li:nth-child(4) {font-family: 'Oswald', sans-serif;bottom: -5px;left: -13px;font-size: 10px;}
.graph_left_side li:last-child {font-size: 13px;left: -30px;bottom: -39px;}

.graph_left_side li:first-child,
.graph_left_side li:last-child {
	color: #ffffff;
	padding: 3px 4px;
	font-size: 10px;
}
.graph_left_side li:first-child {
	background-color: #357727;
}
.graph_left_side li:first-child::after{
	position: absolute;
	left: 4px;
	top: 15px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5px 0 5px;
	border-color: #357727 transparent transparent transparent;
}
.graph_left_side li:last-child {
	background-color: #cf5c16;
}
.graph_left_side li:last-child::after{
	position: absolute;
	content: "";
	left: 26px;
	top: 11px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #cf5c16;
}
