@charset "UTF-8";

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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.article h1 {
		font-size: 20px;
	}
	.article h2 {
		font-size: 19px;
	}
	.article h3 {
		font-size: 18px;
	}
	.article h4 {
		font-size: 18px;
	}

	.entry-title, .archive-title {
    font-size: 20px;
    margin: 16px 0;
    line-height: 1.3;
	}
    .entry-card-thumb {
        width: 100%;
  	}
	.e-card-title {
    display: inline-block;
	}

}

body {
    font-family: -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color: #444444;
	background-color: #eee;
}

/* 余白 */
#list {
	margin-top: 30px
}

#body {
	background-color: #eee;
	margin-top: 10px;
	padding-top: 50px;
}

/* 記事間に線を引く */
#main .post {
  border-bottom: 2px solid #F0F0F0;
  padding-bottom: 5px;
 }

.post-update{
    display: none;
}

/*　リストの余白　*/
ul > li {
	margin: 6px 0px;
}

/*見出し*/
.entry h2 a{
	font-size: 19px;
	font-weight: 600;
}

/*文字サイズ*/
.article h2 { 
	border-bottom: 1px solid #43779D;
	padding: 5px 5px 8px 0px;
	background: none;
	font-size: 20px;
}

.article h3 {
   border-left: none;
   border-bottom: 1px solid #8a9970;
	border-right: none;
	border-top: none;
   padding: 5px 5px 8px 0px;
	font-size: 19px;
}

.article h4 {
   border-top: none;
   padding: 5px 5px 8px 0px;
	font-size: 19px;
}
/*プロフィール*/
.custom-html-widget {
	text-align: center;
}

.entry-thumb {
	margin-right: 25px;
}

.cat-label {
    display: none;
}
.sidebar {
    font-size: 17px;
}
.widget_categories ul li a {
    font-size: 15px;
    padding: 4px 0px;
}

.a-wrap {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  transition-duration: 0.3s;
}
.a-wrap:hover {
  background-color: transparent;
  transform: translateY(-4px);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.24);
  transition-duration: 0.3s;
}
.a-wrap > div {
  border: none;
}