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

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

/***リストスタイル***/
.list-style-none { list-style-type:none; }
.list-style-none li { text-indent:-1em; }

/*** 色設定 ***/
body { background-color: #FFF; }

/*** シングルカラム横幅 ***/
.no-sidebar.single-post .content-in { width:100%; max-width: 860px; }
.no-sidebar .content-bottom-in { width:100%; max-width: 1193px; }
.no-sidebar.single-post .content-bottom-in { width:100%; max-width: 860px; }
.footer-in { width:100%; max-width: 1193px; }

/*** 投稿ページヘッダー非表示***/
/*.single #header-container { display: none; }*/
.single #content {margin-top:0!important;}
/*.single .main { padding-top:0!important;}*/

/*** アイキャッチ画像を記事タイトルの上に移動 ***/
.article-header { display: flex; flex-direction: column; }/*記事ヘッダーの枠組み*/
.eye-catch-wrap { order: -1; overflow: hidden; }/*アイキャッチの枠組み*/

/***マージン***/
.mb-0 { margin-bottom:0!important;}
.mt-0 { margin-top:0!important;}
.ml-0 { margin-left:0!important;}
.mr-0 { margin-right:0!important;}
.my-0 { margin-bottom:0!important; margin-top:0!important;}
.mx-0 { margin-left:0!important; margin-right:0!important;}

/***行間***/
.lh-12 { line-height:1.2!important;}
.lh-14 { line-height:1.4!important;}
.lh-16 { line-height:1.6!important;}
.lh-18 { line-height:1.8!important;}
.lh-20 { line-height:2.0!important;}
.lh-22 { line-height:2.2!important;}
.lh-24 { line-height:2.4!important;}

/***コンテンツ下エリア余白***/
#content-bottom { padding:0.5rem 1rem;}
/*#popular_entries-5 { display:none;}*/

/***画像ボケ対策（Chrome）***/
img { image-rendering: -webkit-optimize-contrast!important; }

/***フッターロゴサイズ***/
.footer-bottom-logo .logo-image { max-width: 200px; }
.footer-bottom-logo .logo-image a { padding:0; margin:0;}
.footer-bottom-logo img { height: auto; padding:0; }
.footer { margin-top:0!important; border-top: solid 1px #DDD;}

.footer-bottom {padding:0; margin-bottom:1rem;}

/***アイキャッチ左上カテゴリー非表示***/
.cat-label { display: none; }

/***エントリーカードカテゴリー非表示***/
.entry-card-categorys { display:none;}

/***コンテンツ上部HTMLウィジェット***/
#content-top-in .custom-html-widget { margin-top: -120px; padding: 0 0.5rem;}
#content-top-in .custom-html-widget img { border-radius: 50%; max-width:180px; border: solid 5px #3069B2;}
#content-top-in .custom-html-widget { text-align: center;}
#content-top-in .custom-html-widget div.title { font-size:2.0rem; font-weight:700; line-height:1.2; margin-bottom:0.5rem;}
#content-top-in .custom-html-widget div.caption { font-size:1.0rem; line-height:1.4;}
#content-top-in .custom-html-widget div.caption span, #content-top-in .custom-html-widget div.title span { display:inline-block;}

/*** 記事上ナビゲーション ***/
.navigation { display:flex; justify-content:space-between; align-items:center;}
.navigation div {display:flex; align-items:center; justify-content:space-between; width:calc(50% - 1em);}
.navigation div p { width:5em; text-align:right;}
.navigation div select { width:calc(100% - 6em);}

/***記事タイトル***/
.entry-title { font-size: 2em; padding-top:0; padding-left:0; padding-right:0; margin-top:0; }
.new-entry { position:absolute; top:-0.5rem; left:-0.5rem; line-height:1; font-weight:700; color:#FFF; background-color:#404453; border:solid 2px #FFF; font-size:1.0rem; display:flex; align-items:center; justify-content:center; aspect-ratio: 1.618 / 1; width:4.0em;}
/*.ect-big-card-first a:nth-child(n+2) .new-entry { font-size:0.8rem; }*/

/* カテゴリのアイコンを変更する */
.widget_categories ul li.cat-item > a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    padding-right: 7px;
    font-weight: 900;
}

/***カテゴリー開閉***/
.widget_categories ul li .children li { font-size:0.9em;}
.widget_categories ul li a { padding: 0.5rem 1rem; }
@media screen and (min-width: 1024px){
.widget_categories ul li.cat-item > ul.children { display: none; }
}
.widget_categories > ul > li.cat-item > a { position: relative; }
.widget_categories > ul > li.cat-item > ul > li.cat-item > a { position: relative; }
.widget_categories > ul > li:has(.children) > a::after{ font-family: "Font Awesome 5 Free"; content: '\f0d7'; display:inline-block; position: absolute; right: 5px; font-weight: 900; width:10%; text-align:center; }
.widget_categories > ul > li:has(.children) > a.active::after{ font-family: "Font Awesome 5 Free"; content: '\f0d8'; display:inline-block; position: absolute; right: 5px; font-weight: 900; width:10%; text-align:center; }
.widget_categories > ul > li:has(.children) > ul > li:has(.children) > a::after{ font-family: "Font Awesome 5 Free"; content: '\f0d7'; display:inline-block; position: absolute; right: 5px; font-weight: 900; width:10%; text-align:center; }
.widget_categories > ul > li:has(.children) > ul > li:has(.children) > a.active::after{ font-family: "Font Awesome 5 Free"; content: '\f0d8'; display:inline-block; position: absolute; right: 5px; font-weight: 900; width:10%; text-align:center; }

/* 親カテゴリのアイコンを変更する（各種） */
.widget_categories ul li:has(.children) > a::before {
    font-family: "Font Awesome 5 Free";
    content: '\f07b';
    width: 10%;
    padding-right: 7px;
    font-weight: 400;
    display: inline-block;
}

.widget_categories ul li:has(.children) > a.active::before {
    font-family: "Font Awesome 5 Free";
    content: '\f07c';
    width: 10%;
    padding-right: 7px;
    font-weight: 400;
    display: inline-block;
}

/* 親カテゴリの記事数（post-count）を無効化（非表示） */
.widget_categories > ul > li.cat-item:has(.children) > a > .post-count {
    display: none;
}
.widget_categories > ul > li.cat-item:has(.children) > ul > li.cat-item:has(.children) > a > .post-count {
    display: none;
}

/*** プロフィールウィジェット リンク無効化***/
.author-box .author-name a {
    text-decoration: none;
    color: #333;
	pointer-events: none;
} 

/*** いいね！ボックス文字センタリング ***/
.fb-like-content>div {
    padding-top: 28px;
}

/*** ヘッダー検索窓デザイン ***/
.header-container { border-bottom:solid 1px #DDD;}
.header { width:100%; height:80px;}
.header-in { position: relative; height:100%; }
.header-in .logo { position: absolute; top: 50%; left: 16px; margin: 0; width: auto; transform: translateY(-50%); }
.header-in .search-box { position: absolute; top: 50%; right: 16px; margin: 0; width: 280px; transform: translateY(-50%); }
.header-in input[type="text"] { padding: 8px 14px 8px 40px; font-size: 14px; background: #F2F2F2; border: 1px solid #CCC; border-radius: 16px 16px 16px 16px / 50% 50% 50% 50%; }
.header-in .search-submit { left: 3px; right: auto; color: #666; }
.header-in::after { content: ""; display: block; clear: both;}

/*** ギャラリー正方形***/
.wp-block-gallery .wp-block-image img {
  aspect-ratio: 1 / 1;        /* 画像表示を正方形にして統一して表示 */
}

/*** 特定タグ関連記事非表示 ***/
.tagid-253 #related-entries, .tagid-332 #related-entries {
  display: none;
}

/*** 特定タグページ送り非表示 ***/
.tagid-253 #pager-post-navi, .tagid-332 #pager-post-navi {
	display:none;
}

/*** ページ送り左右入替 ***/
/* ページ送りナビの左右を入れ替える(Cocoon ver.2～) */
.pager-post-navi a.prev-post {
    flex-direction: row-reverse;
    padding:10px 5px 10px 10px;
}
.pager-post-navi a.next-post {
    flex-direction: row;
    padding:10px 10px 10px 5px;
}
.pager-post-navi a.next-post .iconfont:before {
	content: '\f053';
}
.pager-post-navi a.prev-post .iconfont:before {
	content: '\f054';
}
.pager-post-navi a.next-post .next-post-title {
	margin: 0 0 0 10px;
}
.pager-post-navi a.prev-post .prev-post-title {
	margin: 0 10px 0 0;
}
@media screen and (min-width: 481px) {
    .pager-post-navi.post-navi-square {
        flex-direction: row-reverse;
    }
    .post-navi-square.post-navi-border a:last-child {
        border-left-width: 1px;
    }
    .post-navi-square.post-navi-border a:first-child {
        border-left-width: 0;
    }
}
/* ページ送りナビの上下を入れ替える */
.pager-post-navi.post-navi-default {
    flex-direction: column-reverse;
}
.post-navi-default.post-navi-border a.prev-post {
    border-top-width: 0;
}
.post-navi-default.post-navi-border a:only-child,
.post-navi-default.post-navi-border a.next-post {
    border-top-width: 1px;
}
@media screen and (max-width: 480px) {
    .pager-post-navi.post-navi-square {
        flex-direction: column-reverse;
    }
    .post-navi-square.post-navi-border a:first-child {
        border-top-width: 0;
    }
    .post-navi-square.post-navi-border a:last-child {
        border-top-width: 1px;
    }
}

/*「非表示」カテゴリー消す*/
.cat-link-257 { display:none;}

/*ブログカード横幅100％*/
.internal-blogcard-wrap { width:100%;}

/* Youtube センタリング */
.video-container { margin: 0px auto; }

/* Facebookボックス調整色々 */
.fb-like-box {padding:0; background-color:transparent;}
.fb-like-thumb {aspect-ratio:16 / 9;}
.fb-like-thumb-image { object-fit:contain;} 
.fb-like-content{ background-color:#444; display:flex; flex-direction:column; justify-content:space-between; padding:0.75rem;}
.fb-like-message, .fb-like-buttons { margin:0!important; padding:0!important;}
.fb-like-buttons div[class^="fb-like-"]{margin:0!important; padding:0!important; margin-bottom:0.5rem!important;}
.fb-like-sub-message{margin:0!important; padding:0!important;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	#new_entries-2{ display:none; }	
	#popular_entries-5 { display:block;}
	#tag_cloud-3 { display:none;}
	.header { width:100%; height:60px;}
	.header-in { height:100%;}
	.header-in .logo { left:50%; transform:translate(-50%,-50%); }
	.header-in .search-box { display: none; }
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.cat-item-126 { display:none;}
	#popular_entries-2 { display:none;}
	.navigation div p { display:none;}
	.navigation div select { width:100%;}
	.widget_author_box .author-box { display:flex; flex-direction:column; }
	.widget_author_box .author-box .author-thumb { margin:0; width:100%; text-align:center; padding:1em;}
	.widget_author_box .author-box .author-content { margin:0;}
}