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

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

/*ウィジェットカレンダーの背景と枠線を消す*/
.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: #e0ebaf; /*背景色*/
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{
background: #e0ebaf; /*背景色*/
color: #2f5d50; /*文字色*/
}



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

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

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