.ribbon1 {
display: inline-block;
position: relative;
height: 60px;
line-height: 60px;
text-align: center;
padding: 7px 0;
font-size: 18px;/*フォントサイズ*/
background: #e65663;/*背景色*/
color: #FFF;/*文字色*/
box-sizing: border-box;
}

.ribbon1 h3 {
margin: 0;
padding: 0 30px;
border-top: dashed 1px #FFF;/*上の破線*/
border-bottom: dashed 1px #FFF;/*下の破線*/
line-height: 46px;
}

.ribbon1:before, .ribbon1:after {
position: absolute;
content: '';
width: 0px;
height: 0px;
z-index: 1;
}

.ribbon1:after {
/*右端の山形*/
top: 0;
right: 0;
border-width: 30px 15px 30px 0px;
border-color: transparent #fff transparent transparent;
border-style: solid;
}