@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*.header .site-name-text img {*/
/*
.header .site-name-text {
    margin-top: 10px;
    margin-bottom: -30px;
}
*/
.logo-header {
    /*padding: 20px 0 10px 0;*/
    padding: 20px 0 20px 0;
    /*xx font-size: 90%;*/
    /*xx font-size: 20px;*/
}
/*ヘッダーサイトタイトルの文字の大きさを変更*/
.logo-header a span{
    /*font-family: 'Avenir','Helvetica Neue';*/
    font-weight: bold;
    font-size: 24px;
    /*font-size: 20px!important;*/
}
/*
.logo {
    font-size: 16px!important;
}
*/

.sidebar h3{
    /*color:#7b7b7b;*/
    color:#000000;
    border-radius: 0%;
    border-bottom:3px dotted;
    /*border-color:#90C31F;*//*タイトル下のライン色変更はこちら*/
    border-color:#388E3C;/*タイトル下のライン色変更はこちら*/
    padding-bottom:0.3em;
    margin-top:-0.5em;
    margin-bottom:1em;
	line-height:1.1em;
}

.widget_nav_menu ul li a {
    display: block;
    font-size: 90%;
    margin: 0;
    position: relative;
    border-bottom: dotted 1px #CCC;
	line-height:1.1em;
}
.widget_nav_menu ul li a::after {
    font-family: "fontawesome";
    content: '\f105';
    position: absolute;
    right: 0.2em;
    font-size: 1em;
    color: #1a1a1a;
}
.widget_nav_menu ul li a:hover {
    /*background-color: #ffffcc!important;*/
	/*background-color: #90C31F!important;*/
	background-color: #90caf9!important;	
}

.widget_text div.textwidget{
  /*font-size: 90%;*/
  font-size: 80%;
}


/*段落*/
.article h2, .article h3, .article h4, .article h5, .article h6 {
    margin-bottom: 0.8em;
}

/*BLUE*/
.article h2{
    border: none;
    padding: 0.6em;
    /*opacity: 0.7;*/
    opacity: 0.8;
    color: white;
    background: #1B5E20; /*green 900*/
}
.article h3{
    border: none;
    background: none;
    margin-left: 0px;
    padding: 0.6em;
    border-left: solid 6px #388E3C; /*green 700*/
}
.article h4{
    border: none;
    background: #E8F5E9; /*green 50*/
    border-left: solid 6px #388E3C; /*green 700*/
}
.article h5{
    border: none;
    border-bottom: solid 3px #4CAF50; /*green 500*/
}
.article h6{
    border: none;
    border-bottom: dotted 3px #81C784; /*green 300*/
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
/*ヘッダーサイトタイトルの文字の大きさを変更*/
.logo-header a span{
    /*font-family: 'Avenir','Helvetica Neue';*/
    /*font-weight: bold;*/
    font-size: 18px;
    /*font-size: 20px!important;*/
}
}

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