@charset "UTF-8";

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

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

.cat-label {
display: none;
}
.entry-title{
font-size:30px;
color: #1a1a1a;
padding: 20px 10px;
line-height:1.6em;
border-top: 4px solid #1a1a1a;
border-bottom: 4px solid #1a1a1a;
margin-bottom:30px;
}

.sidebar h3{
    margin: 40px 0 10px 0;
	padding:0;
    color: #1A1A1A;
    font-size: 22px;
    letter-spacing: 2px;
    font-weight: normal;
    border-bottom: 3px solid #C7C7C7;
    position: relative;
	background:#fff;
}
.sidebar h3:after{
	position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #579ADF;
    bottom: -3px;
	left:0;
    width: 15%;
}

h2.blog_sub_ttl{
border-left:10px solid #569ADF;
	letter-spacing:2px;
}
h2.blog_sub_ttl:first-letter{
	color:#569ADF;
	font-size:36px;
	padding-right:5px;
}
.shop_info {
 position: relative;
 margin: 2em auto;
 padding: 15px 30px 15px 10px;
 width: 100%; /* ボックス幅 */
 background-color: #fff; /* ボックス背景色 */
 color: #555555; /* 文章色 */
 border: 1px solid #ccc; /* 枠線 */
 box-shadow: 1px 1px 1px #acacac; /* 影の色 */
}
.shop_info::before {
 position: absolute;
 content: '';
 top: -15px;
 right: 10px;
 height: 55px;
 width: 15px;
 border: 3px solid #555555; /*クリップ色 */
 background-color: none;
 border-radius: 12px;
 box-shadow: 1px 1px 2px #999;
 transform: rotate(10deg);
 z-index: 1;
}
.shop_info::after {
 position: absolute;
 content: '';
 top: 0px;
 width: 10px; 
 right: 20px;
 border: solid 5px #fff; /*背景色と同じ色にする*/
 z-index: 2;
}
.ttl_course{
	display:block;
	background:#569ADF;
	color:#fff;
	padding:10px;
	margin-bottom:10px;
}
.entry-content p{
	margin-bottom:50px;
}

#recent-posts-2 ul li a{
	font-size:14px;
}


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