@charset "UTF-8";

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

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

/* 見出し1 */
.article h1{
	font-size: 23px;
	color: #7d7d7d;
	font-weight: 300;
}

/* 見出しリセット */
/* 見出し2 */
.article h2{
background:none;
padding: 0;
}
/* H3 */
.article h3{
border:none;
background:none;
padding: 0;
}


/* 見出し2デザイン変更 */
.article h2 {
  position: relative;
  padding: 0.5em;
/* くすみブルー */
  background: #8ac0c0;
  color: white;
	font-size: 20px;
	font-weight: 300;
}

.article h2::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}


/* 見出し3デザイン変更 */
/* H3 */



.article h3 {
  border-bottom: solid 3px #B5E0EB;
  position: relative;
	font-size: 18px;
	font-weight: 300;
}

.article h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #FFC1C1;
  bottom: -3px;
  width: 30%;
}





/*エントリーカードの行間調整*/

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

/*エントリーカードのタイトル調整*/
.entry-card-title {
 color: #68605c;
} 

/*サイドバー文字色調整*/
#sidebar{
  color: #68605c;
}

#sidebar a {
color: #68605c;
}


/*サイドバー（h3）*/
.sidebar h3 {
	font-weight: 300;}
.sidebar h3 {
  position: relative;
}

.sidebar h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #a2e0e0, #a2e0e0 1px, #fff 1px, #fff 2px);
  background: repeating-linear-gradient(-45deg, #a2e0e0, #a2e0e0 1px, #fff 1px, #fff 2px);
	
}

/*プロフィールふきだし*/
.balloon1 {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #fff;
font-size: 16px;
background: #e79ca0;
border-radius: 15px;
}
.balloon1:before{
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #e79ca0;
}
.balloon1 p {
margin: 0;
padding: 0;
}

.author-box p {
	margin-top: 0.3em;
    line-height: 2.0;
	font-size: 13px;
	font-weight: 300;
    text-align: center;
}

/*アピールエリア背景削除、文字のフォントと色変更*/
.appeal-content {
  background: none;
}
.appeal-message {
	font-family:"Hiragino Sans", "ヒラギノ角ゴシック";
	color:#99858e;	
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}