@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.3
*/

body {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
a {
  color: #3e7794;
}
#main{
	padding: 5% 5% 4%;
}
.fa-folder:before,.fa-home:before,.fa-tag:before,.fa-history:before{
	display: none;
}
  /*必要ならばここにコードを書く*/

.tag-link,.cat-link{
  border-radius: 20px;
  border-color: #EF8E8E!important;
  color: #EF8E8E;
  font-size: 12px;
  padding: 3px 15px 3px 10px;
}
.cat-link{
	border: 1px solid #000;      /* 線の太さと色 */
  border-radius: 20px;          /* 角丸の半径 */
  background-color: transparent; /* 背景は透明 */
}
.cat-link:hover{
	background-color: rgba(54, 84, 134, .05);
	color: var(--cocoon-text-color);
	background-color: #f5f8fa;
	transition: all 0.3s ease-in-out;
	opacity: 1;
}
.article h1{
	line-height: 1.5;
	font-size: 20px;
}
#breadcrumb{
	font-size: 12px;
}
.eye-catch .cat-label,.cat-label{
	border-radius: 10px;          /* 角丸の半径 */
  color: #fff;                  /* 文字色 */
  background-color: #EF8E8E;    /* 背景色 */
  border: 2px solid #EF8E8E;    /* 枠線の色と太さを指定 */
}
.article h2,.article h3{
	font-size: 22px;
}
.article h2:not(.related-entry-heading){
	color: #333;
	background-color: rgba(122, 188, 196, 0.5);
	border-radius: 7px;
	padding: 13px 0 13px 15px ;
	margin-top: 60px;      
}
.article h3{
	color: #7ABCC4;
	border: none;
	padding: 40px 0 0;
}
.article h4,.article h5,.article h6{
	border: none;
	padding: 40px 0 0;
}
.has-key-color-color {
    color: #24B4C6!important;
}
img {
  border-radius: 10px; 
}
.body .wp-block-image{
	margin-top: 24px;
}
.entry-content p{
	line-height: 27.2px;
	font-size: 16px;
	margin: 3px;
}
.sns-share.ss-col-4 a {
   width: 4%;
   min-width: 45px;
}
.sns-share.ss-col-4 a .button-caption {
	display:none;
}

.sns-share.ss-high-and-low-cl a .social-icon, .sns-share.ss-high-and-low-lc a .social-icon, .sns-share.ss-high-and-low-cl a .button-caption, .sns-share.ss-high-and-low-lc a .button-caption {
	    font-size: 24px;
}
.a-wrap .blogcard{
	background-color: rgba(18, 6, 6, 0.04);
	border-color: transparent;
}
.article .micro-balloon {
   margin-top: 60px;
}
.blogcard-label {
    background-color: #EF8E8E;
}
.prev-post-title,.next-post-title{
	line-height: 1.2rem;
}
.wp-block-cocoon-blocks-blogcard{
	margin-top: 7%;
}
.blogcard-label{
    background-color: #7ABCC4!important;
}
.fa{
	display: none;
}
.key-btn {
	 background-color:initial;
	 }
.pagination-next-link{
	border-radius: 30px;
}
.pagination{
	display: none;
}
.entry-card-snippet{
	display: none!important;
}
.ect-vertical-card .entry-card-wrap .entry-card-meta {
    margin-top: 0;
}

@media screen and (max-width: 480px){
	#main {
    padding: 1% 4% 1%;
	}
	.entry-title{
		padding: 0;
	}
	.tag-link, .cat-link {
    padding: 0px 6px 0 2px;
	}
  .date-tags{
		font-size: 10.5px;
	}
	.article h2,.article h3{
		font-size: 16px;
}
	.sns-share.ss-col-4 a {
    width: 12%;
	}
	.e-card-title {
    font-size: 12px;
    line-height: 20px;
  }
}
/*YouTube動画の中央配置*/
.video-container{
margin: 0px auto;
}

/* ツイート埋め込みを中央配置する */
.twitter-tweet {
	width: 500px !important;
	margin-left: auto;
	margin-right: auto;
}