/* カスタム CSS をここに入力してください */
/*　真ん中　テープ留め風　囲み枠1 */
.box7 {
 background-color: #f7efff; /*枠背景色*/
 border: 1px solid #dbb7ff; /*枠太さ・色*/
 color: #333;/* 文字色 */
 list-style: none;
 position: relative;
 margin: 12px auto;
 padding: 10px 10px 10px 9px;
 width: 94%;
}
.box7:before {
 content: "";
 background-color: #9932cc; /*テープの色*/
 opacity: 0.1; /*テープ透明度0～1*/
 position: absolute;
 top: -1.5em;
 left: 40%;
 width: 100px; /*テープの幅*/
 height: 30px;
 transform: rotate( -10deg );
}

/*　真ん中　テープ留め風　囲み枠２ */
.box8 {
 background-color: #eff2ff; /*枠背景色*/
 border: 1px solid #b7cdff; /*枠太さ・色*/
 color: #333;/* 文字色 */
 list-style: none;
 position: relative;
 margin: 12px auto;
 padding: 10px 10px 10px 9px;
 width: 94%;
}
.box8:before {
 content: "";
 background-color: #3274cc; /*テープの色*/
 opacity: 0.1; /*テープ透明度0～1*/
 position: absolute;
 top: -1.5em;
 left: 40%;
 width: 100px; /*テープの幅*/
 height: 30px;
 transform: rotate( -10deg );
}