@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/
.page .sns-share,
.page .sns-follow {
    display: none;
}

#navi {
border-top:solid 1px #83ccd2;
border-bottom:solid 1px #83ccd2;
}

.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.marker-under-blue {
background: linear-gradient(transparent 80%, #83ccd2 80%);
}

/* 見出しカスタマイズ */

/* H1 */
.article h1{
  padding: 0;
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #eaf3ff;/*背景色*/
  border-bottom: solid 3px #83ccd2;/*下線*/
}

/* H2 */
.article h2{
border-top:none;
border-bottom:none;
border-right:none;
padding: 0;
padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #0d0015;/*文字色*/
  background: #eaf3ff;/*背景*/
  border-left: solid 5px #83ccd2;/*左線*/
}

/* H3 */
.article h3{
border-bottom: solid 3px #83ccd2;;
}
 
/* H4 */
.article h4{
border-top:none;
padding: 0;
/*線の種類（二重線）太さ 色*/
border-bottom: double 5px #83ccd2;
}
 
/* H5 */
.article h5{
border-bottom:none;
padding: 0;
}
 
/* H6 */
.article h6{
border-bottom:none;
padding: 0;
}
/************************************
** ■サイドバータイトル カスタマイズ
************************************/
#sidebar h3{
  color:#696969; /*フォントカラー*/
  background: none; /*背景カラー*/
  font-size: 16px; /*フォントサイズ*/
  letter-spacing: 8px; /*文字間隔*/
  text-align: center; /*文字位置中央*/
  margin: 10px 0px 20px 0px;
  padding: 10px 10px 10px 10px;
  border-left: 6px solid #83ccd2; /*左ラインの太さとカラー*/
  border-bottom: 1px solid #83ccd2; /*アンダーラインの太さとカラー*/
  line-height: 100%;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}