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

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

/* Hobby Fun：ACFの画像・説明の表示（2026-11-13） */
.hf-gallery{margin:0 0 1.5em;}
.hf-gallery-main{background:#000;text-align:center;}
.hf-gallery-main img{max-width:100%;max-height:640px;width:auto;height:auto;display:inline-block;}
.hf-gallery-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;list-style:none;margin:10px 0 0;padding:0;}
.hf-gallery-thumbs li{margin:0;padding:0;list-style:none;}
.hf-thumb{display:block;width:100%;padding:0;border:2px solid transparent;background:#000;cursor:pointer;aspect-ratio:1/1;overflow:hidden;}
.hf-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.hf-thumb.is-active{border-color:#f2b705;}
.hf-item-txt1,.hf-item-txt2{margin:0 0 1.5em;}
.hf-mainimg{margin:0 0 1.5em;text-align:center;}
.hf-mainimg img{max-width:100%;height:auto;}
/* New Items・Diary・Products は本文の前にACFの画像を出すので、Cocoonのアイキャッチは隠す（同じ画像が2回出るため） */
.single-items .eye-catch-wrap,.single-diary .eye-catch-wrap,.single-products .eye-catch-wrap{display:none;}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .hf-gallery-thumbs{grid-template-columns:repeat(4,1fr);}
}

/* ===========================================================
 * Hobby Fun：黒基調のデザイン（2026-11-13）
 * 色を変えるときは :root の値だけ変える
 * =========================================================== */
:root{
  --hf-bg:#0e0e0f;        /* ページの背景 */
  --hf-panel:#18181b;     /* 白いカードの代わりの面 */
  --hf-panel2:#222226;    /* 少し明るい面 */
  --hf-line:#2e2e33;      /* 線 */
  --hf-text:#e9e9ec;      /* 本文 */
  --hf-muted:#a3a3ab;     /* 補足の文字 */
  --hf-accent:#f2b705;    /* アクセント（金） */
  --hf-accent-ink:#111;   /* アクセントの上の文字 */
}
body,.body{background:var(--hf-bg)!important;color:var(--hf-text);}
a{color:var(--hf-text);}
a:hover{color:var(--hf-accent);}
/* ヘッダー・メニュー・フッター */
#header-container,.header-container,#header,.header,#navi,.navi,.navi-in>ul,.navi-in .sub-menu{background:#000!important;color:var(--hf-text);}
.header .site-name-text,.header .site-name-text-link,.tagline,.navi-in a,.navi-in a .item-label{color:var(--hf-text)!important;}
.navi-in a:hover{background:var(--hf-panel2)!important;color:var(--hf-accent)!important;}
#footer,.footer{background:#000!important;color:var(--hf-muted);}
.footer a,.footer .widget-title{color:var(--hf-text)!important;}
.mobile-menu-buttons,.mobile-header-menu-buttons,.mobile-footer-menu-buttons{background:#000!important;}
.mobile-menu-buttons .menu-button>a,.mobile-menu-buttons .menu-caption,.mobile-menu-buttons .menu-icon{color:var(--hf-text)!important;}
/* 本文エリア */
.content,.content-in,.main,.sidebar,.wrap{background:transparent;}
.main,.sidebar{background:var(--hf-panel)!important;color:var(--hf-text);border-color:var(--hf-line)!important;}
.entry-title,.archive-title,.entry-content,.article p,.article li{color:var(--hf-text);}
.article h2{background:var(--hf-panel2);color:var(--hf-text);border-left:5px solid var(--hf-accent);}
.article h3{border-color:var(--hf-accent);color:var(--hf-text);}
.article h4,.article h5,.article h6{border-color:var(--hf-line);color:var(--hf-text);}
.entry-content a{color:var(--hf-accent);}
.article table th{background:var(--hf-panel2);color:var(--hf-text);}
.article table,.article table td,.article table th{border-color:var(--hf-line);}
.article table tr:nth-of-type(2n+1){background:#1d1d21;}
.toc{background:var(--hf-panel2);border-color:var(--hf-line);color:var(--hf-text);}
.toc a{color:var(--hf-text);}
blockquote,.blank-box,.info-box,.sticky{background:var(--hf-panel2)!important;color:var(--hf-text);border-color:var(--hf-line)!important;}
.breadcrumb,.breadcrumb a,.date-tags,.post-date,.post-update,.author-info,.entry-card-meta,.post-author{color:var(--hf-muted)!important;}
.cat-label,.cat-link{background:var(--hf-accent)!important;color:var(--hf-accent-ink)!important;border-color:var(--hf-accent)!important;}
.tag-link{color:var(--hf-text)!important;border-color:var(--hf-line)!important;}
/* 一覧・ウィジェット・ページ送り */
.entry-card-wrap,.related-entry-card-wrap,.widget-entry-card-link{background:transparent;color:var(--hf-text);}
.entry-card-title,.related-entry-card-title,.widget-entry-card-title{color:var(--hf-text);}
.entry-card-snippet{color:var(--hf-muted);}
.widget-sidebar-title,.sidebar h2,.sidebar h3,.related-entry-heading,.comment-title{background:var(--hf-panel2)!important;color:var(--hf-text)!important;border-color:var(--hf-accent)!important;}
.page-numbers,.pagination-next-link,.comment-btn{background:var(--hf-panel2)!important;color:var(--hf-text)!important;border-color:var(--hf-line)!important;}
.page-numbers.current{background:var(--hf-accent)!important;color:var(--hf-accent-ink)!important;}
.search-edit,input[type="text"],input[type="email"],input[type="tel"],textarea,select{background:var(--hf-panel2);color:var(--hf-text);border-color:var(--hf-line);}
.sns-share-buttons a,.sns-follow-buttons a{filter:saturate(.85);}
#go-to-top .go-to-top-button{background:var(--hf-accent);color:var(--hf-accent-ink);}

/* ===========================================================
 * TOPページ（front-page.php）
 * =========================================================== */
.home .main{background:transparent!important;padding:0!important;border:0!important;}
.hf-front{display:flex;flex-direction:column;gap:28px;}
.hf-h1{font-size:17px;font-weight:bold;color:var(--hf-muted);text-align:center;margin:4px 0 -8px;padding:0;background:none;border:0;letter-spacing:.04em;}
.hf-hero,.hf-sec{background:var(--hf-panel);border:1px solid var(--hf-line);border-radius:14px;padding:26px 28px;}
.hf-hero{background:linear-gradient(135deg,#000 0%,#1b1b1f 100%);text-align:center;padding:40px 28px;}
.hf-hero-title{font-size:26px;line-height:1.5;margin:0 0 14px;color:#fff;letter-spacing:.04em;}
.hf-hero-lead{font-size:14px;line-height:1.9;color:var(--hf-muted);max-width:760px;margin:0 auto 20px;text-align:left;}
.hf-hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.hf-btn{display:inline-block;padding:11px 26px;border-radius:999px;border:1px solid var(--hf-line);color:var(--hf-text)!important;text-decoration:none;font-weight:bold;font-size:14px;background:var(--hf-panel2);}
.hf-btn:hover{border-color:var(--hf-accent);color:var(--hf-accent)!important;}
.hf-btn-main{background:var(--hf-accent);border-color:var(--hf-accent);color:var(--hf-accent-ink)!important;}
.hf-btn-main:hover{background:#ffd23a;color:var(--hf-accent-ink)!important;}
.hf-sec-head{display:flex;align-items:center;gap:14px;margin:0 0 18px;}
.hf-sec-title{font-size:21px;margin:0;padding:0;background:none!important;border:0!important;color:#fff;white-space:nowrap;}
.hf-sec-sub{font-size:12px;color:var(--hf-accent);margin-left:10px;letter-spacing:.12em;font-weight:normal;}
.hf-sec-line{flex:1;height:1px;background:var(--hf-line);}
.hf-sec-more{font-size:13px;color:var(--hf-accent)!important;text-decoration:none;white-space:nowrap;}
.hf-sec-more::after{content:" ›";}
.hf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 18px;}
.hf-card{display:block;text-decoration:none;color:var(--hf-text)!important;}
.hf-card-thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border-radius:10px;background:#000;}
.hf-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.hf-card:hover .hf-card-thumb img{transform:scale(1.04);}
.hf-new{position:absolute;top:8px;left:8px;background:var(--hf-accent);color:var(--hf-accent-ink);font-size:11px;font-weight:bold;padding:2px 9px;border-radius:999px;}
.hf-card-cat{display:block;font-size:11px;color:var(--hf-accent);margin:9px 0 3px;}
.hf-card-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.55;font-weight:bold;}
.hf-card:hover .hf-card-title{color:var(--hf-accent);}
.hf-card-date{display:block;font-size:11px;color:var(--hf-muted);margin-top:4px;}
.hf-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;}
.hf-tags li{margin:0;list-style:none;}
.hf-tags a{display:inline-block;padding:6px 14px;border:1px solid var(--hf-line);border-radius:999px;font-size:13px;color:var(--hf-text)!important;text-decoration:none;background:var(--hf-panel2);}
.hf-tags a span{margin-left:6px;font-size:11px;color:var(--hf-muted);}
.hf-tags a:hover{border-color:var(--hf-accent);color:var(--hf-accent)!important;}
.hf-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.hf-rank{list-style:none;counter-reset:hfrank;margin:0;padding:0;}
.hf-rank li{counter-increment:hfrank;margin:0 0 12px;list-style:none;}
.hf-rank a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--hf-text)!important;position:relative;}
.hf-rank a::before{content:counter(hfrank);position:absolute;top:-4px;left:-4px;width:22px;height:22px;border-radius:50%;background:var(--hf-accent);color:var(--hf-accent-ink);font-size:12px;font-weight:bold;display:flex;align-items:center;justify-content:center;z-index:1;}
.hf-rank-thumb{flex:0 0 88px;height:66px;border-radius:8px;overflow:hidden;background:#000;}
.hf-rank-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.hf-rank-title{font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.hf-rank a:hover .hf-rank-title{color:var(--hf-accent);}
.hf-news{list-style:none;margin:0;padding:0;}
.hf-news li{display:flex;gap:14px;padding:11px 0;border-bottom:1px solid var(--hf-line);font-size:14px;list-style:none;margin:0;}
.hf-news-date{color:var(--hf-muted);font-size:12px;white-space:nowrap;padding-top:2px;}
.hf-news a{color:var(--hf-text)!important;text-decoration:none;}
.hf-news a:hover{color:var(--hf-accent)!important;}
.hf-about p{color:var(--hf-muted);line-height:1.9;font-size:14px;margin:0 0 18px;}
@media screen and (max-width:834px){
  .hf-grid{grid-template-columns:repeat(2,1fr);gap:18px 12px;}
  .hf-cols{grid-template-columns:1fr;}
  .hf-hero{padding:30px 18px;}
  .hf-hero-title{font-size:21px;}
  .hf-hero,.hf-sec{padding:20px 16px;}
}
@media screen and (max-width:480px){
  .hf-sec-title{font-size:18px;}
  .hf-sec-sub{display:none;}
  .hf-card-title{font-size:13px;}
}

/* ===========================================================
 * ヘッダー：サイト名を左・その下にH1・右に検索窓（2026-11-13）
 * =========================================================== */
.header .tagline{display:none!important;}
.header-in{display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:24px;text-align:left!important;padding:18px 0 16px;}
.header .logo-header{grid-column:1;grid-row:1;text-align:left!important;padding:0!important;margin:0!important;}
.header .logo-header a,.header .logo-header .site-name{padding:0!important;margin:0!important;}
.header .logo-header a,.header .site-name-text{font-size:36px!important;font-weight:bold;letter-spacing:.04em;line-height:1.3;}
.hf-site-h1{grid-column:1;grid-row:2;margin:4px 0 0!important;padding:0!important;font-size:13px!important;font-weight:normal!important;color:var(--hf-muted)!important;background:none!important;border:0!important;line-height:1.5;}
.hf-hsearch{grid-column:2;grid-row:1 / span 2;display:flex;align-items:center;background:var(--hf-panel2);border:1px solid var(--hf-line);border-radius:999px;padding:3px 4px 3px 16px;width:300px;}
.hf-hsearch input{flex:1;border:0!important;background:transparent!important;color:var(--hf-text)!important;font-size:14px;padding:6px 0;outline:none;min-width:0;}
.hf-hsearch input::placeholder{color:var(--hf-muted);}
.hf-hsearch button{border:0;background:var(--hf-accent);color:var(--hf-accent-ink);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;}
@media screen and (max-width:834px){
  .header-in{grid-template-columns:1fr;row-gap:8px;padding:14px 12px;}
  .hf-hsearch{grid-column:1;grid-row:3;width:100%;}
  .header .logo-header a,.header .site-name-text{font-size:26px!important;}
}

/* ===========================================================
 * 左サイドバーのカテゴリツリー
 * =========================================================== */
.hf-tree-widget .widget-sidebar-title{margin-bottom:12px;}
.hf-tree-group{margin-top:12px;}
.hf-tree-group:first-child{margin-top:0;}
.hf-tree-head{display:flex;align-items:center;gap:8px;padding:7px 4px;font-weight:bold;font-size:14px;border-bottom:1px dashed var(--hf-line);color:var(--hf-text)!important;text-decoration:none;}
a.hf-tree-head:hover{color:var(--hf-accent)!important;}
.hf-mark{flex:0 0 22px;height:22px;border-radius:6px;border:1px solid var(--hf-accent);color:var(--hf-accent);font-size:12px;display:flex;align-items:center;justify-content:center;}
.hf-tree-count{margin-left:auto;font-size:11px;color:var(--hf-muted);font-weight:normal;}
.hf-tree-list{list-style:none!important;margin:4px 0 0!important;padding:0!important;}
.hf-tree-list li{margin:0!important;padding:0!important;border:0!important;list-style:none!important;}
.hf-tree-list li::before{display:none!important;}
.hf-tree-list a{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 6px 5px 32px;border-radius:8px;font-size:13px;color:var(--hf-text)!important;text-decoration:none;}
.hf-tree-list a:hover{background:var(--hf-panel2);color:var(--hf-accent)!important;}
.hf-tree-list svg{color:var(--hf-muted);flex:0 0 auto;}
.hf-tree-list.is-closed li.is-extra{display:none!important;}
.hf-tree-more{display:block;width:100%;margin:8px 0 2px;padding:7px;border:1px solid var(--hf-line);border-radius:999px;background:var(--hf-panel2);color:var(--hf-accent);font-size:13px;font-weight:bold;cursor:pointer;}
.hf-tree-more:hover{border-color:var(--hf-accent);}

/* サイドバーの標準ウィジェット（最近の投稿・アーカイブなど）を白字・14pxに（2026-11-13） */
.sidebar .widget,.sidebar .widget p,.sidebar .widget li,.sidebar .widget a,.sidebar .widget span,.sidebar .widget time{color:var(--hf-text)!important;font-size:14px!important;line-height:1.7;}
.sidebar .widget a:hover{color:var(--hf-accent)!important;}
.sidebar .widget h2,.sidebar .widget h3,.sidebar .widget .widget-title,.sidebar .widget .wp-block-heading{font-size:16px!important;}
.sidebar .widget ul{padding-left:1.2em;}
.sidebar .wp-block-search__input{background:var(--hf-panel2)!important;color:var(--hf-text)!important;border-color:var(--hf-line)!important;font-size:14px!important;}
.sidebar .wp-block-search__button{background:var(--hf-accent)!important;color:var(--hf-accent-ink)!important;border:0!important;font-size:14px!important;}
.sidebar .wp-block-search__label{font-size:16px!important;font-weight:bold;}

/* サイドバーの文字を白・大きめにそろえる（2026-11-13） */
.sidebar,.sidebar *:not(.hf-mark):not(.hf-tree-count):not(.hf-tree-more):not(button){color:var(--hf-text)!important;}
.sidebar a:hover,.sidebar a:hover *{color:var(--hf-accent)!important;}
.sidebar .widget{font-size:15px!important;}
.sidebar .widget li,.sidebar .widget a,.sidebar .widget p,.sidebar .widget label,.sidebar .wp-block-latest-comments__comment-meta{font-size:15px!important;line-height:1.7;}
.sidebar .widget h2,.sidebar .widget h3,.sidebar .widget .wp-block-heading,.sidebar .widget-sidebar-title{font-size:16px!important;}
.hf-tree-head{font-size:16px!important;}
.hf-tree-list a{font-size:15px!important;padding:6px 6px 6px 32px;}
.hf-tree-count{font-size:12px!important;}
.sidebar .wp-block-search__input{background:var(--hf-panel2)!important;color:var(--hf-text)!important;border:1px solid var(--hf-line)!important;}
.sidebar .wp-block-search__button{background:var(--hf-accent)!important;color:var(--hf-accent-ink)!important;border:0!important;}
/* スマホのスライド式サイドバー */
.sidebar-menu-content,.navi-menu-content,.search-menu-content{background:var(--hf-panel)!important;color:var(--hf-text)!important;}

/* フォント：M PLUS Rounded 1c（2026-11-13） */
body,.body,.body h1,.body h2,.body h3,.body h4,.body h5,.body h6,.body p,.body a,.body li,.body td,.body th,.body span,.body input,.body button,.body textarea,.body select,.site-name-text{font-family:'M PLUS Rounded 1c','Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;}
.body .fa,.body [class^="fa-"],.body [class*=" fa-"],.body [class*="icon-"]{font-family:FontAwesome,'Font Awesome 5 Free',icomoon!important;}

/* ヘッダーのサイト名とH1を少し右へ（2026-11-13） */
@media screen and (min-width:835px){
  .header .logo-header,.hf-site-h1{padding-left:20px!important;}
}

/* SNSボタン（Simple Share Follow Button）を一時的に非表示（2026-11-14） */
.ssfbShare,
.ssfbFollow {
	display: none !important;
}

/* TOPページの記事カード・お知らせの日付を非表示（2026-11-14） */
.hf-card-date,
.hf-news-date {
	display: none !important;
}

/* ヘッダー右上の検索窓を非表示（サイドバーの検索窓を使う）（2026-11-14） */
.hf-hsearch {
	display: none !important;
}

/* サイドバースクロール追従エリア（初期のアーカイブ・カテゴリー）を非表示（2026-11-14）
   ウィジェット画面で外しても元に戻るため、表示側で隠す */
#sidebar-scroll {
	display: none !important;
}

/* TOP：作品・シリーズ別の記事（2026-11-14） */
.hf-grid.hf-grid-4{grid-template-columns:repeat(4,1fr);}
.hf-grid.hf-grid-2{grid-template-columns:repeat(2,1fr);}
.hf-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
@media screen and (max-width:834px){
	.hf-grid.hf-grid-4{grid-template-columns:repeat(2,1fr);}
	.hf-split{grid-template-columns:1fr;gap:0;}
}