@charset "utf-8";

.toast_wrap {position:fixed; bottom:6rem; left:50%; transform:translate(-50% , 0); z-index:99; width:calc(100% - 5rem); max-width:100%;}
.toast_msg {width:100%; display:none; text-align:center;}
.toast_msg span {line-height:1.2; display:inline-block; max-width:100%; word-break: break-word; overflow:hidden; position:relative; margin:1rem auto 0; padding:1.8rem 2.1rem 1.8rem 7.7rem; color:#33ffdd; font-size:16px; background:#001515; border-radius:1.2rem; box-shadow:0 2rem 4rem rgba(0, 0, 0, 0.5); border:0.2rem solid #00ddbb; width:max-content; text-align:left;}
.toast_msg span:before {background-size:3rem auto; content:''; display:block; position:absolute; top:0; bottom:0; left:0; width:5.8rem; background-image:url('/images/common/etc/icon_toast_check.png'); background-position:center center; background-repeat:no-repeat; background-color:rgba(0, 221, 187, 0.7); max-width: 100%;}
.toast_msg span font {color:#fff;}
.toast_msg.warning span {color:#ffdd22; background:#221100; border-color:#eebb22;}
.toast_msg.warning span:before {background-image:url('/images/common/etc/icon_toast_info.png'); background-color:rgba(238, 187, 34, 0.7);}

@media screen and (max-width: 768px) {
html {font-size:32%;}
.toast_msg span {font-size:2.5rem; padding-top:1.6rem; padding-bottom:2rem;}
}