/*
Theme Name: Child
Template:simplicity2
*/

@import url('../simplicity2/style.css');

/*投稿エディタ文字装飾用CSS　追記*/
/*ピンクのマーカー*/
.marker_pink {
    background: linear-gradient(transparent 50%,pink 50%);
}
/*黄色のマーカー*/
.marker_yellow {
    background: linear-gradient(transparent 50%,yellow 50%)
}


.demo-box {
background:#f48881;
color:#fff;
border-top: 2px dashed #ffffff;
border-bottom: 2px dashed #ffffff;
padding:5px; 
box-shadow: 0 0 3px 3px #f48881;
}


.demo-boxbr {
background:#d5a87f;
color:#fff;
border-top: 2px dashed #ffffff;
border-bottom: 2px dashed #ffffff;
padding:5px; 
box-shadow: 0 0 3px 3px #f48881;
}


.sample-box-11 {
    background-color: #fff;
    margin: 2em 0;
    padding: 2em;
    position: relative;
    z-index: 1;
}
.sample-box-11::before,
.sample-box-11::after {
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
}
.sample-box-11::before {
    background-color: rgba(255, 255, 255, .5);
    left: 0;
    top: 0;
    z-index: -1;
}
.sample-box-11::after {
    background-color: #f2dae8;
    top: 5px;
    left: 5px;
    z-index: -2;
}


.sample-box-12 {
    background-color: #fff;
    margin: 2em 0;
    padding: 2em;
    position: relative;
    z-index: 1;
}
.sample-box-12::before,
.sample-box-12::after {
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
}
.sample-box-12::before {
    background-color: rgba(255, 255, 255, .5);
    left: 0;
    top: 0;
    z-index: -1;
}
.sample-box-12::after {
    background-color: #9bcad0;
    top: 5px;
    left: 5px;
    z-index: -2;
}