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

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

/*--フォント--*/
/*--
body{
font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif !important;
}
--*/


/*--アイキャッチ画像の色彩を薄めに--*/
.entry-card-thumb{
	filter: contrast(0.9) grayscale(0.4);
}


/*--ページ送りナビの画像非表示--*/
.prev-post-thumb,
.next-post-thumb{
  display:none;
}


/*--モバイルでもフッター表示--*/
@media screen and (max-width: 768px) {
	.footer-widgets {
		display: block;
	}
}


/*--全体のリンクホバー--*/

a:hover {
	color: #594e52;
}


/*--目次変更--*/
.toc {
 margin: 0 auto 1em;
 width: 80%;
}


/*--見出し変更--*/
.article h2 {
  padding: 0.75em;
  border-top: solid 1px #aaa;
  border-bottom: solid 1px #aaa;
  background: -webkit-repeating-linear-gradient(-45deg, #f3f3f3, #f3f3f3 3px, #fff 3px, #fff 7px);
  background: repeating-linear-gradient(-45deg, #f3f3f3, #f3f3f3 3px, #fff 3px, #fff 7px);
}

.article h3 {
  padding: 0.5em 0.5em;
  background: transparent;
	border-top: none;
	border-right: none;
  border-left: solid 10px #eee;
	border-bottom: dashed 2px #eee;
}


/*--文字反転色--*/

::selection {
    background: #cdd;
    color: #fff;
}


/*--サムネイル行間変更--*/

.entry-card-title {
  line-height: 2;
}

.entry-card-snippet {
  line-height: 2;
}


/*--記事タイトルセンタリング--*/

.page .entry-title,
.single .entry-title {
	text-align: center;
	padding: 20px;
}


/*--記事一覧リンクホバリング--*/

.entry-card-wrap:hover {
	box-shadow: 3px 10px 10px -5px rgba(0,0,0,0.2);
	transform: translateY(-2px);
	background-color: #f7f6f5; 
	transition: all .3s ease;
}

/*--一覧画像左上のカテゴリ削除--*/
.cat-label {
	display: none;
}

.related-entry-card .cat-label {
	display: none;
	background-color: #fff;
}


/*--投稿のカテゴリとタグ--*/
.cat-link, .tag-link {
	color: #9d8e87;
	border: none;
	background-color: #fff;
}

.cat-link:hover,
.tag-link:hover {
	color: #594e52;
	opacity: 1;
	background: #c9c9c2;
	transition: all .5s ease;
}


/*--サイドバー見出し--*/

.sidebar h3 {
	font-family: 'Nothing You Could Do', cursive;
	font-size: 28px;
	text-align: center;
	letter-spacing: 3px;
	width: 100%;
	padding: 7px;
}

/*--「次のページ」非表示--*/

.pagination-next {
	display: none;
}


/*--改ページデザイン--*/

.page-numbers {
	border-radius: 50%;
	border: 0;
}
.page-numbers.dots {
	background-color: #fff;
}


/*--モバイルのキャッチフレーズ削除--*/
@media screen and (max-width: 1023px) {
  .tagline {
    display: none;
  }
}


/*--コメント送信ボタン--*/

.form-submit {
	padding: 15px 0;
}

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

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

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