@charset "utf-8";
/* ----------------------------------------------------------------
* ノーティフィケーション
---------------------------------------------------------------- */
/* ----------------------------------------------------------------
* ノーティフィケーション
---------------------------------------------------------------- */
.mp_notify_wrap {
position:fixed;
z-index:100;
top:0;
left:0;
width:100%;
height:30px;
background:#0068b7;
opacity:0;
transition:opacity 0.5s;
}
.mp_notify_wrap.is_active {
opacity:1;
}
.mp_notify_inner {
overflow:hidden;
max-width:980px;
width:100%;
margin:0 auto !important;
}
.mp_notify_label,
.mp_notify_lst,
.mp_nodity_close {
flex-grow:1;
}
.mp_notify_inner .mp_notify_label {
z-index:10;
min-width:41px;
width:41px;
height:20px;
margin-right:10px;
border-radius:10px;
background:#aaa;
color:#fff;
font-size:12px;
text-align:center;
line-height:20px;
}
.mp_notify_inner .mp_notify_sep {
position:relative;
top:-1px;
}
.mp_nodity_close {
position:relative;
z-index:10;
min-width:16px;
width:16px;
height:16px;
background:#0068b7;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAAB3RSTlMAPenuPq2sFNiIcwAAAD5JREFUCNdjSGQAA1EGIQEQzajCwKgIYgg5MICEQDwQAeGASBAbLAQUAANhQwY4AyEFV4zQDjcQbgXcUrgzAGtMBQusAztLAAAAAElFTkSuQmCC);
background-repeat:no-repeat;
background-size:16px 16px;
color:#fff;
text-align:center;
cursor:pointer;
}
.mp_notify_lst {
position:relative;
width:100%;
height:30px;
}
.mp_notify_item {
visibility:hidden;
position:absolute;
width:100%;
opacity:0;
color:#fff;
font-size:14px;
line-height:30px;
transition:opacity 0.5s;
transition-delay:0s;
}
.mp_notify_item span,
.mp_notify_item a {
display:block;
overflow:hidden;
width:100%;
height:100%;
color:#fff !important;
white-space:nowrap;
text-overflow:ellipsis;
}
.mp_notify_item a {
text-decoration:underline;
}
.mp_notify_current {
visibility:visible;
left:0;
opacity:1;
transition-delay:0.2s;
}
.mp_notify_past {
opacity:0;
transition-delay:0s !important;
}