@charset "UTF-8";

.memo::before{
content: "★";
color: #f00;
}

.memo::after{
content: "new";
}

span{
color: #f00;
}

.image::before{
content: url("../images/sample.jpg");
}

i{
display: block;
width: 50px;
height: 50px;
background-color: #039;
}

.box::before{
display: block;
width: 50px;
height: 50px;
background-color: #039;
content: "";
}

h1{
position: relative;
padding: 8px;
}

h1::before,h1::after{
content: "";
display: block;
height: 1px;
position: absolute;
left: 0;
bottom:0;
}

h1::before{
width: 200px;
background-color: #039;
}

h1::after{
width: 100%;
background-color: #ccc;
z-index: -1;
}