@charset "UTF-8";

/* effect無効化（透過） */
.tippy-tooltip [x-circle]{
	background-color: rgba(0,0,0,0) !important;
}

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

.tippy-tooltip strong {
	display:block;
	text-align: left;
	line-height: 1.5;
	padding-left: 1.75em;
}

/* tooltip toaster_success */
.tippy-tooltip[data-template-id="#toaster_success"] {
	background: rgba(24,183,205,0.8);
}

.tippy-tooltip[data-template-id="#toaster_success"] strong {
	background:url(/view/common/images/modal_ico_check.png) left center /1.25em no-repeat;
}

/* tooltip toaster_error */
.tippy-tooltip[data-template-id="#toaster_error"] {
	background: rgba(240,70,70,0.8);
}

.tippy-tooltip[data-template-id="#toaster_error"] strong {
	background:url(/view/common/images/modal_ico_exclamation.png) left center /1.25em no-repeat;
}

/* tooltip bookmark_save_toaster */
.tippy-tooltip[data-template-id="#bookmark_save_toaster"] {
	background: rgba(24,183,205,0.8);
	z-index: 10000;
}


.toaster {
	margin: 0 auto;
	padding: 10px;
	color:#fff;
	border-radius:5px;
	max-width: 500px;

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

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

.toaster.bookmarker_addend strong::before {
	background:url(/view/common/images/modal_ico_check.png) center center /contain no-repeat;
}

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

.toaster.bookmarker_error strong::before {
	background:url(/view/common/images/modal_ico_exclamation.png) center center /contain no-repeat;
}

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

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

.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;
	cursor: pointer;
}

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

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