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

/************************************
** PCワークjp v8（PCBUG）— 本体サイトと配色・書体・ヘッダー/フッターを揃える
** 2026-09-08 追加。元の子テーマは空だったので、消せば元に戻る。
************************************/
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');

:root{
  --pc-navy:#0B1030; --pc-navy-2:#151C46; --pc-navy-3:#1E2660;
  --pc-cyan:#00E5FF; --pc-magenta:#FF2E88; --pc-orange:#FF9F1C; --pc-lime:#B6FF3E;
  --pc-white:#F4F7FF; --pc-gray:#8A93B8; --pc-gray-2:#B4BCDA;
  --pc-line:rgba(138,147,184,.45);
  --pc-font-display:'DotGothic16','Zen Kaku Gothic New',sans-serif;
  --pc-font-body:'Zen Kaku Gothic New','Hiragino Sans','Noto Sans JP',sans-serif;
}

/* ---- 土台 ---- */
body.body{background:var(--pc-navy) radial-gradient(rgba(138,147,184,.12) 1px,transparent 1px);background-size:24px 24px;color:var(--pc-white);font-family:var(--pc-font-body)}
body.body a{color:var(--pc-cyan)}
body.body a:hover{color:var(--pc-white)}
.article h1,.article h2,.article h3,.article h4,.entry-title,.sidebar h2,.sidebar h3,.widget-title{font-family:var(--pc-font-display);font-weight:400;letter-spacing:.04em;color:var(--pc-white)}
.article h2{position:relative;padding:0 0 8px;background:transparent;border:0;border-radius:0}
.article h2::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--pc-cyan),var(--pc-magenta) 60%,var(--pc-orange))}
.article h3{border-left:2px solid var(--pc-cyan);border-top:0;border-right:0;border-bottom:0;padding-left:12px}

/* ---- ヘッダー（常にネイビー）---- */
#header,.header,#header-container,.header-container,.header-container-in{background:var(--pc-navy)!important;color:var(--pc-white)}
#header{border-bottom:2px solid var(--pc-navy-3)}
.site-name-text,.site-name a,.site-name-text-link{color:var(--pc-white)!important;font-family:var(--pc-font-display)}
.tagline{color:var(--pc-gray)}
.logo-image img{max-height:56px;width:auto}
#navi,.navi,.navi-in>ul{background:var(--pc-navy)!important}
.navi-in>ul>li>a,.navi-in a{color:var(--pc-white)!important;font-family:var(--pc-font-display);font-size:15px;border-bottom:2px solid transparent}
.navi-in>ul>li>a:hover,.navi-in a:hover{color:var(--pc-cyan)!important;border-bottom-color:var(--pc-cyan);background:transparent!important}
.navi-in>ul .sub-menu{background:var(--pc-navy-2)!important;border:2px solid var(--pc-gray)}
.mobile-menu-buttons,.mobile-header-menu-buttons{background:var(--pc-navy)!important;color:var(--pc-white)!important;border-top:2px solid var(--pc-navy-3)}
.mobile-menu-buttons .menu-button,.mobile-menu-buttons .menu-caption,.mobile-menu-buttons .menu-icon{color:var(--pc-white)!important}
.menu-drawer{background:var(--pc-navy)!important}

