@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* 見出しリセット */
.article h2 {
    background: none;
    padding: 0;	
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}

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

h1 {
  color: #010101;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #99cc66;/*上線*/
  border-bottom: solid 3px #99cc66;/*下線*/
}

.article h2 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #000000;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #C1DB81;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

.article h3 {
   /*線の種類（二重線）太さ 色*/
 border-bottom: double 5px #C1DB81;
}

.article h4 {
    color: #444d53;
    margin-top: 40px;
    border-bottom: solid 1px #C1DB81;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}

/* 固定ページでの日付非表示*/
.page .date-tags {
display: none;
}

/*モバイルフッターメニューの背景色*/
.mobile-footer-menu-buttons,
.navi-menu-content,
.mobile-footer-menu-buttons .menu-button > a,
.mobile-footer-menu-buttons .menu-button:hover,
.navi-menu-content a,
.navi-menu-content a:hover {
  background: green;
  color: #ffffff;
}

/************************************
** ボックスメニューのフォントカラーとサイズ
************************************/
.box-menu-label{
	color: #666666;
	font-size: 18px;
}

.box-menu{
	background: #d4edda;
}