@charset "utf-8";


/* ************************************************ 
*	基本設定
* ************************************************ */	

.cp_tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.cp_tooltip .cp_tooltiptext {
	position: absolute;
	z-index: 1;
	bottom: 130%;
	left: -30%;
	visibility: hidden;
	width: 200px;
	padding: 10px;
	transition: opacity 0.8s;
	text-align: left;
	font-size: 12px;
	opacity: 0;
	color: #ffffff;
	border-radius: 6px;
	background-color: #333;
}
.cp_tooltip .cp_tooltiptext img{
	margin: 0 0 5px 0;
}
.cp_tooltip:hover .cp_tooltiptext {
	visibility: visible;
	opacity: 0.8;
}




/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
.cp_tooltip .cp_tooltiptext {
	position: absolute;
	z-index: 10;
	bottom: 130%;
	left: -65%;
	visibility: hidden;
	width: 80px;
	padding: 10px;
	transition: opacity 0.8s;
	text-align: left;
	font-size: 12px;
	opacity: 0;
	color: #ffffff;
	border-radius: 6px;
	background-color: #333;
}
}