/* --- 吹き出し（枠線の色変更） --- */
.voice.kanakugi .voicecomment{
border-color:#82CAE0;
}
.voice.l.kanakugi .voicecomment:before{
border-right-color:#82CAE0;
}
.voice.r.kanakugi .voicecomment:before{
border-left-color:#82CAE0;
}

/* ラベルBOX1 */
.label-box1 {
    position: relative;
    margin: 40px 10px 15px;
    padding: 0.5em 1em;
    border: solid 3px #07689f;
}
.label-box1-title {
    position: absolute;
    display: inline-block;
    top: -30px;
    left: -3px;
    padding: 3px 9px;
    height: 30px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #07689f;
    color: #ffffff;
    font-weight: bold;
    border-radius: 3px 3px 0 0;
}
.label-box1 p {
    margin: 0; 
    padding: 0;
}

/* ラベルBOX2 */
.label-box2 {
    position: relative;
    margin: 10px 10px;
    padding: 35px 15px 7px;
    border: solid 3px #ff7e67;
}
.label-box2-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 3px 9px;
    height: 30px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #ff7e67;
    color: #ffffff;
    font-weight: bold;
}
.label-box2 p {
    margin: 0; 
    padding: 0;
}

/* マーク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: #ff2b64;
    font-weight: bold;
    font-size: 0.7em;
}
.mark2:before{
    margin: 0 3px 0 0;
    content: "\f005";
    font-family: FontAwesome;
    color: #fff;
}


/*Contact Form 7*/
.compulsory{
padding:3px 6px;
margin-left:1em;
border-radius:3px;
vertical-align:middle;
font-size:11px;/*文字サイズ*/
color:#ffffff;/*文字色*/
background-color:#264671;/*背景色*/
}

/*マーカー*/

.line {
  background: linear-gradient(transparent 60%, #ffff72 0%);
}

/*--------------------------------------
  蛍光ペンのような下線を引く　　　↓
--------------------------------------*/
 
/*ピンク（太め）*/
.pink_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;}
 
/*ブルー（太め）*/
.blue_line{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;}
 
/*イエロー（太め）*/
.yellow_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;}
 
/*ピンク（細め）*/
.pink_line_narrow{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffb2d8 0%) repeat scroll 0 0;}
 
/*ブルー（細め）*/
.blue_line_narrow {background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #add6ff 0%) repeat scroll 0 0;}
 
/*イエロー（細め）*/
.yellow_line_narrow{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffff7f 0%) repeat scroll 0 0;}