@charset "UTF-8";

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

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


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


/** コメント表示デザイン **/

#comments-thread h3#resp{
	font-size:16px!important;
	margin-bottom:10px;
	color:#008229;
}

.comment-listCon p {
	font-size:18px!important;
	margin:0 0 0 0!important;
	padding:0px;
	font-weight:bold;
	color:#8da8ff;
}
.comment-listCon .comment-info{
	font-size:12px!important;
	background:#fff;
	padding:2px;
}
.comment-listCon .comment-author{
	color:#008229;
}

.comment-info img{
	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;
}
.amzBox2{
background-color:#fff;
padding: 5px;
font-size:10px;
}
.amzBox2 a{
color:#6acaff!important;
text-decoration:none;
}

/*bestkenko系のリスト*/
.oslst1 {
text-align:left;
font-size:0.8em;
}
.oslst1 a,.oslst1 li{
text-decoration:none;
border-bottom:none!important;
}

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




/*RSSloaderのデザイン*/
.rss_scroll {
    width: 100%;
    background-color: #F7F7F7!important;
    margin:20px 10px;
    border:1px solid #eeeeee;
}
.text_rss_a{
    width: 50%;
    height: 300px;
    float: left;
    overflow-y:scroll;
}
div.textrssa01{
    overflow: hidden;
    background-color: #ffffff;
    padding:0px 7px;
}
div.textrssa01 .lattice-title{
    color:#333;
}
div.textrssa01 .lattice-cell{
    background:none;
}
div.textrssa01 li{
    height: 41px;
    border-bottom: 1px solid #eeeeee;
    border-top:none !important;
}
div.textrssa01 li:last-child{
    border-bottom:none;
}
div.textrssa01 li a{
    height: 36px;
    line-height: 36px;
    padding-left: 25px;
    display: block;
    color: #333333;
    font-weight: bold;
    background: url(images/list-icon.png) no-repeat 5px center;
    background-size: 12px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.rss_texta ul{
    border:1px #ccc solid;
    background:#fff;
}
div.rss_texta .lattice-cell{
    border-top:dashed 1px #ccc;
    background:url(images/list-icon.png) no-repeat 5px center;
}
div.rss_texta .lattice-cell:first-child{
    border-top:none;
}
div.rss_texta a{
    padding-left:1.5em;
}
div.rss_texta .lattice-title{
    height:25px;
    overflow:hidden;
}

div.rssboxgaibu {
	margin-bottom:10px;
}
div.rssboxgaibu h2{
	font-size:0.8em;
	background-color:#8eafdc;
	color:yellow;
	margin-bottom:0;
}


/*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; /*アニメーションの時間*/
}




/*コメントエリアデザイン*/
.comment-content p{
	font-size: 12px;
	line-height: 16px; /* コメント本文のサイズ・行間調整 */
}

.comment-meta .avatar{
	float: left !important;
	border-radius: 27.5px; /* アイコンを丸く切り抜く */
	margin-right: 0.5em;
}
.comment-meta::after{
	content: '';
	display: block;
	clear: left; /* アイコンの回り込み解除 */
}

.bypostauthor .avatar{
	float: right !important; /* 管理人のアイコンは右寄せ */
}

.comment-author{
	font-style: normal; /* 斜体の解除 */
}

.commets-list .children{
	margin-left: 10px;
	padding-left: 6px !important;
	border-left: 2px solid #eee; /* 入れ子コメントの左側に線を表示 */
} 

.commets-list .comment-body, .commets-list .st-comment-body{
	margin-bottom: .5em; /* コメントの間隔を狭める */
}

.comment-reply-link{
	font-size: .7em; /* 「返信」ボタンを小さく */
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
	
.text_rss_a{
    width: 100%;
    height: 400px;
    float: none;
    overflow-y:scroll;
}
/*スマホのコメント背景を白から変更*/
.recent-comment-content {
background: #32c2bd;
font-size: 16px;
}
	
}