@charset "UTF-8";

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

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


.article h2 {
  color: #ffffff;	
  background: #5B5B5B;/*背景色*/
  padding: 1.2em;/*文字まわり（上下左右）の余白*/
}


.article h3 {

  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 12px #5B5B5B;/*左線（実線 太さ 色）*/
  padding: 1.2em;/*上下の余白*/
  
}




.article h4 {
  position: relative;
  padding-left: 1.4em;/*アイコン分のスペース*/
  font-size: 20px;/*サイズ*/


  left: -20px;

}

.article h4:before {
  
font-family: FontAwesome;
  content: "\f00c";/*アイコンのユニコード*/
  position: relative;
  top: 1px;
  left: -3px;

  font-size: 1.5em;/*サイズ*/

  color: #5B5B5B; /*アイコン色*/
}








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










.widget_categories ul li a {
    color: #333;
    text-decoration: none;
    padding: 6px 0;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
    border-top: 1px dotted #ccc;
    position: relative;
}
.widget_categories ul li a::after {
    font-family: FontAwesome;
    content: "\f0da";
    position: absolute;
    right: 10px; /*アイコンの右端からの距離*/
}
.widget_categories > ul > li > a:first-child {
    border-top: none;
}
.widget_categories > ul > li > a:last-child {
    border-bottom: 1px dotted #ccc;
}
.widget_categories ul li a:hover { /*マウスホバー時*/
    background: #444d53;
    transition: 0.5s;
    color: #fff;
}








/*メニュー*/
nav#navi, .menu-header .sub-menu{
    font-weight: bold;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2);
}

.menu-header .sub-menu .item-label{
    font-size: 80%;
}
.menu-header .item-label{
    color: #b5b5b5 !important;
}
.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor,
.menu-header .menu-item:hover {
    color: #333 !important;
    border-bottom: 3px solid #FDD835;
    transition: all .2s ease;
}

.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
    border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
    color: #333 !important;
    transition: all .2s ease;
}





/*メイン　カラム*/
.home main, .archive main{
    background-color: transparent;
    margin-top: 0;
    padding-top: 0;
}


/*カード　背景*/
.entry-card-wrap{
    background-color: white;
    border-radius: 4px;
    margin-bottom: 1em!important;
}

/*カーソルを乗せると浮き上がるようにする。*/
.entry-card-wrap:hover{
    box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
    transform: translateY(-2px);
    background-color: white; 
    transition: all .3s ease;
}




/*ウィジェットの見出し*/

.sidebar h3 {

background: #E53935;

padding: 0; /*余白をなしに*/

font-size: 16px; /*文字サイズを小さく*/

color: #ffffff;/*文字色*/

padding: 1em;/*文字周りの余白*/

letter-spacing: 2px; /*文字の間隔を少し広く*/

text-align:center;

}

.sidebar h3:after {

content: “”;

display:block;

left: 0;

bottom: 0;

width: 100%;

height: 7px;

background: -webkit-repeating-linear-gradient(-45deg, #3f3d3d, #3f3d3d 2px, #fff 2px, #fff 4px);

background: repeating-linear-gradient(-45deg, #D7B999, #D7B999 2px, #fffae6 2px, #fffae6 4px);

}