.snackbar{margin-bottom:0;padding:15px;font-size:1.0625rem;border-radius:.375rem}

.snackbar-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:-10px;margin-left:-10px}

.snackbar-inner:empty{margin-bottom:0;margin-left:0}

.snackbar-inner>*{margin-top:0;margin-bottom:10px;margin-left:10px}

.snackbar-title{font-weight:400}

.snackbar-icon{margin-right:.7em;vertical-align:middle}

.snackbar-primary{background-color:#d6f4e5}

.snackbar-primary .snackbar-title{color:#27ACA9}

.snackbar-secondary{background-color:#EEEEEE}

.snackbar-secondary .snackbar-title{color:#00AEE0}

.snackbar-success{background-color:#e4f1d3}

.snackbar-success .snackbar-title{color:#77ba21}

.snackbar-info{background-color:#EEEEEE}

.snackbar-info .snackbar-title{color:#00AEE0}

.snackbar-warning{background-color:#fceacf}

.snackbar-warning .snackbar-title{color:#f19711}

.snackbar-danger{background-color:#fad4df}

.snackbar-danger .snackbar-title{color:#e72660}

.snackbar-light{background-color:#fdfdfd}

.snackbar-light .snackbar-title{color:#f7f7f7}

.snackbar-dark{background-color:#d1d1d3}

.snackbar-dark .snackbar-title{color:#171724}

.snackbar+.snackbar{margin-top:30px}

@media (min-width: 992px){.snackbar{padding:17px 20px 17px 30px}

}



/*# 17,19,25,27行目colorを変更した */