@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

h1 {
position: relative;
padding-left: 25px;
}

h1:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px rgb(119, 195, 223);
}
h1:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 100%;
border-bottom: solid 3px rgb(119, 195, 223);
}

.article h2 {
  background-color: #008899;/* 見出し背景色 */
  border-left: 0 none;
  color: #fff;/* 文字の色 */
  padding: 15px 30px;/* 文字の位置 */
    margin-bottom: 35px;/* 見出し下の空白*/
}

.article h3 {
    border-bottom: 10px solid #83ccd2;
    padding: 10px 0 0 0;
    margin-bottom: 30px;
}

.article h4 {
    border-left: 30px solid #83ccd2;
    border-bottom: 0px;
    padding: 5px 0 5px 10px;
    margin-bottom: 30px;
}