@charset "UTF-8";

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

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

.wpcf7-list-item { width:90%; padding:5px; border-bottom:1px dotted #ccc; font-size:16px; }

/***カテゴリウィジェット**/
#sidebar aside ul li ul li {
background: 0;
padding-left: 0;
}
#sidebar aside li.cat-item a {
display: block;
overflow: hidden;
font-size: 15px;
line-height: 2.4em;
text-decoration: none;
padding: 0 8px;
color: #804620;
margin-bottom: 1px;
}
#sidebar aside li.cat-item a:hover {
background: #fff;
color: #C03;
}
#sidebar aside li.cat-item span {
line-height: 1em;
float: right;
margin: 8px 0 0 8px;
padding: 4px 8px;
border-radius: 50px;
color: #fff;
background: #FEEEBE;
}
.widget_categories ul li a::before { /*親カテゴリのアイコン*/
    font-family: FontAwesome;
    content: "\f0da";
    padding-right: 10px;
}
.widget_categories ul li ul li a::before { /*子カテゴリのアイコン*/
    font-family: FontAwesome;
    content: "・";
}

/* カード画像の高さをそろえる */
.entry-card-thumb{
	position: relative;
	overflow: hidden;
	height: 150px;
}
.related-entry-card-thumb{
	position: relative;
	overflow: hidden;
	height: 120px;
}
.carousel-entry-card-thumb{
	position: relative;
	overflow: hidden;
	height: 80px;
}
.carousel-entry-card-title{
	font-size: 12px;
}
.card-content{
	padding-top:10px;
}

/* */
.popular-entry-card-title,
.new-entry-card-title{
	font-size: 85%;
}
/* */
.article h4 {
    border: none;
    padding: 0;
}
.article h4 {
    color: #444d53;
    padding: .2em 1em;
    margin-top: 40px;
    border-left: 6px solid #444d53;
}
ul{
	margin:0;padding:0;}
.wp-block-rss{
	margin:0 auto;
	padding:0;
	
}
.wp-block-rss li{
	margin:0;
	padding:5px 0;
	list-style:none;
	border-bottom:1px dotted #ccc;
	
}
.article h2 {
  padding: 10px 0;
  background-color: transparent;
  border-radius: 0;
	font-weight:bold;
}

.article h3,.article h4 {
	font-weight:bold;
}


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

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

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

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