@charset "UTF-8";

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

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

/*記事下アフィリエイトデザイン*/
.afi-box{
	/*background:#CCFF99;
	border:2px #000 solid;
	border-radius:3px 3px;*/
	/*padding:0px 15px 15px 15px;*/
	/*margin-top:15px;*/
	margin-bottom:15px;
}
.afi-text-title{
	font-size:1.3rem;
	color:#1C2C5C;
	font-weight:900;
	//background:#95CFE5;
	padding:10px 10px 5px 10px;
	//border:1px #ccc solid;
	border-radius:3px 3px;
}

/*全体のフォントサイズ*/
body , .wp-block-image figcaption{
	font-size:1rem !important;
}

/*記事h2~h4見出し*/
.article h2, .article h3, .article h4, .article h5, .article h6, .sidebar h3{
	background-color: transparent;
	border:0;
	margin-top:1.4em;
	margin-bottom:0.2rem;
	padding:0.2rem 0;
}

.article h2, .sidebar h3{
	background: linear-gradient(transparent 70%, #a7d6ff 70%);
}
.article h2{
	font-size:24px !important;
}
.widget-above-single-sns-buttons-title{
	background-color: transparent;
	border:0;
	margin-top:1.4em;
	margin-bottom:0.2rem;
	padding:0.2rem 0;
	
	background: linear-gradient(transparent 70%, #a7d6ff 70%);
	
	font-size:24px !important;
	font-weight:900;
	padding:0;
}

.article h3{
	position:relative;
	padding-left:1.6rem;
}
.article h3:before{
  font-family: "Font Awesome 5 Free";
  content: "\f00c";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #5ab9ff; /*アイコン色*/
}
.article h4{
	color:#003366;
	font-size:1.1em;
}

/*目次のwidth*/
.toc{
	width:95%;
}

/*ボタン*/
.af-btn{
	text-align:center;
}
.btn-border {
	display:block;
 /* max-width: 180px;*/
	text-align: center;
  border: 2px solid #0966CC;
  font-size: 16px;
  color: #0966CC;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
  background:#ffffff;
}
.btn-border:hover {
  background-color: #0966CC;
  border-color: #000000;
  color: #FFF;
}

/*ブログカード*/
.blogcard{
	padding:0.3em 0.3em;
}

.blogcard-title{
	padding-top:10px;
}
.blogcard-thumbnail{
	width:120px;
}
.blogcard-content{
	min-height:0;
	margin-left:0;
}

.blogcard-snippet , .blogcard-site{
	display:none;
}

.blogcard-footer{
	padding:0;
}

.blogcard-content:after {
  content: "クリックして読む";
  background: #51A7E8; /* 背景色 */
  display: block;
  text-align: center;
  color: #fff;
  font-weight: 900;
  letter-spacing: 1px;
  width: 180px;
  border-radius: 3px;
  font-size: 13px;
  padding: 2px 0px;
  margin-top: 5px;
	margin-right:5px;
  float:right;
}

/*記事下収益記事お知らせタイトル*/
.widget-single-content-bottom-title{
	text-align: center;
    border-bottom: 2px #000 solid;
    font-weight: 900;
}

/*SNSシェアボタン*/
/*プラグインの方*/
.a2a_svg , .go-to-top-button , .onesignal-bell-svg , #at-share-dock a{
	opacity:70%;
}
/*CocoonボトムSNSシェアボタン*/
.button-caption{
	display:none;
}

.main{
	position:relative;
	z-index:1 !important;
}
.sns-share{
	position:fixed;
	z-index: 10000;
	bottom:-10px;
	left:15px;
}
.sns-share-buttons{
}
.sns-buttons a{
	width:32px !important;
	height:32px;
	border-radius:5px 5px;
	margin:0 5px;
	opacity:70%;
}

/*ページトップへボタン*/
.go-to-top{
	bottom:10px;
}


/*ウィジェットのSNSフォローボタン*/
.widget-below-sns-buttons-title{
	display:none;
}
.sns-follow-buttons a{
	height:30px;
}
/*ウィジェット　最新のコメント*/
#recentcomments{
	list-style:none;
}

/*本文下ウィジェットタイトル*/
.widget-single-content-bottom-title{
	display:none;
}

/*ブログランキング*/
.blog_ranking{
	border:1px #ccc solid;
	border-radius:3px;
	text-align:center;
	padding:5px 0;
	margin:10px auto;
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.blog_ranking:before{
	content:'\f35a';
	font-family:'Font Awesome 5 Free';
}
.blog_ranking a{
	font-weight:900;
}

/*codocのサポート(投げ銭)ボタン*/
.codoc-bottom , .codoc-like-wrap{
	display:none !important;
}

/*プロフィールウィジェット*/
.author-widget-name{
	background: linear-gradient(transparent 70%, #a7d6ff 70%);
	font-weight:900;
}
.author-widget-name{
	margin-bottom:10px;
}
.author-description p{
	font-size:0.9rem;
	line-height:1.5rem;
}

#author_box-2{
	/*background:url(https://so-t.biz/wp-content/uploads/2020/10/white-2127384_1280.png) center top no-repeat;
	background-size:cover;*/
}

/*プロフィール画像*/
.author-thumb{
	height: 120px;
	width:120px;
    content: url(https://so-t.biz/wp-content/uploads/2019/05/6b2eeabee96865bbf70cdc1192482744-1.jpg);
    border-radius: 50%;
}
/*プロフィールウィジェットSNSフォローボタン*/
.author-box .sns-follow-buttons a.follow-button{
	width:35px;
	height:35px;
	font-size:1.6rem;
	color:#1967d2;
}

/*SNSシェアボタン下amazon広告*/
.amazon-ad{
	margin:10px 10px;
}

/*テキストエディタGutenberg*/
.block-editor-block-list__layout{
	padding:0;
}

/*CTAウィジェット*/
.cta-message a{
	color:#fff;
}
.cta-message a:hover{
	color:#ff0000;
}

/*PR人気記事ウィジェット*/
#popular_entries-4 > .popular-entry-cards > a{
	max-width:33%;
	float:left;
}
#popular_entries-4 > .widget-above-single-sns-buttons-title{
	display:none;
}

/*関連記事ウィジェット*/
.widget-related-entry-cards > .widget-related-entry-card-link{
	max-width:33% !important;
	float:left;
}
#related_entries-2 > .main-widget-label{
	display:none;
}

/*文章収益記事への誘導CTA*/
.ad-bunsho{
	background:#F3FAFE;
	border:2px #BFE5FC solid;
	border-radius:3px 3px;
	padding:15px 15px;
	font-weight:900;
	margin:30px auto;
}

/*コメント*/
#wpcomm .wc-comment-author a{
	white-space:normal !important;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	.author-thumb{
		height: 120px;
		width:120px !important;
	}
	
	#popular_entries-4 > .popular-entry-cards > a{
		clear:both;
		max-width:400px;
	}
	.widget-related-entry-cards > .widget-related-entry-card-link{
		clear:both;
		max-width:400px !important;
	}
	
	.kanren > div{
		clear:both;
		width:100%;
		margin-bottom:30px;
	}
	
}