@charset "UTF-8";

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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}
/*　見出しH1の変更　*/
.article h1 {
letter-spacing: 0.2em;/*文字間*/
color: #000000;/*文字色*/
background: #DEB887; /*背景色*/
font-size: 25px; /*フォントサイズ*/
margin-top: 20px;
padding: 0.5em 0.75em;/*文字周りの余白*/
border-radius: 0.3em;/*角の丸み*/
}
.header-container {
border-top: 3px solid #008080;
}

.navi {
background-color: #008080;
}

.navi-in a:hover {
background-color: #5A5A9A;
}

.article h2 {
border-top: solid 2px #008080;
border-bottom: solid 2px #008080;
color:#008080;/*文字色*/
}
.article h2:before {
border-top: solid 4px #008080;
}

.article h2:after {
border-bottom: solid 4px #008080;
}

.article h3 {
border-bottom: 3px solid #008080;
}

.related-entry-heading,
.comment-title {
border-top: 2px solid #008080;
border-bottom: 2px solid #008080;
}
.appeal-content{
  display:none;
}
.page .sns-follow {
    display: none;
}

@media screen and (max-width: 800px){
  #appeal .appeal-in{
    min-height: 200px;
  }
}  
.page .entry-title{
  display: none;
}

/*アピールエリアの高さを調整*/
#appeal {
  height: 700px;
}

@media screen and (max-width:640px) { 
  #appeal {
    height: 200px;
  }
}