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

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

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

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

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

/************************************
** ブログカード
***********************************/
.blogcard {/*幅、形*/
padding-bottom:.8%;
border: 0px solid whitesmoke;
border-radius:4px;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 30%);
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf{
transition: all 200ms;
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf:hover,
a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf:hover{/*ブログカードにカーソルを合わせたときの設定*/
background-color: #fafafa;
box-shadow:none;
transform: none;
}
.blogcard-footer {/*ブログURLの設定*/
	padding-top: 2%;
}
.blogcard:before {
display:none;
}
/*続きを読む*/
.internal-blogcard::after{/*ブログカードの右下に「続きを読む」ボタンを追加*/
content: "続きを読む ≫"; 
position: absolute;
bottom: 0.7em;
right: 1em;
font-size: 0.7em;
background-color: #8b968d;/*続きを読むの背景色変更はこちら*/
padding: 0.2em 2.8em;
font-weight: bold;
color: #fff;
border-radius: 2px;
}
.blogcard-date{/* 日付を非表示にする */
display:none;
}
.blogcard-title {/*タイトルの設定*/
font-size:1em;
padding:.2em .2em 0;
line-height:1.4em;
text-align: justify;
}
.blogcard-snippet {/*抜粋文の設定*/
padding:0em .5em;
color:#7b7b7b;
text-align: justify;
}
/*以下モバイル版の設定*/
@media screen and (max-width: 1023px){
.blogcard-title {
padding:.3em .3em 0em .2em;
line-height:1.5em;
}
.blogcard-snippet {
font-size:.9em;
margin-top:.3em;
}
}
@media screen and (max-width: 960px){
.blogcard-title {
padding:.3em .3em .2em .2em;
line-height:1.5em;
}
.blogcard-snippet{
font-size:.8em;
max-height:15em;
}
}
@media screen and (max-width: 834px){
.blogcard-title {
font-size:1.1em;
padding:.2em .3em .5em .2em;
}
.blogcard-snippet {
font-size:.9em;
}
}
@media screen and (max-width: 740px){
.blogcard-title {
padding:.3em;
}
}
@media screen and (max-width: 673px){
.blogcard-title {
padding:.3em .5em 1em .2em;
line-height:1.8em;
}
.blogcard-snippet {
display:none;
}
}
@media screen and (max-width: 480px){
.blogcard {
padding-bottom: 2%;
}
.blogcard-title {
padding:.1em .4em 0em .1em;
line-height:1.5em;
}
.blogcard-footer {
padding-top: 5%;
}
}
.bct-related .blogcard-label,/*関連記事*/
.bct-reference .blogcard-label,/*参考記事*/
.bct-reference-link .blogcard-label,/*参考リンク*/
.bct-popular .blogcard-label,/*人気記事*/
.bct-together .blogcard-label,/*あわせて読みたい*/
.bct-detail .blogcard-label,/*詳細はこちら*/
.bct-check .blogcard-label,/*チェック*/
.bct-pickup .blogcard-label,/*ピックアップ*/
.bct-official .blogcard-label,/*公式サイト*/
.bct-dl .blogcard-label{/*ダウンロード*/
display: inline !important;
background-color: #ffa500;
margin-left:.5em;
}
@media screen and (max-width: 600px){
.blogcard-label{
margin-left:-0.3em!important;
}
}
/*カードラベルを非表示*/
/* .blogcard-label {
	display: none;
} */
/*　内部ブログカードの説明文を消す*/
/* .internal-blogcard-snippet{
    display: none;
} */
/*外部ブログカードの説明文を消す*/
/* .external-blogcard-snippet{
    display: none;
} */
/*内部ブログカードと外部ブログカードの説明文を消す*/
.blogcard-snippet{
    display: none;
}

/************** 以下 オリジナルCSS **************/
.article h2 {
    color: #fff;
    padding: .8em 1em;
    margin-top: 80px;
    /*background: #444d53;*/
    /*border-top: 4px solid #667d8c;*/
    /*border-bottom: 4px solid #667d8c;*/
}
.article h3 {
    color: #444d53;
    padding: .5em 0;
    margin-top: 40px;
    /*border-top: 3px solid #444d53;*/
    /*border-bottom: 3px solid #444d53;*/
}
.article h4 {
    color: #444d53;
    padding: .2em 1em;
    margin-top: 40px;
    /*border-left: 6px solid #444d53;*/
}
.article h5 {
    color: #444d53;
    margin-top: 40px;
    /*border-bottom: solid 2px #444d53;*/
}
.article h6 {
    color: #444d53;
    margin-top: 40px;
    /*border-bottom: solid 1px #444d53;*/
}

/* ************* Cocoon サイドバー  **************/
#sidebar{font-size:0.9em}　
#sidebar p{line-height:1.5em}
.widget-sidebar ul li a { font-size: 0.9em; } /*Cocoon サイドバー文字サイズ */
.nwa .author-box .author-description { font-size: 0.9em; } /*Cocoon プロフィール説明の文字サイズ*/
.nwa .author-box .author-name { font-size: 0.9em; } /*プロフィールの名前の文字サイズ*/

#header-in{
  background-image: url(http://akha.e-fiore.net/blog/wp-content/uploads/2022/11/akha-header-1.png) no-repeat center center;
background-size:cover;
}
/*#header-in::before { content: ""; width: 100%; height: 100%; background-color: rgba(111, 102, 132, 0.6); } header 背景 img+over_color*/

.author-widget-name { color: #ffffff; }
.author-name a {text-decoration: none}

/************************************
SNS ボタンをまとめて小さくする
************************************/

/*トップシェアボタンの枠組み*/
.sns-share.ss-top .sns-share-buttons {
	/*justify-content: flex-start; 左寄せ*/
}

/*ボトムシェア・フォローボタンの枠組み*/
.sns-share.ss-bottom .sns-share-buttons,
.sns-follow.sf-bottom .sns-follow-buttons,
.sns-follow.sf-widget .sns-follow-buttons {
	/*justify-content: flex-start; 左寄せ*/
	flex-wrap: wrap; /*折り返す*/
}

/*シェア・フォローボタンの形*/
.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a,
.sns-follow.sf-bottom .sns-buttons a,
.sns-follow.sf-widget .sns-buttons a {
	width: 35px; /*横幅*/
	height: 35px; /*高さ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
	border-radius: 50%; /*丸み*/
	border: none;/*ボタンの枠線*/
}

/*シェアボタンのアイコン*/
.sns-share.ss-top .sns-buttons a .social-icon,
.sns-share.ss-bottom .sns-buttons a .social-icon {
	font-size: 25px; /*アイコンのサイズ*/
}

/*フォローボタンのアイコン*/
.sns-follow.sf-bottom .sns-follow-buttons .follow-button,
.sns-follow.sf-widget .sns-follow-buttons .follow-button {
	font-size: 25px; /*アイコンのサイズ*/
}

/*シェアボタンのキャプション*/
.sns-share.ss-top .sns-buttons a .button-caption,
.sns-share.ss-bottom .sns-buttons a .button-caption {
	display: none; /*非表示*/
}

/*シェア・フォローボタンのシェア数*/
.sns-share.ss-top .sns-buttons a .share-count,
.sns-share.ss-bottom .sns-buttons a .share-count,
.sns-follow.sf-bottom .sns-buttons a .follow-count,
.sns-follow.sf-widget .sns-buttons a .follow-count {
	right: 1px; /*右側からの距離*/
	bottom: 0; /*下側からの距離*/
	font-size: 10px; /*文字の大きさ*/
}

/*シェアメッセージ
.sns-share-message {
	text-align: left;
}*/