@charset "utf-8";
/*災害*/
#capInfo{
	position: fixed;  
    top: 30px;
	right: -180px;
	z-index: 9999;
	cursor: pointer;
}
#capInfo_tab img{
	width: 30px;
    height: 30px;
}
#capInfo_tab{
    background: #aaaaaa;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
	padding: 3px 10px 3px 5px;
    float: left;
	font-size: 1em;
	position: absolute;
	left: -60px;
}
#capInfo_tab span {
    display: block;
    color: #ffffff;
    text-transform: uppercase;
}
.capInfoSticky{
	opacity: 0.3;
}
#capInfo:hover .capInfoSticky{
	opacity: 1;
}
#capInfo_tab .capInfoFont{
	font-size: 1em;
	color: #fff;
}
/*end 災害*/

@media only screen and (max-width: 1024px) {
	#capInfo{
		top: 30px;
	}
}

@media only screen and (max-width: 768px) {
	#capInfo{
		top: 40px;
	}
}

@media only screen and (max-width: 425px) {
	#capInfo{
		top: 50px;
	}
}