@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

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

.td-background-bs {
  background: #f3a93b;
}

.td-background-ts {
  background: #f0a930;
}


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

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

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

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


main hr{
    margin: 2rem auto;
    width: 88%;
    border: 0;
    border-top: 0.2rem dotted #ccc;
}

.media_box{
  height: 400px;
  overflow: auto;
}

/* --- カレンダー全体のレイアウト --- */
.widget_calendar table {
    border: none !important;
    border-spacing: 5px !important;
    border-collapse: separate !important;
    width: 100% !important;
}

/* --- 曜日ラベル --- */
.widget_calendar th {
    background: none !important;
    color: #666 !important;
    font-size: 0.9em !important;
    border: none !important;
    text-align: center !important;
}

/* --- 投稿がない日（薄いグレー） --- */
.widget_calendar td {
    background-color: #f2f2f2 !important;
    color: #ccc !important;
    border-radius: 4px !important;
    padding: 8px 0 !important;
    text-align: center !important;
    border: none !important;
}

/* --- 投稿がある日のボタン（濃いグレー） --- */
.widget_calendar td a {
    display: block !important;
    background-color: #777 !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    margin: -8px 0 !important;
    padding: 8px 0 !important;
}

/* --- 今日（5月6日）の色をパープルにする --- */
.widget_calendar table td#today,
.widget_calendar table td#today a {
    background-color: #a59fd5 !important; /* れなさん指定色 */
    color: #ffffff !important;
    border-radius: 4px !important;
}

/* --- 前月・次月リンク --- */
.widget_calendar nav a {
    color: #777 !important;
    font-weight: bold !important;
    text-decoration: none !important;
}