@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){
/*必要ならばここにコードを書く*/
}
/*PATTERN_D_START*/
/************************************
** パターンD デザイン（紅月麗音 公式サイト）
************************************/
body{background:#FAFAFB;color:#0A0A0E;font-family:"Hiragino Sans","Yu Gothic",Meiryo,sans-serif}
a{color:#0A0A0E}
.entry-content a:not(.btn){color:#D4102C}
.header-container{background:#fff;border-bottom:2px solid #0A0A0E}
.tagline{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;letter-spacing:.15em;color:#666A73}
.logo-header img,.site-name-text-link img{max-height:64px;width:auto;height:auto}
#navi,.navi{background:#fff}
.navi-in>ul li a{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:14px;color:#666A73;background:transparent}
.navi-in>ul li a:hover{background:transparent;color:#D4102C}
.navi-in>ul .current-menu-item>a,.navi-in>ul .current_page_item>a{color:#0A0A0E;font-weight:700}
.navi-in>ul{display:flex;flex-wrap:wrap;justify-content:center}
.navi-in>ul>li{width:auto;flex:none}
.navi-in>ul>li>a{padding:0 18px;white-space:nowrap}
.navi-in>ul .current-menu-item .item-label:before,.navi-in>ul .current_page_item .item-label:before{content:"+ ";color:#D4102C}
.article h2,.entry-content h2{background:transparent;color:#0A0A0E;border:0;border-left:6px solid #D4102C;border-bottom:1px solid #D5D7DC;padding:6px 0 6px 12px;font-weight:800}
.article h3,.entry-content h3{border:0;border-left:4px solid #0A0A0E;padding:2px 0 2px 10px;background:transparent;color:#0A0A0E}
.entry-title{font-weight:800}
.sns-share-message,.sns-follow-message{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
.footer,#footer{background:#fff;color:#666A73;border-top:2px solid #0A0A0E}
.footer a,#footer a{color:#666A73}
.home .entry-title,.home .article-header,.home .sns-share,.home .sns-follow,.home .date-tags,.home .post-date,.home .breadcrumb{display:none}
.home .article{padding-top:0}
.pd{max-width:880px;margin:0 auto;color:#0A0A0E;line-height:1.7}
.pd *{box-sizing:border-box}
.pd .mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
.pd .sub{color:#666A73}
.pd .hero{padding:34px 0}
.pd .kana{font-family:"Times New Roman",Times,serif;font-size:16px;font-weight:700;letter-spacing:.3em;color:#D4102C;margin-bottom:8px}
.pd .hero h1{font-size:34px;font-weight:800;line-height:1.15;margin:0;padding:0;border:0;background:transparent}
.pd .hero h1 em{font-style:normal;color:#D4102C}
.pd .roles{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.pd .roles span{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;padding:3px 12px;border:1px solid #0A0A0E}
.pd .roles span:first-child{background:#D4102C;border-color:#D4102C;color:#fff;font-weight:700}
.pd .hero p{font-size:14px;color:#666A73;margin:14px 0 0}
.pd .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.pd a.btn{display:inline-block;padding:11px 22px;font-size:13px;background:#0A0A0E;color:#fff;border:1px solid #0A0A0E;text-align:center;text-decoration:none}
.pd a.btn.o{background:transparent;color:#0A0A0E}
.pd a.btn.r{background:#D4102C;border-color:#D4102C;color:#fff}
.pd a.btn.s{padding:7px 14px;font-size:12px}
.pd a.btn:hover{opacity:.85}
.pd .logobox{margin:28px auto 8px;width:min(300px,86%);background:#fff;border:2px solid #0A0A0E;padding:14px;box-shadow:8px 8px 0 #0A0A0E}
.pd .logobox img{display:block;width:100%;height:auto}
.pd .sec{padding:30px 0;border-top:2px solid #0A0A0E}
.pd .sec h2{font-size:19px;font-weight:800;letter-spacing:.08em;margin:0 0 16px;padding:0;border:0;background:transparent;display:flex;align-items:center;gap:8px}
.pd .sec h2:before{content:"+";color:#D4102C;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:26px;line-height:1}
.pd .sec p{font-size:14px;margin:0}
.pd .chip{display:inline-block;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;padding:2px 10px;background:#A50F26;color:#fff;margin-bottom:6px}
.pd .pub{border:1px solid #0A0A0E;background:#fff;padding:16px;margin-bottom:16px}
.pd .pub .row{display:flex;gap:14px}
.pd .cover{width:92px;height:128px;flex:none;background:#0A0A0E;color:#fff;font-size:12px;text-align:center;display:flex;align-items:center;justify-content:center;padding:6px;box-shadow:4px 4px 0 #D4102C}
.pd .cover.g{background:#7a7c82}
.pd .pub h3{font-size:16px;line-height:1.4;margin:0;padding:0;border:0}
.pd .tag{display:inline-block;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;border:1px solid #0A0A0E;padding:1px 8px;margin:6px 0}
.pd .pub .btns{margin-top:12px}
.pd .news{border-top:2px solid #0A0A0E}
.pd .nw{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:baseline;padding:12px 2px;border-bottom:1px solid #D5D7DC;font-size:14px;color:#0A0A0E;text-decoration:none}
.pd .nw time{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;color:#D4102C;font-weight:700}
.pd .nw i{font-style:normal;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;color:#D4102C}
.pd .art{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #D5D7DC;color:#0A0A0E;text-decoration:none}
.pd .art h3{font-size:14px;line-height:1.5;font-weight:700;margin:0;padding:0;border:0}
.pd .art time{display:block;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;color:#666A73;margin-top:4px}
@media screen and (max-width:480px){.pd .hero h1{font-size:30px}}
.page .footer-meta,.page .author-info{display:none}
/* Twitter → X 表示 */
.twitter-button .social-icon:before{content:"";display:inline-block;width:1em;height:1em;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,") center/contain no-repeat}
.sns-share .twitter-button .button-caption,.sns-follow .twitter-button .button-caption{font-size:0!important}
.sns-share .twitter-button .button-caption:after,.sns-follow .twitter-button .button-caption:after{content:"X";font-size:12px!important}
/* ヘッダー文字ロゴ・SNSシェア（パターンD） */
.logo-header .site-name-text{font-size:24px;font-weight:800;letter-spacing:.06em;color:#0A0A0E}
.logo-header.logo-text a{color:#0A0A0E;text-decoration:none}
.sns-share .sns-buttons{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px}
.sns-share .sns-buttons .share-button{flex:none;width:auto!important;min-width:104px;margin:0!important;padding:7px 16px!important;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;background:#fff!important;color:#0A0A0E!important;border:1px solid #0A0A0E!important;border-radius:0!important;box-shadow:3px 3px 0 #D4102C!important;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
.sns-share .sns-buttons .share-button:hover{opacity:1;transform:translate(1px,1px);box-shadow:2px 2px 0 #D4102C!important}
.sns-share .sns-buttons .share-button .social-icon,.sns-share .sns-buttons .share-button .button-caption{color:#0A0A0E!important;margin:0!important;font-size:13px}
.sns-share .sns-buttons .share-button .share-count{display:none}
.sns-share .sns-buttons .twitter-button .button-caption{font-size:0!important}
.sns-share .sns-buttons .twitter-button .button-caption:after{font-size:13px!important}
.sns-share-message,.sns-follow-message{text-align:left!important}
.sns-follow .sns-buttons{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px}
.sns-follow .sns-buttons .follow-button{flex:none;width:auto!important;min-width:104px;margin:0!important;padding:7px 16px!important;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;background:#fff!important;color:#0A0A0E!important;border:1px solid #0A0A0E!important;border-radius:0!important;box-shadow:3px 3px 0 #D4102C!important;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:13px}
.sns-follow .sns-buttons .follow-button:hover{opacity:1;transform:translate(1px,1px);box-shadow:2px 2px 0 #D4102C!important}
.sns-follow .sns-buttons .follow-button span{color:#0A0A0E!important;margin:0!important}
.sns-follow .sns-buttons .follow-button .follow-count{display:none}
.sns-follow .sns-buttons .website-button:after{content:"SITE"}
.sns-follow .sns-buttons .feedly-button:after{content:"FEEDLY"}
.sns-follow .sns-buttons .rss-button:after{content:"RSS"}
/* 未公開ページへのリンクはクリック不可（公開するとURLが変わり自動で解除） */
a[href*="?page_id="]{pointer-events:none;cursor:default;opacity:.4}
/* 固定ページ共通（ページ見出し・年表） */
.page-id-9 .entry-title,.page-id-9 .toc{display:none}
.pd .ptitle{padding:30px 0 22px;border-bottom:2px solid #0A0A0E}
.pd .ptitle .en{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;letter-spacing:.3em;color:#D4102C;font-weight:700}
.pd .ptitle h1{font-size:30px;font-weight:800;line-height:1.25;margin:6px 0 0;padding:0;border:0;background:transparent}
.pd .sec.first{border-top:0}
.pd .sec p+p{margin-top:10px}
.pd .pf-name{font-size:24px;font-weight:800;letter-spacing:.15em}
.pd .tl{border-left:2px solid #0A0A0E;margin-left:6px;padding-left:16px}
.pd .tl div{position:relative;padding-bottom:16px;font-size:14px}
.pd .tl div:before{content:"";position:absolute;left:-23px;top:6px;width:10px;height:10px;background:#D4102C}
.pd .tl b{display:block;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;color:#666A73;font-weight:400}
.page .pd{margin:0}
.page .date-tags{display:none}
/*PATTERN_D_END*/