@charset "shift_jis";
.balloon-annotation {
	display: inline-block;
	cursor: default;
	width:inherit;
}
.balloon-annotation > .balloon-annotation-body {
	margin: -4px 0px 0px 8px;
	padding: 16px 24px;
	border-radius: 3px;
	transition: opacity 200ms, visibility 0ms linear 200ms;
	text-align: left;
	color: rgb(0, 0, 0);
	line-height: 14px;
	font-size: 14px;
	display: inline-block;
	visibility: hidden;
	position: absolute;
	z-index: 100;
	max-width: 700px;
	opacity: 0;
	box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
	justify-content: center;
	background-color: rgb(204, 204, 204);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {/*Chrome*/
.balloon-annotation > .balloon-annotation-body {
	margin: -100px 0px 0px 68px;
}

@media only screen and (max-width:960px){
.balloon-annotation > .balloon-annotation-body {
	margin: -4px 0px 0px 8px;
}
}
}

@-moz-document url-prefix() {/*Firefox*/
.balloon-annotation > .balloon-annotation-body {
	margin: -100px 0px 0px 68px;
}
@media only screen and (max-width:960px){
.balloon-annotation > .balloon-annotation-body {
	margin: -4px 0px 0px 8px;
}
}
}




.balloon-annotation:hover > .balloon-annotation-body {
	transition: opacity 300ms, visibility linear;
	visibility: visible;
	opacity: 1;
}
.balloon-annotation-body img{
	max-height:120px;
	display:inline-block;
	border:3px white solid;
	margin-right:10px;
}
.balloon-annotation-body img:last-child{
	margin-right:0;
}

.balloon-annotation > .balloon-annotation-body::before {
	border-width: 6px 6px 6px medium;
	border-style: solid solid solid none;
	border-color: transparent rgb(204, 204, 204);
	margin-left: -30px;
	display: inline-block;
	position: absolute;
	content: "";
}
/******************************************************/
/* iPad �c */
@media only screen and (max-width:768px){
.balloon-annotation > .balloon-annotation-body {
	display:none;
}
}