@charset "UTF-8";

.flash-message {
	font-size: 16px;
	font-family: "Montserrat", "Helvetica Neue", "Arial", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
}

.flash-message .alert {
	display: none;
	box-sizing: border-box;
	box-shadow: 0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12),0px 11px 15px -7px rgba(0,0,0,0.2);
	position: fixed;
	width: 460px;
	max-width: 100vw;
	height: auto;
	padding: 3em;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	background: #e2e3e5;
	z-index: 10000;
	border-radius: 20px;
	text-align: center;
	border: 1px solid #d3d6d8;
	color: #41464b;
}

.flash-message .alert button.close {
	display: block;
	background-color: transparent;
	border: none;
	color: #41464b;
	position: absolute;
	top: 4px;
	right: 12px;
	padding: 0;
	font-size: 30px;
	line-height: 30px;
	cursor: pointer;
}

.flash-message .alert button.close:focus {
	outline: 0;
}

.flash-message .alert.alert-info {
	background: #cff4fc;
	border: 1px solid #b6effb;
	color: #055160;
}
.flash-message .alert.alert-info button.close {
	color: #055160;
}

.flash-message .alert.alert-danger {
	background: #f8d7da;
	border: 1px solid #f5c2c7;
	color: #842029;
}
.flash-message .alert.alert-danger button.close {
	color: #842029;
}

.flash-message .alert.alert-success {
	background: #d1e7dd;
	border: 1px solid #badbcc;
	color: #0f5132;
}
.flash-message .alert.alert-success button.close {
	color: #0f5132;
}

.flash-message .alert.alert-warning {
	background: #fff3cd;
	border: 1px solid #ffecb5;
	color: #664d03;
}
.flash-message .alert.alert-warning button.close {
	color: #664d03;
}

@media (max-width:767px) {
	.flash-message .alert {
		padding: 2em 1em;
	}
}