/* ---- 本文カード・記事一覧 ---- */
.main,.sidebar,.article,.entry-card-wrap,.a-wrap,.related-entry-card-wrap,.widget,.entry-content,.entry-card,.pager-post-navi a,.comment-area,.author-box{background:transparent}
.article,.main .entry-content,.sidebar .widget,.entry-card-wrap,.related-entry-card-wrap,.author-box,.pager-post-navi a,.toc,.blogcard,.alert-box,.info-box{background:var(--pc-navy-2);border:2px solid var(--pc-gray);border-radius:2px;box-shadow:0 4px 0 rgba(0,0,0,.35);color:var(--pc-white)}
.main .article,.main .entry-content{padding:24px}
.entry-card-wrap:hover,.related-entry-card-wrap:hover{border-color:var(--pc-cyan);color:var(--pc-white)}
.entry-card-title,.related-entry-card-title,.entry-card-title a{color:var(--pc-white);font-family:var(--pc-font-display);font-weight:400}
.entry-card-snippet,.related-entry-card-snippet,.entry-card-meta,.post-date,.post-update,.entry-date,.author-info,.category,.cat-label{color:var(--pc-gray-2)}
.entry-card-thumb img,.related-entry-card-thumb img,.entry-content img,.eye-catch img{border:2px solid var(--pc-gray);border-radius:2px}
.cat-label,.tag-link,.cat-link{background:var(--pc-navy);color:var(--pc-white)!important;border:1px solid var(--pc-magenta);border-radius:2px}
.entry-content p,.article p{color:var(--pc-white);line-height:1.9}
.entry-content strong,.article strong{color:var(--pc-cyan)}
.entry-content blockquote{background:var(--pc-navy);border-left:2px solid var(--pc-cyan);color:var(--pc-gray-2)}
.entry-content table th{background:rgba(11,16,48,.5);color:var(--pc-cyan);font-family:var(--pc-font-display);font-weight:400}
.entry-content table th,.entry-content table td{border-color:var(--pc-line);color:var(--pc-white)}
.toc-title{font-family:var(--pc-font-display);color:var(--pc-cyan)}
.toc a{color:var(--pc-white)}
.pagination a,.pagination span,.page-numbers{background:var(--pc-navy-2);color:var(--pc-white);border:2px solid var(--pc-gray);border-radius:2px}
.pagination .current,.page-numbers.current{background:var(--pc-cyan);color:var(--pc-navy);border-color:var(--pc-cyan)}
.search-box input,.search-edit,input[type="text"],input[type="search"],textarea,select{background:var(--pc-navy);color:var(--pc-white);border:2px solid var(--pc-gray);border-radius:2px}
.btn,.btn-wrap a,input[type="submit"],button.submit,.wpcf7-submit,.search-submit{background:var(--pc-orange)!important;color:var(--pc-navy)!important;border:2px solid var(--pc-white)!important;border-radius:2px!important;box-shadow:0 4px 0 rgba(0,0,0,.55)!important;font-family:var(--pc-font-display)}
.btn:hover,.btn-wrap a:hover,input[type="submit"]:hover{background:var(--pc-cyan)!important}
.sidebar .widget ul li a{color:var(--pc-white)}
.sidebar .widget ul li a:hover{color:var(--pc-cyan)}
.breadcrumb,.breadcrumb a,.breadcrumb-caption{color:var(--pc-gray)}

/* ---- フッター（常にネイビー）---- */
#footer,.footer,.footer-container,.footer-in,.footer-bottom,.footer-widgets{background:var(--pc-navy)!important;color:var(--pc-gray-2)!important}
#footer{border-top:2px solid var(--pc-gray)}
.footer a,.footer-widgets a,.footer-bottom a,.copyright{color:var(--pc-gray-2)!important}
.footer a:hover{color:var(--pc-cyan)!important}
.footer .widget-title{color:var(--pc-white)}
.go-to-top-button{background:var(--pc-orange)!important;color:var(--pc-navy)!important;border:2px solid var(--pc-white);border-radius:2px}

/* ---- 本体サイトへの導線バナー（記事末尾のウィジェット等で使う）---- */
.pw-blog-cta{margin:32px 0;padding:24px;background:var(--pc-navy-2);border:2px solid var(--pc-orange);border-radius:2px;box-shadow:0 4px 0 rgba(0,0,0,.35)}
.pw-blog-cta b{display:block;font-family:var(--pc-font-display);font-weight:400;font-size:20px;margin-bottom:8px;color:var(--pc-white)}
.pw-blog-cta a.pw-btn{display:inline-flex;align-items:center;min-height:48px;padding:12px 24px;font-family:var(--pc-font-display);font-size:17px;color:var(--pc-navy)!important;background:var(--pc-orange);border:2px solid var(--pc-white);border-radius:2px;box-shadow:0 4px 0 rgba(0,0,0,.55);text-decoration:none}
.pw-blog-cta a.pw-btn:hover{background:var(--pc-cyan)}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1023px){
  .main .article,.main .entry-content{padding:16px}
}
@media screen and (max-width: 834px){
  .logo-image img{max-height:44px}
}
@media screen and (max-width: 480px){
  .main .article,.main .entry-content{padding:12px}
}

/* ヘッダーの高さを本体サイトに揃える（Cocoon設定の余白を上書き） */
.header-in,.header-container-in{min-height:0!important;padding:12px 0!important;height:auto!important}
.header-in .logo-header{margin:0}

/* ナビ文字が薄く出るスキンへの上書き（詳細度を上げる） */
#header #navi .navi-in > ul > li > a,#header #navi .navi-in a,#navi .navi-in > .menu-header > .menu-item > a,.menu-header .menu-item a{color:#F4F7FF!important;opacity:1!important}
#header #navi .navi-in > ul > li > a:hover{color:#00E5FF!important}
#header .header-in,#header .header-container-in{color:#F4F7FF}