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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 固定ページの投稿日,更新日を非表示にする */
.page .date-tags {
display: none;
}
.new-entry-card:hover { /*マウスオン時*/
/* background-color: #afc5dc; 背景色*/
background-color: #e5f2ff; /*背景色*/
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
box-shadow: 0 0 10px #3d5069; /*影の色*/
}
/*オンマウスで傾ける*/
.new-entry-cards img {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.new-entry-card img:hover {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.entry-card:hover { /*マウスオン時*/
/* background-color: #afc5dc; 背景色*/
background-color: #e5f2ff; /*背景色*/
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
box-shadow: 0 0 10px #3d5069; /*影の色*/
}
/*オンマウスで傾ける*/
.entry-cards img {
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}
.entry-card img:hover {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.prev-post:hover { /*マウスオン時*/
/* background-color: #afc5dc; 背景色*/
background-color: #e5f2ff; /*背景色*/
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
box-shadow: 0 0 10px #3d5069; /*影の色*/
}
/*オンマウスで傾ける*/
.prev-post img {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.prev-post img:hover {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.next-post:hover { /*マウスオン時*/
background-color: #e5f2ff; /*背景色*/
/* background-color: #afc5dc; 背景色*/
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
box-shadow: 0 0 10px #3d5069; /*影の色*/
}
/*オンマウスで傾ける*/
.next-post img {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.next-post img:hover {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}

/*見出し(H2レベル)Topマージン
 *スマホでは間が空きすぎのため
 *2.4em→1.2emへ修正
*/
/* 見出し(H2レベル)のマージンBottomを半分へ */
.article h2 {
    margin-top: 1em;
    margin-bottom: 0.81em;
}


/** アーカイブウィジェットのカスタマイズ **/
#archive-title{ 
  padding-bottom:8px; /*下に余白*/
  font-size: 24px; /*フォントサイズ*/
  text-align: center; /*文字位置中央*/
  letter-spacing: 2px; /*文字間隔*/
}
/** アーカイブ本文(年月、件数)の文字サイズ変更(14px→20px) **/
.sidebar .widget li a {
    font-size: 20px;
}
#sidebar select {
  border-width: 3px;
}

/* Cocoonトグル設定の変更
 左揃え, (0.7→0.3ms) */
.toggle-button { text-align: left;
}
.toggle-wrap .toggle-content {
transition: all 0.3s ease;
}
.toggle-checkbox:checked ~ .toggle-content {
transition: all 0.3s ease;
}



/** COCOONカレンダーのカスタマイズ **/
/*土曜日の色変更（曜日）*/
.wp-calendar-table thead tr th:nth-child(6) {
  background-color: #82C4E8;
}
/*土曜日の色変更（日付）*/
.wp-calendar-table tbody tr td:nth-child(6) {
  background-color: #D4EAF6;
}
/*日曜日の色変更（曜日）*/
.wp-calendar-table thead tr th:last-child{
  background-color: #FBC0D5;
}
/*日曜日の色変更（日付）*/
.wp-calendar-table tbody tr td:last-child{
  background-color: #FDEBF2;
}
.wp-calendar-nav {
  display: flex;
  justify-content: space-between;
  margin-right: 4px;
  margin-left: 4px;
}
.wp-calendar-nav a {
  text-decoration: none;
  display: inline-block;
  padding: 0 10px;
  background-color: #FFC20D;
  color: #FFF;
  border-radius: 7px;
}
/* ロゴ上下余白の修正(縦位置を中央にする) */
.logo-header {
padding: 15px 0 0px 0;
}

/** 検索ボックス **/
.search-edit, input[type="text"] {
 border-width: 3px ; 
}


/** アーカイブのタイトル(下線削除) **/
h3.widget-sidebar-title.widget-title::before {
	  display: none;
}
.sidebar h3 {
  background-color:#99ffcc;
	color: #000000;
  padding: 0px 0px;
  margin: 0px 0px;
	border-radius: 5px;
}


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

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


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

/** COCOONカレンダー(スマホ表示用)のカスタマイズ **/
	#wp-calendar caption {
		font-size: 1.6em;
		font-weight: normal;
	}
	#wp-calendar td,
	#wp-calendar th {
		font-size: 1.4em;
	}

}