/*--------------------------------------
  文字に枠をつける　　　↓
--------------------------------------*/
.kakomi-maru1 {
 margin: 2em auto;  
 padding: 1em;
 width: 95%; /*幅の調節*/
 background-color: #f5f5f5; /*背景色*/
 border: 2px solid #3c3c3c; /*線の太さ・色*/
 border-radius: 8px; /*角の丸み*/ 
}
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #3c3c3c;
    border-radius: 8px;
}

.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #3c3c3c;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}
.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #333333;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #333333;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}
.box6 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #fff;
    border: dashed 2px #5b8bd0;/*点線*/
}
.box6 p {
    margin: 0; 
    padding: 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;}

/* メイン蛍光ペン */
.fontBoldMoreRed{
  font-weight: bold;
  font-size: 110%;
  background: linear-gradient(transparent 0%, #fffad8 0%);
  color: #f8035d;
}