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

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

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

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

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

/************************************
**　　サイドバー
************************************/
#sidebar>.widget{
border-radius:10px;
}
.widget_search{
padding:0;
}
span.fas.fa-search::before{
color:#90C31F;/*検索マーク色変更はこちら*/
}
.sidebar h3{
color:#7b7b7b;
border-radius: 0%;
border-bottom:3px dotted;
border-color:#90C31F;
padding-bottom:0.3em;
margin-top:-0.5em;
margin-bottom:1em;
}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
background-color:#cbcaca;

margin: 6px 0;
padding: 4px 10px;
border-radius:10px;
transition: 0.4s
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover{
background-color:#90C31F;
color:#fffff4!important;
}
.tagcloud a{
background-color:#f7f7f7;
color:#afafb0!important;
}
.tagcloud a:hover{
background-color:#90C31F;
color:#fffff4!important;
transition: 0.4s ;
}
.nwa .recommended.rcs-card-margin a {
margin: 0 0 1em;
width: 90%;
}


/*その他改造*/
.article .wp-block-image {
  margin-bottom: 0;
  line-height: 0;
}


/*固定頁日付非表示*/
.page .date-tags {
display: none;
}

/*固定頁タイトル非表示*/
.entry-title {
display: none;
}

/************************************
** ページをフェードイン表示する
************************************/

.body {
	animation: fadein 1s forwards; /*アニメーション指定*/
}

@keyframes fadein {
	0% {opacity: 0} /*アニメーション開始時*/
	0% {opacity: 1} /*アニメーション終了時*/
}


/************************************
** ●全画像のホバー時エフェクト処理
************************************/
a:hover img{
  opacity: 0.4; /*不透明度*/
  transition: all 0.8s ease; /*アニメーション*/
}

/*固定ページ投稿リンク非表示*/
.author-info {
display: none;
}

/************************************
** ●H2のみカッコよく変更
************************************/

.article h2 {
    font-family: 'Century', sans-serif;
}

/* 「ブルー系の見出し」 */
.entry-content h2 {
padding: 0.5em;/*文字周りの余白*/
color: #f9f9ff;/*文字色*/
background: #396993;/*背景色*/
border-left: solid 5px #043f72;/*左線（実線 太さ 色）*/
}

/************************************
** ■ヘッダーメニュー ホバーエフェクト化のカスタマイズ
************************************/
#navi .navi-in a {
  position: relative;
}
#navi .navi-in a::after {
  position: absolute;
  /

  bottom: 0px;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 4px;
  /*background: #3082cf;*/
	background: #ff6900;
  transform: scaleX(0);
  transition: transform 0.4s;
}
#navi .navi-in a:hover::after {
  transform: scaleX(1);
  transition: transform 0.3s;
}

/************************************
選択中のカテゴリーにアンダーライン
************************************/
.current-menu-item:not(:first-child):after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 1px;/*線の位置*/
height: 0.5px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #FFFFFF;/*線の色*/
}

input[type='submit'] {
    -webkit-appearance: none;
    border: 1px solid #ddd;
    background-color: #333;
}

/************************************
送信ボタンのバックカラー
************************************/
input[type='submit'] {
    background-color: #ebebeb;
}



input[type='submit'] {
    background-color: #333;
	color: #FFF;
}