@charset "UTF-8";

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

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


.comment-form-email,.comment-form-url,.comment-notes{
	display:none;
}


/** PAGETOPデザイン **/

.page-top a {
display: block;
text-align: center;
background: #32c2bd;
color: #fff;
margin: 0 0 -22px 0;
text-decoration: none;
font-weight: 600;
padding: 10px 0;
margin-top: 3em;
}

/** サイドカテゴリ開始 **/
.widget_categories ul li a,
.widget_archive ul li a {
    display: block;
    font-size: 85%;
    margin: 0;
    position: relative;
    border-bottom: dotted 1px #CCC;
}
.widget_categories ul li a::after,
.widget_archive ul li a::after{
    font-family: "fontawesome";
    content: '\f105';
    position: absolute;
    right: 0.2em;
    font-size: 1em;
    color: #1a1a1a;
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover {
    background-color: #ffffcc!important;
}
.widget_archive ul li a .post-count,
.widget_categories ul li a .post-count {
    float: initial;
    display: initial;
}

.widget_archive ul li a .post-count::after, .widget_categories ul li a .post-count::after {
    content: ')';
}
.widget_archive ul li a .post-count::before, .widget_categories ul li a .post-count::before {
    content: '(';
}
/** サイドカテゴリ終了 **/


/* アイキャッチカテゴリーラベル非表示 */
.entry-card .cat-label,
.related-entry-card .cat-label{
 display: none;
}

/* アマボックス */
.amzBox1{
padding: 5px;
font-size:12px;
}



/*livedoorRSSのデザイン*/
.sugrssBox .blogroll-list {
border-style:none!important;
padding-bottom:3px;
}
.sugrssBox .blogroll-list a {
text-decoration:none;
font-size:14px;
}
.sugrssBox .blogroll-ad-default{
font-size:10px;
}

/*RSS申請フォームのデザイン*/
.fmtx1 {
background:#23b2ad;
color:#fff;
padding:10px;
}

/*サイドバーリンクデザイン*/
.linkBox1 {
padding:0px 5px;
}
.linkBox1 a {
font-size:14px;
text-decoration:none;
}



/*タグクラウドデザイン*/
.tagcloud a {
    background: none; /*背景を消す*/
    border: 1px solid #ccc; 
    border-radius: 20px; /*角の丸み*/
    color: #555; /*文字色*/
    display: inline-block;
    padding: 3px 10px;
    text-decoration: none;
    font-size: 13px;
    margin: 2px;
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
}
.tagcloud a .tag-caption::before {
    content: "#"; /*アイコンの変更*/
    padding-right: 3px;

}
.tagcloud a:hover { /*マウスホバー時*/
    background: #23b2ad;
    border: 1px solid #23b2ad;
    color: #fff;
    transition: 0.5s; /*アニメーションの時間*/
}

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

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
			.content .main, .content .sidebar {
		margin: 0px 10px;
	}
}

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

}

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

}