@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* トップページ */
/*トップページのタイトルを非表示*/
.home.page .entry-title{
 display: none;
}

/*見出しカスタマイズ*//* H2 */
.article h2{
color: #ffffff; 
position: relative;
padding: 0.6em;
background: -webkit-repeating-linear-gradient(-45deg, #5f9ea0, #5f9ea0 3px,#72bfc1 4px, #72bfc1 8px);
background: repeating-linear-gradient(-45deg, #5f9ea0, #5f9ea0 3px,#72bfc1 4px, #72bfc1 8px);
border-radius: 7px;
}

.article h2:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #5f9ea0;
width: 0;
height: 0;
}

/* H3 */
.article h3{
color: #ffffff; 
padding: 0.5em;/*文字周りの余白*/
display: inline-block;/*おまじない*/
line-height: 1.3;/*行高*/
background: #5f9ea0;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
}


.article h3:before {
content: '●';
color: white;
margin-right: 8px;
}

/* H4 */
.article h4{
background: linear-gradient(transparent 70%, #5f9ea0 70%);
border-top:none;
border-bottom:none;
padding: 0;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}