#flash{
    position: absolute;
    top: 0; left: 0;
    width: 100%;
}
#flash .message{
    cursor: pointer;
    display: -webkit-flex; display: flex;
    -webkit-align-items: center; align-items: center;
    -webkit-justify-content: center; justify-content: center;
    color: #fff;
    font: 600 16px/1.6em 'noto sans japanese';
    padding: 20px 0;
    position: relative;
    z-index: 1000;
}
#flash .message i{
    margin-right: .5em;
    display: inline-block;
    font-size: 30px;
}
#flash .message.hidden{
    display: none;
}
#flash .message.error{
    background: #e4655f;
}
#flash .message.success{
    background: #6d7aa6;
}
#flash .message.error:after,
#flash .message.success:after {
    content: "× クリックすると非表示になります";
    color: #fff;
    font: 500 11px/1em 'noto sans japanese';
    position: absolute;
    right: 10px;
    bottom: 10px;
}