/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
.page .entry-content h2{
position: relative;
border-top: solid 2px #80c8d1;
border-bottom: solid 2px #80c8d1;
background: #f4f4f4;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
}

.page .entry-content h2:after {/*タブ*/
position: absolute;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content: '\f0a7\ POINT';
background: #80c8d1;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em;
  }
/*h3のデザイン*/

.page .entry-content h3{
    position: relative;
    color: #111;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #B92A2C;
}
 
.page .entry-content h3:before{
    content: "";
    position: absolute;
    background: #d48789;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
.page .entry-content h3:after{
    content: "";
    position: absolute;
    background:#d26466;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}

/*投稿ページh3*/
/*.single .entry-content h3{
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.8em 0 0.8em 1.5em;
    border: 2px solid #B92A2C;
    font-size: 1.143em;
    font-weight: bold;
}
 
.single .entry-content h3:before{
    content: "";
    position: absolute;
    background: #B92A2C;
    top: 50%;
    left: 0.5em;
    margin-top :-15px;
    height: 30px;
    width: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}*/

.single .entry-content h3 {
    position: relative;
    margin-bottom: 20px;
    padding: 10px 15px 10px 38px; 
    border-bottom: dotted 1px #228b22;
    background: none; /* 背景色 */
    font-size: 17px; /* 文字サイズ */
    line-height: 26px; /* 行の高さ */
}
.single .entry-content h3::before {
    position: absolute;
    top: 50%; /* 上からの位置 */
    left: 15px; /* 左からの位置 */
    margin-top: -12px; /* 上下の位置調整 */
    content: "\f046"; /* アイコンの種類 */
    font-family: "FontAwesome";
    color: #228b22; /* アイコンの色 */
    font-size: 19px; /* アイコンのサイズ */
}
.single .entry-content h3.point::before {
    content: none;
}