@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/






↓無効化するコード↓

/*見出し初期化*/
.article h2
{

}
/*見出しデザインを変える場合はこれより下に記載してください*/


/* 見出しカスタマイズ */
/* H2 */
.article h2{

background:none;
padding: 0;
	padding: 0;
margin: 0;
background:none;
border-collapse: separate;
border-spacing: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
line-height: normal;
position:relative;bottom:22px;
}




/*下線やじるし*/
.entry-content h2 {

position: relative;
padding-left: 20px;
	padding:38px 0px 5px 25px;
}

.entry-content h2:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px rgb(161, 201, 185);
}
.entry-content h2:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 100%;
border-bottom: solid 3px rgb(161, 201, 185);
}

@media screen and (max-width : 767px){
 html,
 body {
 overflow-x: hidden!important;
 overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
 }
}
	
.table-scroll{overflow:auto;-webkit-overflow-scrolling:touch}
}
	

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){

	
	/* 見出しカスタマイズ */
/* H2 */
  .article h2 {
    font-size: 22px;
    padding: 0.6em 0.8em;
  }
	
	
}