@charset "utf-8";
.comment { margin: 2em auto 2.5em;;padding:.5em .5em; position: relative;border:1px solid #f09c5d; background: none;z-index: 0 }
.comment:after { position: absolute;inset: 5px -5px -5px 5px;  content: '';background:linear-gradient(130deg,rgba(246, 150, 93, 0.03) 0%, rgba(246, 150, 93, 0.13) 100%);z-index: -1;}
.comment p {  width: 100%; margin: 1em auto .5em; padding: .2em .4em; z-index: 1;}
.br-sp { display: none;}
.name {text-align:right;display: block;font-weight:bold;line-height:1.5;margin-top:1.2em}

@media (max-width: 600px) {
 .br-sp {display: block;}
}
@media screen and (min-width: 480px) {
.comment p{padding: .5em 1em .2em;}
}