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

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

/*トップロゴの位置調整*/
.logo{
	text-align: left;
}
	/*margin-bottom: 90px;
	margin-left: 23px;*/


/*記事背景色の変更*/
/* main背景 */
.home .main,
.archive .main,
.search-results .main {
	background: #524A3A;
}

/*サイト内検索結果・見つからない場合の画面*/
/*背景*/
.search-no-results .main {
	background: #524A3A;
}

/*notfoundの文字色*/
.posts-not-found {
  display: none;
}

/*背景色に併せ文字色変更*/
.a-wrap {
    color: #FFFAE1;
}

/* トップページのタイトル変更 */
.list-title-in{
	color: #FFFAE1;/*文字の色*/
	font-size: 27px;/*文字の大きさ*/
}

.list-title-in:before, .list-title-in:after {
	background-color: #FFFAE1;/*線の色*/
}

/*「次のページ」表示を消す*/
.pagination-next {
display: none;
}

/*ページ送りボタン／戻りボタンのカスタマイズ*/
.page-numbers { /*現ページ以外のページ番号*/
  background-color: #524A3A; /*背景色*/
  border: solid 2px #FFFAE1; /*枠線*/
  border-radius: 24px; /*角丸コーナー*/
  /*font-family: sans-serif; /*フォントゴシック指定*/
  font-size: 16px; /*フォントサイズ*/
  /*font-style: oblique; /*斜体フォント*/
  color: #FFFAE1; /*文字色*/
  /*font-weight: bold; /*文字強調*/
  /*box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
  transition: all 0.1s ease; /*アニメーション*/
  font-family: Lato,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,sans-serif;
}
  @media screen and (max-width: 1030px) { /*スマホ表示設定*/
  .page-numbers {
    font-size: 15px; /*フォントサイズ*/
    line-height: 40px; /*高さ調整*/
  }
}
.pagination a.page-numbers:hover { /*現ページ以外のページ番号のホバー時*/
  background-color: #919636; /*背景色*/
  border: solid 2px #FFFAE1; /*枠線*/
  border-radius: 24px; /*角丸コーナー*/
  /*font-family: sans-serif; /*フォントゴシック指定*/
  font-size: 16px; /*フォントサイズ*/
  /*font-style: oblique; /*斜体フォント*/
  color: #FFFAE1; /*文字色*/
  /*font-weight: bold; /*文字強調*/
  /*box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
  font-family: Lato,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,sans-serif;
}
.pagination .current { /*現ページ番号*/
  background-color: #919636; /*背景色*/
  border: solid 2px #FFFAE1; /*枠線*/
  border-radius: 24px; /*角丸コーナー*/
  /*font-family: sans-serif; /*フォントゴシック指定*/
  font-size: 16px; /*フォントサイズ*/
  /*font-style: oblique; /*斜体フォント*/
  color: #FFFAE1; /*文字色*/
  /*font-weight: bold; /*文字強調*/
  /*box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
  font-family: Lato,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,sans-serif;
}
.page-numbers.dots { /*ページ番号ドット*/
  background-color: transparent; /*背景*/
  border: none; /*枠線*/
  color: #FFFAE1; /*文字色*/
  font-size: 28px; /*フォントサイズ*/
  /*font-weight: 900; /*文字強調*/
  font-style: normal; /*通常フォント*/
  box-shadow: none; /*シャドー（影）無し*/
  opacity: 1.0; /*不透明度無し*/
}
  @media screen and (max-width: 1030px) { /*スマホ表示設定*/
  .page-numbers.dots {
    line-height: 36px; /*高さ調整*/
  }
}

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

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

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