/*
Template: jstork
Theme Name: stork_custom
Theme URI:http://open-cage.com/stork/
*/

h4 {
color: #ff7a7a;/*文字色*/
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #ffb6c1;/*上線*/
border-bottom: solid 3px #ffb6c1;/*下線*/
}


/* マーク1*/
.mark1 {
    position: relative;
    margin: 0 10px 0 3px;
    padding: 3px 5px;
    color: #ff8f07;
    background: #ffd6a4;
    font-weight: bold;
    font-size: 0.7em;
}
.mark1:before{
    margin: 0 3px 0 0;
    content: "\f00c";
    font-family: FontAwesome;
    color: #ff8f07;
}

/* マーク2*/
.mark2 {
    position: relative;
    margin: 0 10px 0 3px;
    padding: 3px 5px;
    color: #fff;
    background: #7fbfff;
    font-weight: bold;
    font-size: 0.7em;
}
.mark2:before{
    margin: 0 3px 0 0;
    content: "\f005";
    font-family: FontAwesome;
    color: #fff;
}

/* マーク3*/
.mark3 {
    position: relative;
    margin: 0 3px 0 8px;
    padding: 3px 5px;
    color: #009dff;
    background: #badcf2;
    font-weight: bold;
    font-size: 0.7em;
}
.mark3:before{
    margin: 0 3px 0 0;
    content: "\f00c";
    font-family: FontAwesome;
    color: #009dff;
}


/* マイ吹き出し1 */
.voice.l.my1 .voicecomment:before{
    border-right-color: #eff7ff
}
.voice.l.my1 .voicecomment:after{
    content:none;
}
.voice.my1 .voicecomment{
    background: #eff7ff;
    border-color: #eff7ff;
    color: #000080;
}
.voice.r.my1 .voicecomment:before{
    border-left-color: #eff7ff;
}
.voice.r.my1 .voicecomment:after{
    content:none;
}
.voice.icon_my1 .icon img{
    border-color: #eff7ff;
}


/* マイ吹き出し2 */
.voice.l.my2 .voicecomment:before{
    border-right-color: #ffeff7;
}
.voice.l.my2 .voicecomment:after{
    content:none;
}
.voice.my2 .voicecomment{
    background: #ffeff7;
    border-color: #ffeff7;
    color: #f08080;
}
.voice.r.my2 .voicecomment:before{
    border-left-color: #ffeff7;
}
.voice.r.my2 .voicecomment:after{
    content:none;
}
.voice.icon_my2 .icon img{
    border-color: #ffeff7;
}


/* マイ吹き出し3 */
.voice.l.my3 .voicecomment:before{
    border-right-color: #f0ffff;
}
.voice.l.my3 .voicecomment:after{
    content:none;
}
.voice.my3 .voicecomment{
    background: #f0ffff;
    border-color: #f0ffff;
    color: #778899;
}
.voice.r.my3 .voicecomment:before{
    border-left-color: #f0ffff;
}
.voice.r.my3 .voicecomment:after{
    content:none;
}
.voice.icon_my3 .icon img{
    border-color: #f0ffff;
}



/* マイ吹き出し4 */
.voice.l.my4 .voicecomment:before{
    border-right-color: #ffffcc;
}
.voice.l.my4 .voicecomment:after{
    content:none;
}
.voice.my4 .voicecomment{
    background: #ffffcc;
    border-color: #ffffcc;
    color: #d2691e;
}
.voice.r.my4 .voicecomment:before{
    border-left-color: #ffffcc;
}
.voice.r.my4 .voicecomment:after{
    content:none;
}
.voice.icon_my4 .icon img{
    border-color: #ffffcc;
}


blockquote {
position: relative;
margin: 2em 0;
padding: 1em 1em 1em 2.6em;
font-size: .9em;
border-left: 5px solid #CCC;
border-radius: 2px;
}
blockquote:after{
position: absolute;
bottom: 0;
right: 0;
content: '”';
font-family: sans-serif;
font-size: 6em;
opacity: .1;
}