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

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

/*キービジュアル*/
.appeal{
	width: 100%;/*横いっぱいに表示*/
	height: calc(100vw * calc(768 / 2000));/*幅に合わせて高さを変更*/
	/*400/1920は画像の比率に合わせて変更*/
	margin: auto;/*中央揃え*/
	background-size: contain;/*画像全体を表示*/
}

.card-thumb img{
	border-radius:4px;
}

/*ブログカード*/
.blogcard, .ecb-entry-border .entry-card-wrap{
	border-radius:7px;
	border-style:none;
	box-shadow:0px 4px 10px 0px rgba(55, 76, 89, 0.1);
	padding:2.2%;
}

/*タグ*/
.cat-label.cat-label-6,.cat-link.cat-link-6,.cat-label.cat-label-1,.cat-link.cat-link-1 {
	background-color:#778d9a;
	border:none;
}

/*各項目の見出しデザイン*/
.sidebar h2, .sidebar h3{
	padding:7px;
}

/*パンくずリストの色*/
.breadcrumb-home,.breadcrumb-item,.breadcrumb-caption {
	color:#374c59;
}

/*この記事は1分で読めます*/
.read-time {
	border-top:none; /*上部の二重線と色・太さ*/
	border-bottom: 1px solid ;/*下部の点線と色・太さ*/
}

/*関連記事見出しデザイン*/
.related-entry-heading{
	position: relative;
	border:none;
}
.related-entry-heading:after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #374c59, #374c59 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #374c59, #374c59 2px, #fff 2px, #fff 4px);	
}
.recb-entry-border .related-entry-card-wrap{
	border-radius:6px;
	border:0;
	box-shadow:0px 4px 10px 0px rgba(55, 76, 89, 0.1);
}

/*コメント見出しデザイン*/
.comment-title{
	position: relative;
	border:none;
}
.comment-title:after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #374c59, #374c59 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #374c59, #374c59 2px, #fff 2px, #fff 4px);
}

/*検索ツール*/
.sidebar .search-edit, .search-menu-content .search-edit {
	border-color: #374c59;
	height:36px ;/*検索窓の高さ*/ 
	font-size:14px;
}
.search-submit {
	color:#374c59; /*アイコンの色*/
}

/*プロフィール*/
.author-box .sns-follow-buttons a.follow-button {
  background-color: #fff;
  color:black;
  border: 0px;
}
.author-box {
  border: 0px;
}
.nwa .author-box .author-description {
  font-size: 0.8em;
}

/*人気記事*/
.widget-entry-card-content{
	margin-left:132px;
	font-size:14px;
}

.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a, .widget_block ul li a{
	color:#374c59;
	font-size:14px;
	border-bottom:solid 1px;
}

/*コメントを書き込む*/
.comment-btn.key-btn {
	border: solid 0; /*枠線*/
	border-radius: 25px; /*角丸コーナー*/
	font-weight:bold; /*文字強調*/
	font-size: 18px; /*フォントサイズ*/
	color:#fff;
	background-color:#374c59;
}

/*コメントを送信*/
#submit {
	border: solid 0; /*枠線*/
	border-radius: 25px; /*角丸コーナー*/
	font-weight:bold; /*文字強調*/
	font-size: 18px; /*フォントサイズ*/
	color:#fff;
	background-color:#374c59;
}

/*SP版ホームボタン*/
.mobile-menu-buttons .menu-button > a {
	color:#374c59;
}


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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*ブログカード*/
	.blogcard, .ecb-entry-border .entry-card-wrap{
		padding:3.6%;
	}
}