@charset "UTF-8";

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

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

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

/* 新規投稿の見出し変更*/
.entry-title {
position: relative;
background: #FDE76A;
box-shadow: 0px 0px 0px 5px #FDE76A;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #F17E18;
}

.entry-title:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/* 新規投稿の見出し変更*/
h2{
position: relative;
background: #FDE76A;
box-shadow: 0px 0px 0px 5px #FDE76A;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #F17E18;
}

h2:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/* サイドバーの見出し変更*/
.sidebar h3  {
   text-align: center;
   color: #FFFFFF;
   position: relative;
   padding: 5px 5px;
   border-bottom: solid 3px #F6FB66; /* 下線（右）の色*/
   border-radius: 25px;
   background-color: #FC8B27; 
}
/*アイキャッチャのラベル非表示*/
.cat-label {
	display: none;
}

/*プロフィールバルーン*/
.hukidasi{
	background: #FFFFFF;
	color: #F93CEA;
	text-align: center;
	width: 75px;
	padding: 8px 0;
	border-radius: 12px;
	position: relative;
	margin-top:5%;
	margin-left: 55%;
}
.hukidasi:before{
	content: "";
	position: absolute;
	bottom: -23px;
	right: 40%;
	border: 12px solid transparent;
	border-top: 12px solid #FFFFFF;
}

/*プロフ背景*/
.author-box{
	background-color: #F4E6BD;
	border:dotted;
	border-radius: 25px;
}

/*ヘッダーリンクカーソルエフェクト*/
.caption-wrap:hover {
    font-weight: bold;
    color: #FB1414;
    border-bottom: 3px solid #FB1414;
}