@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

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


/* livedoor RSS */
.blogroll-channel {
	border: solid 1px #999 !important;
	height: 300px !important;
	overflow-y: scroll;
}
/* livedoor RSS 両並べ */
.blogroll-wrapper{
	width:950px;
	overflow:hidden;
}
.blogroll-column{
	float:left;
	width:50%;
}
/* livedoor RSS 三角の位置調整 */
.blogroll-channel .blogroll-list-wrap {
        padding-left: 0px;
}
/* livedoor RSS 背景白とフォントの大きさ */
.blogroll-channel {
  background-color:#fff;  /* 白 */
}
.blogroll-channel .blogroll-list {
    font-size: 14px !important;
}


/* 横並び広告全体部分 */
.ad-bottom-main {
  margin-top:20px;  /* 上に余白 */
  margin-bottom:20px;  /* 下に余白（下のコンテンツとの距離） */
  margin-left:20px;
}
/* 広告左 */
.ad-bottom-left{
     float:left;  /* 広告を左寄せ */
     margin-right:10px;  /* 右に余白（２つの広告の間の余白） */
}
/* 広告右 */
.ad-bottom-right{
     float:left;  /* これも広告の左寄せ */
}
/* 最後に左寄せを解除するための記述 */
.ad-bottom-main:after {
  content:"";
  display:block;
  clear:both;
}


/* ウィジェット背景色 */
.widget {
	background-color: #fff;
}


/* h2タグ */
h2 {
  /*線の種類（点線）2px 線色*/
  border-bottom: dotted  1px #dddddd;
}


/* header文字サイズ変更 */
/* スマホ・タブレットビュー */
#header .site-name-text {
	font-size: 18px!important;
}
/* タブレットより大きいサイズの指定 */
@media screen and (min-width: 769px) {
	#header .site-name-text {
		font-size: 24px!important;
	}
}


/* 記事タイトル */
.entry-title {
  background: #5297e5!important; /*背景色*/
  color: white!important;/*文字を白に*/
  padding: 0.5em!important;/*文字周りの余白*/
  font-weight: bold!important;
  border-radius: 0.5em;/*角の丸み*/
}
.entry-card-title {
  color: #333!important;/*文字を黒に*/
  font-weight: bold!important;
}
.popular-entry-card-title {
  color: #333!important;/*文字を黒に*/
  font-weight: bold!important;
}


/* アイキャッチ 余白調整*/
.eye-catch-wrap{
	margin-bottom: 3em;
}


/* エントリーカード　スマホ・タブレットビュー */
.entry-card-title {
 font-size: 16px;
} 
/* タブレットより大きいサイズの指定 */
@media screen and (min-width: 769px) {
.entry-card-title {
 font-size: 18px;
} 
}


/* 関連記事　スマホ・タブレットビュー */
.related-entry-card-title {

}
/* タブレットより大きいサイズの指定 */
@media screen and (min-width: 769px) {
.related-entry-card-title {
  font-size: 18px !important;
}
}

/* adsense 未配信を折りたたむ */
/* ins.adsbygoogle[data-ad-status="unfilled"] {
/*     display: none !important;
/* }

/* リッチコメント */
.recent-comment-author {
		font-size: 1.0em;
}
.recent-comment-date {
		font-size: 0.7em;
}
.recent-comment-title {
    font-size: 1.0em;
    background-color: #FBF4BB;
    margin: 12px 0 3px;
    padding: 7px;
}
.recent-comments img {
    float: left;
    margin-right: 10px;
		font-size: 2em;
}
.recent-comments a {
		padding-left: 5px;
}
.recent-comment-content {
    position: relative;
    padding: 6px;
    background-color: #FFF;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    margin: 18px 0 5px;
    font-size: 1.0em;
    border-radius: 8px;
    border: 2px solid #CE7940;
}
.recent-comment-content::before{
		content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 1px;
    top: -15px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #CE7940;
    border-left: 15px solid transparent;
}
.recent-comment-content::after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 1px;
    top: -12px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #FFF;
    border-left: 15px solid transparent;
}

/*がるちゃん info box背景*/
p.info {
   background-color:#fff0f5;
}

/*RSSウィジェットリンク色*/
a.rsswidget{
	color:#ffffff;
	text-decoration:underline;
}

/*テーブルの背景色*/
table {
background-color: #fff;
}

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

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

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

/************************************
** コメント番号有効
************************************/
.commets-list {
padding-left: 25px;
list-style: decimal;
}