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

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



/************************************
** 最近のコメント 
************************************/
#recentcomments > .recentcomments {
  font-size: 14px;
}


/************************************
** 年月アーカイブ内 
************************************/
#archives-3 > ul > li.year_btn {
  display: block;
  position: relative;
}
#archives-3 > ul > li.year_btn::after {/* 閉じ状態 */
  content: "+";
  color: #fff;
  font-size: 13px;
  position: absolute;
  left: 72px;
  top: 3px;
}
#archives-3 > ul > li.year_btn.opened::after {/* 閉じ状態 */
  content: "－";
  color: #fff;
  font-size: 13px;
  position: absolute;
  left: 71px;
  top: 3px;
}
#archives-3 > ul > li.year_btn::before {/* 閉じ状態 */
  content: "";
  background-color: #ccc;
  border-radius: 3px;
  display: block;
  height: 15px;
  width: 15px;
  position: absolute;
  left: 70px;
  top: 6px;
}
#archives-3 > ul > li.year_btn { /* 開き状態 */
  
}
#archives-3 > ul > ul {
  display: block;
  
}


/************************************

************************************/
.pager-post-navi a.next-post, .pager-post-navi a.prev-post {
    border: 1px solid #879d9d;
}
.pager-post-navi.post-navi-square a {
    margin: 0 1%;
    width: 48%;
}
.pager-post-navi a.prev-next-home {
    border: 1px solid #879d9d;
}


/*2021.08.16追加 画像横に説明がくるbox*/
article.img-box {
  border: #f5f5f5 2px solid;
  border-width: 2px 0;
  padding-top: 4px;
}

article.img-box::after {
  display: block;
  clear: both;
  content: "";
}

article.img-box img {
  object-fit: contain;
}

/*「関連リンク」部分の固有css */
/* ★ul li のラストと定義 */

.navi-in > ul li:last-child > ul li {
    height: 50px;
    line-height: 50px;
}

/*モバイル閉じるボタン用固有css */
.fa-close:before {
    color: #afe0e5;
}

/* ウィジェット調整 */
.widget_recent_entries ul li a{
font-size: 14px;/*文字の大きさ*/
letter-spacing: 0.1em;/*文字の間隔*/
line-height: 1.3;/*行の高さ*/
}
/* ウィジェット調整 */
.widget_categories ul li a{
font-size: 14px;/*文字の大きさ*/
letter-spacing: 0.1em;/*文字の間隔*/
line-height: 1.3;/*行の高さ*/
}
/* ウィジェット調整 */
.widget_archive ul li a{
font-size: 14px;/*文字の大きさ*/
font-weight: bold;/*文字の太さ*/
color: #666666;/*文字の色*/
letter-spacing: 0.1em;/*文字の間隔*/
line-height: 1.3;/*行の高さ*/
}



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


}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .pager-post-navi.post-navi-square a {
      width: 100%;
      padding: 7px;
  }


}