@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.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
h3{font-size:100%}
.author-info{display:none;}

/*メニュー
#menu-header-menu a{	color:navy!important;}*/
/*メニューホーバー時*/
#menu-header-menu a:hover{color:black!importan;}
#menu-footer-menu a:hover{color:black}

/*記事一覧ホバー時*/
.a-wrap:hover {
background-color: rgba(255, 215, 0, 0.3);
transform: translateY(-10px);
box-shadow: 2px 2px 6px 0 #f6f6f6;
}

/*ウイジェット記事ホバー時*/
.widget a:hover {
background-color: rgba(255, 215, 0, 0.3)!important;
transform: translateY(-10px);
box-shadow: 2px 2px 6px 0 #f6f6f6;
}


.archive-title .fa-folder-open {
	display:none;
}
h1#archive-title  {
  position: relative;
	text-indent:30px;
  padding: 0.1em/*0.35em 0.5em*/;
  background: #003399/*#b6e9ff*/;
	font-weight:400;
	font-size:1.4em;
	color:/*#003399*/white!important;
	/*border-bottom:double;*/
}
h1#archive-title:before {
  content: " ";
  position: absolute;
  top: -16px;
  left: 0;
  width: -webkit-calc(100% - 16px);
  width: calc(100% - 16px);
  height: 0;
  border: solid 8px transparent;
  border-bottom-color: #b6e9ff/*#b2ddf0*/;
}


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

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

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