@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){
  /*必要ならばここにコードを書く*/
}
.logo{
	text-align:left;
}
/* 新着記事表示 */

.new-entry-cards.large-thumb {
display: flex;
flex-wrap: wrap;
}

.new-entry-cards.large-thumb a {
width: 33.333%;
}

/768px以下/
@media screen and (max-width: 768px){
.new-entry-cards.large-thumb a {
width: 50%;
}
}

/480px以下/
@media screen and (max-width: 480px){
.new-entry-cards.large-thumb a {
width: 100%;
}
}

/*ウィジェットカレンダーの背景と枠線を消す*/
.widget_calendar #wp-calendar th,
.widget_calendar #wp-calendar td{
width: 14%;
padding: 5px;
font-size: 12px;
background: none;
border: none;
outline: none;
}
.wp-calendar-table{
border-top-width:0;
border-right-width:0;
}
/*日付の背景（色や形を変更）*/
.widget_calendar tbody td a {
background: #000;
border-radius: 14px 14px 14px 14px;
color: #fff;
display: inline-block;
height: 28px;
line-height: 28px;
margin: 1px;
vertical-align: middle;
width: 28px;
text-decoration: none;
}
/*今日の更新のみ色を変える*/
.widget_calendar tbody td#today a{
color: #333;
}
/*マウスを上に置いたとき色を変える*/
.widget_calendar tbody td a:hover{
background-color: #bbbcde;
color: #000;
}
/*マウスオーバー時の動き*/
.widget_calendar tbody td a:hover{
cursor: pointer;
transform: scale(1.1,1.1);
transition : 1s;
}
/*カレンダーナビ*/
.wp-calendar-nav{
text-align:center;
font-size:90%;
text-align-last: justify;/*両端ぞろえ*/
}
/*カレンダーナビ　リンク文字色*/
.wp-calendar-nav a{
color:#1e73be;
}
/*先月のナビ*/
.wp-calendar-nav-prev{
display:inline-flex;
text-align: left;
}
/*来月のナビ*/
.wp-calendar-nav-next a{
display:inline-flex;
text-align: right;
}