.region label {
    background: #4682B4;
    color: #303030;
    display: block;
    margin: 0;
}

.region label {
    padding: 5px;
    background:linear-gradient(to bottom, #FFFFFF, #4682B4);
    background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#4682B4));
    background:-moz-linear-gradient(top, #FFFFFF, #4682B4);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}

input[type='checkbox'].on-off {
	display: none;
}

.region ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.region li {
	padding: 3px;
}

.region a:link { 
	color: #432DB2;
}
.region a:hover {
	color: #FF0000;
}

/* 観測点リスト装飾 */
.region td {
	width:200px
}
.region li:nth-child(even) { 
	background: #f3f8f8;
}
.region td:nth-child(1) li:nth-child(2),
.region td:nth-child(1) li:nth-child(15) { 
	font-size: 12px;
}
/* ================= */

input[type='checkbox'].on-off + ul {
	height: 0;
	overflow: hidden;
}

input[type='checkbox'].on-off:checked + ul {
	background: #E0EEEE;
	// height: auto;
	height: 400px;
	overflow:hidden;
	overflow-y:scroll;
}

/* カーソルを乗せると画像が動く */
div.img-move a:hover {
position: relative;
top: 3px;
left: 3px;
}

.btn-sticky {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #ff7c5c; /*左線*/
  color: #ff7c5c; /*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.btn-sticky:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

.slide {
  width: 60%;
}