@charset "UTF-8";

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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
.front-top-page #main .entry-title{
  display: none;
}
/* 見出しリセット */
/* 見出し2 */
.article h2{
background:none;
padding: 0;
}

/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* 見出し5 */
.article h5{
border-bottom:none;
padding: 0;
}

/* 見出し6 */
.article h6{
border-bottom:none;
padding: 0;
}


/* 見出しの設定 */
.article h1{ 
  }


.article h2 {
  position: relative;
  border-bottom: 6px solid #0198DA;
}

.article h2:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #E33B16;
}


/*画面いっぱいにする*/
.full{
	margin:0 calc(50% - 50vw);
}

/*余白をなくすおまじない*/
.page-id-2 .content { 
margin-top: 0; 
}

.page-id-2 #header-container{
	z-index:10;
	position: relative;
}

.page-id-2 #main{
	margin-top: -50px; 
	z-index:0;
	background-color: transparent;
}



.article h3 {
    border: none;
    padding: 0;
}

.article h3{
  color: #18968E;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #18968E;
}


.article h4 {
  background: linear-gradient(transparent 70%, #398537 70%);
}


.article h4 {
    border: none;
    padding: 0;
}

.sidebar h3 {
  position: relative;
  padding: 0.5em;
  background: #398537;
  color: white;
}

.sidebar h3::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}

/*hrの設定*/
main hr{
    margin: 2rem auto;
    width: 7rem;
    border: 0;
    border-top: 0.5rem dotted #ccc;
}





/*スクロールバー設定*/
#scroll{
  width: 100%;
  height: 500px;
 
  overflow: scroll;
  
}




/* コンテンツ下を消したい  */





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

}

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



}

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

}




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



}