@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.entry-card-wrap{
  border-radius: 5px;
  border-style: none;
}
.entry-card-title, .related-entry-card-title {
    line-height: 1.5;
    padding: 8px;
    font-weight: 400;
  }
.related-entries.recb-entry-border .related-entry-card-wrap{
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
  border-style: none;
  margin-bottom:7px;
}
.sidebar h3{
  padding: 0.5em 0.8em;
  font-size: 1em
}

/*人気・新着記事 タイトル*/
.widget-entry-card,new-entry-card {
font-size: 15px;
line-height: 1.5em;
}
/*おすすめ*/
.recommend-2{
	display:flex;
}
.recommend-2 a img {
	display: block;
	padding: 10px 2px 0 ;
	width: 100%;
}

/*トップバナーPC横並び*/
.recommend-2{
	display:flex;
}
.recommend-2 a img {
	display: block;
	padding: 10px 4px 0;
	width: 100%;
}

/*トップバナースマホ２列*/
.recommend-3{
	display:flex;
}
.recommend-3 a img {
	display: block;
	padding:4px 2px 0;
	width: 100%;}

/*検索窓*/
.search-box .search-edit {
font-size: 14px;
padding: 5px 20px;
border-color:#49b8b7;
border-radius: 50px;
height: 50px;
}
.search-box .search-submit {
top: 0;
right: 0px;
height: 100%;
width: 60px;
color: #49b8b7;
}



/* 記事概要 */
.post-summary{
	background-color: #ecfbda;
	padding: 15px;
	border: 1px solid #ecfbda;
}

/*見出し*/
.article h2,.sidebar h3 {
  position: relative;
	background-color:unset;
	border-bottom: 2px solid #49b8b7;
	padding: 10px;
}

.article h3,.article h4, .article h5, .article h6,#toc{
	border-color:#49b8b7;
	
}

.article h3{
	border-right:unset;
	border-bottom:unset;
	border-top:unset;
	border-left: solid 4px #49b8b7;
}

/*見出し太さ*/
.article h1,.article h2,.article h3,.sidebar h3, #archive-title{
	font-weight:500;
}

/* サイドバー文字色 */
.sidebar h3 {color :  #49b8b7;
	border-bottom: 3px solid;
	padding: 2px;
	}

/*ページネーション*/
.pagination-next-link {
  display: none;
}

.page-numbers { /*通常時*/
  color: #49b8b7;
  border: 1px solid #49b8b7;
  border-radius: 50%;
}

.pagination .current { /*現在のページ*/
  background-color: #49b8b7;
  color: #fff;
}

.page-numbers.dots { /*ドット「…」の部分*/
  opacity: 1;
  background: none;
}

.pagination a:hover { /*マウスホバー時*/
  background-color: #49b8b7;
  color: #fff;
}



/*topウィジェット文字色*/
#text-4{color: #49b8b7;
line-height: 1.2;
  border-bottom:2px solid;
  width: 150px;
	margin-left: auto; 
	margin-right: auto;
}

#text-5{color: #49b8b7;
line-height: 1.2;
  border-bottom:2px solid;
  width: 150px;
	margin-left: auto; 
	margin-right: auto;
}

#text-7{color: #49b8b7;
line-height: 1.2;
  border-bottom:2px solid;
  width: 150px;
	margin-left: auto; 
	margin-right: auto;
}

/*ボックスメニュー色変更*/
.box-menu-icon{
  color: #49b8b7;
}

.box-menu:hover {
    box-shadow: inset 2px 2px 0 0 
#49b8b7,2px 2px 0 0 #49b8b7,2px 0 0 0 #49b8b7,0 2px 0 0
    #49b8b7;
} 

.box-menu-label{
	color: #49b8b7;
	font-size: 12px;
}

.box-menu{
border:1px solid #49b8b7;
}



/* 最上部に黄緑ライン */
body::before {
  content: "";
  display: block;
  height: 20px; /* 線の太さ */
  background-color: #eeffd9; /* 黄緑系の背景色 */
}

/* アイキャッチの高さ揃えて角丸く */
.entry-card-thumb.card-thumb img{
  -o-object-fit: cover;
  object-fit: cover;
	border-radius: 20px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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