@charset "UTF-8";

.tippy-tooltip [x-circle]{
	background-color: rgba(0,0,0,0) !important;
}

.tippy-tooltip {
	margin: 0 auto;
	padding: 12px 10px 13px 10px;
	color:#fff;
	border-radius:5px;
	width:300px;
}

.tippy-tooltip strong {
	display:block;
	margin: 0px auto 5px auto;
	line-height:25px;
	width:220px;
}


/*.tippy-tooltip.toaster_success-theme .tippy-tooltip-content */
.tippy-tooltip[data-template-id="#toaster_success"]
{
	background: rgba(24,183,205,0.8);
	padding: 10px;
	color:#fff;
	border-radius:5px;
	width:300px;
}

.tippy-tooltip[data-template-id="#toaster_success"]   strong {
	background:url(/view/common/images/modal_ico_check.png) no-repeat left center;
	background-size: 20px 20px;
	padding: 0 0 0 25px;
	text-align: center;
}

/*.tippy-tooltip.toaster_error-theme .tippy-tooltip-content */
.tippy-tooltip[data-template-id="#toaster_error"]
{
	background: rgba(240,70,70,0.8);
	padding: 10px;
	color:#fff;
	border-radius:5px;
	width:250px;
}

.tippy-tooltip[data-template-id="#toaster_error"]    strong {
	background:url(/view/common/images/modal_ico_exclamation.png) no-repeat left center;
	background-size: 20px 20px;
	margin: 0 auto;
	padding: 0 0 0 25px;
	text-align: left;
}


.tippy-tooltip[data-template-id="#bookmark_save_toaster"]
{
	background: rgba(24,183,205,0.8);
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	color:#fff;
	border-radius:5px;
	width:140px;
	z-index: 10000;
}



.toaster {
	margin: 0 auto;
	padding: 12px 10px 13px 10px;
	text-align: center;
	color:#fff;
	border-radius:5px;
	width:300px;

	display: none;
	position: absolute;
	z-index: 1000;
	transform: translate(-50%,-50%);
	left: 50%;
}

.toaster strong {
	display:block;
	padding: 0 0 0 25px;
	margin:5px auto;
	line-height:25px;
}

.toaster.bookmarker_addend {
	background: rgba(24,183,205,0.8);
}

.toaster.bookmarker_addend strong {
	background:url(/view/common/images/modal_ico_check.png) no-repeat left center;
	background-size: 20px 20px;
	width:140px;
}

.toaster.bookmarker_error {
	background: rgba(240,70,70,0.8);
}

.toaster.bookmarker_error strong {
	background:url(/view/common/images/modal_ico_exclamation.png) no-repeat left center;
	background-size: 20px 20px;
	width:140px;
}

.text-right{
	text-align: right;
}

.tippy-tooltip-content .text-right{
	margin-top: 0.5em;
}

a.toaster_close {
	display: inline-block;
	padding: 0.25em 0.5em;
	color: rgba(240,70,70,0.8);
	background: #FFF;
	border-radius: 3px;/*角の丸み*/
	font-weight: bold;
}

a.toaster_close:visited{
	color: rgba(240,70,70,0.8);
}

a.toaster_close:hover{
	color: rgba(240,70,70,0.8);
	opacity: 0.9;
}