h2.add-hline {
position: relative;
padding: .25em 0 .5em .75em;
border-left: 6px solid #3498db;
font-size: 1.8rem;
}
h2.add-hline::after {
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
height: 0;
border-bottom: 1px solid #ccc;
}

h2.dot {
padding: 1rem 2rem;
border-top: 3px dotted #000;
border-bottom: 3px dotted #000;
}

h2.double {
padding: 1rem 2rem;
border-top: 6px double #000;
border-bottom: 6px double #000;
}

h2.bk-color {
padding: 0.4rem 2rem;
color: #fff;
background: #094;
-webkit-box-shadow: 5px 5px 0 #007032;
box-shadow: 5px 5px 0 #007032;
font-size:1.5em !important;
}

h2.bk-color2 {
padding: 1rem 2rem;
color: #fff;
background: #094;
-webkit-box-shadow: 5px 5px 0 #007032;
box-shadow: 5px 5px 0 #007032;
}

h2.add-line {
position: relative;
padding: 1rem 2rem;
border-bottom: 6px solid #094;
}

h2.add-line:before {
position: absolute;
bottom: -6px;
left: 0;
width: 20%;
height: 6px;
content: '';
background: #00cc5b;
}

/* 要調整*/
h2.add-tag2:before {
/*position: absolute;*/
top: 0;
left: -30px;
content: '';
border-width: 32px 30px 32px 0;
border-style: solid;
border-color: transparent #fa4141 transparent transparent;
}

h2.add-tag2:after {
/*position: absolute;*/
top: calc(50% - 7px);
left: -10px;
width: 14px;
height: 14px;
content: '';
border-radius: 50%;
background: #fff;
}

h2.add-ribbon {
position: relative;
padding: 1rem 2rem 1rem 4em;
background: #fff;
}

h2.add-ribbon span {
position: absolute;
top: -10px;
left: 20px;
display: inline-block;
width: 52px;
height: 50px;
text-align: center;
background: #fa4141;
}

h2.add-ribbon span:before,
h2.add-ribbon span:after {
position: absolute;
content: '';
}

h2.add-ribbon span:before {
right: -10px;
width: 0;
height: 0;
border-right: 10px solid transparent;
border-bottom: 10px solid #d90606;
}

h2.add-ribbon span:after {
top: 50%;
left: 0;
display: block;
height: 50%;
border: 1em solid #fa4141;
border-bottom-width: 15px;
border-bottom-color: transparent;
}

h2.my-ribbon1 {
display: inline-block;
position: relative;
box-sizing: border-box;
padding: 10px;
margin: 0 0 10px -20px;
width: calc(100% + 20px);
font-size: 22px;
color: white;
background: #70a6ff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

h2.my-ribbon1:before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px #6081b7;
}