/*
  Skin Name: kodomo-kurashiスキン
  Description: kodomo-kurashiで採用しているスキンです。
  Skin URI: https://kodomo-kurashi.com/
  Author: ばんぞう
  Author URI:  https://kodomo-kurashi.com/
  Screenshot URI: https://im-cocoon.net/wp-content/uploads/skin-template.png
  Version: 1.0.0
  Priority: 9900000
*/
/*以下にスタイルシートを記入してください*/


/* cocoon設定　文字サイズPC16px モバイル15px・文字の太さ400・行の高さ1.7 行の余白1.6 */

/* 記事ヘッダまわり */

.article-header {
	display: flex;
	flex-direction: column;
}
.entry-title{order:1;}
.eye-catch-wrap{order:3;}
.date-tags{order:4;}
.sns-share {order:2;}

/* アイキャッチ画像 */
.single .eye-catch img{
	max-height:420px;
	object-fit: cover;
}
/* SNSシェアボタン */
.sns-buttons a{height:40px;}



/* 見出し */
.article h2 {
    font-size:1.4em;/*22.4px*/
    padding: 15px 25px;
	color:#333;
	font-weight:700;
	background-color:transparent;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
}

.article h3 {
    border-left: 8px solid #00a5a6;
    border-right: none;
    border-top: none;
    border-bottom: none;
    font-size: 1.3125em;/*21px*/
	font-weight:700;
	color:#444;
    padding: 0.5em 0.3em 0.5em 0.8em;
}


/* サイドバー見出し */
.sidebar h2, .sidebar h3 {
    background-color: #fff;
    padding: 0;
    margin:  0 0 1em 0;
    border-radius: 0;
	position:relative;
}
.sidebar h2::before,
.sidebar h3::before {
    content: "";
    width: 100%;
    height: 2px;
	background: repeating-linear-gradient(90deg, #00a5a6 0%,  #00a5a6 29.3%, rgba(150,150,150,.2) 29.3%, rgba(150,150,150,.2) 100%);
    position:absolute;
	bottom:-3px;
	left:-0.1em;
}



/* キャプション */

figcaption{
	font-size:1em;
	color:#555;
}
.wp-block-image figcaption{margin-top:0.3em;!important}

/* ボックス */
.blank-box{
	border-width:2px;
	border-radius:3px;
}
.blank-box.bb-tab{
	margin-top:3em;
}
.blank-box.bb-tab .bb-label{
	left:-2px;
	border-radius:3px 3px 0 0;
}

/* リスト */

.article ul li, .article ol li{
	margin:0.8em 0;
	line-height:1.3;
}

/* エントリーカード　*/
.entry-card-snippet, .related-entry-card-snippet, {
  font-size: 15px;
  max-height: 7.8em;
  line-height: 1.45;
  overflow: hidden;
}
.sidebar .widget-entry-card{font-size: 15px;}

/* ボタン中 */
.btn-m, .btn-wrap.btn-wrap-m > a{
	padding: 9px 50px;
}


/* アイコンリスト（タイトルボックスと使用するためpadding調整） */
.wp-block-cocoon-blocks-iconlist-box.blank-box{padding:0 0 1em 0;}

/* サイドバーカテゴリー */
.widget_categories ul li a{
  line-height: 1.45;
  font-size: 15px;
  border-bottom: 1px solid #e1e1e1;
}
.widget_categories ul li a::before{
  font-family: "Font Awesome 5 Free";
  content: "\f07b";
  color: #aaa;
  padding-right: 10px;
  font-weight: 700;
}
.widget_categories > ul > li > a:first-child{ 
  border-top: none;
}


/* 文字サイズ変更 */

.f11em{font-size:1.1em;}
.f12em{font-size:1.2em;}
.f14em{font-size:1.4em;}
.f16em{font-size:1.6em;}
.f18em{font-size:1.8em;}
.f20em{font-size:2em;}

.f11em-b{font-size:1.1em; font-weight:bold;}
.f12em-b{font-size:1.2em; font-weight:bold;}
.f14em-b{font-size:1.4em; font-weight:bold;}
.f16em-b{font-size:1.6em; font-weight:bold;}
.f18em-b{font-size:1.8em; font-weight:bold;}
.f20em-b{font-size:2em; font-weight:bold;}


/* 強制変更 */

.padding-0{padding:0!important;}
.margin-0{margin:0!important;}

/*- PCのみ表示 -*/
@media (max-width: 767px) {
  .u-only-pc {
    display: none !important;
  }
}

/*- SPのみ表示 -*/
@media (min-width: 768px) {
  .u-only-sp {
    display: none !important;
  }
}


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

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

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

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

/* ヘッダーロゴ */
.logo-header img.site-logo-image{
	width:150px;
	filter: drop-shadow(0 0 4px rgba(255,255,255,1));
}

/* パンくずリスト */
	.breadcrumb{margin-top:0; margin-bottom:0;}

/* 記事ヘッダまわり */

.article-header {
	display: flex;
	flex-direction: column;
}
.entry-title{order:1;}
.eye-catch-wrap{order:2;}
.date-tags{order:3;}
.sns-share {order:4;}

/* SNSシェアボタン */
#main .button-caption {
	display: none; /*キャプション非表示*/
}
.article-header .sns-share{margin-bottom:1em;}
.sns-share-buttons {
	flex-wrap: nowrap; 
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 5px
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 5px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 18%;/*ボタンの横幅*/
	height: 44px; /*ボタンの高さ*/
}


/* 見出し */	
	
.article h2 {
    font-size:1.2em;/*18px*/
    padding: 0.8em 1em;
}
.article h3 {
    font-size: 1.1333em;/*17px*/
}	
	
}