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

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

/*slicknav (humbergermenu)*/
.slicknav_menu .slicknav_menutxt{color:#222;}
.slicknav_menu .slicknav_icon-bar{background-color:#222 !important;}
.slicknav_nav{color:#222;}
.slicknav_menu{background:#f0ffff;color:#222;}
.slicknav_btn{background:#ffff76;}

/*centering*/
.page .entry-title,
.single .entry-title, 
h1.archive-title
{text-align: center;}
span.fa-folder-open{display:none;}

/*navi*/
#navi .navi-in a{font-weight:bold;}
#navi .navi-in a:hover{background:-moz-linear-gradient(top, #ffff76, #FFF);background: -webkit-linear-gradient(top, #ffff76, #FFF);background: linear-gradient(to bottom, #ffff76, #FFF);}
#navi{margin-top:0;}

/*color*/
h2, h3{background:#ffff76 !important;text-align:center !important;border-radius:15px !important;}
h3{color:#0582ff;}
table.wp-calendar-table th{background:#f0ffff;}
.menu-item{background: #ffff76;color: #111;}
.menu-item a{color: #111;}
.menu-item a:hover{opacity:0.5;background:#f0ffff;}
input.has-spinner{background-color:#f0ffff !important;border-radius:10px;}
.wp-block-latest-posts__list a:hover{background:#f0ffff !important;}
.whatsnew a:hover{background:#f0ffff !important;}

.article h3{padding: 0;margin: 0;font-size: medium;border-collapse: separate;border-spacing: 0;border-top: none;border-right: none;border-bottom: none;border-left: none;line-height: normal;position:relative;text-align:center;
background: #fff2f9;
font-size: 18px; line-height: 25px;margin: 35px -8px 20px -8px;padding: 9px 7px 9px 10px;}

.ect-entry-card a:hover{background: #fff2f9;}

.pager-post-navi a:hover{background: #fff2f9;}

span.red{color:#ef4f6f !important;}

th.sunday, 
th.monday, 
th.tuesday, 
th.wednesday, 
th.thursday, 
th.friday, 
th.saturday
{background:#f0ffff;}

th.sunday, th.saturday{color:#ef4f6f !important;}

.month-dayname .today{color:#111 !important;}
button.wp-block-search__button{background:#f0ffff;}

span.newmark{background:#ef4f6f !important;}

.whatsnew dd{color:#111;}

.entry-content a:hover{color:#ef4f6f;background:#fff2f9;text-decoration:none;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

}

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