@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){
  /*必要ならばここにコードを書く*/
}

/* スクロールバーの設定 */

::-webkit-scrollbar {
  background: #14162b;
  width:5.5px;
  height:8px;
}

::-webkit-scrollbar-track {
  background: #333;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background-color: #7f80ea;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #5e60d0;
}

/* ---ここまで--- */

/* フッターカラー設定 */

.skin-grayish .footer {
	background: #f0e8ee;
}

/* ---ここまで--- */

/*ウィジェットカレンダーの背景と枠線を消す*/
.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: #fbceed; /*背景色*/
border-radius: 14px 14px 14px 14px;
color: #0b0c1d; /*文字色*/
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: #0b0c1d; /*文字色*/
}

/*カレンダーナビ*/
.wp-calendar-nav{
text-align:center;
font-size:90%;
text-align-last: justify;/*両端ぞろえ*/
}

/*先月のナビ*/
.wp-calendar-nav-prev{
display:inline-flex;
text-align: left;
}
/*来月のナビ*/
.wp-calendar-nav-next a{
display:inline-flex;
text-align: right;
}